@kushagradhawan/kookie-ui 0.1.41 → 0.1.42

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.schema.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/toggle-button.schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAC7B;;;OAGG;;IAGH;;;OAGG;;IAGH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BF,CAAC;AAEJ;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,CAKxE"}

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

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var g=(e,o)=>{for(var n in o)t(e,n,{get:o[n],enumerable:!0})},f=(e,o,n,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of a(o))!l.call(e,s)&&s!==n&&t(e,s,{get:()=>o[s],enumerable:!(d=u(o,s))||d.enumerable});return e};var i=e=>f(t({},"__esModule",{value:!0}),e);var m={};g(m,{ToggleButtonSchema:()=>c,parseToggleButtonProps:()=>h});module.exports=i(m);var r=require("zod"),p=require("./button.schema.js");const c=p.ButtonSchema.extend({pressed:r.z.boolean().optional().describe("Controlled pressed state"),onPressedChange:r.z.function().optional().describe("Callback when pressed state changes"),defaultPressed:r.z.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function h(e){return e}
+//# sourceMappingURL=toggle-button.schema.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/schemas/toggle-button.schema.ts"],
+  "sourcesContent": ["import { z } from 'zod';\nimport { ButtonSchema } from './button.schema.js';\n\n/**\n * ToggleButton Zod schema - Single source of truth for ToggleButton component props\n *\n * ToggleButton extends Button 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 Button component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Automatic state validation and warnings\n * - Seamless integration with Button props and styling\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle button\n * const props = ToggleButtonSchema.parse({\n *   defaultPressed: false,\n *   variant: 'outline'\n * });\n *\n * // Controlled toggle button\n * const controlledProps = ToggleButtonSchema.parse({\n *   pressed: true,\n *   onPressedChange: (pressed) => console.log(pressed),\n *   variant: 'soft'\n * });\n *\n * // Toggle button with tooltip\n * const tooltipProps = ToggleButtonSchema.parse({\n *   defaultPressed: false,\n *   tooltip: 'Toggle dark mode',\n *   children: 'Dark Mode'\n * });\n * ```\n */\nexport const ToggleButtonSchema = ButtonSchema.extend({\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(\n    (data) => {\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) => {\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 ToggleButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type ToggleButtonProps = z.infer<typeof ToggleButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize ToggleButton 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 = parseToggleButtonProps({\n *   pressed: true,\n *   defaultPressed: false\n *   // Missing onPressedChange and conflicting controlled/uncontrolled\n * });\n * // Throws: \"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together\"\n *\n * const validProps = parseToggleButtonProps({\n *   pressed: true,\n *   onPressedChange: (pressed) => setPressed(pressed)\n * });\n * ```\n */\nexport function parseToggleButtonProps(props: unknown): ToggleButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return ToggleButtonSchema.parse(props);\n  }\n  return props as ToggleButtonProps;\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,2BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAkB,eAClBC,EAA6B,8BAuCtB,MAAMJ,EAAqB,eAAa,OAAO,CAKpD,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,OACEK,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,EA+BK,SAASJ,EAAuBK,EAAmC,CAIxE,OAAOA,CACT",
+  "names": ["toggle_button_schema_exports", "__export", "ToggleButtonSchema", "parseToggleButtonProps", "__toCommonJS", "import_zod", "import_button_schema", "data", "props"]
+}

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, {
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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 l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})},u=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of d(t))!p.call(e,n)&&n!==r&&l(e,n,{get:()=>t[n],enumerable:!(s=i(t,n))||s.enumerable});return e};var b=e=>u(l({},"__esModule",{value:!0}),e);var g={};c(g,{ToggleIconButtonSchema:()=>f,parseToggleIconButtonProps:()=>h});module.exports=b(g);var o=require("zod"),a=require("./base-button.schema.js");const f=a.BaseButtonSchema.extend({tooltip:o.z.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:o.z.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),tooltipAlign:o.z.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:o.z.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:o.z.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior"),"aria-label":o.z.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":o.z.string().optional().describe("ARIA labelled by reference"),children:o.z.any().optional().describe("Children elements (required for accessibility if no aria-label)"),pressed:o.z.boolean().optional().describe("Controlled pressed state"),onPressedChange:o.z.function().optional().describe("Callback when pressed state changes"),defaultPressed:o.z.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>e["aria-label"]||e["aria-labelledby"]||e.children,{message:"ToggleIconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility",path:["aria-label","aria-labelledby","children"]}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function h(e){return e}
+//# 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"],
+  "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"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,EAAA,+BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAkB,eAClBC,EAAiC,mCA0C1B,MAAMJ,EAAyB,mBAAiB,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,OAAQK,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,SAASJ,EAA2BK,EAAuC,CAIhF,OAAOA,CACT",
+  "names": ["toggle_icon_button_schema_exports", "__export", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "__toCommonJS", "import_zod", "import_base_button_schema", "data", "props"]
+}