@urbicon-ui/blocks 6.19.3 → 6.21.1

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

@@ -1,119 +1,18 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
-export declare const inputVariants: (props?: import("../../utils/variants.js").TVProps<{
-    tier: {
-        modify: {
-            base: string;
-        };
-        commit: {
-            base: string;
-        };
-    };
-    variant: {
-        outlined: {
-            base: string;
-        };
-        filled: {
-            base: string;
-        };
-        ghost: {
-            base: string;
-        };
-        underline: {
-            base: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-            iconContainer: string;
-            iconButton: string;
-            iconDecoration: string;
-        };
-        sm: {
-            base: string;
-            iconContainer: string;
-            iconButton: string;
-            iconDecoration: string;
-        };
-        md: {
-            base: string;
-            iconContainer: string;
-            iconButton: string;
-            iconDecoration: string;
-        };
-        lg: {
-            base: string;
-            iconContainer: string;
-            iconButton: string;
-            iconDecoration: string;
-        };
-        xl: {
-            base: string;
-            iconContainer: string;
-            iconButton: string;
-            iconDecoration: string;
-        };
-    };
-    intent: {
-        default: {};
-        success: {
-            base: string;
-            message: string;
-        };
-        warning: {
-            base: string;
-            message: string;
-        };
-        danger: {
-            base: string;
-            message: string;
-        };
-    };
-    disabled: {
-        true: {
-            base: string;
-            label: string;
-        };
-    };
-    readonly: {
-        true: {
-            base: string;
-        };
-    };
-    error: {
-        true: {
-            base: string;
-            message: string;
-        };
-    };
-    required: {
-        true: {
-            label: string;
-        };
-    };
-    hasLeftIcon: {
-        true: {};
-    };
-    hasRightIcon: {
-        true: {};
-    };
-    messageType: {
-        error: {
-            message: string;
-        };
-        helper: {
-            message: string;
-        };
-    };
-    iconPosition: {
-        left: {
-            iconContainer: string;
-        };
-        right: {
-            iconContainer: string;
-        };
-    };
-}> | undefined) => {
+export declare const inputVariants: ((props?: {
+    tier?: "commit" | "modify" | undefined;
+    variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    intent?: "default" | "success" | "warning" | "danger" | undefined;
+    disabled?: boolean | undefined;
+    readonly?: boolean | undefined;
+    messageType?: "error" | "helper" | undefined;
+    error?: boolean | undefined;
+    required?: boolean | undefined;
+    hasLeftIcon?: boolean | undefined;
+    hasRightIcon?: boolean | undefined;
+    iconPosition?: "right" | "left" | undefined;
+} | undefined) => {
     wrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
@@ -121,15 +20,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     container: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -138,15 +36,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -155,15 +52,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -172,15 +68,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -189,15 +84,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     iconContainer: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -206,15 +100,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     iconButton: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -223,15 +116,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     iconDecoration: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -240,16 +132,17 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasLeftIcon?: boolean | undefined;
         hasRightIcon?: boolean | undefined;
-        messageType?: "error" | "helper" | undefined;
         iconPosition?: "right" | "left" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
+}) & {
+    readonly config: import("../../utils/variants.js").TVConfig;
 };
 export type InputVariants = VariantProps<typeof inputVariants>;
 /** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */

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

@@ -88,19 +88,19 @@ export const inputVariants = tv({
                 iconDecoration: '[&_svg]:w-6 [&_svg]:h-6'
             }
         },
+        // Message colour is owned by messageType/error (declared below) — an
+        // intent-level message tone could never win the fold and shipped
+        // inconsistently under the old stylesheet-order tie-break.
         intent: {
             default: {},
             success: {
-                base: 'border-success focus-visible:border-success focus-visible:ring-success/20',
-                message: 'text-success'
+                base: 'border-success focus-visible:border-success focus-visible:ring-success/20'
             },
             warning: {
-                base: 'border-warning focus-visible:border-warning focus-visible:ring-warning/20',
-                message: 'text-warning-emphasis'
+                base: 'border-warning focus-visible:border-warning focus-visible:ring-warning/20'
             },
             danger: {
-                base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
-                message: 'text-danger'
+                base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20'
             }
         },
         disabled: {
@@ -114,6 +114,12 @@ export const inputVariants = tv({
                 base: 'bg-surface-subtle cursor-default'
             }
         },
+        // 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: {
             true: {
                 base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
@@ -127,10 +133,6 @@ export const inputVariants = tv({
         },
         hasLeftIcon: { true: {} },
         hasRightIcon: { true: {} },
-        messageType: {
-            error: { message: 'text-danger' },
-            helper: { message: 'text-text-tertiary' }
-        },
         iconPosition: {
             left: { iconContainer: 'left-0' },
             right: { iconContainer: 'right-0' }