/**
 * Photon Grid base styles — column-chooser section.
 *
 * Auto-split from base-styles.ts. Concatenated back (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 dialog
 * re-themes with the rest of the grid — light, dark, and custom themes — with
 * no inline styles anywhere in the component.
 */
export declare const columnChooserCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Column Chooser \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Positioning layer only \u2014 no backdrop scrim/blur, and transparent to pointer\n   events so the grid behind stays visible and interactive. The dialog itself\n   re-enables pointer events; outside presses are handled by a document-level\n   listener in the component. */\n.pg-col-chooser__overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  pointer-events: none;\n  font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n}\n\n.pg-col-chooser {\n  pointer-events: auto;\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  max-width: calc(100vw - 32px);\n  max-height: min(70vh, 560px);\n  background: var(--pg-colors-surface, #ffffff);\n  color: var(--pg-colors-text-primary, #0f172a);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-lg, 10px);\n  box-shadow: var(--pg-shadows-dialog, var(--pg-shadows-dropdown, 0 12px 32px rgba(15, 23, 42, 0.18)));\n  font-size: var(--pg-typography-font-size-sm, 13px);\n  overflow: hidden;\n}\n\n/* \u2500\u2500 Header \u2500\u2500 */\n.pg-col-chooser__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-col-chooser__title {\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  font-size: var(--pg-typography-font-size-md, 14px);\n}\n.pg-col-chooser__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: none;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: transparent;\n  color: var(--pg-colors-text-secondary, #64748b);\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 80ms ease), color var(--pg-transitions-duration-fast, 80ms ease);\n}\n.pg-col-chooser__close:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n\n/* \u2500\u2500 Search \u2500\u2500 */\n.pg-col-chooser__search {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 10px 14px;\n}\n.pg-col-chooser__search-icon {\n  position: absolute;\n  left: 24px;\n  display: inline-flex;\n  color: var(--pg-colors-text-secondary, #94a3b8);\n  pointer-events: none;\n}\n.pg-col-chooser__search-input {\n  width: 100%;\n  padding: 7px 10px 7px 30px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  background: var(--pg-colors-background, #ffffff);\n  color: var(--pg-colors-text-primary, #0f172a);\n  font-family: inherit;\n  font-size: inherit;\n  outline: none;\n  transition: border-color var(--pg-transitions-duration-fast, 80ms ease), box-shadow var(--pg-transitions-duration-fast, 80ms ease);\n}\n.pg-col-chooser__search-input:focus {\n  border-color: var(--pg-colors-primary, #2563eb);\n  box-shadow: 0 0 0 2px var(--pg-colors-primary-soft, rgba(37, 99, 235, 0.16));\n}\n.pg-col-chooser__search-input::placeholder {\n  color: var(--pg-colors-text-secondary, #94a3b8);\n}\n\n/* \u2500\u2500 Select all \u2500\u2500\n   A header row for the list rather than a member of it: it sits outside the\n   scrolling body, on the dialog's own surface, and is separated by a rule so it\n   reads as acting *on* the tree instead of being the tree's first item. */\n.pg-col-chooser__select-all {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 32px;\n  margin: 0 14px;\n  padding: 2px 6px;\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--pg-transitions-duration-fast, 80ms ease);\n}\n.pg-col-chooser__select-all:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n}\n/* Nothing toggleable is listed \u2014 an empty search result, or a list of nothing\n   but always-visible columns. Dimmed and inert rather than removed, so the row\n   does not appear and disappear as the user types. */\n.pg-col-chooser__select-all--disabled {\n  opacity: 0.5;\n  cursor: default;\n  pointer-events: none;\n}\n.pg-col-chooser__label--select-all {\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n\n/* \u2500\u2500 Body / tree \u2500\u2500 */\n.pg-col-chooser__body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 6px 8px 10px;\n}\n.pg-col-chooser__tree {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Nested indentation \u2014 one step per level, so depth needs no inline geometry. */\n.pg-col-chooser__children {\n  display: flex;\n  flex-direction: column;\n  padding-left: var(--pg-spacing-md, 16px);\n}\n\n.pg-col-chooser__row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 32px;\n  padding: 2px 6px;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  cursor: pointer;\n  user-select: none;\n  transition: background var(--pg-transitions-duration-fast, 80ms ease);\n}\n.pg-col-chooser__row:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n}\n.pg-col-chooser__row--group {\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n}\n\n/* Expand/collapse chevron (groups) \u2014 spacer variant keeps leaves aligned. */\n.pg-col-chooser__toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--pg-colors-text-secondary, #64748b);\n  cursor: pointer;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n}\n.pg-col-chooser__toggle:hover {\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-col-chooser__toggle--spacer {\n  cursor: default;\n  pointer-events: none;\n}\n\n/* Themed tri-state checkbox. */\n.pg-col-chooser__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  border: 1.5px solid var(--pg-colors-border-strong, var(--pg-colors-border, #cbd5e1));\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-background, #ffffff);\n  color: transparent;\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 80ms ease), border-color var(--pg-transitions-duration-fast, 80ms ease);\n}\n.pg-col-chooser__checkbox > .pg-icon,\n.pg-col-chooser__checkbox > svg {\n  width: 12px;\n  height: 12px;\n  opacity: 0;\n  transition: opacity var(--pg-transitions-duration-fast, 80ms ease);\n}\n.pg-col-chooser__checkbox--checked {\n  background: var(--pg-colors-primary, #2563eb);\n  border-color: var(--pg-colors-primary, #2563eb);\n  color: var(--pg-colors-on-primary, #ffffff);\n}\n.pg-col-chooser__checkbox--checked > .pg-icon,\n.pg-col-chooser__checkbox--checked > svg {\n  opacity: 1;\n}\n/* Indeterminate (some children visible) \u2014 a dash rather than a tick. */\n.pg-col-chooser__checkbox--indeterminate {\n  background: var(--pg-colors-primary, #2563eb);\n  border-color: var(--pg-colors-primary, #2563eb);\n}\n.pg-col-chooser__checkbox--indeterminate::after {\n  content: \"\";\n  width: 8px;\n  height: 2px;\n  border-radius: 1px;\n  background: var(--pg-colors-on-primary, #ffffff);\n}\n.pg-col-chooser__checkbox--indeterminate > .pg-icon,\n.pg-col-chooser__checkbox--indeterminate > svg {\n  display: none;\n}\n.pg-col-chooser__checkbox--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.pg-col-chooser__checkbox:focus-visible {\n  outline: 2px solid var(--pg-colors-primary, #2563eb);\n  outline-offset: 1px;\n}\n\n.pg-col-chooser__label {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pg-col-chooser__empty {\n  padding: 16px 8px;\n  text-align: center;\n  color: var(--pg-colors-text-secondary, #94a3b8);\n}\n";
//# sourceMappingURL=column-chooser.css.d.ts.map