/** * Photon Grid base styles — export-menu section. * * Concatenated (in order) by base-styles.ts; edit here, not there. Order is * preserved because CSS cascade depends on it. * * Every value is a theme variable (with a sensible fallback) so the Export * launcher, dropdown and menu items re-theme with the rest of the grid — light, * dark and custom themes — with zero inline styles anywhere in the component. * The rules mirror `import-menu.css.ts` deliberately: the two launchers sit side * by side in the same strip and must read as one control group. */ export declare const exportMenuCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Export Menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Launcher \u2014 an \"Export\" pill living in the shared .pg-grid__tools bar\n (see filters-tool-panel.css.ts). 'order' places it after the Import pill;\n the bar handles absolute positioning and stacking. */\n.pg-export-launcher {\n order: 3;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n height: 32px;\n padding: 0 10px;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-md, 6px);\n background: var(--pg-colors-surface, #ffffff);\n color: var(--pg-colors-text-secondary, #64748b);\n box-shadow: var(--pg-shadows-sm, 0 1px 2px rgba(15, 23, 42, 0.08));\n font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-sm, 13px);\n font-weight: var(--pg-typography-font-weight-medium, 500);\n cursor: pointer;\n transition:\n background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n border-color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-export-launcher:hover {\n background: var(--pg-colors-background-alt, #f1f5f9);\n color: var(--pg-colors-text-primary, #0f172a);\n border-color: var(--pg-colors-border-strong, #cbd5e1);\n}\n.pg-export-launcher:focus-visible {\n outline: 2px solid var(--pg-colors-primary, #2563eb);\n outline-offset: 1px;\n}\n.pg-export-launcher__icon,\n.pg-export-launcher__caret {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.pg-export-launcher__icon svg,\n.pg-export-launcher__caret svg { display: block; }\n.pg-export-launcher__caret { color: var(--pg-colors-text-disabled, #94a3b8); }\n.pg-export-launcher__label { line-height: 1; }\n\n/* Dropdown menu \u2014 anchored below the launcher, clipped to the grid. */\n.pg-export-menu {\n position: absolute;\n top: 48px;\n right: 8px;\n z-index: var(--pg-z-index-filter-panel, 200);\n min-width: 200px;\n display: none;\n flex-direction: column;\n padding: 4px;\n background: var(--pg-colors-surface, #ffffff);\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-lg, 10px);\n box-shadow: var(--pg-shadows-dropdown, 0 16px 48px rgba(15, 23, 42, 0.24));\n font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-sm, 13px);\n color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-export-menu--open { display: flex; }\n\n.pg-export-menu__item {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 8px 10px;\n border: none;\n border-radius: var(--pg-borders-radius-sm, 4px);\n background: transparent;\n color: inherit;\n font: inherit;\n text-align: left;\n cursor: pointer;\n transition: background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-export-menu__item:hover,\n.pg-export-menu__item:focus-visible {\n background: var(--pg-colors-selection-background, rgba(37, 99, 235, 0.12));\n outline: none;\n}\n.pg-export-menu__item-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--pg-colors-text-secondary, #64748b);\n}\n.pg-export-menu__item-icon svg { display: block; }\n.pg-export-menu__item-label { flex: 1; line-height: 1.2; }\n\n/* \"Setup\" hint on a format whose exporter is not registered yet. Deliberately a\n badge rather than a disabled state: the entry stays clickable so selecting it\n can explain the one-time setup. Muted, so an available format still reads as\n the primary path. */\n.pg-export-menu__item-hint {\n flex: none;\n padding: 1px 6px;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-sm, 4px);\n background: var(--pg-colors-background-alt, #f1f5f9);\n color: var(--pg-colors-text-disabled, #94a3b8);\n font-size: var(--pg-typography-font-size-xs, 11px);\n font-weight: var(--pg-typography-font-weight-medium, 500);\n line-height: 1.4;\n letter-spacing: 0.02em;\n}\n.pg-export-menu__item--needs-setup .pg-export-menu__item-icon {\n color: var(--pg-colors-text-disabled, #94a3b8);\n}\n"; //# sourceMappingURL=export-menu.css.d.ts.map