@womp/kookie-ui 0.3.22

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

@@ -0,0 +1,686 @@
+import { z } from 'zod';
+/**
+ * Button Zod schema - Single source of truth for Button component props
+ *
+ * The Button component is the primary interactive element in the Kookie User Interface.
+ * It provides six visual variants, four sizes, comprehensive color options, and built-in
+ * tooltip support. The component automatically handles icon sizing, supports responsive
+ * layouts, and provides accessibility compliance out of the box.
+ *
+ * @example
+ * ```tsx
+ * // Basic button validation
+ * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });
+ *
+ * // Button with tooltip
+ * const tooltipProps = ButtonSchema.parse({
+ *   tooltip: 'Save your progress',
+ *   tooltipSide: 'top'
+ * });
+ *
+ * // Polymorphic button as link
+ * const linkProps = ButtonSchema.parse({
+ *   as: 'a',
+ *   href: '/dashboard',
+ *   children: 'Go to Dashboard'
+ * });
+ * ```
+ */
+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"]>>;
+    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"]>>;
+    flush: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    disabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    type: z.ZodOptional<z.ZodEnum<["button", "submit", "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>>;
+    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-controls': z.ZodOptional<z.ZodString>;
+    'aria-owns': z.ZodOptional<z.ZodString>;
+    'data-*': z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    id: z.ZodOptional<z.ZodString>;
+    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)
+     */
+    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>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            boxShadow: z.ZodOptional<z.ZodString>;
+            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 */
+        hover: z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodString>;
+            background: z.ZodOptional<z.ZodString>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            boxShadow: z.ZodOptional<z.ZodString>;
+            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 */
+        active: z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodString>;
+            background: z.ZodOptional<z.ZodString>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            boxShadow: z.ZodOptional<z.ZodString>;
+            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") */
+        pressed: z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodString>;
+            background: z.ZodOptional<z.ZodString>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            boxShadow: z.ZodOptional<z.ZodString>;
+            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) */
+        open: z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodString>;
+            background: z.ZodOptional<z.ZodString>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            boxShadow: z.ZodOptional<z.ZodString>;
+            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 */
+        disabled: z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodString>;
+            background: z.ZodOptional<z.ZodString>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            boxShadow: z.ZodOptional<z.ZodString>;
+            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 */
+        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;
+    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;
+    type?: "button" | "submit" | "reset" | 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;
+    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;
+    type?: "button" | "submit" | "reset" | 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;
+}>;
+/**
+ * Type derived from Button Zod schema
+ * This ensures type safety and consistency with the schema
+ */
+export type ButtonProps = z.infer<typeof ButtonSchema>;
+/**
+ * Development-only helper to validate and normalize Button props
+ * This function should only be used in development mode
+ *
+ * @param props - Props to validate and normalize
+ * @returns Validated and normalized props
+ *
+ * @example
+ * ```tsx
+ * // In development, this will validate props and show helpful errors
+ * const validatedProps = parseButtonProps({
+ *   variant: 'invalid',
+ *   tooltipSide: 'invalid'
+ * });
+ * // Throws validation errors for invalid enum values
+ * ```
+ */
+export declare function parseButtonProps(props: unknown): ButtonProps;
+//# sourceMappingURL=button.schema.d.ts.map