@urbicon-ui/blocks 6.37.1 → 6.38.0

package/dist/primitives/Collapsible/collapsible.variants.d.ts

@@ -1,34 +1,34 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const collapsibleVariants: ((props?: {
-    variant?: "default" | "ghost" | "card" | undefined;
+    variant?: "default" | "card" | "ghost" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined) => {
     base: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     trigger: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     chevron: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     contentInner: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/primitives/Combobox/combobox.variants.d.ts

@@ -1,15 +1,15 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const comboboxVariants: ((props?: {
     tier?: "commit" | "modify" | undefined;
-    variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     open?: boolean | undefined;
     disabled?: boolean | undefined;
 } | undefined) => {
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -17,8 +17,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -26,8 +26,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     requiredMark: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -35,8 +35,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     inputWrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -44,8 +44,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     input: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -53,8 +53,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -62,8 +62,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     helper: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -71,8 +71,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     listbox: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -80,8 +80,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     option: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -89,8 +89,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     optionActive: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -98,8 +98,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     optionSelected: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -107,8 +107,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     optionCheck: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -116,8 +116,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     group: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -125,8 +125,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     groupLabel: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -134,8 +134,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     noResults: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -143,8 +143,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     loading: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -152,8 +152,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     clear: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -161,8 +161,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     chevronButton: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -170,8 +170,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     chevron: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -179,8 +179,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     control: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -188,8 +188,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     search: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -197,8 +197,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     tag: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -206,8 +206,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     tagLabel: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -215,8 +215,8 @@ export declare const comboboxVariants: ((props?: {
     }) | undefined) => string;
     tagRemove: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
     } & {

package/dist/primitives/Input/input.variants.d.ts

@@ -1,9 +1,9 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const inputVariants: ((props?: {
     tier?: "commit" | "modify" | undefined;
-    variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    intent?: "default" | "success" | "warning" | "danger" | undefined;
+    variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    intent?: "success" | "warning" | "danger" | "default" | undefined;
     disabled?: boolean | undefined;
     readonly?: boolean | undefined;
     messageType?: "error" | "helper" | undefined;
@@ -15,9 +15,9 @@ export declare const inputVariants: ((props?: {
 } | undefined) => {
     wrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -31,9 +31,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     container: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -47,9 +47,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -63,9 +63,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -79,9 +79,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -95,9 +95,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     iconContainer: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -111,9 +111,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     iconButton: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -127,9 +127,9 @@ export declare const inputVariants: ((props?: {
     }) | undefined) => string;
     iconDecoration: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        variant?: "ghost" | "underline" | "filled" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        intent?: "success" | "warning" | "danger" | "default" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;

package/dist/primitives/Input/input.variants.js

@@ -1,18 +1,23 @@
+import { FIELD_DISABLED_FRAME, FIELD_LABEL, FIELD_LABEL_DISABLED, FIELD_MESSAGE_TONES, FIELD_NATIVE_DISABLED, FIELD_NATIVE_READONLY, FIELD_REQUIRED_LABEL, FIELD_SURFACE, FIELD_TRANSITION, fieldErrorFrame, fieldFocusRing, fieldIntentFrames, fieldSurfaceVariants } from '../../internal/field-chrome.js';
 import { tv } from '../../utils/variants.js';
+// Input and PinInput light the focusable element itself; TimeInput its container.
+const focus = 'focus-visible';
+const surface = fieldSurfaceVariants(focus);
+const intents = fieldIntentFrames(focus);
 export const inputVariants = tv({
     slots: {
         wrapper: ['flex flex-col w-full gap-1.5'],
         container: ['relative flex items-center'],
         base: [
-            'w-full box-border transition-[color,background-color,border-color,box-shadow] duration-[var(--blocks-duration-fast)] ease-out',
+            `w-full box-border ${FIELD_TRANSITION}`,
             // Radius driven by `tier` axis below.
             'focus-visible:outline-none',
-            'border text-text-primary bg-surface-base placeholder:text-text-quaternary',
-            'hover:border-border-default focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20',
-            'disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-subtle',
-            'read-only:bg-surface-subtle read-only:cursor-default'
+            `${FIELD_SURFACE} placeholder:text-text-quaternary`,
+            `hover:border-border-default ${fieldFocusRing(focus)}`,
+            FIELD_NATIVE_DISABLED,
+            FIELD_NATIVE_READONLY
         ],
-        label: ['block font-medium text-text-secondary text-sm'],
+        label: [FIELD_LABEL],
         message: ['text-xs mt-1.5'],
         iconContainer: [
             'absolute top-0 bottom-0 flex items-center justify-center z-10 pointer-events-none'
@@ -40,13 +45,13 @@ export const inputVariants = tv({
         },
         variant: {
             outlined: {
-                base: 'border-border-subtle'
+                base: surface.outlined
             },
             filled: {
-                base: 'bg-surface-interactive border-transparent hover:bg-surface-hover focus-visible:bg-surface-base'
+                base: surface.filled
             },
             ghost: {
-                base: 'bg-transparent hover:bg-surface-subtle focus-visible:bg-surface-base focus-visible:border-border-subtle'
+                base: surface.ghost
             },
             underline: {
                 base: 'bg-transparent border-0 border-b-2 border-border-subtle rounded-none focus-visible:ring-0'
@@ -94,19 +99,19 @@ export const inputVariants = tv({
         intent: {
             default: {},
             success: {
-                base: 'border-success focus-visible:border-success focus-visible:ring-success/20'
+                base: intents.success
             },
             warning: {
-                base: 'border-warning focus-visible:border-warning focus-visible:ring-warning/20'
+                base: intents.warning
             },
             danger: {
-                base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20'
+                base: intents.danger
             }
         },
         disabled: {
             true: {
-                base: 'opacity-50 cursor-not-allowed bg-surface-disabled pointer-events-none',
-                label: 'text-text-disabled'
+                base: FIELD_DISABLED_FRAME,
+                label: FIELD_LABEL_DISABLED
             }
         },
         readonly: {
@@ -117,18 +122,18 @@ export const inputVariants = tv({
         // Declared BEFORE `error` so the error tone wins the message-color
         // bucket in every call shape — `{ error: true }` alone must read red.
         messageType: {
-            error: { message: 'text-danger' },
-            helper: { message: 'text-text-tertiary' }
+            error: { message: FIELD_MESSAGE_TONES.error },
+            helper: { message: FIELD_MESSAGE_TONES.helper }
         },
         error: {
             true: {
-                base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
-                message: 'text-danger'
+                base: fieldErrorFrame(focus),
+                message: FIELD_MESSAGE_TONES.error
             }
         },
         required: {
             true: {
-                label: "after:content-['*'] after:ml-1 after:text-danger"
+                label: FIELD_REQUIRED_LABEL
             }
         },
         hasLeftIcon: { true: {} },