@guildofgleks/ui 21.12.0 → 21.13.0

package/types/guildofgleks-ui.d.ts

@@ -1,138 +1,12 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, DoCheck, Signal, ModelSignal, ElementRef, InjectionToken, Type, Injector, OnDestroy, Provider } from '@angular/core';
-import * as _guildofgleks_ui from '@guildofgleks/ui';
+import { TemplateRef, InjectionToken, Signal, ElementRef, DoCheck, Type, Injector, OnDestroy } from '@angular/core';
+import * as _guildofgleks_ui_shared from '@guildofgleks/ui/shared';
+import { GogVariant, GogSeverity, GogSize, GogAriaHasPopup, GogIconName, GogAlertLive, GogDropdownOption, GogDropdownBase, GogBadgePosition, GogTagVariant, GogOptionAccessor, GogButtonToggleAppearance, GogOrientation, GogTabsAlign, GogSurfaceVariant, GogDateRange, GogDateSelectionMode, GogHourFormat, GogErrorDisplay, GogFloatLabelVariant, GogDropdownDirection, GogDropdownPlacement, GogDividerVariant, GogProgressbarMode, ToastPosition, GogInputType, GogInputMode, GogTextareaResize, GogTagShape, GogSliderRange, GogSkeletonShape, GogSkeletonAnimation, GogPaginatorRangeMode, GogScrollAxis, GogScrollSize, GogScrollOverscrollBehavior, GogSpinnerVariant, GogTooltipPosition } from '@guildofgleks/ui/shared';
+export { GOG_CONFIG, GOG_DEPRECATIONS, GOG_ICONS, GOG_TOKEN_GROUPS, GogAlertLive, GogAriaHasPopup, GogBadgePosition, GogBuiltinIconName, GogButtonToggleAppearance, GogDateRange, GogDateSelectionMode, GogDeprecation, GogDeprecationKind, GogDividerVariant, GogDropdownBase, GogDropdownChevronDirective, GogDropdownDirection, GogDropdownFilterPosition, GogDropdownOption, GogDropdownOptionContext, GogDropdownOptionDirective, GogFloatLabelState, GogFloatLabelVariant, GogGlobalConfig, GogHourFormat, GogIconName, GogInputMode, GogInputType, GogOptionAccessor, GogOrientation, GogPaginatorRangeMode, GogProgressbarMode, GogProgressbarVariant, GogScrollAxis, GogScrollOverscrollBehavior, GogScrollSize, GogSeverity, GogSize, GogSkeletonAnimation, GogSkeletonShape, GogSliderOrientation, GogSliderRange, GogSpinnerVariant, GogSurfaceVariant, GogTabsAlign, GogTagShape, GogTagVariant, GogTextareaResize, GogTokenGroup, GogTokenLayer, GogTokenName, GogTooltipPosition, GogTooltipSide, GogVariant, ICON_DEFS, ToastPosition, addDays, addMonths, addYears, buildMonthGrid, clampDate, copyTimeOnto, daysInMonth, formatDate, getByPath, isAfterDay, isBeforeDay, isInRange, isSameDay, isSameMonth, isSameOptionValue, isWithinBounds, localeFirstDayOfWeek, monthNames, parseDate, provideGogConfig, provideGogIcons, readOption, resolveConfigured, startOfDay, weekdayNames, withTime } from '@guildofgleks/ui/shared';
 import { ControlValueAccessor } from '@angular/forms';
+import * as _guildofgleks_ui from '@guildofgleks/ui';
 import * as _angular_platform_browser from '@angular/platform-browser';
 
-type GogSize = 'xsm' | 'sm' | 'md' | 'lg' | 'slg';
-type GogVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
-/**
- * The `aria-haspopup` values that make sense on a button, matching the ARIA 1.2 enumeration.
- * `true` is a synonym for `'menu'` in the spec; prefer the specific value, since a screen
- * reader announces it ("has menu", "has dialog").
- */
-type GogAriaHasPopup = boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
-/**
- * How a surface paints itself, shared by `gog-card` and `gog-panel` so the two agree:
- * - `'outlined'` — a border, no shadow. The quietest, and right for a grid of many.
- * - `'elevated'` — the shared surface shadow (`--gog-panel-shadow`), no border.
- * - `'filled'` — a tinted background, neither border nor shadow.
- */
-type GogSurfaceVariant = 'outlined' | 'elevated' | 'filled';
-/**
- * Which way a component lays its children out. Shared rather than re-declared per component:
- * `gog-radio-group`, `gog-slider`, `gog-divider`, `gog-tabs` and `gog-button-toggle-group` all
- * mean the same thing by it, and `roving-focus.ts` picks its arrow pair from this.
- */
-type GogOrientation = 'horizontal' | 'vertical';
-type GogSpinnerVariant = 'runic' | 'ring' | 'custom';
-type GogTagVariant = 'success' | 'danger' | 'warning' | 'info';
-type GogTagShape = 'rounded' | 'pill';
-type GogSkeletonShape = 'text' | 'circle' | 'rect';
-type GogSkeletonAnimation = 'pulse' | 'wave' | 'none';
-type GogPaginatorRangeMode = 'window' | 'ellipsis';
-type GogSliderOrientation = GogOrientation;
-/** A `gog-slider`'s value pair when `range` is on. `start` is always kept ≤ `end`. */
-interface GogSliderRange {
-    start: number;
-    end: number;
-}
-type GogScrollAxis = 'vertical' | 'horizontal' | 'both';
-type GogScrollSize = 'normal' | 'thin';
-/**
- * Mirrors the CSS `overscroll-behavior` value space directly:
- * - `'auto'` — scrolling past this instance's edge chains to the next scrollable ancestor
- *   (a page, a dialog body, another gog-scroll), the same as an un-customized native
- *   `overflow: auto` div. The default — matches what most embedded content expects.
- * - `'contain'` — scrolling stops dead at this instance's edge; nothing behind it moves.
- *   Suited to overlay-style panels (a dropdown, a modal) where scrolling past the end
- *   shouldn't also scroll whatever is behind them.
- * - `'none'` — like `'contain'`, and additionally suppresses the platform's own overscroll
- *   affordances (rubber-banding, pull-to-refresh) for this instance.
- */
-type GogScrollOverscrollBehavior = 'auto' | 'contain' | 'none';
-/**
- * Which side of the trigger the tooltip bubble renders on. `'auto'` (the default) picks
- * whichever of the four sides has room for the bubble, preferring top, then bottom, then
- * right, then left — see `resolveTooltipPlacement` in `tooltip-position.ts`. An explicit
- * side still flips to its opposite if the requested side has no room but the opposite does.
- */
-type GogTooltipPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right';
-/**
- * Where a field's label sits once it "floats" out of its resting position (overlapping the
- * field like a placeholder) on focus or once the field has content. `'none'` (the default)
- * keeps today's static label-above-the-field layout — nothing floats.
- * - `'in'` — floats up but stays fully inside the field's border.
- * - `'on'` — floats up until vertically centered on the top border line.
- * - `'over'` — floats all the way above the field, outside the border.
- */
-type GogFloatLabelVariant = 'none' | 'in' | 'on' | 'over';
-/**
- * Which end of a dropdown panel the search box sticks to. Matches `gog-multiselect`'s
- * `controlsPosition` vocabulary — the same idea applied to its select-all row.
- */
-type GogDropdownFilterPosition = 'top' | 'bottom';
-/** How `gog-divider` paints its rule. */
-type GogDividerVariant = 'solid' | 'dashed' | 'dotted';
-/**
- * Which corner of its host a `gogBadge` sits on. Named by block/inline edge rather than
- * left/right so it follows the writing direction in an RTL layout.
- */
-type GogBadgePosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
-/**
- * - `'determinate'` — the bar reflects `value`.
- * - `'indeterminate'` — work of unknown length; the bar animates and reports no value to
- *   assistive tech, which is what marks it indeterminate.
- * - `'buffer'` — `value` plus a second, lighter `buffer` level ahead of it (streaming/preload).
- */
-type GogProgressbarMode = 'determinate' | 'indeterminate' | 'buffer';
-/**
- * `gog-progressbar`'s colour. Wider than `GogTagVariant` by one: progress is usually just
- * "the app is working", which is the accent colour rather than any of the four status hues —
- * so `'accent'` is the default and the status names are the exception.
- */
-type GogProgressbarVariant = GogSeverity;
-/**
- * What an action or a reading *means*, as opposed to how loudly it is drawn. `'accent'` is the
- * absence of a claim — the library's own colour, and the default everywhere this appears — and
- * the four status names are the exception, so nothing has to opt out of a severity it does not
- * have.
- *
- * Deliberately orthogonal to `GogVariant` on `gog-button`: a destructive action can be filled,
- * outlined or a ghost and is destructive in all three, so `severity` says what it does and
- * `variant` says only how much room it takes up. Shared rather than re-declared per component —
- * `gog-progressbar` had this exact union first, under its own name, which is kept as an alias.
- */
-type GogSeverity = 'accent' | 'success' | 'danger' | 'warning' | 'info';
-/**
- * - `'joined'` — one segmented control, buttons sharing borders (Material's look).
- * - `'separated'` — discrete buttons with a gap between them.
- */
-type GogButtonToggleAppearance = 'joined' | 'separated';
-/** How the tab headers distribute along the tablist. `'stretch'` makes them share the width. */
-type GogTabsAlign = 'start' | 'center' | 'end' | 'stretch';
-/** Whether `gog-datepicker` picks one day or a start/end pair. */
-type GogDateSelectionMode = 'single' | 'range';
-/** Clock convention for `gog-datepicker`'s time section. */
-type GogHourFormat = '12' | '24';
-/** Matches the native CSS `resize` value space, applied to `gog-textarea`'s field. */
-type GogTextareaResize = 'vertical' | 'horizontal' | 'both' | 'none';
-/**
- * The `type`s `gog-inputfield` renders as a single-line text-entry field.
- *
- * Deliberately not the whole native list: `checkbox`, `radio`, `range`, `file`, `color`,
- * `submit`, `hidden` and friends are different controls with different markup and different
- * accessibility contracts — the library ships `gog-checkbox`, `gog-radio-group`, `gog-slider`
- * and `gog-button` for those rather than making one component shape-shift.
- */
-type GogInputType = 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local';
-/**
- * Mirrors the native `inputmode` attribute — the hint that decides which on-screen keyboard a
- * touch device brings up. Worth setting whenever `type` alone doesn't imply it: a postcode or a
- * card number is `type="text"` (no browser validation wanted) but `inputmode="numeric"`.
- */
-type GogInputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-
 declare class ButtonComponent {
     variant: _angular_core.InputSignal<GogVariant>;
     /**
@@ -451,6 +325,113 @@ declare class AccordionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "gog-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; "expandFirst": { "alias": "expandFirst"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonCount": { "alias": "skeletonCount"; "required": false; "isSignal": true; }; "showChevron": { "alias": "showChevron"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "openIds": { "alias": "openIds"; "required": false; "isSignal": true; }; }, { "openIds": "openIdsChange"; "gogToggle": "gogToggle"; }, ["headerTpl", "chevronTpl", "contentTpl"], never, true, never>;
 }
 
+declare class IconComponent {
+    private readonly sanitizer;
+    /** App-registered icons; overrides a built-in of the same name. See `provideGogIcons`. */
+    private readonly registered;
+    /** A built-in name, or one registered through `provideGogIcons(...)`. */
+    readonly name: _angular_core.InputSignal<GogIconName>;
+    readonly template: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly ariaHidden: _angular_core.InputSignal<boolean>;
+    protected readonly ariaLabel: _angular_core.Signal<string | null>;
+    /**
+     * The markup to render, or `null` when the name resolves to nothing.
+     *
+     * An unknown name renders **nothing** and warns in dev mode — it never throws. An icon is
+     * decoration: taking an app down mid-render over a typo in a glyph name would be a far worse
+     * failure than the missing glyph, and the warning is what gets the typo fixed.
+     */
+    protected readonly iconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "gog-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Custom markup for the alert's leading icon:
+ *
+ * ```html
+ * <ng-template gogAlertIcon><my-icon /></ng-template>
+ * ```
+ */
+declare class GogAlertIconDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogAlertIconDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogAlertIconDirective, "[gogAlertIcon]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * A persistent, in-flow message — the thing `gog-toast` is not.
+ *
+ * A toast is transient, queued and portalled to a corner; this renders where it is written and
+ * stays until something removes it. `docs/alert.md` has the argument for why it is a component
+ * rather than a class, and the short version is that it owns semantics a class cannot express.
+ *
+ * **How it announces, and why the region is a separate hidden element.** A live region has to be
+ * in the DOM *before* the text it announces lands inside it. An alert written as
+ * `@if (error()) { <gog-alert>…</gog-alert> }` arrives with its own text in one insertion, and a
+ * screen reader routinely skips that — the exact trap `gog-toast-container` exists to work
+ * around, and the reason its regions are permanently mounted. So the visible alert renders
+ * normally and a visually-hidden region beside it, empty at first, takes a copy of the text one
+ * render later. The mutation inside an existing region is what gets announced.
+ *
+ * That is also why the copy is read off the DOM rather than from an input: the body is projected
+ * content, and the component has no other way to know what it says.
+ */
+declare class AlertComponent {
+    /**
+     * What the message *means*. Shared with `gog-button`, `gog-progressbar` and `gogBadge`, so an
+     * alert matches the rest of an app for free. `'accent'` is the library's own colour and claims
+     * nothing, which is the right default for a notice that is neither good news nor bad.
+     */
+    readonly severity: _angular_core.InputSignal<GogSeverity>;
+    /** Optional title, above the projected body. */
+    readonly heading: _angular_core.InputSignal<string | undefined>;
+    /** Shows the close button and enables `dismissed`. The alert never removes itself. */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /**
+     * Overrides the severity's own glyph. `null` suppresses the icon entirely — for an alert whose
+     * body already carries its meaning in words, and where a second signal is noise.
+     */
+    readonly iconName: _angular_core.InputSignal<GogIconName | null | undefined>;
+    /** Projected `gogAlertIcon` template, shown in place of `iconName`. */
+    protected readonly iconSlot: _angular_core.Signal<GogAlertIconDirective | undefined>;
+    /**
+     * How this message reaches a screen reader. **Defaults from `severity`** — `danger` and
+     * `warning` interrupt, the rest wait — which is the less wrong default, since an unannounced
+     * error costs more than an over-announced notice.
+     *
+     * **Set `'off'` for an alert that is on the page when it loads.** That is the commonest case and
+     * the one the default gets wrong: a reader arriving at a page does not need it interrupted about
+     * a message that was already there. The component cannot tell the two apart — see `GogAlertLive`
+     * for what was measured before this was left to you.
+     */
+    readonly live: _angular_core.InputSignal<GogAlertLive | undefined>;
+    /**
+     * Pressed, not dismissed: the alert stays in the DOM and the consumer decides what happens.
+     * A component that removed itself would take the focused element with it — see `docs/alert.md`
+     * §3, which is iteration 2's work.
+     */
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    private readonly globalConfig;
+    protected readonly closeLabel: _angular_core.Signal<string>;
+    protected readonly hasIcon: _angular_core.Signal<boolean>;
+    protected readonly resolvedIconName: _angular_core.Signal<GogIconName>;
+    protected readonly resolvedLive: _angular_core.Signal<GogAlertLive>;
+    /** `role` and `aria-live` both, because support for either alone is uneven. */
+    protected readonly liveRole: _angular_core.Signal<"alert" | "status" | null>;
+    private readonly contentEl;
+    /**
+     * Empty until after the first render, which is the whole mechanism: the region exists, then the
+     * text arrives inside it. Filling it during the first render would announce nothing.
+     */
+    protected readonly announcement: _angular_core.WritableSignal<string>;
+    constructor();
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected onDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "gog-alert", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "live": { "alias": "live"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, ["iconSlot"], ["*"], true, never>;
+}
+
 /**
  * Headless expand/collapse primitive — a trigger toggles a content region open and
  * closed, in place (no portal/overlay, unlike `gog-select`/`gog-multiselect`). Unopinionated
@@ -531,434 +512,6 @@ declare class GogCollapsibleContentDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogCollapsibleContentDirective, "[gogCollapsibleContent]", never, {}, {}, never, never, true, never>;
 }
 
-type GogDropdownDirection = 'auto' | 'up' | 'down';
-interface GogDropdownPlacement {
-    direction: 'up' | 'down';
-    top: number;
-    left: number;
-    width: number;
-    maxHeight: number;
-}
-
-/**
- * `'manual'` (default): the field shows `errorMessage` for as long as it is non-empty — the
- * consumer decides when to clear it, e.g.
- * `errorMessage="control.invalid && control.touched ? 'Required' : ''"`.
- *
- * `'auto'`: shown once the attached form control has been touched and is invalid — the
- * consumer only supplies the message text, not the timing. Requires a
- * `[formControl]` / `formControlName` on the element; without one this falls back to
- * `'manual'`, since there is no control state to key off.
- */
-type GogErrorDisplay = 'auto' | 'manual';
-
-/**
- * How a collection-driven component reads one field off a consumer's own object.
- *
- * A `string` is a property name, or a dot-path into a nested one (`'profile.city'`). A function
- * is anything else. This is what lets `gog-select` / `gog-multiselect` take a consumer's real
- * DTO instead of forcing everything through a `{ id, name }` shape first.
- */
-type GogOptionAccessor<TOption, TResult> = string | ((option: TOption) => TResult);
-/** Resolves `field` against `source`, following dot-paths (e.g. `"address.city"`). */
-declare function getByPath(source: unknown, field: string): unknown;
-/** Applies an accessor — a property path or a function — to one option. */
-declare function readOption<TOption, TResult>(option: TOption, accessor: GogOptionAccessor<TOption, TResult>): TResult;
-/**
- * Whether two resolved option values refer to the same option.
- *
- * Primitives are compared as strings, so a `formControl` holding `'1'` still matches an option
- * whose value is the number `1` — the library behaved this way before option values could be
- * anything, and forms routinely stringify. Objects are compared by identity instead: coercing
- * them would make every plain object equal to every other (`"[object Object]"`).
- */
-declare function isSameOptionValue(a: unknown, b: unknown): boolean;
-
-/**
- * Custom markup for the trigger's chevron, on `gog-select` and `gog-multiselect`:
- *
- * ```html
- * <gog-select [options]="opts">
- *   <ng-template gogDropdownChevron><gog-icon name="sort" /></ng-template>
- * </gog-select>
- * ```
- */
-declare class GogDropdownChevronDirective {
-    readonly templateRef: TemplateRef<unknown>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogDropdownChevronDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogDropdownChevronDirective, "[gogDropdownChevron]", never, {}, {}, never, never, true, never>;
-}
-/** Context handed to a `gogDropdownOption` template. */
-interface GogDropdownOptionContext<TOption> {
-    /** The consumer's own option object, untouched. */
-    $implicit: TOption;
-    selected: boolean;
-    disabled: boolean;
-    /** The resolved label, so a custom row can decorate it rather than re-derive it. */
-    label: string;
-}
-/**
- * Custom markup for one option row, on `gog-select` and `gog-multiselect`:
- *
- * ```html
- * <gog-select [options]="users" optionLabel="fullName" optionValue="id" [(value)]="userId">
- *   <ng-template gogDropdownOption let-user let-selected="selected">
- *     <img [src]="user.avatar" alt="" /> {{ user.fullName }}
- *   </ng-template>
- * </gog-select>
- * ```
- */
-declare class GogDropdownOptionDirective<TOption = unknown> {
-    readonly templateRef: TemplateRef<GogDropdownOptionContext<TOption>>;
-    static ngTemplateContextGuard<TOption>(_dir: GogDropdownOptionDirective<TOption>, ctx: unknown): ctx is GogDropdownOptionContext<TOption>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogDropdownOptionDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogDropdownOptionDirective<any>, "[gogDropdownOption]", never, {}, {}, never, never, true, never>;
-}
-/**
- * The shape the listbox controls assume when their accessor inputs are left at their defaults.
- *
- * It is no longer required: `optionLabel` / `optionValue` / `optionDisabled` accept any property
- * path or function, so a consumer can pass their own DTO straight through. This interface just
- * describes what the *default* accessors (`'name'` / `'id'` / `'disabled'`) expect to find.
- */
-interface GogDropdownOption {
-    id: string | number;
-    name: string;
-    disabled?: boolean;
-}
-/**
- * Shared behaviour for the listbox-style controls: open/close, placement, the
- * append-to-body overlay, click-outside, keyboard navigation and `ControlValueAccessor`
- * plumbing. Subclasses supply only what actually differs — the value type, the panel
- * markup, and the BEM class names used to find the trigger and the options.
- *
- * Exported because it appears in the public type signatures of the components that
- * extend it; it is not meant to be used or subclassed by consumers.
- */
-declare abstract class GogDropdownBase<TValue, TOption = GogDropdownOption> implements ControlValueAccessor, DoCheck {
-    private static nextUid;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly options: _angular_core.InputSignal<TOption[]>;
-    /**
-     * How to read an option's visible text — a property path (`'name'`, `'profile.title'`) or a
-     * function. Defaults to `'name'`, matching `GogDropdownOption`.
-     */
-    readonly optionLabel: _angular_core.InputSignal<GogOptionAccessor<TOption, string>>;
-    /**
-     * How to read the value this control emits for an option. A property path or a function, or
-     * `null` to emit **the option object itself** — which is what lets a consumer keep their own
-     * DTO end to end instead of mapping ids back to objects on every change.
-     *
-     * Defaults to `'id'`, matching `GogDropdownOption`, so existing code is unaffected.
-     */
-    readonly optionValue: _angular_core.InputSignal<GogOptionAccessor<TOption, unknown> | null>;
-    /** How to read whether an option is disabled. Defaults to `'disabled'`. */
-    readonly optionDisabled: _angular_core.InputSignal<GogOptionAccessor<TOption, boolean>>;
-    /**
-     * Whether to offer a clear button once something is selected. Unset, falls back to
-     * `GOG_CONFIG.control.clearable`, then to the control's own default.
-     */
-    readonly clearable: _angular_core.InputSignal<boolean | undefined>;
-    /**
-     * Accessible name for the clear button. Unset, falls back to
-     * `GOG_CONFIG.labels.clearSelection`, then to `'Clear selection'`.
-     */
-    readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
-    /** Instance input → `GOG_CONFIG.labels` → the built-in English default. */
-    protected readonly resolvedClearLabel: Signal<string>;
-    /**
-     * Smallest width the trigger may shrink to, as any CSS length. Only meaningful with
-     * `[fullWidth]="false"`, where the trigger otherwise sizes to whatever is currently selected
-     * and can collapse to almost nothing on a short option. Left unset it falls back to the
-     * `--gog-{select,multiselect}-min-width` token.
-     */
-    readonly minWidth: _angular_core.InputSignal<string | null>;
-    /**
-     * Whether the panel shows a search box that narrows the option list. Unset, falls back to
-     * `GOG_CONFIG.dropdown.filter`, then to `false`.
-     */
-    readonly filter: _angular_core.InputSignal<boolean | undefined>;
-    readonly filterPlaceholder: _angular_core.InputSignal<string>;
-    /**
-     * Which end of the panel the search box sticks to. Named to match `gog-multiselect`'s
-     * `controlsPosition`, which is the same idea for its select-all row. Unset, falls back to
-     * `GOG_CONFIG.dropdown.filterPosition`, then to `'top'`.
-     */
-    readonly filterPosition: _angular_core.InputSignal<GogDropdownFilterPosition | undefined>;
-    /** Shown in place of the list when the query matches nothing. */
-    readonly filterEmptyMessage: _angular_core.InputSignal<string>;
-    /**
-     * How an option is matched against the query. Left null, the resolved `optionLabel` is
-     * matched case-insensitively as a substring — pass a function to search other fields, match
-     * on a prefix, or plug in your own fuzzy matcher.
-     */
-    readonly filterMatch: _angular_core.InputSignal<((option: TOption, query: string) => boolean) | null>;
-    readonly errorMessage: _angular_core.InputSignal<string>;
-    /**
-     * See `GogErrorDisplay`. Unset, falls back to `GOG_CONFIG.control.errorDisplay`, then to
-     * `'manual'` — matching every other control in the library.
-     */
-    readonly errorDisplay: _angular_core.InputSignal<GogErrorDisplay | undefined>;
-    /** Unset, falls back to `GOG_CONFIG.control.size`, then to `'md'`. */
-    readonly size: _angular_core.InputSignal<GogSize | undefined>;
-    /** Unset, falls back to `GOG_CONFIG.dropdown.direction`, then to `'auto'`. */
-    readonly dropdownDirection: _angular_core.InputSignal<GogDropdownDirection | undefined>;
-    /**
-     * Explicit stacking order for the panel. Left unset the panel falls back to the
-     * stylesheet's `--gog-dropdown-z`, so the default lives in CSS where a consumer can
-     * retheme it, rather than being baked into the component.
-     */
-    readonly dropdownZIndex: _angular_core.InputSignal<number | null>;
-    /**
-     * Fixed panel width as any CSS length (`'320px'`, `'40ch'`, `'100%'`, …), applied only
-     * when `appendToBody` is set. Left unset the panel matches the trigger's width, same as
-     * the inline panel already does via CSS.
-     */
-    readonly dropdownWidth: _angular_core.InputSignal<string | null>;
-    /**
-     * Fixed panel max-height as any CSS length, applied only when `appendToBody` is set.
-     * `px`, `%` and `vh` also feed the up/down placement math (see `resolveCssLengthPx`); any
-     * other unit still renders correctly but is invisible to that heuristic, so the panel may
-     * pick the "wrong" side close to a viewport edge. Left unset the panel keeps the existing
-     * viewport-derived, auto-flipping height.
-     */
-    readonly dropdownMaxHeight: _angular_core.InputSignal<string | null>;
-    /** Unset, falls back to `GOG_CONFIG.dropdown.appendToBody`, then to `false`. */
-    readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    /** Projected `gogDropdownChevron` template, replacing the built-in chevron. */
-    protected readonly chevronSlot: Signal<GogDropdownChevronDirective | undefined>;
-    /**
-     * Full width of the container by default, matching every other field-style control.
-     * Set to `false` to shrink the trigger to fit its selected label instead.
-     */
-    readonly fullWidth: _angular_core.InputSignal<boolean>;
-    /** Unset, falls back to `GOG_CONFIG.floatLabel.variant`, then to `'none'` (off). */
-    readonly floatLabel: _angular_core.InputSignal<GogFloatLabelVariant | undefined>;
-    /** Unset, falls back to `GOG_CONFIG.floatLabel.showPlaceholder`, then to `false`. */
-    readonly floatLabelShowPlaceholder: _angular_core.InputSignal<boolean | undefined>;
-    /**
-     * Press ripple on the panel's options. Unset, falls back to `GOG_CONFIG.ripple.enabled`, then
-     * to `false`. The trigger itself never ripples — it is a field, not a button.
-     */
-    readonly ripple: _angular_core.InputSignal<boolean | undefined>;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    /** Projected `gogDropdownOption` template, if the consumer supplied one. */
-    protected readonly optionSlot: Signal<GogDropdownOptionDirective<any> | undefined>;
-    /** An option's visible text, via `optionLabel`. */
-    protected labelOf(option: TOption): string;
-    /**
-     * The value this control emits for an option, via `optionValue` — or the option object
-     * itself when `optionValue` is `null`.
-     */
-    protected valueOf(option: TOption): unknown;
-    /** Whether an option is disabled, via `optionDisabled`. Anything falsy counts as enabled. */
-    protected isOptionDisabled(option: TOption): boolean;
-    /** Context for a projected `gogDropdownOption` row. */
-    protected optionContext(option: TOption, selected: boolean): GogDropdownOptionContext<TOption>;
-    /** Shared by both controls to match a resolved option value against the current value. */
-    protected sameValue(a: unknown, b: unknown): boolean;
-    /** The `<ng-template>` holding the panel markup, rendered inline or into `<body>`. */
-    protected abstract readonly panelTemplate: Signal<TemplateRef<unknown> | undefined>;
-    /** Declared by the subclass so each control keeps its own value type. */
-    protected abstract readonly value: ModelSignal<TValue>;
-    /** Value applied when a form writes `null` / the control is reset. */
-    protected abstract readonly emptyValue: TValue;
-    /** BEM class of one option button, used to collect keyboard-navigable elements. */
-    protected abstract readonly optionClass: string;
-    /** BEM class of the focusable trigger. */
-    protected abstract readonly triggerClass: string;
-    /**
-     * BEM block that carries the size modifier — `.gog-select` vs `.gog-ms-wrapper`. Separate
-     * from `triggerClass` because in `gog-multiselect` the two are different elements.
-     */
-    protected abstract readonly sizeBlockClass: string;
-    /** BEM block of the panel, which repeats the size modifier when appended to `<body>`. */
-    protected abstract readonly panelBlockClass: string;
-    /** Whether the control currently has a selection — drives the float-label "filled" state. */
-    protected abstract readonly hasFloatValue: Signal<boolean>;
-    /**
-     * Spacing tokens feeding the height estimate. Overridable so each control keeps the
-     * `--gog-<block>-*` names it already exposes to consumers for theming.
-     */
-    protected readonly optionGapToken: string;
-    protected readonly optionsPaddingToken: string;
-    /** Keep in sync with the real `max-height` on the subclass's `__dropdown` block. */
-    protected readonly panelMaxHeightToken: string;
-    /** Estimated row height fed into the placement math; not a real layout property. */
-    protected readonly optionHeightToken: string;
-    /**
-     * Unique per-instance suffix, so several dropdowns on a page can't collide on DOM ids.
-     *
-     * Deliberately a bare number rather than `nextGogControlId()` (which the single-element
-     * controls use): each subclass derives *several* ids from this one instance — trigger,
-     * listbox, label, error — so what it needs is the instance number, not one finished id.
-     */
-    protected readonly uid: number;
-    protected readonly elRef: ElementRef<any>;
-    protected readonly isBrowser: boolean;
-    private readonly document;
-    private readonly appRef;
-    private readonly destroyRef;
-    private readonly ngControl;
-    /** `protected` so subclasses can resolve their own inputs against the same config object. */
-    protected readonly globalConfig: _guildofgleks_ui.GogGlobalConfig;
-    private readonly overlay;
-    /** Set from `(focus)`/`(blur)` on the trigger — see `onFocusIn`/`onFocusOut`. */
-    protected readonly isFocused: _angular_core.WritableSignal<boolean>;
-    /** Instance input → `GOG_CONFIG` → the component's own default. See `resolveConfigured`. */
-    protected readonly resolvedSize: Signal<GogSize>;
-    protected readonly rippleEnabled: Signal<boolean>;
-    protected readonly resolvedErrorDisplay: Signal<GogErrorDisplay>;
-    protected readonly resolvedAppendToBody: Signal<boolean>;
-    protected readonly resolvedDropdownDirection: Signal<GogDropdownDirection>;
-    /**
-     * The single size modifier for the wrapper, replacing one `[class.<block>--<size>]` binding
-     * per size. Empty for `'md'`: that is the default size and has no modifier rule of its own —
-     * every `--gog-<block>-size-*` chain bottoms out at the `md` tokens.
-     */
-    protected readonly sizeClass: Signal<string>;
-    /**
-     * Same modifier repeated on the panel, but only when it is appended to `<body>` — outside
-     * the component's subtree the panel no longer inherits the wrapper's size tokens, so it has
-     * to carry them itself. See the `--portal` blocks in the component stylesheets.
-     */
-    protected readonly panelSizeClass: Signal<string>;
-    private readonly cvaDisabled;
-    private readonly errorState;
-    protected readonly isDisabled: Signal<boolean>;
-    protected readonly dropdownDirectionState: _angular_core.WritableSignal<"up" | "down">;
-    protected readonly panelPlacement: _angular_core.WritableSignal<GogDropdownPlacement | null>;
-    /**
-     * Stacking order to write onto the panel, or null to leave it to the stylesheet.
-     *
-     * Only needed when appending to `<body>`: an inline panel inherits `--gog-dropdown-z` from
-     * its surroundings — which is how a dropdown inside a dialog ends up above the dialog —
-     * but an appended one sits outside that subtree and inherits nothing, so the value has
-     * to be resolved from the trigger and written out explicitly.
-     */
-    protected readonly panelZIndex: _angular_core.WritableSignal<number | null>;
-    /**
-     * Explicit panel width, or null to let it size to its own content.
-     *
-     * The panel used to be pinned to the trigger's width, which broke a trigger narrower than its
-     * options: with `[fullWidth]="false"` the trigger shrinks to the *current* selection, so
-     * picking a short option cut the longer ones off in the list. It now sizes to its content with
-     * the trigger width as a floor — see `resolvedPanelMinWidth`.
-     */
-    protected readonly resolvedPanelWidth: Signal<string | null>;
-    /** The trigger's width, used as the panel's minimum so it never renders narrower than it. */
-    protected readonly resolvedPanelMinWidth: Signal<string | null>;
-    /** `dropdownMaxHeight`, or the viewport-derived max-height from `panelPlacement`. */
-    protected readonly resolvedPanelMaxHeight: Signal<string | null>;
-    protected readonly hasError: Signal<boolean>;
-    protected readonly visibleError: Signal<string>;
-    /**
-     * Each control supplies its own default: `gog-multiselect` shipped a clear button before
-     * `clearable` existed, so it keeps one; `gog-select` opts in.
-     */
-    protected abstract readonly clearableByDefault: boolean;
-    private readonly clearableState;
-    /** Whether to render the clear button right now — see `GogClearableState`. */
-    protected readonly showClear: Signal<boolean>;
-    protected readonly resolvedFilter: Signal<boolean>;
-    protected readonly resolvedFilterPosition: Signal<GogDropdownFilterPosition>;
-    /** Current search text. Cleared whenever the panel closes, so reopening starts fresh. */
-    protected readonly filterQuery: _angular_core.WritableSignal<string>;
-    /**
-     * The options actually rendered. Everything downstream — the loops, the keyboard navigation
-     * target list, the panel height estimate, and multiselect's select-all — reads this rather
-     * than `options()`, so filtering stays consistent instead of only hiding rows visually.
-     */
-    protected readonly visibleOptions: Signal<TOption[]>;
-    protected onFilterInput(event: Event): void;
-    /** Resets the control to its empty value and notifies any attached form. */
-    protected clearValue(event: Event): void;
-    /**
-     * `hasFloatValue` is wrapped in a `computed` rather than passed straight through: these
-     * field initializers run before the *subclass's* do, so `this.hasFloatValue` is still
-     * undefined right here. The arrow defers the read until the signal is first evaluated, by
-     * which time the subclass has assigned it.
-     */
-    private readonly floatLabelState;
-    protected readonly resolvedFloatLabel: Signal<GogFloatLabelVariant>;
-    protected readonly isFloatLabelActive: Signal<boolean>;
-    protected readonly isFloatLabelFloated: Signal<boolean>;
-    protected readonly effectivePlaceholder: Signal<string>;
-    /** Measured once per open rather than per scroll tick — see `refreshPanelMetrics`. */
-    private optionGap;
-    private optionsPadding;
-    private maxPanelHeight;
-    private optionHeight;
-    private repositionFrame;
-    private onChangeFn;
-    private onTouchedFn;
-    constructor();
-    /**
-     * Binds the click-outside and reposition listeners only for as long as the panel is
-     * open. Bound permanently — as host listeners were — every dropdown on the page runs a
-     * handler on every document click and every scroll frame, whether or not it is showing
-     * anything.
-     */
-    private bindWhileOpen;
-    ngDoCheck(): void;
-    writeValue(val: TValue | null): void;
-    registerOnChange(fn: (val: TValue) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    /** Bound to `(focus)` on the trigger — only drives the float-label floated state. */
-    protected onFocusIn(): void;
-    /** Bound to `(blur)` on the trigger — only drives the float-label floated state. */
-    protected onFocusOut(): void;
-    protected toggle(): void;
-    protected open(): void;
-    protected close(): void;
-    /** Writes a new selection out to both the model and the attached form control. */
-    protected commitValue(next: TValue): void;
-    protected markTouched(): void;
-    private closeIfClickedOutside;
-    /**
-     * Coalesces bursts of scroll/resize events into one reposition per frame. Placement
-     * reads layout, so running it per event is what makes a scroll janky.
-     */
-    private scheduleReposition;
-    /** Jumps from the trigger into the option list on ArrowDown/ArrowUp while open. */
-    protected onTriggerArrowKeydown(event: Event): void;
-    protected onOptionKeydown(event: KeyboardEvent): void;
-    protected focusTrigger(): void;
-    /** Extra chrome stacked above the options (e.g. a select-all row), in px. */
-    protected extraPanelHeight(): number;
-    private enabledOptionElements;
-    private attachOverlay;
-    /**
-     * Reads the spacing tokens that feed the height estimate. Done once per open instead of
-     * on every scroll tick, because `getComputedStyle` forces a style recalculation and the
-     * tokens cannot change while the panel is on screen.
-     */
-    private refreshPanelMetrics;
-    /**
-     * Rough height, used only to choose up/down and to cap `max-height` before the panel
-     * has been laid out. Deliberately an estimate: measuring would require rendering the
-     * panel first, which is what we are trying to position. A resolvable `dropdownMaxHeight`
-     * replaces the row-count guess outright, since it is exact rather than estimated.
-     */
-    private estimatePanelHeight;
-    /**
-     * The trigger's own rect, not the whole component's — a label above it or an error
-     * message below it sit in normal document flow and are not part of what the panel needs
-     * to clear. This also keeps `appendToBody` placement consistent with the inline panel,
-     * which is already positioned purely relative to the trigger via CSS.
-     */
-    private triggerRect;
-    /** The stacking order the panel would have had if it were still inside the subtree. */
-    private resolvePanelZIndex;
-    private updatePlacement;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogDropdownBase<any, any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogDropdownBase<any, any>, never, never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterPosition": { "alias": "filterPosition"; "required": false; "isSignal": true; }; "filterEmptyMessage": { "alias": "filterEmptyMessage"; "required": false; "isSignal": true; }; "filterMatch": { "alias": "filterMatch"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; "isSignal": true; }; "dropdownZIndex": { "alias": "dropdownZIndex"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatLabelShowPlaceholder": { "alias": "floatLabelShowPlaceholder"; "required": false; "isSignal": true; }; "ripple": { "alias": "ripple"; "required": false; "isSignal": true; }; }, {}, ["chevronSlot", "optionSlot"], never, true, never>;
-}
-
 /**
  * A text field that suggests options as you type.
  *
@@ -1040,7 +593,6 @@ declare class AutocompleteComponent<TOption = GogDropdownOption, TValue = string
     protected readonly panelBlockClass = "gog-autocomplete__dropdown";
     /** Opt-in, matching `gog-select` and `gog-inputfield`. */
     protected readonly clearableByDefault = false;
-    protected readonly optionGapToken = "--gog-autocomplete-option-gap";
     protected readonly panelMaxHeightToken = "--gog-autocomplete-panel-max-height";
     protected readonly optionHeightToken = "--gog-autocomplete-option-height";
     private readonly config;
@@ -1094,6 +646,24 @@ declare class AutocompleteComponent<TOption = GogDropdownOption, TValue = string
      */
     private editing;
     constructor();
+    /**
+     * Renders only the options in view instead of all of them. Off by default, with
+     * `GOG_CONFIG.dropdown.virtualize` as the app-wide default.
+     *
+     * Worth pairing with `gogLoadMore`, which solves the other half: that keeps the number of
+     * records the server sends small, and this keeps the number of rows the browser builds small.
+     * Neither implies the other — a `gogLoadMore` list that has loaded 10 000 records still stamps
+     * 10 000 rows without this.
+     *
+     * The count stays honest through `aria-setsize`/`aria-posinset`; `Ctrl+F` sees only the
+     * rendered rows and CSS targeting `:last-child` matches the last rendered one. Focus is not at
+     * risk here the way it is on `gog-select` — this is a combobox, so focus never leaves the text
+     * field.
+     *
+     * @default false
+     */
+    readonly virtualize: _angular_core.InputSignal<boolean | undefined>;
+    protected readonly virtualizeRequest: _angular_core.InputSignal<boolean | undefined>;
     protected isSelected(option: TOption): boolean;
     protected onInput(event: Event): void;
     /**
@@ -1122,7 +692,7 @@ declare class AutocompleteComponent<TOption = GogDropdownOption, TValue = string
     private scheduleSearch;
     private cancelPendingSearch;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent<any, any>, "gog-autocomplete", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "filterLocal": { "alias": "filterLocal"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "searchDebounce": { "alias": "searchDebounce"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "gogSearch": "gogSearch"; "gogLoadMore": "gogLoadMore"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent<any, any>, "gog-autocomplete", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "filterLocal": { "alias": "filterLocal"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "searchDebounce": { "alias": "searchDebounce"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "virtualize": { "alias": "virtualize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "gogSearch": "gogSearch"; "gogLoadMore": "gogLoadMore"; }, never, never, true, never>;
 }
 
 /**
@@ -1178,43 +748,6 @@ declare class GogBadgeDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogBadgeDirective, "[gogBadge]", never, { "gogBadge": { "alias": "gogBadge"; "required": false; "isSignal": true; }; "badgePosition": { "alias": "badgePosition"; "required": false; "isSignal": true; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; "badgeDot": { "alias": "badgeDot"; "required": false; "isSignal": true; }; "badgeMax": { "alias": "badgeMax"; "required": false; "isSignal": true; }; "badgeHidden": { "alias": "badgeHidden"; "required": false; "isSignal": true; }; "badgeAriaLabel": { "alias": "badgeAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * The glyphs the package ships. Kept as a closed union so they still autocomplete and so
- * `ICON_DEFS` below stays exhaustive — a `Record` over the open `GogIconName` would collapse
- * into an index signature and stop catching a missing definition.
- */
-type GogBuiltinIconName = 'check' | 'close' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'calendar' | 'clock' | 'sort' | 'sort-up' | 'sort-down' | 'success' | 'error' | 'warning' | 'info' | 'checkbox' | 'checkbox-checked' | 'eye' | 'eye-off' | 'copy' | 'search' | 'plus' | 'minus' | 'trash' | 'pencil' | 'download' | 'upload' | 'refresh' | 'filter' | 'external-link' | 'menu' | 'more-horizontal' | 'more-vertical' | 'arrow-left' | 'arrow-right' | 'user' | 'settings' | 'lock' | 'mail' | 'star' | 'star-filled';
-/**
- * Any icon `gog-icon` can render: one of the built-ins, or a name registered through
- * `provideGogIcons(...)`. The `(string & {})` half keeps the built-in names in autocomplete
- * while letting a registered name through — an open union is the point, since the set of icons
- * an app uses is the app's business, not the library's.
- */
-type GogIconName = GogBuiltinIconName | (string & {});
-declare const ICON_DEFS: Record<GogBuiltinIconName, string>;
-
-declare class IconComponent {
-    private readonly sanitizer;
-    /** App-registered icons; overrides a built-in of the same name. See `provideGogIcons`. */
-    private readonly registered;
-    /** A built-in name, or one registered through `provideGogIcons(...)`. */
-    readonly name: _angular_core.InputSignal<GogIconName>;
-    readonly template: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly ariaHidden: _angular_core.InputSignal<boolean>;
-    protected readonly ariaLabel: _angular_core.Signal<string | null>;
-    /**
-     * The markup to render, or `null` when the name resolves to nothing.
-     *
-     * An unknown name renders **nothing** and warns in dev mode — it never throws. An icon is
-     * decoration: taking an app down mid-render over a typo in a glyph name would be a far worse
-     * failure than the missing glyph, and the warning is what gets the typo fixed.
-     */
-    protected readonly iconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "gog-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /** Context handed to a `gogButtonToggleOption` template. */
 interface GogButtonToggleOptionContext<TOption> {
     /** The consumer's own option object, untouched. */
@@ -1759,95 +1292,6 @@ declare class CheckboxComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "gog-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, ["checkIconSlot"], never, true, never>;
 }
 
-/**
- * Every date calculation `gog-datepicker` and `gog-calendar` do, as pure functions.
- *
- * Kept out of the components so the arithmetic is testable without a fixture, and so a range
- * calculation is written once rather than once per selection mode.
- *
- * **Everything here works in local time.** Nothing round-trips through `toISOString()` or
- * compares `Date` objects directly: an ISO round trip converts to UTC, which moves the date
- * across midnight for anyone east or west of Greenwich, and two `Date`s for "the same day"
- * are almost never equal because they carry different times. Comparisons go through
- * `startOfDay` and `isSameDay` instead. This is the single most common defect in a datepicker.
- */
-/** A start/end pair. `end` is null while a range is half-picked. */
-interface GogDateRange {
-    start: Date | null;
-    end: Date | null;
-}
-/** Midnight local time on the same calendar day. */
-declare function startOfDay(date: Date): Date;
-/** Whether two dates fall on the same calendar day, ignoring the time of day. */
-declare function isSameDay(a: Date | null, b: Date | null): boolean;
-/** Whether two dates fall in the same calendar month. */
-declare function isSameMonth(a: Date | null, b: Date | null): boolean;
-declare function addDays(date: Date, days: number): Date;
-/** Days in a given month. `month` is 0-based, as `Date` uses it. */
-declare function daysInMonth(year: number, month: number): number;
-/**
- * Adds whole months, **clamping the day** to the target month's length: 31 January plus one
- * month is 28 February, not 3 March. `Date.setMonth` does the latter, which is why this is
- * not a one-liner.
- */
-declare function addMonths(date: Date, months: number): Date;
-declare function addYears(date: Date, years: number): Date;
-/** Day-granularity comparison: `a` is strictly before `b`'s day. */
-declare function isBeforeDay(a: Date, b: Date): boolean;
-/** Day-granularity comparison: `a` is strictly after `b`'s day. */
-declare function isAfterDay(a: Date, b: Date): boolean;
-/** Whether `date`'s day falls within `[min, max]`, either bound optional. */
-declare function isWithinBounds(date: Date, min: Date | null, max: Date | null): boolean;
-/** Whether `date`'s day falls inside a range, inclusive of both ends. */
-declare function isInRange(date: Date, start: Date | null, end: Date | null): boolean;
-/** Pulls `date` inside `[min, max]`, keeping its time of day. */
-declare function clampDate(date: Date, min: Date | null, max: Date | null): Date;
-/** A new date on `day`'s calendar day carrying `time`'s clock. */
-declare function copyTimeOnto(day: Date, time: Date): Date;
-/** A new date on the same day with the clock replaced. */
-declare function withTime(date: Date, hours: number, minutes: number, seconds?: number): Date;
-/**
- * The six-week grid a month is drawn on, always 6×7 so the calendar's height never changes as
- * you page through months — a grid that grows and shrinks pushes the rest of the page around
- * and moves the button you were about to click.
- *
- * `firstDayOfWeek` is 0 (Sunday) to 6 (Saturday). Leading and trailing cells come from the
- * neighbouring months, as every calendar does.
- */
-declare function buildMonthGrid(year: number, month: number, firstDayOfWeek: number): Date[][];
-/** Weekday names in `locale`, rotated so `firstDayOfWeek` comes first. */
-declare function weekdayNames(locale: string, firstDayOfWeek: number, style?: 'short' | 'narrow' | 'long'): string[];
-/** Month names in `locale`. */
-declare function monthNames(locale: string, style?: 'long' | 'short'): string[];
-/**
- * The first day of the week for a locale, from `Intl.Locale.prototype.getWeekInfo` where the
- * engine has it, falling back to Monday.
- *
- * `getWeekInfo` reports 1–7 with 1 = Monday and 7 = Sunday; `Date.getDay()` uses 0 = Sunday.
- * Converting between the two is exactly the kind of off-by-one that silently shifts a whole
- * calendar by a day, which is why it happens here once.
- */
-declare function localeFirstDayOfWeek(locale: string): number;
-/**
- * Formats a date against a token pattern.
- *
- * Supported tokens: `yyyy`, `MM`, `dd`, `HH` (24h), `hh` (12h), `mm`, `ss`, `a` (AM/PM).
- * Anything else is copied through literally.
- *
- * Deliberately **not** `Intl.DateTimeFormat`: this pattern is also what `parseDate` reads, and
- * a formatter whose output cannot be parsed back is how a typed date silently becomes a
- * different one. `Intl` is still used for month and weekday *names*, which are never parsed.
- */
-declare function formatDate(date: Date, pattern: string): string;
-/**
- * Reads a date back out of text written in `pattern`. Returns `null` when the text doesn't
- * match, or matches but isn't a real date (`31.02.2026`).
- *
- * The out-of-range check matters: `new Date(2026, 1, 31)` happily rolls over to 3 March, so a
- * typo would be accepted as a different date rather than rejected.
- */
-declare function parseDate(text: string, pattern: string): Date | null;
-
 /** What `gog-calendar` and `gog-datepicker` carry, depending on `selectionMode`. */
 type GogDatepickerValue = Date | GogDateRange | null;
 /** One rendered day cell. Precomputed so the template stays free of logic. */
@@ -2341,7 +1785,7 @@ declare class ToggleComponent implements ControlValueAccessor {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
     /** Which side of the switch the label sits on. */
-    readonly labelPosition: _angular_core.InputSignal<"start" | "end">;
+    readonly labelPosition: _angular_core.InputSignal<"end" | "start">;
     /**
      * Text rendered *inside* the track — the one thing a checkbox genuinely cannot do, and what
      * makes a switch readable at a glance in a dense settings list. Both must be short; the
@@ -2580,7 +2024,7 @@ interface DialogRef<TResult = unknown> {
 declare const DIALOG_REF: InjectionToken<DialogRef<unknown>>;
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
-type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
 interface Toast {
     id: string;
     message: string;
@@ -3192,6 +2636,29 @@ declare class SelectComponent<TOption = GogDropdownOption, TValue = string | num
      * `WritableSignal<string | null>` keeps typing exactly as before.
      */
     readonly value: _angular_core.ModelSignal<TValue>;
+    /**
+     * Renders only the options in view instead of all of them.
+     *
+     * For lists long enough that stamping every row is the cost: 10 000 options build 10 000 DOM
+     * nodes to show about six, which measures at 216ms of build and layout before Angular does any
+     * of its own work, and 50 000 at over a second. Windowed, that is a fixed ~20 rows whatever the
+     * count is.
+     *
+     * **Opt in per field, or app-wide with `GOG_CONFIG.dropdown.virtualize`; never automatic.** A
+     * windowed list behaves differently in ways nothing about the data predicts -- `Ctrl+F` finds
+     * only what is rendered, a screen reader's "list all items" reads the window rather than the
+     * list (the count stays honest through `aria-setsize`, the rows do not), and CSS targeting
+     * `:last-child` matches the last *rendered* row.
+     *
+     * Two things it also changes, both only while it is on. Scrolling a keyboard-focused row out
+     * of view hands focus back to the trigger, because the row it was on no longer exists. And the
+     * rows are laid out by a spacer above and below rather than by their own count, so a consumer
+     * stylesheet reaching into the options list by position will not find what it expects.
+     *
+     * @default false
+     */
+    readonly virtualize: _angular_core.InputSignal<boolean | undefined>;
+    protected readonly virtualizeRequest: _angular_core.InputSignal<boolean | undefined>;
     protected readonly panelTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     /** A cleared select is `null`, whatever `TValue` the consumer bound. */
     protected readonly emptyValue: TValue;
@@ -3201,7 +2668,6 @@ declare class SelectComponent<TOption = GogDropdownOption, TValue = string | num
     protected readonly clearableByDefault = false;
     protected readonly sizeBlockClass = "gog-select";
     protected readonly panelBlockClass = "gog-select__dropdown";
-    protected readonly optionGapToken = "--gog-select-option-gap";
     protected readonly panelMaxHeightToken = "--gog-select-panel-max-height";
     protected readonly optionHeightToken = "--gog-select-option-height";
     protected readonly triggerId: _angular_core.Signal<string>;
@@ -3214,11 +2680,9 @@ declare class SelectComponent<TOption = GogDropdownOption, TValue = string | num
     protected isSelected(option: TOption): boolean;
     protected selectOption(option: TOption, event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any, any>, "gog-select", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any, any>, "gog-select", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "virtualize": { "alias": "virtualize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
-type GogTooltipSide = 'top' | 'bottom' | 'left' | 'right';
-
 interface GogMenuPlacement {
     direction: 'up' | 'down';
     /** Viewport offset for a menu that drops down. `null` for one that flips up. */
@@ -3439,6 +2903,19 @@ declare class MultiselectComponent<TOption = GogDropdownOption, TValue = string
      * themselves when `optionValue` is `null`.
      */
     readonly value: _angular_core.ModelSignal<TValue[]>;
+    /**
+     * Renders only the options in view instead of all of them. Off by default, with
+     * `GOG_CONFIG.dropdown.virtualize` as the app-wide default.
+     *
+     * Everything `gog-select`'s own `virtualize` documents applies here unchanged — the count stays
+     * honest through `aria-setsize`/`aria-posinset`, `Ctrl+F` sees only rendered rows, CSS
+     * targeting `:last-child` matches the last rendered one, and scrolling a keyboard-focused row
+     * out of view hands focus back to the trigger.
+     *
+     * @default false
+     */
+    readonly virtualize: _angular_core.InputSignal<boolean | undefined>;
+    protected readonly virtualizeRequest: _angular_core.InputSignal<boolean | undefined>;
     protected readonly panelTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     protected readonly emptyValue: TValue[];
     protected readonly optionClass = "gog-ms__option";
@@ -3483,7 +2960,7 @@ declare class MultiselectComponent<TOption = GogDropdownOption, TValue = string
     constructor();
     protected extraPanelHeight(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiselectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiselectComponent<any, any>, "gog-multiselect", never, { "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "controlsPosition": { "alias": "controlsPosition"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["clearIconSlot"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiselectComponent<any, any>, "gog-multiselect", never, { "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "controlsPosition": { "alias": "controlsPosition"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "virtualize": { "alias": "virtualize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["clearIconSlot"], never, true, never>;
 }
 
 declare class SliderComponent implements ControlValueAccessor, DoCheck {
@@ -4152,7 +3629,7 @@ declare class TableComponent<T extends object> {
     readonly showTotal: _angular_core.InputSignal<boolean>;
     readonly emptyPlaceholder: _angular_core.InputSignal<string>;
     /** Alignment of pagination controls */
-    readonly paginatorPosition: _angular_core.InputSignal<"left" | "right" | "center">;
+    readonly paginatorPosition: _angular_core.InputSignal<"left" | "center" | "right">;
     /** Alignment of total count label (only when showTotal=true) */
     readonly totalPosition: _angular_core.InputSignal<"left" | "right" | "opposite">;
     /** Show loading spinner instead of rows */
@@ -4248,6 +3725,109 @@ declare class TableComponent<T extends object> {
     }>;
     protected readonly hasSelection: _angular_core.Signal<boolean>;
     protected readonly hasSelectionColumn: _angular_core.Signal<boolean>;
+    /**
+     * Renders only the rows in view instead of all of them.
+     *
+     * **Requires `maxHeight` and `fullWidth`**, and does nothing without them — with a dev-mode
+     * warning saying which is missing, rather than half-working:
+     *
+     * - Without `maxHeight` the table's scroller is exactly as tall as its content and never scrolls
+     *   vertically, so there is no viewport to compute a window from. This is the same constraint
+     *   `stickyHeader` already documents.
+     * - `fullWidth="false"` means `table-layout: auto`, and the browser then sizes columns from the
+     *   cells that are *present*. Measured: rendering 2 of 24 rows moved columns by up to 7.8px, so
+     *   a windowed table would shift its own columns as you scroll.
+     *
+     * What it changes while it is on, beyond speed: `Ctrl+F` finds only the rendered rows, CSS
+     * targeting `:last-child` matches the last rendered one, and — with `interactiveRows` — scrolling
+     * a focused row out of view moves focus to the scroll region, because the row it was on no longer
+     * exists. `aria-rowcount` and `aria-rowindex` keep the announced count and position honest.
+     *
+     * Not a substitute for `[lazy]` and not substituted by it: `lazy` keeps the *fetch* small and
+     * still stamps every row it is handed.
+     *
+     * @default false
+     */
+    readonly virtualize: _angular_core.InputSignal<boolean>;
+    private readonly elRef;
+    private readonly isBrowser;
+    private readonly ownDestroyRef;
+    /** The scroller's real geometry, fed from `gog-scroll`'s own `(gogScroll)`. */
+    private readonly viewport;
+    /**
+     * What to assume for a row that has never been rendered.
+     *
+     * Seeded from `maxHeight` is impossible — that is the viewport, not a row — so it starts at a
+     * constant and is replaced by the first row actually measured. A seed, not a claim: it governs
+     * only the frames before any row has rendered, and being wrong there costs one re-render rather
+     * than a drifting scroll position.
+     */
+    private readonly estimatedRowHeight;
+    /** Windowing is on only when it can be correct — see `virtualize`. */
+    protected readonly windowingActive: _angular_core.Signal<boolean>;
+    /**
+     * `maxHeight` resolved to px, as the viewport's stand-in until `gog-scroll` reports a real one.
+     *
+     * A computed rather than a value seeded on open, which is what this was first written as and is
+     * wrong for a reason worth keeping: a component's constructor runs before its inputs are set, so
+     * a seed taken there reads `maxHeight` as `null` and the first frame renders the whole table —
+     * exactly the frame the seed exists to prevent.
+     */
+    private readonly maxHeightPx;
+    private readonly rowWindow;
+    protected readonly rowRange: _angular_core.Signal<_guildofgleks_ui_shared.GogVirtualRange>;
+    /**
+     * What the template loops over. The same array instance as `visibleRows()` when not windowing,
+     * so nothing re-renders for the sake of a slice that changed nothing.
+     */
+    protected readonly renderedRows: _angular_core.Signal<T[]>;
+    /** Filler above and below the rendered rows, as `<tr>` heights. */
+    protected readonly padBefore: _angular_core.Signal<number>;
+    protected readonly padAfter: _angular_core.Signal<number>;
+    /**
+     * A rendered row's index **within the page**, which is what every index this component hands out
+     * has always meant.
+     *
+     * Three places read it and all three would have changed meaning silently under a window:
+     * `gogRowClick`'s `index` (public API, documented as the index within the page), the
+     * `showRowNumbers` column, and `GogColumnBodyContext.index` in every consumer's cell template.
+     * The same trap `gog-autocomplete`'s option id hit one iteration earlier.
+     */
+    protected rowIndexOf(renderedIndex: number): number;
+    /** Total rows the grid claims, header included — `null` when every row is present anyway. */
+    protected readonly ariaRowCount: _angular_core.Signal<number | null>;
+    /** 1-based position of a rendered row in the grid, header being row 1. */
+    protected ariaRowIndex(renderedIndex: number): number | null;
+    /** `(gogScroll)` on the table's own scroller. */
+    protected onTableScroll(metrics: {
+        scrollTop: number;
+        clientHeight: number;
+    }): void;
+    /**
+     * With `interactiveRows`, every row is a tab stop. A row scrolled out of the window is
+     * unmounted, and an unmounted element holding focus drops it on `<body>` -- where the arrow keys
+     * scroll the page instead of the table.
+     *
+     * Focus goes to the scroll region instead, which `gog-scroll` already makes a tab stop
+     * (`role="region"`, `tabindex="0"`) and which is where scrolling is driven from anyway.
+     *
+     * Runs after the viewport signal moves, so `rowRange()` is already the new range -- and before
+     * the re-render, so the row still exists to be recognised. After the unmount there is nothing
+     * left to ask whether it held focus.
+     */
+    private releaseFocusLeavingTheWindow;
+    /**
+     * Reads the rendered rows and tells the window what they really measured.
+     *
+     * The return value is the part that matters and the part the arithmetic does not make obvious:
+     * correcting a row *above* the viewport moves everything below it, under the reader, while they
+     * are scrolling. Adding that delta to the scroller holds the visible rows still.
+     */
+    private measureRenderedRows;
+    private rowHeightSeeded;
+    private cappedHeightWarned;
+    private measureFrame;
+    private scheduleRowMeasure;
     readonly emptyColspan: _angular_core.Signal<number>;
     /**
      * Identity for selection and `@for` tracking. `dataKey`'s value when set, the row object
@@ -4294,9 +3874,9 @@ declare class TableComponent<T extends object> {
     /** CSS grid-area for the total label: left slot or right slot */
     readonly totalGridArea: _angular_core.Signal<"left" | "right">;
     /** CSS grid-area for the pagination block */
-    readonly paginatorGridArea: _angular_core.Signal<"left" | "right" | "center">;
+    readonly paginatorGridArea: _angular_core.Signal<"left" | "center" | "right">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "gog-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "showPageSizeSelect": { "alias": "showPageSizeSelect"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "interactiveRows": { "alias": "interactiveRows"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showSelectionColumn": { "alias": "showSelectionColumn"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "emptyPlaceholder": { "alias": "emptyPlaceholder"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "totalPosition": { "alias": "totalPosition"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showColumnBorders": { "alias": "showColumnBorders"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "selection": "selectionChange"; "gogSortChange": "gogSortChange"; "gogPageChange": "gogPageChange"; "gogRowClick": "gogRowClick"; }, ["columns"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "gog-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "showPageSizeSelect": { "alias": "showPageSizeSelect"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "interactiveRows": { "alias": "interactiveRows"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showSelectionColumn": { "alias": "showSelectionColumn"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "emptyPlaceholder": { "alias": "emptyPlaceholder"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "totalPosition": { "alias": "totalPosition"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showColumnBorders": { "alias": "showColumnBorders"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "virtualize": { "alias": "virtualize"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "selection": "selectionChange"; "gogSortChange": "gogSortChange"; "gogPageChange": "gogPageChange"; "gogRowClick": "gogRowClick"; }, ["columns"], never, true, never>;
 }
 
 declare class SpinnerComponent {
@@ -4477,532 +4057,5 @@ declare class ThemeService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
 
-/**
- * App-wide defaults for the handful of component inputs where that actually makes sense —
- * timing/behavior knobs a whole app typically wants to set once (a house style for how long
- * scrollbars stay visible, how aggressively buttons debounce clicks), not visual ones.
- * Visual defaults (colors, radii, animation *durations expressed in CSS*) already have a
- * global mechanism: the `--gog-*` custom properties in `styles/theme.css`. This is only for
- * inputs that can't be a CSS token because a component reads them in TypeScript (a
- * `setTimeout` delay, an RxJS `timer` duration) — see `styling.instructions.md` and
- * `gleks-ui-library.instructions.md`'s "Global configuration" section for the line between
- * the two and for how to add a new field here when a component needs one.
- *
- * Every field is optional at every level: set only the ones you want to change from the
- * component's own built-in default. An instance's own input, when set, always wins over
- * this — this only fills in what the instance didn't specify itself.
- */
-interface GogGlobalConfig {
-    /**
-     * The loading indicator, app-wide.
-     *
-     * `component` is the one config key that carries markup rather than a value, and it is here
-     * because of what it removes: a house spinner otherwise has to be passed into every control
-     * that can show one, and cannot be passed into the ones that render their own. Set it once and
-     * **every** spinner the library draws is yours — `gog-spinner`, `gog-spinner-overlay`, and the
-     * ones inside `gog-button`, `gog-autocomplete` and `gog-table`'s loading states, which have no
-     * input to reach. It is rendered through `NgComponentOutlet` inside the size wrapper, so it
-     * keeps the sizing, the overlay behaviour, the `role="status"` and the accessible name; only
-     * the visual is yours.
-     *
-     * Precedence is the library's usual one, with a wrinkle worth stating: an instance's own
-     * `variant` wins over both keys here, `component` wins over `variant`, and the built-in
-     * `runic` is the fallback. So `<gog-spinner variant="ring">` still gets a ring in an app that
-     * has set a component — an instance asking for something specific is not overridden by a
-     * default.
-     *
-     * Applies to: `gog-spinner`, `gog-spinner-overlay`, and the spinners inside `gog-button`,
-     * `gog-autocomplete` and `gog-table`. Two of those were wrong until 21.10.0 and are worth the
-     * warning: `gog-table` was never listed although it always honoured the key, and
-     * `gog-spinner-overlay` was listed although it did not — it forwards its own `variant` down,
-     * and that input defaulted to `'runic'`, which the spinner inside correctly read as an
-     * instance overruling a default. Neither shows up in a grep for `globalConfig.spinner`,
-     * because neither reads the config: they render a `gog-spinner` that does.
-     */
-    spinner?: {
-        component?: Type<unknown>;
-        variant?: GogSpinnerVariant;
-    };
-    scroll?: {
-        autoHide?: boolean;
-        hideDelay?: number;
-        size?: GogScrollSize;
-        overscrollBehavior?: GogScrollOverscrollBehavior;
-        /**
-         * Whether the overlay thumb/track ever renders. Scrolling itself is unaffected either way
-         * — this is purely the visual affordance. Defaults to `true`.
-         */
-        showTrack?: boolean;
-        /**
-         * Turns a vertical wheel into horizontal scrolling on a `gog-scroll` that has nothing to
-         * scroll vertically. Defaults to `false`; see the component's `horizontalWheel` input for
-         * the conditions it applies under and why it never swallows a gesture at the content's end.
-         */
-        horizontalWheel?: boolean;
-    };
-    button?: {
-        debounce?: number;
-    };
-    /**
-     * Whether the library's own interactive surfaces show a press ripple: `gog-button`,
-     * `[gogButton]`, `gog-button-toggle`, `gog-chip`, `gog-tabs`, `gog-accordion`,
-     * `gog-collapsible`, `gog-menu` and the three dropdowns' options. **Off by default**, so the
-     * effect is additive and nothing changes appearance until an app asks for it.
-     *
-     * This is the one visual default that is *not* expressible as a CSS token, which is why it is
-     * here at all: `--gog-ripple-opacity: 0` would hide the wash but still pay for the DOM node,
-     * the pointer listeners and the animation frames on every press. A real off has to reach the
-     * TypeScript.
-     *
-     * Per-instance: every component listed above takes a `ripple` input that wins over this, so
-     * `[ripple]="false"` opts one control out of an app-wide `true` (and `[ripple]="true"` opts one
-     * in without switching the app over). The `[gogRipple]` directive on your **own** element is
-     * not covered — writing the attribute is already the per-element decision, the same way
-     * `[filter]="true"` on one `gog-select` is; `rippleDisabled` turns that one off.
-     */
-    ripple?: {
-        enabled?: boolean;
-    };
-    tooltip?: {
-        showDelay?: number;
-        hideDelay?: number;
-        position?: GogTooltipPosition;
-    };
-    /**
-     * Applies to `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`,
-     * `gog-autocomplete` and `gog-datepicker` — every field that can float a label. All six read
-     * it through the same `GogFloatLabelState`, three of them via `GogDropdownBase`.
-     */
-    floatLabel?: {
-        variant?: GogFloatLabelVariant;
-        /**
-         * Whether the field's own `placeholder` reappears once its label has floated out of
-         * the way. Defaults to `false` — the placeholder stays hidden the whole time a float
-         * label is active, since the resting label already occupies that space.
-         */
-        showPlaceholder?: boolean;
-    };
-    /**
-     * Defaults for the interactive form controls — the two settings an app otherwise repeats on
-     * literally every one of them: a compact app writes `size="sm"` everywhere, and a
-     * Reactive-Forms app writes `errorDisplay="auto"` on every field.
-     *
-     * - `size` applies to `gog-button` and `[gogButton]`, `gog-button-toggle-group`,
-     *   `gog-checkbox`, `gog-toggle`, `gog-radio-group`, `gog-inputfield`, `gog-textarea`,
-     *   `gog-select`, `gog-multiselect`, `gog-autocomplete` and `gog-datepicker`. Deliberately
-     *   **not** to `gog-table`, `gog-accordion` or `gog-paginator` (whose `size` means row/layout
-     *   density and whose defaults differ), nor to `gog-spinner`, `gog-skeleton`, `gog-tag` or
-     *   `gog-chip` (sized to fit whatever they sit next to, not to a form's density).
-     * - `errorDisplay` applies to every control that renders a validation message:
-     *   `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`, `gog-autocomplete`,
-     *   `gog-datepicker`, `gog-radio-group` and `gog-slider`.
-     *
-     * A component's own built-in default still applies when this is unset, so setting `size`
-     * here does not flatten the different defaults those excluded components have.
-     *
-     * **When you add a reader, add it here — and note that "reader" is not the same as "names
-     * the field".** These lists were wrong for four keys until 2026-09-02, always in the same
-     * direction and for the same reason: `gog-select`, `gog-multiselect` and `gog-autocomplete`
-     * resolve `size`/`errorDisplay`/`clearable`/`floatLabel` inside `GogDropdownBase`, and
-     * `gog-datepicker` composes the same state classes directly, so none of the four contains the
-     * `globalConfig.control?.…` expression that a grep for readers finds. Nor does the resolved
-     * value always reach a template by name — `size` arrives as a computed class (`sizeClass`,
-     * `panelSizeClass`) and `dropdown.direction` is consumed by placement code, so "is the
-     * computed referenced in the component's HTML?" answers *no* for components that genuinely
-     * honour the key. Trace the shared state classes, not just the components.
-     */
-    control?: {
-        size?: GogSize;
-        errorDisplay?: GogErrorDisplay;
-        /**
-         * Whether `gog-inputfield`, `gog-textarea`, `gog-select`, `gog-multiselect`,
-         * `gog-autocomplete` and `gog-datepicker` offer a clear button — every control that
-         * composes `GogClearableState`. The button only ever appears once the control actually has
-         * something to clear, so switching this on app-wide adds no permanent chrome.
-         *
-         * Component defaults are `false`, except `gog-multiselect`, which had a clear button
-         * before this input existed and keeps it.
-         */
-        clearable?: boolean;
-    };
-    /**
-     * Applies per field rather than per component, which is why this is not one sentence:
-     *
-     * - `appendToBody` and `direction` reach `gog-select`, `gog-multiselect`,
-     *   `gog-autocomplete` (all three through `GogDropdownBase`) and `gog-datepicker`, which
-     *   resolves the same pair itself.
-     * - `filter` and `filterPosition` reach `gog-select` and `gog-multiselect` only.
-     *   `gog-autocomplete` inherits both inputs from the same base class and renders no filter
-     *   box for them — its own text field *is* the filter, so a second search box inside the
-     *   panel would be a duplicate. Setting these does nothing to an autocomplete.
-     */
-    dropdown?: {
-        /**
-         * Whether the panel is rendered into `<body>` instead of inline. Worth setting app-wide
-         * for a layout whose dropdowns generally live inside scrollable or overflow-clipped
-         * containers, which is the case this exists for.
-         */
-        appendToBody?: boolean;
-        direction?: GogDropdownDirection;
-        /** Whether the panel shows a search box. Off by default. */
-        filter?: boolean;
-        /** Which end of the panel the search box sticks to. `'top'` by default. */
-        filterPosition?: GogDropdownFilterPosition;
-    };
-    /**
-     * Applies to `gog-datepicker` and `gog-calendar`. Every field here is something an app sets
-     * once rather than per field — a locale and a date format repeated on every date input is
-     * exactly the boilerplate this config exists to remove.
-     */
-    datepicker?: {
-        /** BCP-47 tag driving month and weekday names. */
-        locale?: string;
-        /** 0 = Sunday … 6 = Saturday. Unset, it comes from the locale. */
-        firstDayOfWeek?: number;
-        /** Display and parse pattern (`dd.MM.yyyy`, `yyyy-MM-dd`, …). */
-        format?: string;
-    };
-    /**
-     * Applies to `gog-paginator`, and through it to `gog-table`'s built-in pagination.
-     *
-     * The page-size select is the one piece of paginator chrome an app decides once — either its
-     * tables offer the choice or they don't, and the option list is a house style. Both are still
-     * overridable per instance, for the page whose table genuinely needs `5, 10, 20` while the rest
-     * of the app uses `20, 50, 100`.
-     */
-    paginator?: {
-        /** Whether the rows-per-page select renders at all. **Off by default.** */
-        showPageSizeSelect?: boolean;
-        /** The choices it offers. Defaults to `[10, 20, 30, 40, 50]`. */
-        pageSizeOptions?: number[];
-    };
-    /** Applies to `gog-autocomplete`. */
-    autocomplete?: {
-        /**
-         * Milliseconds to wait after the last keystroke before `gogSearch` fires. A whole app
-         * usually wants one answer here, tuned to its backend rather than to each field.
-         */
-        searchDebounce?: number;
-        /** How many characters before the panel opens at all. */
-        minLength?: number;
-        /**
-         * Whether focusing the field opens the panel immediately, showing the full option list.
-         * Defaults to `true`.
-         */
-        openOnFocus?: boolean;
-    };
-    /** Applies to `gog-inputfield`. */
-    inputfield?: {
-        /**
-         * Whether a `type="number"` field shows the library's own spin buttons in place of the
-         * browser's native ones. Defaults to `true`.
-         */
-        showSpinButtons?: boolean;
-    };
-    /** Applies to `gog-textarea`. */
-    textarea?: {
-        /**
-         * Which direction(s) the field's own drag handle resizes it in — matches the native CSS
-         * `resize` value space. Defaults to `'vertical'`.
-         */
-        resize?: GogTextareaResize;
-    };
-    toast?: {
-        position?: ToastPosition;
-        /** How long a non-sticky toast stays up, in ms. */
-        duration?: number;
-    };
-    /**
-     * Every fixed, user-visible string the library renders — button text and accessible names for
-     * chrome the consumer never writes markup for.
-     *
-     * These are here rather than as one input per string because they are the definition of a
-     * setting an app states once: a Russian-language app relabels "Clear" once, not on all 340
-     * fields. Where a per-instance input already exists (`clearAriaLabel`, `todayLabel`, …) it
-     * still wins for that one control — the usual instance → config → default order.
-     *
-     * Deliberately excludes anything that is *content* rather than chrome: `gog-checkbox`'s
-     * `ariaLabel`, `gog-button`'s `ariaLabel`, a field's `label` or `placeholder`. Those differ
-     * per instance by definition and have no meaningful app-wide value.
-     */
-    labels?: {
-        /** Clear button on `gog-inputfield` / `gog-textarea`. */
-        clear?: string;
-        /**
-         * Clear button on `gog-select` / `gog-multiselect` / `gog-autocomplete`, which clears a
-         * selection rather than text.
-         */
-        clearSelection?: string;
-        /** Clear button on `gog-datepicker`. */
-        clearDate?: string;
-        /** `gog-multiselect`'s select-all / clear-all buttons — visible text, not just a label. */
-        selectAll?: string;
-        clearAll?: string;
-        /** `gog-inputfield`'s number spin buttons. */
-        increment?: string;
-        decrement?: string;
-        /** `gog-inputfield`'s password reveal toggle, in its two states. */
-        showPassword?: string;
-        hidePassword?: string;
-        /** Close buttons on the two service-driven overlays. */
-        closeDialog?: string;
-        closeToast?: string;
-        /** `gog-paginator`'s `<nav>` accessible name and its two step buttons. */
-        pagination?: string;
-        previousPage?: string;
-        nextPage?: string;
-        /**
-         * `gog-paginator`'s per-page button names ("Go to page 4", "Page 4, current page").
-         *
-         * A function rather than a string, and the only one in this block: these interpolate the
-         * page number, and a template string with a `{0}` placeholder would be a second, weaker
-         * formatting language to learn — one that also can't express languages where the number's
-         * position or the surrounding grammar depends on its value. The default is
-         * `` (page, isCurrent) => isCurrent ? `Page ${page}, current page` : `Go to page ${page}` ``.
-         */
-        page?: (page: number, isCurrent: boolean) => string;
-        /** `gog-datepicker`'s button that opens the calendar panel. */
-        openCalendar?: string;
-        /**
-         * `gog-panel`'s collapse toggle, used **only** when the panel has no `gogPanelHeader` to
-         * borrow a name from. A panel with a heading names its toggle after that heading, which is
-         * both more useful and per-instance by definition.
-         */
-        togglePanel?: string;
-        /** `gog-paginator`'s rows-per-page select. */
-        rowsPerPage?: string;
-        /** `gog-table`: the row-count label, its paginator, and the selection checkboxes. */
-        total?: string;
-        tablePagination?: string;
-        selectRow?: string;
-        selectAllRows?: string;
-        /** `gog-calendar` navigation and shortcuts. */
-        today?: string;
-        thisMonth?: string;
-        previousMonth?: string;
-        nextMonth?: string;
-        previousYear?: string;
-        nextYear?: string;
-        /** `gog-calendar`'s time section. */
-        hours?: string;
-        minutes?: string;
-        seconds?: string;
-    };
-    /**
-     * Applies to `ThemeService`. Every field is off/neutral by default, so an app that configures
-     * nothing keeps the pre-21.3.2 behaviour: adopt whatever `data-theme` is already on `<html>`,
-     * else `'light'`.
-     */
-    theme?: {
-        /**
-         * `localStorage` key the chosen theme is written to and read back from. Unset, nothing is
-         * persisted and the theme resets on every load.
-         */
-        storageKey?: string | null;
-        /** Theme applied when nothing else decides. `'light'` by default. */
-        defaultTheme?: string;
-        /**
-         * Whether to fall back to the OS `prefers-color-scheme` setting — and to keep following it
-         * until the app calls `setTheme`/`toggleTheme`. Off by default: switching this on changes
-         * which theme an existing app opens in.
-         */
-        followSystem?: boolean;
-        /** Theme names `toggleTheme()` alternates between, and `followSystem` maps the OS setting to. */
-        lightTheme?: string;
-        darkTheme?: string;
-    };
-}
-/**
- * Resolves to `{}` — every field falls through to its component's own hardcoded default —
- * until a `provideGogConfig(...)` call overrides it somewhere in the injector tree.
- */
-declare const GOG_CONFIG: InjectionToken<GogGlobalConfig>;
-/**
- * Sets app-wide (or subtree-wide, if placed in a route's or component's own `providers`
- * instead of the bootstrap config) defaults for every `@guildofgleks/ui` component that
- * reads `GOG_CONFIG` — one call instead of a separate injection token per setting:
- *
- * ```ts
- * // app.config.ts
- * providers: [
- *   provideGogConfig({
- *     scroll: { hideDelay: 1000 },
- *     button: { debounce: 500 },
- *   }),
- * ]
- * ```
- *
- * **Providing this again further down the injector tree layers onto the parent's config
- * rather than replacing it.** A route that only cares about tooltips can say so, and the
- * app-wide `button.debounce` stays in effect inside it:
- *
- * ```ts
- * // a route's providers — button.debounce from app.config.ts still applies here
- * provideGogConfig({ tooltip: { showDelay: 0 } })
- * ```
- *
- * Merging is one level deep, per component key: the nearest provider wins field by field, so
- * `{ tooltip: { showDelay: 0 } }` overrides only `showDelay` and leaves a parent's
- * `tooltip.position` alone. To drop an inherited value rather than change it, set it back to
- * the component's own default explicitly — there is no "unset" marker.
- */
-declare function provideGogConfig(config: GogGlobalConfig): Provider;
-/**
- * The library's precedence rule for a configurable input, in one place: an instance's own
- * input wins, then the app-wide `GOG_CONFIG` value, then the component's built-in default.
- *
- * Every configurable input resolves through this rather than repeating the `??` chain, so the
- * order can't drift between components — a component that accidentally checked the config
- * first would silently ignore the input on that one control only, which is close to invisible
- * in review. Kept a plain function (no `inject`) so it works anywhere: inside a `computed`, in
- * a composition class like `GogFloatLabelState`, and in unit tests without an injector.
- *
- * ```ts
- * private readonly globalConfig = inject(GOG_CONFIG);
- * protected readonly resolvedDebounce = computed(() =>
- *   resolveConfigured(this.debounce(), this.globalConfig.button?.debounce, DEFAULT_DEBOUNCE),
- * );
- * ```
- */
-declare function resolveConfigured<T>(instanceValue: T | undefined, configuredValue: T | undefined, fallback: T): T;
-
-/**
- * Shared float-label state for the library's field-style controls.
- *
- * A plain class rather than a base class or directive, for the same reason as `GogErrorState`:
- * it has to serve `gog-inputfield` and `gog-textarea`, which share no base class, as well as
- * `GogDropdownBase`, which is one. Each consumer owns an instance and exposes whichever
- * members its template needs.
- *
- * The one thing each control must supply itself is `hasValue` — "this field has content" means
- * something different everywhere (a non-empty string, a non-null selection, a non-empty
- * selection array), which is exactly why this is composed in rather than implemented as a
- * directive sitting outside the component.
- */
-declare class GogFloatLabelState {
-    private readonly variantInput;
-    private readonly showPlaceholderInput;
-    private readonly placeholder;
-    private readonly isFocused;
-    private readonly hasValue;
-    private readonly config;
-    /**
-     * @param variantInput the control's own `floatLabel` input (`undefined` when unset)
-     * @param showPlaceholderInput the control's own `floatLabelShowPlaceholder` input
-     * @param placeholder the control's `placeholder` input
-     * @param isFocused whether the control currently has focus
-     * @param hasValue whether the control has a value — see the class note
-     * @param config the injected `GOG_CONFIG`
-     */
-    constructor(variantInput: Signal<GogFloatLabelVariant | undefined>, showPlaceholderInput: Signal<boolean | undefined>, placeholder: Signal<string>, isFocused: Signal<boolean>, hasValue: Signal<boolean>, config: GogGlobalConfig);
-    /** The resolved variant: instance input, else `GOG_CONFIG.floatLabel.variant`, else `'none'`. */
-    readonly variant: Signal<GogFloatLabelVariant>;
-    readonly showPlaceholder: Signal<boolean>;
-    /** Whether a float label is in effect at all — `false` keeps the static label-above layout. */
-    readonly isActive: Signal<boolean>;
-    /** Whether the label is at its floated target rather than resting like a placeholder. */
-    readonly isFloated: Signal<boolean>;
-    /**
-     * The placeholder the control should actually render. While a float label is active the
-     * resting label already occupies that space, so the placeholder stays hidden unless the
-     * consumer opted into `floatLabelShowPlaceholder` — and even then only once the label has
-     * floated out of the way.
-     */
-    readonly effectivePlaceholder: Signal<string>;
-}
-
-/** What kind of thing a deprecation is about: an exported symbol, or a CSS custom property. */
-type GogDeprecationKind = 'symbol' | 'token';
-/** One deprecated part of the public API, with the version that removes it. */
-interface GogDeprecation {
-    kind: GogDeprecationKind;
-    /** The deprecated name — an export, an input, or a `--gog-*` custom property. */
-    name: string;
-    /** What to use instead. */
-    replacement: string;
-    /** The version that deprecated it, and the day it was announced. */
-    since: string;
-    sinceDate: string;
-    /** The version that removes it. Until then, the deprecated name still works. */
-    removedIn: string;
-}
-/**
- * Everything `@guildofgleks/ui` currently deprecates: 0 symbol(s) and 0 token(s).
- *
- * Generated from the library's own source — `@deprecated` tags for symbols, and the stylesheets
- * themselves for tokens — so it cannot drift from what actually still resolves. Meant for tooling
- * that has to answer "is this still supported, and until when?": a docs site marking an API row,
- * an editor plugin, a codemod.
- *
- * An empty `symbol` half means exactly what it says: nothing in the TypeScript API is deprecated
- * right now.
- */
-declare const GOG_DEPRECATIONS: readonly GogDeprecation[];
-
-/** Every `--gog-*` custom property the library declares or documents as an override point. */
-type GogTokenName = '--gog-accent-bright' | '--gog-accent-color' | '--gog-accent-dim' | '--gog-accent-pale' | '--gog-accent-text-color' | '--gog-accordion-accent-color' | '--gog-accordion-body-bg' | '--gog-accordion-body-color' | '--gog-accordion-body-font-family' | '--gog-accordion-body-font-size' | '--gog-accordion-body-lift' | '--gog-accordion-body-line-height' | '--gog-accordion-body-padding-bottom' | '--gog-accordion-body-padding-top' | '--gog-accordion-body-radius' | '--gog-accordion-body-transition-duration' | '--gog-accordion-border-color' | '--gog-accordion-border-style' | '--gog-accordion-border-width' | '--gog-accordion-chevron-font-size' | '--gog-accordion-chevron-line-height' | '--gog-accordion-chevron-size' | '--gog-accordion-chevron-transition-duration' | '--gog-accordion-content-gap' | '--gog-accordion-disabled-opacity' | '--gog-accordion-focus-ring-color' | '--gog-accordion-focus-ring-width' | '--gog-accordion-font-family' | '--gog-accordion-font-size' | '--gog-accordion-header-bg' | '--gog-accordion-header-gap' | '--gog-accordion-header-text-transform' | '--gog-accordion-hover-bg' | '--gog-accordion-hover-color' | '--gog-accordion-hover-ring' | '--gog-accordion-letter-spacing' | '--gog-accordion-lg-body-font-size' | '--gog-accordion-lg-body-line-height' | '--gog-accordion-lg-body-padding-bottom' | '--gog-accordion-lg-body-padding-top' | '--gog-accordion-lg-chevron-font-size' | '--gog-accordion-lg-chevron-size' | '--gog-accordion-lg-content-gap' | '--gog-accordion-lg-font-size' | '--gog-accordion-lg-letter-spacing' | '--gog-accordion-lg-padding-x' | '--gog-accordion-lg-padding-y' | '--gog-accordion-line-height' | '--gog-accordion-md-body-font-size' | '--gog-accordion-md-body-line-height' | '--gog-accordion-md-body-padding-bottom' | '--gog-accordion-md-body-padding-top' | '--gog-accordion-md-chevron-font-size' | '--gog-accordion-md-chevron-size' | '--gog-accordion-md-content-gap' | '--gog-accordion-md-font-size' | '--gog-accordion-md-letter-spacing' | '--gog-accordion-md-padding-x' | '--gog-accordion-md-padding-y' | '--gog-accordion-padding-x' | '--gog-accordion-padding-y' | '--gog-accordion-press-bg' | '--gog-accordion-radius' | '--gog-accordion-slg-body-font-size' | '--gog-accordion-slg-body-line-height' | '--gog-accordion-slg-body-padding-bottom' | '--gog-accordion-slg-body-padding-top' | '--gog-accordion-slg-chevron-font-size' | '--gog-accordion-slg-chevron-size' | '--gog-accordion-slg-content-gap' | '--gog-accordion-slg-font-size' | '--gog-accordion-slg-letter-spacing' | '--gog-accordion-slg-padding-x' | '--gog-accordion-slg-padding-y' | '--gog-accordion-sm-body-font-size' | '--gog-accordion-sm-body-line-height' | '--gog-accordion-sm-body-padding-bottom' | '--gog-accordion-sm-body-padding-top' | '--gog-accordion-sm-chevron-font-size' | '--gog-accordion-sm-chevron-size' | '--gog-accordion-sm-content-gap' | '--gog-accordion-sm-font-size' | '--gog-accordion-sm-letter-spacing' | '--gog-accordion-sm-padding-x' | '--gog-accordion-sm-padding-y' | '--gog-accordion-text-color' | '--gog-accordion-transition-duration' | '--gog-accordion-xsm-body-font-size' | '--gog-accordion-xsm-body-line-height' | '--gog-accordion-xsm-body-padding-bottom' | '--gog-accordion-xsm-body-padding-top' | '--gog-accordion-xsm-chevron-font-size' | '--gog-accordion-xsm-chevron-size' | '--gog-accordion-xsm-content-gap' | '--gog-accordion-xsm-font-size' | '--gog-accordion-xsm-letter-spacing' | '--gog-accordion-xsm-padding-x' | '--gog-accordion-xsm-padding-y' | '--gog-autocomplete-actions-gap' | '--gog-autocomplete-actions-inset' | '--gog-autocomplete-actions-reserve' | '--gog-autocomplete-bg' | '--gog-autocomplete-border-color' | '--gog-autocomplete-border-style' | '--gog-autocomplete-border-width' | '--gog-autocomplete-clear-color' | '--gog-autocomplete-clear-hover-color' | '--gog-autocomplete-clear-icon-ratio' | '--gog-autocomplete-color' | '--gog-autocomplete-disabled-opacity' | '--gog-autocomplete-empty-color' | '--gog-autocomplete-empty-font-size' | '--gog-autocomplete-empty-line-height' | '--gog-autocomplete-error-border-color' | '--gog-autocomplete-error-color' | '--gog-autocomplete-error-font-family' | '--gog-autocomplete-error-font-size' | '--gog-autocomplete-error-line-height' | '--gog-autocomplete-field-bg' | '--gog-autocomplete-float-label-in-top' | '--gog-autocomplete-float-label-on-bg' | '--gog-autocomplete-float-label-over-gap' | '--gog-autocomplete-float-label-over-reserve' | '--gog-autocomplete-float-label-reserve' | '--gog-autocomplete-focus-ring-color' | '--gog-autocomplete-focus-ring-offset' | '--gog-autocomplete-focus-ring-width' | '--gog-autocomplete-font-family' | '--gog-autocomplete-font-size' | '--gog-autocomplete-gap' | '--gog-autocomplete-hover-border-color' | '--gog-autocomplete-label-color' | '--gog-autocomplete-label-font-family' | '--gog-autocomplete-label-font-size' | '--gog-autocomplete-label-font-weight' | '--gog-autocomplete-label-letter-spacing' | '--gog-autocomplete-label-line-height' | '--gog-autocomplete-label-text-transform' | '--gog-autocomplete-line-height' | '--gog-autocomplete-min-width' | '--gog-autocomplete-option-color' | '--gog-autocomplete-option-gap' | '--gog-autocomplete-option-height' | '--gog-autocomplete-option-hover-bg' | '--gog-autocomplete-option-hover-color' | '--gog-autocomplete-option-padding' | '--gog-autocomplete-option-press-bg' | '--gog-autocomplete-option-radius' | '--gog-autocomplete-option-selected-bg' | '--gog-autocomplete-option-selected-color' | '--gog-autocomplete-options-padding' | '--gog-autocomplete-padding-x' | '--gog-autocomplete-padding-y' | '--gog-autocomplete-panel-bg' | '--gog-autocomplete-panel-border-color' | '--gog-autocomplete-panel-border-style' | '--gog-autocomplete-panel-border-width' | '--gog-autocomplete-panel-gap' | '--gog-autocomplete-panel-max-height' | '--gog-autocomplete-panel-max-width' | '--gog-autocomplete-panel-radius' | '--gog-autocomplete-panel-shadow' | '--gog-autocomplete-placeholder-color' | '--gog-autocomplete-radius' | '--gog-autocomplete-spinner-size' | '--gog-autocomplete-text-color' | '--gog-autocomplete-transition-duration' | '--gog-background-color' | '--gog-badge-bg' | '--gog-badge-border-color' | '--gog-badge-border-style' | '--gog-badge-border-width' | '--gog-badge-color' | '--gog-badge-danger-bg' | '--gog-badge-danger-color' | '--gog-badge-dot-size' | '--gog-badge-font-family' | '--gog-badge-font-size' | '--gog-badge-font-weight' | '--gog-badge-info-bg' | '--gog-badge-info-color' | '--gog-badge-line-height' | '--gog-badge-offset' | '--gog-badge-padding-inline' | '--gog-badge-radius' | '--gog-badge-size' | '--gog-badge-success-bg' | '--gog-badge-success-color' | '--gog-badge-warning-bg' | '--gog-badge-warning-color' | '--gog-badge-z' | '--gog-border-color' | '--gog-border-style' | '--gog-border-width' | '--gog-button-active-scale' | '--gog-button-bg' | '--gog-button-border' | '--gog-button-border-style' | '--gog-button-border-width' | '--gog-button-color' | '--gog-button-danger-fill' | '--gog-button-danger-fill-hover' | '--gog-button-danger-fill-press' | '--gog-button-danger-ink' | '--gog-button-danger-on-fill' | '--gog-button-danger-wash' | '--gog-button-disabled-opacity' | '--gog-button-focus-ring-offset' | '--gog-button-focus-ring-width' | '--gog-button-font-family' | '--gog-button-font-weight' | '--gog-button-gap' | '--gog-button-ghost-bg' | '--gog-button-ghost-border' | '--gog-button-ghost-color' | '--gog-button-ghost-hover-bg' | '--gog-button-ghost-hover-color' | '--gog-button-ghost-hover-shadow' | '--gog-button-ghost-press-bg' | '--gog-button-ghost-press-color' | '--gog-button-ghost-shadow' | '--gog-button-ghost-spinner-color' | '--gog-button-ghost-toggled-shadow' | '--gog-button-hover-bg' | '--gog-button-hover-color' | '--gog-button-hover-shadow' | '--gog-button-info-fill' | '--gog-button-info-fill-hover' | '--gog-button-info-fill-press' | '--gog-button-info-ink' | '--gog-button-info-on-fill' | '--gog-button-info-wash' | '--gog-button-letter-spacing' | '--gog-button-lg-font-size' | '--gog-button-lg-padding' | '--gog-button-line-height' | '--gog-button-loading-opacity' | '--gog-button-md-font-size' | '--gog-button-md-padding' | '--gog-button-outline-bg' | '--gog-button-outline-border' | '--gog-button-outline-color' | '--gog-button-outline-hover-bg' | '--gog-button-outline-hover-color' | '--gog-button-outline-hover-shadow' | '--gog-button-outline-press-bg' | '--gog-button-outline-press-color' | '--gog-button-outline-shadow' | '--gog-button-outline-spinner-color' | '--gog-button-outline-toggled-shadow' | '--gog-button-press-bg' | '--gog-button-press-color' | '--gog-button-primary-bg' | '--gog-button-primary-border' | '--gog-button-primary-color' | '--gog-button-primary-hover-bg' | '--gog-button-primary-hover-color' | '--gog-button-primary-hover-shadow' | '--gog-button-primary-press-bg' | '--gog-button-primary-press-color' | '--gog-button-primary-shadow' | '--gog-button-primary-spinner-color' | '--gog-button-primary-toggled-shadow' | '--gog-button-radius' | '--gog-button-secondary-bg' | '--gog-button-secondary-border' | '--gog-button-secondary-color' | '--gog-button-secondary-hover-bg' | '--gog-button-secondary-hover-color' | '--gog-button-secondary-hover-shadow' | '--gog-button-secondary-press-bg' | '--gog-button-secondary-press-color' | '--gog-button-secondary-shadow' | '--gog-button-secondary-spinner-color' | '--gog-button-secondary-toggled-shadow' | '--gog-button-shadow' | '--gog-button-slg-font-size' | '--gog-button-slg-padding' | '--gog-button-sm-font-size' | '--gog-button-sm-padding' | '--gog-button-spinner-color' | '--gog-button-spinner-max-size' | '--gog-button-success-fill' | '--gog-button-success-fill-hover' | '--gog-button-success-fill-press' | '--gog-button-success-ink' | '--gog-button-success-on-fill' | '--gog-button-success-wash' | '--gog-button-text-transform' | '--gog-button-toggle-bg' | '--gog-button-toggle-border-color' | '--gog-button-toggle-border-style' | '--gog-button-toggle-border-width' | '--gog-button-toggle-color' | '--gog-button-toggle-disabled-opacity' | '--gog-button-toggle-focus-ring-color' | '--gog-button-toggle-focus-ring-offset' | '--gog-button-toggle-focus-ring-width' | '--gog-button-toggle-font-family' | '--gog-button-toggle-font-size' | '--gog-button-toggle-font-weight' | '--gog-button-toggle-gap' | '--gog-button-toggle-hover-bg' | '--gog-button-toggle-hover-color' | '--gog-button-toggle-icon-size' | '--gog-button-toggle-letter-spacing' | '--gog-button-toggle-line-height' | '--gog-button-toggle-padding' | '--gog-button-toggle-press-bg' | '--gog-button-toggle-radius' | '--gog-button-toggle-rest-bg' | '--gog-button-toggle-rest-color' | '--gog-button-toggle-selected-bg' | '--gog-button-toggle-selected-border-color' | '--gog-button-toggle-selected-color' | '--gog-button-toggle-selected-press-bg' | '--gog-button-toggle-separated-gap' | '--gog-button-toggle-text-transform' | '--gog-button-toggle-transition-duration' | '--gog-button-toggled-ring-width' | '--gog-button-toggled-shadow' | '--gog-button-transition-duration' | '--gog-button-warning-fill' | '--gog-button-warning-fill-hover' | '--gog-button-warning-fill-press' | '--gog-button-warning-ink' | '--gog-button-warning-on-fill' | '--gog-button-warning-wash' | '--gog-button-xsm-font-size' | '--gog-button-xsm-padding' | '--gog-calendar-action-padding' | '--gog-calendar-color' | '--gog-calendar-day-bg' | '--gog-calendar-day-border-style' | '--gog-calendar-day-border-width' | '--gog-calendar-day-color' | '--gog-calendar-day-hover-bg' | '--gog-calendar-day-outside-color' | '--gog-calendar-day-radius' | '--gog-calendar-day-rest-bg' | '--gog-calendar-day-rest-color' | '--gog-calendar-day-size' | '--gog-calendar-disabled-opacity' | '--gog-calendar-divider-color' | '--gog-calendar-divider-style' | '--gog-calendar-divider-width' | '--gog-calendar-focus-ring-color' | '--gog-calendar-focus-ring-offset' | '--gog-calendar-focus-ring-width' | '--gog-calendar-font-family' | '--gog-calendar-footer-gap' | '--gog-calendar-header-gap' | '--gog-calendar-header-margin' | '--gog-calendar-lg-day-size' | '--gog-calendar-lg-font-size' | '--gog-calendar-line-height' | '--gog-calendar-max-width' | '--gog-calendar-md-day-size' | '--gog-calendar-md-font-size' | '--gog-calendar-months-gap' | '--gog-calendar-nav-bg' | '--gog-calendar-nav-color' | '--gog-calendar-nav-hover-bg' | '--gog-calendar-nav-hover-color' | '--gog-calendar-nav-icon-overlap' | '--gog-calendar-nav-icon-size' | '--gog-calendar-nav-radius' | '--gog-calendar-nav-size' | '--gog-calendar-padding' | '--gog-calendar-range-bg' | '--gog-calendar-range-color' | '--gog-calendar-selected-bg' | '--gog-calendar-selected-color' | '--gog-calendar-selected-font-weight' | '--gog-calendar-slg-day-size' | '--gog-calendar-slg-font-size' | '--gog-calendar-sm-day-size' | '--gog-calendar-sm-font-size' | '--gog-calendar-time-gap' | '--gog-calendar-time-input-bg' | '--gog-calendar-time-input-padding' | '--gog-calendar-time-input-width' | '--gog-calendar-time-margin' | '--gog-calendar-title-color' | '--gog-calendar-title-font-weight' | '--gog-calendar-today-border-color' | '--gog-calendar-today-font-weight' | '--gog-calendar-transition-duration' | '--gog-calendar-weekday-color' | '--gog-calendar-weekday-font-size' | '--gog-calendar-weekday-font-weight' | '--gog-calendar-weekday-line-height' | '--gog-calendar-weekday-padding' | '--gog-calendar-weekday-text-transform' | '--gog-calendar-xsm-day-size' | '--gog-calendar-xsm-font-size' | '--gog-card-bg' | '--gog-card-border-color' | '--gog-card-border-style' | '--gog-card-border-width' | '--gog-card-color' | '--gog-card-disabled-opacity' | '--gog-card-elevated-bg' | '--gog-card-elevated-border-color' | '--gog-card-elevated-shadow' | '--gog-card-filled-bg' | '--gog-card-filled-border-color' | '--gog-card-filled-shadow' | '--gog-card-focus-ring' | '--gog-card-focus-ring-offset' | '--gog-card-focus-ring-width' | '--gog-card-font-family' | '--gog-card-footer-border-color' | '--gog-card-footer-gap' | '--gog-card-footer-padding-top' | '--gog-card-gap' | '--gog-card-heading-color' | '--gog-card-heading-font-family' | '--gog-card-heading-font-size' | '--gog-card-heading-font-weight' | '--gog-card-heading-line-height' | '--gog-card-hover-border-color' | '--gog-card-hover-shadow' | '--gog-card-lg-gap' | '--gog-card-lg-padding-x' | '--gog-card-lg-padding-y' | '--gog-card-md-gap' | '--gog-card-md-padding-x' | '--gog-card-md-padding-y' | '--gog-card-outlined-bg' | '--gog-card-outlined-border-color' | '--gog-card-outlined-shadow' | '--gog-card-padding-x' | '--gog-card-padding-y' | '--gog-card-radius' | '--gog-card-shadow' | '--gog-card-slg-gap' | '--gog-card-slg-padding-x' | '--gog-card-slg-padding-y' | '--gog-card-sm-gap' | '--gog-card-sm-padding-x' | '--gog-card-sm-padding-y' | '--gog-card-transition-duration' | '--gog-card-xsm-gap' | '--gog-card-xsm-padding-x' | '--gog-card-xsm-padding-y' | '--gog-checkbox-bg' | '--gog-checkbox-border-color' | '--gog-checkbox-border-style' | '--gog-checkbox-border-width' | '--gog-checkbox-box-size' | '--gog-checkbox-checked-bg' | '--gog-checkbox-checked-border' | '--gog-checkbox-dash-height' | '--gog-checkbox-dash-radius' | '--gog-checkbox-dash-width-ratio' | '--gog-checkbox-disabled-opacity' | '--gog-checkbox-focus-ring' | '--gog-checkbox-focus-ring-offset' | '--gog-checkbox-focus-ring-width' | '--gog-checkbox-font-family' | '--gog-checkbox-gap' | '--gog-checkbox-icon-color' | '--gog-checkbox-icon-line-height' | '--gog-checkbox-icon-size' | '--gog-checkbox-label-color' | '--gog-checkbox-label-line-height' | '--gog-checkbox-label-size' | '--gog-checkbox-padding' | '--gog-checkbox-radius' | '--gog-checkbox-transition-duration' | '--gog-chip-avatar-inset-ratio' | '--gog-chip-avatar-size' | '--gog-chip-bg' | '--gog-chip-border' | '--gog-chip-border-style' | '--gog-chip-border-width' | '--gog-chip-color' | '--gog-chip-disabled-opacity' | '--gog-chip-focus-ring-color' | '--gog-chip-focus-ring-offset' | '--gog-chip-focus-ring-width' | '--gog-chip-font-family' | '--gog-chip-font-size' | '--gog-chip-font-weight' | '--gog-chip-gap' | '--gog-chip-hover-bg' | '--gog-chip-icon-size' | '--gog-chip-lg-avatar-size' | '--gog-chip-lg-font-size' | '--gog-chip-lg-gap' | '--gog-chip-lg-icon-size' | '--gog-chip-lg-padding-block' | '--gog-chip-lg-padding-inline' | '--gog-chip-lg-remove-size' | '--gog-chip-line-height' | '--gog-chip-md-avatar-size' | '--gog-chip-md-font-size' | '--gog-chip-md-gap' | '--gog-chip-md-icon-size' | '--gog-chip-md-padding-block' | '--gog-chip-md-padding-inline' | '--gog-chip-md-remove-size' | '--gog-chip-padding-block' | '--gog-chip-padding-inline' | '--gog-chip-pill-radius' | '--gog-chip-press-bg' | '--gog-chip-radius' | '--gog-chip-remove-color' | '--gog-chip-remove-hover-color' | '--gog-chip-remove-inset-ratio' | '--gog-chip-remove-scale' | '--gog-chip-remove-size' | '--gog-chip-selected-ring-width' | '--gog-chip-selected-shadow' | '--gog-chip-slg-avatar-size' | '--gog-chip-slg-font-size' | '--gog-chip-slg-gap' | '--gog-chip-slg-icon-size' | '--gog-chip-slg-padding-block' | '--gog-chip-slg-padding-inline' | '--gog-chip-slg-remove-size' | '--gog-chip-sm-avatar-size' | '--gog-chip-sm-font-size' | '--gog-chip-sm-gap' | '--gog-chip-sm-icon-size' | '--gog-chip-sm-padding-block' | '--gog-chip-sm-padding-inline' | '--gog-chip-sm-remove-size' | '--gog-chip-xsm-avatar-size' | '--gog-chip-xsm-font-size' | '--gog-chip-xsm-gap' | '--gog-chip-xsm-icon-size' | '--gog-chip-xsm-padding-block' | '--gog-chip-xsm-padding-inline' | '--gog-chip-xsm-remove-size' | '--gog-collapsible-disabled-opacity' | '--gog-collapsible-max-height' | '--gog-collapsible-transition-duration' | '--gog-confirmation-dialog-actions-gap' | '--gog-confirmation-dialog-actions-offset' | '--gog-confirmation-dialog-color' | '--gog-confirmation-dialog-description-color' | '--gog-confirmation-dialog-description-font-size' | '--gog-confirmation-dialog-description-line-height' | '--gog-confirmation-dialog-gap' | '--gog-confirmation-dialog-max-width' | '--gog-confirmation-dialog-min-width' | '--gog-confirmation-dialog-title-font-size' | '--gog-confirmation-dialog-title-line-height' | '--gog-control-border-style' | '--gog-control-border-width' | '--gog-control-boundary-color' | '--gog-control-checkbox-box-size-lg' | '--gog-control-checkbox-box-size-md' | '--gog-control-checkbox-box-size-slg' | '--gog-control-checkbox-box-size-sm' | '--gog-control-checkbox-box-size-xsm' | '--gog-control-checkbox-icon-size-lg' | '--gog-control-checkbox-icon-size-md' | '--gog-control-checkbox-icon-size-slg' | '--gog-control-checkbox-icon-size-sm' | '--gog-control-checkbox-icon-size-xsm' | '--gog-control-checkbox-label-size-lg' | '--gog-control-checkbox-label-size-md' | '--gog-control-checkbox-label-size-slg' | '--gog-control-checkbox-label-size-sm' | '--gog-control-checkbox-label-size-xsm' | '--gog-control-checkbox-padding' | '--gog-control-clear-icon-ratio' | '--gog-control-icon-offset' | '--gog-control-padding-x' | '--gog-control-padding-y' | '--gog-danger-color' | '--gog-danger-shade' | '--gog-danger-text-color' | '--gog-datepicker-actions-gap' | '--gog-datepicker-actions-inset' | '--gog-datepicker-actions-reserve' | '--gog-datepicker-bg' | '--gog-datepicker-border-color' | '--gog-datepicker-border-style' | '--gog-datepicker-border-width' | '--gog-datepicker-clear-color' | '--gog-datepicker-clear-icon-ratio' | '--gog-datepicker-color' | '--gog-datepicker-disabled-opacity' | '--gog-datepicker-error-border-color' | '--gog-datepicker-error-color' | '--gog-datepicker-error-font-family' | '--gog-datepicker-error-font-size' | '--gog-datepicker-error-line-height' | '--gog-datepicker-field-bg' | '--gog-datepicker-float-label-in-top' | '--gog-datepicker-float-label-on-bg' | '--gog-datepicker-float-label-over-gap' | '--gog-datepicker-float-label-over-reserve' | '--gog-datepicker-float-label-reserve' | '--gog-datepicker-focus-ring-color' | '--gog-datepicker-focus-ring-offset' | '--gog-datepicker-focus-ring-width' | '--gog-datepicker-font-family' | '--gog-datepicker-font-size' | '--gog-datepicker-gap' | '--gog-datepicker-hover-border-color' | '--gog-datepicker-icon-color' | '--gog-datepicker-icon-hover-color' | '--gog-datepicker-label-color' | '--gog-datepicker-label-font-family' | '--gog-datepicker-label-font-size' | '--gog-datepicker-label-letter-spacing' | '--gog-datepicker-label-line-height' | '--gog-datepicker-label-text-transform' | '--gog-datepicker-line-height' | '--gog-datepicker-min-width' | '--gog-datepicker-padding-x' | '--gog-datepicker-padding-y' | '--gog-datepicker-panel-bg' | '--gog-datepicker-panel-border-color' | '--gog-datepicker-panel-border-style' | '--gog-datepicker-panel-border-width' | '--gog-datepicker-panel-gap' | '--gog-datepicker-panel-radius' | '--gog-datepicker-panel-shadow' | '--gog-datepicker-panel-width' | '--gog-datepicker-placeholder-color' | '--gog-datepicker-radius' | '--gog-datepicker-text-color' | '--gog-datepicker-toggle-icon-size' | '--gog-datepicker-transition-duration' | '--gog-density' | '--gog-dialog-backdrop-bg' | '--gog-dialog-backdrop-blur' | '--gog-dialog-backdrop-fade-duration' | '--gog-dialog-backdrop-padding' | '--gog-dialog-bg' | '--gog-dialog-body-max-height' | '--gog-dialog-body-padding' | '--gog-dialog-border' | '--gog-dialog-border-style' | '--gog-dialog-border-width' | '--gog-dialog-close-color' | '--gog-dialog-close-focus-ring' | '--gog-dialog-close-focus-ring-offset' | '--gog-dialog-close-focus-ring-width' | '--gog-dialog-close-font-size' | '--gog-dialog-close-hover-bg' | '--gog-dialog-close-hover-border' | '--gog-dialog-close-hover-color' | '--gog-dialog-close-line-height' | '--gog-dialog-close-size' | '--gog-dialog-color' | '--gog-dialog-enter-distance' | '--gog-dialog-enter-duration' | '--gog-dialog-font-family' | '--gog-dialog-header-border-color' | '--gog-dialog-header-gap' | '--gog-dialog-header-padding' | '--gog-dialog-max-height' | '--gog-dialog-min-width' | '--gog-dialog-offset-x' | '--gog-dialog-offset-y' | '--gog-dialog-radius' | '--gog-dialog-shadow' | '--gog-dialog-title-font-size' | '--gog-dialog-title-line-height' | '--gog-disabled-opacity' | '--gog-divider-block-spacing' | '--gog-divider-color' | '--gog-divider-dashed-style' | '--gog-divider-dotted-style' | '--gog-divider-inline-spacing' | '--gog-divider-inset-size' | '--gog-divider-label-color' | '--gog-divider-label-font-family' | '--gog-divider-label-font-size' | '--gog-divider-label-font-weight' | '--gog-divider-label-gap' | '--gog-divider-label-line-height' | '--gog-divider-line-color' | '--gog-divider-line-thickness' | '--gog-divider-solid-style' | '--gog-divider-spacing' | '--gog-divider-thickness' | '--gog-divider-vertical-length' | '--gog-dropdown-z' | '--gog-duration-base' | '--gog-duration-fast' | '--gog-duration-slow' | '--gog-easing' | '--gog-elevated-surface-color' | '--gog-elevation-0' | '--gog-elevation-1' | '--gog-elevation-2' | '--gog-elevation-3' | '--gog-elevation-4' | '--gog-elevation-5' | '--gog-elevation-ambient-alpha' | '--gog-elevation-contact' | '--gog-elevation-contact-blur' | '--gog-elevation-highlight' | '--gog-elevation-highlight-alpha' | '--gog-elevation-highlight-ink' | '--gog-elevation-ink' | '--gog-elevation-key-alpha' | '--gog-elevation-key-blur' | '--gog-elevation-key-x' | '--gog-elevation-key-y' | '--gog-elevation-ring' | '--gog-elevation-ring-width' | '--gog-field-error-line-height' | '--gog-field-float-label-in-top' | '--gog-field-float-label-over-gap' | '--gog-field-float-label-over-reserve' | '--gog-field-float-label-reserve' | '--gog-field-icon-glyph' | '--gog-field-icon-glyph-sm' | '--gog-field-icon-glyph-xsm' | '--gog-field-label-line-height' | '--gog-field-lg-font-size' | '--gog-field-lg-icon-inset' | '--gog-field-lg-icon-offset' | '--gog-field-lg-padding-x' | '--gog-field-lg-padding-y' | '--gog-field-line-height' | '--gog-field-md-font-size' | '--gog-field-md-icon-inset' | '--gog-field-md-icon-offset' | '--gog-field-md-padding-x' | '--gog-field-md-padding-y' | '--gog-field-slg-font-size' | '--gog-field-slg-icon-inset' | '--gog-field-slg-icon-offset' | '--gog-field-slg-padding-x' | '--gog-field-slg-padding-y' | '--gog-field-sm-font-size' | '--gog-field-sm-icon-inset' | '--gog-field-sm-icon-offset' | '--gog-field-sm-padding-x' | '--gog-field-sm-padding-y' | '--gog-field-xsm-font-size' | '--gog-field-xsm-icon-inset' | '--gog-field-xsm-icon-offset' | '--gog-field-xsm-padding-x' | '--gog-field-xsm-padding-y' | '--gog-focus-ring-offset' | '--gog-focus-ring-width' | '--gog-font-body' | '--gog-font-heading' | '--gog-font-mono' | '--gog-font-weight-bold' | '--gog-font-weight-heavy' | '--gog-font-weight-medium' | '--gog-font-weight-semibold' | '--gog-hover-color' | '--gog-icon-fallback-size' | '--gog-icon-size' | '--gog-icon-stroke-width' | '--gog-info-color' | '--gog-info-shade' | '--gog-info-text-color' | '--gog-input-clear-icon-ratio' | '--gog-input-clear-inset' | '--gog-input-clear-line-height' | '--gog-input-clear-radius' | '--gog-input-disabled-opacity' | '--gog-input-error-color' | '--gog-input-error-font-size' | '--gog-input-error-line-height' | '--gog-input-error-offset' | '--gog-input-field-bg' | '--gog-input-field-border' | '--gog-input-field-border-style' | '--gog-input-field-border-width' | '--gog-input-field-color' | '--gog-input-float-label-in-top' | '--gog-input-float-label-on-bg' | '--gog-input-float-label-over-gap' | '--gog-input-float-label-over-reserve' | '--gog-input-float-label-reserve' | '--gog-input-focus-border' | '--gog-input-focus-glow' | '--gog-input-focus-ring' | '--gog-input-focus-ring-offset' | '--gog-input-focus-ring-width' | '--gog-input-font' | '--gog-input-font-family' | '--gog-input-gap' | '--gog-input-icon-action-radius' | '--gog-input-icon-color' | '--gog-input-icon-focus-ring-width' | '--gog-input-icon-hover-color' | '--gog-input-icon-line-height' | '--gog-input-label-color' | '--gog-input-label-font-family' | '--gog-input-label-font-size' | '--gog-input-label-letter-spacing' | '--gog-input-label-line-height' | '--gog-input-label-text-transform' | '--gog-input-padding-x' | '--gog-input-padding-y' | '--gog-input-placeholder-color' | '--gog-input-radius' | '--gog-input-spin-hover-bg' | '--gog-input-spin-width' | '--gog-input-transition-duration' | '--gog-letter-spacing' | '--gog-line-height-loose' | '--gog-line-height-none' | '--gog-line-height-normal' | '--gog-line-height-relaxed' | '--gog-line-height-snug' | '--gog-line-height-tight' | '--gog-menu-available-height' | '--gog-menu-bg' | '--gog-menu-border-color' | '--gog-menu-border-style' | '--gog-menu-border-width' | '--gog-menu-focus-ring' | '--gog-menu-focus-ring-width' | '--gog-menu-font-family' | '--gog-menu-gap' | '--gog-menu-item-color' | '--gog-menu-item-disabled-color' | '--gog-menu-item-disabled-opacity' | '--gog-menu-item-font-size' | '--gog-menu-item-gap' | '--gog-menu-item-hover-bg' | '--gog-menu-item-hover-color' | '--gog-menu-item-icon-size' | '--gog-menu-item-line-height' | '--gog-menu-item-padding' | '--gog-menu-item-press-bg' | '--gog-menu-item-radius' | '--gog-menu-max-height' | '--gog-menu-max-width' | '--gog-menu-min-width' | '--gog-menu-offset' | '--gog-menu-padding' | '--gog-menu-radius' | '--gog-menu-shadow' | '--gog-menu-transition-duration' | '--gog-menu-z' | '--gog-multiselect-actions-gap' | '--gog-multiselect-actions-inset' | '--gog-multiselect-arrow-icon-ratio' | '--gog-multiselect-arrow-transition-duration' | '--gog-multiselect-border-color' | '--gog-multiselect-checkbox-bg' | '--gog-multiselect-checkbox-border' | '--gog-multiselect-checkbox-checked-bg' | '--gog-multiselect-checkbox-checked-color' | '--gog-multiselect-clear-icon-ratio' | '--gog-multiselect-clear-line-height' | '--gog-multiselect-clear-radius' | '--gog-multiselect-controls-gap' | '--gog-multiselect-controls-padding' | '--gog-multiselect-disabled-opacity' | '--gog-multiselect-error-color' | '--gog-multiselect-error-font-size' | '--gog-multiselect-error-line-height' | '--gog-multiselect-error-offset' | '--gog-multiselect-field-bg' | '--gog-multiselect-field-border' | '--gog-multiselect-field-border-style' | '--gog-multiselect-field-border-width' | '--gog-multiselect-field-color' | '--gog-multiselect-filter-border-color' | '--gog-multiselect-filter-border-style' | '--gog-multiselect-filter-border-width' | '--gog-multiselect-filter-empty-color' | '--gog-multiselect-filter-empty-padding' | '--gog-multiselect-filter-input-bg' | '--gog-multiselect-filter-input-border' | '--gog-multiselect-filter-input-color' | '--gog-multiselect-filter-input-padding-x' | '--gog-multiselect-filter-input-padding-y' | '--gog-multiselect-filter-input-radius' | '--gog-multiselect-filter-padding' | '--gog-multiselect-float-label-in-top' | '--gog-multiselect-float-label-on-bg' | '--gog-multiselect-float-label-over-gap' | '--gog-multiselect-float-label-over-reserve' | '--gog-multiselect-float-label-reserve' | '--gog-multiselect-focus-border' | '--gog-multiselect-focus-glow' | '--gog-multiselect-focus-ring' | '--gog-multiselect-focus-ring-offset' | '--gog-multiselect-focus-ring-width' | '--gog-multiselect-font-family' | '--gog-multiselect-font-size' | '--gog-multiselect-gap' | '--gog-multiselect-label-color' | '--gog-multiselect-label-font-family' | '--gog-multiselect-label-font-size' | '--gog-multiselect-label-letter-spacing' | '--gog-multiselect-label-line-height' | '--gog-multiselect-label-text-transform' | '--gog-multiselect-mark-icon-ratio' | '--gog-multiselect-mark-size-ratio' | '--gog-multiselect-min-width' | '--gog-multiselect-option-color' | '--gog-multiselect-option-disabled-opacity' | '--gog-multiselect-option-gap' | '--gog-multiselect-option-gap-inline' | '--gog-multiselect-option-height' | '--gog-multiselect-option-hover-bg' | '--gog-multiselect-option-press-bg' | '--gog-multiselect-option-radius' | '--gog-multiselect-option-transition-duration' | '--gog-multiselect-options-padding' | '--gog-multiselect-overflow-color' | '--gog-multiselect-overflow-font-size' | '--gog-multiselect-overflow-gap' | '--gog-multiselect-overflow-line-height' | '--gog-multiselect-padding-x' | '--gog-multiselect-padding-y' | '--gog-multiselect-panel-bg' | '--gog-multiselect-panel-border' | '--gog-multiselect-panel-max-height' | '--gog-multiselect-panel-max-width' | '--gog-multiselect-panel-offset' | '--gog-multiselect-panel-radius' | '--gog-multiselect-panel-shadow' | '--gog-multiselect-placeholder-color' | '--gog-multiselect-radius' | '--gog-multiselect-transition-duration' | '--gog-multiselect-value-color' | '--gog-muted-text-color' | '--gog-paginator-ellipsis-color' | '--gog-paginator-ellipsis-font-family' | '--gog-paginator-ellipsis-font-size' | '--gog-paginator-ellipsis-line-height' | '--gog-paginator-ellipsis-min-width' | '--gog-paginator-gap' | '--gog-paginator-page-size-min-width' | '--gog-panel-bg' | '--gog-panel-border-color' | '--gog-panel-border-style' | '--gog-panel-border-width' | '--gog-panel-chevron-size' | '--gog-panel-color' | '--gog-panel-disabled-opacity' | '--gog-panel-elevated-bg' | '--gog-panel-elevated-border-color' | '--gog-panel-elevated-shadow' | '--gog-panel-filled-bg' | '--gog-panel-filled-border-color' | '--gog-panel-filled-shadow' | '--gog-panel-focus-ring' | '--gog-panel-focus-ring-offset' | '--gog-panel-focus-ring-width' | '--gog-panel-font-family' | '--gog-panel-footer-border-color' | '--gog-panel-footer-gap' | '--gog-panel-footer-padding-top' | '--gog-panel-gap' | '--gog-panel-header-gap' | '--gog-panel-heading-color' | '--gog-panel-heading-font-family' | '--gog-panel-heading-font-size' | '--gog-panel-heading-font-weight' | '--gog-panel-heading-line-height' | '--gog-panel-lg-gap' | '--gog-panel-lg-padding-x' | '--gog-panel-lg-padding-y' | '--gog-panel-md-gap' | '--gog-panel-md-padding-x' | '--gog-panel-md-padding-y' | '--gog-panel-outlined-bg' | '--gog-panel-outlined-border-color' | '--gog-panel-outlined-shadow' | '--gog-panel-padding-x' | '--gog-panel-padding-y' | '--gog-panel-radius' | '--gog-panel-shadow' | '--gog-panel-slg-gap' | '--gog-panel-slg-padding-x' | '--gog-panel-slg-padding-y' | '--gog-panel-sm-gap' | '--gog-panel-sm-padding-x' | '--gog-panel-sm-padding-y' | '--gog-panel-toggle-color' | '--gog-panel-toggle-hover-bg' | '--gog-panel-toggle-radius' | '--gog-panel-toggle-size' | '--gog-panel-transition-duration' | '--gog-panel-xsm-gap' | '--gog-panel-xsm-padding-x' | '--gog-panel-xsm-padding-y' | '--gog-primary-color' | '--gog-progressbar-accent-bg' | '--gog-progressbar-accent-buffer-bg' | '--gog-progressbar-buffer-bg' | '--gog-progressbar-danger-bg' | '--gog-progressbar-danger-buffer-bg' | '--gog-progressbar-edge-backing-color' | '--gog-progressbar-edge-color' | '--gog-progressbar-edge-width' | '--gog-progressbar-fill-bg' | '--gog-progressbar-height' | '--gog-progressbar-indeterminate-duration' | '--gog-progressbar-indeterminate-easing' | '--gog-progressbar-info-bg' | '--gog-progressbar-info-buffer-bg' | '--gog-progressbar-lg-height' | '--gog-progressbar-md-height' | '--gog-progressbar-radius' | '--gog-progressbar-slg-height' | '--gog-progressbar-sm-height' | '--gog-progressbar-stripe-color' | '--gog-progressbar-stripe-size' | '--gog-progressbar-success-bg' | '--gog-progressbar-success-buffer-bg' | '--gog-progressbar-track-base-bg' | '--gog-progressbar-track-bg' | '--gog-progressbar-transition-duration' | '--gog-progressbar-value-color' | '--gog-progressbar-value-font-family' | '--gog-progressbar-value-font-size' | '--gog-progressbar-value-gap' | '--gog-progressbar-value-line-height' | '--gog-progressbar-value-min-width' | '--gog-progressbar-warning-bg' | '--gog-progressbar-warning-buffer-bg' | '--gog-progressbar-xsm-height' | '--gog-radio-bg' | '--gog-radio-border-color' | '--gog-radio-border-style' | '--gog-radio-border-width' | '--gog-radio-box-size' | '--gog-radio-checked-bg' | '--gog-radio-checked-border' | '--gog-radio-disabled-opacity' | '--gog-radio-dot-color' | '--gog-radio-dot-size-ratio' | '--gog-radio-error-color' | '--gog-radio-error-font-size' | '--gog-radio-error-line-height' | '--gog-radio-focus-ring' | '--gog-radio-focus-ring-offset' | '--gog-radio-focus-ring-width' | '--gog-radio-font-family' | '--gog-radio-gap' | '--gog-radio-group-gap' | '--gog-radio-group-label-color' | '--gog-radio-group-label-size' | '--gog-radio-group-option-gap' | '--gog-radio-group-option-gap-horizontal' | '--gog-radio-label-color' | '--gog-radio-label-line-height' | '--gog-radio-label-size' | '--gog-radio-padding' | '--gog-radio-transition-duration' | '--gog-radius' | '--gog-ripple-color' | '--gog-ripple-easing' | '--gog-ripple-enter-duration' | '--gog-ripple-exit-duration' | '--gog-ripple-opacity' | '--gog-scroll-corner-bg' | '--gog-scroll-fade-duration' | '--gog-scroll-focus-ring' | '--gog-scroll-focus-ring-width' | '--gog-scroll-normal-thumb-hit-padding' | '--gog-scroll-normal-thumb-min-size' | '--gog-scroll-normal-track-width' | '--gog-scroll-thin-thumb-hit-padding' | '--gog-scroll-thin-thumb-min-size' | '--gog-scroll-thin-track-width' | '--gog-scroll-thumb-active-bg' | '--gog-scroll-thumb-bg' | '--gog-scroll-thumb-hover-bg' | '--gog-scroll-thumb-inset' | '--gog-scroll-thumb-radius' | '--gog-scroll-track-bg' | '--gog-scroll-track-radius' | '--gog-secondary-color' | '--gog-select-chevron-color' | '--gog-select-chevron-icon-ratio' | '--gog-select-chevron-inset' | '--gog-select-clear-color' | '--gog-select-clear-gap' | '--gog-select-clear-hover-color' | '--gog-select-clear-icon-ratio' | '--gog-select-clear-line-height' | '--gog-select-clear-radius' | '--gog-select-control-font' | '--gog-select-control-gap' | '--gog-select-control-padding-x' | '--gog-select-control-padding-y' | '--gog-select-disabled-opacity' | '--gog-select-error-color' | '--gog-select-error-font-size' | '--gog-select-error-line-height' | '--gog-select-field-bg' | '--gog-select-field-border' | '--gog-select-field-border-style' | '--gog-select-field-border-width' | '--gog-select-field-color' | '--gog-select-filter-border-color' | '--gog-select-filter-border-style' | '--gog-select-filter-border-width' | '--gog-select-filter-empty-color' | '--gog-select-filter-empty-padding' | '--gog-select-filter-input-bg' | '--gog-select-filter-input-border' | '--gog-select-filter-input-color' | '--gog-select-filter-input-padding-x' | '--gog-select-filter-input-padding-y' | '--gog-select-filter-input-radius' | '--gog-select-filter-padding' | '--gog-select-float-label-in-top' | '--gog-select-float-label-on-bg' | '--gog-select-float-label-over-gap' | '--gog-select-float-label-over-reserve' | '--gog-select-float-label-reserve' | '--gog-select-focus-border' | '--gog-select-focus-glow' | '--gog-select-focus-ring' | '--gog-select-focus-ring-offset' | '--gog-select-focus-ring-width' | '--gog-select-font-family' | '--gog-select-gap' | '--gog-select-label-color' | '--gog-select-label-font-family' | '--gog-select-label-font-size' | '--gog-select-label-letter-spacing' | '--gog-select-label-line-height' | '--gog-select-label-text-transform' | '--gog-select-mark-icon-ratio' | '--gog-select-mark-size-ratio' | '--gog-select-min-width' | '--gog-select-option-color' | '--gog-select-option-disabled-opacity' | '--gog-select-option-gap' | '--gog-select-option-height' | '--gog-select-option-hover-bg' | '--gog-select-option-press-bg' | '--gog-select-option-radius' | '--gog-select-option-selected-color' | '--gog-select-option-transition-duration' | '--gog-select-options-padding' | '--gog-select-panel-bg' | '--gog-select-panel-max-height' | '--gog-select-panel-max-width' | '--gog-select-panel-offset' | '--gog-select-panel-radius' | '--gog-select-panel-shadow' | '--gog-select-placeholder-color' | '--gog-select-radius' | '--gog-select-transition-duration' | '--gog-skeleton-base' | '--gog-skeleton-circle-size-lg' | '--gog-skeleton-circle-size-md' | '--gog-skeleton-circle-size-slg' | '--gog-skeleton-circle-size-sm' | '--gog-skeleton-circle-size-xsm' | '--gog-skeleton-line-gap' | '--gog-skeleton-line-height-lg' | '--gog-skeleton-line-height-md' | '--gog-skeleton-line-height-slg' | '--gog-skeleton-line-height-sm' | '--gog-skeleton-line-height-xsm' | '--gog-skeleton-line-radius' | '--gog-skeleton-pulse-duration' | '--gog-skeleton-pulse-min-opacity' | '--gog-skeleton-radius' | '--gog-skeleton-rect-height-lg' | '--gog-skeleton-rect-height-md' | '--gog-skeleton-rect-height-slg' | '--gog-skeleton-rect-height-sm' | '--gog-skeleton-rect-height-xsm' | '--gog-skeleton-shine' | '--gog-skeleton-short-line-width' | '--gog-skeleton-square-radius' | '--gog-skeleton-wave-duration' | '--gog-slider-auto-width' | '--gog-slider-disabled-opacity' | '--gog-slider-error-color' | '--gog-slider-error-font-family' | '--gog-slider-error-font-size' | '--gog-slider-error-line-height' | '--gog-slider-fill-bg' | '--gog-slider-focus-ring' | '--gog-slider-focus-ring-width' | '--gog-slider-gap' | '--gog-slider-label-color' | '--gog-slider-label-font-family' | '--gog-slider-label-font-size' | '--gog-slider-label-letter-spacing' | '--gog-slider-label-line-height' | '--gog-slider-label-text-transform' | '--gog-slider-range-color' | '--gog-slider-range-font-size' | '--gog-slider-range-line-height' | '--gog-slider-thumb-bg' | '--gog-slider-thumb-border' | '--gog-slider-thumb-border-width' | '--gog-slider-thumb-glow-size' | '--gog-slider-thumb-radius' | '--gog-slider-thumb-shadow' | '--gog-slider-thumb-size' | '--gog-slider-track-area-height' | '--gog-slider-track-bg' | '--gog-slider-track-border-color' | '--gog-slider-track-border-style' | '--gog-slider-track-border-width' | '--gog-slider-track-height' | '--gog-slider-track-radius' | '--gog-slider-value-color' | '--gog-slider-value-font-family' | '--gog-slider-value-font-size' | '--gog-slider-value-line-height' | '--gog-slider-value-min-width' | '--gog-slider-vertical-length' | '--gog-space-12' | '--gog-space-16' | '--gog-space-20' | '--gog-space-24' | '--gog-space-28' | '--gog-space-2xl' | '--gog-space-32' | '--gog-space-4' | '--gog-space-40' | '--gog-space-48' | '--gog-space-8' | '--gog-space-lg' | '--gog-space-md' | '--gog-space-sm' | '--gog-space-xs' | '--gog-spinner-arc-inner-color' | '--gog-spinner-arc-inner-dash' | '--gog-spinner-arc-inner-glow' | '--gog-spinner-arc-inner-opacity' | '--gog-spinner-arc-inner-pulse-opacity' | '--gog-spinner-arc-inner-stroke-compact' | '--gog-spinner-arc-outer-color' | '--gog-spinner-arc-outer-dash' | '--gog-spinner-arc-outer-glow' | '--gog-spinner-arc-outer-pulse-opacity' | '--gog-spinner-diamond-color' | '--gog-spinner-diamond-glow' | '--gog-spinner-diamond-opacity' | '--gog-spinner-glow-color' | '--gog-spinner-overlay-bg' | '--gog-spinner-overlay-blur' | '--gog-spinner-overlay-fade-duration' | '--gog-spinner-overlay-z' | '--gog-spinner-pulse-duration' | '--gog-spinner-ring-duration' | '--gog-spinner-ring-glow' | '--gog-spinner-ring-padding' | '--gog-spinner-rune-color' | '--gog-spinner-rune-font-family' | '--gog-spinner-rune-glow' | '--gog-spinner-rune-pulse-opacity' | '--gog-spinner-rune-size' | '--gog-spinner-size-lg' | '--gog-spinner-size-md' | '--gog-spinner-size-slg' | '--gog-spinner-size-sm' | '--gog-spinner-size-xsm' | '--gog-spinner-spin-duration' | '--gog-spinner-spin-slow-duration' | '--gog-spinner-ticks-duration' | '--gog-spinner-track-color' | '--gog-spinner-track-opacity' | '--gog-success-color' | '--gog-success-shade' | '--gog-success-text-color' | '--gog-surface-color' | '--gog-table-accent-bright' | '--gog-table-accent-color' | '--gog-table-border-color' | '--gog-table-border-style' | '--gog-table-border-width' | '--gog-table-empty-font-size' | '--gog-table-empty-line-height' | '--gog-table-empty-padding' | '--gog-table-focus-ring' | '--gog-table-focus-ring-width' | '--gog-table-font-family' | '--gog-table-footer-gap' | '--gog-table-footer-min-height' | '--gog-table-gap' | '--gog-table-header-bg' | '--gog-table-header-font-family' | '--gog-table-header-letter-spacing' | '--gog-table-header-text-transform' | '--gog-table-hover-bg' | '--gog-table-lg-padding-v' | '--gog-table-lg-td-font-size' | '--gog-table-lg-th-font-size' | '--gog-table-loading-opacity' | '--gog-table-loading-padding' | '--gog-table-md-padding-v' | '--gog-table-md-td-font-size' | '--gog-table-md-th-font-size' | '--gog-table-muted-color' | '--gog-table-num-col-width' | '--gog-table-num-font-size' | '--gog-table-num-line-height' | '--gog-table-numeric-font-family' | '--gog-table-padding-h' | '--gog-table-row-border-width' | '--gog-table-row-transition-duration' | '--gog-table-select-col-width' | '--gog-table-selected-bg' | '--gog-table-slg-padding-v' | '--gog-table-slg-td-font-size' | '--gog-table-slg-th-font-size' | '--gog-table-sm-padding-v' | '--gog-table-sm-td-font-size' | '--gog-table-sm-th-font-size' | '--gog-table-sort-icon-opacity' | '--gog-table-sort-icon-size' | '--gog-table-sort-icon-width' | '--gog-table-surface' | '--gog-table-td-font-size' | '--gog-table-td-line-height' | '--gog-table-td-padding-v' | '--gog-table-text-color' | '--gog-table-th-font-size' | '--gog-table-th-inner-gap' | '--gog-table-th-line-height' | '--gog-table-th-padding-v' | '--gog-table-total-font-size' | '--gog-table-total-letter-spacing' | '--gog-table-total-line-height' | '--gog-table-total-text-transform' | '--gog-table-xsm-padding-v' | '--gog-table-xsm-td-font-size' | '--gog-table-xsm-th-font-size' | '--gog-tabs-active-color' | '--gog-tabs-disabled-opacity' | '--gog-tabs-focus-ring-color' | '--gog-tabs-focus-ring-offset' | '--gog-tabs-focus-ring-width' | '--gog-tabs-font-family' | '--gog-tabs-font-weight' | '--gog-tabs-gap' | '--gog-tabs-header-border-color' | '--gog-tabs-header-border-style' | '--gog-tabs-header-border-width' | '--gog-tabs-hover-color' | '--gog-tabs-icon-size' | '--gog-tabs-indicator-color' | '--gog-tabs-indicator-radius' | '--gog-tabs-indicator-thickness' | '--gog-tabs-letter-spacing' | '--gog-tabs-lg-font-size' | '--gog-tabs-lg-padding' | '--gog-tabs-line-height' | '--gog-tabs-md-font-size' | '--gog-tabs-md-padding' | '--gog-tabs-panel-color' | '--gog-tabs-panel-padding' | '--gog-tabs-press-bg' | '--gog-tabs-press-color' | '--gog-tabs-rest-bg' | '--gog-tabs-rest-color' | '--gog-tabs-slg-font-size' | '--gog-tabs-slg-padding' | '--gog-tabs-sm-font-size' | '--gog-tabs-sm-padding' | '--gog-tabs-tab-bg' | '--gog-tabs-tab-color' | '--gog-tabs-tab-font-size' | '--gog-tabs-tab-gap' | '--gog-tabs-tab-padding' | '--gog-tabs-text-transform' | '--gog-tabs-transition-duration' | '--gog-tabs-xsm-font-size' | '--gog-tabs-xsm-padding' | '--gog-tag-accent' | '--gog-tag-bg' | '--gog-tag-bg-base' | '--gog-tag-bg-mix' | '--gog-tag-border' | '--gog-tag-border-style' | '--gog-tag-border-width' | '--gog-tag-color' | '--gog-tag-color-base' | '--gog-tag-color-mix' | '--gog-tag-danger-color' | '--gog-tag-default-color' | '--gog-tag-font-family' | '--gog-tag-font-size' | '--gog-tag-font-weight' | '--gog-tag-gap' | '--gog-tag-icon-size' | '--gog-tag-info-color' | '--gog-tag-inner-border-width' | '--gog-tag-lg-font-size' | '--gog-tag-lg-gap' | '--gog-tag-lg-icon-size' | '--gog-tag-lg-padding-block' | '--gog-tag-lg-padding-inline' | '--gog-tag-line-height' | '--gog-tag-md-font-size' | '--gog-tag-md-gap' | '--gog-tag-md-icon-size' | '--gog-tag-md-padding-block' | '--gog-tag-md-padding-inline' | '--gog-tag-padding-block' | '--gog-tag-padding-inline' | '--gog-tag-pill-radius' | '--gog-tag-radius' | '--gog-tag-slg-font-size' | '--gog-tag-slg-gap' | '--gog-tag-slg-icon-size' | '--gog-tag-slg-padding-block' | '--gog-tag-slg-padding-inline' | '--gog-tag-sm-font-size' | '--gog-tag-sm-gap' | '--gog-tag-sm-icon-size' | '--gog-tag-sm-padding-block' | '--gog-tag-sm-padding-inline' | '--gog-tag-success-color' | '--gog-tag-warning-color' | '--gog-tag-xsm-font-size' | '--gog-tag-xsm-gap' | '--gog-tag-xsm-icon-size' | '--gog-tag-xsm-padding-block' | '--gog-tag-xsm-padding-inline' | '--gog-text-2xl' | '--gog-text-2xs' | '--gog-text-3xl' | '--gog-text-color' | '--gog-text-lg' | '--gog-text-md' | '--gog-text-slg' | '--gog-text-sm' | '--gog-text-transform' | '--gog-text-xl' | '--gog-text-xs' | '--gog-textarea-clear-icon-ratio' | '--gog-textarea-line-height' | '--gog-textarea-resize-grip-color' | '--gog-textarea-resize-grip-offset' | '--gog-textarea-resize-grip-opacity' | '--gog-textarea-resize-grip-size' | '--gog-textarea-resize-grip-stripe-gap' | '--gog-textarea-resize-grip-stripe-width' | '--gog-textarea-resize-inset-bottom' | '--gog-textarea-resize-inset-right' | '--gog-textarea-scrollbar-width' | '--gog-toast-accent-width' | '--gog-toast-action-font-size' | '--gog-toast-action-line-height' | '--gog-toast-action-padding' | '--gog-toast-actions-gap' | '--gog-toast-base-z' | '--gog-toast-bg' | '--gog-toast-border' | '--gog-toast-close-font-size' | '--gog-toast-close-line-height' | '--gog-toast-close-padding' | '--gog-toast-color' | '--gog-toast-content-gap' | '--gog-toast-enter-distance' | '--gog-toast-error-color' | '--gog-toast-font-family' | '--gog-toast-gap' | '--gog-toast-icon-color' | '--gog-toast-icon-line-height' | '--gog-toast-icon-size' | '--gog-toast-info-color' | '--gog-toast-main-gap' | '--gog-toast-max-width' | '--gog-toast-message-font-size' | '--gog-toast-message-line-height' | '--gog-toast-min-width' | '--gog-toast-padding' | '--gog-toast-progress-height' | '--gog-toast-progress-opacity' | '--gog-toast-radius' | '--gog-toast-shadow' | '--gog-toast-stack-expanded-gap' | '--gog-toast-stack-max-depth' | '--gog-toast-stack-min-opacity' | '--gog-toast-stack-opacity-step' | '--gog-toast-stack-padding' | '--gog-toast-stack-peek' | '--gog-toast-stack-scale-step' | '--gog-toast-success-color' | '--gog-toast-transition-duration' | '--gog-toast-warning-color' | '--gog-toast-z-index' | '--gog-toggle-border-color' | '--gog-toggle-border-style' | '--gog-toggle-border-width' | '--gog-toggle-disabled-opacity' | '--gog-toggle-focus-ring-color' | '--gog-toggle-focus-ring-offset' | '--gog-toggle-focus-ring-width' | '--gog-toggle-font-family' | '--gog-toggle-gap' | '--gog-toggle-label-color' | '--gog-toggle-label-line-height' | '--gog-toggle-lg-label-size' | '--gog-toggle-lg-state-font-size' | '--gog-toggle-lg-thumb-size' | '--gog-toggle-lg-track-height' | '--gog-toggle-lg-track-width' | '--gog-toggle-md-label-size' | '--gog-toggle-md-state-font-size' | '--gog-toggle-md-thumb-size' | '--gog-toggle-md-track-height' | '--gog-toggle-md-track-width' | '--gog-toggle-on-border-color' | '--gog-toggle-padding' | '--gog-toggle-radius' | '--gog-toggle-slg-label-size' | '--gog-toggle-slg-state-font-size' | '--gog-toggle-slg-thumb-size' | '--gog-toggle-slg-track-height' | '--gog-toggle-slg-track-width' | '--gog-toggle-sm-label-size' | '--gog-toggle-sm-state-font-size' | '--gog-toggle-sm-thumb-size' | '--gog-toggle-sm-track-height' | '--gog-toggle-sm-track-width' | '--gog-toggle-state-color' | '--gog-toggle-state-font-weight' | '--gog-toggle-state-letter-spacing' | '--gog-toggle-state-line-height' | '--gog-toggle-state-offset' | '--gog-toggle-state-padding-inline' | '--gog-toggle-state-thumb-gap' | '--gog-toggle-thumb-bg' | '--gog-toggle-thumb-inset' | '--gog-toggle-thumb-off-bg' | '--gog-toggle-thumb-on-bg' | '--gog-toggle-thumb-shadow' | '--gog-toggle-track-bg' | '--gog-toggle-track-off-bg' | '--gog-toggle-track-on-bg' | '--gog-toggle-transition-duration' | '--gog-toggle-xsm-label-size' | '--gog-toggle-xsm-state-font-size' | '--gog-toggle-xsm-thumb-size' | '--gog-toggle-xsm-track-height' | '--gog-toggle-xsm-track-width' | '--gog-tooltip-arrow-size' | '--gog-tooltip-bg' | '--gog-tooltip-border-color' | '--gog-tooltip-border-style' | '--gog-tooltip-border-width' | '--gog-tooltip-color' | '--gog-tooltip-font-family' | '--gog-tooltip-font-size' | '--gog-tooltip-gap' | '--gog-tooltip-line-height' | '--gog-tooltip-max-height' | '--gog-tooltip-max-width' | '--gog-tooltip-padding' | '--gog-tooltip-radius' | '--gog-tooltip-shadow' | '--gog-tooltip-transition-duration' | '--gog-tooltip-z' | '--gog-warning-color' | '--gog-warning-shade' | '--gog-warning-text-color' | '--gog-z-base';
-/** Which of the three layers a token belongs to — see the README's theming section. */
-type GogTokenLayer = 'foundation' | 'component' | 'instance';
-interface GogTokenGroup {
-    /** The `── Section ──` heading the token sits under in theme.css. */
-    readonly section: string;
-    readonly layer: GogTokenLayer;
-    readonly tokens: readonly GogTokenName[];
-}
-/**
- * The token catalogue, grouped as theme.css groups it. Exported so a theme editor or docs page
- * can enumerate the real tokens instead of keeping a hand-copied list that drifts.
- */
-declare const GOG_TOKEN_GROUPS: readonly GogTokenGroup[];
-
-/**
- * Icons an app has registered, keyed by the name `gog-icon` will be asked for. Resolves to `{}`
- * — only the built-ins are available — until a `provideGogIcons(...)` call fills it in.
- *
- * Values are raw `<svg>` markup, injected with `bypassSecurityTrustHtml` exactly like the
- * built-ins. See `provideGogIcons` for what that means for you.
- */
-declare const GOG_ICONS: InjectionToken<Readonly<Record<string, string>>>;
-/**
- * Registers icons by name, so `<gog-icon name="cart" />` works for glyphs the library does not
- * ship. This is the supported way to use your own icon set: the alternative — a `TemplateRef`
- * per instance through the `template` input — costs a `<ng-template>` at every use site and is
- * meant for one-offs, not for an icon set.
- *
- * ```ts
- * // app.config.ts
- * providers: [
- *   provideGogIcons({
- *     cart: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">…</svg>',
- *     user: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">…</svg>',
- *   }),
- * ]
- * ```
- *
- * **A registered name overrides a built-in of the same name**, which is how you swap the
- * library's checkmark or chevron for your own without touching every component that renders one.
- *
- * **Providing this again further down the injector tree layers onto the parent's set** rather
- * than replacing it, matching `provideGogConfig`: a lazy feature can register the three icons
- * only it uses, and the app-wide set stays available inside it.
- *
- * ## What to put in the SVG
- *
- * Use `stroke="currentColor"` (or `fill="currentColor"`) and a `viewBox`, and leave the sizing
- * alone — `gog-icon`'s stylesheet drives width, height and stroke width from the
- * `--gog-icon-*` tokens, so an icon inherits size and colour from wherever it is used, the same
- * as a built-in.
- *
- * ## Security
- *
- * The markup is inserted with `DomSanitizer.bypassSecurityTrustHtml`, because Angular's HTML
- * sanitizer strips SVG and would leave you with nothing. That is safe for what this is for —
- * static icon markup you wrote or imported at build time — and unsafe for anything derived from
- * user input or fetched at runtime. **Never build a registered icon string from data you did
- * not author.** If you need remote icons, fetch them yourself, sanitize them with a real SVG
- * sanitizer, and register the result.
- */
-declare function provideGogIcons(icons: Readonly<Record<string, string>>): Provider;
-
-export { AccordionComponent, AutocompleteComponent, ButtonComponent, ButtonToggleGroupComponent, CalendarComponent, CardComponent, CheckboxComponent, ChipComponent, CollapsibleComponent, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DialogComponent, DialogService, DividerComponent, GOG_CONFIG, GOG_DEPRECATIONS, GOG_ICONS, GOG_TABS_STATE, GOG_TOKEN_GROUPS, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogBadgeDirective, GogButtonDirective, GogButtonToggleOptionDirective, GogCardFooterDirective, GogCardHeaderDirective, GogCardLinkDirective, GogCardMediaDirective, GogCheckboxIconDirective, GogCollapsibleContentDirective, GogCollapsibleTriggerDirective, GogColumn, GogColumnBodyDirective, GogColumnHeaderDirective, GogDropdownBase, GogDropdownChevronDirective, GogDropdownOptionDirective, GogFloatLabelState, GogInputAddonEndDirective, GogInputAddonStartDirective, GogMenuItemDirective, GogMenuTriggerDirective, GogMultiselectClearIconDirective, GogPanelFooterDirective, GogPanelHeaderDirective, GogRippleDirective, GogTabContentDirective, GogTabHeaderDirective, GogTagIconDirective, GogTooltipDirective, ICON_DEFS, IconComponent, InputfieldComponent, MenuComponent, MultiselectComponent, PaginatorComponent, PanelComponent, ProgressbarComponent, RadioGroupComponent, ScrollComponent, SelectComponent, SkeletonComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TabComponent, TableComponent, TabsComponent, TagComponent, TextareaComponent, ThemeService, ToastComponent, ToastContainerComponent, ToastService, ToggleComponent, addDays, addMonths, addYears, buildMonthGrid, clampDate, copyTimeOnto, daysInMonth, defaultCompare, formatDate, getByPath, isAfterDay, isBeforeDay, isInRange, isSameDay, isSameMonth, isSameOptionValue, isWithinBounds, localeFirstDayOfWeek, monthNames, parseDate, provideGogConfig, provideGogIcons, readOption, resolveConfigured, startOfDay, weekdayNames, withTime };
-export type { ConfirmDialogData, DialogConfig, DialogHandle, DialogRef, GogAccordionChevronContext, GogAccordionHeaderContext, GogAccordionItem, GogAccordionToggleEvent, GogAriaHasPopup, GogBadgePosition, GogBuiltinIconName, GogButtonToggleAppearance, GogButtonToggleOptionContext, GogCalendarDay, GogColumnBodyContext, GogColumnHeaderContext, GogDateRange, GogDateSelectionMode, GogDatepickerValue, GogDeprecation, GogDeprecationKind, GogDividerVariant, GogDropdownDirection, GogDropdownFilterPosition, GogDropdownOption, GogDropdownOptionContext, GogFloatLabelVariant, GogGlobalConfig, GogHourFormat, GogIconName, GogInputMode, GogInputType, GogOptionAccessor, GogOrientation, GogPaginatorRangeMode, GogProgressbarMode, GogProgressbarVariant, GogRadioOption, GogScrollAxis, GogScrollMetrics, GogScrollOverscrollBehavior, GogScrollSize, GogSeverity, GogSize, GogSkeletonAnimation, GogSkeletonShape, GogSliderOrientation, GogSliderRange, GogSpinnerVariant, GogSurfaceVariant, GogTabHeaderContext, GogTableRowClickEvent, GogTableSelectionMode, GogTableSortEvent, GogTabsAlign, GogTabsState, GogTagShape, GogTagVariant, GogTextareaResize, GogTokenGroup, GogTokenLayer, GogTokenName, GogTooltipPosition, GogTooltipSide, GogVariant, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastPosition, ToastType };
+export { AccordionComponent, AlertComponent, AutocompleteComponent, ButtonComponent, ButtonToggleGroupComponent, CalendarComponent, CardComponent, CheckboxComponent, ChipComponent, CollapsibleComponent, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DialogComponent, DialogService, DividerComponent, GOG_TABS_STATE, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogAlertIconDirective, GogBadgeDirective, GogButtonDirective, GogButtonToggleOptionDirective, GogCardFooterDirective, GogCardHeaderDirective, GogCardLinkDirective, GogCardMediaDirective, GogCheckboxIconDirective, GogCollapsibleContentDirective, GogCollapsibleTriggerDirective, GogColumn, GogColumnBodyDirective, GogColumnHeaderDirective, GogInputAddonEndDirective, GogInputAddonStartDirective, GogMenuItemDirective, GogMenuTriggerDirective, GogMultiselectClearIconDirective, GogPanelFooterDirective, GogPanelHeaderDirective, GogRippleDirective, GogTabContentDirective, GogTabHeaderDirective, GogTagIconDirective, GogTooltipDirective, IconComponent, InputfieldComponent, MenuComponent, MultiselectComponent, PaginatorComponent, PanelComponent, ProgressbarComponent, RadioGroupComponent, ScrollComponent, SelectComponent, SkeletonComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TabComponent, TableComponent, TabsComponent, TagComponent, TextareaComponent, ThemeService, ToastComponent, ToastContainerComponent, ToastService, ToggleComponent, defaultCompare };
+export type { ConfirmDialogData, DialogConfig, DialogHandle, DialogRef, GogAccordionChevronContext, GogAccordionHeaderContext, GogAccordionItem, GogAccordionToggleEvent, GogButtonToggleOptionContext, GogCalendarDay, GogColumnBodyContext, GogColumnHeaderContext, GogDatepickerValue, GogRadioOption, GogScrollMetrics, GogTabHeaderContext, GogTableRowClickEvent, GogTableSelectionMode, GogTableSortEvent, GogTabsState, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastType };