@womp/kookie-ui 0.3.22

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

@@ -0,0 +1,563 @@
+import { z } from 'zod';
+/**
+ * ToggleIconButton Zod schema - Single source of truth for ToggleIconButton component props
+ *
+ * ToggleIconButton extends IconButton with toggle functionality using Radix UI's Toggle primitive.
+ * It provides proper accessibility announcements, controlled/uncontrolled state management,
+ * and seamless integration with the existing IconButton component.
+ *
+ * Key features:
+ * - Required accessibility attributes (aria-label, aria-labelledby, or children)
+ * - Controlled and uncontrolled state management
+ * - Live accessibility announcements for screen readers
+ * - Tooltip support for better UX
+ * - Proper ARIA attributes for toggle functionality
+ *
+ * @example
+ * ```tsx
+ * // Uncontrolled toggle icon button
+ * const props = ToggleIconButtonSchema.parse({
+ *   'aria-label': 'Toggle sidebar',
+ *   defaultPressed: false,
+ *   variant: 'ghost'
+ * });
+ *
+ * // Controlled toggle icon button
+ * const controlledProps = ToggleIconButtonSchema.parse({
+ *   'aria-label': 'Toggle dark mode',
+ *   pressed: true,
+ *   onPressedChange: (pressed) => setDarkMode(pressed),
+ *   variant: 'soft'
+ * });
+ *
+ * // Toggle icon button with tooltip
+ * const tooltipProps = ToggleIconButtonSchema.parse({
+ *   'aria-label': 'Toggle notifications',
+ *   defaultPressed: false,
+ *   tooltip: 'Toggle notification settings',
+ *   tooltipSide: 'right'
+ * });
+ * ```
+ */
+export declare const ToggleIconButtonSchema: z.ZodEffects<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-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>;
+} & {
+    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>>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    pressed: z.ZodOptional<z.ZodBoolean>;
+    onPressedChange: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    defaultPressed: z.ZodOptional<z.ZodBoolean>;
+}, "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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | 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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>, {
+    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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | 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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>, {
+    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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | 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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>, {
+    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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | 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;
+    pressed?: boolean | undefined;
+    defaultPressed?: boolean | undefined;
+    onPressedChange?: ((...args: unknown[]) => unknown) | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>;
+/**
+ * Type derived from ToggleIconButton Zod schema
+ * This ensures type safety and consistency with the schema
+ */
+export type ToggleIconButtonProps = z.infer<typeof ToggleIconButtonSchema>;
+/**
+ * Development-only helper to validate and normalize ToggleIconButton 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 = parseToggleIconButtonProps({
+ *   pressed: true,
+ *   defaultPressed: false
+ *   // Missing onPressedChange, conflicting controlled/uncontrolled, and missing accessibility
+ * });
+ * // Throws multiple validation errors
+ *
+ * const validProps = parseToggleIconButtonProps({
+ *   'aria-label': 'Toggle menu',
+ *   pressed: true,
+ *   onPressedChange: (pressed) => setMenuOpen(pressed)
+ * });
+ * ```
+ */
+export declare function parseToggleIconButtonProps(props: unknown): ToggleIconButtonProps;
+//# sourceMappingURL=toggle-icon-button.schema.d.ts.map

package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-icon-button.schema.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/toggle-icon-button.schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkHhC,CAAC;AAEJ;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,OAAO,GAAG,qBAAqB,CAKhF"}

package/dist/cjs/components/schemas/toggle-icon-button.schema.js

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(o,n)=>{for(var r in n)a(o,r,{get:n[r],enumerable:!0})},b=(o,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of c(n))!p.call(o,i)&&i!==r&&a(o,i,{get:()=>n[i],enumerable:!(s=d(n,i))||s.enumerable});return o};var f=o=>b(a({},"__esModule",{value:!0}),o);var g={};u(g,{ToggleIconButtonSchema:()=>m,parseToggleIconButtonProps:()=>h});module.exports=f(g);var t=require("zod");var e=require("zod"),l=e.z.object({as:e.z.string().optional().describe("HTML element type to render as"),asChild:e.z.boolean().optional().describe("Merge props with child element instead of rendering wrapper"),size:e.z.union([e.z.enum(["1","2","3","4"]),e.z.object({initial:e.z.enum(["1","2","3","4"]).optional(),sm:e.z.enum(["1","2","3","4"]).optional(),md:e.z.enum(["1","2","3","4"]).optional(),lg:e.z.enum(["1","2","3","4"]).optional(),xl:e.z.enum(["1","2","3","4"]).optional()})]).default("2").describe("Button size for responsive design and interface density"),variant:e.z.enum(["classic","solid","soft","surface","outline","ghost","override"]).default("solid").describe("Visual variant that determines the button's appearance and context"),color:e.z.enum(["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"]).optional().describe("Accent color for the button"),highContrast:e.z.boolean().optional().default(!1).describe("High contrast mode for better accessibility"),radius:e.z.enum(["none","small","medium","large","full"]).optional().describe("Border radius for the button"),loading:e.z.boolean().optional().default(!1).describe("Loading state that shows a spinner and disables interaction"),fullWidth:e.z.boolean().optional().default(!1).describe("Full width mode that expands the button to fill its container"),material:e.z.enum(["solid","translucent"]).optional().describe("Material type for visual rendering and depth effects"),panelBackground:e.z.enum(["solid","translucent"]).optional().describe("Panel background type (deprecated - use material instead)"),flush:e.z.boolean().optional().default(!1).describe("Flush mode that removes visual padding for seamless text integration"),disabled:e.z.boolean().optional().default(!1).describe("Disabled state"),type:e.z.enum(["button","submit","reset"]).optional().describe("Type attribute for form buttons"),className:e.z.string().optional().describe("Additional CSS class name"),style:e.z.record(e.z.string(),e.z.union([e.z.string(),e.z.number()])).optional().describe("Inline styles"),onClick:e.z.function().optional().describe("Click handler"),onFocus:e.z.function().optional().describe("Focus handler"),onBlur:e.z.function().optional().describe("Blur handler"),onMouseEnter:e.z.function().optional().describe("Mouse enter handler"),onMouseLeave:e.z.function().optional().describe("Mouse leave handler"),onKeyDown:e.z.function().optional().describe("Key down handler"),onKeyUp:e.z.function().optional().describe("Key up handler"),onSubmit:e.z.function().optional().describe("Form submission handler"),tabIndex:e.z.number().optional().describe("Tab index for keyboard navigation"),"aria-label":e.z.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":e.z.string().optional().describe("ARIA labelled by reference"),"aria-describedby":e.z.string().optional().describe("ARIA described by reference"),"aria-expanded":e.z.boolean().optional().describe("ARIA expanded state"),"aria-pressed":e.z.boolean().optional().describe("ARIA pressed state"),"aria-current":e.z.union([e.z.boolean(),e.z.enum(["page","step","location","date","time"])]).optional().describe("ARIA current state"),"aria-controls":e.z.string().optional().describe("ARIA controls reference"),"aria-owns":e.z.string().optional().describe("ARIA owns reference"),"data-*":e.z.record(e.z.string(),e.z.string()).optional().describe("Data attributes"),id:e.z.string().optional().describe("ID attribute"),title:e.z.string().optional().describe("Title attribute for tooltip"),role:e.z.string().optional().describe("Role attribute"),children:e.z.any().optional().describe("Children elements")}).strict();var m=l.extend({tooltip:t.z.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:t.z.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),tooltipAlign:t.z.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:t.z.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:t.z.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior"),"aria-label":t.z.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":t.z.string().optional().describe("ARIA labelled by reference"),children:t.z.any().optional().describe("Children elements (required for accessibility if no aria-label)"),pressed:t.z.boolean().optional().describe("Controlled pressed state"),onPressedChange:t.z.function().optional().describe("Callback when pressed state changes"),defaultPressed:t.z.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(o=>o["aria-label"]||o["aria-labelledby"]||o.children,{message:"ToggleIconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility",path:["aria-label","aria-labelledby","children"]}).refine(o=>!(o.pressed!==void 0&&o.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(o=>!(o.pressed!==void 0&&o.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function h(o){return o}
+//# sourceMappingURL=toggle-icon-button.schema.js.map

package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/schemas/toggle-icon-button.schema.ts", "../../../../src/components/schemas/base-button.schema.ts"],
+  "sourcesContent": ["import { z } from 'zod';\nimport { BaseButtonSchema } from './base-button.schema.js';\n\n/**\n * ToggleIconButton Zod schema - Single source of truth for ToggleIconButton component props\n *\n * ToggleIconButton extends IconButton with toggle functionality using Radix UI's Toggle primitive.\n * It provides proper accessibility announcements, controlled/uncontrolled state management,\n * and seamless integration with the existing IconButton component.\n *\n * Key features:\n * - Required accessibility attributes (aria-label, aria-labelledby, or children)\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Tooltip support for better UX\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle icon button\n * const props = ToggleIconButtonSchema.parse({\n *   'aria-label': 'Toggle sidebar',\n *   defaultPressed: false,\n *   variant: 'ghost'\n * });\n *\n * // Controlled toggle icon button\n * const controlledProps = ToggleIconButtonSchema.parse({\n *   'aria-label': 'Toggle dark mode',\n *   pressed: true,\n *   onPressedChange: (pressed) => setDarkMode(pressed),\n *   variant: 'soft'\n * });\n *\n * // Toggle icon button with tooltip\n * const tooltipProps = ToggleIconButtonSchema.parse({\n *   'aria-label': 'Toggle notifications',\n *   defaultPressed: false,\n *   tooltip: 'Toggle notification settings',\n *   tooltipSide: 'right'\n * });\n * ```\n */\nexport const ToggleIconButtonSchema = BaseButtonSchema.extend({\n  /**\n   * Content to display in the tooltip on hover/focus\n   */\n  tooltip: z.string().optional().describe('Content to display in the tooltip on hover/focus'),\n\n  /**\n   * Side of the button where the tooltip should appear\n   * @default 'top'\n   */\n  tooltipSide: z\n    .enum(['top', 'right', 'bottom', 'left'])\n    .optional()\n    .default('top')\n    .describe('Side of the button where the tooltip should appear'),\n\n  /**\n   * Alignment of the tooltip relative to the button\n   * @default 'center'\n   */\n  tooltipAlign: z\n    .enum(['start', 'center', 'end'])\n    .optional()\n    .default('center')\n    .describe('Alignment of the tooltip relative to the button'),\n\n  /**\n   * Delay before showing the tooltip (in milliseconds)\n   */\n  tooltipDelayDuration: z\n    .number()\n    .optional()\n    .describe('Delay before showing the tooltip (in milliseconds)'),\n\n  /**\n   * Whether to disable hoverable content behavior\n   * @default false\n   */\n  tooltipDisableHoverableContent: z\n    .boolean()\n    .optional()\n    .default(false)\n    .describe('Whether to disable hoverable content behavior'),\n\n  /**\n   * ARIA label for accessibility (required if no aria-labelledby or children)\n   * Icon buttons must have an accessible name to meet WCAG guidelines\n   */\n  'aria-label': z.string().optional().describe('ARIA label for accessibility'),\n\n  /**\n   * ARIA labelled by reference (required if no aria-label or children)\n   * Icon buttons must have an accessible name to meet WCAG guidelines\n   */\n  'aria-labelledby': z.string().optional().describe('ARIA labelled by reference'),\n\n  /**\n   * Children elements (required if no aria-label or aria-labelledby)\n   * Icon buttons must have an accessible name to meet WCAG guidelines\n   */\n  children: z\n    .any()\n    .optional()\n    .describe('Children elements (required for accessibility if no aria-label)'),\n\n  /**\n   * Controlled pressed state\n   * When provided, the component is controlled and the pressed state is managed externally\n   */\n  pressed: z.boolean().optional().describe('Controlled pressed state'),\n\n  /**\n   * Callback when pressed state changes\n   * Called with the new pressed state when the toggle is activated\n   */\n  onPressedChange: z.function().optional().describe('Callback when pressed state changes'),\n\n  /**\n   * Default pressed state for uncontrolled usage\n   * Used as the initial pressed state when the component is uncontrolled\n   */\n  defaultPressed: z.boolean().optional().describe('Default pressed state for uncontrolled usage'),\n})\n  .refine((data: any) => data['aria-label'] || data['aria-labelledby'] || data.children, {\n    message:\n      \"ToggleIconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility\",\n    path: ['aria-label', 'aria-labelledby', 'children'],\n  })\n  .refine(\n    (data: any) => {\n      // If pressed is provided, onPressedChange should also be provided for controlled usage\n      if (data.pressed !== undefined && data.onPressedChange === undefined) {\n        return false;\n      }\n      return true;\n    },\n    {\n      message: 'When using controlled mode (pressed prop), onPressedChange must also be provided',\n      path: ['onPressedChange'],\n    },\n  )\n  .refine(\n    (data: any) => {\n      // Cannot have both controlled and uncontrolled props\n      if (data.pressed !== undefined && data.defaultPressed !== undefined) {\n        return false;\n      }\n      return true;\n    },\n    {\n      message:\n        'Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together',\n      path: ['pressed', 'defaultPressed'],\n    },\n  );\n\n/**\n * Type derived from ToggleIconButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type ToggleIconButtonProps = z.infer<typeof ToggleIconButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize ToggleIconButton props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const invalidProps = parseToggleIconButtonProps({\n *   pressed: true,\n *   defaultPressed: false\n *   // Missing onPressedChange, conflicting controlled/uncontrolled, and missing accessibility\n * });\n * // Throws multiple validation errors\n *\n * const validProps = parseToggleIconButtonProps({\n *   'aria-label': 'Toggle menu',\n *   pressed: true,\n *   onPressedChange: (pressed) => setMenuOpen(pressed)\n * });\n * ```\n */\nexport function parseToggleIconButtonProps(props: unknown): ToggleIconButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return ToggleIconButtonSchema.parse(props);\n  }\n  return props as ToggleIconButtonProps;\n}\n", "import { z } from 'zod';\n\n/**\n * BaseButton Zod schema - Single source of truth for all button component props\n *\n * This schema defines the core button functionality used by Button, IconButton,\n * ToggleButton, and ToggleIconButton components. It ensures consistency across\n * the design system and provides machine-readable validation.\n *\n * @example\n * ```tsx\n * // Basic validation\n * const props = BaseButtonSchema.parse({ size: '2', variant: 'solid' });\n *\n * // With responsive props\n * const responsiveProps = BaseButtonSchema.parse({\n *   size: { initial: '1', sm: '2', md: '3' },\n *   variant: 'solid'\n * });\n * ```\n */\nexport const BaseButtonSchema = z\n  .object({\n    /**\n     * Polymorphic rendering - render as different HTML elements\n     * @default 'button'\n     */\n    as: z.string().optional().describe('HTML element type to render as'),\n\n    /**\n     * Use asChild to merge props with child element\n     * @default false\n     */\n    asChild: z\n      .boolean()\n      .optional()\n      .describe('Merge props with child element instead of rendering wrapper'),\n\n    /**\n     * Button size for responsive design and interface density\n     * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n     * @default '2'\n     */\n    size: z\n      .union([\n        z.enum(['1', '2', '3', '4']),\n        z.object({\n          initial: z.enum(['1', '2', '3', '4']).optional(),\n          sm: z.enum(['1', '2', '3', '4']).optional(),\n          md: z.enum(['1', '2', '3', '4']).optional(),\n          lg: z.enum(['1', '2', '3', '4']).optional(),\n          xl: z.enum(['1', '2', '3', '4']).optional(),\n        }),\n      ])\n      .default('2')\n      .describe('Button size for responsive design and interface density'),\n\n    /**\n     * Visual variant that determines the button's appearance and context\n     * @default 'solid'\n     */\n    variant: z\n      .enum(['classic', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override'])\n      .default('solid')\n      .describe(\"Visual variant that determines the button's appearance and context\"),\n\n    /**\n     * Accent color for the button\n     */\n    color: z\n      .enum([\n        'tomato',\n        'red',\n        'ruby',\n        'crimson',\n        'pink',\n        'plum',\n        'purple',\n        'violet',\n        'iris',\n        'indigo',\n        'blue',\n        'cyan',\n        'teal',\n        'jade',\n        'green',\n        'grass',\n        'brown',\n        'orange',\n        'sky',\n        'mint',\n        'lime',\n        'yellow',\n        'amber',\n        'gold',\n        'bronze',\n        'gray',\n      ])\n      .optional()\n      .describe('Accent color for the button'),\n\n    /**\n     * High contrast mode for better accessibility\n     * @default false\n     */\n    highContrast: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('High contrast mode for better accessibility'),\n\n    /**\n     * Border radius for the button\n     */\n    radius: z\n      .enum(['none', 'small', 'medium', 'large', 'full'])\n      .optional()\n      .describe('Border radius for the button'),\n\n    /**\n     * Loading state that shows a spinner and disables interaction\n     * Automatically sets disabled=true and provides accessibility announcements\n     * @default false\n     */\n    loading: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('Loading state that shows a spinner and disables interaction'),\n\n    /**\n     * Full width mode that expands the button to fill its container\n     * Useful for mobile layouts and form submissions\n     * @default false\n     */\n    fullWidth: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('Full width mode that expands the button to fill its container'),\n\n    /**\n     * Material type for visual rendering and depth effects\n     * Controls how the button renders its visual elements\n     */\n    material: z\n      .enum(['solid', 'translucent'])\n      .optional()\n      .describe('Material type for visual rendering and depth effects'),\n\n    /**\n     * Panel background type (deprecated)\n     * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n     */\n    panelBackground: z\n      .enum(['solid', 'translucent'])\n      .optional()\n      .describe('Panel background type (deprecated - use material instead)'),\n\n    /**\n     * Flush mode that removes visual padding for seamless text integration\n     * Only effective with ghost variant\n     * @default false\n     */\n    flush: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('Flush mode that removes visual padding for seamless text integration'),\n\n    /**\n     * Disabled state\n     * @default false\n     */\n    disabled: z.boolean().optional().default(false).describe('Disabled state'),\n\n    /**\n     * Type attribute for form buttons\n     * @default 'button'\n     */\n    type: z\n      .enum(['button', 'submit', 'reset'])\n      .optional()\n      .describe('Type attribute for form buttons'),\n\n    /**\n     * Additional CSS class name\n     */\n    className: z.string().optional().describe('Additional CSS class name'),\n\n    /**\n     * Inline styles\n     */\n    style: z\n      .record(z.string(), z.union([z.string(), z.number()]))\n      .optional()\n      .describe('Inline styles'),\n\n    /**\n     * Click handler\n     */\n    onClick: z.function().optional().describe('Click handler'),\n\n    /**\n     * Focus handler\n     */\n    onFocus: z.function().optional().describe('Focus handler'),\n\n    /**\n     * Blur handler\n     */\n    onBlur: z.function().optional().describe('Blur handler'),\n\n    /**\n     * Mouse enter handler\n     */\n    onMouseEnter: z.function().optional().describe('Mouse enter handler'),\n\n    /**\n     * Mouse leave handler\n     */\n    onMouseLeave: z.function().optional().describe('Mouse leave handler'),\n\n    /**\n     * Key down handler\n     */\n    onKeyDown: z.function().optional().describe('Key down handler'),\n\n    /**\n     * Key up handler\n     */\n    onKeyUp: z.function().optional().describe('Key up handler'),\n\n    /**\n     * Form submission handler\n     */\n    onSubmit: z.function().optional().describe('Form submission handler'),\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabIndex: z.number().optional().describe('Tab index for keyboard navigation'),\n\n    /**\n     * ARIA label for accessibility\n     */\n    'aria-label': z.string().optional().describe('ARIA label for accessibility'),\n\n    /**\n     * ARIA labelled by reference\n     */\n    'aria-labelledby': z.string().optional().describe('ARIA labelled by reference'),\n\n    /**\n     * ARIA described by reference\n     */\n    'aria-describedby': z.string().optional().describe('ARIA described by reference'),\n\n    /**\n     * ARIA expanded state\n     */\n    'aria-expanded': z.boolean().optional().describe('ARIA expanded state'),\n\n    /**\n     * ARIA pressed state\n     */\n    'aria-pressed': z.boolean().optional().describe('ARIA pressed state'),\n\n    /**\n     * ARIA current state\n     */\n    'aria-current': z\n      .union([z.boolean(), z.enum(['page', 'step', 'location', 'date', 'time'])])\n      .optional()\n      .describe('ARIA current state'),\n\n    /**\n     * ARIA controls reference\n     */\n    'aria-controls': z.string().optional().describe('ARIA controls reference'),\n\n    /**\n     * ARIA owns reference\n     */\n    'aria-owns': z.string().optional().describe('ARIA owns reference'),\n\n    /**\n     * Data attributes\n     */\n    'data-*': z.record(z.string(), z.string()).optional().describe('Data attributes'),\n\n    /**\n     * ID attribute\n     */\n    id: z.string().optional().describe('ID attribute'),\n\n    /**\n     * Title attribute for tooltip\n     */\n    title: z.string().optional().describe('Title attribute for tooltip'),\n\n    /**\n     * Role attribute\n     */\n    role: z.string().optional().describe('Role attribute'),\n\n    /**\n     * Children elements\n     */\n    children: z.any().optional().describe('Children elements'),\n  })\n  .strict();\n\n/**\n * Type derived from BaseButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type BaseButtonProps = z.infer<typeof BaseButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseBaseButtonProps({ size: 'invalid', variant: 'solid' });\n * // Throws: \"Invalid enum value. Expected '1' | '2' | '3' | '4', received 'invalid'\"\n * ```\n */\nexport function parseBaseButtonProps(props: unknown): BaseButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return BaseButtonSchema.parse(props);\n  }\n  return props as BaseButtonProps;\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,EAAA,+BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAkB,eCAlB,IAAAC,EAAkB,eAqBLC,EAAmB,IAC7B,OAAO,CAKN,GAAI,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gCAAgC,EAMnE,QAAS,IACN,QAAQ,EACR,SAAS,EACT,SAAS,6DAA6D,EAOzE,KAAM,IACH,MAAM,CACL,IAAE,KAAK,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAC3B,IAAE,OAAO,CACP,QAAS,IAAE,KAAK,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAAE,SAAS,EAC/C,GAAI,IAAE,KAAK,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAAE,SAAS,EAC1C,GAAI,IAAE,KAAK,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAAE,SAAS,EAC1C,GAAI,IAAE,KAAK,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAAE,SAAS,EAC1C,GAAI,IAAE,KAAK,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAAE,SAAS,CAC5C,CAAC,CACH,CAAC,EACA,QAAQ,GAAG,EACX,SAAS,yDAAyD,EAMrE,QAAS,IACN,KAAK,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,QAAS,UAAU,CAAC,EAC5E,QAAQ,OAAO,EACf,SAAS,oEAAoE,EAKhF,MAAO,IACJ,KAAK,CACJ,SACA,MACA,OACA,UACA,OACA,OACA,SACA,SACA,OACA,SACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,SACA,MACA,OACA,OACA,SACA,QACA,OACA,SACA,MACF,CAAC,EACA,SAAS,EACT,SAAS,6BAA6B,EAMzC,aAAc,IACX,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,6CAA6C,EAKzD,OAAQ,IACL,KAAK,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,CAAC,EACjD,SAAS,EACT,SAAS,8BAA8B,EAO1C,QAAS,IACN,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,6DAA6D,EAOzE,UAAW,IACR,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,+DAA+D,EAM3E,SAAU,IACP,KAAK,CAAC,QAAS,aAAa,CAAC,EAC7B,SAAS,EACT,SAAS,sDAAsD,EAMlE,gBAAiB,IACd,KAAK,CAAC,QAAS,aAAa,CAAC,EAC7B,SAAS,EACT,SAAS,2DAA2D,EAOvE,MAAO,IACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,sEAAsE,EAMlF,SAAU,IAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAK,EAAE,SAAS,gBAAgB,EAMzE,KAAM,IACH,KAAK,CAAC,SAAU,SAAU,OAAO,CAAC,EAClC,SAAS,EACT,SAAS,iCAAiC,EAK7C,UAAW,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,2BAA2B,EAKrE,MAAO,IACJ,OAAO,IAAE,OAAO,EAAG,IAAE,MAAM,CAAC,IAAE,OAAO,EAAG,IAAE,OAAO,CAAC,CAAC,CAAC,EACpD,SAAS,EACT,SAAS,eAAe,EAK3B,QAAS,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,eAAe,EAKzD,QAAS,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,eAAe,EAKzD,OAAQ,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,cAAc,EAKvD,aAAc,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKpE,aAAc,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKpE,UAAW,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,kBAAkB,EAK9D,QAAS,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,gBAAgB,EAK1D,SAAU,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,yBAAyB,EAKpE,SAAU,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,mCAAmC,EAK5E,aAAc,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,8BAA8B,EAK3E,kBAAmB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,4BAA4B,EAK9E,mBAAoB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,6BAA6B,EAKhF,gBAAiB,IAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKtE,eAAgB,IAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,oBAAoB,EAKpE,eAAgB,IACb,MAAM,CAAC,IAAE,QAAQ,EAAG,IAAE,KAAK,CAAC,OAAQ,OAAQ,WAAY,OAAQ,MAAM,CAAC,CAAC,CAAC,EACzE,SAAS,EACT,SAAS,oBAAoB,EAKhC,gBAAiB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,yBAAyB,EAKzE,YAAa,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKjE,SAAU,IAAE,OAAO,IAAE,OAAO,EAAG,IAAE,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,iBAAiB,EAKhF,GAAI,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,cAAc,EAKjD,MAAO,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,6BAA6B,EAKnE,KAAM,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gBAAgB,EAKrD,SAAU,IAAE,IAAI,EAAE,SAAS,EAAE,SAAS,mBAAmB,CAC3D,CAAC,EACA,OAAO,ED5QH,IAAMC,EAAyBC,EAAiB,OAAO,CAI5D,QAAS,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,kDAAkD,EAM1F,YAAa,IACV,KAAK,CAAC,MAAO,QAAS,SAAU,MAAM,CAAC,EACvC,SAAS,EACT,QAAQ,KAAK,EACb,SAAS,oDAAoD,EAMhE,aAAc,IACX,KAAK,CAAC,QAAS,SAAU,KAAK,CAAC,EAC/B,SAAS,EACT,QAAQ,QAAQ,EAChB,SAAS,iDAAiD,EAK7D,qBAAsB,IACnB,OAAO,EACP,SAAS,EACT,SAAS,oDAAoD,EAMhE,+BAAgC,IAC7B,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,+CAA+C,EAM3D,aAAc,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,8BAA8B,EAM3E,kBAAmB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,4BAA4B,EAM9E,SAAU,IACP,IAAI,EACJ,SAAS,EACT,SAAS,iEAAiE,EAM7E,QAAS,IAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,0BAA0B,EAMnE,gBAAiB,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qCAAqC,EAMvF,eAAgB,IAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,8CAA8C,CAChG,CAAC,EACE,OAAQC,GAAcA,EAAK,YAAY,GAAKA,EAAK,iBAAiB,GAAKA,EAAK,SAAU,CACrF,QACE,qGACF,KAAM,CAAC,aAAc,kBAAmB,UAAU,CACpD,CAAC,EACA,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,kBAAoB,QAK7D,CACE,QAAS,mFACT,KAAM,CAAC,iBAAiB,CAC1B,CACF,EACC,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,iBAAmB,QAK5D,CACE,QACE,wFACF,KAAM,CAAC,UAAW,gBAAgB,CACpC,CACF,EAgCK,SAASC,EAA2BC,EAAuC,CAIhF,OAAOA,CACT",
+  "names": ["toggle_icon_button_schema_exports", "__export", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "__toCommonJS", "import_zod", "import_zod", "BaseButtonSchema", "ToggleIconButtonSchema", "BaseButtonSchema", "data", "parseToggleIconButtonProps", "props"]
+}