@womp/kookie-ui 0.16.0 → 0.18.0

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var f=(o,t)=>{for(var i in t)s(o,i,{get:t[i],enumerable:!0})},m=(o,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of c(t))!b.call(o,r)&&r!==i&&s(o,r,{get:()=>t[r],enumerable:!(l=u(t,r))||l.enumerable});return o};var h=o=>m(s({},"__esModule",{value:!0}),o);var y={};f(y,{ToggleButtonSchema:()=>g,parseToggleButtonProps:()=>B});module.exports=h(y);var a=require("zod");var n=require("zod");var e=require("zod"),d=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(["raised","solid","soft","surface","outline","ghost"]).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"),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"),material:e.z.enum(["solid","translucent"]).optional().describe("Material type for visual rendering and depth effects"),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 p=d.extend({tooltip:n.z.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:n.z.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),emphasis:n.z.enum(["loud","medium","quiet"]).optional().describe("The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant."),iconOnly:n.z.boolean().optional().default(!1).describe("Square button holding only an icon; needs aria-label"),fullWidth:n.z.boolean().optional().default(!1).describe("Expands the button to fill its container"),tooltipAlign:n.z.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:n.z.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:n.z.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior")}).strict();var g=p.extend({pressed:a.z.boolean().optional().describe("Controlled pressed state"),onPressedChange:a.z.function().optional().describe("Callback when pressed state changes"),defaultPressed:a.z.boolean().optional().describe("Default pressed state for uncontrolled usage")}).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 B(o){return o}
+"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var f=(o,t)=>{for(var i in t)a(o,i,{get:t[i],enumerable:!0})},m=(o,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of c(t))!b.call(o,r)&&r!==i&&a(o,r,{get:()=>t[r],enumerable:!(l=u(t,r))||l.enumerable});return o};var h=o=>m(a({},"__esModule",{value:!0}),o);var y={};f(y,{ToggleButtonSchema:()=>g,parseToggleButtonProps:()=>B});module.exports=h(y);var s=require("zod");var n=require("zod");var e=require("zod"),d=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(["raised","solid","soft","surface","outline","ghost"]).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"),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"),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 p=d.extend({tooltip:n.z.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:n.z.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),emphasis:n.z.enum(["loud","medium","quiet"]).optional().describe("The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant."),iconOnly:n.z.boolean().optional().default(!1).describe("Square button holding only an icon; needs aria-label"),fullWidth:n.z.boolean().optional().default(!1).describe("Expands the button to fill its container"),tooltipAlign:n.z.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:n.z.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:n.z.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior")}).strict();var g=p.extend({pressed:s.z.boolean().optional().describe("Controlled pressed state"),onPressedChange:s.z.function().optional().describe("Callback when pressed state changes"),defaultPressed:s.z.boolean().optional().describe("Default pressed state for uncontrolled usage")}).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 B(o){return o}
 //# sourceMappingURL=toggle-button.schema.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/schemas/toggle-button.schema.ts", "../../../../src/components/schemas/button.schema.ts", "../../../../src/components/schemas/base-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", "import { z } from 'zod';\nimport { BaseButtonSchema } from './base-button.schema.js';\n\n/**\n * Button Zod schema - Single source of truth for Button component props\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button validation\n * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });\n *\n * // Button with tooltip\n * const tooltipProps = ButtonSchema.parse({\n *   tooltip: 'Save your progress',\n *   tooltipSide: 'top'\n * });\n *\n * // Polymorphic button as link\n * const linkProps = ButtonSchema.parse({\n *   as: 'a',\n *   href: '/dashboard',\n *   children: 'Go to Dashboard'\n * });\n * ```\n */\nexport const ButtonSchema = 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   * The button's rank: loud is solid, medium is raised, quiet is ghost. Pass this or `variant`, not both.\n   */\n  emphasis: z.enum(['loud', 'medium', 'quiet']).optional().describe(\"The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant.\"),\n\n  /**\n   * A square button holding only an icon. Needs an accessible name.\n   */\n  iconOnly: z.boolean().optional().default(false).describe('Square button holding only an icon; needs aria-label'),\n\n  /**\n   * Expands the button to fill its container. Ignored when iconOnly is set.\n   */\n  fullWidth: z.boolean().optional().default(false).describe('Expands the button to fill its container'),\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}).strict();\n\n/**\n * Type derived from Button Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type ButtonProps = z.infer<typeof ButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize Button 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 = parseButtonProps({\n *   variant: 'invalid',\n *   tooltipSide: 'invalid'\n * });\n * // Throws validation errors for invalid enum values\n * ```\n */\nexport function parseButtonProps(props: unknown): ButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return ButtonSchema.parse(props);\n  }\n  return props as ButtonProps;\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(['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'])\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     * 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     * 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     * 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": "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",
+  "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", "import { z } from 'zod';\nimport { BaseButtonSchema } from './base-button.schema.js';\n\n/**\n * Button Zod schema - Single source of truth for Button component props\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button validation\n * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });\n *\n * // Button with tooltip\n * const tooltipProps = ButtonSchema.parse({\n *   tooltip: 'Save your progress',\n *   tooltipSide: 'top'\n * });\n *\n * // Polymorphic button as link\n * const linkProps = ButtonSchema.parse({\n *   as: 'a',\n *   href: '/dashboard',\n *   children: 'Go to Dashboard'\n * });\n * ```\n */\nexport const ButtonSchema = 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   * The button's rank: loud is solid, medium is raised, quiet is ghost. Pass this or `variant`, not both.\n   */\n  emphasis: z.enum(['loud', 'medium', 'quiet']).optional().describe(\"The button's rank: loud (solid), medium (raised) or quiet (ghost). Not with variant.\"),\n\n  /**\n   * A square button holding only an icon. Needs an accessible name.\n   */\n  iconOnly: z.boolean().optional().default(false).describe('Square button holding only an icon; needs aria-label'),\n\n  /**\n   * Expands the button to fill its container. Ignored when iconOnly is set.\n   */\n  fullWidth: z.boolean().optional().default(false).describe('Expands the button to fill its container'),\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}).strict();\n\n/**\n * Type derived from Button Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type ButtonProps = z.infer<typeof ButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize Button 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 = parseButtonProps({\n *   variant: 'invalid',\n *   tooltipSide: 'invalid'\n * });\n * // Throws validation errors for invalid enum values\n * ```\n */\nexport function parseButtonProps(props: unknown): ButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return ButtonSchema.parse(props);\n  }\n  return props as ButtonProps;\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(['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'])\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     * 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     * 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": "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",
   "names": ["toggle_button_schema_exports", "__export", "ToggleButtonSchema", "parseToggleButtonProps", "__toCommonJS", "import_zod", "import_zod", "import_zod", "BaseButtonSchema", "ButtonSchema", "BaseButtonSchema", "ToggleButtonSchema", "ButtonSchema", "data", "parseToggleButtonProps", "props"]
 }

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

@@ -123,10 +123,6 @@ export declare const ToggleIconButtonSchema: z.ZodObject<{
         full: "full";
     }>>;
     loading: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
-    material: z.ZodOptional<z.ZodEnum<{
-        solid: "solid";
-        translucent: "translucent";
-    }>>;
     flush: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     disabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     type: z.ZodOptional<z.ZodEnum<{

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkHhC,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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkHhC,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

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(o,n)=>{for(var i in n)a(o,i,{get:n[i],enumerable:!0})},b=(o,n,i,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of p(n))!c.call(o,r)&&r!==i&&a(o,r,{get:()=>n[r],enumerable:!(s=d(n,r))||s.enumerable});return o};var f=o=>b(a({},"__esModule",{value:!0}),o);var h={};u(h,{ToggleIconButtonSchema:()=>m,parseToggleIconButtonProps:()=>g});module.exports=f(h);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(["raised","solid","soft","surface","outline","ghost"]).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"),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"),material:e.z.enum(["solid","translucent"]).optional().describe("Material type for visual rendering and depth effects"),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 g(o){return o}
+"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(o,n)=>{for(var i in n)a(o,i,{get:n[i],enumerable:!0})},b=(o,n,i,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of p(n))!c.call(o,r)&&r!==i&&a(o,r,{get:()=>n[r],enumerable:!(s=d(n,r))||s.enumerable});return o};var f=o=>b(a({},"__esModule",{value:!0}),o);var h={};u(h,{ToggleIconButtonSchema:()=>m,parseToggleIconButtonProps:()=>g});module.exports=f(h);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(["raised","solid","soft","surface","outline","ghost"]).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"),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"),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 g(o){return o}
 //# sourceMappingURL=toggle-icon-button.schema.js.map

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

@@ -1,7 +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(['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'])\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     * 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     * 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     * 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,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,CAAC,EAC/D,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,EAKzC,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,EAMzE,SAAU,IACP,KAAK,CAAC,QAAS,aAAa,CAAC,EAC7B,SAAS,EACT,SAAS,sDAAsD,EAOlE,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,ED9OH,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",
+  "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(['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'])\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     * 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     * 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": "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",
   "names": ["toggle_icon_button_schema_exports", "__export", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "__toCommonJS", "import_zod", "import_zod", "BaseButtonSchema", "ToggleIconButtonSchema", "BaseButtonSchema", "data", "parseToggleIconButtonProps", "props"]
 }

package/dist/cjs/components/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAS5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACrE,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC1E,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,EAChF,WAAW,EACX,kBAAkB;CAAG;AACzB,QAAA,MAAM,UAAU,wFAoFd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAQ5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACrE,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC1E,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,EAChF,WAAW,EACX,kBAAkB;CAAG;AACzB,QAAA,MAAM,UAAU,wFAqEd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/scroll-area.js

@@ -1,2 +1,2 @@
-"use strict";var Z=Object.create;var P=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var se=(r,e)=>{for(var t in e)P(r,t,{get:e[t],enumerable:!0})},O=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of re(e))!oe.call(r,s)&&s!==t&&P(r,s,{get:()=>e[s],enumerable:!(o=ee(e,s))||o.enumerable});return r};var g=(r,e,t)=>(t=r!=null?Z(te(r)):{},O(e||!r||!r.__esModule?P(t,"default",{value:r,enumerable:!0}):t,r)),ne=r=>O(P({},"__esModule",{value:!0}),r);var ue={};se(ue,{ScrollArea:()=>I});module.exports=ne(ue);var f=g(require("react")),T=g(require("classnames")),c=require("radix-ui"),K=require("radix-ui/internal");var k={asChild:{type:"boolean"}};var ie=["none","small","medium","large","full"],M={radius:{type:"enum",values:ie,default:void 0}};var ae=["1","2","3"],pe=["vertical","horizontal","both"],u={...k,size:{type:"enum",className:"rt-r-size",values:ae,default:"1",responsive:!0},...M,scrollbars:{type:"enum",values:pe,default:"both"},fade:{type:"boolean",default:!1}};var v=g(require("react"));function j(r){let[e,t]=v.useState(null);return v.useEffect(()=>{if(!r||!e)return;let o=0,s=()=>{o=0;let p=Math.max(0,e.scrollTop),l=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${p}px`),e.style.setProperty("--scroll-overflow-end",`${l}px`)},i=()=>{o||(o=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let n=typeof ResizeObserver>"u"?null:new ResizeObserver(i);n?.observe(e);for(let p of Array.from(e.children))n?.observe(p);let a=typeof MutationObserver>"u"?null:new MutationObserver(i);return a?.observe(e,{childList:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",i),n?.disconnect(),a?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[r,e]),t}var b=g(require("react"));function z(){let[r,e]=b.useState(null);return b.useEffect(()=>{let t=r?.parentElement;if(!r||!t)return;let o=0,s=()=>{o=0;for(let n of t.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let a=n.parentElement,p=getComputedStyle(a);if(a.dataset.orientation==="horizontal"){let l=a.clientWidth-parseFloat(p.paddingLeft)-parseFloat(p.paddingRight),m=$(r.scrollLeft,r.scrollWidth-r.offsetWidth,l-n.offsetWidth);n.style.transform=`translate3d(${m}px, 0, 0)`}else{let l=a.clientHeight-parseFloat(p.paddingTop)-parseFloat(p.paddingBottom),m=$(r.scrollTop,r.scrollHeight-r.offsetHeight,l-n.offsetHeight);n.style.transform=`translate3d(0, ${m}px, 0)`}}},i=()=>{o||(o=requestAnimationFrame(s))};return r.addEventListener("scroll",i,{passive:!0}),()=>{o&&cancelAnimationFrame(o),r.removeEventListener("scroll",i)}},[r]),e}function $(r,e,t){return e<=0||t<=0?0:Math.min(Math.max(r,-e),e)/e*t}function G(r){let{m:e,mx:t,my:o,mt:s,mr:i,mb:n,ml:a,...p}=r;return{m:e,mx:t,my:o,mt:s,mr:i,mb:n,ml:a,rest:p}}var le=["initial","xs","sm","md","lg","xl"],x=new Set(le);function A(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var me=new Set(["initial","xs","sm","md","lg","xl"]);function C(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(me.has(e))return!0;return!1}function R(r,e,t){return e!==void 0?e.has(t):r.includes(t)}function L({className:r,customProperties:e,...t}){let o=S({allowArbitraryValues:!0,className:r,...t}),s=fe({customProperties:e,...t});return[o,s]}function S({allowArbitraryValues:r,value:e,className:t,propValues:o,propValueSet:s,parseValue:i=n=>n}){if(e){if(typeof e=="string")return R(o,s,e)?H(t,e,i):r?t:void 0;if(C(e)){let n=e,a=[];for(let p in n){if(!A(n,p)||!x.has(p))continue;let l=n[p];if(l!==void 0){if(R(o,s,l)){let m=H(t,l,i),y=p==="initial"?m:`${p}:${m}`;a.push(y)}else if(r){let m=p==="initial"?t:`${p}:${t}`;a.push(m)}}}return a.length>0?a.join(" "):""}if(r)return t}}function H(r,e,t){let o=r?"-":"",s=t(e),i=s?.startsWith("-"),n=i?"-":"",a=i?s?.substring(1):s;return`${n}${r}${o}${a}`}function fe({customProperties:r,value:e,propValues:t,propValueSet:o,parseValue:s=i=>i}){if(!e||typeof e=="string"&&R(t,o,e))return;let i;if(typeof e=="string"){let n=s(e);i={};for(let a of r)i[a]=n;return i}if(C(e)){let n=e;for(let a in n){if(!A(n,a)||!x.has(a))continue;let p=n[a];if(p===void 0||R(t,o,p))continue;let l=s(p);i??(i={});for(let m of r){let y=a==="initial"?m:`${m}-${a}`;i[y]=l}}}return i??{}}function D(...r){let e;for(let t of r)t&&(e===void 0&&(e={}),Object.assign(e,t));return e}var d=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],B={m:{type:"enum | string",values:d,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:d,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:d,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var q=B.m.values,ce=new Set(q),F=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function W(r){let e,t;for(let o=0;o<F.length;o++){let{key:s,className:i,customProperties:n}=F[o],a=r[s];if(a===void 0)continue;let[p,l]=L({className:i,customProperties:n,propValues:q,propValueSet:ce,value:a});p&&(e??(e=[])).push(p),l&&(t=D(t,l))}return[e!==void 0?e.join(" "):"",t]}var h=g(require("react"));function U(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let s=h.Children.only(o);return h.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var I=f.forwardRef((r,e)=>{let{rest:t,...o}=G(r),[s,i]=W(o),{asChild:n,children:a,className:p,style:l,type:m,scrollHideDelay:y=m!=="scroll"?0:void 0,dir:de,size:V=u.size.default,radius:E=u.radius.default,scrollbars:N=u.scrollbars.default,fade:w=u.fade.default,..._}=t,J=j(w),Q=z(),X=(0,K.useComposedRefs)(e,J,Q);return f.createElement(c.ScrollArea.Root,{type:m,scrollHideDelay:y,className:(0,T.default)("rt-ScrollAreaRoot",s,p),"data-fade":w?"":void 0,style:D(i,l),asChild:n},U({asChild:n,children:a},Y=>f.createElement(f.Fragment,null,f.createElement(c.ScrollArea.Viewport,{..._,ref:X,className:"rt-ScrollAreaViewport"},Y),f.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),N!=="vertical"?f.createElement(c.ScrollArea.Scrollbar,{"data-radius":E,orientation:"horizontal",className:(0,T.default)("rt-ScrollAreaScrollbar",S({className:"rt-r-size",value:V,propValues:u.size.values}))},f.createElement(c.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,N!=="horizontal"?f.createElement(c.ScrollArea.Scrollbar,{"data-radius":E,orientation:"vertical",className:(0,T.default)("rt-ScrollAreaScrollbar",S({className:"rt-r-size",value:V,propValues:u.size.values}))},f.createElement(c.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,N==="both"?f.createElement(c.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});I.displayName="ScrollArea";
+"use strict";var X=Object.create;var g=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var ee=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var te=(r,e)=>{for(var t in e)g(r,t,{get:e[t],enumerable:!0})},V=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of Z(e))!re.call(r,s)&&s!==t&&g(r,s,{get:()=>e[s],enumerable:!(o=Y(e,s))||o.enumerable});return r};var y=(r,e,t)=>(t=r!=null?X(ee(r)):{},V(e||!r||!r.__esModule?g(t,"default",{value:r,enumerable:!0}):t,r)),oe=r=>V(g({},"__esModule",{value:!0}),r);var fe={};te(fe,{ScrollArea:()=>z});module.exports=oe(fe);var f=y(require("react")),W=y(require("classnames")),c=require("radix-ui"),U=require("radix-ui/internal");var E={asChild:{type:"boolean"}};var se=["none","small","medium","large","full"],w={radius:{type:"enum",values:se,default:void 0}};var ne=["vertical","horizontal","both"],P={...E,...w,scrollbars:{type:"enum",values:ne,default:"both"},fade:{type:"boolean",default:!1}};var b=y(require("react"));function O(r){let[e,t]=b.useState(null);return b.useEffect(()=>{if(!r||!e)return;let o=0,s=()=>{o=0;let a=Math.max(0,e.scrollTop),l=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${l}px`)},i=()=>{o||(o=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let n=typeof ResizeObserver>"u"?null:new ResizeObserver(i);n?.observe(e);for(let a of Array.from(e.children))n?.observe(a);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",i),n?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[r,e]),t}var v=y(require("react"));function M(){let[r,e]=v.useState(null);return v.useEffect(()=>{let t=r?.parentElement;if(!r||!t)return;let o=0,s=()=>{o=0;for(let n of t.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let p=n.parentElement,a=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let l=p.clientWidth-parseFloat(a.paddingLeft)-parseFloat(a.paddingRight),m=k(r.scrollLeft,r.scrollWidth-r.offsetWidth,l-n.offsetWidth);n.style.transform=`translate3d(${m}px, 0, 0)`}else{let l=p.clientHeight-parseFloat(a.paddingTop)-parseFloat(a.paddingBottom),m=k(r.scrollTop,r.scrollHeight-r.offsetHeight,l-n.offsetHeight);n.style.transform=`translate3d(0, ${m}px, 0)`}}},i=()=>{o||(o=requestAnimationFrame(s))};return r.addEventListener("scroll",i,{passive:!0}),()=>{o&&cancelAnimationFrame(o),r.removeEventListener("scroll",i)}},[r]),e}function k(r,e,t){return e<=0||t<=0?0:Math.min(Math.max(r,-e),e)/e*t}function j(r){let{m:e,mx:t,my:o,mt:s,mr:i,mb:n,ml:p,...a}=r;return{m:e,mx:t,my:o,mt:s,mr:i,mb:n,ml:p,rest:a}}var ie=["initial","xs","sm","md","lg","xl"],T=new Set(ie);function x(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var pe=new Set(["initial","xs","sm","md","lg","xl"]);function N(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(pe.has(e))return!0;return!1}function R(r,e,t){return e!==void 0?e.has(t):r.includes(t)}function G({className:r,customProperties:e,...t}){let o=ae({allowArbitraryValues:!0,className:r,...t}),s=le({customProperties:e,...t});return[o,s]}function ae({allowArbitraryValues:r,value:e,className:t,propValues:o,propValueSet:s,parseValue:i=n=>n}){if(e){if(typeof e=="string")return R(o,s,e)?$(t,e,i):r?t:void 0;if(N(e)){let n=e,p=[];for(let a in n){if(!x(n,a)||!T.has(a))continue;let l=n[a];if(l!==void 0){if(R(o,s,l)){let m=$(t,l,i),d=a==="initial"?m:`${a}:${m}`;p.push(d)}else if(r){let m=a==="initial"?t:`${a}:${t}`;p.push(m)}}}return p.length>0?p.join(" "):""}if(r)return t}}function $(r,e,t){let o=r?"-":"",s=t(e),i=s?.startsWith("-"),n=i?"-":"",p=i?s?.substring(1):s;return`${n}${r}${o}${p}`}function le({customProperties:r,value:e,propValues:t,propValueSet:o,parseValue:s=i=>i}){if(!e||typeof e=="string"&&R(t,o,e))return;let i;if(typeof e=="string"){let n=s(e);i={};for(let p of r)i[p]=n;return i}if(N(e)){let n=e;for(let p in n){if(!x(n,p)||!T.has(p))continue;let a=n[p];if(a===void 0||R(t,o,a))continue;let l=s(a);i??(i={});for(let m of r){let d=p==="initial"?m:`${m}-${p}`;i[d]=l}}}return i??{}}function S(...r){let e;for(let t of r)t&&(e===void 0&&(e={}),Object.assign(e,t));return e}var u=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],H={m:{type:"enum | string",values:u,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:u,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:u,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:u,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:u,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:u,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:u,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var B=H.m.values,me=new Set(B),L=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function F(r){let e,t;for(let o=0;o<L.length;o++){let{key:s,className:i,customProperties:n}=L[o],p=r[s];if(p===void 0)continue;let[a,l]=G({className:i,customProperties:n,propValues:B,propValueSet:me,value:p});a&&(e??(e=[])).push(a),l&&(t=S(t,l))}return[e!==void 0?e.join(" "):"",t]}var D=y(require("react"));function q(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let s=D.Children.only(o);return D.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var z=f.forwardRef((r,e)=>{let{rest:t,...o}=j(r),[s,i]=F(o),{asChild:n,children:p,className:a,style:l,type:m,scrollHideDelay:d=m!=="scroll"?0:void 0,dir:ce,radius:A=P.radius.default,scrollbars:h=P.scrollbars.default,fade:C=P.fade.default,...K}=t,I=O(C),_=M(),J=(0,U.useComposedRefs)(e,I,_);return f.createElement(c.ScrollArea.Root,{type:m,scrollHideDelay:d,className:(0,W.default)("rt-ScrollAreaRoot",s,a),"data-fade":C?"":void 0,style:S(i,l),asChild:n},q({asChild:n,children:p},Q=>f.createElement(f.Fragment,null,f.createElement(c.ScrollArea.Viewport,{...K,ref:J,className:"rt-ScrollAreaViewport"},Q),f.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),h!=="vertical"?f.createElement(c.ScrollArea.Scrollbar,{"data-radius":A,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},f.createElement(c.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,h!=="horizontal"?f.createElement(c.ScrollArea.Scrollbar,{"data-radius":A,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},f.createElement(c.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,h==="both"?f.createElement(c.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});z.displayName="ScrollArea";
 //# sourceMappingURL=scroll-area.js.map