@guildofgleks/ui 21.3.1 → 21.4.0

package/types/guildofgleks-ui.d.ts

@@ -1,8 +1,8 @@
 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 { ControlValueAccessor } from '@angular/forms';
 import * as _angular_platform_browser from '@angular/platform-browser';
-import * as _guildofgleks_ui from '@guildofgleks/ui';
 
 type GogSize = 'xsm' | 'sm' | 'md' | 'lg' | 'slg';
 type GogVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
@@ -19,6 +19,11 @@ 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';
 /**
@@ -87,6 +92,21 @@ type GogDateSelectionMode = 'single' | 'range';
 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>;
@@ -136,6 +156,68 @@ declare class ButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "gog-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "gogClick": "gogClick"; }, never, ["*"], true, never>;
 }
 
+/**
+ * Makes a consumer's own `<a>` or `<button>` look like a `gog-button`.
+ *
+ * ```html
+ * <a gogButton routerLink="/pricing">See pricing</a>
+ * <a gogButton variant="ghost" href="https://example.com" target="_blank" rel="noreferrer">Docs</a>
+ * <button gogButton variant="outline" size="sm" type="submit">Save</button>
+ * ```
+ *
+ * ## Why this exists next to `gog-button`
+ *
+ * `gog-button` renders its own `<button>`, so it can never *be* a link — and making it one would
+ * mean brokering the router's entire input surface (`routerLink`, `routerLinkActive`,
+ * `queryParams`, `fragment`, `state`, …) through a component that would then have to depend on
+ * `@angular/router`. This package has four peer dependencies and no router, and a navigation
+ * button is not worth a fifth.
+ *
+ * Inverting it costs nothing: the consumer keeps their own element, so `routerLink`, `href`,
+ * `target`, `download`, `type="submit"`, `disabled` and every future directive keep working
+ * because they were never taken away. This is the "headless primitive" axis of
+ * `api-design.instructions.md` — expose the behaviour, not another input.
+ *
+ * ## Which to use
+ *
+ * Use `gog-button` for a button that *does* something in the page — it adds `loading` with a
+ * centred spinner, `debounce` click throttling and the `gogClick` output, none of which a bare
+ * element can provide. Use `[gogButton]` when the element must be a link, or when you need to
+ * keep directives of your own on it.
+ *
+ * ## Accessibility
+ *
+ * The element stays yours, so its semantics stay correct by construction: a link is a link and a
+ * button is a button. Two things this deliberately does **not** do:
+ *
+ * - It does not add `disabled` handling to an `<a>`. There is no such thing — a disabled link is
+ *   just a link. Remove the `href` or render a real `<button>`.
+ * - It does not fake a loading state. `gog-button`'s spinner is a projected child; a directive
+ *   cannot add one without taking over the element's content.
+ */
+declare class GogButtonDirective {
+    readonly variant: _angular_core.InputSignal<GogVariant>;
+    /** Unset, falls back to `GOG_CONFIG.control.size`, then to `'md'` — as on `gog-button`. */
+    readonly size: _angular_core.InputSignal<GogSize | undefined>;
+    /**
+     * Stretches the element to its container's width. A bare attribute is enough:
+     * `<a gogButton fullWidth>`.
+     */
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly globalConfig;
+    private readonly resolvedSize;
+    protected readonly variantClass: _angular_core.Signal<string>;
+    /**
+     * Unlike `gog-button`, this emits a class for `'md'` too. The component can leave the default
+     * size unclassed because its own stylesheet bottoms out at `--gog-btn-md-*`; here the class is
+     * also what a consumer reads in devtools to see which size is applied, and a silently absent
+     * one reads as "no size resolved".
+     */
+    protected readonly sizeClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GogButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogButtonDirective, "a[gogButton], button[gogButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 interface GogAccordionItem {
     id: string | number;
     title: string;
@@ -200,7 +282,7 @@ declare class AccordionComponent {
      * Left unset by default since not every accordion instance represents document structure
      * (e.g. one nested inside a card).
      */
-    readonly headingLevel: _angular_core.InputSignal<2 | 3 | 4 | 5 | 6 | undefined>;
+    readonly headingLevel: _angular_core.InputSignal<2 | 5 | 3 | 4 | 6 | undefined>;
     /**
      * Two-way bindable set of currently open item ids. Exposed as a model so consumers
      * can drive the accordion externally (e.g. `[(openIds)]="mySet"`) instead of only
@@ -417,8 +499,13 @@ declare abstract class GogDropdownBase<TValue, TOption = GogDropdownOption> impl
      * `GOG_CONFIG.control.clearable`, then to the control's own default.
      */
     readonly clearable: _angular_core.InputSignal<boolean | undefined>;
-    /** Accessible name for the clear button. */
-    readonly clearAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * 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
@@ -540,7 +627,13 @@ declare abstract class GogDropdownBase<TValue, TOption = GogDropdownOption> impl
     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. */
+    /**
+     * 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;
@@ -548,7 +641,8 @@ declare abstract class GogDropdownBase<TValue, TOption = GogDropdownOption> impl
     private readonly appRef;
     private readonly destroyRef;
     private readonly ngControl;
-    private readonly globalConfig;
+    /** `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>;
@@ -909,17 +1003,39 @@ 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>;
 }
 
-type GogIconName = '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';
-declare const ICON_DEFS: Record<GogIconName, string>;
+/**
+ * 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>;
-    protected readonly iconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
+    /**
+     * 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>;
 }
@@ -1412,10 +1528,16 @@ declare class CalendarComponent {
      * or "public holidays" without the consumer materialising every date in range first.
      */
     readonly disabledDates: _angular_core.InputSignal<((date: Date) => boolean) | null>;
-    /** BCP-47 tag driving the month and weekday names. */
-    readonly locale: _angular_core.InputSignal<string>;
-    /** 0 = Sunday … 6 = Saturday. Unset, it comes from the locale. */
-    readonly firstDayOfWeek: _angular_core.InputSignal<number | null>;
+    /**
+     * BCP-47 tag driving the month and weekday names. Unset, falls back to
+     * `GOG_CONFIG.datepicker.locale`, then to `'en-US'`.
+     */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /**
+     * 0 = Sunday … 6 = Saturday. Unset, falls back to `GOG_CONFIG.datepicker.firstDayOfWeek`,
+     * then to the locale's own first day.
+     */
+    readonly firstDayOfWeek: _angular_core.InputSignal<number | null | undefined>;
     /** Which month to open on when there is no selection yet. */
     readonly defaultMonth: _angular_core.InputSignal<Date | null>;
     /** How many months to show side by side. Two is what makes a range picker usable. */
@@ -1440,15 +1562,40 @@ declare class CalendarComponent {
      */
     readonly showThisMonthButton: _angular_core.InputSignal<boolean>;
     readonly size: _angular_core.InputSignal<GogSize>;
-    readonly todayLabel: _angular_core.InputSignal<string>;
-    readonly thisMonthLabel: _angular_core.InputSignal<string>;
-    readonly previousMonthLabel: _angular_core.InputSignal<string>;
-    readonly nextMonthLabel: _angular_core.InputSignal<string>;
-    readonly previousYearLabel: _angular_core.InputSignal<string>;
-    readonly nextYearLabel: _angular_core.InputSignal<string>;
+    /**
+     * Navigation, shortcut and time-section labels. Each falls back to the matching
+     * `GOG_CONFIG.labels` field when unset, then to the built-in English default — an app
+     * translating the calendar sets them once rather than on every field.
+     */
+    readonly todayLabel: _angular_core.InputSignal<string | undefined>;
+    readonly thisMonthLabel: _angular_core.InputSignal<string | undefined>;
+    readonly previousMonthLabel: _angular_core.InputSignal<string | undefined>;
+    readonly nextMonthLabel: _angular_core.InputSignal<string | undefined>;
+    readonly previousYearLabel: _angular_core.InputSignal<string | undefined>;
+    readonly nextYearLabel: _angular_core.InputSignal<string | undefined>;
+    readonly hoursLabel: _angular_core.InputSignal<string | undefined>;
+    readonly minutesLabel: _angular_core.InputSignal<string | undefined>;
+    readonly secondsLabel: _angular_core.InputSignal<string | undefined>;
     /** Emitted when a selection is *complete* — a day in single mode, both ends of a range. */
     readonly gogDateSelect: _angular_core.OutputEmitterRef<GogDatepickerValue>;
     private readonly elRef;
+    private readonly globalConfig;
+    /**
+     * Every rendered string, resolved instance input → `GOG_CONFIG.labels` → built-in default.
+     * `gog-datepicker` forwards its own `todayLabel`/`thisMonthLabel` as `undefined` when unset
+     * precisely so this resolution happens here, once, rather than being pre-empted upstream.
+     */
+    protected readonly resolvedLabels: _angular_core.Signal<{
+        today: string;
+        thisMonth: string;
+        previousMonth: string;
+        nextMonth: string;
+        previousYear: string;
+        nextYear: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+    }>;
     /** First of the leftmost visible month. */
     private readonly viewMonth;
     /** The cell the keyboard is on, and the only one carrying `tabindex="0"`. */
@@ -1457,6 +1604,16 @@ declare class CalendarComponent {
     protected readonly hoverDate: _angular_core.WritableSignal<Date | null>;
     /** Whether a focus move should also pull the DOM focus over — only after a keypress. */
     private pendingFocus;
+    /**
+     * Instance input → `GOG_CONFIG.datepicker` → the built-in default.
+     *
+     * `gog-calendar` resolves these itself rather than relying on `gog-datepicker` to pass them
+     * down: it is exported and usable standalone, and `GOG_CONFIG.datepicker` has always been
+     * documented as applying to both. When it *is* rendered by `gog-datepicker`, that component
+     * passes its own already-resolved values, which win here — and resolve to the same thing,
+     * since both read the same config.
+     */
+    protected readonly resolvedLocale: _angular_core.Signal<string>;
     protected readonly resolvedFirstDayOfWeek: _angular_core.Signal<number>;
     protected readonly weekdays: _angular_core.Signal<string[]>;
     private readonly months;
@@ -1482,7 +1639,7 @@ declare class CalendarComponent {
     protected readonly seconds: _angular_core.Signal<number>;
     protected readonly isPm: _angular_core.Signal<boolean>;
     protected readonly maxHour: _angular_core.Signal<12 | 23>;
-    protected readonly minHour: _angular_core.Signal<0 | 1>;
+    protected readonly minHour: _angular_core.Signal<1 | 0>;
     constructor();
     /** Steps the view by whole months or years. */
     protected shiftView(months: number): void;
@@ -1521,7 +1678,7 @@ declare class CalendarComponent {
     private applyPendingFocus;
     protected isFocusedDay(date: Date): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "gog-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "defaultMonth": { "alias": "defaultMonth"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; "isSignal": true; }; "showThisMonthButton": { "alias": "showThisMonthButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "thisMonthLabel": { "alias": "thisMonthLabel"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; "previousYearLabel": { "alias": "previousYearLabel"; "required": false; "isSignal": true; }; "nextYearLabel": { "alias": "nextYearLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "gogDateSelect": "gogDateSelect"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "gog-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "defaultMonth": { "alias": "defaultMonth"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; "isSignal": true; }; "showThisMonthButton": { "alias": "showThisMonthButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "thisMonthLabel": { "alias": "thisMonthLabel"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; "previousYearLabel": { "alias": "previousYearLabel"; "required": false; "isSignal": true; }; "nextYearLabel": { "alias": "nextYearLabel"; "required": false; "isSignal": true; }; "hoursLabel": { "alias": "hoursLabel"; "required": false; "isSignal": true; }; "minutesLabel": { "alias": "minutesLabel"; "required": false; "isSignal": true; }; "secondsLabel": { "alias": "secondsLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "gogDateSelect": "gogDateSelect"; }, never, never, true, never>;
 }
 
 /**
@@ -1566,8 +1723,13 @@ declare class DatepickerComponent implements ControlValueAccessor, DoCheck {
      * selection alone. Off by default; see `gog-calendar` for why the two are separate controls.
      */
     readonly showThisMonthButton: _angular_core.InputSignal<boolean>;
-    readonly todayLabel: _angular_core.InputSignal<string>;
-    readonly thisMonthLabel: _angular_core.InputSignal<string>;
+    /**
+     * Forwarded to `gog-calendar`. Left unset they stay `undefined` all the way down, so the
+     * calendar resolves them against `GOG_CONFIG.labels` itself rather than receiving an English
+     * default from here that would shadow the app's own.
+     */
+    readonly todayLabel: _angular_core.InputSignal<string | undefined>;
+    readonly thisMonthLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * Display and parse pattern (`dd.MM.yyyy`, `yyyy-MM-dd`, …). Left unset it is derived from
      * `showTime`, so switching the time section on does not also require restating the format.
@@ -1588,7 +1750,8 @@ declare class DatepickerComponent implements ControlValueAccessor, DoCheck {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
     readonly clearable: _angular_core.InputSignal<boolean | undefined>;
-    readonly clearAriaLabel: _angular_core.InputSignal<string>;
+    /** Unset, falls back to `GOG_CONFIG.labels.clearDate`, then to `'Clear date'`. */
+    readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly errorMessage: _angular_core.InputSignal<string>;
     readonly errorDisplay: _angular_core.InputSignal<GogErrorDisplay | undefined>;
     readonly size: _angular_core.InputSignal<GogSize | undefined>;
@@ -1597,7 +1760,8 @@ declare class DatepickerComponent implements ControlValueAccessor, DoCheck {
     readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
     readonly dropdownDirection: _angular_core.InputSignal<GogDropdownDirection | undefined>;
     readonly dropdownZIndex: _angular_core.InputSignal<number | null>;
-    readonly openCalendarLabel: _angular_core.InputSignal<string>;
+    /** Unset, falls back to `GOG_CONFIG.labels.openCalendar`, then to `'Open calendar'`. */
+    readonly openCalendarLabel: _angular_core.InputSignal<string | undefined>;
     /** Two-way bindable value: a `Date` in `'single'` mode, a `GogDateRange` in `'range'`. */
     readonly value: _angular_core.ModelSignal<GogDatepickerValue>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
@@ -1624,6 +1788,9 @@ declare class DatepickerComponent implements ControlValueAccessor, DoCheck {
      */
     private readonly isEditing;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /** Instance input → `GOG_CONFIG.labels` → the built-in English default. */
+    protected readonly resolvedClearLabel: _angular_core.Signal<string>;
+    protected readonly resolvedOpenCalendarLabel: _angular_core.Signal<string>;
     protected readonly resolvedSize: _angular_core.Signal<GogSize>;
     protected readonly resolvedErrorDisplay: _angular_core.Signal<GogErrorDisplay>;
     protected readonly resolvedAppendToBody: _angular_core.Signal<boolean>;
@@ -1817,7 +1984,6 @@ interface GogRadioOption {
     disabled?: boolean;
 }
 declare class RadioGroupComponent implements ControlValueAccessor {
-    private static nextUid;
     protected readonly uid: string;
     readonly options: _angular_core.InputSignal<GogRadioOption[]>;
     readonly label: _angular_core.InputSignal<string>;
@@ -1917,6 +2083,11 @@ interface DialogConfig {
     maxWidth?: string;
     /** ARIA role for the dialog panel. Use 'alertdialog' for confirmation prompts. Default: 'dialog' */
     role?: 'dialog' | 'alertdialog';
+    /**
+     * Accessible name for the close button. Unset, falls back to `GOG_CONFIG.labels.closeDialog`,
+     * then to `'Close dialog'`.
+     */
+    closeAriaLabel?: string;
     /** z-index of the dialog backdrop. Dropdowns inside get zIndex+10. Default: 1000 */
     zIndex?: number;
 }
@@ -1953,6 +2124,7 @@ declare class DialogService {
 
 declare class DialogComponent {
     protected readonly dialogService: DialogService;
+    private readonly globalConfig;
     private readonly parentInjector;
     private readonly host;
     private readonly injectorCache;
@@ -1960,6 +2132,8 @@ declare class DialogComponent {
     private readonly focusableSelector;
     constructor();
     protected getInjector(dialog: OpenDialog): Injector;
+    /** Per-dialog config → `GOG_CONFIG.labels` → the built-in English default. */
+    protected closeLabel(dialog: OpenDialog): string;
     protected getTitleId(dialog: OpenDialog): string;
     protected close(dialog: OpenDialog): void;
     protected closeIfClosable(dialog: OpenDialog): void;
@@ -2049,9 +2223,13 @@ declare class ToastComponent implements OnDestroy {
     private remainingMs;
     private isClosing;
     private readonly progressEl;
+    private readonly globalConfig;
+    /**
+     * `GOG_CONFIG.labels` → the built-in English default. No per-instance input: a toast is
+     * created through `ToastService`, and its close button says the same thing every time.
+     */
+    protected readonly closeLabel: string;
     protected readonly hasActions: _angular_core.Signal<boolean>;
-    protected readonly ariaRole: _angular_core.Signal<"alert" | "status">;
-    protected readonly ariaLive: _angular_core.Signal<"assertive" | "polite">;
     constructor();
     ngOnDestroy(): void;
     close(): void;
@@ -2072,13 +2250,34 @@ declare class ToastComponent implements OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "gog-toast", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; "isFront": { "alias": "isFront"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
 }
 
+/** One line of a live region — see `announcements`. */
+interface ToastAnnouncement {
+    /** `id` alone is not enough: a deduped toast is re-shown under the same id, and re-announcing
+     * it is the point of `revision`. */
+    key: string;
+    message: string;
+}
 declare class ToastContainerComponent {
     private readonly toastService;
     readonly maxVisiblePerPosition: _angular_core.InputSignal<number>;
     readonly groups: _angular_core.Signal<{
         position: ToastPosition;
-        toasts: _guildofgleks_ui.Toast[];
+        toasts: Toast[];
     }[]>;
+    /**
+     * What the two permanently-mounted live regions in the template say right now, split by
+     * urgency. The regions themselves are always in the DOM — that is the whole point of putting
+     * them here rather than on `gog-toast`, whose host element only exists from the moment its
+     * text does, which is exactly the case screen readers miss.
+     *
+     * Derived from `groups()` rather than from the raw service state so that what is announced
+     * matches what is on screen: a toast queued beyond `maxVisiblePerPosition` is not visible yet
+     * and must not be read out yet either.
+     */
+    protected readonly announcements: _angular_core.Signal<{
+        polite: ToastAnnouncement[];
+        assertive: ToastAnnouncement[];
+    }>;
     protected trackGroup(_: number, group: {
         position: ToastPosition;
     }): ToastPosition;
@@ -2086,6 +2285,7 @@ declare class ToastContainerComponent {
     protected trackToast(_: number, toast: {
         id: string;
     }): string;
+    protected trackAnnouncement(_: number, announcement: ToastAnnouncement): string;
     protected dismiss(id: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "gog-toast-container", never, { "maxVisiblePerPosition": { "alias": "maxVisiblePerPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -2128,9 +2328,34 @@ declare class GogInputAddonEndDirective {
 declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
     readonly label: _angular_core.InputSignal<string>;
     readonly placeholder: _angular_core.InputSignal<string>;
-    readonly type: _angular_core.InputSignal<"number" | "text" | "password" | "email" | "date">;
+    /** See `GogInputType` for why this is a subset of the native `type` list. */
+    readonly type: _angular_core.InputSignal<GogInputType>;
     /** Defaults to 'current-password' for password fields, 'off' otherwise */
     readonly autocomplete: _angular_core.InputSignal<string>;
+    /**
+     * Native `readonly`: the value is still selectable, focusable and submitted with the form, but
+     * cannot be edited. Distinct from `disabled`, which also takes the field out of the tab order,
+     * greys it out and drops it from form submission.
+     *
+     * Suppresses the clear button and the number field's spin buttons for as long as it is on —
+     * both promise an edit the field would refuse.
+     */
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    /** Native `maxlength`. Unset (`null`), no limit is applied. */
+    readonly maxlength: _angular_core.InputSignal<number | null>;
+    /** Native `minlength`. Unset (`null`), no minimum is applied. */
+    readonly minlength: _angular_core.InputSignal<number | null>;
+    /** Native `pattern`, as a regular-expression source string. Unset (`''`), nothing is applied. */
+    readonly pattern: _angular_core.InputSignal<string>;
+    /**
+     * Native `inputmode` — see `GogInputMode`. Unset, the browser infers a keyboard from `type`.
+     */
+    readonly inputMode: _angular_core.InputSignal<GogInputMode | null>;
+    /**
+     * Native `spellcheck`. Unset (`null`), the browser's own default applies; set `false` on
+     * fields holding names, codes or identifiers, where the red underline is noise.
+     */
+    readonly spellcheck: _angular_core.InputSignal<boolean | null>;
     /** Only applied when `type="number"`. */
     readonly min: _angular_core.InputSignal<number | null>;
     /** Only applied when `type="number"`. */
@@ -2147,10 +2372,10 @@ declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
      * then to `true`.
      */
     readonly showSpinButtons: _angular_core.InputSignal<boolean | undefined>;
-    /** aria-label for the number field's increment button. */
-    readonly incrementLabel: _angular_core.InputSignal<string>;
-    /** aria-label for the number field's decrement button. */
-    readonly decrementLabel: _angular_core.InputSignal<string>;
+    /** aria-label for the number field's increment button. Unset, falls back to `GOG_CONFIG.labels.increment`. */
+    readonly incrementLabel: _angular_core.InputSignal<string | undefined>;
+    /** aria-label for the number field's decrement button. Unset, falls back to `GOG_CONFIG.labels.decrement`. */
+    readonly decrementLabel: _angular_core.InputSignal<string | undefined>;
     readonly errorMessage: _angular_core.InputSignal<string>;
     /**
      * See `GogErrorDisplay`. Unset, falls back to `GOG_CONFIG.control.errorDisplay`, then to
@@ -2158,6 +2383,12 @@ declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
      */
     readonly errorDisplay: _angular_core.InputSignal<GogErrorDisplay | undefined>;
     readonly name: _angular_core.InputSignal<string>;
+    /**
+     * The `<input>`'s `id`. Left unset, the field generates one — the label's `for` and the error
+     * message's `aria-describedby` both need a real id, and a field that is silently unlabelled
+     * without one is the wrong default. Set this only when something outside the component has to
+     * reference the input by a known id.
+     */
     readonly inputId: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** Unset, falls back to `GOG_CONFIG.control.size`, then to `'md'`. */
@@ -2197,17 +2428,17 @@ declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
      * @deprecated since 21.3.0 (2026-08-07) — project a `<button gogInputAddonEnd>` element instead. Removed in 21.5.0. Put `aria-label` on that button.
      */
     readonly iconEndLabel: _angular_core.InputSignal<string>;
-    /** aria-label for the reveal-password button, shown when `type` is `'password'` */
-    readonly showPasswordLabel: _angular_core.InputSignal<string>;
-    /** aria-label for the hide-password button, shown once the password is revealed */
-    readonly hidePasswordLabel: _angular_core.InputSignal<string>;
+    /** aria-label for the reveal-password button, shown when `type` is `'password'`. Unset, falls back to `GOG_CONFIG.labels.showPassword`. */
+    readonly showPasswordLabel: _angular_core.InputSignal<string | undefined>;
+    /** aria-label for the hide-password button, shown once the password is revealed. Unset, falls back to `GOG_CONFIG.labels.hidePassword`. */
+    readonly hidePasswordLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * Whether to offer a clear button once the field has text. Unset, falls back to
      * `GOG_CONFIG.control.clearable`, then to `false`.
      */
     readonly clearable: _angular_core.InputSignal<boolean | undefined>;
-    /** Accessible name for the clear button. */
-    readonly clearAriaLabel: _angular_core.InputSignal<string>;
+    /** Accessible name for the clear button. Unset, falls back to `GOG_CONFIG.labels.clear`. */
+    readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     /** 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`. */
@@ -2234,8 +2465,14 @@ declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
      * Empty for `'md'`: that is this component's default size and has no modifier rule of its own — every `gog-input-wrapper--*` chain bottoms out at it.
      */
     protected readonly sizeClass: _angular_core.Signal<string>;
+    /** Instance input → `GOG_CONFIG.labels` → the built-in English default. */
+    protected readonly resolvedClearLabel: _angular_core.Signal<string>;
+    protected readonly resolvedIncrementLabel: _angular_core.Signal<string>;
+    protected readonly resolvedDecrementLabel: _angular_core.Signal<string>;
     protected readonly resolvedShowSpinButtons: _angular_core.Signal<boolean>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /** Disabled and read-only both refuse edits; the affordances that offer one key off this. */
+    protected readonly isNotEditable: _angular_core.Signal<boolean>;
     protected readonly isPasswordField: _angular_core.Signal<boolean>;
     protected readonly isNumberField: _angular_core.Signal<boolean>;
     protected readonly hasSpinButtons: _angular_core.Signal<boolean>;
@@ -2243,14 +2480,30 @@ declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
     private readonly numericValue;
     protected readonly isAtMin: _angular_core.Signal<boolean>;
     protected readonly isAtMax: _angular_core.Signal<boolean>;
-    protected readonly effectiveType: _angular_core.Signal<"number" | "text" | "password" | "email" | "date">;
+    protected readonly effectiveType: _angular_core.Signal<GogInputType>;
     protected readonly effectiveAutocomplete: _angular_core.Signal<string>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly visibleError: _angular_core.Signal<string>;
+    /** Fallback id, generated once per instance — see `resolvedInputId`. */
+    private readonly autoId;
+    /** The consumer's `inputId` when given, otherwise the generated one. Never empty. */
+    protected readonly resolvedInputId: _angular_core.Signal<string>;
+    /**
+     * Only non-null while the error element is actually rendered — the template renders it on
+     * `visibleError()`, and an `aria-describedby` pointing at an id that isn't in the DOM is worse
+     * than none at all.
+     */
+    protected readonly errorId: _angular_core.Signal<string | null>;
     private readonly floatLabelState;
     private readonly clearableState;
     /** Whether to render the clear button right now — see `GogClearableState`. */
     protected readonly showClear: _angular_core.Signal<boolean>;
+    /**
+     * Both the stepper and the clear button are on screen — only possible on a `clearable`
+     * number field with a value. Drives `.gog-input-wrapper--spin-clear`, which widens the end
+     * gutter and shifts the clear button clear of the stepper; without it the two overlap.
+     */
+    protected readonly hasSpinAndClear: _angular_core.Signal<boolean>;
     protected readonly resolvedFloatLabel: _angular_core.Signal<GogFloatLabelVariant>;
     protected readonly isFloatLabelActive: _angular_core.Signal<boolean>;
     protected readonly isFloatLabelFloated: _angular_core.Signal<boolean>;
@@ -2284,12 +2537,19 @@ declare class InputfieldComponent implements ControlValueAccessor, DoCheck {
     onInput(event: Event): void;
     /** Increments (`direction: 1`) or decrements (`direction: -1`) by `step`, clamped to min/max. */
     protected stepValue(direction: 1 | -1): void;
-    /** Clears the field and notifies any attached form, then returns focus to the input. */
+    /**
+     * Clears the field and notifies any attached form.
+     *
+     * The value written to the form control has to match what `onInput` writes when the user
+     * empties the field by hand — `null` for a number field, `''` otherwise. Emitting `''` for a
+     * number field put a string into a control typed `number | null`, which then failed
+     * `Validators.min`-style checks and round-tripped the wrong type to the server.
+     */
     protected clearValue(event: Event): void;
     onFocus(): void;
     onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputfieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputfieldComponent, "gog-inputfield", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "iconStartTemplate": { "alias": "iconStartTemplate"; "required": false; "isSignal": true; }; "iconEndTemplate": { "alias": "iconEndTemplate"; "required": false; "isSignal": true; }; "iconStartFn": { "alias": "iconStartFn"; "required": false; "isSignal": true; }; "iconEndFn": { "alias": "iconEndFn"; "required": false; "isSignal": true; }; "iconStartLabel": { "alias": "iconStartLabel"; "required": false; "isSignal": true; }; "iconEndLabel": { "alias": "iconEndLabel"; "required": false; "isSignal": true; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatLabelShowPlaceholder": { "alias": "floatLabelShowPlaceholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["addonStart", "addonEnd"], ["[gogInputAddonStart]", "[gogInputAddonEnd]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputfieldComponent, "gog-inputfield", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "iconStartTemplate": { "alias": "iconStartTemplate"; "required": false; "isSignal": true; }; "iconEndTemplate": { "alias": "iconEndTemplate"; "required": false; "isSignal": true; }; "iconStartFn": { "alias": "iconStartFn"; "required": false; "isSignal": true; }; "iconEndFn": { "alias": "iconEndFn"; "required": false; "isSignal": true; }; "iconStartLabel": { "alias": "iconStartLabel"; "required": false; "isSignal": true; }; "iconEndLabel": { "alias": "iconEndLabel"; "required": false; "isSignal": true; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatLabelShowPlaceholder": { "alias": "floatLabelShowPlaceholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["addonStart", "addonEnd"], ["[gogInputAddonStart]", "[gogInputAddonEnd]"], true, never>;
 }
 
 declare class TextareaComponent implements ControlValueAccessor, DoCheck {
@@ -2302,12 +2562,27 @@ declare class TextareaComponent implements ControlValueAccessor, DoCheck {
      */
     readonly errorDisplay: _angular_core.InputSignal<GogErrorDisplay | undefined>;
     readonly name: _angular_core.InputSignal<string>;
+    /**
+     * The `<textarea>`'s `id`. Left unset, the field generates one — see
+     * `gog-inputfield`'s own `inputId` for why that is the default rather than an opt-in.
+     */
     readonly inputId: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Native `readonly` — see `gog-inputfield`'s own `readonly` for how it differs from
+     * `disabled`. Suppresses the clear button while on.
+     */
+    readonly readonly: _angular_core.InputSignal<boolean>;
     /** Unset, falls back to `GOG_CONFIG.control.size`, then to `'md'`. */
     readonly size: _angular_core.InputSignal<GogSize | undefined>;
     /** Native `rows` attribute, controlling the field's initial height. */
     readonly rows: _angular_core.InputSignal<number>;
+    /** Native `maxlength`. Unset (`null`), no limit is applied. */
+    readonly maxlength: _angular_core.InputSignal<number | null>;
+    /** Native `minlength`. Unset (`null`), no minimum is applied. */
+    readonly minlength: _angular_core.InputSignal<number | null>;
+    /** Native `spellcheck`. Unset (`null`), the browser's own default applies. */
+    readonly spellcheck: _angular_core.InputSignal<boolean | null>;
     /**
      * Which direction(s) the field's own drag handle resizes it in — matches the native CSS
      * `resize` value space (`'vertical'`, `'horizontal'`, `'both'`, `'none'`). Unset, falls back
@@ -2326,8 +2601,8 @@ declare class TextareaComponent implements ControlValueAccessor, DoCheck {
      * `GOG_CONFIG.control.clearable`, then to `false`.
      */
     readonly clearable: _angular_core.InputSignal<boolean | undefined>;
-    /** Accessible name for the clear button. */
-    readonly clearAriaLabel: _angular_core.InputSignal<string>;
+    /** Accessible name for the clear button. Unset, falls back to `GOG_CONFIG.labels.clear`. */
+    readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     /** 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`. */
@@ -2370,8 +2645,18 @@ declare class TextareaComponent implements ControlValueAccessor, DoCheck {
      */
     protected readonly sizeClass: _angular_core.Signal<string>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /** Disabled and read-only both refuse edits — see `gog-inputfield`. */
+    protected readonly isNotEditable: _angular_core.Signal<boolean>;
+    /** Instance input → `GOG_CONFIG.labels` → the built-in English default. */
+    protected readonly resolvedClearLabel: _angular_core.Signal<string>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly visibleError: _angular_core.Signal<string>;
+    /** Fallback id, generated once per instance — see `resolvedInputId`. */
+    private readonly autoId;
+    /** The consumer's `inputId` when given, otherwise the generated one. Never empty. */
+    protected readonly resolvedInputId: _angular_core.Signal<string>;
+    /** Non-null only while the error element is actually rendered — see `gog-inputfield`. */
+    protected readonly errorId: _angular_core.Signal<string | null>;
     private readonly floatLabelState;
     private readonly clearableState;
     /** Whether to render the clear button right now — see `GogClearableState`. */
@@ -2394,7 +2679,7 @@ declare class TextareaComponent implements ControlValueAccessor, DoCheck {
     onFocus(): void;
     onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "gog-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatLabelShowPlaceholder": { "alias": "floatLabelShowPlaceholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "gog-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatLabelShowPlaceholder": { "alias": "floatLabelShowPlaceholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class ChipComponent {
@@ -2509,12 +2794,26 @@ declare class MultiselectComponent<TOption = GogDropdownOption, TValue = string
     readonly showControls: _angular_core.InputSignal<boolean>;
     /** Where the "select all"/"clear" row sits relative to the option list. Sticky either way. */
     readonly controlsPosition: _angular_core.InputSignal<"top" | "bottom">;
+    /**
+     * Visible text of the select-all button. Unset, falls back to `GOG_CONFIG.labels.selectAll`,
+     * then to `'Select all'`.
+     */
+    readonly selectAllLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Visible text of the clear-all button — the one inside the panel, next to select-all. The
+     * trigger's own clear icon is `clearAriaLabel`. Unset, falls back to
+     * `GOG_CONFIG.labels.clearAll`, then to `'Clear'`.
+     */
+    readonly clearAllLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * @deprecated since 21.3.0 (2026-08-07) — project an `<ng-template gogMultiselectClearIcon>` into the component instead. Removed in 21.5.0.
      */
     readonly clearIconTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
     /** Projected `gogMultiselectClearIcon` template; wins over the deprecated `clearIconTemplate` input. */
     protected readonly clearIconSlot: _angular_core.Signal<GogMultiselectClearIconDirective | undefined>;
+    /** Instance input → `GOG_CONFIG.labels` → the built-in English default. */
+    protected readonly resolvedSelectAllLabel: _angular_core.Signal<string>;
+    protected readonly resolvedClearAllLabel: _angular_core.Signal<string>;
     /**
      * Two-way bindable selection: `[(value)]="signal"`.
      *
@@ -2569,11 +2868,10 @@ 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; }; "clearIconTemplate": { "alias": "clearIconTemplate"; "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; }; "clearIconTemplate": { "alias": "clearIconTemplate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["clearIconSlot"], never, true, never>;
 }
 
 declare class SliderComponent implements ControlValueAccessor, DoCheck {
-    private static nextId;
     protected readonly inputId: string;
     readonly label: _angular_core.InputSignal<string>;
     readonly min: _angular_core.InputSignal<number>;
@@ -2607,34 +2905,124 @@ declare class SliderComponent implements ControlValueAccessor, DoCheck {
      * as they do horizontally.
      */
     readonly orientation: _angular_core.InputSignal<_guildofgleks_ui.GogOrientation>;
-    /** Two-way bindable value: `[(value)]="signal"`. */
+    /**
+     * Switches the slider to two-thumb mode for picking a *range* of values instead of a
+     * single one. When on, use `[(rangeValue)]` instead of `[(value)]` — the two are mutually
+     * exclusive; `value`/`writeValue` are ignored while this is `true`, and vice versa.
+     */
+    readonly range: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible name for the start (lower) thumb in `range` mode. Falls back to `'Minimum'`,
+     * prefixed with `label()` when one is set (e.g. `'Price Minimum'`) — a shared `<label>`
+     * can't be associated with two inputs via `for`, so each thumb needs its own name.
+     */
+    readonly startAriaLabel: _angular_core.InputSignal<string>;
+    /** Accessible name for the end (upper) thumb in `range` mode. Falls back to `'Maximum'`. */
+    readonly endAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Disables only the start (lower) thumb in `range` mode — e.g. to pin a range's floor
+     * while letting the consumer still raise or lower its ceiling. ORed with `disabled`
+     * (either one disables it), never overrides it: `disabled` still means "both thumbs off".
+     * Ignored outside `range` mode, where there's only one thumb and `disabled` already covers
+     * it. Unlike `disabled`, this never applies the whole-control `.gog-slider--disabled`
+     * dimming/`pointer-events: none` — only the one thumb goes inert, both visually (its own
+     * dot dims) and functionally (the native input's own `disabled` attribute takes it out of
+     * the tab order), so the other thumb stays fully usable.
+     */
+    readonly startDisabled: _angular_core.InputSignal<boolean>;
+    /** Disables only the end (upper) thumb in `range` mode. Mirrors `startDisabled`. */
+    readonly endDisabled: _angular_core.InputSignal<boolean>;
+    /** Two-way bindable value: `[(value)]="signal"`. Ignored when `range` is `true`. */
     readonly value: _angular_core.ModelSignal<number>;
+    /** Two-way bindable `{ start, end }` pair: `[(rangeValue)]="signal"`. Used only when `range` is `true`. */
+    readonly rangeValue: _angular_core.ModelSignal<GogSliderRange>;
     private readonly ngControl;
     private readonly cvaDisabled;
     private readonly globalConfig;
     private readonly resolvedErrorDisplay;
     private readonly errorState;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /**
+     * `isDisabled()` also covers `cvaDisabled()` — a `[formControl]`'s own `.disable()`, which
+     * (being one FormControl backing one `rangeValue`) always speaks for both thumbs at once
+     * and has no way to target just one. `startDisabled`/`endDisabled` are the only route to a
+     * one-sided disable, and only make sense in `range` mode.
+     */
+    protected readonly isStartDisabled: _angular_core.Signal<boolean>;
+    protected readonly isEndDisabled: _angular_core.Signal<boolean>;
+    /**
+     * Drives the whole-control `.gog-slider--disabled` class (dimming + `pointer-events: none`
+     * over the whole track). Applying that class off a one-sided `isStartDisabled()`/
+     * `isEndDisabled()` would also block pointer/touch input to the *other*, still-enabled
+     * thumb — `pointer-events: none` on an ancestor cuts off every descendant, not just the
+     * disabled one — so in `range` mode this only fires once *both* sides are disabled. A
+     * still-disabled single thumb stays inert on its own regardless (its native `disabled`
+     * attribute already takes it out of the tab order and stops it from firing events).
+     */
+    protected readonly isFullyDisabled: _angular_core.Signal<boolean>;
     protected readonly clampedValue: _angular_core.Signal<number>;
+    /**
+     * `rangeValue()` clamped to `[min, max]`, swapping the pair back in order if a consumer
+     * writes `start > end` directly (e.g. via `writeValue`/a FormControl) — dragging or
+     * keyboard-nudging a thumb past the other can never produce that, since
+     * onRangeStartInput/onRangeEndInput already clamp against each other there.
+     */
+    protected readonly clampedRange: _angular_core.Signal<GogSliderRange>;
+    private percentFor;
+    private clampRange;
     protected readonly fillPercent: _angular_core.Signal<number>;
+    protected readonly rangeStartPercent: _angular_core.Signal<number>;
+    protected readonly rangeEndPercent: _angular_core.Signal<number>;
     protected readonly thumbPos: _angular_core.Signal<string>;
     protected readonly fillScale: _angular_core.Signal<number>;
+    protected readonly rangeStartPos: _angular_core.Signal<string>;
+    protected readonly rangeEndPos: _angular_core.Signal<string>;
+    protected readonly rangeDisplayValue: _angular_core.Signal<string>;
+    /**
+     * Reserved width for `.gog-slider__value`, in `ch`. Without this the span sizes to
+     * whatever the *current* value happens to print as, so it visibly resizes on every drag —
+     * harmless when `fullWidth` absorbs the wiggle (the default for horizontal), but a vertical
+     * slider is only ever as wide as its content (see the `fit-content` comment in the
+     * stylesheet), so there the whole control jitters in width as you drag, and the header row
+     * being what's regrowing/shrinking tugs the min/max labels below along with it even though
+     * their own text never changes. Sized from `min()`/`max()` rather than the live value:
+     * digit count only grows moving away from zero, so whichever endpoint prints the most
+     * characters is already the worst case for every value in between.
+     */
+    protected readonly valueDisplayChars: _angular_core.Signal<number>;
+    protected readonly startInputAriaLabel: _angular_core.Signal<string>;
+    protected readonly endInputAriaLabel: _angular_core.Signal<string>;
     protected readonly isVertical: _angular_core.Signal<boolean>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly visibleError: _angular_core.Signal<string>;
     protected readonly errorId: _angular_core.Signal<string | null>;
+    /** Fires with a plain `number` normally, or a `GogSliderRange` while `range()` is `true`. */
     private onChange;
     private onTouched;
     constructor();
     ngDoCheck(): void;
-    writeValue(val: number): void;
-    registerOnChange(fn: (val: number) => void): void;
+    writeValue(val: number | GogSliderRange): void;
+    registerOnChange(fn: (val: number | GogSliderRange) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onInput(event: Event): void;
     onBlur(): void;
+    /**
+     * Start (lower) thumb in `range` mode. Both native inputs keep the slider's global
+     * `min()`/`max()` (see the template's comment on why), so crossing prevention happens
+     * entirely here via `Math.min(current.end, ...)` rather than through a narrowed native
+     * `max` attribute — which also means the browser will happily keep dragging this input's
+     * own raw `.value` past `current.end` even once we've clamped the logical value. Writing
+     * the clamped result back to `input.value` directly (rather than trusting the `[value]`
+     * binding to do it) matters because that binding no-ops once the *next* clamped result
+     * matches what Angular itself last wrote — it has no way to know the raw DOM value has
+     * since drifted out from under it via native dragging.
+     */
+    onRangeStartInput(event: Event): void;
+    /** End (upper) thumb in `range` mode. Mirrors `onRangeStartInput`. */
+    onRangeEndInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "gog-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showThumb": { "alias": "showThumb"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "gog-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showThumb": { "alias": "showThumb"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "startAriaLabel": { "alias": "startAriaLabel"; "required": false; "isSignal": true; }; "endAriaLabel": { "alias": "endAriaLabel"; "required": false; "isSignal": true; }; "startDisabled": { "alias": "startDisabled"; "required": false; "isSignal": true; }; "endDisabled": { "alias": "endDisabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rangeValue": "rangeValueChange"; }, never, never, true, never>;
 }
 
 declare class SkeletonComponent {
@@ -2664,7 +3052,35 @@ declare class PaginatorComponent {
      * buttons instead.
      */
     readonly fullWidth: _angular_core.InputSignal<boolean>;
+    /**
+     * How many pages there are. Ignored when `totalRecords` is given — see there.
+     */
     readonly totalPages: _angular_core.InputSignal<number>;
+    /**
+     * How many rows exist in total. Given this, the paginator computes the page count itself from
+     * `pageSize`, which is what removes the `computed(() => Math.ceil(total / size))` a consumer
+     * would otherwise have to write and keep in sync with the select below.
+     *
+     * `null` (the default) keeps the old contract: you tell it `totalPages` directly.
+     */
+    readonly totalRecords: _angular_core.InputSignal<number | null>;
+    /**
+     * Rows per page. Two-way bindable — `[(pageSize)]="size"` — which is the whole point once
+     * `showPageSizeSelect` is on: the select writes back through this, and nothing has to be
+     * ferried between components by hand. `gog-table` binds its own `pageSize` model straight to
+     * this one.
+     */
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    /**
+     * Whether to offer the rows-per-page select. Unset, falls back to
+     * `GOG_CONFIG.paginator.showPageSizeSelect`, then to `false`.
+     */
+    readonly showPageSizeSelect: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * The choices the select offers. Unset, falls back to
+     * `GOG_CONFIG.paginator.pageSizeOptions`, then to `[10, 20, 30, 40, 50]`.
+     */
+    readonly pageSizeOptions: _angular_core.InputSignal<number[] | undefined>;
     /**
      * `window` (default): a fixed number of page buttons (`visiblePages`) that slides to keep
      * the current page centered, clamped at the edges — no ellipsis, no pinned boundaries
@@ -2684,7 +3100,42 @@ declare class PaginatorComponent {
     readonly siblingCount: _angular_core.InputSignal<number>;
     readonly size: _angular_core.InputSignal<GogSize>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Accessible name of the `<nav>`. Unset, falls back to `GOG_CONFIG.labels.pagination`, then
+     * to `'Pagination'`.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly globalConfig;
+    /** Instance input → `GOG_CONFIG.labels` → the built-in English default. */
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
+    /**
+     * The two step buttons. Config-only: unlike the `<nav>` name, these say the same thing on
+     * every paginator in an app, so a per-instance input would be dead weight.
+     */
+    protected readonly resolvedPreviousLabel: _angular_core.Signal<string>;
+    protected readonly resolvedNextLabel: _angular_core.Signal<string>;
+    /**
+     * Names one page button. A method rather than a `computed`, since it takes the page number —
+     * the formatter itself is resolved once and only re-read when the config object changes.
+     */
+    protected pageLabel(page: number): string;
+    protected readonly resolvedShowPageSizeSelect: _angular_core.Signal<boolean>;
+    protected readonly resolvedRowsPerPageLabel: _angular_core.Signal<string>;
+    /**
+     * The select takes `{ id, name }` objects because that is `GogDropdownOption`'s default shape —
+     * `optionLabel`/`optionValue` accessors for a list of plain numbers would be more API than the
+     * mapping saves. The current `pageSize` is included even when it is not one of the offered
+     * options, so a programmatic `[pageSize]="15"` shows 15 rather than an empty trigger.
+     */
+    protected readonly resolvedPageSizeOptions: _angular_core.Signal<{
+        id: number;
+        name: string;
+    }[]>;
+    /**
+     * `totalRecords` when supplied, `totalPages` otherwise — every internal read goes through this
+     * so the two inputs cannot disagree anywhere.
+     */
+    protected readonly resolvedTotalPages: _angular_core.Signal<number>;
     protected readonly pageNumbers: _angular_core.Signal<(number | "...")[]>;
     constructor();
     private windowRange;
@@ -2693,8 +3144,9 @@ declare class PaginatorComponent {
     protected goTo(target: number): void;
     protected prev(): void;
     protected next(): void;
+    protected onPageSizeChange(size: number | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatorComponent, "gog-paginator", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "visiblePages": { "alias": "visiblePages"; "required": false; "isSignal": true; }; "showFirstPage": { "alias": "showFirstPage"; "required": false; "isSignal": true; }; "showLastPage": { "alias": "showLastPage"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatorComponent, "gog-paginator", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "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; }; "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "visiblePages": { "alias": "visiblePages"; "required": false; "isSignal": true; }; "showFirstPage": { "alias": "showFirstPage"; "required": false; "isSignal": true; }; "showLastPage": { "alias": "showLastPage"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
 }
 
 /** Snapshot of the viewport's native scroll geometry, emitted on every scroll/resize. */
@@ -2966,10 +3418,29 @@ declare class TemplateDirective {
 }
 
 type SortDirection = 'asc' | 'desc' | null;
-interface SortState {
+/**
+ * The table's sort state. `field` is `''` and `direction` `null` when nothing is sorted — the
+ * third state of the header's asc → desc → none cycle.
+ */
+interface GogTableSortEvent {
     field: string;
     direction: SortDirection;
 }
+type GogTableSelectionMode = 'none' | 'single' | 'multiple';
+/** Emitted by `gogRowClick`. */
+interface GogTableRowClickEvent<T> {
+    row: T;
+    /**
+     * Index within the currently rendered page, not the whole data set — the same convention as
+     * `GogColumnBodyContext.index`. `gog-table` cannot know the absolute index in `lazy` mode.
+     */
+    index: number;
+    /**
+     * The click (or the `keydown` for a keyboard activation), so a handler can tell a click on the
+     * row from one on a button inside a cell — `event.target` is the element actually hit.
+     */
+    originalEvent: MouseEvent | KeyboardEvent;
+}
 declare class TableComponent<T extends object> {
     /**
      * The single size modifier, replacing one `[class.gog-table--<size>]` binding per size.
@@ -2982,8 +3453,96 @@ declare class TableComponent<T extends object> {
      * its columns' content instead.
      */
     readonly fullWidth: _angular_core.InputSignal<boolean>;
-    /** 0 = no pagination */
-    readonly pageSize: _angular_core.InputSignal<number>;
+    /**
+     * Rows per page; `0` (the default) means no pagination at all.
+     *
+     * A **`model`**, not an input, so `[pageSize]="20"` still works exactly as before *and*
+     * `[(pageSize)]="size"` becomes possible. That is what lets `showPageSizeSelect` work without
+     * any wiring: the table binds this model straight to its own paginator's `pageSize`, the
+     * select writes back through it, and a consumer who wants to observe or persist the choice
+     * binds two-way. Nothing is ferried between the two components by hand.
+     *
+     * In `lazy` mode a change here is a refetch signal, same as `gogPageChange` — bind
+     * `[(pageSize)]` and reload from it. Changing the size always returns to page 1.
+     */
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    /**
+     * Whether the paginator offers a rows-per-page select. Forwarded straight to `gog-paginator`;
+     * unset, it falls back to `GOG_CONFIG.paginator.showPageSizeSelect`, then to `false`.
+     */
+    readonly showPageSizeSelect: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * The sizes that select offers. Forwarded to `gog-paginator`; unset, falls back to
+     * `GOG_CONFIG.paginator.pageSizeOptions`, then to `[10, 20, 30, 40, 50]`.
+     */
+    readonly pageSizeOptions: _angular_core.InputSignal<number[] | undefined>;
+    /**
+     * Hands sorting and paging to the server.
+     *
+     * Off (the default), the table owns the whole data set: it sorts and slices `value` itself, and
+     * `totalPages` comes from `value.length`. On, `value` is **the current page, already sorted** —
+     * the table renders it as given and never re-orders or re-slices it. Supply `totalRecords` so
+     * the paginator knows how many pages exist, and refetch in response to `gogSortChange` /
+     * `gogPageChange`.
+     *
+     * ```html
+     * <gog-table
+     *   [value]="page()"
+     *   [lazy]="true"
+     *   [totalRecords]="total()"
+     *   [pageSize]="20"
+     *   [loading]="loading()"
+     *   (gogSortChange)="sort.set($event); reload()"
+     *   (gogPageChange)="page$.set($event); reload()"
+     * />
+     * ```
+     */
+    readonly lazy: _angular_core.InputSignal<boolean>;
+    /**
+     * How many rows exist on the server, across all pages. `lazy` only — without it the table
+     * cannot know how many pages to offer, and pagination is disabled. Ignored when `lazy` is off,
+     * where `value.length` is the truth.
+     */
+    readonly totalRecords: _angular_core.InputSignal<number | null>;
+    /**
+     * Makes rows focusable and styles them as clickable, for a table whose rows navigate or open
+     * something. `gogRowClick` fires on a plain click regardless; this is what makes that
+     * affordance **discoverable and reachable by keyboard** (Enter and Space activate the focused
+     * row), which a bare `(gogRowClick)` on a `<tr>` is not.
+     *
+     * If the row's action is better expressed as a control — a link to a detail page, a delete
+     * button — put that in a cell instead. This is for the whole-row-is-the-target case.
+     */
+    readonly interactiveRows: _angular_core.InputSignal<boolean>;
+    /**
+     * Turns on row selection. `'single'` keeps at most one row selected, `'multiple'` any number.
+     *
+     * The selection itself is always a `T[]` (`[(selection)]`), including in `'single'` mode where
+     * it holds zero or one row — one shape rather than a `T | T[] | null` union the consumer has to
+     * narrow on every read.
+     */
+    readonly selectionMode: _angular_core.InputSignal<GogTableSelectionMode>;
+    /**
+     * Two-way bindable selected rows: `[(selection)]="selected"`.
+     *
+     * Rows are matched by `dataKey` when one is set, and by object identity otherwise — so with no
+     * `dataKey`, a refetch that produces new objects drops the selection. In `lazy` mode that is
+     * almost always the wrong behaviour: set `dataKey`.
+     */
+    readonly selection: _angular_core.ModelSignal<T[]>;
+    /**
+     * Field name (or dot-path) uniquely identifying a row — `'id'` in most data sets.
+     *
+     * Used for selection identity and, when set, as the `@for` track key, which is what lets the
+     * DOM survive a re-fetch of the same page instead of being torn down and rebuilt.
+     */
+    readonly dataKey: _angular_core.InputSignal<string>;
+    /**
+     * Whether the checkbox column renders. On by default once `selectionMode` is set; turn it off
+     * for a table that selects by clicking the row itself, and pair it with `interactiveRows` so
+     * that stays reachable by keyboard.
+     */
+    readonly showSelectionColumn: _angular_core.InputSignal<boolean>;
     readonly showRowNumbers: _angular_core.InputSignal<boolean>;
     readonly showTotal: _angular_core.InputSignal<boolean>;
     readonly emptyPlaceholder: _angular_core.InputSignal<string>;
@@ -2999,10 +3558,33 @@ declare class TableComponent<T extends object> {
     readonly stickyHeader: _angular_core.InputSignal<boolean>;
     /** Row density: lg (default) / md (compact) / sm (dense) */
     readonly size: _angular_core.InputSignal<GogSize>;
+    /**
+     * Fires when a header cell changes the sort — including the third click that clears it, which
+     * emits `{ field: '', direction: null }`. In `lazy` mode this is the refetch signal; the table
+     * has already reset to page 1 by the time it fires.
+     */
+    readonly gogSortChange: _angular_core.OutputEmitterRef<GogTableSortEvent>;
+    /**
+     * Fires when the page changes, with the new 1-based page. Only ever fires for a *user* action
+     * or a clamp — not for the initial render.
+     */
+    readonly gogPageChange: _angular_core.OutputEmitterRef<number>;
+    /** Fires when a row is clicked, or activated with Enter/Space when `interactiveRows` is on. */
+    readonly gogRowClick: _angular_core.OutputEmitterRef<GogTableRowClickEvent<T>>;
     readonly columns: _angular_core.Signal<readonly GogColumn[]>;
     readonly templates: _angular_core.Signal<readonly TemplateDirective[]>;
-    readonly sortState: _angular_core.WritableSignal<SortState>;
+    readonly sortState: _angular_core.WritableSignal<GogTableSortEvent>;
+    /**
+     * In `lazy` mode `value` is the server's answer — already sorted, already the right page — so
+     * both this and `visibleRows` become pass-throughs. Re-sorting it locally would reorder one
+     * page against a global ordering, which looks like corruption rather than a bug.
+     */
     readonly sortedData: _angular_core.Signal<T[]>;
+    /**
+     * How many rows the paginator is dividing. `value.length` normally; `totalRecords` in `lazy`
+     * mode, where `value` is only the current page. Also what `showTotal` reports.
+     */
+    readonly rowCount: _angular_core.Signal<number>;
     readonly totalPages: _angular_core.Signal<number>;
     /**
      * Resets to page 1 whenever the sort changes (a new sort re-orders the whole data set,
@@ -3012,9 +3594,50 @@ declare class TableComponent<T extends object> {
      * self-clamps against `totalPages` on its own, so this only has to handle the reset case.
      */
     readonly currentPage: _angular_core.WritableSignal<number>;
+    /** In `lazy` mode the server already sliced the page — see `sortedData`. */
     readonly visibleRows: _angular_core.Signal<T[]>;
+    /**
+     * Resolved the same way `gog-paginator` resolves it, because the footer's own visibility
+     * depends on it — see `hasPagination`.
+     */
+    protected readonly showsPageSizeSelect: _angular_core.Signal<boolean>;
+    /**
+     * Normally the paginator only earns its space once there is more than one page — but the
+     * rows-per-page select lives inside it, and hiding the whole thing at one page would strand the
+     * user on whatever size produced that single page with no way back to a smaller one.
+     */
     readonly hasPagination: _angular_core.Signal<boolean>;
+    private readonly globalConfig;
+    /** `GOG_CONFIG.labels` → the built-in English defaults. No per-instance inputs: these name
+     * table chrome, and an app that relabels them does so once. */
+    protected readonly resolvedLabels: _angular_core.Signal<{
+        total: string;
+        pagination: string;
+        selectRow: string;
+        selectAllRows: string;
+    }>;
+    protected readonly hasSelection: _angular_core.Signal<boolean>;
+    protected readonly hasSelectionColumn: _angular_core.Signal<boolean>;
     readonly emptyColspan: _angular_core.Signal<number>;
+    /**
+     * Identity for selection and `@for` tracking. `dataKey`'s value when set, the row object
+     * otherwise — the object works for a static data set and breaks the moment rows are re-fetched,
+     * which is exactly what `dataKey` is for.
+     */
+    protected rowKey(row: T): unknown;
+    protected isSelected(row: T): boolean;
+    /** All rows on the current page are selected — drives the header checkbox. */
+    protected readonly allPageRowsSelected: _angular_core.Signal<boolean>;
+    /** Some but not all — the header checkbox's indeterminate state. */
+    protected readonly somePageRowsSelected: _angular_core.Signal<boolean>;
+    protected toggleRowSelection(row: T, selected: boolean): void;
+    /**
+     * Header checkbox: selects or clears **the current page**, not the whole data set. Anything
+     * else would be a lie in `lazy` mode, where the table has never seen the other pages — and
+     * inconsistent between the two modes, which is worse than either behaviour alone.
+     */
+    protected toggleAllOnPage(selected: boolean): void;
+    constructor();
     /**
      * A `gogColumnBody` template declared inside the column wins; the string-keyed
      * `<ng-template template="field" type="body">` is the deprecated fallback.
@@ -3025,7 +3648,15 @@ declare class TableComponent<T extends object> {
     bodyContext(row: T, col: GogColumn, index: number): GogColumnBodyContext<T>;
     /** Context for a `gogColumnHeader` template — see `GogColumnHeaderContext`. */
     headerContext(col: GogColumn): GogColumnHeaderContext;
+    /**
+     * Cycles the clicked column asc → desc → unsorted, and emits the result. The emit is last, so
+     * a `lazy` consumer refetching from it already sees `currentPage` reset to 1.
+     */
     toggleSort(col: GogColumn): void;
+    /** Click, or Enter/Space on a focused row when `interactiveRows` is on. */
+    protected emitRowClick(row: T, index: number, originalEvent: MouseEvent | KeyboardEvent): void;
+    /** Enter and Space activate the focused row; Space must not also scroll the page. */
+    protected onRowKeydown(row: T, index: number, event: KeyboardEvent): void;
     getSortDirection(field: string): SortDirection;
     getAriaSort(field: string): 'ascending' | 'descending' | null;
     handleSortClick(col: GogColumn): void;
@@ -3039,7 +3670,7 @@ declare class TableComponent<T extends object> {
     private readonly bodyTemplateMap;
     private readonly headerTemplateMap;
     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; }; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["columns", "templates"], 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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "selection": "selectionChange"; "gogSortChange": "gogSortChange"; "gogPageChange": "gogPageChange"; "gogRowClick": "gogRowClick"; }, ["columns", "templates"], never, true, never>;
 }
 
 declare class SpinnerComponent {
@@ -3137,14 +3768,64 @@ declare class GogTooltipDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GogTooltipDirective, "[gogTooltip]", never, { "gogTooltip": { "alias": "gogTooltip"; "required": false; "isSignal": true; }; "gogTooltipPosition": { "alias": "gogTooltipPosition"; "required": false; "isSignal": true; }; "gogTooltipShowDelay": { "alias": "gogTooltipShowDelay"; "required": false; "isSignal": true; }; "gogTooltipHideDelay": { "alias": "gogTooltipHideDelay"; "required": false; "isSignal": true; }; "gogTooltipDisabled": { "alias": "gogTooltipDisabled"; "required": false; "isSignal": true; }; "gogTooltipClass": { "alias": "gogTooltipClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Owns the `data-theme` attribute on `<html>`, which is what every `--gog-*` palette block in
+ * `theme.css` keys off.
+ *
+ * Zero-config behaviour is unchanged from 21.3.1: it adopts whatever `data-theme` is already on
+ * the document, or `'light'` if there is none. Persistence and following the OS setting are
+ * both **opt-in** through `GOG_CONFIG.theme`, so an app that never configures anything cannot
+ * have its theme changed out from under it by an upgrade.
+ */
 declare class ThemeService {
     private readonly document;
     private readonly root;
-    readonly theme: _angular_core.WritableSignal<string>;
+    private readonly isBrowser;
+    private readonly destroyRef;
+    private readonly config;
+    private readonly state;
+    /**
+     * The active theme name. Read-only on purpose: writing it directly would move the signal
+     * without touching the DOM attribute the styles actually read, leaving the two silently out
+     * of sync. Go through `setTheme`/`toggleTheme`.
+     */
+    readonly theme: Signal<string>;
+    /**
+     * Set once the app (or the user) has chosen a theme explicitly, which stops
+     * `followSystem` from overriding that choice on the next OS-level change.
+     */
+    private hasExplicitChoice;
     constructor();
     setTheme(theme: string): void;
+    /**
+     * Flips between the configured light and dark theme names (`'light'`/`'dark'` by default).
+     * From a third, custom theme this lands on the dark one, since that is the only reading of
+     * "toggle" that terminates.
+     */
     toggleTheme(): void;
-    private readTheme;
+    /**
+     * In precedence order:
+     *
+     * 1. a `data-theme` already on `<html>` — server-rendered or set by an inline script before
+     *    Angular booted, and either way a decision that has already been painted;
+     * 2. the persisted choice, when `storageKey` is configured;
+     * 3. the OS setting, when `followSystem` is on;
+     * 4. `defaultTheme`, then `'light'`.
+     */
+    private resolveInitialTheme;
+    /**
+     * Keeps the theme in step with the OS while the app has no explicit choice of its own. Only
+     * wired up when `followSystem` is on, so the default configuration adds no listener at all.
+     */
+    private watchSystemPreference;
+    private prefersDark;
+    /**
+     * Storage access is wrapped because it throws rather than degrades in two ordinary cases:
+     * Safari's private mode, and a browser configured to block site data. A theme preference is
+     * not worth taking the app down for.
+     */
+    private readStored;
+    private persist;
     private applyTheme;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
@@ -3252,6 +3933,20 @@ interface GogGlobalConfig {
         /** 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?: {
         /**
@@ -3288,6 +3983,99 @@ interface GogGlobalConfig {
         /** 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-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 —
@@ -3389,7 +4177,7 @@ declare class GogFloatLabelState {
 }
 
 /** 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-size' | '--gog-accordion-chevron-transition-duration' | '--gog-accordion-content-gap' | '--gog-accordion-disabled-opacity' | '--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-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-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-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-error-border-color' | '--gog-autocomplete-error-color' | '--gog-autocomplete-error-font-family' | '--gog-autocomplete-error-font-size' | '--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-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-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-btn-active-scale' | '--gog-btn-bg' | '--gog-btn-border' | '--gog-btn-border-style' | '--gog-btn-border-width' | '--gog-btn-color' | '--gog-btn-disabled-opacity' | '--gog-btn-focus-ring-offset' | '--gog-btn-focus-ring-width' | '--gog-btn-font-family' | '--gog-btn-font-weight' | '--gog-btn-gap' | '--gog-btn-ghost-bg' | '--gog-btn-ghost-border' | '--gog-btn-ghost-color' | '--gog-btn-ghost-hover-bg' | '--gog-btn-ghost-hover-color' | '--gog-btn-ghost-hover-shadow' | '--gog-btn-ghost-shadow' | '--gog-btn-ghost-spinner-color' | '--gog-btn-hover-bg' | '--gog-btn-hover-color' | '--gog-btn-hover-shadow' | '--gog-btn-letter-spacing' | '--gog-btn-lg-font-size' | '--gog-btn-lg-padding' | '--gog-btn-line-height' | '--gog-btn-loading-opacity' | '--gog-btn-md-font-size' | '--gog-btn-md-padding' | '--gog-btn-outline-bg' | '--gog-btn-outline-border' | '--gog-btn-outline-color' | '--gog-btn-outline-hover-bg' | '--gog-btn-outline-hover-color' | '--gog-btn-outline-hover-shadow' | '--gog-btn-outline-shadow' | '--gog-btn-outline-spinner-color' | '--gog-btn-primary-bg' | '--gog-btn-primary-border' | '--gog-btn-primary-color' | '--gog-btn-primary-hover-bg' | '--gog-btn-primary-hover-color' | '--gog-btn-primary-hover-shadow' | '--gog-btn-primary-shadow' | '--gog-btn-primary-spinner-color' | '--gog-btn-radius' | '--gog-btn-secondary-bg' | '--gog-btn-secondary-border' | '--gog-btn-secondary-color' | '--gog-btn-secondary-hover-bg' | '--gog-btn-secondary-hover-color' | '--gog-btn-secondary-hover-shadow' | '--gog-btn-secondary-shadow' | '--gog-btn-secondary-spinner-color' | '--gog-btn-shadow' | '--gog-btn-slg-font-size' | '--gog-btn-slg-padding' | '--gog-btn-sm-font-size' | '--gog-btn-sm-padding' | '--gog-btn-spinner-color' | '--gog-btn-spinner-max-size' | '--gog-btn-text-transform' | '--gog-btn-transition-duration' | '--gog-btn-xsm-font-size' | '--gog-btn-xsm-padding' | '--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-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-separated-gap' | '--gog-button-toggle-text-transform' | '--gog-button-toggle-transition-duration' | '--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-header-gap' | '--gog-calendar-header-margin' | '--gog-calendar-lg-day-size' | '--gog-calendar-lg-font-size' | '--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-padding' | '--gog-calendar-weekday-text-transform' | '--gog-calendar-xsm-day-size' | '--gog-calendar-xsm-font-size' | '--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-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-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-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-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-confirm-actions-gap' | '--gog-confirm-actions-offset' | '--gog-confirm-color' | '--gog-confirm-description-color' | '--gog-confirm-gap' | '--gog-confirm-max-width' | '--gog-confirm-min-width' | '--gog-control-border-style' | '--gog-control-border-width' | '--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-icon-offset' | '--gog-control-padding-x' | '--gog-control-padding-y' | '--gog-danger-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-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-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-placeholder-color' | '--gog-datepicker-radius' | '--gog-datepicker-text-color' | '--gog-datepicker-toggle-icon-size' | '--gog-datepicker-transition-duration' | '--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-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-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-field-float-label-in-top' | '--gog-field-float-label-over-gap' | '--gog-field-float-label-over-reserve' | '--gog-field-float-label-reserve' | '--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-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-hover-color' | '--gog-icon-fallback-size' | '--gog-icon-size' | '--gog-icon-stroke-width' | '--gog-info-color' | '--gog-input-clear-icon-ratio' | '--gog-input-clear-inset' | '--gog-input-clear-radius' | '--gog-input-disabled-opacity' | '--gog-input-error-color' | '--gog-input-error-font-size' | '--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-label-color' | '--gog-input-label-font-family' | '--gog-input-label-font-size' | '--gog-input-label-letter-spacing' | '--gog-input-label-text-transform' | '--gog-input-padding-x' | '--gog-input-padding-y' | '--gog-input-placeholder-color' | '--gog-input-radius' | '--gog-input-transition-duration' | '--gog-ms-actions-gap' | '--gog-ms-actions-inset' | '--gog-ms-arrow-icon-ratio' | '--gog-ms-arrow-transition-duration' | '--gog-ms-border-color' | '--gog-ms-checkbox-bg' | '--gog-ms-checkbox-border' | '--gog-ms-checkbox-checked-bg' | '--gog-ms-checkbox-checked-color' | '--gog-ms-clear-icon-ratio' | '--gog-ms-clear-radius' | '--gog-ms-controls-gap' | '--gog-ms-controls-padding' | '--gog-ms-disabled-opacity' | '--gog-ms-error-color' | '--gog-ms-error-font-size' | '--gog-ms-error-offset' | '--gog-ms-field-bg' | '--gog-ms-field-border' | '--gog-ms-field-border-style' | '--gog-ms-field-border-width' | '--gog-ms-field-color' | '--gog-ms-filter-border-color' | '--gog-ms-filter-border-style' | '--gog-ms-filter-border-width' | '--gog-ms-filter-empty-color' | '--gog-ms-filter-empty-padding' | '--gog-ms-filter-input-bg' | '--gog-ms-filter-input-border' | '--gog-ms-filter-input-color' | '--gog-ms-filter-input-padding-x' | '--gog-ms-filter-input-padding-y' | '--gog-ms-filter-input-radius' | '--gog-ms-filter-padding' | '--gog-ms-float-label-in-top' | '--gog-ms-float-label-over-gap' | '--gog-ms-float-label-over-reserve' | '--gog-ms-float-label-reserve' | '--gog-ms-focus-border' | '--gog-ms-focus-glow' | '--gog-ms-focus-ring' | '--gog-ms-focus-ring-offset' | '--gog-ms-focus-ring-width' | '--gog-ms-font-family' | '--gog-ms-gap' | '--gog-ms-label-color' | '--gog-ms-label-font-family' | '--gog-ms-label-font-size' | '--gog-ms-label-letter-spacing' | '--gog-ms-label-text-transform' | '--gog-ms-mark-icon-ratio' | '--gog-ms-mark-size-ratio' | '--gog-ms-min-width' | '--gog-ms-option-color' | '--gog-ms-option-disabled-opacity' | '--gog-ms-option-gap' | '--gog-ms-option-gap-inline' | '--gog-ms-option-height' | '--gog-ms-option-hover-bg' | '--gog-ms-option-radius' | '--gog-ms-option-transition-duration' | '--gog-ms-options-padding' | '--gog-ms-overflow-color' | '--gog-ms-overflow-font-size' | '--gog-ms-overflow-gap' | '--gog-ms-panel-bg' | '--gog-ms-panel-border' | '--gog-ms-panel-max-height' | '--gog-ms-panel-max-width' | '--gog-ms-panel-offset' | '--gog-ms-panel-shadow' | '--gog-ms-placeholder-color' | '--gog-ms-radius' | '--gog-ms-transition-duration' | '--gog-ms-value-color' | '--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-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-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-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-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-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-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-min-width' | '--gog-paginator-gap' | '--gog-panel-border-style' | '--gog-panel-border-width' | '--gog-panel-radius' | '--gog-panel-shadow' | '--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-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-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-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-scroll-corner-bg' | '--gog-scroll-fade-duration' | '--gog-scroll-focus-ring' | '--gog-scroll-focus-ring-width' | '--gog-scroll-normal-thumb-min-size' | '--gog-scroll-normal-track-width' | '--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-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-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-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-selected-color' | '--gog-select-option-transition-duration' | '--gog-select-panel-bg' | '--gog-select-panel-max-height' | '--gog-select-panel-max-width' | '--gog-select-panel-offset' | '--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-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-text-transform' | '--gog-slider-range-color' | '--gog-slider-range-font-size' | '--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-min-width' | '--gog-slider-vertical-length' | '--gog-space-2xl' | '--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-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-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-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-numeric-font-family' | '--gog-table-padding-h' | '--gog-table-row-border-width' | '--gog-table-row-transition-duration' | '--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-padding-v' | '--gog-table-text-color' | '--gog-table-th-font-size' | '--gog-table-th-inner-gap' | '--gog-table-th-padding-v' | '--gog-table-total-font-size' | '--gog-table-total-letter-spacing' | '--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-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-3xl' | '--gog-text-color' | '--gog-text-lg' | '--gog-text-md' | '--gog-text-sm' | '--gog-text-xl' | '--gog-text-xs' | '--gog-textarea-clear-icon-ratio' | '--gog-textarea-scrollbar-width' | '--gog-toast-accent-width' | '--gog-toast-action-font-size' | '--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-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-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';
+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-size' | '--gog-accordion-chevron-transition-duration' | '--gog-accordion-content-gap' | '--gog-accordion-disabled-opacity' | '--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-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-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-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-error-border-color' | '--gog-autocomplete-error-color' | '--gog-autocomplete-error-font-family' | '--gog-autocomplete-error-font-size' | '--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-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-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-btn-active-scale' | '--gog-btn-bg' | '--gog-btn-border' | '--gog-btn-border-style' | '--gog-btn-border-width' | '--gog-btn-color' | '--gog-btn-disabled-opacity' | '--gog-btn-focus-ring-offset' | '--gog-btn-focus-ring-width' | '--gog-btn-font-family' | '--gog-btn-font-weight' | '--gog-btn-gap' | '--gog-btn-ghost-bg' | '--gog-btn-ghost-border' | '--gog-btn-ghost-color' | '--gog-btn-ghost-hover-bg' | '--gog-btn-ghost-hover-color' | '--gog-btn-ghost-hover-shadow' | '--gog-btn-ghost-shadow' | '--gog-btn-ghost-spinner-color' | '--gog-btn-hover-bg' | '--gog-btn-hover-color' | '--gog-btn-hover-shadow' | '--gog-btn-letter-spacing' | '--gog-btn-lg-font-size' | '--gog-btn-lg-padding' | '--gog-btn-line-height' | '--gog-btn-loading-opacity' | '--gog-btn-md-font-size' | '--gog-btn-md-padding' | '--gog-btn-outline-bg' | '--gog-btn-outline-border' | '--gog-btn-outline-color' | '--gog-btn-outline-hover-bg' | '--gog-btn-outline-hover-color' | '--gog-btn-outline-hover-shadow' | '--gog-btn-outline-shadow' | '--gog-btn-outline-spinner-color' | '--gog-btn-primary-bg' | '--gog-btn-primary-border' | '--gog-btn-primary-color' | '--gog-btn-primary-hover-bg' | '--gog-btn-primary-hover-color' | '--gog-btn-primary-hover-shadow' | '--gog-btn-primary-shadow' | '--gog-btn-primary-spinner-color' | '--gog-btn-radius' | '--gog-btn-secondary-bg' | '--gog-btn-secondary-border' | '--gog-btn-secondary-color' | '--gog-btn-secondary-hover-bg' | '--gog-btn-secondary-hover-color' | '--gog-btn-secondary-hover-shadow' | '--gog-btn-secondary-shadow' | '--gog-btn-secondary-spinner-color' | '--gog-btn-shadow' | '--gog-btn-slg-font-size' | '--gog-btn-slg-padding' | '--gog-btn-sm-font-size' | '--gog-btn-sm-padding' | '--gog-btn-spinner-color' | '--gog-btn-spinner-max-size' | '--gog-btn-text-transform' | '--gog-btn-transition-duration' | '--gog-btn-xsm-font-size' | '--gog-btn-xsm-padding' | '--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-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-separated-gap' | '--gog-button-toggle-text-transform' | '--gog-button-toggle-transition-duration' | '--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-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-padding' | '--gog-calendar-weekday-text-transform' | '--gog-calendar-xsm-day-size' | '--gog-calendar-xsm-font-size' | '--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-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-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-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-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-confirm-actions-gap' | '--gog-confirm-actions-offset' | '--gog-confirm-color' | '--gog-confirm-description-color' | '--gog-confirm-gap' | '--gog-confirm-max-width' | '--gog-confirm-min-width' | '--gog-control-border-style' | '--gog-control-border-width' | '--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-icon-offset' | '--gog-control-padding-x' | '--gog-control-padding-y' | '--gog-danger-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-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-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-placeholder-color' | '--gog-datepicker-radius' | '--gog-datepicker-text-color' | '--gog-datepicker-toggle-icon-size' | '--gog-datepicker-transition-duration' | '--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-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-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-field-float-label-in-top' | '--gog-field-float-label-over-gap' | '--gog-field-float-label-over-reserve' | '--gog-field-float-label-reserve' | '--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-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-hover-color' | '--gog-icon-fallback-size' | '--gog-icon-size' | '--gog-icon-stroke-width' | '--gog-info-color' | '--gog-input-clear-icon-ratio' | '--gog-input-clear-inset' | '--gog-input-clear-radius' | '--gog-input-disabled-opacity' | '--gog-input-error-color' | '--gog-input-error-font-size' | '--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-label-color' | '--gog-input-label-font-family' | '--gog-input-label-font-size' | '--gog-input-label-letter-spacing' | '--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-ms-actions-gap' | '--gog-ms-actions-inset' | '--gog-ms-arrow-icon-ratio' | '--gog-ms-arrow-transition-duration' | '--gog-ms-border-color' | '--gog-ms-checkbox-bg' | '--gog-ms-checkbox-border' | '--gog-ms-checkbox-checked-bg' | '--gog-ms-checkbox-checked-color' | '--gog-ms-clear-icon-ratio' | '--gog-ms-clear-radius' | '--gog-ms-controls-gap' | '--gog-ms-controls-padding' | '--gog-ms-disabled-opacity' | '--gog-ms-error-color' | '--gog-ms-error-font-size' | '--gog-ms-error-offset' | '--gog-ms-field-bg' | '--gog-ms-field-border' | '--gog-ms-field-border-style' | '--gog-ms-field-border-width' | '--gog-ms-field-color' | '--gog-ms-filter-border-color' | '--gog-ms-filter-border-style' | '--gog-ms-filter-border-width' | '--gog-ms-filter-empty-color' | '--gog-ms-filter-empty-padding' | '--gog-ms-filter-input-bg' | '--gog-ms-filter-input-border' | '--gog-ms-filter-input-color' | '--gog-ms-filter-input-padding-x' | '--gog-ms-filter-input-padding-y' | '--gog-ms-filter-input-radius' | '--gog-ms-filter-padding' | '--gog-ms-float-label-in-top' | '--gog-ms-float-label-over-gap' | '--gog-ms-float-label-over-reserve' | '--gog-ms-float-label-reserve' | '--gog-ms-focus-border' | '--gog-ms-focus-glow' | '--gog-ms-focus-ring' | '--gog-ms-focus-ring-offset' | '--gog-ms-focus-ring-width' | '--gog-ms-font-family' | '--gog-ms-gap' | '--gog-ms-label-color' | '--gog-ms-label-font-family' | '--gog-ms-label-font-size' | '--gog-ms-label-letter-spacing' | '--gog-ms-label-text-transform' | '--gog-ms-mark-icon-ratio' | '--gog-ms-mark-size-ratio' | '--gog-ms-min-width' | '--gog-ms-option-color' | '--gog-ms-option-disabled-opacity' | '--gog-ms-option-gap' | '--gog-ms-option-gap-inline' | '--gog-ms-option-height' | '--gog-ms-option-hover-bg' | '--gog-ms-option-radius' | '--gog-ms-option-transition-duration' | '--gog-ms-options-padding' | '--gog-ms-overflow-color' | '--gog-ms-overflow-font-size' | '--gog-ms-overflow-gap' | '--gog-ms-panel-bg' | '--gog-ms-panel-border' | '--gog-ms-panel-max-height' | '--gog-ms-panel-max-width' | '--gog-ms-panel-offset' | '--gog-ms-panel-shadow' | '--gog-ms-placeholder-color' | '--gog-ms-radius' | '--gog-ms-transition-duration' | '--gog-ms-value-color' | '--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-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-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-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-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-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-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-min-width' | '--gog-paginator-gap' | '--gog-paginator-page-size-min-width' | '--gog-panel-border-style' | '--gog-panel-border-width' | '--gog-panel-radius' | '--gog-panel-shadow' | '--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-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-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-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-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-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-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-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-selected-color' | '--gog-select-option-transition-duration' | '--gog-select-panel-bg' | '--gog-select-panel-max-height' | '--gog-select-panel-max-width' | '--gog-select-panel-offset' | '--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-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-text-transform' | '--gog-slider-range-color' | '--gog-slider-range-font-size' | '--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-min-width' | '--gog-slider-vertical-length' | '--gog-space-2xl' | '--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-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-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-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-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-padding-v' | '--gog-table-text-color' | '--gog-table-th-font-size' | '--gog-table-th-inner-gap' | '--gog-table-th-padding-v' | '--gog-table-total-font-size' | '--gog-table-total-letter-spacing' | '--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-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-3xl' | '--gog-text-color' | '--gog-text-lg' | '--gog-text-md' | '--gog-text-sm' | '--gog-text-xl' | '--gog-text-xs' | '--gog-textarea-clear-icon-ratio' | '--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-padding' | '--gog-toast-actions-gap' | '--gog-toast-base-z' | '--gog-toast-bg' | '--gog-toast-border' | '--gog-toast-close-font-size' | '--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-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';
 /** Which of the three layers a token belongs to — see the README's theming section. */
 type GogTokenLayer = 'foundation' | 'component' | 'instance';
 interface GogTokenGroup {
@@ -3406,5 +4194,54 @@ declare const GOG_TOKEN_GROUPS: readonly GogTokenGroup[];
 
 type GogTooltipSide = 'top' | 'bottom' | 'left' | 'right';
 
-export { AccordionComponent, AutocompleteComponent, ButtonComponent, ButtonToggleGroupComponent, CalendarComponent, CheckboxComponent, ChipComponent, CollapsibleComponent, Column, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DialogComponent, DialogService, DividerComponent, GOG_CONFIG, GOG_TABS_STATE, GOG_TOKEN_GROUPS, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogBadgeDirective, GogButtonToggleOptionDirective, GogCheckboxIconDirective, GogCollapsibleContentDirective, GogCollapsibleTriggerDirective, GogColumn, GogColumnBodyDirective, GogColumnHeaderDirective, GogDropdownBase, GogDropdownChevronDirective, GogDropdownOptionDirective, GogFloatLabelState, GogInputAddonEndDirective, GogInputAddonStartDirective, GogMultiselectClearIconDirective, GogTabContentDirective, GogTabHeaderDirective, GogTagIconDirective, GogTooltipDirective, ICON_DEFS, IconComponent, InputfieldComponent, MultiselectComponent, PaginatorComponent, ProgressbarComponent, RadioGroupComponent, ScrollComponent, SelectComponent, SkeletonComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TabComponent, TableComponent, TabsComponent, TagComponent, TemplateDirective, 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, readOption, resolveConfigured, startOfDay, weekdayNames, withTime };
-export type { ConfirmDialogData, DialogConfig, DialogHandle, DialogRef, GogAccordionChevronContext, GogAccordionHeaderContext, GogAccordionItem, GogAccordionToggleEvent, GogBadgePosition, GogButtonToggleAppearance, GogButtonToggleOptionContext, GogCalendarDay, GogColumnBodyContext, GogColumnHeaderContext, GogDateRange, GogDateSelectionMode, GogDatepickerValue, GogDividerVariant, GogDropdownDirection, GogDropdownFilterPosition, GogDropdownOption, GogDropdownOptionContext, GogFloatLabelVariant, GogGlobalConfig, GogHourFormat, GogIconName, GogMultiselectOption, GogOptionAccessor, GogOrientation, GogPaginatorRangeMode, GogProgressbarMode, GogProgressbarVariant, GogRadioOption, GogScrollAxis, GogScrollMetrics, GogScrollOverscrollBehavior, GogScrollSize, GogSelectOption, GogSize, GogSkeletonAnimation, GogSkeletonShape, GogSliderOrientation, GogSpinnerVariant, GogTabHeaderContext, GogTableBodyContext, GogTableHeaderContext, GogTabsAlign, GogTabsState, GogTagShape, GogTagVariant, GogTextareaResize, GogTokenGroup, GogTokenLayer, GogTokenName, GogTooltipPosition, GogTooltipSide, GogVariant, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastPosition, ToastType };
+/**
+ * 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, CheckboxComponent, ChipComponent, CollapsibleComponent, Column, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DialogComponent, DialogService, DividerComponent, GOG_CONFIG, GOG_ICONS, GOG_TABS_STATE, GOG_TOKEN_GROUPS, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogBadgeDirective, GogButtonDirective, GogButtonToggleOptionDirective, GogCheckboxIconDirective, GogCollapsibleContentDirective, GogCollapsibleTriggerDirective, GogColumn, GogColumnBodyDirective, GogColumnHeaderDirective, GogDropdownBase, GogDropdownChevronDirective, GogDropdownOptionDirective, GogFloatLabelState, GogInputAddonEndDirective, GogInputAddonStartDirective, GogMultiselectClearIconDirective, GogTabContentDirective, GogTabHeaderDirective, GogTagIconDirective, GogTooltipDirective, ICON_DEFS, IconComponent, InputfieldComponent, MultiselectComponent, PaginatorComponent, ProgressbarComponent, RadioGroupComponent, ScrollComponent, SelectComponent, SkeletonComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TabComponent, TableComponent, TabsComponent, TagComponent, TemplateDirective, 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, GogBadgePosition, GogBuiltinIconName, GogButtonToggleAppearance, GogButtonToggleOptionContext, GogCalendarDay, GogColumnBodyContext, GogColumnHeaderContext, GogDateRange, GogDateSelectionMode, GogDatepickerValue, GogDividerVariant, GogDropdownDirection, GogDropdownFilterPosition, GogDropdownOption, GogDropdownOptionContext, GogFloatLabelVariant, GogGlobalConfig, GogHourFormat, GogIconName, GogInputMode, GogInputType, GogMultiselectOption, GogOptionAccessor, GogOrientation, GogPaginatorRangeMode, GogProgressbarMode, GogProgressbarVariant, GogRadioOption, GogScrollAxis, GogScrollMetrics, GogScrollOverscrollBehavior, GogScrollSize, GogSelectOption, GogSize, GogSkeletonAnimation, GogSkeletonShape, GogSliderOrientation, GogSliderRange, GogSpinnerVariant, GogTabHeaderContext, GogTableBodyContext, GogTableHeaderContext, GogTableRowClickEvent, GogTableSelectionMode, GogTableSortEvent, GogTabsAlign, GogTabsState, GogTagShape, GogTagVariant, GogTextareaResize, GogTokenGroup, GogTokenLayer, GogTokenName, GogTooltipPosition, GogTooltipSide, GogVariant, OpenDialog, SortDirection, Toast, ToastAction, ToastConfig, ToastPosition, ToastType };