@womp/kookie-ui 0.14.4 → 0.14.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/_internal/base-button.js +1 -1
- package/dist/cjs/components/_internal/base-button.js.map +2 -2
- package/dist/cjs/components/_internal/base-button.props.d.ts +1 -1
- package/dist/cjs/components/_internal/base-button.props.js +1 -1
- package/dist/cjs/components/_internal/base-button.props.js.map +2 -2
- package/dist/cjs/components/button.d.ts +1 -1
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +2 -2
- package/dist/cjs/components/button.props.js +1 -1
- package/dist/cjs/components/button.props.js.map +2 -2
- package/dist/cjs/components/chatbar.js +1 -1
- package/dist/cjs/components/chatbar.js.map +2 -2
- package/dist/cjs/components/icon-button.js +1 -1
- package/dist/cjs/components/icon-button.js.map +2 -2
- package/dist/cjs/components/icon-button.props.js +1 -1
- package/dist/cjs/components/icon-button.props.js.map +2 -2
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +2 -2
- package/dist/cjs/components/message-scroller.js +1 -1
- package/dist/cjs/components/message-scroller.js.map +2 -2
- package/dist/cjs/components/notice.js +1 -1
- package/dist/cjs/components/notice.js.map +2 -2
- package/dist/cjs/components/schemas/base-button.schema.js +1 -1
- package/dist/cjs/components/schemas/base-button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/button.schema.js +1 -1
- package/dist/cjs/components/schemas/button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/icon-button.schema.js +1 -1
- package/dist/cjs/components/schemas/icon-button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/index.js +1 -1
- package/dist/cjs/components/schemas/index.js.map +2 -2
- package/dist/cjs/components/schemas/toggle-button.schema.js +1 -1
- package/dist/cjs/components/schemas/toggle-button.schema.js.map +2 -2
- package/dist/cjs/components/schemas/toggle-icon-button.schema.js +1 -1
- package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map +2 -2
- package/dist/cjs/components/theme-panel.js +1 -1
- package/dist/cjs/components/theme-panel.js.map +2 -2
- package/dist/cjs/components/toggle-button.js +1 -1
- package/dist/cjs/components/toggle-button.js.map +2 -2
- package/dist/cjs/components/toggle-icon-button.js +1 -1
- package/dist/cjs/components/toggle-icon-button.js.map +2 -2
- package/dist/cjs/components/toolbar.js +1 -1
- package/dist/cjs/components/toolbar.js.map +2 -2
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/props/index.js +1 -1
- package/dist/cjs/props/index.js.map +2 -2
- package/dist/esm/{chunk-57XCVY6J.js → chunk-5NARBZRI.js} +2 -2
- package/dist/esm/{chunk-T7Q6DQRD.js → chunk-ADFUYK3U.js} +2 -2
- package/dist/esm/{chunk-7ZCQAMHZ.js → chunk-ALG6R3ZX.js} +2 -2
- package/dist/esm/{chunk-RA2XCS3M.js → chunk-ARDKQL7Q.js} +2 -2
- package/dist/esm/{chunk-F7TOKXKZ.js → chunk-BBMENJM3.js} +2 -2
- package/dist/esm/{chunk-E7LJHM3S.js → chunk-BGVGSALM.js} +2 -2
- package/dist/esm/{chunk-E7LJHM3S.js.map → chunk-BGVGSALM.js.map} +2 -2
- package/dist/esm/{chunk-T6Z4JUH6.js → chunk-BWVYB64R.js} +2 -2
- package/dist/esm/{chunk-6SVNBGZ6.js → chunk-BXX2NVQD.js} +2 -2
- package/dist/esm/{chunk-6SVNBGZ6.js.map → chunk-BXX2NVQD.js.map} +1 -1
- package/dist/esm/{chunk-3OQM7SLQ.js → chunk-EUH5MK4Q.js} +2 -2
- package/dist/esm/{chunk-TCEQ5VVE.js → chunk-JGR3L4SN.js} +2 -2
- package/dist/esm/{chunk-CYSDGVKF.js → chunk-LHGT24A5.js} +2 -2
- package/dist/esm/{chunk-VJXHEDCE.js → chunk-LOLLL7AV.js} +2 -2
- package/dist/esm/chunk-P3KYZBOB.js +2 -0
- package/dist/esm/chunk-P3KYZBOB.js.map +7 -0
- package/dist/esm/{chunk-77TGP2LO.js → chunk-QXEQ2C6A.js} +2 -2
- package/dist/esm/{chunk-FMMKOOS7.js → chunk-TUKX2BRO.js} +2 -2
- package/dist/esm/{chunk-BKES3M4Y.js → chunk-UGGAAL4V.js} +2 -2
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/_internal/base-button.props.d.ts +1 -1
- package/dist/esm/components/_internal/base-button.props.js +1 -1
- package/dist/esm/components/button.d.ts +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.props.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/icon-button.props.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/message-scroller.js +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/schemas/base-button.schema.js +1 -1
- package/dist/esm/components/schemas/button.schema.js +1 -1
- package/dist/esm/components/schemas/icon-button.schema.js +1 -1
- package/dist/esm/components/schemas/index.js +1 -1
- package/dist/esm/components/schemas/toggle-button.schema.js +1 -1
- package/dist/esm/components/schemas/toggle-icon-button.schema.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.js +1 -1
- package/package.json +1 -1
- package/schemas/base-button.json +1 -1
- package/schemas/button.json +1 -1
- package/schemas/icon-button.json +1 -1
- package/schemas/index.json +5 -5
- package/schemas/toggle-button.json +1 -1
- package/schemas/toggle-icon-button.json +1 -1
- package/src/components/_internal/base-button.props.ts +3 -3
- package/src/components/button.tsx +1 -1
- package/src/components/schemas/base-button.schema.ts +2 -2
- package/dist/esm/chunk-2D5QJ6MX.js +0 -2
- package/dist/esm/chunk-2D5QJ6MX.js.map +0 -7
- /package/dist/esm/{chunk-57XCVY6J.js.map → chunk-5NARBZRI.js.map} +0 -0
- /package/dist/esm/{chunk-T7Q6DQRD.js.map → chunk-ADFUYK3U.js.map} +0 -0
- /package/dist/esm/{chunk-7ZCQAMHZ.js.map → chunk-ALG6R3ZX.js.map} +0 -0
- /package/dist/esm/{chunk-RA2XCS3M.js.map → chunk-ARDKQL7Q.js.map} +0 -0
- /package/dist/esm/{chunk-F7TOKXKZ.js.map → chunk-BBMENJM3.js.map} +0 -0
- /package/dist/esm/{chunk-T6Z4JUH6.js.map → chunk-BWVYB64R.js.map} +0 -0
- /package/dist/esm/{chunk-3OQM7SLQ.js.map → chunk-EUH5MK4Q.js.map} +0 -0
- /package/dist/esm/{chunk-TCEQ5VVE.js.map → chunk-JGR3L4SN.js.map} +0 -0
- /package/dist/esm/{chunk-CYSDGVKF.js.map → chunk-LHGT24A5.js.map} +0 -0
- /package/dist/esm/{chunk-VJXHEDCE.js.map → chunk-LOLLL7AV.js.map} +0 -0
- /package/dist/esm/{chunk-77TGP2LO.js.map → chunk-QXEQ2C6A.js.map} +0 -0
- /package/dist/esm/{chunk-FMMKOOS7.js.map → chunk-TUKX2BRO.js.map} +0 -0
- /package/dist/esm/{chunk-BKES3M4Y.js.map → chunk-UGGAAL4V.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/schemas/toggle-icon-button.schema.ts", "../../../../src/components/schemas/base-button.schema.ts"],
|
|
4
|
-
"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 'raised'\n */\n variant: z\n .enum(['raised', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override', 'classic'])\n .default('raised')\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 * Full width mode that expands the button to fill its container\n * Useful for mobile layouts and form submissions\n * @default false\n */\n fullWidth: z\n .boolean()\n .optional()\n .default(false)\n .describe('Full width mode that expands the button to fill its container'),\n\n /**\n * Material type for visual rendering and depth effects\n * Controls how the button renders its visual elements\n */\n material: z\n .enum(['solid', 'translucent'])\n .optional()\n .describe('Material type for visual rendering and depth effects'),\n\n /**\n * Panel background type (deprecated)\n * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n */\n panelBackground: z\n .enum(['solid', 'translucent'])\n .optional()\n .describe('Panel background type (deprecated - use material instead)'),\n\n /**\n * Flush mode that removes visual padding for seamless text integration\n * Only effective with ghost variant\n * @default false\n */\n flush: z\n .boolean()\n .optional()\n .default(false)\n .describe('Flush mode that removes visual padding for seamless text integration'),\n\n /**\n * Disabled state\n * @default false\n */\n disabled: z.boolean().optional().default(false).describe('Disabled state'),\n\n /**\n * Type attribute for form buttons\n * @default 'button'\n */\n type: z\n .enum(['button', 'submit', 'reset'])\n .optional()\n .describe('Type attribute for form buttons'),\n\n /**\n * Additional CSS class name\n */\n className: z.string().optional().describe('Additional CSS class name'),\n\n /**\n * Inline styles\n */\n style: z\n .record(z.string(), z.union([z.string(), z.number()]))\n .optional()\n .describe('Inline styles'),\n\n /**\n * Click handler\n */\n onClick: z.function().optional().describe('Click handler'),\n\n /**\n * Focus handler\n */\n onFocus: z.function().optional().describe('Focus handler'),\n\n /**\n * Blur handler\n */\n onBlur: z.function().optional().describe('Blur handler'),\n\n /**\n * Mouse enter handler\n */\n onMouseEnter: z.function().optional().describe('Mouse enter handler'),\n\n /**\n * Mouse leave handler\n */\n onMouseLeave: z.function().optional().describe('Mouse leave handler'),\n\n /**\n * Key down handler\n */\n onKeyDown: z.function().optional().describe('Key down handler'),\n\n /**\n * Key up handler\n */\n onKeyUp: z.function().optional().describe('Key up handler'),\n\n /**\n * Form submission handler\n */\n onSubmit: z.function().optional().describe('Form submission handler'),\n\n /**\n * Tab index for keyboard navigation\n */\n tabIndex: z.number().optional().describe('Tab index for keyboard navigation'),\n\n /**\n * ARIA label for accessibility\n */\n 'aria-label': z.string().optional().describe('ARIA label for accessibility'),\n\n /**\n * ARIA labelled by reference\n */\n 'aria-labelledby': z.string().optional().describe('ARIA labelled by reference'),\n\n /**\n * ARIA described by reference\n */\n 'aria-describedby': z.string().optional().describe('ARIA described by reference'),\n\n /**\n * ARIA expanded state\n */\n 'aria-expanded': z.boolean().optional().describe('ARIA expanded state'),\n\n /**\n * ARIA pressed state\n */\n 'aria-pressed': z.boolean().optional().describe('ARIA pressed state'),\n\n /**\n * ARIA current state\n */\n 'aria-current': z\n .union([z.boolean(), z.enum(['page', 'step', 'location', 'date', 'time'])])\n .optional()\n .describe('ARIA current state'),\n\n /**\n * ARIA controls reference\n */\n 'aria-controls': z.string().optional().describe('ARIA controls reference'),\n\n /**\n * ARIA owns reference\n */\n 'aria-owns': z.string().optional().describe('ARIA owns reference'),\n\n /**\n * Data attributes\n */\n 'data-*': z.record(z.string(), z.string()).optional().describe('Data attributes'),\n\n /**\n * ID attribute\n */\n id: z.string().optional().describe('ID attribute'),\n\n /**\n * Title attribute for tooltip\n */\n title: z.string().optional().describe('Title attribute for tooltip'),\n\n /**\n * Role attribute\n */\n role: z.string().optional().describe('Role attribute'),\n\n /**\n * Children elements\n */\n children: z.any().optional().describe('Children elements'),\n })\n .strict();\n\n/**\n * Type derived from BaseButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type BaseButtonProps = z.infer<typeof BaseButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseBaseButtonProps({ size: 'invalid', variant: 'solid' });\n * // Throws: \"Invalid enum value. Expected '1' | '2' | '3' | '4', received 'invalid'\"\n * ```\n */\nexport function parseBaseButtonProps(props: unknown): BaseButtonProps {\n if (process.env.NODE_ENV === 'development') {\n return BaseButtonSchema.parse(props);\n }\n return props as BaseButtonProps;\n}\n"],
|
|
5
|
-
"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,QAAS,WAAY,SAAS,CAAC,EACtF,QAAQ,
|
|
4
|
+
"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', 'override', 'classic'])\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 * Full width mode that expands the button to fill its container\n * Useful for mobile layouts and form submissions\n * @default false\n */\n fullWidth: z\n .boolean()\n .optional()\n .default(false)\n .describe('Full width mode that expands the button to fill its container'),\n\n /**\n * Material type for visual rendering and depth effects\n * Controls how the button renders its visual elements\n */\n material: z\n .enum(['solid', 'translucent'])\n .optional()\n .describe('Material type for visual rendering and depth effects'),\n\n /**\n * Panel background type (deprecated)\n * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n */\n panelBackground: z\n .enum(['solid', 'translucent'])\n .optional()\n .describe('Panel background type (deprecated - use material instead)'),\n\n /**\n * Flush mode that removes visual padding for seamless text integration\n * Only effective with ghost variant\n * @default false\n */\n flush: z\n .boolean()\n .optional()\n .default(false)\n .describe('Flush mode that removes visual padding for seamless text integration'),\n\n /**\n * Disabled state\n * @default false\n */\n disabled: z.boolean().optional().default(false).describe('Disabled state'),\n\n /**\n * Type attribute for form buttons\n * @default 'button'\n */\n type: z\n .enum(['button', 'submit', 'reset'])\n .optional()\n .describe('Type attribute for form buttons'),\n\n /**\n * Additional CSS class name\n */\n className: z.string().optional().describe('Additional CSS class name'),\n\n /**\n * Inline styles\n */\n style: z\n .record(z.string(), z.union([z.string(), z.number()]))\n .optional()\n .describe('Inline styles'),\n\n /**\n * Click handler\n */\n onClick: z.function().optional().describe('Click handler'),\n\n /**\n * Focus handler\n */\n onFocus: z.function().optional().describe('Focus handler'),\n\n /**\n * Blur handler\n */\n onBlur: z.function().optional().describe('Blur handler'),\n\n /**\n * Mouse enter handler\n */\n onMouseEnter: z.function().optional().describe('Mouse enter handler'),\n\n /**\n * Mouse leave handler\n */\n onMouseLeave: z.function().optional().describe('Mouse leave handler'),\n\n /**\n * Key down handler\n */\n onKeyDown: z.function().optional().describe('Key down handler'),\n\n /**\n * Key up handler\n */\n onKeyUp: z.function().optional().describe('Key up handler'),\n\n /**\n * Form submission handler\n */\n onSubmit: z.function().optional().describe('Form submission handler'),\n\n /**\n * Tab index for keyboard navigation\n */\n tabIndex: z.number().optional().describe('Tab index for keyboard navigation'),\n\n /**\n * ARIA label for accessibility\n */\n 'aria-label': z.string().optional().describe('ARIA label for accessibility'),\n\n /**\n * ARIA labelled by reference\n */\n 'aria-labelledby': z.string().optional().describe('ARIA labelled by reference'),\n\n /**\n * ARIA described by reference\n */\n 'aria-describedby': z.string().optional().describe('ARIA described by reference'),\n\n /**\n * ARIA expanded state\n */\n 'aria-expanded': z.boolean().optional().describe('ARIA expanded state'),\n\n /**\n * ARIA pressed state\n */\n 'aria-pressed': z.boolean().optional().describe('ARIA pressed state'),\n\n /**\n * ARIA current state\n */\n 'aria-current': z\n .union([z.boolean(), z.enum(['page', 'step', 'location', 'date', 'time'])])\n .optional()\n .describe('ARIA current state'),\n\n /**\n * ARIA controls reference\n */\n 'aria-controls': z.string().optional().describe('ARIA controls reference'),\n\n /**\n * ARIA owns reference\n */\n 'aria-owns': z.string().optional().describe('ARIA owns reference'),\n\n /**\n * Data attributes\n */\n 'data-*': z.record(z.string(), z.string()).optional().describe('Data attributes'),\n\n /**\n * ID attribute\n */\n id: z.string().optional().describe('ID attribute'),\n\n /**\n * Title attribute for tooltip\n */\n title: z.string().optional().describe('Title attribute for tooltip'),\n\n /**\n * Role attribute\n */\n role: z.string().optional().describe('Role attribute'),\n\n /**\n * Children elements\n */\n children: z.any().optional().describe('Children elements'),\n })\n .strict();\n\n/**\n * Type derived from BaseButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type BaseButtonProps = z.infer<typeof BaseButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseBaseButtonProps({ size: 'invalid', variant: 'solid' });\n * // Throws: \"Invalid enum value. Expected '1' | '2' | '3' | '4', received 'invalid'\"\n * ```\n */\nexport function parseBaseButtonProps(props: unknown): BaseButtonProps {\n if (process.env.NODE_ENV === 'development') {\n return BaseButtonSchema.parse(props);\n }\n return props as BaseButtonProps;\n}\n"],
|
|
5
|
+
"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,QAAS,WAAY,SAAS,CAAC,EACtF,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,EAOzE,UAAW,IACR,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,+DAA+D,EAM3E,SAAU,IACP,KAAK,CAAC,QAAS,aAAa,CAAC,EAC7B,SAAS,EACT,SAAS,sDAAsD,EAMlE,gBAAiB,IACd,KAAK,CAAC,QAAS,aAAa,CAAC,EAC7B,SAAS,EACT,SAAS,2DAA2D,EAOvE,MAAO,IACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EAAK,EACb,SAAS,sEAAsE,EAMlF,SAAU,IAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAK,EAAE,SAAS,gBAAgB,EAMzE,KAAM,IACH,KAAK,CAAC,SAAU,SAAU,OAAO,CAAC,EAClC,SAAS,EACT,SAAS,iCAAiC,EAK7C,UAAW,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,2BAA2B,EAKrE,MAAO,IACJ,OAAO,IAAE,OAAO,EAAG,IAAE,MAAM,CAAC,IAAE,OAAO,EAAG,IAAE,OAAO,CAAC,CAAC,CAAC,EACpD,SAAS,EACT,SAAS,eAAe,EAK3B,QAAS,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,eAAe,EAKzD,QAAS,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,eAAe,EAKzD,OAAQ,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,cAAc,EAKvD,aAAc,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKpE,aAAc,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKpE,UAAW,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,kBAAkB,EAK9D,QAAS,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,gBAAgB,EAK1D,SAAU,IAAE,SAAS,EAAE,SAAS,EAAE,SAAS,yBAAyB,EAKpE,SAAU,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,mCAAmC,EAK5E,aAAc,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,8BAA8B,EAK3E,kBAAmB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,4BAA4B,EAK9E,mBAAoB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,6BAA6B,EAKhF,gBAAiB,IAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKtE,eAAgB,IAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,oBAAoB,EAKpE,eAAgB,IACb,MAAM,CAAC,IAAE,QAAQ,EAAG,IAAE,KAAK,CAAC,OAAQ,OAAQ,WAAY,OAAQ,MAAM,CAAC,CAAC,CAAC,EACzE,SAAS,EACT,SAAS,oBAAoB,EAKhC,gBAAiB,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,yBAAyB,EAKzE,YAAa,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,qBAAqB,EAKjE,SAAU,IAAE,OAAO,IAAE,OAAO,EAAG,IAAE,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,iBAAiB,EAKhF,GAAI,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,cAAc,EAKjD,MAAO,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,6BAA6B,EAKnE,KAAM,IAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gBAAgB,EAKrD,SAAU,IAAE,IAAI,EAAE,SAAS,EAAE,SAAS,mBAAmB,CAC3D,CAAC,EACA,OAAO,EDlQH,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",
|
|
6
6
|
"names": ["toggle_icon_button_schema_exports", "__export", "ToggleIconButtonSchema", "parseToggleIconButtonProps", "__toCommonJS", "import_zod", "import_zod", "BaseButtonSchema", "ToggleIconButtonSchema", "BaseButtonSchema", "data", "parseToggleIconButtonProps", "props"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";"use client";var Bo=Object.create;var Te=Object.defineProperty;var ko=Object.getOwnPropertyDescriptor;var Vo=Object.getOwnPropertyNames;var Eo=Object.getPrototypeOf,Lo=Object.prototype.hasOwnProperty;var Ao=(e,t)=>{for(var o in t)Te(e,o,{get:t[o],enumerable:!0})},bt=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Vo(t))!Lo.call(e,n)&&n!==o&&Te(e,n,{get:()=>t[n],enumerable:!(s=ko(t,n))||s.enumerable});return e};var P=(e,t,o)=>(o=e!=null?Bo(Eo(e)):{},bt(t||!e||!e.__esModule?Te(o,"default",{value:e,enumerable:!0}):o,e)),Fo=e=>bt(Te({},"__esModule",{value:!0}),e);var Qr={};Ao(Qr,{ThemePanel:()=>No,ThemePanelContent:()=>Ct});module.exports=Fo(Qr);var r=P(require("react")),To=require("radix-ui/internal"),xo=require("react-dom");var Rt=require("radix-ui"),Dt=Rt.AccessibleIcon.Root;var Be=P(require("react")),Bt=P(require("classnames"));var xe=require("radix-ui"),on=xe.Slot.Root,me=xe.Slot.Root,rn=xe.Slot.Slottable;var N={asChild:{type:"boolean"}};var jo=["div","span"],Ho=["none","inline","inline-block","block","contents"],Tt={as:{type:"enum",values:jo,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:Ho,responsive:!0}};var Nt=P(require("classnames"));var Mo=[],Oo=new Set;function Go(e){let t=Object.assign({},...e),o=[],s=[],n=new Set;for(let i in t){let a=t[i],p=a.values??Mo,l={key:i,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:p,valueSet:p.length>0?new Set(p):Oo,enumValueSet:a.type==="enum"?new Set([a.default,...p]):void 0};a.className?(o.push(l),n.add(i)):(l.hasDefault||a.type==="enum")&&s.push(l)}return{styling:o,passthrough:s,stylingKeys:n}}var Wo={children:new WeakMap};function xt(e){let t=Wo;for(let o=0;o<e.length;o++){let s=e[o],n=t.children.get(s);n===void 0&&(n={children:new WeakMap},t.children.set(s,n)),t=n}return t.compiled??(t.compiled=Go(e))}var Io=["initial","xs","sm","md","lg","xl"],tt=new Set(Io);function ot(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var zo=new Set(["initial","xs","sm","md","lg","xl"]);function J(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(zo.has(t))return!0;return!1}function we(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ne({className:e,customProperties:t,...o}){let s=ce({allowArbitraryValues:!0,className:e,...o}),n=$o({customProperties:t,...o});return[s,n]}function ce({allowArbitraryValues:e,value:t,className:o,propValues:s,propValueSet:n,parseValue:i=a=>a}){if(t){if(typeof t=="string")return we(s,n,t)?wt(o,t,i):e?o:void 0;if(J(t)){let a=t,p=[];for(let l in a){if(!ot(a,l)||!tt.has(l))continue;let m=a[l];if(m!==void 0){if(we(s,n,m)){let u=wt(o,m,i),g=l==="initial"?u:`${l}:${u}`;p.push(g)}else if(e){let u=l==="initial"?o:`${l}:${o}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(e)return o}}function wt(e,t,o){let s=e?"-":"",n=o(t),i=n?.startsWith("-"),a=i?"-":"",p=i?n?.substring(1):n;return`${a}${e}${s}${p}`}function $o({customProperties:e,value:t,propValues:o,propValueSet:s,parseValue:n=i=>i}){if(!t||typeof t=="string"&&we(o,s,t))return;let i;if(typeof t=="string"){let a=n(t);i={};for(let p of e)i[p]=a;return i}if(J(t)){let a=t;for(let p in a){if(!ot(a,p)||!tt.has(p))continue;let l=a[p];if(l===void 0||we(o,s,l))continue;let m=n(l);i??(i={});for(let u of e){let g=p==="initial"?u:`${u}-${p}`;i[g]=m}}}return i??{}}function Q(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Ko(e,t){let o=e.initial,s=!1;return t.hasDefault&&o===void 0&&(o=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,s=!0),s?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:s,stylingKeys:n}=xt(t),i={};for(let l in e)n.has(l)||(i[l]=e[l]);for(let l=0;l<s.length;l++){let m=s[l],u=i[m.key];if(u===void 0){m.hasDefault&&(i[m.key]=m.default);continue}m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!J(u)&&(i[m.key]=m.default)}let a,p=[];for(let l=0;l<o.length;l++){let m=o[l],u=e[m.key];if(u===void 0&&m.hasDefault&&(u=m.default),m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!J(u)&&(u=m.default),!!u){if(J(u)){if(!m.responsive)continue;u=Ko(u,m)}if(m.type==="enum"){let g=ce({allowArbitraryValues:!1,value:u,className:m.className,propValues:m.values,propValueSet:m.valueSet,parseValue:m.parseValue});g&&p.push(g);continue}if(m.type==="string"||m.type==="enum | string"){let[g,h]=Ne({className:m.className,customProperties:m.customProperties,propValues:m.type==="string"?[]:m.values,propValueSet:m.type==="string"?void 0:m.valueSet,parseValue:m.parseValue,value:u});h&&(a=Q(a,h)),g&&p.push(g);continue}if(m.type==="boolean"){p.push(m.className);continue}}}return i.className=(0,Nt.default)(p.length>0?p.join(" "):void 0,e.className),i.style=Q(a,e.style),i}var ee=["0","1","2","3","4","5","6","7","8","9","10","11","12"],St={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:ee,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:ee,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:ee,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:ee,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:ee,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:ee,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:ee,responsive:!0}};var Se={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var I={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var rt=["visible","hidden","clip","scroll","auto"],Zo=["static","relative","absolute","fixed","sticky"],ve=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Uo=["0","1"],_o=["0","1"],qo=["start","center","end","baseline","stretch"],Yo=["start","center","end","baseline","stretch"],ue={...St,...I,...Se,position:{type:"enum",className:"rt-r-position",values:Zo,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:ve,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:ve,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:ve,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:ve,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:ve,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:rt,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:rt,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:rt,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:Uo,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:_o,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:qo,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Yo,responsive:!0}};var te=["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"],V={m:{type:"enum | string",values:te,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:te,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:te,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var oe=Be.forwardRef((e,t)=>{let{className:o,asChild:s,as:n="div",...i}=S(e,Tt,ue,V);return Be.createElement(s?me:n,{...i,ref:t,className:(0,Bt.default)("rt-Box",o)})});oe.displayName="Box";var Y=P(require("react")),Xt=P(require("classnames"));var B=P(require("react")),Wt=P(require("classnames")),It=require("radix-ui");function ke(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}var Ve=["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"],kt=["auto","gray","mauve","slate","sage","olive","sand"],Ee={color:{type:"enum",values:Ve,default:void 0}},Vt={color:{type:"enum",values:Ve,default:""}};var nt=["none","small","medium","large","full"],Le={radius:{type:"enum",values:nt,default:void 0}};var Xo=["1","2","3","4"],Jo=["raised","solid","soft","surface","outline","ghost","override","classic"],Qo=["solid","translucent"],er=["solid","translucent"],st={...N,size:{type:"enum",className:"rt-r-size",values:Xo,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Jo,default:"raised",parseValue:ke},...Vt,...Le,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:er,default:void 0},panelBackground:{type:"enum",values:Qo,default:void 0},flush:{type:"boolean",default:!1}};var Fe=P(require("react")),Lt=P(require("classnames"));var at=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ae={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:at,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:at,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:at,responsive:!0}};var tr=["div","span"],or=["none","inline-flex","flex"],rr=["row","column","row-reverse","column-reverse"],nr=["start","center","end","baseline","stretch"],sr=["start","center","end","between"],ar=["nowrap","wrap","wrap-reverse"],Et={as:{type:"enum",values:tr,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:or,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:rr,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:nr,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:sr,parseValue:ir,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:ar,responsive:!0},...Ae};function ir(e){return e==="between"?"space-between":e}var x=Fe.forwardRef((e,t)=>{let{className:o,asChild:s,as:n="div",...i}=S(e,Et,ue,V);return Fe.createElement(s?me:n,{...i,ref:t,className:(0,Lt.default)("rt-Flex",o)})});x.displayName="Flex";var F=P(require("react")),Ft=P(require("classnames"));var pr=["1","2","3"],At={size:{type:"enum",className:"rt-r-size",values:pr,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var it=F.forwardRef((e,t)=>{let{className:o,children:s,loading:n,...i}=S(e,At,V);if(!n)return s;let a=F.createElement("span",{...i,ref:t,className:(0,Ft.default)("rt-Spinner",o)},F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}));return s===void 0?a:F.createElement(x,{asChild:!0,position:"relative",align:"center",justify:"center"},F.createElement("span",null,F.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},s),F.createElement(x,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},F.createElement("span",null,a))))});it.displayName="Spinner";var pt=require("radix-ui"),jt=pt.VisuallyHidden.Root,is=pt.VisuallyHidden.Root;var Mt=P(require("react")),lr="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",Ht=new Set;function mr(e){Ht.has(e)||(Ht.add(e),console.warn(e))}function fe(e){Mt.useEffect(()=>{},[e])}function Ot(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,s])=>[o,t(s)]))}function Gt(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var lt=B.forwardRef((e,t)=>{let{size:o=st.size.default}=e,{className:s,children:n,asChild:i,as:a,color:p,radius:l,material:m,panelBackground:u,flush:g,disabled:h=e.loading,...R}=S(e,st,V);fe(e.panelBackground);let w=m??u,D=i?It.Slot.Root:a||"button",v=i||!a||["button","input","textarea","select"].includes(a),G=!i&&(!a||a==="button"),M="type"in R,j=B.useId(),L=e.loading?`${j}-loading`:void 0,C=B.useMemo(()=>typeof n=="string"?n:B.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"button",[n]),A=B.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":L,"aria-label":`${C} (loading)`}:{},[e.loading,L,C]);return B.createElement(D,{"data-disabled":h||void 0,"data-accent-color":p,"data-radius":l,"data-material":w,"data-panel-background":w,"data-flush":g?"true":void 0,...R,...A,ref:t,className:(0,Wt.default)("rt-reset","rt-BaseButton",s),...v&&{disabled:h},...G&&!M?{type:"button"}:{}},e.loading?B.createElement(B.Fragment,null,B.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),B.createElement(jt,null,B.createElement("span",{id:L},C," is loading, please wait..."),n),B.createElement(x,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},B.createElement("span",null,B.createElement(it,{size:Ot(o,Gt),"aria-hidden":"true"})))):n)});lt.displayName="BaseButton";var $=P(require("react")),qt=P(require("classnames")),de=require("radix-ui");var re=P(require("react")),$t=require("radix-ui");var cr=["loud","medium","quiet"],je={emphasis:{type:"enum",className:"rt-emphasis",values:cr,default:void 0}};var ur=["normal","start","end","both"],He={trim:{type:"enum",className:"rt-r-lt",values:ur,responsive:!0}};var fr=["left","center","right"],Me={align:{type:"enum",className:"rt-r-ta",values:fr,responsive:!0}};var dr=["wrap","nowrap","pretty","balance"],Oe={wrap:{type:"enum",className:"rt-r-tw",values:dr,responsive:!0}};var Ge={truncate:{type:"boolean",className:"rt-truncate"}};var Pr=["sans","mono","serif"],We={font:{type:"enum",className:"rt-r-ff",values:Pr}};var yr=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Ie={weight:{type:"enum",className:"rt-r-weight",values:yr,responsive:!0}};var gr=["span","div","label","p"],hr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],zt={as:{type:"enum",values:gr,default:"span"},...N,size:{type:"enum",className:"rt-r-size",values:hr,responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ee,...je};var vr={...zt,...V},U=re.memo(re.forwardRef((e,t)=>{let{children:o,className:s,asChild:n,as:i="span",color:a,...p}=S(e,vr),l=s?`rt-Text ${s}`:"rt-Text";return n?re.createElement($t.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):re.createElement(i,{"data-accent-color":a,...p,ref:t,className:l},o)}));U.displayName="Text";var b=P(require("react")),Zt=P(require("classnames")),ne=require("radix-ui"),Ke=require("radix-ui/internal");function ze(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var mt=P(require("react"));function z(e){let[t,o]=mt.useState(e),[s,n]=mt.useState(e);return Object.is(e,s)||(n(e),o(e)),[t,o]}var Cr=["inherit","light","dark"],br=["solid","translucent"],Rr=["solid","translucent"],Dr=["90%","95%","100%","105%","110%"],Kt=["sans","mono","serif"],d={...N,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Cr,default:"inherit"},accentColor:{type:"enum",values:Ve,default:"gray"},grayColor:{type:"enum",values:kt,default:"gray"},material:{type:"enum",values:Rr,default:"solid"},panelBackground:{type:"enum",values:br,default:"solid"},radius:{type:"enum",values:nt,default:"full"},scaling:{type:"enum",values:Dr,default:"100%"},fontFamily:{type:"enum",values:Kt,default:"sans"},headingFontFamily:{type:"enum",values:Kt}};var E=()=>{},Tr={appearance:d.appearance.default,accentColor:d.accentColor.default,grayColor:d.grayColor.default,resolvedGrayColor:d.grayColor.default,material:d.material.default,panelBackground:d.panelBackground.default,radius:d.radius.default,scaling:d.scaling.default,fontFamily:d.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:E,onAccentColorChange:E,onGrayColorChange:E,onMaterialChange:E,onPanelBackgroundChange:E,onRadiusChange:E,onScalingChange:E,onFontFamilyChange:E,onHeadingFontFamilyChange:E},$e=b.createContext(void 0);function Ce(){return b.useContext($e)??Tr}var _=b.forwardRef((e,t)=>{let o=b.useContext($e),s=ne.Direction.useDirection();return o===void 0?b.createElement(ne.Tooltip.Provider,{delayDuration:200},b.createElement(ne.Direction.Provider,{dir:s},b.createElement(Ut,{...e,ref:t}))):b.createElement(ct,{...e,ref:t})});_.displayName="Theme";var Ut=b.forwardRef((e,t)=>{let{appearance:o=d.appearance.default,accentColor:s=d.accentColor.default,grayColor:n=d.grayColor.default,material:i=d.material.default,panelBackground:a=d.panelBackground.default,radius:p=d.radius.default,scaling:l=d.scaling.default,fontFamily:m=d.fontFamily.default,headingFontFamily:u,hasBackground:g=d.hasBackground.default,...h}=e;fe(e.panelBackground);let[R,w]=z(o),[D,v]=z(s),[G,M]=z(n),j=i!==d.material.default?i:a,[L,C]=z(j),[A,k]=z(L),[T,ge]=z(p),[Z,he]=z(l),[c,y]=z(m),[W,H]=z(u);return b.createElement(ct,{...h,ref:t,isRoot:!0,hasBackground:g,appearance:R,accentColor:D,grayColor:G,material:L,panelBackground:A,radius:T,scaling:Z,fontFamily:c,headingFontFamily:W,onAppearanceChange:w,onAccentColorChange:v,onGrayColorChange:M,onMaterialChange:C,onPanelBackgroundChange:k,onRadiusChange:ge,onScalingChange:he,onFontFamilyChange:y,onHeadingFontFamilyChange:H})});Ut.displayName="ThemeRoot";function xr(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var ct=b.forwardRef((e,t)=>{let o=b.useContext($e),{asChild:s,isRoot:n,hasBackground:i,appearance:a=e.appearance??o?.appearance??d.appearance.default,accentColor:p=e.accentColor??o?.accentColor??d.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??d.grayColor.default,material:m=e.material??o?.material??d.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??d.panelBackground.default,radius:g=e.radius??o?.radius??d.radius.default,scaling:h=e.scaling??o?.scaling??d.scaling.default,fontFamily:R=e.fontFamily??o?.fontFamily??d.fontFamily.default,headingFontFamily:w=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:D=E,onAccentColorChange:v=E,onGrayColorChange:G=E,onMaterialChange:M=E,onPanelBackgroundChange:j=E,onRadiusChange:L=E,onScalingChange:C=E,onFontFamilyChange:A=E,onHeadingFontFamilyChange:k=E,...T}=e,ge=s?ne.Slot.Root:"div",Z=l==="auto"?ze(p):l,he=e.appearance==="light"||e.appearance==="dark",c=i===void 0?n||he:i,y=b.useRef(null),W=(0,Ke.useComposedRefs)(t,y),H="data-os"in T;return(0,Ke.useLayoutEffect)(()=>{if(!n||H)return;let q=y.current;if(!q)return;let De=xr();if(De)return q.setAttribute("data-os",De),()=>q.removeAttribute("data-os")},[n,H]),b.createElement($e.Provider,{value:b.useMemo(()=>({appearance:a,accentColor:p,grayColor:l,resolvedGrayColor:Z,material:m,panelBackground:u,radius:g,scaling:h,fontFamily:R,headingFontFamily:w,onAppearanceChange:D,onAccentColorChange:v,onGrayColorChange:G,onMaterialChange:M,onPanelBackgroundChange:j,onRadiusChange:L,onScalingChange:C,onFontFamilyChange:A,onHeadingFontFamilyChange:k}),[a,p,l,Z,m,u,g,h,R,w,D,v,G,M,j,L,C,A,k])},b.createElement(ge,{"data-is-root-theme":n?"true":"false","data-accent-color":p,"data-gray-color":Z,"data-has-background":c?"true":"false","data-material":m,"data-panel-background":u,"data-radius":g,"data-scaling":h,"data-font-family":R,"data-heading-font-family":w,ref:W,...T,className:(0,Zt.default)("radix-themes",{light:a==="light",dark:a==="dark"},T.className)}))});ct.displayName="ThemeImpl";var _t={content:{type:"ReactNode",required:!0},width:I.width,minWidth:I.minWidth,maxWidth:{...I.maxWidth,default:"360px"}};var se=$.forwardRef((e,t)=>{let{children:o,className:s,open:n,defaultOpen:i,onOpenChange:a,delayDuration:p,disableHoverableContent:l,content:m,container:u,forceMount:g,...h}=S(e,_t),R={open:n,defaultOpen:i,onOpenChange:a,delayDuration:p,disableHoverableContent:l};return $.createElement(de.Tooltip.Root,{...R},$.createElement(de.Tooltip.Trigger,{asChild:!0},o),$.createElement(de.Tooltip.Portal,{container:u,forceMount:g},$.createElement(_,{asChild:!0},$.createElement(de.Tooltip.Content,{sideOffset:4,collisionPadding:10,...h,asChild:!1,ref:t,className:(0,qt.default)("rt-TooltipContent",s)},$.createElement(U,{as:"p",className:"rt-TooltipText",size:"1"},m),$.createElement(de.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});se.displayName="Tooltip";var Ze=P(require("react"));function Yt(e){let t=Ze.useId(),o=!!e,s=Ze.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:s}}var wr={loud:"solid",medium:"raised",quiet:"ghost"};function Nr(e){if(e["aria-label"]||e["aria-labelledby"]||e.children)return;console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
|
|
1
|
+
"use strict";"use client";var Bo=Object.create;var Te=Object.defineProperty;var ko=Object.getOwnPropertyDescriptor;var Vo=Object.getOwnPropertyNames;var Eo=Object.getPrototypeOf,Lo=Object.prototype.hasOwnProperty;var Ao=(e,t)=>{for(var o in t)Te(e,o,{get:t[o],enumerable:!0})},bt=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Vo(t))!Lo.call(e,n)&&n!==o&&Te(e,n,{get:()=>t[n],enumerable:!(s=ko(t,n))||s.enumerable});return e};var P=(e,t,o)=>(o=e!=null?Bo(Eo(e)):{},bt(t||!e||!e.__esModule?Te(o,"default",{value:e,enumerable:!0}):o,e)),Fo=e=>bt(Te({},"__esModule",{value:!0}),e);var Qr={};Ao(Qr,{ThemePanel:()=>No,ThemePanelContent:()=>Ct});module.exports=Fo(Qr);var r=P(require("react")),To=require("radix-ui/internal"),xo=require("react-dom");var Rt=require("radix-ui"),Dt=Rt.AccessibleIcon.Root;var Be=P(require("react")),Bt=P(require("classnames"));var xe=require("radix-ui"),on=xe.Slot.Root,me=xe.Slot.Root,rn=xe.Slot.Slottable;var N={asChild:{type:"boolean"}};var jo=["div","span"],Ho=["none","inline","inline-block","block","contents"],Tt={as:{type:"enum",values:jo,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:Ho,responsive:!0}};var Nt=P(require("classnames"));var Mo=[],Oo=new Set;function Go(e){let t=Object.assign({},...e),o=[],s=[],n=new Set;for(let i in t){let a=t[i],p=a.values??Mo,l={key:i,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:p,valueSet:p.length>0?new Set(p):Oo,enumValueSet:a.type==="enum"?new Set([a.default,...p]):void 0};a.className?(o.push(l),n.add(i)):(l.hasDefault||a.type==="enum")&&s.push(l)}return{styling:o,passthrough:s,stylingKeys:n}}var Wo={children:new WeakMap};function xt(e){let t=Wo;for(let o=0;o<e.length;o++){let s=e[o],n=t.children.get(s);n===void 0&&(n={children:new WeakMap},t.children.set(s,n)),t=n}return t.compiled??(t.compiled=Go(e))}var Io=["initial","xs","sm","md","lg","xl"],tt=new Set(Io);function ot(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var zo=new Set(["initial","xs","sm","md","lg","xl"]);function J(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(zo.has(t))return!0;return!1}function we(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ne({className:e,customProperties:t,...o}){let s=ce({allowArbitraryValues:!0,className:e,...o}),n=$o({customProperties:t,...o});return[s,n]}function ce({allowArbitraryValues:e,value:t,className:o,propValues:s,propValueSet:n,parseValue:i=a=>a}){if(t){if(typeof t=="string")return we(s,n,t)?wt(o,t,i):e?o:void 0;if(J(t)){let a=t,p=[];for(let l in a){if(!ot(a,l)||!tt.has(l))continue;let m=a[l];if(m!==void 0){if(we(s,n,m)){let u=wt(o,m,i),g=l==="initial"?u:`${l}:${u}`;p.push(g)}else if(e){let u=l==="initial"?o:`${l}:${o}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(e)return o}}function wt(e,t,o){let s=e?"-":"",n=o(t),i=n?.startsWith("-"),a=i?"-":"",p=i?n?.substring(1):n;return`${a}${e}${s}${p}`}function $o({customProperties:e,value:t,propValues:o,propValueSet:s,parseValue:n=i=>i}){if(!t||typeof t=="string"&&we(o,s,t))return;let i;if(typeof t=="string"){let a=n(t);i={};for(let p of e)i[p]=a;return i}if(J(t)){let a=t;for(let p in a){if(!ot(a,p)||!tt.has(p))continue;let l=a[p];if(l===void 0||we(o,s,l))continue;let m=n(l);i??(i={});for(let u of e){let g=p==="initial"?u:`${u}-${p}`;i[g]=m}}}return i??{}}function Q(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Ko(e,t){let o=e.initial,s=!1;return t.hasDefault&&o===void 0&&(o=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,s=!0),s?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:s,stylingKeys:n}=xt(t),i={};for(let l in e)n.has(l)||(i[l]=e[l]);for(let l=0;l<s.length;l++){let m=s[l],u=i[m.key];if(u===void 0){m.hasDefault&&(i[m.key]=m.default);continue}m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!J(u)&&(i[m.key]=m.default)}let a,p=[];for(let l=0;l<o.length;l++){let m=o[l],u=e[m.key];if(u===void 0&&m.hasDefault&&(u=m.default),m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!J(u)&&(u=m.default),!!u){if(J(u)){if(!m.responsive)continue;u=Ko(u,m)}if(m.type==="enum"){let g=ce({allowArbitraryValues:!1,value:u,className:m.className,propValues:m.values,propValueSet:m.valueSet,parseValue:m.parseValue});g&&p.push(g);continue}if(m.type==="string"||m.type==="enum | string"){let[g,h]=Ne({className:m.className,customProperties:m.customProperties,propValues:m.type==="string"?[]:m.values,propValueSet:m.type==="string"?void 0:m.valueSet,parseValue:m.parseValue,value:u});h&&(a=Q(a,h)),g&&p.push(g);continue}if(m.type==="boolean"){p.push(m.className);continue}}}return i.className=(0,Nt.default)(p.length>0?p.join(" "):void 0,e.className),i.style=Q(a,e.style),i}var ee=["0","1","2","3","4","5","6","7","8","9","10","11","12"],St={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:ee,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:ee,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:ee,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:ee,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:ee,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:ee,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:ee,responsive:!0}};var Se={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var I={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var rt=["visible","hidden","clip","scroll","auto"],Zo=["static","relative","absolute","fixed","sticky"],ve=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Uo=["0","1"],_o=["0","1"],qo=["start","center","end","baseline","stretch"],Yo=["start","center","end","baseline","stretch"],ue={...St,...I,...Se,position:{type:"enum",className:"rt-r-position",values:Zo,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:ve,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:ve,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:ve,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:ve,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:ve,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:rt,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:rt,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:rt,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:Uo,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:_o,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:qo,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Yo,responsive:!0}};var te=["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"],V={m:{type:"enum | string",values:te,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:te,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:te,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:te,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var oe=Be.forwardRef((e,t)=>{let{className:o,asChild:s,as:n="div",...i}=S(e,Tt,ue,V);return Be.createElement(s?me:n,{...i,ref:t,className:(0,Bt.default)("rt-Box",o)})});oe.displayName="Box";var Y=P(require("react")),Xt=P(require("classnames"));var B=P(require("react")),Wt=P(require("classnames")),It=require("radix-ui");function ke(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}var Ve=["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"],kt=["auto","gray","mauve","slate","sage","olive","sand"],Ee={color:{type:"enum",values:Ve,default:void 0}},Vt={color:{type:"enum",values:Ve,default:""}};var nt=["none","small","medium","large","full"],Le={radius:{type:"enum",values:nt,default:void 0}};var Xo=["1","2","3","4"],Jo=["raised","solid","soft","surface","outline","ghost","override","classic"],Qo=["solid","translucent"],er=["solid","translucent"],st={...N,size:{type:"enum",className:"rt-r-size",values:Xo,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Jo,default:"solid",parseValue:ke},...Vt,...Le,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:er,default:void 0},panelBackground:{type:"enum",values:Qo,default:void 0},flush:{type:"boolean",default:!1}};var Fe=P(require("react")),Lt=P(require("classnames"));var at=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ae={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:at,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:at,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:at,responsive:!0}};var tr=["div","span"],or=["none","inline-flex","flex"],rr=["row","column","row-reverse","column-reverse"],nr=["start","center","end","baseline","stretch"],sr=["start","center","end","between"],ar=["nowrap","wrap","wrap-reverse"],Et={as:{type:"enum",values:tr,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:or,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:rr,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:nr,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:sr,parseValue:ir,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:ar,responsive:!0},...Ae};function ir(e){return e==="between"?"space-between":e}var x=Fe.forwardRef((e,t)=>{let{className:o,asChild:s,as:n="div",...i}=S(e,Et,ue,V);return Fe.createElement(s?me:n,{...i,ref:t,className:(0,Lt.default)("rt-Flex",o)})});x.displayName="Flex";var F=P(require("react")),Ft=P(require("classnames"));var pr=["1","2","3"],At={size:{type:"enum",className:"rt-r-size",values:pr,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var it=F.forwardRef((e,t)=>{let{className:o,children:s,loading:n,...i}=S(e,At,V);if(!n)return s;let a=F.createElement("span",{...i,ref:t,className:(0,Ft.default)("rt-Spinner",o)},F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}),F.createElement("span",{className:"rt-SpinnerLeaf"}));return s===void 0?a:F.createElement(x,{asChild:!0,position:"relative",align:"center",justify:"center"},F.createElement("span",null,F.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},s),F.createElement(x,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},F.createElement("span",null,a))))});it.displayName="Spinner";var pt=require("radix-ui"),jt=pt.VisuallyHidden.Root,is=pt.VisuallyHidden.Root;var Mt=P(require("react")),lr="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",Ht=new Set;function mr(e){Ht.has(e)||(Ht.add(e),console.warn(e))}function fe(e){Mt.useEffect(()=>{},[e])}function Ot(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,s])=>[o,t(s)]))}function Gt(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var lt=B.forwardRef((e,t)=>{let{size:o=st.size.default}=e,{className:s,children:n,asChild:i,as:a,color:p,radius:l,material:m,panelBackground:u,flush:g,disabled:h=e.loading,...R}=S(e,st,V);fe(e.panelBackground);let w=m??u,D=i?It.Slot.Root:a||"button",v=i||!a||["button","input","textarea","select"].includes(a),G=!i&&(!a||a==="button"),M="type"in R,j=B.useId(),L=e.loading?`${j}-loading`:void 0,C=B.useMemo(()=>typeof n=="string"?n:B.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"button",[n]),A=B.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":L,"aria-label":`${C} (loading)`}:{},[e.loading,L,C]);return B.createElement(D,{"data-disabled":h||void 0,"data-accent-color":p,"data-radius":l,"data-material":w,"data-panel-background":w,"data-flush":g?"true":void 0,...R,...A,ref:t,className:(0,Wt.default)("rt-reset","rt-BaseButton",s),...v&&{disabled:h},...G&&!M?{type:"button"}:{}},e.loading?B.createElement(B.Fragment,null,B.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),B.createElement(jt,null,B.createElement("span",{id:L},C," is loading, please wait..."),n),B.createElement(x,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},B.createElement("span",null,B.createElement(it,{size:Ot(o,Gt),"aria-hidden":"true"})))):n)});lt.displayName="BaseButton";var $=P(require("react")),qt=P(require("classnames")),de=require("radix-ui");var re=P(require("react")),$t=require("radix-ui");var cr=["loud","medium","quiet"],je={emphasis:{type:"enum",className:"rt-emphasis",values:cr,default:void 0}};var ur=["normal","start","end","both"],He={trim:{type:"enum",className:"rt-r-lt",values:ur,responsive:!0}};var fr=["left","center","right"],Me={align:{type:"enum",className:"rt-r-ta",values:fr,responsive:!0}};var dr=["wrap","nowrap","pretty","balance"],Oe={wrap:{type:"enum",className:"rt-r-tw",values:dr,responsive:!0}};var Ge={truncate:{type:"boolean",className:"rt-truncate"}};var Pr=["sans","mono","serif"],We={font:{type:"enum",className:"rt-r-ff",values:Pr}};var yr=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Ie={weight:{type:"enum",className:"rt-r-weight",values:yr,responsive:!0}};var gr=["span","div","label","p"],hr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],zt={as:{type:"enum",values:gr,default:"span"},...N,size:{type:"enum",className:"rt-r-size",values:hr,responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ee,...je};var vr={...zt,...V},U=re.memo(re.forwardRef((e,t)=>{let{children:o,className:s,asChild:n,as:i="span",color:a,...p}=S(e,vr),l=s?`rt-Text ${s}`:"rt-Text";return n?re.createElement($t.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):re.createElement(i,{"data-accent-color":a,...p,ref:t,className:l},o)}));U.displayName="Text";var b=P(require("react")),Zt=P(require("classnames")),ne=require("radix-ui"),Ke=require("radix-ui/internal");function ze(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var mt=P(require("react"));function z(e){let[t,o]=mt.useState(e),[s,n]=mt.useState(e);return Object.is(e,s)||(n(e),o(e)),[t,o]}var Cr=["inherit","light","dark"],br=["solid","translucent"],Rr=["solid","translucent"],Dr=["90%","95%","100%","105%","110%"],Kt=["sans","mono","serif"],d={...N,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Cr,default:"inherit"},accentColor:{type:"enum",values:Ve,default:"gray"},grayColor:{type:"enum",values:kt,default:"gray"},material:{type:"enum",values:Rr,default:"solid"},panelBackground:{type:"enum",values:br,default:"solid"},radius:{type:"enum",values:nt,default:"full"},scaling:{type:"enum",values:Dr,default:"100%"},fontFamily:{type:"enum",values:Kt,default:"sans"},headingFontFamily:{type:"enum",values:Kt}};var E=()=>{},Tr={appearance:d.appearance.default,accentColor:d.accentColor.default,grayColor:d.grayColor.default,resolvedGrayColor:d.grayColor.default,material:d.material.default,panelBackground:d.panelBackground.default,radius:d.radius.default,scaling:d.scaling.default,fontFamily:d.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:E,onAccentColorChange:E,onGrayColorChange:E,onMaterialChange:E,onPanelBackgroundChange:E,onRadiusChange:E,onScalingChange:E,onFontFamilyChange:E,onHeadingFontFamilyChange:E},$e=b.createContext(void 0);function Ce(){return b.useContext($e)??Tr}var _=b.forwardRef((e,t)=>{let o=b.useContext($e),s=ne.Direction.useDirection();return o===void 0?b.createElement(ne.Tooltip.Provider,{delayDuration:200},b.createElement(ne.Direction.Provider,{dir:s},b.createElement(Ut,{...e,ref:t}))):b.createElement(ct,{...e,ref:t})});_.displayName="Theme";var Ut=b.forwardRef((e,t)=>{let{appearance:o=d.appearance.default,accentColor:s=d.accentColor.default,grayColor:n=d.grayColor.default,material:i=d.material.default,panelBackground:a=d.panelBackground.default,radius:p=d.radius.default,scaling:l=d.scaling.default,fontFamily:m=d.fontFamily.default,headingFontFamily:u,hasBackground:g=d.hasBackground.default,...h}=e;fe(e.panelBackground);let[R,w]=z(o),[D,v]=z(s),[G,M]=z(n),j=i!==d.material.default?i:a,[L,C]=z(j),[A,k]=z(L),[T,ge]=z(p),[Z,he]=z(l),[c,y]=z(m),[W,H]=z(u);return b.createElement(ct,{...h,ref:t,isRoot:!0,hasBackground:g,appearance:R,accentColor:D,grayColor:G,material:L,panelBackground:A,radius:T,scaling:Z,fontFamily:c,headingFontFamily:W,onAppearanceChange:w,onAccentColorChange:v,onGrayColorChange:M,onMaterialChange:C,onPanelBackgroundChange:k,onRadiusChange:ge,onScalingChange:he,onFontFamilyChange:y,onHeadingFontFamilyChange:H})});Ut.displayName="ThemeRoot";function xr(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var ct=b.forwardRef((e,t)=>{let o=b.useContext($e),{asChild:s,isRoot:n,hasBackground:i,appearance:a=e.appearance??o?.appearance??d.appearance.default,accentColor:p=e.accentColor??o?.accentColor??d.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??d.grayColor.default,material:m=e.material??o?.material??d.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??d.panelBackground.default,radius:g=e.radius??o?.radius??d.radius.default,scaling:h=e.scaling??o?.scaling??d.scaling.default,fontFamily:R=e.fontFamily??o?.fontFamily??d.fontFamily.default,headingFontFamily:w=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:D=E,onAccentColorChange:v=E,onGrayColorChange:G=E,onMaterialChange:M=E,onPanelBackgroundChange:j=E,onRadiusChange:L=E,onScalingChange:C=E,onFontFamilyChange:A=E,onHeadingFontFamilyChange:k=E,...T}=e,ge=s?ne.Slot.Root:"div",Z=l==="auto"?ze(p):l,he=e.appearance==="light"||e.appearance==="dark",c=i===void 0?n||he:i,y=b.useRef(null),W=(0,Ke.useComposedRefs)(t,y),H="data-os"in T;return(0,Ke.useLayoutEffect)(()=>{if(!n||H)return;let q=y.current;if(!q)return;let De=xr();if(De)return q.setAttribute("data-os",De),()=>q.removeAttribute("data-os")},[n,H]),b.createElement($e.Provider,{value:b.useMemo(()=>({appearance:a,accentColor:p,grayColor:l,resolvedGrayColor:Z,material:m,panelBackground:u,radius:g,scaling:h,fontFamily:R,headingFontFamily:w,onAppearanceChange:D,onAccentColorChange:v,onGrayColorChange:G,onMaterialChange:M,onPanelBackgroundChange:j,onRadiusChange:L,onScalingChange:C,onFontFamilyChange:A,onHeadingFontFamilyChange:k}),[a,p,l,Z,m,u,g,h,R,w,D,v,G,M,j,L,C,A,k])},b.createElement(ge,{"data-is-root-theme":n?"true":"false","data-accent-color":p,"data-gray-color":Z,"data-has-background":c?"true":"false","data-material":m,"data-panel-background":u,"data-radius":g,"data-scaling":h,"data-font-family":R,"data-heading-font-family":w,ref:W,...T,className:(0,Zt.default)("radix-themes",{light:a==="light",dark:a==="dark"},T.className)}))});ct.displayName="ThemeImpl";var _t={content:{type:"ReactNode",required:!0},width:I.width,minWidth:I.minWidth,maxWidth:{...I.maxWidth,default:"360px"}};var se=$.forwardRef((e,t)=>{let{children:o,className:s,open:n,defaultOpen:i,onOpenChange:a,delayDuration:p,disableHoverableContent:l,content:m,container:u,forceMount:g,...h}=S(e,_t),R={open:n,defaultOpen:i,onOpenChange:a,delayDuration:p,disableHoverableContent:l};return $.createElement(de.Tooltip.Root,{...R},$.createElement(de.Tooltip.Trigger,{asChild:!0},o),$.createElement(de.Tooltip.Portal,{container:u,forceMount:g},$.createElement(_,{asChild:!0},$.createElement(de.Tooltip.Content,{sideOffset:4,collisionPadding:10,...h,asChild:!1,ref:t,className:(0,qt.default)("rt-TooltipContent",s)},$.createElement(U,{as:"p",className:"rt-TooltipText",size:"1"},m),$.createElement(de.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});se.displayName="Tooltip";var Ze=P(require("react"));function Yt(e){let t=Ze.useId(),o=!!e,s=Ze.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:s}}var wr={loud:"solid",medium:"raised",quiet:"ghost"};function Nr(e){if(e["aria-label"]||e["aria-labelledby"]||e.children)return;console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
|
|
2
2
|
- aria-label prop with descriptive text
|
|
3
3
|
- aria-labelledby prop referencing a label element
|
|
4
4
|
- or visible text children`)}var be=Y.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:s="top",tooltipAlign:n="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:a,overrideStyles:p,iconOnly:l=!1,emphasis:m,variant:u,...g},h)=>{let{tooltipId:R,hasTooltip:w,accessibilityProps:D}=Yt(o),v=Y.useMemo(()=>{if(!p)return;let L={},C=(k,T)=>{T!==void 0&&(L[k]=T)},A=(k,T)=>{T&&(C(`--button-override-${k}color`,T.color),C(`--button-override-${k}background`,T.background),C(`--button-override-${k}background-color`,T.backgroundColor),C(`--button-override-${k}box-shadow`,T.boxShadow),C(`--button-override-${k}filter`,T.filter),C(`--button-override-${k}outline`,T.outline),C(`--button-override-${k}outline-offset`,T.outlineOffset),C(`--button-override-${k}opacity`,T.opacity))};return A("",p.normal),A("hover-",p.hover),A("active-",p.active),A("pressed-",p.pressed),A("open-",p.open),A("disabled-",p.disabled),p.focus&&(C("--button-override-focus-outline",p.focus.outline),C("--button-override-focus-outline-offset",p.focus.outlineOffset)),L},[p]),G=Y.useMemo(()=>v?{...v,...t}:t,[v,t]);if(l&&(Nr(g),g.fullWidth&&void 0),m!==void 0&&u!==void 0)throw new Error("Button: pass `emphasis` or `variant`, not both. They set the same thing.");let M=m!==void 0?wr[m]:u,j=Y.createElement(lt,{...g,variant:M,...D,ref:h,className:(0,Xt.default)(l?"rt-IconButton":"rt-Button",e),style:G});return w?Y.createElement(se,{content:o,side:s,align:n,delayDuration:i,disableHoverableContent:a,id:R},j):j});be.displayName="Button";var Ue=P(require("react")),Qt=P(require("classnames"));var Sr=["div","span"],Br=["none","inline-grid","grid"],kr=["1","2","3","4","5","6","7","8","9"],Vr=["1","2","3","4","5","6","7","8","9"],Er=["row","column","dense","row-dense","column-dense"],Lr=["start","center","end","baseline","stretch"],Ar=["start","center","end","between"],Fr=["start","center","end","baseline","between","around","evenly","stretch"],jr=["start","center","end","baseline","stretch"],ut={as:{type:"enum",values:Sr,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:Br,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:kr,parseValue:Jt,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:Vr,parseValue:Jt,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:Er,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Lr,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Ar,parseValue:Hr,responsive:!0},alignContent:{type:"enum",className:"rt-r-ac",values:Fr,parseValue:Mr,responsive:!0},justifyItems:{type:"enum",className:"rt-r-ji",values:jr,responsive:!0},...Ae};function Jt(e){return ut.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function Hr(e){return e==="between"?"space-between":e}function Mr(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}var Re=Ue.forwardRef((e,t)=>{let{className:o,asChild:s,as:n="div",...i}=S(e,ut,ue,V);return Ue.createElement(s?me:n,{...i,ref:t,className:(0,Qt.default)("rt-Grid",o)})});Re.displayName="Grid";var ae=P(require("react")),to=require("radix-ui");var Or=["h1","h2","h3","h4","h5","h6"],Gr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],eo={as:{type:"enum",values:Or,default:"h1"},...N,size:{type:"enum",className:"rt-r-size",values:Gr,default:"6",responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ee,...je};var Wr={...eo,...V},_e=ae.memo(ae.forwardRef((e,t)=>{let{children:o,className:s,asChild:n,as:i="h1",color:a,...p}=S(e,Wr),l=s?`rt-Heading ${s}`:"rt-Heading";return n?ae.createElement(to.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):ae.createElement(i,{"data-accent-color":a,...p,ref:t,className:l},o)}));_e.displayName="Heading";var qe=P(require("react"));var ft=qe.forwardRef((e,t)=>qe.createElement(be,{...e,iconOnly:!0,ref:t}));ft.displayName="IconButton";var Ye=P(require("react")),ro=P(require("classnames")),no=require("radix-ui");var Ir=["1","2","3","4","5","6","7","8","9"],zr=["raised","soft","classic"],oo={...N,size:{type:"enum",className:"rt-r-size",values:Ir,responsive:!0},variant:{type:"enum",className:"rt-variant",values:zr,default:"raised",parseValue:ke}};var dt=Ye.forwardRef((e,t)=>{let{asChild:o,className:s,...n}=S(e,oo,V),i=o?no.Slot.Root:"kbd";return Ye.createElement(i,{...n,ref:t,className:(0,ro.default)("rt-reset","rt-Kbd",s)})});dt.displayName="Kbd";var f=P(require("react")),pe=P(require("classnames")),ie=require("radix-ui");var Xe=P(require("react")),Pt=e=>{if(!Xe.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${Xe.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var $r=["1","2","3","4"],so=["solid","translucent"],ao={...N,size:{type:"enum",className:"rt-r-size",values:$r,default:"2",responsive:!0},material:{type:"enum",values:so,default:void 0},panelBackground:{type:"enum",values:so,default:void 0},width:I.width,minWidth:I.minWidth,maxWidth:{...I.maxWidth,default:"480px"},...Se};var io=f.createContext(null),po=e=>{let t=f.useContext(io);return t},yt=e=>f.createElement(ie.Popover.Root,{...e});yt.displayName="Popover.Root";var gt=f.forwardRef(({children:e,...t},o)=>f.createElement(ie.Popover.Trigger,{...t,ref:o,asChild:!0},Pt(e)));gt.displayName="Popover.Trigger";var ht=f.forwardRef((e,t)=>{let o=Ce();fe(e.panelBackground);let s=e.material??e.panelBackground??o.material??o.panelBackground,{className:n,forceMount:i,container:a,material:p,panelBackground:l,...m}=S(e,ao),u=f.useRef(null),g=f.useCallback(D=>{u.current=D,typeof t=="function"?t(D):t&&(t.current=D)},[t]),[h,R]=f.useState(void 0),w=f.useCallback(D=>{let v=u.current;v&&(D>0?(v.style.setProperty("--popover-toolbar-offset",`${D}px`),v.setAttribute("data-has-toolbar","true")):(v.style.removeProperty("--popover-toolbar-offset"),v.removeAttribute("data-has-toolbar")))},[]);return f.createElement(ie.Popover.Portal,{container:a,forceMount:i},f.createElement(_,{asChild:!0},f.createElement(ie.Popover.Content,{align:"start",sideOffset:8,collisionPadding:10,...m,ref:g,"aria-labelledby":h,"data-panel-background":s,"data-material":s,className:(0,pe.default)("rt-PopperContent","rt-PopoverContent",n)},f.createElement(io.Provider,{value:f.useMemo(()=>({contentRef:u,setToolbarOffset:w,setLabelId:R}),[w])},e.children))))});ht.displayName="Popover.Content";var Kr=f.forwardRef(({children:e,...t},o)=>f.createElement(ie.Popover.Close,{...t,ref:o,asChild:!0},Pt(e)));Kr.displayName="Popover.Close";var Zr=f.forwardRef(({children:e,...t},o)=>f.createElement(ie.Popover.Anchor,{...t,ref:o}));Zr.displayName="Popover.Anchor";var lo=f.forwardRef(({className:e,children:t,...o},s)=>{let n=po("Popover.Toolbar"),i=f.useRef(null),a=f.useCallback(p=>{i.current=p,typeof s=="function"?s(p):s&&(s.current=p)},[s]);return f.useEffect(()=>{if(!n||!i.current)return;let p=i.current,l=()=>{let u=p.getBoundingClientRect().height;n.setToolbarOffset(u)};l();let m=new ResizeObserver(l);return m.observe(p),()=>{m.disconnect(),n.setToolbarOffset(0)}},[n]),f.createElement("div",{...o,ref:a,className:(0,pe.default)("rt-PopoverToolbar",e)},t)});lo.displayName="Popover.Toolbar";var mo=f.forwardRef(({className:e,...t},o)=>f.createElement("div",{...t,ref:o,className:(0,pe.default)("rt-PopoverToolbarSection","rt-PopoverToolbarLeft",e)}));mo.displayName="Popover.Toolbar.Left";var co=f.forwardRef(({className:e,...t},o)=>f.createElement("div",{...t,ref:o,className:(0,pe.default)("rt-PopoverToolbarSection","rt-PopoverToolbarCenter",e)}));co.displayName="Popover.Toolbar.Center";var uo=f.forwardRef(({className:e,...t},o)=>f.createElement("div",{...t,ref:o,className:(0,pe.default)("rt-PopoverToolbarSection","rt-PopoverToolbarRight",e)}));uo.displayName="Popover.Toolbar.Right";var fo=f.forwardRef(({className:e,id:t,...o},s)=>{let n=po("Popover.Toolbar.Title"),i=f.useId(),a=t??`rt-popover-toolbar-title-${i}`;return f.useEffect(()=>(n?.setLabelId(a),()=>n?.setLabelId(void 0)),[n,a]),f.createElement("span",{...o,id:a,ref:s,className:(0,pe.default)("rt-PopoverToolbarTitle",e)})});fo.displayName="Popover.Toolbar.Title";var Qa=Object.assign(lo,{Left:mo,Center:co,Right:uo,Title:fo});var O=P(require("react")),et=P(require("classnames")),X=require("radix-ui"),bo=require("radix-ui/internal");var _r=["1","2","3"],qr=["vertical","horizontal","both"],le={...N,size:{type:"enum",className:"rt-r-size",values:_r,default:"1",responsive:!0},...Le,scrollbars:{type:"enum",values:qr,default:"both"},fade:{type:"boolean",default:!1}};var Je=P(require("react"));function Po(e){let[t,o]=Je.useState(null);return Je.useEffect(()=>{if(!e||!t)return;let s=0,n=()=>{s=0;let l=Math.max(0,t.scrollTop),m=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${l}px`),t.style.setProperty("--scroll-overflow-end",`${m}px`)},i=()=>{s||(s=requestAnimationFrame(n))};n(),t.addEventListener("scroll",i,{passive:!0});let a=typeof ResizeObserver>"u"?null:new ResizeObserver(i);a?.observe(t);for(let l of Array.from(t.children))a?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(t,{childList:!0}),()=>{s&&cancelAnimationFrame(s),t.removeEventListener("scroll",i),a?.disconnect(),p?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),o}function yo(e){let{m:t,mx:o,my:s,mt:n,mr:i,mb:a,ml:p,...l}=e;return{m:t,mx:o,my:s,mt:n,mr:i,mb:a,ml:p,rest:l}}var ho=V.m.values,Yr=new Set(ho),go=[{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 vo(e){let t,o;for(let s=0;s<go.length;s++){let{key:n,className:i,customProperties:a}=go[s],p=e[n];if(p===void 0)continue;let[l,m]=Ne({className:i,customProperties:a,propValues:ho,propValueSet:Yr,value:p});l&&(t??(t=[])).push(l),m&&(o=Q(o,m))}return[t!==void 0?t.join(" "):"",o]}var Qe=P(require("react"));function Co(e,t){let{asChild:o,children:s}=e;if(!o)return typeof t=="function"?t(s):t;let n=Qe.Children.only(s);return Qe.cloneElement(n,{children:typeof t=="function"?t(n.props.children):t})}var vt=O.forwardRef((e,t)=>{let{rest:o,...s}=yo(e),[n,i]=vo(s),{asChild:a,children:p,className:l,style:m,type:u,scrollHideDelay:g=u!=="scroll"?0:void 0,dir:h,size:R=le.size.default,radius:w=le.radius.default,scrollbars:D=le.scrollbars.default,fade:v=le.fade.default,...G}=o,M=Po(v),j=(0,bo.useComposedRefs)(t,M);return O.createElement(X.ScrollArea.Root,{type:u,scrollHideDelay:g,className:(0,et.default)("rt-ScrollAreaRoot",n,l),"data-fade":v?"":void 0,style:Q(i,m),asChild:a},Co({asChild:a,children:p},L=>O.createElement(O.Fragment,null,O.createElement(X.ScrollArea.Viewport,{...G,ref:j,className:"rt-ScrollAreaViewport"},L),O.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),D!=="vertical"?O.createElement(X.ScrollArea.Scrollbar,{"data-radius":w,orientation:"horizontal",className:(0,et.default)("rt-ScrollAreaScrollbar",ce({className:"rt-r-size",value:R,propValues:le.size.values}))},O.createElement(X.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,D!=="horizontal"?O.createElement(X.ScrollArea.Scrollbar,{"data-radius":w,orientation:"vertical",className:(0,et.default)("rt-ScrollAreaScrollbar",ce({className:"rt-r-size",value:R,propValues:le.size.values}))},O.createElement(X.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,D==="both"?O.createElement(X.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});vt.displayName="ScrollArea";var Ro=P(require("react")),Do=Number.parseFloat(Ro.version)>=19||"";var wo=`
|