@povio/ui 5.0.0-rc.2 → 5.0.0-rc.3

package/dist/config/ui-configurator.d.ts

@@ -0,0 +1,934 @@
+import { t as StyleMergeUtils } from "../style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "../uiOverrides.context-DEp139He.js";
+import { t as UIConfig } from "../uiConfig.context-DeBX2beU.js";
+import { a as parseThemeCss, i as exportCss, n as ThemeEdits, r as Tokens, t as Mode } from "../theme-model-T1zIdBg8.js";
+import { PropsWithChildren } from "react";
+//#region src/configurator/cva-definitions.d.ts
+declare const cvaDefinitions: {
+  "datePickerInput.contentRowCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly small: "";
+        readonly default: "";
+      };
+    }>;
+  };
+  "select.tagsContentWrapperCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isSearchable: {
+        readonly false: "pointer-events-none z-raised";
+      };
+    }>;
+  };
+  "tooltip.pointerHorizontalCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly color: {
+        default: ["text-interactive-secondary-background"];
+        error: ["text-surface-destructive-base"];
+      };
+    }>;
+  };
+  "accordion.chevronCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isExpanded: {
+        readonly true: "rotate-180";
+        readonly false: "rotate-0";
+      };
+    }>;
+  };
+  "accordion.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly filled: "gap-1";
+        readonly outlined: "";
+      };
+      readonly singleItem: {
+        readonly true: "";
+        readonly false: "";
+      };
+    }>;
+  };
+  "accordion.headingCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{}>;
+  };
+  "accordion.headingSubtitleCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{}>;
+  };
+  "accordion.headingTitleCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{}>;
+  };
+  "accordion.iconCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{}>;
+  };
+  "accordion.itemCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly filled: "rounded-accordion-rounding-filled bg-surface-default-background";
+        readonly outlined: "";
+      };
+      readonly singleItem: {
+        readonly true: "";
+        readonly false: "";
+      };
+    }>;
+  };
+  "accordion.panelContentCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{}>;
+  };
+  "accordion.panelCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isExpanded: {
+        readonly true: "";
+      };
+    }>;
+  };
+  "accordion.triggerCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly outlined: "rounded-accordion-rounding-outlined hover:bg-state-surface-default-popover/hover";
+        readonly filled: "rounded-accordion-rounding-filled bg-surface-default-background hover:bg-state-surface-default-popover/hover";
+      };
+      readonly actionPosition: {
+        readonly left: "flex-row-reverse";
+        readonly right: "flex-row";
+      };
+      readonly disabled: {
+        readonly true: "opacity-50";
+      };
+    }>;
+  };
+  "alert.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly outlined: "border bg-surface-default-card text-surface-default-card-foreground";
+        readonly contained: "";
+      };
+      readonly color: {
+        readonly neutral: "";
+        readonly success: "";
+        readonly warning: "";
+        readonly error: "";
+      };
+    }>;
+  };
+  "breadcrumbs.chevronCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "breadcrumbs.cva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "breadcrumbs.iconCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "breadcrumbs.itemCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isCurrent: {
+        readonly true: "text-interactive-primary-background";
+        readonly false: "text-surface-default-foreground hover:text-state-surface-default-foreground/hover";
+      };
+      readonly isEllipsis: {
+        readonly true: "hover:text-state-interactive-primary-background/hover!";
+        readonly false: "";
+      };
+    }>;
+  };
+  "breadcrumbs.segmentCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "button.contentCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly s: "gap-button-gap-icon-to-label";
+        readonly sm: "gap-button-gap-icon-to-label";
+        readonly default: "gap-button-gap-icon-to-label";
+        readonly none: "gap-button-gap-icon-to-label";
+      };
+      readonly iconPosition: {
+        readonly left: "";
+        readonly right: "";
+        readonly none: "";
+      };
+      readonly iconOnly: {
+        readonly true: "";
+        readonly false: "";
+      };
+    }>;
+  };
+  "button.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly width: {
+        readonly fill: "w-full";
+        readonly hug: "w-auto";
+      };
+      readonly size: {
+        readonly s: "";
+        readonly sm: "";
+        readonly default: "";
+        readonly none: "";
+      };
+      readonly color: {
+        readonly primary: "";
+        readonly secondary: "";
+        readonly error: "";
+        readonly dual: "";
+      };
+      readonly variant: {
+        readonly contained: "";
+        readonly solid: "";
+        readonly outlined: "";
+        readonly outline: "";
+        readonly subtle: "";
+        readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
+        readonly ghost: "";
+      };
+      readonly inverted: {
+        readonly true: "";
+        readonly false: "";
+      };
+    }>;
+  };
+  "button.iconSize": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly s: "size-icons-size";
+        readonly sm: "size-icons-size";
+        readonly default: "size-icons-size";
+        readonly none: "size-icons-size";
+      };
+    }>;
+  };
+  "button.sizeCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly s: "rounded-button-rounding-small";
+        readonly sm: "rounded-button-rounding-small";
+        readonly default: "rounded-button-rounding-default";
+        readonly none: "p-0";
+      };
+      readonly iconOnly: {
+        readonly true: "";
+        readonly false: "";
+      };
+    }>;
+  };
+  "checkbox.contentRowCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly default: "";
+      };
+      readonly as: {
+        readonly default: "flex-col";
+        readonly floating: "flex-col";
+        readonly filter: "flex-row flex-wrap items-center gap-2";
+        readonly inline: "flex-row flex-wrap items-center gap-2";
+      };
+      readonly hasInputFrame: {
+        readonly true: "gap-2";
+        readonly false: "";
+      };
+    }>;
+  };
+  "checkbox.contentWrapperCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly default: "";
+      };
+      readonly size: {
+        readonly small: "";
+        readonly default: "";
+      };
+      readonly as: {
+        readonly default: "flex-col";
+        readonly floating: "flex-col";
+        readonly filter: "flex-row flex-wrap items-center gap-2";
+        readonly inline: "flex-row flex-wrap items-center gap-2";
+      };
+      readonly hasInputFrame: {
+        readonly true: "gap-2";
+        readonly false: "";
+      };
+    }>;
+  };
+  "checkbox.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        default: ["m-1 border-interactive-primary-background bg-support-transparent-outline", "text-interactive-primary-foreground", "group-focus-visible:outline-interactive-ring", "group-not-disabled:group-invalid:border-border-destructive-base", "group-disabled:border-state-interactive-primary-background/disabled", "group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover", "group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed", "group-selected:bg-interactive-primary-background", "group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-selected:group-disabled:bg-state-interactive-primary-background/disabled", "group-indeterminate:bg-interactive-primary-background", "group-indeterminate:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-indeterminate:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-indeterminate:group-disabled:bg-state-interactive-primary-background/disabled"];
+      };
+    }>;
+  };
+  "checkbox.groupLabelCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly as: {
+        readonly default: "";
+        readonly floating: ["pointer-events-none absolute", "top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "text-surface-default-card-foreground", "font-semibold!", "text-small!"];
+        readonly filter: "";
+        readonly inline: "";
+      };
+    }>;
+  };
+  "checkbox.iconCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly iconVariant: {
+        selected: ["group-selected:block"];
+        indeterminate: ["group-indeterminate:block"];
+      };
+    }>;
+  };
+  "dialog.contentCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly aside: {
+        readonly left: "h-screen rounded-none border-r";
+        readonly right: "h-screen rounded-none border-l";
+        readonly center: "rounded-modal-rounding-default border";
+      };
+    }>;
+  };
+  "dialog.mainCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly aside: {
+        readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
+        readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
+        readonly center: ["justify-center", "transition-[opacity,scale] duration-200 ease-out starting:scale-96 starting:opacity-0 entering:scale-96 entering:opacity-0 exiting:scale-96 exiting:opacity-0 exiting:duration-150 motion-reduce:transition-none"];
+      };
+    }>;
+  };
+  "dialog.overlayCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly aside: {
+        readonly left: "p-0";
+        readonly right: "p-0";
+        readonly center: "p-4";
+      };
+    }>;
+  };
+  "dropdownMenu.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isMobile: {
+        true: [];
+        false: [];
+      };
+    }>;
+  };
+  "dropdownMenu.itemCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isMobile: {
+        true: ["justify-start! w-full font-body font-bold"];
+        false: [];
+      };
+    }>;
+  };
+  "dropdownMenu.popoverCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "dropdownMenu.popoverWrapperCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "fileUpload.dropZoneCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        vertical: ["flex-col justify-center"];
+        horizontal: ["flex-row justify-between"];
+      };
+      readonly isContainer: {
+        true: ["data-[drop-target]:before:content-['']", "data-[drop-target]:before:absolute", "data-[drop-target]:before:z-drop-target", "data-[drop-target]:before:w-full", "data-[drop-target]:before:h-full", "data-[drop-target]:before:top-0", "data-[drop-target]:before:left-0", "data-[drop-target]:border data-[drop-target]:border-dashed", "data-[drop-target]:border-interactive-ring", "data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0", "data-[drop-target]:before:bg-state-interactive-subtle-primary-background/hover"];
+        false: ["flex items-center", "py-file-upload-container-height-top-bottom", "px-file-upload-container-side-default", "gap-file-upload-content-gap-icon-to-content", "border border-border-default-subtle border-dashed bg-surface-default-card", "not-disabled:not-invalid:not-data-[filled]:hover:border-border-default-base not-disabled:not-invalid:not-data-[filled]:hover:bg-state-surface-default-background/hover", "not-disabled:not-invalid:data-[drop-target]:border-border-default-base not-disabled:not-invalid:data-[drop-target]:bg-state-surface-default-background/hover", "invalid:border-dashed invalid:border-border-destructive-base!", "not-invalid:data-[filled]:border-solid"];
+      };
+    }>;
+  };
+  "formField.errorLabelCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly visible: {
+        readonly true: "mt-1.5";
+        readonly false: "sr-only";
+      };
+    }>;
+  };
+  "formField.headerCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly visible: {
+        readonly true: "mb-1";
+        readonly false: "sr-only";
+      };
+    }>;
+  };
+  "formField.helperLabelCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly visible: {
+        readonly true: "mt-1.5";
+        readonly false: "sr-only";
+      };
+    }>;
+  };
+  "input.baseCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly outlined: "";
+        readonly filled: "";
+      };
+      readonly as: {
+        readonly default: "rounded-input-rounding-default";
+        readonly floating: "rounded-input-rounding-default";
+        readonly filter: "rounded-input-rounding-default";
+        readonly inline: ["h-full border-support-transparent-outline border-b-0 bg-support-transparent-outline text-surface-default-popover-foreground", "placeholder:text-surface-default-popover-foreground **:placeholder:text-surface-default-popover-foreground", "not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:border-state-border-default-input/hover not-disabled:not-has-disabled:not-invalid:not-has-invalid:not-[:focus-within]:hover:text-state-surface-default-popover-foreground/hover", "not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:border-interactive-ring not-disabled:not-has-disabled:not-invalid:not-has-invalid:[&:focus-within]:text-surface-default-card-foreground", "not-disabled:not-has-disabled:invalid:border-border-destructive-base not-disabled:not-has-disabled:has-invalid:border-border-destructive-base", "disabled:text-state-surface-default-popover-foreground/disabled has-disabled:text-state-surface-default-popover-foreground/disabled"];
+      };
+    }>;
+  };
+  "input.clearClassCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly as: {
+        readonly default: "";
+        readonly floating: "";
+        readonly filter: "";
+        readonly inline: "";
+      };
+    }>;
+  };
+  "input.contentWrapperCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly as: {
+        readonly default: "";
+        readonly floating: "flex-col";
+        readonly filter: "gap-input-gap-input-text-to-elements";
+        readonly inline: "";
+      };
+    }>;
+  };
+  "input.sideCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly small: "";
+        readonly default: "";
+      };
+      readonly type: {
+        readonly left: "";
+        readonly right: "";
+        readonly var: "";
+      };
+    }>;
+  };
+  "input.sizeCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly small: "text-large";
+        readonly default: "text-large";
+      };
+      readonly as: {
+        readonly default: "";
+        readonly floating: ["py-floating-label-input-height-empty", "input-filled:pb-[calc(2*var(--spacing-floating-label-input-height-empty)-var(--spacing-floating-label-input-height-filled)-var(--spacing-floating-label-input-offset-top)-var(--text-small--line-height)*var(--text-small))]", "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-small--line-height)*var(--text-small))]"];
+        readonly filter: "";
+        readonly inline: "";
+      };
+    }>;
+  };
+  "label.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly as: {
+        default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"];
+        filter: ["text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"];
+        inline: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"];
+        floating: ["pointer-events-none font-normal!", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-surface-default-card-foreground", "input-disabled:text-state-surface-default-card-foreground/disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-surface-default-card-foreground", "input-filled:font-bold!", "input-filled:text-small!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
+      };
+    }>;
+  };
+  "link.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        default: ["text-interactive-primary-background focus-visible:outline-interactive-ring", "hover:text-state-interactive-primary-background/hover focus-visible:text-state-interactive-primary-background/focus active:text-state-interactive-primary-background/pressed"];
+      };
+    }>;
+  };
+  "badgeButton.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly color: {
+        readonly primary: "";
+        readonly secondary: "";
+        readonly success: "";
+        readonly warning: "";
+        readonly error: "";
+      };
+      readonly hasIcon: {
+        readonly true: "px-badge-side-dismissable";
+        readonly false: "px-badge-side-default";
+      };
+      readonly variant: {
+        readonly contained: "";
+        readonly solid: "";
+        readonly outlined: "";
+        readonly outline: "";
+        readonly subtle: "";
+      };
+    }>;
+  };
+  "popover.cva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "progress.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly valueLabel: {
+        leading: ["flex-row-reverse"];
+        trailing: [];
+        none: [];
+      };
+    }>;
+  };
+  "progress.fillCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "progress.trackCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly part: {
+        container: ["relative h-1 w-full"];
+        background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"];
+      };
+    }>;
+  };
+  "progress.trackWrapperCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "progress.valueCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "radio.contentRowCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly default: "";
+      };
+      readonly as: {
+        readonly default: "flex-col";
+        readonly floating: "flex-col";
+        readonly filter: "flex-row flex-wrap items-center gap-2";
+        readonly inline: "flex-row flex-wrap items-center gap-2";
+      };
+      readonly hasInputFrame: {
+        readonly true: "gap-2";
+        readonly false: "";
+      };
+    }>;
+  };
+  "radio.contentWrapperCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly default: "";
+      };
+      readonly as: {
+        readonly default: "flex-col";
+        readonly floating: "flex-col";
+        readonly filter: "flex-row flex-wrap items-center gap-2";
+        readonly inline: "flex-row flex-wrap items-center gap-2";
+      };
+      readonly hasInputFrame: {
+        readonly true: "gap-2";
+        readonly false: "";
+      };
+    }>;
+  };
+  "radio.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        default: ["border-interactive-primary-background bg-support-transparent-outline", "before:bg-interactive-primary-foreground group-selected:before:block", "group-focus-visible:outline-interactive-ring", "group-not-disabled:group-invalid:border-border-destructive-base", "group-disabled:border-state-interactive-primary-background/disabled", "group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover", "group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed", "group-selected:bg-interactive-primary-background", "group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-selected:group-disabled:bg-state-interactive-primary-background/disabled"];
+      };
+    }>;
+  };
+  "select.listBoxItemCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly isSingle: {
+        readonly false: "";
+        readonly true: "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground selected:disabled:text-state-interactive-primary-foreground/disabled";
+      };
+      readonly isNewItem: {
+        readonly true: "text-interactive-primary-background disabled:text-state-interactive-primary-background/disabled";
+        readonly false: "text-surface-default-foreground disabled:text-state-surface-default-foreground/disabled";
+      };
+    }>;
+  };
+  "select.popoverCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "status.iconCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly outlined: "";
+        readonly contained: "text-inherit";
+      };
+      readonly color: {
+        readonly neutral: "";
+        readonly success: "";
+        readonly warning: "";
+        readonly error: "";
+      };
+    }>;
+  };
+  "status.separatorCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly outlined: "";
+        readonly contained: "hidden";
+      };
+      readonly color: {
+        readonly neutral: "bg-border-default-subtle";
+        readonly success: "bg-surface-success-base";
+        readonly warning: "bg-surface-warning-base";
+        readonly error: "bg-surface-destructive-base";
+      };
+    }>;
+  };
+  "stepper.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly orientation: {
+        readonly horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal";
+        readonly vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical";
+      };
+    }>;
+  };
+  "stepper.iconCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly status: {
+        readonly completed: ["border border-interactive-primary-background border-solid bg-interactive-primary-background", "group-hover:border-state-interactive-primary-background/hover group-hover:bg-state-interactive-primary-background/hover", "group-pressed:border-state-interactive-primary-background/pressed group-pressed:bg-state-interactive-primary-background/pressed"];
+        readonly active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline";
+        readonly todo: "border border-state-interactive-subtle-primary-foreground/disabled border-solid bg-support-transparent-outline";
+      };
+    }>;
+  };
+  "stepper.itemCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly contentOrientation: {
+        readonly horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left";
+        readonly vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center";
+      };
+    }>;
+  };
+  "stepper.numberCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly status: {
+        readonly completed: "";
+        readonly active: "text-interactive-subtle-primary-foreground";
+        readonly todo: "text-state-interactive-subtle-primary-foreground/disabled";
+      };
+    }>;
+  };
+  "stepper.separatorCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly orientation: {
+        readonly horizontal: "h-px min-w-4 flex-1";
+        readonly vertical: "min-h-16 w-px";
+      };
+      readonly contentOrientation: {
+        readonly horizontal: "";
+        readonly vertical: "";
+      };
+    }>;
+  };
+  "stepper.subtextCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly status: {
+        readonly completed: ["text-surface-default-foreground", "group-hover:text-state-surface-default-foreground/hover", "group-pressed:text-state-surface-default-foreground/pressed"];
+        readonly active: "text-surface-default-foreground";
+        readonly todo: "text-state-surface-default-popover-foreground/disabled";
+      };
+    }>;
+  };
+  "stepper.titleCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly status: {
+        readonly completed: ["text-surface-default-foreground", "group-hover:text-state-surface-default-foreground/hover", "group-pressed:text-state-surface-default-foreground/pressed"];
+        readonly active: "text-interactive-primary-background";
+        readonly todo: "text-state-surface-default-popover-foreground/disabled";
+      };
+    }>;
+  };
+  "switch.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        default: ["bg-state-interactive-primary-background/disabled before:bg-interactive-primary-foreground", "group-not-disabled:group-selected:bg-interactive-primary-background", "group-disabled:bg-state-interactive-secondary-background/disabled group-disabled:before:bg-interactive-secondary-foreground", "group-focus-visible:outline-interactive-ring", "group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-not-disabled:group-selected:group-hover:bg-state-interactive-primary-background/hover", "group-not-disabled:group-selected:group-pressed:bg-state-interactive-primary-background/pressed"];
+      };
+    }>;
+  };
+  "table.cellTextCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "table.dataCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly hasRightBorder: {
+        readonly true: "border-l border-l-border-default-subtle";
+        readonly false: "";
+      };
+    }>;
+  };
+  "table.headDataCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly hasRightBorder: {
+        readonly true: "border-l border-l-border-default-subtle border-solid";
+        readonly false: "";
+      };
+    }>;
+  };
+  "table.headRowCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "table.headerTextCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "table.rowCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly alternatingBackground: {
+        readonly even: "even:bg-surface-inverted-alt/5";
+        readonly odd: "odd:bg-surface-inverted-alt/5";
+      };
+    }>;
+  };
+  "table.theadCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "tag.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly color: {
+        primary: ["bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", "not-disabled:not-pressed:hover:bg-state-interactive-subtle-primary-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-primary-foreground/hover", "not-disabled:pressed:bg-state-interactive-subtle-primary-background/pressed not-disabled:pressed:text-state-interactive-subtle-primary-foreground/pressed", "disabled:bg-state-interactive-subtle-primary-background/disabled disabled:text-state-interactive-subtle-primary-foreground/disabled", "focus-visible:outline-interactive-ring"];
+        secondary: ["bg-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground", "not-disabled:not-pressed:hover:bg-state-interactive-subtle-secondary-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-secondary-foreground/hover", "not-disabled:pressed:bg-state-interactive-subtle-secondary-background/pressed not-disabled:pressed:text-state-interactive-subtle-secondary-foreground/pressed", "disabled:bg-state-interactive-subtle-secondary-background/disabled disabled:text-state-interactive-subtle-secondary-foreground/disabled", "focus-visible:outline-interactive-ring"];
+        success: ["bg-surface-success-inverted-base text-surface-success-base", "not-disabled:not-pressed:hover:bg-state-surface-success-inverted-base/hover not-disabled:not-pressed:hover:text-state-surface-success-base/hover", "not-disabled:pressed:bg-state-surface-success-inverted-base/pressed not-disabled:pressed:text-state-surface-success-base/pressed", "disabled:bg-state-surface-success-inverted-base/disabled disabled:text-state-surface-success-base/disabled", "focus-visible:outline-interactive-ring"];
+        warning: ["bg-surface-warning-inverted-base text-surface-warning-base", "not-disabled:not-pressed:hover:bg-state-surface-warning-inverted-base/hover not-disabled:not-pressed:hover:text-state-surface-warning-base/hover", "not-disabled:pressed:bg-state-surface-warning-inverted-base/pressed not-disabled:pressed:text-state-surface-warning-base/pressed", "disabled:bg-state-surface-warning-inverted-base/disabled disabled:text-state-surface-warning-base/disabled", "focus-visible:outline-interactive-ring"];
+        error: ["bg-interactive-subtle-destructive-background text-interactive-subtle-destructive-foreground", "not-disabled:not-pressed:hover:bg-state-interactive-subtle-destructive-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-destructive-foreground/hover", "not-disabled:pressed:bg-state-interactive-subtle-destructive-background/pressed not-disabled:pressed:text-state-interactive-subtle-destructive-foreground/pressed", "disabled:bg-state-interactive-subtle-destructive-background/disabled disabled:text-state-interactive-subtle-destructive-foreground/disabled", "focus-visible:outline-interactive-ring"];
+      };
+    }>;
+  };
+  "textArea.wrapperCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "toast.containerCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly position: {
+        readonly "bottom-right": "right-0 bottom-0";
+        readonly "bottom-left": "bottom-0 left-0";
+        readonly "top-right": "top-0 right-0";
+        readonly "top-left": "top-0 left-0";
+        readonly "bottom-center": "bottom-0";
+        readonly "top-center": "top-0";
+      };
+    }>;
+  };
+  "toast.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly variant: {
+        readonly outlined: "border bg-surface-default-card text-surface-default-card-foreground";
+        readonly contained: "";
+      };
+      readonly color: {
+        readonly neutral: "";
+        readonly success: "";
+        readonly warning: "";
+        readonly error: "";
+      };
+      readonly position: {
+        readonly "bottom-right": "";
+        readonly "bottom-left": "";
+        readonly "bottom-center": "";
+        readonly "top-right": "";
+        readonly "top-left": "";
+        readonly "top-center": "";
+      };
+    }>;
+  };
+  "toggleGroup.cva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "toggleGroup.itemCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly iconOnly: {
+        readonly true: "px-segmented-control-height-segment";
+        readonly false: "px-segmented-control-side-segment";
+      };
+    }>;
+  };
+  "tooltip.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly color: {
+        default: ["bg-interactive-secondary-background"];
+        error: ["w-max bg-surface-destructive-base"];
+      };
+    }>;
+  };
+  "tooltip.pointerVerticalCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly color: {
+        default: ["text-interactive-secondary-background"];
+        error: ["text-surface-destructive-base"];
+      };
+    }>;
+  };
+  "tooltip.textCva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly color: {
+        default: ["text-interactive-secondary-foreground"];
+        error: ["text-surface-destructive-inverted-base"];
+      };
+    }>;
+  };
+  "tooltipWrapper.triggerCva": {
+    base: string[];
+    config?: StyleMergeUtils.Config<Record<never, never>>;
+  };
+  "typography.cva": {
+    base: string[];
+    config: StyleMergeUtils.Config<{
+      readonly size: {
+        readonly "headline-l": "md:text-headline-l";
+        readonly h1: "md:text-h1";
+        readonly h2: "md:text-h2";
+        readonly h3: "md:text-h3";
+        readonly h4: "md:text-h4";
+        readonly lead: "md:text-lead";
+        readonly small: "md:text-small";
+        readonly large: "md:text-large";
+        readonly body: "md:text-body";
+      };
+      readonly sizeMobile: {
+        readonly "headline-l": "text-headline-l";
+        readonly h1: "text-h1";
+        readonly h2: "text-h2";
+        readonly h3: "text-h3";
+        readonly h4: "text-h4";
+        readonly lead: "text-lead";
+        readonly small: "text-small";
+        readonly large: "text-large";
+        readonly body: "text-body";
+      };
+    }>;
+  };
+};
+type CvaSlot = keyof typeof cvaDefinitions;
+//#endregion
+//#region src/configurator/cva-model.d.ts
+interface CvaDefinition {
+  base: string[];
+  config: {
+    variants: Record<string, Record<string, string>>;
+    defaultVariants: Record<string, string | boolean | null>;
+    compoundVariants: Array<Record<string, string | boolean | string[] | boolean[] | null>>;
+  };
+}
+type CvaEdits = Partial<Record<CvaSlot, CvaDefinition>>;
+//#endregion
+//#region src/configurator/configuration.context.d.ts
+interface UIConfiguration {
+  theme: ThemeEdits;
+  overrides?: CvaEdits;
+  config: Partial<Pick<UIConfig.Options, "button" | "input" | "renderStaticInput">>;
+}
+interface ConfigurationContextValue {
+  defaults: ThemeEdits;
+  inheritedOverrides: UIOverrides.Config | null | undefined;
+  draft: UIConfiguration;
+  setDraft: React.Dispatch<React.SetStateAction<UIConfiguration>>;
+  isOpen: boolean;
+  open: () => void;
+  cancel: () => void;
+  apply: () => void;
+  revision: number;
+}
+interface UIConfigurationProviderProps extends PropsWithChildren {
+  /** The application's base theme. Use parseThemeCss with your Tailwind theme source. */
+  defaults: ThemeEdits;
+  /** Optional saved overrides. Load before mounting this provider. */
+  initialValue?: UIConfiguration;
+  /** Called on Apply. The host owns persistence and access to this developer tool. */
+  onApply?: (configuration: UIConfiguration) => void;
+}
+declare function UIConfigurationProvider({ defaults, initialValue, onApply, children }: UIConfigurationProviderProps): import("react").JSX.Element;
+declare function useUIConfiguration(): ConfigurationContextValue;
+//#endregion
+//#region src/configurator/UIConfigurator.d.ts
+declare function UIConfigurationModal(): import("react").JSX.Element | null;
+//#endregion
+//#region src/configurator/ColorModeSwitch.d.ts
+interface ColorModeSwitchProps {
+  value: Mode;
+  onChange: (mode: Mode) => void;
+  label?: string;
+}
+/** Controlled color-mode switch, shared by configurators and application settings. */
+declare function ColorModeSwitch({ value, onChange, label }: ColorModeSwitchProps): import("react").JSX.Element;
+//#endregion
+export { ColorModeSwitch, type ColorModeSwitchProps, type CvaDefinition, type CvaEdits, type ThemeEdits, type Tokens, type UIConfiguration, UIConfigurationModal, UIConfigurationProvider, type UIConfigurationProviderProps, exportCss, parseThemeCss, useUIConfiguration };