@kushagradhawan/kookie-ui 0.1.41 → 0.1.42

package/dist/esm/components/schemas/button.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.schema.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/button.schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IACvB;;OAEG;;IAGH;;;OAGG;;IAOH;;;OAGG;;IAOH;;OAEG;;IAMH;;;OAGG;;IAOH;;OAEG;;QAGC,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAahC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAazB,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAavC,oDAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAapD,uDAAuD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAavD,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAa5B,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU9B,CAAC;AAEZ;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,CAK5D"}

package/dist/esm/components/schemas/button.schema.js

@@ -0,0 +1,2 @@
+import{z as o}from"zod";import{BaseButtonSchema as n}from"./base-button.schema.js";const e=n.extend({tooltip:o.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:o.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),tooltipAlign:o.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:o.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:o.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior"),overrideStyles:o.object({normal:o.object({color:o.string().optional(),background:o.string().optional(),backgroundColor:o.string().optional(),boxShadow:o.string().optional(),filter:o.string().optional(),outline:o.string().optional(),outlineOffset:o.string().optional(),opacity:o.union([o.string(),o.number()]).optional()}).optional(),hover:o.object({color:o.string().optional(),background:o.string().optional(),backgroundColor:o.string().optional(),boxShadow:o.string().optional(),filter:o.string().optional(),outline:o.string().optional(),outlineOffset:o.string().optional(),opacity:o.union([o.string(),o.number()]).optional()}).optional(),active:o.object({color:o.string().optional(),background:o.string().optional(),backgroundColor:o.string().optional(),boxShadow:o.string().optional(),filter:o.string().optional(),outline:o.string().optional(),outlineOffset:o.string().optional(),opacity:o.union([o.string(),o.number()]).optional()}).optional(),pressed:o.object({color:o.string().optional(),background:o.string().optional(),backgroundColor:o.string().optional(),boxShadow:o.string().optional(),filter:o.string().optional(),outline:o.string().optional(),outlineOffset:o.string().optional(),opacity:o.union([o.string(),o.number()]).optional()}).optional(),open:o.object({color:o.string().optional(),background:o.string().optional(),backgroundColor:o.string().optional(),boxShadow:o.string().optional(),filter:o.string().optional(),outline:o.string().optional(),outlineOffset:o.string().optional(),opacity:o.union([o.string(),o.number()]).optional()}).optional(),disabled:o.object({color:o.string().optional(),background:o.string().optional(),backgroundColor:o.string().optional(),boxShadow:o.string().optional(),filter:o.string().optional(),outline:o.string().optional(),outlineOffset:o.string().optional(),opacity:o.union([o.string(),o.number()]).optional()}).optional(),focus:o.object({outline:o.string().optional(),outlineOffset:o.string().optional()}).optional()}).optional().describe("Override styles for different interaction states")}).strict();function l(t){return t}export{e as ButtonSchema,l as parseButtonProps};
+//# sourceMappingURL=button.schema.js.map

package/dist/esm/components/schemas/button.schema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/schemas/button.schema.ts"],
+  "sourcesContent": ["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   * 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   * Override styles for different interaction states\n   */\n  overrideStyles: z\n    .object({\n      /** Default/idle state styles */\n      normal: z\n        .object({\n          color: z.string().optional(),\n          background: z.string().optional(),\n          backgroundColor: z.string().optional(),\n          boxShadow: z.string().optional(),\n          filter: z.string().optional(),\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n          opacity: z.union([z.string(), z.number()]).optional(),\n        })\n        .optional(),\n      /** Hover state styles */\n      hover: z\n        .object({\n          color: z.string().optional(),\n          background: z.string().optional(),\n          backgroundColor: z.string().optional(),\n          boxShadow: z.string().optional(),\n          filter: z.string().optional(),\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n          opacity: z.union([z.string(), z.number()]).optional(),\n        })\n        .optional(),\n      /** Active (mouse down) state styles */\n      active: z\n        .object({\n          color: z.string().optional(),\n          background: z.string().optional(),\n          backgroundColor: z.string().optional(),\n          boxShadow: z.string().optional(),\n          filter: z.string().optional(),\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n          opacity: z.union([z.string(), z.number()]).optional(),\n        })\n        .optional(),\n      /** Toggle pressed state styles (data-state=\"on\") */\n      pressed: z\n        .object({\n          color: z.string().optional(),\n          background: z.string().optional(),\n          backgroundColor: z.string().optional(),\n          boxShadow: z.string().optional(),\n          filter: z.string().optional(),\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n          opacity: z.union([z.string(), z.number()]).optional(),\n        })\n        .optional(),\n      /** Open state styles (e.g., when used as a trigger) */\n      open: z\n        .object({\n          color: z.string().optional(),\n          background: z.string().optional(),\n          backgroundColor: z.string().optional(),\n          boxShadow: z.string().optional(),\n          filter: z.string().optional(),\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n          opacity: z.union([z.string(), z.number()]).optional(),\n        })\n        .optional(),\n      /** Disabled state styles */\n      disabled: z\n        .object({\n          color: z.string().optional(),\n          background: z.string().optional(),\n          backgroundColor: z.string().optional(),\n          boxShadow: z.string().optional(),\n          filter: z.string().optional(),\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n          opacity: z.union([z.string(), z.number()]).optional(),\n        })\n        .optional(),\n      /** Focus-visible outline styles */\n      focus: z\n        .object({\n          outline: z.string().optional(),\n          outlineOffset: z.string().optional(),\n        })\n        .optional(),\n    })\n    .optional()\n    .describe('Override styles for different interaction states'),\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"],
+  "mappings": "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",
+  "names": ["z", "BaseButtonSchema", "ButtonSchema", "parseButtonProps", "props"]
+}

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

@@ -0,0 +1,329 @@
+import { z } from 'zod';
+/**
+ * IconButton Zod schema - Single source of truth for IconButton component props
+ *
+ * IconButton is a specialized button component designed for icon-only interactions.
+ * It requires proper accessibility attributes to meet WCAG guidelines and provides
+ * comprehensive tooltip support for better user experience.
+ *
+ * Key features:
+ * - Required accessibility attributes (aria-label, aria-labelledby, or children)
+ * - Tooltip support for better UX
+ * - Inherits all BaseButton functionality
+ * - Optimized for icon-only interactions
+ *
+ * @example
+ * ```tsx
+ * // Basic icon button with aria-label
+ * const props = IconButtonSchema.parse({
+ *   'aria-label': 'Close dialog',
+ *   variant: 'ghost'
+ * });
+ *
+ * // Icon button with tooltip
+ * const tooltipProps = IconButtonSchema.parse({
+ *   'aria-label': 'Settings',
+ *   tooltip: 'Open settings menu',
+ *   tooltipSide: 'right'
+ * });
+ *
+ * // Icon button with children (fallback accessibility)
+ * const childrenProps = IconButtonSchema.parse({
+ *   children: <SettingsIcon />,
+ *   variant: 'soft'
+ * });
+ * ```
+ */
+export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
+    as: z.ZodOptional<z.ZodString>;
+    asChild: z.ZodOptional<z.ZodBoolean>;
+    size: z.ZodDefault<z.ZodUnion<[z.ZodEnum<["1", "2", "3", "4"]>, z.ZodObject<{
+        initial: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
+        sm: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
+        md: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
+        lg: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
+        xl: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
+    }, "strip", z.ZodTypeAny, {
+        initial?: "1" | "2" | "3" | "4" | undefined;
+        sm?: "1" | "2" | "3" | "4" | undefined;
+        md?: "1" | "2" | "3" | "4" | undefined;
+        lg?: "1" | "2" | "3" | "4" | undefined;
+        xl?: "1" | "2" | "3" | "4" | undefined;
+    }, {
+        initial?: "1" | "2" | "3" | "4" | undefined;
+        sm?: "1" | "2" | "3" | "4" | undefined;
+        md?: "1" | "2" | "3" | "4" | undefined;
+        lg?: "1" | "2" | "3" | "4" | undefined;
+        xl?: "1" | "2" | "3" | "4" | undefined;
+    }>]>>;
+    variant: z.ZodDefault<z.ZodEnum<["classic", "solid", "soft", "surface", "outline", "ghost", "override"]>>;
+    color: z.ZodOptional<z.ZodEnum<["tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "brown", "orange", "sky", "mint", "lime", "yellow", "amber", "gold", "bronze", "gray"]>>;
+    highContrast: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    radius: z.ZodOptional<z.ZodEnum<["none", "small", "medium", "large", "full"]>>;
+    loading: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    fullWidth: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    material: z.ZodOptional<z.ZodEnum<["solid", "translucent"]>>;
+    panelBackground: z.ZodOptional<z.ZodEnum<["solid", "translucent"]>>;
+    flush: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    disabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    type: z.ZodOptional<z.ZodEnum<["button", "submit", "reset"]>>;
+    className: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodString, z.ZodNumber]>>>;
+    onClick: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onFocus: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onBlur: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onMouseEnter: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onMouseLeave: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onKeyDown: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onKeyUp: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    onSubmit: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>>;
+    tabIndex: z.ZodOptional<z.ZodNumber>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-expanded': z.ZodOptional<z.ZodBoolean>;
+    'aria-pressed': z.ZodOptional<z.ZodBoolean>;
+    'aria-current': z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodEnum<["page", "step", "location", "date", "time"]>]>>;
+    'aria-controls': z.ZodOptional<z.ZodString>;
+    'aria-owns': z.ZodOptional<z.ZodString>;
+    'data-*': z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    id: z.ZodOptional<z.ZodString>;
+    title: z.ZodOptional<z.ZodString>;
+    role: z.ZodOptional<z.ZodString>;
+} & {
+    tooltip: z.ZodOptional<z.ZodString>;
+    tooltipSide: z.ZodDefault<z.ZodOptional<z.ZodEnum<["top", "right", "bottom", "left"]>>>;
+    tooltipAlign: z.ZodDefault<z.ZodOptional<z.ZodEnum<["start", "center", "end"]>>>;
+    tooltipDelayDuration: z.ZodOptional<z.ZodNumber>;
+    tooltipDisableHoverableContent: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+}, "strict", z.ZodTypeAny, {
+    size: "1" | "2" | "3" | "4" | {
+        initial?: "1" | "2" | "3" | "4" | undefined;
+        sm?: "1" | "2" | "3" | "4" | undefined;
+        md?: "1" | "2" | "3" | "4" | undefined;
+        lg?: "1" | "2" | "3" | "4" | undefined;
+        xl?: "1" | "2" | "3" | "4" | undefined;
+    };
+    disabled: boolean;
+    variant: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override";
+    highContrast: boolean;
+    flush: boolean;
+    loading: boolean;
+    tooltipSide: "left" | "right" | "bottom" | "top";
+    tooltipAlign: "center" | "end" | "start";
+    tooltipDisableHoverableContent: boolean;
+    fullWidth: boolean;
+    className?: string | undefined;
+    color?: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky" | undefined;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-pressed'?: boolean | undefined;
+    children?: any;
+    onFocus?: ((...args: unknown[]) => unknown) | undefined;
+    onBlur?: ((...args: unknown[]) => unknown) | undefined;
+    onSubmit?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyDown?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyUp?: ((...args: unknown[]) => unknown) | undefined;
+    onClick?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}, {
+    className?: string | undefined;
+    color?: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky" | undefined;
+    size?: "1" | "2" | "3" | "4" | {
+        initial?: "1" | "2" | "3" | "4" | undefined;
+        sm?: "1" | "2" | "3" | "4" | undefined;
+        md?: "1" | "2" | "3" | "4" | undefined;
+        lg?: "1" | "2" | "3" | "4" | undefined;
+        xl?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    disabled?: boolean | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-pressed'?: boolean | undefined;
+    children?: any;
+    onFocus?: ((...args: unknown[]) => unknown) | undefined;
+    onBlur?: ((...args: unknown[]) => unknown) | undefined;
+    onSubmit?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyDown?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyUp?: ((...args: unknown[]) => unknown) | undefined;
+    onClick?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    variant?: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override" | undefined;
+    highContrast?: boolean | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    flush?: boolean | undefined;
+    loading?: boolean | undefined;
+    tooltipSide?: "left" | "right" | "bottom" | "top" | undefined;
+    tooltipAlign?: "center" | "end" | "start" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    tooltipDisableHoverableContent?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>, {
+    size: "1" | "2" | "3" | "4" | {
+        initial?: "1" | "2" | "3" | "4" | undefined;
+        sm?: "1" | "2" | "3" | "4" | undefined;
+        md?: "1" | "2" | "3" | "4" | undefined;
+        lg?: "1" | "2" | "3" | "4" | undefined;
+        xl?: "1" | "2" | "3" | "4" | undefined;
+    };
+    disabled: boolean;
+    variant: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override";
+    highContrast: boolean;
+    flush: boolean;
+    loading: boolean;
+    tooltipSide: "left" | "right" | "bottom" | "top";
+    tooltipAlign: "center" | "end" | "start";
+    tooltipDisableHoverableContent: boolean;
+    fullWidth: boolean;
+    className?: string | undefined;
+    color?: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky" | undefined;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-pressed'?: boolean | undefined;
+    children?: any;
+    onFocus?: ((...args: unknown[]) => unknown) | undefined;
+    onBlur?: ((...args: unknown[]) => unknown) | undefined;
+    onSubmit?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyDown?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyUp?: ((...args: unknown[]) => unknown) | undefined;
+    onClick?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}, {
+    className?: string | undefined;
+    color?: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky" | undefined;
+    size?: "1" | "2" | "3" | "4" | {
+        initial?: "1" | "2" | "3" | "4" | undefined;
+        sm?: "1" | "2" | "3" | "4" | undefined;
+        md?: "1" | "2" | "3" | "4" | undefined;
+        lg?: "1" | "2" | "3" | "4" | undefined;
+        xl?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined;
+    style?: Record<string, string | number> | undefined;
+    tooltip?: string | undefined;
+    disabled?: boolean | undefined;
+    title?: string | undefined;
+    as?: string | undefined;
+    asChild?: boolean | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+    role?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-pressed'?: boolean | undefined;
+    children?: any;
+    onFocus?: ((...args: unknown[]) => unknown) | undefined;
+    onBlur?: ((...args: unknown[]) => unknown) | undefined;
+    onSubmit?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyDown?: ((...args: unknown[]) => unknown) | undefined;
+    onKeyUp?: ((...args: unknown[]) => unknown) | undefined;
+    onClick?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
+    onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    variant?: "classic" | "soft" | "surface" | "outline" | "ghost" | "solid" | "override" | undefined;
+    highContrast?: boolean | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
+    material?: "solid" | "translucent" | undefined;
+    panelBackground?: "solid" | "translucent" | undefined;
+    flush?: boolean | undefined;
+    loading?: boolean | undefined;
+    tooltipSide?: "left" | "right" | "bottom" | "top" | undefined;
+    tooltipAlign?: "center" | "end" | "start" | undefined;
+    tooltipDelayDuration?: number | undefined;
+    tooltipDisableHoverableContent?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    'data-*'?: Record<string, string> | undefined;
+}>;
+/**
+ * Type derived from IconButton Zod schema
+ * This ensures type safety and consistency with the schema
+ */
+export type IconButtonProps = z.infer<typeof IconButtonSchema>;
+/**
+ * Development-only helper to validate and normalize IconButton props
+ * This function should only be used in development mode
+ *
+ * @param props - Props to validate and normalize
+ * @returns Validated and normalized props
+ *
+ * @example
+ * ```tsx
+ * // In development, this will validate props and show helpful errors
+ * const validatedProps = parseIconButtonProps({
+ *   variant: 'ghost'
+ *   // Missing accessibility - will throw error
+ * });
+ * // Throws: "IconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility"
+ *
+ * const validProps = parseIconButtonProps({
+ *   'aria-label': 'Close',
+ *   variant: 'ghost'
+ * });
+ * ```
+ */
+export declare function parseIconButtonProps(props: unknown): IconButtonProps;
+//# sourceMappingURL=icon-button.schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.schema.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/icon-button.schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoE3B,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,eAAe,CAKpE"}

package/dist/esm/components/schemas/icon-button.schema.js

@@ -0,0 +1,2 @@
+import{z as e}from"zod";import{BaseButtonSchema as t}from"./base-button.schema.js";const l=t.extend({tooltip:e.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:e.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),tooltipAlign:e.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:e.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:e.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior"),"aria-label":e.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":e.string().optional().describe("ARIA labelled by reference"),children:e.any().optional().describe("Children elements (required for accessibility if no aria-label)")}).refine(o=>o["aria-label"]||o["aria-labelledby"]||o.children,{message:"IconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility",path:["aria-label","aria-labelledby","children"]});function r(o){return o}export{l as IconButtonSchema,r as parseIconButtonProps};
+//# sourceMappingURL=icon-button.schema.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/schemas/icon-button.schema.ts"],
+  "sourcesContent": ["import { z } from 'zod';\nimport { BaseButtonSchema } from './base-button.schema.js';\n\n/**\n * IconButton Zod schema - Single source of truth for IconButton component props\n *\n * IconButton is a specialized button component designed for icon-only interactions.\n * It requires proper accessibility attributes to meet WCAG guidelines and provides\n * comprehensive tooltip support for better user experience.\n *\n * Key features:\n * - Required accessibility attributes (aria-label, aria-labelledby, or children)\n * - Tooltip support for better UX\n * - Inherits all BaseButton functionality\n * - Optimized for icon-only interactions\n *\n * @example\n * ```tsx\n * // Basic icon button with aria-label\n * const props = IconButtonSchema.parse({\n *   'aria-label': 'Close dialog',\n *   variant: 'ghost'\n * });\n *\n * // Icon button with tooltip\n * const tooltipProps = IconButtonSchema.parse({\n *   'aria-label': 'Settings',\n *   tooltip: 'Open settings menu',\n *   tooltipSide: 'right'\n * });\n *\n * // Icon button with children (fallback accessibility)\n * const childrenProps = IconButtonSchema.parse({\n *   children: <SettingsIcon />,\n *   variant: 'soft'\n * });\n * ```\n */\nexport const IconButtonSchema = 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}).refine((data) => data['aria-label'] || data['aria-labelledby'] || data.children, {\n  message:\n    \"IconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility\",\n  path: ['aria-label', 'aria-labelledby', 'children'],\n});\n\n/**\n * Type derived from IconButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type IconButtonProps = z.infer<typeof IconButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize IconButton 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 = parseIconButtonProps({\n *   variant: 'ghost'\n *   // Missing accessibility - will throw error\n * });\n * // Throws: \"IconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility\"\n *\n * const validProps = parseIconButtonProps({\n *   'aria-label': 'Close',\n *   variant: 'ghost'\n * });\n * ```\n */\nexport function parseIconButtonProps(props: unknown): IconButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return IconButtonSchema.parse(props);\n  }\n  return props as IconButtonProps;\n}\n"],
+  "mappings": "AAAA,OAAS,KAAAA,MAAS,MAClB,OAAS,oBAAAC,MAAwB,0BAqC1B,MAAMC,EAAmBD,EAAiB,OAAO,CAItD,QAASD,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,kDAAkD,EAM1F,YAAaA,EACV,KAAK,CAAC,MAAO,QAAS,SAAU,MAAM,CAAC,EACvC,SAAS,EACT,QAAQ,KAAK,EACb,SAAS,oDAAoD,EAMhE,aAAcA,EACX,KAAK,CAAC,QAAS,SAAU,KAAK,CAAC,EAC/B,SAAS,EACT,QAAQ,QAAQ,EAChB,SAAS,iDAAiD,EAK7D,qBAAsBA,EACnB,OAAO,EACP,SAAS,EACT,SAAS,oDAAoD,EAMhE,+BAAgCA,EAC7B,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,+CAA+C,EAM3D,aAAcA,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,8BAA8B,EAM3E,kBAAmBA,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,4BAA4B,EAM9E,SAAUA,EACP,IAAI,EACJ,SAAS,EACT,SAAS,iEAAiE,CAC/E,CAAC,EAAE,OAAQG,GAASA,EAAK,YAAY,GAAKA,EAAK,iBAAiB,GAAKA,EAAK,SAAU,CAClF,QACE,+FACF,KAAM,CAAC,aAAc,kBAAmB,UAAU,CACpD,CAAC,EA8BM,SAASC,EAAqBC,EAAiC,CAIpE,OAAOA,CACT",
+  "names": ["z", "BaseButtonSchema", "IconButtonSchema", "data", "parseIconButtonProps", "props"]
+}

package/dist/esm/components/schemas/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Button component schemas - Single source of truth for all button-related components
+ *
+ * This module exports Zod schemas for all button components, providing:
+ * - Type-safe prop validation
+ * - Machine-readable JSON schema generation
+ * - Development-time prop validation
+ * - Consistent API across all button variants
+ *
+ * @example
+ * ```tsx
+ * import { ButtonSchema, parseButtonProps } from './schemas';
+ *
+ * // Type-safe prop validation
+ * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });
+ *
+ * // Development-time validation
+ * const validatedProps = parseButtonProps(userProps);
+ * ```
+ */
+export { BaseButtonSchema, parseBaseButtonProps } from './base-button.schema.js';
+export type { BaseButtonProps } from './base-button.schema.js';
+export { ButtonSchema, parseButtonProps } from './button.schema.js';
+export type { ButtonProps } from './button.schema.js';
+export { IconButtonSchema, parseIconButtonProps } from './icon-button.schema.js';
+export type { IconButtonProps } from './icon-button.schema.js';
+export { ToggleButtonSchema, parseToggleButtonProps } from './toggle-button.schema.js';
+export type { ToggleButtonProps } from './toggle-button.schema.js';
+export { ToggleIconButtonSchema, parseToggleIconButtonProps } from './toggle-icon-button.schema.js';
+export type { ToggleIconButtonProps } from './toggle-icon-button.schema.js';
+/**
+ * Generic parseProps helper for development-time validation
+ *
+ * This function provides a type-safe way to validate props in development mode.
+ * It should only be used in development as it adds runtime overhead.
+ *
+ * @param schema - Zod schema to validate against
+ * @param props - Props to validate
+ * @returns Validated and normalized props
+ *
+ * @example
+ * ```tsx
+ * import { parseProps } from './schemas';
+ * import { ButtonSchema } from './schemas';
+ *
+ * // In development, this will validate props and show helpful errors
+ * const validatedProps = parseProps(ButtonSchema, userProps);
+ * ```
+ */
+export declare function parseProps<T>(schema: z.ZodSchema<T>, props: unknown): T;
+import { z } from 'zod';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/schemas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/schemas/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACpG,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,CAKvE;AAED,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC"}

package/dist/esm/components/schemas/index.js

@@ -0,0 +1,2 @@
+import{BaseButtonSchema as m,parseBaseButtonProps as a}from"./base-button.schema.js";import{ButtonSchema as c,parseButtonProps as B}from"./button.schema.js";import{IconButtonSchema as f,parseIconButtonProps as h}from"./icon-button.schema.js";import{ToggleButtonSchema as P,parseToggleButtonProps as T}from"./toggle-button.schema.js";import{ToggleIconButtonSchema as b,parseToggleIconButtonProps as I}from"./toggle-icon-button.schema.js";function e(t,o){return o}import"zod";export{m as BaseButtonSchema,c as ButtonSchema,f as IconButtonSchema,P as ToggleButtonSchema,b as ToggleIconButtonSchema,a as parseBaseButtonProps,B as parseButtonProps,h as parseIconButtonProps,e as parseProps,T as parseToggleButtonProps,I as parseToggleIconButtonProps};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/schemas/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/schemas/index.ts"],
+  "sourcesContent": ["/**\n * Button component schemas - Single source of truth for all button-related components\n *\n * This module exports Zod schemas for all button components, providing:\n * - Type-safe prop validation\n * - Machine-readable JSON schema generation\n * - Development-time prop validation\n * - Consistent API across all button variants\n *\n * @example\n * ```tsx\n * import { ButtonSchema, parseButtonProps } from './schemas';\n *\n * // Type-safe prop validation\n * const props = ButtonSchema.parse({ variant: 'solid', size: '2' });\n *\n * // Development-time validation\n * const validatedProps = parseButtonProps(userProps);\n * ```\n */\n\n// Base schemas\nexport { BaseButtonSchema, parseBaseButtonProps } from './base-button.schema.js';\nexport type { BaseButtonProps } from './base-button.schema.js';\n\n// Button schemas\nexport { ButtonSchema, parseButtonProps } from './button.schema.js';\nexport type { ButtonProps } from './button.schema.js';\n\n// IconButton schemas\nexport { IconButtonSchema, parseIconButtonProps } from './icon-button.schema.js';\nexport type { IconButtonProps } from './icon-button.schema.js';\n\n// ToggleButton schemas\nexport { ToggleButtonSchema, parseToggleButtonProps } from './toggle-button.schema.js';\nexport type { ToggleButtonProps } from './toggle-button.schema.js';\n\n// ToggleIconButton schemas\nexport { ToggleIconButtonSchema, parseToggleIconButtonProps } from './toggle-icon-button.schema.js';\nexport type { ToggleIconButtonProps } from './toggle-icon-button.schema.js';\n\n/**\n * Generic parseProps helper for development-time validation\n *\n * This function provides a type-safe way to validate props in development mode.\n * It should only be used in development as it adds runtime overhead.\n *\n * @param schema - Zod schema to validate against\n * @param props - Props to validate\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * import { parseProps } from './schemas';\n * import { ButtonSchema } from './schemas';\n *\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseProps(ButtonSchema, userProps);\n * ```\n */\nexport function parseProps<T>(schema: z.ZodSchema<T>, props: unknown): T {\n  if (process.env.NODE_ENV === 'development') {\n    return schema.parse(props);\n  }\n  return props as T;\n}\n\nimport { z } from 'zod';\n"],
+  "mappings": "AAsBA,OAAS,oBAAAA,EAAkB,wBAAAC,MAA4B,0BAIvD,OAAS,gBAAAC,EAAc,oBAAAC,MAAwB,qBAI/C,OAAS,oBAAAC,EAAkB,wBAAAC,MAA4B,0BAIvD,OAAS,sBAAAC,EAAoB,0BAAAC,MAA8B,4BAI3D,OAAS,0BAAAC,EAAwB,8BAAAC,MAAkC,iCAsB5D,SAASC,EAAcC,EAAwBC,EAAmB,CAIvE,OAAOA,CACT,CAEA,MAAkB",
+  "names": ["BaseButtonSchema", "parseBaseButtonProps", "ButtonSchema", "parseButtonProps", "IconButtonSchema", "parseIconButtonProps", "ToggleButtonSchema", "parseToggleButtonProps", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "parseProps", "schema", "props"]
+}