@kushagradhawan/kookie-ui 0.1.40 → 0.1.42

package/dist/esm/components/schemas/toggle-button.schema.d.ts

@@ -0,0 +1,1172 @@
+import { z } from 'zod';
+/**
+ * ToggleButton Zod schema - Single source of truth for ToggleButton component props
+ *
+ * ToggleButton extends Button with toggle functionality using Radix UI's Toggle primitive.
+ * It provides proper accessibility announcements, controlled/uncontrolled state management,
+ * and seamless integration with the existing Button component.
+ *
+ * Key features:
+ * - Controlled and uncontrolled state management
+ * - Live accessibility announcements for screen readers
+ * - Automatic state validation and warnings
+ * - Seamless integration with Button props and styling
+ * - Proper ARIA attributes for toggle functionality
+ *
+ * @example
+ * ```tsx
+ * // Uncontrolled toggle button
+ * const props = ToggleButtonSchema.parse({
+ *   defaultPressed: false,
+ *   variant: 'outline'
+ * });
+ *
+ * // Controlled toggle button
+ * const controlledProps = ToggleButtonSchema.parse({
+ *   pressed: true,
+ *   onPressedChange: (pressed) => console.log(pressed),
+ *   variant: 'soft'
+ * });
+ *
+ * // Toggle button with tooltip
+ * const tooltipProps = ToggleButtonSchema.parse({
+ *   defaultPressed: false,
+ *   tooltip: 'Toggle dark mode',
+ *   children: 'Dark Mode'
+ * });
+ * ```
+ */
+export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<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>;
+} & {
+    tooltip: z.ZodOptional<z.ZodString>;
+    tooltipSide: z.ZodDefault<z.ZodOptional<z.ZodEnum<["top", "right", "bottom", "left"]>>>;
+    tooltipAlign: z.ZodDefault<z.ZodOptional<z.ZodEnum<["start", "center", "end"]>>>;
+    tooltipDelayDuration: z.ZodOptional<z.ZodNumber>;
+    tooltipDisableHoverableContent: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    overrideStyles: z.ZodOptional<z.ZodObject<{
+        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, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }>>;
+        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, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }>>;
+        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, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }>>;
+        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, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }>>;
+        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, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }>>;
+        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, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }, {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        }>>;
+        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, {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    }, {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    }>>;
+} & {
+    /**
+     * Controlled pressed state
+     * When provided, the component is controlled and the pressed state is managed externally
+     */
+    pressed: z.ZodOptional<z.ZodBoolean>;
+    /**
+     * Callback when pressed state changes
+     * Called with the new pressed state when the toggle is activated
+     */
+    onPressedChange: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    /**
+     * Default pressed state for uncontrolled usage
+     * Used as the initial pressed state when the component is uncontrolled
+     */
+    defaultPressed: z.ZodOptional<z.ZodBoolean>;
+}, "strict", z.ZodTypeAny, {
+    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;
+    };
+    disabled: boolean;
+    variant: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override";
+    highContrast: boolean;
+    flush: boolean;
+    loading: boolean;
+    tooltipSide: "left" | "right" | "bottom" | "top";
+    tooltipAlign: "center" | "end" | "start";
+    tooltipDisableHoverableContent: boolean;
+    fullWidth: boolean;
+    className?: string | 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;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "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;
+    type?: "button" | "reset" | "submit" | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    overrideStyles?: {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    } | undefined;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}, {
+    className?: string | 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;
+    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;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    disabled?: boolean | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "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;
+    type?: "button" | "reset" | "submit" | 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" | "bottom" | "top" | undefined;
+    tooltipAlign?: "center" | "end" | "start" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    tooltipDisableHoverableContent?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    overrideStyles?: {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    } | undefined;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | 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;
+    };
+    disabled: boolean;
+    variant: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override";
+    highContrast: boolean;
+    flush: boolean;
+    loading: boolean;
+    tooltipSide: "left" | "right" | "bottom" | "top";
+    tooltipAlign: "center" | "end" | "start";
+    tooltipDisableHoverableContent: boolean;
+    fullWidth: boolean;
+    className?: string | 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;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "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;
+    type?: "button" | "reset" | "submit" | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    overrideStyles?: {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    } | undefined;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}, {
+    className?: string | 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;
+    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;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    disabled?: boolean | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "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;
+    type?: "button" | "reset" | "submit" | 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" | "bottom" | "top" | undefined;
+    tooltipAlign?: "center" | "end" | "start" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    tooltipDisableHoverableContent?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    overrideStyles?: {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    } | undefined;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | 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;
+    };
+    disabled: boolean;
+    variant: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override";
+    highContrast: boolean;
+    flush: boolean;
+    loading: boolean;
+    tooltipSide: "left" | "right" | "bottom" | "top";
+    tooltipAlign: "center" | "end" | "start";
+    tooltipDisableHoverableContent: boolean;
+    fullWidth: boolean;
+    className?: string | 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;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "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;
+    type?: "button" | "reset" | "submit" | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    overrideStyles?: {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    } | undefined;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}, {
+    className?: string | 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;
+    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;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    disabled?: boolean | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "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;
+    type?: "button" | "reset" | "submit" | 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" | "bottom" | "top" | undefined;
+    tooltipAlign?: "center" | "end" | "start" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    tooltipDisableHoverableContent?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    overrideStyles?: {
+        normal?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        open?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        active?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        disabled?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        focus?: {
+            outline?: string | undefined;
+            outlineOffset?: string | undefined;
+        } | undefined;
+        hover?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+        pressed?: {
+            outline?: string | undefined;
+            color?: string | undefined;
+            backgroundColor?: string | undefined;
+            boxShadow?: string | undefined;
+            filter?: string | undefined;
+            opacity?: string | number | undefined;
+            outlineOffset?: string | undefined;
+            background?: string | undefined;
+        } | undefined;
+    } | undefined;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>;
+/**
+ * Type derived from ToggleButton Zod schema
+ * This ensures type safety and consistency with the schema
+ */
+export type ToggleButtonProps = z.infer<typeof ToggleButtonSchema>;
+/**
+ * Development-only helper to validate and normalize ToggleButton 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 invalidProps = parseToggleButtonProps({
+ *   pressed: true,
+ *   defaultPressed: false
+ *   // Missing onPressedChange and conflicting controlled/uncontrolled
+ * });
+ * // Throws: "Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together"
+ *
+ * const validProps = parseToggleButtonProps({
+ *   pressed: true,
+ *   onPressedChange: (pressed) => setPressed(pressed)
+ * });
+ * ```
+ */
+export declare function parseToggleButtonProps(props: unknown): ToggleButtonProps;
+//# sourceMappingURL=toggle-button.schema.d.ts.map