@womp/kookie-ui 0.5.0 → 0.7.0

package/dist/cjs/components/schemas/button.schema.d.ts

@@ -29,53 +29,127 @@ import { z } from 'zod';
 export declare const ButtonSchema: z.ZodObject<{
     as: z.ZodOptional<z.ZodString>;
     asChild: z.ZodOptional<z.ZodBoolean>;
-    size: z.ZodDefault<z.ZodUnion<[z.ZodEnum<["1", "2", "3", "4"]>, z.ZodObject<{
-        initial: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
-        sm: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
-        md: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
-        lg: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
-        xl: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
-    }, "strip", z.ZodTypeAny, {
-        initial?: "1" | "2" | "3" | "4" | undefined;
-        sm?: "1" | "2" | "3" | "4" | undefined;
-        md?: "1" | "2" | "3" | "4" | undefined;
-        lg?: "1" | "2" | "3" | "4" | undefined;
-        xl?: "1" | "2" | "3" | "4" | undefined;
-    }, {
-        initial?: "1" | "2" | "3" | "4" | undefined;
-        sm?: "1" | "2" | "3" | "4" | undefined;
-        md?: "1" | "2" | "3" | "4" | undefined;
-        lg?: "1" | "2" | "3" | "4" | undefined;
-        xl?: "1" | "2" | "3" | "4" | undefined;
-    }>]>>;
-    variant: z.ZodDefault<z.ZodEnum<["classic", "solid", "soft", "surface", "outline", "ghost", "override"]>>;
-    color: z.ZodOptional<z.ZodEnum<["tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "brown", "orange", "sky", "mint", "lime", "yellow", "amber", "gold", "bronze", "gray"]>>;
-    highContrast: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    radius: z.ZodOptional<z.ZodEnum<["none", "small", "medium", "large", "full"]>>;
+    size: z.ZodDefault<z.ZodUnion<readonly [z.ZodEnum<{
+        1: "1";
+        2: "2";
+        3: "3";
+        4: "4";
+    }>, z.ZodObject<{
+        initial: z.ZodOptional<z.ZodEnum<{
+            1: "1";
+            2: "2";
+            3: "3";
+            4: "4";
+        }>>;
+        sm: z.ZodOptional<z.ZodEnum<{
+            1: "1";
+            2: "2";
+            3: "3";
+            4: "4";
+        }>>;
+        md: z.ZodOptional<z.ZodEnum<{
+            1: "1";
+            2: "2";
+            3: "3";
+            4: "4";
+        }>>;
+        lg: z.ZodOptional<z.ZodEnum<{
+            1: "1";
+            2: "2";
+            3: "3";
+            4: "4";
+        }>>;
+        xl: z.ZodOptional<z.ZodEnum<{
+            1: "1";
+            2: "2";
+            3: "3";
+            4: "4";
+        }>>;
+    }, z.core.$strip>]>>;
+    variant: z.ZodDefault<z.ZodEnum<{
+        classic: "classic";
+        soft: "soft";
+        surface: "surface";
+        outline: "outline";
+        ghost: "ghost";
+        solid: "solid";
+        override: "override";
+    }>>;
+    color: z.ZodOptional<z.ZodEnum<{
+        gray: "gray";
+        gold: "gold";
+        bronze: "bronze";
+        brown: "brown";
+        yellow: "yellow";
+        amber: "amber";
+        orange: "orange";
+        tomato: "tomato";
+        red: "red";
+        ruby: "ruby";
+        crimson: "crimson";
+        pink: "pink";
+        plum: "plum";
+        purple: "purple";
+        violet: "violet";
+        iris: "iris";
+        indigo: "indigo";
+        blue: "blue";
+        cyan: "cyan";
+        teal: "teal";
+        jade: "jade";
+        green: "green";
+        grass: "grass";
+        lime: "lime";
+        mint: "mint";
+        sky: "sky";
+    }>>;
+    radius: z.ZodOptional<z.ZodEnum<{
+        small: "small";
+        none: "none";
+        medium: "medium";
+        large: "large";
+        full: "full";
+    }>>;
     loading: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     fullWidth: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    material: z.ZodOptional<z.ZodEnum<["solid", "translucent"]>>;
-    panelBackground: z.ZodOptional<z.ZodEnum<["solid", "translucent"]>>;
+    material: z.ZodOptional<z.ZodEnum<{
+        solid: "solid";
+        translucent: "translucent";
+    }>>;
+    panelBackground: z.ZodOptional<z.ZodEnum<{
+        solid: "solid";
+        translucent: "translucent";
+    }>>;
     flush: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     disabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    type: z.ZodOptional<z.ZodEnum<["button", "submit", "reset"]>>;
+    type: z.ZodOptional<z.ZodEnum<{
+        button: "button";
+        submit: "submit";
+        reset: "reset";
+    }>>;
     className: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodString, z.ZodNumber]>>>;
-    onClick: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onFocus: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onBlur: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onMouseEnter: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onMouseLeave: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onKeyDown: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onKeyUp: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
-    onSubmit: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    style: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
+    onClick: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onFocus: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onBlur: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onMouseEnter: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onMouseLeave: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onKeyDown: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onKeyUp: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onSubmit: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
     tabIndex: z.ZodOptional<z.ZodNumber>;
     'aria-label': z.ZodOptional<z.ZodString>;
     'aria-labelledby': z.ZodOptional<z.ZodString>;
     'aria-describedby': z.ZodOptional<z.ZodString>;
     'aria-expanded': z.ZodOptional<z.ZodBoolean>;
     'aria-pressed': z.ZodOptional<z.ZodBoolean>;
-    'aria-current': z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodEnum<["page", "step", "location", "date", "time"]>]>>;
+    'aria-current': z.ZodOptional<z.ZodUnion<readonly [z.ZodBoolean, z.ZodEnum<{
+        time: "time";
+        page: "page";
+        step: "step";
+        location: "location";
+        date: "date";
+    }>]>>;
     'aria-controls': z.ZodOptional<z.ZodString>;
     'aria-owns': z.ZodOptional<z.ZodString>;
     'data-*': z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
@@ -83,35 +157,21 @@ export declare const ButtonSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
     role: z.ZodOptional<z.ZodString>;
     children: z.ZodOptional<z.ZodAny>;
-} & {
-    /**
-     * Content to display in the tooltip on hover/focus
-     */
     tooltip: z.ZodOptional<z.ZodString>;
-    /**
-     * Side of the button where the tooltip should appear
-     * @default 'top'
-     */
-    tooltipSide: z.ZodDefault<z.ZodOptional<z.ZodEnum<["top", "right", "bottom", "left"]>>>;
-    /**
-     * Alignment of the tooltip relative to the button
-     * @default 'center'
-     */
-    tooltipAlign: z.ZodDefault<z.ZodOptional<z.ZodEnum<["start", "center", "end"]>>>;
-    /**
-     * Delay before showing the tooltip (in milliseconds)
-     */
+    tooltipSide: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        top: "top";
+        bottom: "bottom";
+    }>>>;
+    tooltipAlign: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        start: "start";
+        end: "end";
+    }>>>;
     tooltipDelayDuration: z.ZodOptional<z.ZodNumber>;
-    /**
-     * Whether to disable hoverable content behavior
-     * @default false
-     */
     tooltipDisableHoverableContent: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    /**
-     * Override styles for different interaction states
-     */
     overrideStyles: z.ZodOptional<z.ZodObject<{
-        /** Default/idle state styles */
         normal: z.ZodOptional<z.ZodObject<{
             color: z.ZodOptional<z.ZodString>;
             background: z.ZodOptional<z.ZodString>;
@@ -120,27 +180,8 @@ export declare const ButtonSchema: z.ZodObject<{
             filter: z.ZodOptional<z.ZodString>;
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-            opacity: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
-        }, "strip", z.ZodTypeAny, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }>>;
-        /** Hover state styles */
+            opacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>>;
         hover: z.ZodOptional<z.ZodObject<{
             color: z.ZodOptional<z.ZodString>;
             background: z.ZodOptional<z.ZodString>;
@@ -149,27 +190,8 @@ export declare const ButtonSchema: z.ZodObject<{
             filter: z.ZodOptional<z.ZodString>;
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-            opacity: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
-        }, "strip", z.ZodTypeAny, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }>>;
-        /** Active (mouse down) state styles */
+            opacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>>;
         active: z.ZodOptional<z.ZodObject<{
             color: z.ZodOptional<z.ZodString>;
             background: z.ZodOptional<z.ZodString>;
@@ -178,27 +200,8 @@ export declare const ButtonSchema: z.ZodObject<{
             filter: z.ZodOptional<z.ZodString>;
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-            opacity: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
-        }, "strip", z.ZodTypeAny, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }>>;
-        /** Toggle pressed state styles (data-state="on") */
+            opacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>>;
         pressed: z.ZodOptional<z.ZodObject<{
             color: z.ZodOptional<z.ZodString>;
             background: z.ZodOptional<z.ZodString>;
@@ -207,27 +210,8 @@ export declare const ButtonSchema: z.ZodObject<{
             filter: z.ZodOptional<z.ZodString>;
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-            opacity: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
-        }, "strip", z.ZodTypeAny, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }>>;
-        /** Open state styles (e.g., when used as a trigger) */
+            opacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>>;
         open: z.ZodOptional<z.ZodObject<{
             color: z.ZodOptional<z.ZodString>;
             background: z.ZodOptional<z.ZodString>;
@@ -236,27 +220,8 @@ export declare const ButtonSchema: z.ZodObject<{
             filter: z.ZodOptional<z.ZodString>;
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-            opacity: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
-        }, "strip", z.ZodTypeAny, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }>>;
-        /** Disabled state styles */
+            opacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>>;
         disabled: z.ZodOptional<z.ZodObject<{
             color: z.ZodOptional<z.ZodString>;
             background: z.ZodOptional<z.ZodString>;
@@ -265,401 +230,14 @@ export declare const ButtonSchema: z.ZodObject<{
             filter: z.ZodOptional<z.ZodString>;
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-            opacity: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
-        }, "strip", z.ZodTypeAny, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }, {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        }>>;
-        /** Focus-visible outline styles */
+            opacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+        }, z.core.$strip>>;
         focus: z.ZodOptional<z.ZodObject<{
             outline: z.ZodOptional<z.ZodString>;
             outlineOffset: z.ZodOptional<z.ZodString>;
-        }, "strip", z.ZodTypeAny, {
-            outline?: string | undefined;
-            outlineOffset?: string | undefined;
-        }, {
-            outline?: string | undefined;
-            outlineOffset?: string | undefined;
-        }>>;
-    }, "strip", z.ZodTypeAny, {
-        disabled?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        open?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        normal?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        focus?: {
-            outline?: string | undefined;
-            outlineOffset?: string | undefined;
-        } | undefined;
-        active?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        hover?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        pressed?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-    }, {
-        disabled?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        open?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        normal?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        focus?: {
-            outline?: string | undefined;
-            outlineOffset?: string | undefined;
-        } | undefined;
-        active?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        hover?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        pressed?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-    }>>;
-}, "strict", z.ZodTypeAny, {
-    disabled: boolean;
-    size: "1" | "2" | "3" | "4" | {
-        initial?: "1" | "2" | "3" | "4" | undefined;
-        sm?: "1" | "2" | "3" | "4" | undefined;
-        md?: "1" | "2" | "3" | "4" | undefined;
-        lg?: "1" | "2" | "3" | "4" | undefined;
-        xl?: "1" | "2" | "3" | "4" | undefined;
-    };
-    variant: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override";
-    highContrast: boolean;
-    flush: boolean;
-    loading: boolean;
-    tooltipSide: "left" | "right" | "top" | "bottom";
-    tooltipAlign: "center" | "start" | "end";
-    tooltipDisableHoverableContent: boolean;
-    fullWidth: boolean;
-    className?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    style?: Record<string, string | number> | undefined;
-    title?: string | undefined;
-    as?: string | undefined;
-    asChild?: boolean | undefined;
-    color?: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky" | undefined;
-    id?: string | undefined;
-    tabIndex?: number | undefined;
-    role?: string | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-pressed'?: boolean | undefined;
-    children?: any;
-    onFocus?: ((...args: unknown[]) => unknown) | undefined;
-    onBlur?: ((...args: unknown[]) => unknown) | undefined;
-    onSubmit?: ((...args: unknown[]) => unknown) | undefined;
-    onKeyDown?: ((...args: unknown[]) => unknown) | undefined;
-    onKeyUp?: ((...args: unknown[]) => unknown) | undefined;
-    onClick?: ((...args: unknown[]) => unknown) | undefined;
-    onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
-    onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
-    tooltip?: string | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
-    material?: "solid" | "translucent" | undefined;
-    panelBackground?: "solid" | "translucent" | undefined;
-    tooltipDelayDuration?: number | undefined;
-    overrideStyles?: {
-        disabled?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        open?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        normal?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        focus?: {
-            outline?: string | undefined;
-            outlineOffset?: string | undefined;
-        } | undefined;
-        active?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        hover?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        pressed?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-    } | undefined;
-    'data-*'?: Record<string, string> | undefined;
-}, {
-    className?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    style?: Record<string, string | number> | undefined;
-    title?: string | undefined;
-    as?: string | undefined;
-    asChild?: boolean | undefined;
-    color?: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky" | undefined;
-    id?: string | undefined;
-    tabIndex?: number | undefined;
-    role?: string | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-pressed'?: boolean | undefined;
-    children?: any;
-    onFocus?: ((...args: unknown[]) => unknown) | undefined;
-    onBlur?: ((...args: unknown[]) => unknown) | undefined;
-    onSubmit?: ((...args: unknown[]) => unknown) | undefined;
-    onKeyDown?: ((...args: unknown[]) => unknown) | undefined;
-    onKeyUp?: ((...args: unknown[]) => unknown) | undefined;
-    onClick?: ((...args: unknown[]) => unknown) | undefined;
-    onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
-    onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
-    tooltip?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: "1" | "2" | "3" | "4" | {
-        initial?: "1" | "2" | "3" | "4" | undefined;
-        sm?: "1" | "2" | "3" | "4" | undefined;
-        md?: "1" | "2" | "3" | "4" | undefined;
-        lg?: "1" | "2" | "3" | "4" | undefined;
-        xl?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined;
-    variant?: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override" | undefined;
-    highContrast?: boolean | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
-    material?: "solid" | "translucent" | undefined;
-    panelBackground?: "solid" | "translucent" | undefined;
-    flush?: boolean | undefined;
-    loading?: boolean | undefined;
-    tooltipSide?: "left" | "right" | "top" | "bottom" | undefined;
-    tooltipAlign?: "center" | "start" | "end" | undefined;
-    tooltipDelayDuration?: number | undefined;
-    tooltipDisableHoverableContent?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    overrideStyles?: {
-        disabled?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        open?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        normal?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        focus?: {
-            outline?: string | undefined;
-            outlineOffset?: string | undefined;
-        } | undefined;
-        active?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        hover?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-        pressed?: {
-            filter?: string | undefined;
-            outline?: string | undefined;
-            color?: string | undefined;
-            opacity?: string | number | undefined;
-            outlineOffset?: string | undefined;
-            background?: string | undefined;
-            backgroundColor?: string | undefined;
-            boxShadow?: string | undefined;
-        } | undefined;
-    } | undefined;
-    'data-*'?: Record<string, string> | undefined;
-}>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+}, z.core.$strict>;
 /**
  * Type derived from Button Zod schema
  * This ensures type safety and consistency with the schema