@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/{style-definitions-_RXJdSk-.d.ts → style-definitions-DzsmGccZ.d.ts}

@@ -15,8 +15,8 @@ declare const menuItemDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly isMobile: {
-      true: ["justify-start! w-full font-body font-bold"];
-      false: [];
+      true: ["w-full justify-start px-4 py-2.5 font-medium"];
+      false: ["justify-between rounded-sm px-2 py-1.5"];
     };
   }>;
 };
@@ -40,9 +40,9 @@ declare const dialogContentDefinition: {
   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";
+      readonly left: "h-screen rounded-none border-r p-4";
+      readonly right: "h-screen rounded-none border-l p-4";
+      readonly center: "rounded-lg border p-6";
     };
   }>;
 };
@@ -74,8 +74,8 @@ declare const tooltipDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["bg-interactive-secondary-background"];
-      error: ["w-max bg-status-destructive-background"];
+      default: ["w-fit bg-foreground"];
+      error: ["w-max bg-destructive"];
     };
   }>;
 };
@@ -85,8 +85,8 @@ declare const tooltipPointerHorizontalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-interactive-secondary-background"];
-      error: ["text-status-destructive-background"];
+      default: ["text-foreground"];
+      error: ["text-destructive"];
     };
   }>;
 };
@@ -94,8 +94,8 @@ declare const tooltipPointerVerticalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-interactive-secondary-background"];
-      error: ["text-status-destructive-background"];
+      default: ["text-foreground"];
+      error: ["text-destructive"];
     };
   }>;
 };
@@ -103,8 +103,8 @@ declare const tooltipTextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-interactive-secondary-foreground"];
-      error: ["text-status-destructive-foreground"];
+      default: ["text-background"];
+      error: ["text-white"];
     };
   }>;
 };
@@ -139,8 +139,8 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly color: {
-        default: ["text-interactive-secondary-background"];
-        error: ["text-status-destructive-background"];
+        default: ["text-foreground"];
+        error: ["text-destructive"];
       };
     }>;
   };
@@ -157,7 +157,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly filled: "gap-1";
+        readonly filled: "gap-2";
         readonly outlined: "";
       };
       readonly singleItem: {
@@ -186,7 +186,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly filled: "rounded-accordion-rounding-filled bg-surface-default-background";
+        readonly filled: "rounded-md bg-muted/50 px-4";
         readonly outlined: "";
       };
       readonly singleItem: {
@@ -211,15 +211,15 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly outlined: "rounded-accordion-rounding-outlined hover:bg-state-surface-default-sunken/hover";
-        readonly filled: "rounded-accordion-rounding-filled bg-surface-default-background hover:bg-state-surface-default-sunken/hover";
+        readonly outlined: "";
+        readonly filled: "";
       };
       readonly actionPosition: {
         readonly left: "flex-row-reverse";
         readonly right: "flex-row";
       };
       readonly disabled: {
-        readonly true: "opacity-50";
+        readonly true: "pointer-events-none opacity-50";
       };
     }>;
   };
@@ -227,7 +227,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly outlined: "border bg-surface-default-card text-content-primary";
+        readonly outlined: "";
         readonly contained: "";
       };
       readonly color: {
@@ -254,11 +254,11 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly isCurrent: {
-        readonly true: "text-interactive-subtle-primary-foreground";
-        readonly false: "text-content-secondary hover:text-state-content-secondary/hover";
+        readonly true: "font-normal text-foreground";
+        readonly false: "hover:text-foreground";
       };
       readonly isEllipsis: {
-        readonly true: "hover:text-state-interactive-subtle-primary-foreground/hover!";
+        readonly true: "";
         readonly false: "";
       };
     }>;
@@ -271,10 +271,10 @@ declare const cvaDefinitions: {
     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 s: "gap-1.5";
+        readonly sm: "gap-1.5";
+        readonly default: "gap-2";
+        readonly none: "gap-1.5";
       };
       readonly iconPosition: {
         readonly left: "";
@@ -292,7 +292,7 @@ declare const cvaDefinitions: {
     config: StyleMergeUtils.Config<{
       readonly width: {
         readonly fill: "w-full";
-        readonly hug: "w-auto";
+        readonly hug: "";
       };
       readonly size: {
         readonly s: "";
@@ -313,7 +313,7 @@ declare const cvaDefinitions: {
         readonly outline: "";
         readonly subtle: "";
         readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
-        readonly ghost: "";
+        readonly ghost: "group-data-[split]/split:data-[separator]:after:hidden";
       };
       readonly inverted: {
         readonly true: "";
@@ -325,10 +325,10 @@ declare const cvaDefinitions: {
     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";
+        readonly s: "size-4";
+        readonly sm: "size-4";
+        readonly default: "size-4";
+        readonly none: "size-4";
       };
     }>;
   };
@@ -336,15 +336,20 @@ declare const cvaDefinitions: {
     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 s: "rounded-md";
+        readonly sm: "rounded-md";
+        readonly default: "rounded-md";
         readonly none: "p-0";
       };
       readonly iconOnly: {
         readonly true: "";
         readonly false: "";
       };
+      readonly iconPosition: {
+        readonly left: "";
+        readonly right: "";
+        readonly none: "";
+      };
     }>;
   };
   "checkbox.contentRowCva": {
@@ -391,7 +396,7 @@ declare const cvaDefinitions: {
     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"];
+        default: ["border-input text-primary-foreground dark:bg-input/30", "group-selected:border-primary group-selected:bg-primary dark:group-selected:bg-primary", "group-indeterminate:border-primary group-indeterminate:bg-primary dark:group-indeterminate:bg-primary", "group-not-selected:group-not-indeterminate:group-not-invalid:group-focus-visible:border-ring", "group-not-selected:group-not-indeterminate:group-invalid:border-destructive"];
       };
     }>;
   };
@@ -400,7 +405,7 @@ declare const cvaDefinitions: {
     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-content-primary", "font-semibold!", "text-small!"];
+        readonly floating: ["pointer-events-none absolute", "top-[0.5625rem]", "text-foreground", "font-medium!", "text-xs!"];
         readonly filter: "";
         readonly inline: "";
       };
@@ -410,7 +415,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly iconVariant: {
-        selected: ["size-3.5 group-selected:block"];
+        selected: ["group-selected:group-not-indeterminate:block"];
         indeterminate: ["group-indeterminate:block"];
       };
     }>;
@@ -419,9 +424,9 @@ declare const cvaDefinitions: {
     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";
+        readonly left: "h-screen rounded-none border-r p-4";
+        readonly right: "h-screen rounded-none border-l p-4";
+        readonly center: "rounded-lg border p-6";
       };
     }>;
   };
@@ -458,8 +463,8 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly isMobile: {
-        true: ["justify-start! w-full font-body font-bold"];
-        false: [];
+        true: ["w-full justify-start px-4 py-2.5 font-medium"];
+        false: ["justify-between rounded-sm px-2 py-1.5"];
       };
     }>;
   };
@@ -479,8 +484,8 @@ declare const cvaDefinitions: {
         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"];
+        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-ring", "data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0", "data-[drop-target]:before:rounded-lg data-[drop-target]:before:bg-accent/50"];
+        false: ["flex items-center", "p-6", "gap-2", "border border-input border-dashed bg-transparent text-muted-foreground transition-[color,box-shadow,background-color]", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "not-disabled:not-invalid:not-data-[filled]:hover:bg-accent/50", "not-disabled:not-invalid:data-[drop-target]:border-ring not-disabled:not-invalid:data-[drop-target]:bg-accent/50", "invalid:border-dashed invalid:border-destructive! invalid:ring-destructive/20 dark:invalid:ring-destructive/40", "not-invalid:data-[filled]:border-solid"];
       };
     }>;
   };
@@ -488,7 +493,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly visible: {
-        readonly true: "mt-1.5";
+        readonly true: "mt-2";
         readonly false: "sr-only";
       };
     }>;
@@ -497,7 +502,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly visible: {
-        readonly true: "mb-1";
+        readonly true: "mb-2";
         readonly false: "sr-only";
       };
     }>;
@@ -506,7 +511,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly visible: {
-        readonly true: "mt-1.5";
+        readonly true: "mt-2";
         readonly false: "sr-only";
       };
     }>;
@@ -519,10 +524,10 @@ declare const cvaDefinitions: {
         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-content-primary", "placeholder:text-content-muted **:placeholder:text-content-muted", "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-content-primary", "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-content-primary", "not-disabled:not-has-disabled:invalid:border-border-destructive-base not-disabled:not-has-disabled:has-invalid:border-border-destructive-base", "disabled:text-state-content-muted/disabled has-disabled:text-state-content-muted/disabled"];
+        readonly default: "rounded-md";
+        readonly floating: "rounded-md";
+        readonly filter: "rounded-md font-normal";
+        readonly inline: "h-full border-transparent bg-transparent text-foreground";
       };
     }>;
   };
@@ -543,7 +548,7 @@ declare const cvaDefinitions: {
       readonly as: {
         readonly default: "";
         readonly floating: "flex-col";
-        readonly filter: "gap-input-gap-input-text-to-elements";
+        readonly filter: "gap-2";
         readonly inline: "";
       };
     }>;
@@ -566,12 +571,12 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly size: {
-        readonly small: "text-large";
-        readonly default: "text-large";
+        readonly small: "text-sm";
+        readonly default: "text-base md:text-sm";
       };
       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 floating: "";
         readonly filter: "";
         readonly inline: "";
       };
@@ -581,10 +586,10 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly as: {
-        default: ["flex items-start gap-1 text-content-primary input-disabled:text-state-content-primary/disabled"];
-        filter: ["text-content-secondary input-disabled:text-state-content-secondary/disabled"];
-        inline: ["flex items-start gap-1 text-content-primary input-disabled:text-state-content-primary/disabled"];
-        floating: ["pointer-events-none font-normal!", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-content-primary", "input-disabled:text-state-content-primary/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-content-primary", "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"];
+        default: ["flex items-center gap-2 text-foreground", "input-disabled:pointer-events-none input-disabled:opacity-50"];
+        filter: ["shrink-0 text-muted-foreground"];
+        inline: ["flex items-center gap-2 text-foreground", "input-disabled:pointer-events-none input-disabled:opacity-50"];
+        floating: ["pointer-events-none", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-muted-foreground", "input-filled:top-1.5", "input-filled:translate-y-0", "input-filled:text-foreground", "input-filled:font-medium!", "input-filled:text-xs!", "group-data-[text-area]/text-area:top-3.5 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-3.5 group-data-[text-editor]/text-editor:left-[13px] group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
       };
     }>;
   };
@@ -592,7 +597,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        default: ["text-interactive-subtle-primary-foreground focus-visible:outline-interactive-ring", "hover:text-state-interactive-subtle-primary-foreground/hover focus-visible:text-state-interactive-subtle-primary-foreground/focus active:text-state-interactive-subtle-primary-foreground/pressed"];
+        readonly default: "text-primary";
       };
     }>;
   };
@@ -607,8 +612,8 @@ declare const cvaDefinitions: {
         readonly error: "";
       };
       readonly hasIcon: {
-        readonly true: "px-badge-side-dismissable";
-        readonly false: "px-badge-side-default";
+        readonly true: "px-2";
+        readonly false: "px-2";
       };
       readonly variant: {
         readonly contained: "";
@@ -641,8 +646,8 @@ declare const cvaDefinitions: {
     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-sunken"];
+        container: ["relative h-2 w-full overflow-hidden rounded-full"];
+        background: ["absolute inset-0 bg-primary/20"];
       };
     }>;
   };
@@ -694,7 +699,7 @@ declare const cvaDefinitions: {
     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"];
+        default: ["border-input text-primary dark:bg-input/30", "before:bg-primary group-selected:before:block", "group-not-invalid:group-focus-visible:border-ring", "group-invalid:border-destructive"];
       };
     }>;
   };
@@ -702,12 +707,12 @@ declare const cvaDefinitions: {
     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 false: "pr-2";
+        readonly true: "pr-8";
       };
       readonly isNewItem: {
-        readonly true: "text-interactive-subtle-primary-foreground disabled:text-state-interactive-subtle-primary-foreground/disabled";
-        readonly false: "text-content-secondary disabled:text-state-content-secondary/disabled";
+        readonly true: "text-primary font-medium";
+        readonly false: "text-popover-foreground";
       };
     }>;
   };
@@ -720,7 +725,7 @@ declare const cvaDefinitions: {
     config: StyleMergeUtils.Config<{
       readonly variant: {
         readonly outlined: "";
-        readonly contained: "text-inherit";
+        readonly contained: "text-current";
       };
       readonly color: {
         readonly neutral: "";
@@ -738,10 +743,10 @@ declare const cvaDefinitions: {
         readonly contained: "hidden";
       };
       readonly color: {
-        readonly neutral: "bg-border-default-subtle";
-        readonly success: "bg-status-success-accent";
-        readonly warning: "bg-status-warning-accent";
-        readonly error: "bg-status-destructive-accent";
+        readonly neutral: "bg-border";
+        readonly success: "bg-success/30";
+        readonly warning: "bg-warning/30";
+        readonly error: "bg-destructive/30";
       };
     }>;
   };
@@ -749,8 +754,8 @@ declare const cvaDefinitions: {
     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";
+        readonly horizontal: "flex flex-row items-center gap-4";
+        readonly vertical: "inline-flex flex-col gap-2";
       };
     }>;
   };
@@ -758,9 +763,9 @@ declare const cvaDefinitions: {
     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";
+        readonly completed: "border-primary bg-primary text-primary-foreground group-hover:bg-primary/90";
+        readonly active: "border-primary bg-primary text-primary-foreground";
+        readonly todo: "border-input bg-background text-muted-foreground";
       };
     }>;
   };
@@ -768,8 +773,8 @@ declare const cvaDefinitions: {
     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";
+        readonly horizontal: "flex-row items-center gap-3 text-left";
+        readonly vertical: "flex-col items-center gap-2 text-center";
       };
     }>;
   };
@@ -778,8 +783,8 @@ declare const cvaDefinitions: {
     config: StyleMergeUtils.Config<{
       readonly status: {
         readonly completed: "";
-        readonly active: "text-interactive-subtle-primary-foreground";
-        readonly todo: "text-state-interactive-subtle-primary-foreground/disabled";
+        readonly active: "";
+        readonly todo: "";
       };
     }>;
   };
@@ -788,7 +793,7 @@ declare const cvaDefinitions: {
     config: StyleMergeUtils.Config<{
       readonly orientation: {
         readonly horizontal: "h-px min-w-4 flex-1";
-        readonly vertical: "min-h-16 w-px";
+        readonly vertical: "min-h-8 w-px";
       };
       readonly contentOrientation: {
         readonly horizontal: "";
@@ -800,9 +805,9 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly status: {
-        readonly completed: ["text-content-secondary", "group-hover:text-state-content-secondary/hover", "group-pressed:text-state-content-secondary/pressed"];
-        readonly active: "text-content-secondary";
-        readonly todo: "text-state-content-muted/disabled";
+        readonly completed: "";
+        readonly active: "";
+        readonly todo: "";
       };
     }>;
   };
@@ -810,9 +815,9 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly status: {
-        readonly completed: ["text-content-secondary", "group-hover:text-state-content-secondary/hover", "group-pressed:text-state-content-secondary/pressed"];
-        readonly active: "text-interactive-subtle-primary-foreground";
-        readonly todo: "text-state-content-muted/disabled";
+        readonly completed: "text-foreground underline-offset-4 group-hover:underline";
+        readonly active: "text-foreground";
+        readonly todo: "text-muted-foreground";
       };
     }>;
   };
@@ -820,7 +825,7 @@ declare const cvaDefinitions: {
     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"];
+        default: ["group-not-selected:bg-input group-selected:bg-primary dark:group-not-selected:bg-input/80", "before:bg-background dark:group-not-selected:before:bg-foreground dark:group-selected:before:bg-primary-foreground"];
       };
     }>;
   };
@@ -832,16 +837,16 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly bordered: "border-b-border-default-subtle [tr:last-child>&]:border-b-transparent";
-        readonly rounded: "border-b-border-default-subtle [tr:last-child>&]:border-b-transparent";
+        readonly bordered: "border-b-border [tr:last-child>&]:border-b-transparent";
+        readonly rounded: "border-b-border [tr:last-child>&]:border-b-transparent";
         readonly verticals: "border-b-transparent";
-        readonly horizontals: "border-b-border-default-subtle [tr:last-child>&]:border-b-transparent";
+        readonly horizontals: "border-b-border [tr:last-child>&]:border-b-transparent";
         readonly zebra: "border-b-transparent";
-        readonly "striped-columns": "border-b-border-default-subtle [tr:last-child>&]:border-b-transparent even:bg-table-column-stripe";
-        readonly inner: "border-b-border-default-subtle [tr:last-child>&]:border-b-transparent";
+        readonly "striped-columns": "border-b-border [tr:last-child>&]:border-b-transparent even:bg-muted/50";
+        readonly inner: "border-b-border [tr:last-child>&]:border-b-transparent";
       };
       readonly hasRightBorder: {
-        readonly true: "border-l border-l-border-default-subtle";
+        readonly true: "border-l border-l-border";
         readonly false: "";
       };
     }>;
@@ -850,16 +855,16 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly bordered: "border-b-border-default-subtle";
-        readonly rounded: "border-b-border-default-subtle";
+        readonly bordered: "border-b-border";
+        readonly rounded: "border-b-border";
         readonly verticals: "border-b-transparent";
-        readonly horizontals: "border-b-border-default-subtle";
-        readonly zebra: "border-b-border-default-subtle";
-        readonly "striped-columns": "border-b-border-default-subtle even:bg-[linear-gradient(var(--color-table-column-stripe),var(--color-table-column-stripe))]";
-        readonly inner: "border-b-border-default-subtle";
+        readonly horizontals: "border-b-border";
+        readonly zebra: "border-b-border";
+        readonly "striped-columns": "border-b-border even:bg-linear-to-b even:from-muted/50 even:to-muted/50";
+        readonly inner: "border-b-border";
       };
       readonly hasRightBorder: {
-        readonly true: "border-l border-l-border-default-subtle border-solid";
+        readonly true: "border-l border-l-border border-solid";
         readonly false: "";
       };
     }>;
@@ -880,13 +885,13 @@ declare const cvaDefinitions: {
         readonly rounded: "";
         readonly verticals: "";
         readonly horizontals: "";
-        readonly zebra: "even:bg-table-row-stripe";
+        readonly zebra: "even:bg-muted/50 even:not-selected:not-disabled:hover:bg-muted";
         readonly "striped-columns": "";
         readonly inner: "";
       };
       readonly alternatingBackground: {
-        readonly even: "even:bg-table-row-stripe";
-        readonly odd: "odd:bg-table-row-stripe";
+        readonly even: "even:bg-muted/50 even:not-selected:not-disabled:hover:bg-muted";
+        readonly odd: "odd:bg-muted/50 odd:not-selected:not-disabled:hover:bg-muted";
       };
     }>;
   };
@@ -898,11 +903,11 @@ declare const cvaDefinitions: {
     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-status-success-subtle-background text-status-success-subtle-foreground", "not-disabled:not-pressed:hover:bg-state-status-success-subtle-background/hover not-disabled:not-pressed:hover:text-state-status-success-subtle-foreground/hover", "not-disabled:pressed:bg-state-status-success-subtle-background/pressed not-disabled:pressed:text-state-status-success-subtle-foreground/pressed", "disabled:bg-state-status-success-subtle-background/disabled disabled:text-state-status-success-subtle-foreground/disabled", "focus-visible:outline-interactive-ring"];
-        warning: ["bg-status-warning-subtle-background text-status-warning-subtle-foreground", "not-disabled:not-pressed:hover:bg-state-status-warning-subtle-background/hover not-disabled:not-pressed:hover:text-state-status-warning-subtle-foreground/hover", "not-disabled:pressed:bg-state-status-warning-subtle-background/pressed not-disabled:pressed:text-state-status-warning-subtle-foreground/pressed", "disabled:bg-state-status-warning-subtle-background/disabled disabled:text-state-status-warning-subtle-foreground/disabled", "focus-visible:outline-interactive-ring"];
-        error: ["bg-status-destructive-subtle-background text-status-destructive-subtle-foreground", "not-disabled:not-pressed:hover:bg-state-status-destructive-subtle-background/hover not-disabled:not-pressed:hover:text-state-status-destructive-subtle-foreground/hover", "not-disabled:pressed:bg-state-status-destructive-subtle-background/pressed not-disabled:pressed:text-state-status-destructive-subtle-foreground/pressed", "disabled:bg-state-status-destructive-subtle-background/disabled disabled:text-state-status-destructive-subtle-foreground/disabled", "focus-visible:outline-interactive-ring"];
+        readonly primary: "bg-primary/10 text-primary";
+        readonly secondary: "bg-secondary text-secondary-foreground";
+        readonly success: "bg-success/10 text-success dark:bg-success/20";
+        readonly warning: "bg-warning/10 text-warning dark:bg-warning/20";
+        readonly error: "bg-destructive/10 text-destructive dark:bg-destructive/20";
       };
     }>;
   };
@@ -927,7 +932,7 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly variant: {
-        readonly outlined: "border bg-surface-default-card text-content-primary";
+        readonly outlined: "";
         readonly contained: "";
       };
       readonly color: {
@@ -954,8 +959,8 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly iconOnly: {
-        readonly true: "px-segmented-control-height-segment";
-        readonly false: "px-segmented-control-side-segment";
+        readonly true: "";
+        readonly false: "";
       };
     }>;
   };
@@ -963,8 +968,8 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly color: {
-        default: ["bg-interactive-secondary-background"];
-        error: ["w-max bg-status-destructive-background"];
+        default: ["w-fit bg-foreground"];
+        error: ["w-max bg-destructive"];
       };
     }>;
   };
@@ -972,8 +977,8 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly color: {
-        default: ["text-interactive-secondary-background"];
-        error: ["text-status-destructive-background"];
+        default: ["text-foreground"];
+        error: ["text-destructive"];
       };
     }>;
   };
@@ -981,8 +986,8 @@ declare const cvaDefinitions: {
     base: string[];
     config: StyleMergeUtils.Config<{
       readonly color: {
-        default: ["text-interactive-secondary-foreground"];
-        error: ["text-status-destructive-foreground"];
+        default: ["text-background"];
+        error: ["text-white"];
       };
     }>;
   };
@@ -994,26 +999,26 @@ declare const cvaDefinitions: {
     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 "headline-l": "md:text-3xl md:tracking-tight";
+        readonly h1: "md:text-2xl md:tracking-tight";
+        readonly h2: "md:text-xl";
+        readonly h3: "md:text-lg";
+        readonly h4: "md:text-base";
+        readonly lead: "md:text-base";
+        readonly small: "md:text-xs";
+        readonly large: "md:text-sm";
+        readonly body: "md:text-sm";
       };
       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";
+        readonly "headline-l": "text-3xl tracking-tight";
+        readonly h1: "text-2xl tracking-tight";
+        readonly h2: "text-xl";
+        readonly h3: "text-lg";
+        readonly h4: "text-base";
+        readonly lead: "text-base";
+        readonly small: "text-xs";
+        readonly large: "text-sm";
+        readonly body: "text-sm";
       };
     }>;
   };