@womp/kookie-ui 0.13.3 → 0.14.0

package/dist/esm/chunk-27SCVCQY.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-VX44UTQ5.js";import{a as e}from"./chunk-ERGJN7FJ.js";import{b as r}from"./chunk-KRJTW535.js";import{a as o}from"./chunk-AVFGMLL4.js";import{c as t}from"./chunk-Z4DTHR2S.js";var n=["1","2","3","4"],D={size:{type:"enum",className:"rt-r-size",values:n,default:"2",responsive:!0}},i=["raised","surface","soft","outline","ghost","classic"],P={variant:{type:"enum",className:"rt-variant",values:i,default:"raised",parseValue:o},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},material:{type:"enum",values:["solid","translucent"]},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...t,...r,width:e.width,placeholder:{type:"string"}},p=["1","2","3"],l=["solid","soft"],s=["solid","translucent"],b={size:{type:"enum",className:"rt-r-size",values:p,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:l,default:"soft"},...t,material:{type:"enum",values:s,default:void 0},panelBackground:{type:"enum",values:s,default:void 0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...a};export{D as a,P as b,b as c};
+//# sourceMappingURL=chunk-27SCVCQY.js.map

package/dist/esm/chunk-27SCVCQY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox.props.tsx"],
+  "sourcesContent": ["import { parseVariant } from '../helpers/parse-variant.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Shared responsive sizing inherited by Combobox.Root.\n */\nconst comboboxRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nconst triggerVariants = ['raised', 'surface', 'soft', 'outline', 'ghost', 'classic'] as const;\n\n/**\n * Token-aware props specific to Combobox.Trigger.\n */\nconst comboboxTriggerPropDefs = {\n  variant: { type: 'enum', className: 'rt-variant', values: triggerVariants, default: 'raised', parseValue: parseVariant },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  material: { type: 'enum', values: ['solid', 'translucent'] },\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  width: widthPropDefs.width,\n  placeholder: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n  material: PropDef<'solid' | 'translucent'>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  width: PropDef<string>;\n  placeholder: PropDef<string>;\n};\n\n// The list is a menu, and menus stop at size 3.\nconst contentSizes = ['1', '2', '3'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\n/**\n * Styling props for the dropdown surface rendered by Combobox.Content.\n */\nconst comboboxContentPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: contentSizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: contentVariants, default: 'soft' },\n  ...colorPropDef,\n  material: { type: 'enum', values: materials, default: undefined },\n  /** @deprecated Use `material`. */\n  panelBackground: { type: 'enum', values: materials, default: undefined },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof materials)[number] | undefined>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
+  "mappings": "mMAQA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAK3BC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,CAC9F,EAIME,EAAkB,CAAC,SAAU,UAAW,OAAQ,UAAW,QAAS,SAAS,EAK7EC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAiB,QAAS,SAAU,WAAYE,CAAa,EACvH,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGC,EACH,GAAGC,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAaMC,EAAe,CAAC,IAAK,IAAK,GAAG,EAC7BC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAY,CAAC,QAAS,aAAa,EAKnCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAc,QAAS,IAAK,WAAY,EAAK,EACnG,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAiB,QAAS,MAAO,EAC3F,GAAGJ,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQK,EAAW,QAAS,MAAU,EAEhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQA,EAAW,QAAS,MAAU,EACvE,MAAOH,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGK,CACL",
+  "names": ["sizes", "comboboxRootPropDefs", "triggerVariants", "comboboxTriggerPropDefs", "parseVariant", "colorPropDef", "radiusPropDef", "widthPropDefs", "contentSizes", "contentVariants", "materials", "comboboxContentPropDefs", "heightPropDefs"]
+}

package/dist/esm/{chunk-HJU4I34X.js → chunk-27YQS6MM.js}

@@ -1,2 +1,2 @@
-import{a as u}from"./chunk-PS6NEG5A.js";import{a as f}from"./chunk-QFPHEY77.js";import{a as v}from"./chunk-GSTOGDAJ.js";import{a as c}from"./chunk-6FLLFCBU.js";import*as a from"react";import A from"classnames";import{Avatar as m}from"radix-ui";var N=a.forwardRef((e,s)=>{let{asChild:r,children:t,className:o,style:p,color:l,radius:n,material:P,panelBackground:y,status:i,badge:d,...b}=c(e,f,v),R=r&&t!=null&&a.isValidElement(t)&&(t.props.disabled===!0||t.props["data-disabled"]===!0),h=d!==void 0||i!==void 0;return a.createElement(m.Root,{"data-accent-color":l,"data-radius":n,"data-material":P,"data-panel-background":y,"data-disabled":R||void 0,"data-has-indicator":h||void 0,className:A("rt-reset","rt-AvatarRoot",o),style:p,asChild:r},u({asChild:r,children:t},a.createElement(g,{ref:s,...b})),d!==void 0?a.createElement("span",{className:"rt-AvatarBadge"},d):i!==void 0?a.createElement("span",{className:"rt-AvatarStatus","data-accent-color":i}):null)});N.displayName="Avatar";var g=a.memo(a.forwardRef(({fallback:e,onLoadingStatusChange:s,...r},t)=>{let[o,p]=a.useState("idle"),l=a.useCallback(n=>{s?.(n),p(n)},[s]);return a.createElement(a.Fragment,null,o==="idle"||o==="loading"?a.createElement("span",{className:"rt-AvatarFallback"}):null,o==="error"?a.createElement(m.Fallback,{className:A("rt-AvatarFallback",{"rt-one-letter":typeof e=="string"&&e.length===1,"rt-two-letters":typeof e=="string"&&e.length===2}),delayMs:0},e):null,a.createElement(m.Image,{ref:t,className:"rt-AvatarImage",...r,onLoadingStatusChange:l}))}));g.displayName="AvatarImpl";export{N as a};
-//# sourceMappingURL=chunk-HJU4I34X.js.map
+import{a as u}from"./chunk-PS6NEG5A.js";import{a as f}from"./chunk-47CEZJM2.js";import{a as v}from"./chunk-GSTOGDAJ.js";import{a as c}from"./chunk-6FLLFCBU.js";import*as a from"react";import A from"classnames";import{Avatar as m}from"radix-ui";var N=a.forwardRef((e,s)=>{let{asChild:r,children:t,className:o,style:p,color:l,radius:n,material:P,panelBackground:y,status:i,badge:d,...b}=c(e,f,v),R=r&&t!=null&&a.isValidElement(t)&&(t.props.disabled===!0||t.props["data-disabled"]===!0),h=d!==void 0||i!==void 0;return a.createElement(m.Root,{"data-accent-color":l,"data-radius":n,"data-material":P,"data-panel-background":y,"data-disabled":R||void 0,"data-has-indicator":h||void 0,className:A("rt-reset","rt-AvatarRoot",o),style:p,asChild:r},u({asChild:r,children:t},a.createElement(g,{ref:s,...b})),d!==void 0?a.createElement("span",{className:"rt-AvatarBadge"},d):i!==void 0?a.createElement("span",{className:"rt-AvatarStatus","data-accent-color":i}):null)});N.displayName="Avatar";var g=a.memo(a.forwardRef(({fallback:e,onLoadingStatusChange:s,...r},t)=>{let[o,p]=a.useState("idle"),l=a.useCallback(n=>{s?.(n),p(n)},[s]);return a.createElement(a.Fragment,null,o==="idle"||o==="loading"?a.createElement("span",{className:"rt-AvatarFallback"}):null,o==="error"?a.createElement(m.Fallback,{className:A("rt-AvatarFallback",{"rt-one-letter":typeof e=="string"&&e.length===1,"rt-two-letters":typeof e=="string"&&e.length===2}),delayMs:0},e):null,a.createElement(m.Image,{ref:t,className:"rt-AvatarImage",...r,onLoadingStatusChange:l}))}));g.displayName="AvatarImpl";export{N as a};
+//# sourceMappingURL=chunk-27YQS6MM.js.map

package/dist/esm/chunk-2C5WLKEZ.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-HAGKI7NA.js";import{a as s}from"./chunk-CSUEZWN5.js";import{a}from"./chunk-NZJGC6ZW.js";import{a as r}from"./chunk-AVFGMLL4.js";import{c as o}from"./chunk-Z4DTHR2S.js";var n=["1","2","3","4","5","6","7","8","9","10","11","12"],t=s.variant.values,p=["solid","translucent"],d={...a,size:{type:"enum",className:"rt-r-size",values:n,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"raised",parseValue:r},material:{type:"enum",values:p,default:void 0},panelBackground:{type:"enum",values:p,default:void 0},...o,columns:{...e.columns,default:"repeat(auto-fit, minmax(200px, 1fr))"},gap:{...e.gap,default:"4"}};export{d as a};
+//# sourceMappingURL=chunk-2C5WLKEZ.js.map

package/dist/esm/chunk-2C5WLKEZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox-cards.props.tsx"],
+  "sourcesContent": ["import { parseVariant } from '../helpers/parse-variant.js';\nimport { cardPropDefs } from './card.props.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\n// The same list as Card: a selectable card looks like any other card.\nconst variants = cardPropDefs.variant.values;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst checkboxCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised', parseValue: parseVariant },\n  material: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /** @deprecated Use `material`. Removed in 0.15.0. */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(200px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { checkboxCardsRootPropDefs };\n"],
+  "mappings": "mMAQA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAEtEC,EAAWC,EAAa,QAAQ,OAChCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAA4B,CAChC,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,WAAYK,CAAa,EAChH,SAAU,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAU,EAEvE,gBAAiB,CAAE,KAAM,OAAQ,OAAQA,EAAkB,QAAS,MAAU,EAC9E,GAAGI,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
+  "names": ["sizes", "variants", "cardPropDefs", "panelBackgrounds", "checkboxCardsRootPropDefs", "asChildPropDef", "parseVariant", "colorPropDef", "gridPropDefs"]
+}

package/dist/esm/chunk-2D5QJ6MX.js

@@ -0,0 +1,2 @@
+import{z as e}from"zod";var t=e.object({as:e.string().optional().describe("HTML element type to render as"),asChild:e.boolean().optional().describe("Merge props with child element instead of rendering wrapper"),size:e.union([e.enum(["1","2","3","4"]),e.object({initial:e.enum(["1","2","3","4"]).optional(),sm:e.enum(["1","2","3","4"]).optional(),md:e.enum(["1","2","3","4"]).optional(),lg:e.enum(["1","2","3","4"]).optional(),xl:e.enum(["1","2","3","4"]).optional()})]).default("2").describe("Button size for responsive design and interface density"),variant:e.enum(["raised","solid","soft","surface","outline","ghost","override","classic"]).default("raised").describe("Visual variant that determines the button's appearance and context"),color:e.enum(["tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","brown","orange","sky","mint","lime","yellow","amber","gold","bronze","gray"]).optional().describe("Accent color for the button"),radius:e.enum(["none","small","medium","large","full"]).optional().describe("Border radius for the button"),loading:e.boolean().optional().default(!1).describe("Loading state that shows a spinner and disables interaction"),fullWidth:e.boolean().optional().default(!1).describe("Full width mode that expands the button to fill its container"),material:e.enum(["solid","translucent"]).optional().describe("Material type for visual rendering and depth effects"),panelBackground:e.enum(["solid","translucent"]).optional().describe("Panel background type (deprecated - use material instead)"),flush:e.boolean().optional().default(!1).describe("Flush mode that removes visual padding for seamless text integration"),disabled:e.boolean().optional().default(!1).describe("Disabled state"),type:e.enum(["button","submit","reset"]).optional().describe("Type attribute for form buttons"),className:e.string().optional().describe("Additional CSS class name"),style:e.record(e.string(),e.union([e.string(),e.number()])).optional().describe("Inline styles"),onClick:e.function().optional().describe("Click handler"),onFocus:e.function().optional().describe("Focus handler"),onBlur:e.function().optional().describe("Blur handler"),onMouseEnter:e.function().optional().describe("Mouse enter handler"),onMouseLeave:e.function().optional().describe("Mouse leave handler"),onKeyDown:e.function().optional().describe("Key down handler"),onKeyUp:e.function().optional().describe("Key up handler"),onSubmit:e.function().optional().describe("Form submission handler"),tabIndex:e.number().optional().describe("Tab index for keyboard navigation"),"aria-label":e.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":e.string().optional().describe("ARIA labelled by reference"),"aria-describedby":e.string().optional().describe("ARIA described by reference"),"aria-expanded":e.boolean().optional().describe("ARIA expanded state"),"aria-pressed":e.boolean().optional().describe("ARIA pressed state"),"aria-current":e.union([e.boolean(),e.enum(["page","step","location","date","time"])]).optional().describe("ARIA current state"),"aria-controls":e.string().optional().describe("ARIA controls reference"),"aria-owns":e.string().optional().describe("ARIA owns reference"),"data-*":e.record(e.string(),e.string()).optional().describe("Data attributes"),id:e.string().optional().describe("ID attribute"),title:e.string().optional().describe("Title attribute for tooltip"),role:e.string().optional().describe("Role attribute"),children:e.any().optional().describe("Children elements")}).strict();function i(n){return n}export{t as a,i as b};
+//# sourceMappingURL=chunk-2D5QJ6MX.js.map

package/dist/esm/chunk-2D5QJ6MX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/schemas/base-button.schema.ts"],
+  "sourcesContent": ["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"],
+  "mappings": "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",
+  "names": ["z", "BaseButtonSchema", "parseBaseButtonProps", "props"]
+}

package/dist/esm/chunk-2DKLJMUU.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-NZJGC6ZW.js";import{a as o}from"./chunk-WDNTAQ6G.js";import{a as r}from"./chunk-AVFGMLL4.js";import{c as s}from"./chunk-Z4DTHR2S.js";var a=["1","2","3"],t=o.variant.values,n={...e,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"raised",parseValue:r},...s};export{n as a};
+//# sourceMappingURL=chunk-2DKLJMUU.js.map

package/dist/esm/chunk-2DKLJMUU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-group.props.tsx"],
+  "sourcesContent": ["import { parseVariant } from '../helpers/parse-variant.js';\nimport { baseRadioPropDefs } from './_internal/base-radio.props.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\n// The same list as Radio: a group offers exactly what its items can draw.\nconst variants = baseRadioPropDefs.variant.values;\n\nconst radioGroupRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised', parseValue: parseVariant },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { radioGroupRootPropDefs };\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,GAAG,EAEtBC,EAAWC,EAAkB,QAAQ,OAErCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,WAAYI,CAAa,EAChH,GAAGC,CACL",
+  "names": ["sizes", "variants", "baseRadioPropDefs", "radioGroupRootPropDefs", "asChildPropDef", "parseVariant", "colorPropDef"]
+}

package/dist/esm/chunk-2T74JEVN.js

@@ -0,0 +1,2 @@
+import{b as a}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{a as o}from"./chunk-AVFGMLL4.js";import{c as r}from"./chunk-Z4DTHR2S.js";var n=["1","2","3","4"],t=["raised","soft","surface","outline","ghost","classic"],s=["solid","translucent"],d={...e,size:{type:"enum",className:"rt-r-size",values:n,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"raised",parseValue:o},...r,...a,material:{type:"enum",values:s,default:void 0},panelBackground:{type:"enum",values:s,default:void 0},flush:{type:"boolean",default:!1}},c={...e},u={...e},m={...e},P={...e};export{d as a,c as b,u as c,m as d,P as e};
+//# sourceMappingURL=chunk-2T74JEVN.js.map

package/dist/esm/chunk-2T74JEVN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/accordion.props.tsx"],
+  "sourcesContent": ["import { parseVariant } from '../helpers/parse-variant.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'soft', 'surface', 'outline', 'ghost', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst accordionRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised', parseValue: parseVariant },\n  ...colorPropDef,\n  ...radiusPropDef,\n  material: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nconst accordionItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n};\n\nexport type AccordionRootOwnProps = {\n  size?: (typeof sizes)[number];\n  variant?: (typeof variants)[number];\n  color?: string;\n  radius?: string;\n  material?: (typeof panelBackgrounds)[number];\n  panelBackground?: (typeof panelBackgrounds)[number];\n  flush?: boolean;\n};\n\nexport type AccordionItemOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionHeaderOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionTriggerOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionContentOwnProps = {\n  asChild?: boolean;\n};\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,OAAQ,UAAW,UAAW,QAAS,SAAS,EACtEC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAwB,CAC5B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,WAAYI,CAAa,EAChH,GAAGC,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQL,EAAkB,QAAS,MAAU,EAIvE,gBAAiB,CAAE,KAAM,OAAQ,OAAQA,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C,EAQMM,EAAwB,CAC5B,GAAGJ,CACL,EAIMK,EAA0B,CAC9B,GAAGL,CACL,EAIMM,EAA2B,CAC/B,GAAGN,CACL,EAIMO,EAA2B,CAC/B,GAAGP,CACL",
+  "names": ["sizes", "variants", "panelBackgrounds", "accordionRootPropDefs", "asChildPropDef", "parseVariant", "colorPropDef", "radiusPropDef", "accordionItemPropDefs", "accordionHeaderPropDefs", "accordionTriggerPropDefs", "accordionContentPropDefs"]
+}

package/dist/esm/{chunk-XVYTOZES.js → chunk-34UMKY2L.js}

@@ -1,2 +1,2 @@
-import{a as C}from"./chunk-VJSZG35J.js";import{a as s}from"./chunk-MJJ7XDIP.js";import{c as p}from"./chunk-VICP2RNA.js";import{a as i}from"./chunk-6FLLFCBU.js";import{a as c}from"./chunk-OS3FCYZY.js";var g={};c(g,{Content:()=>P,Root:()=>d,Trigger:()=>v});import*as r from"react";import m from"classnames";import{HoverCard as o}from"radix-ui";var d=e=>r.createElement(o.Root,{closeDelay:150,openDelay:200,...e});d.displayName="HoverCard.Root";var v=r.forwardRef(({children:e,className:t,...a},n)=>r.createElement(o.Trigger,{ref:n,className:m("rt-HoverCardTrigger",t),...a,asChild:!0},s(e)));v.displayName="HoverCard.Trigger";var P=r.forwardRef((e,t)=>{let{className:a,forceMount:n,container:f,...H}=i(e,C);return r.createElement(o.Portal,{container:f,forceMount:n},r.createElement(p,{asChild:!0},r.createElement(o.Content,{align:"start",sideOffset:8,collisionPadding:10,...H,ref:t,className:m("rt-PopperContent","rt-HoverCardContent",a)})))});P.displayName="HoverCard.Content";export{d as a,v as b,P as c,g as d};
-//# sourceMappingURL=chunk-XVYTOZES.js.map
+import{a as C}from"./chunk-VJSZG35J.js";import{a as s}from"./chunk-MJJ7XDIP.js";import{c as p}from"./chunk-FISGGGPC.js";import{a as i}from"./chunk-6FLLFCBU.js";import{a as c}from"./chunk-OS3FCYZY.js";var g={};c(g,{Content:()=>P,Root:()=>d,Trigger:()=>v});import*as r from"react";import m from"classnames";import{HoverCard as o}from"radix-ui";var d=e=>r.createElement(o.Root,{closeDelay:150,openDelay:200,...e});d.displayName="HoverCard.Root";var v=r.forwardRef(({children:e,className:t,...a},n)=>r.createElement(o.Trigger,{ref:n,className:m("rt-HoverCardTrigger",t),...a,asChild:!0},s(e)));v.displayName="HoverCard.Trigger";var P=r.forwardRef((e,t)=>{let{className:a,forceMount:n,container:f,...H}=i(e,C);return r.createElement(o.Portal,{container:f,forceMount:n},r.createElement(p,{asChild:!0},r.createElement(o.Content,{align:"start",sideOffset:8,collisionPadding:10,...H,ref:t,className:m("rt-PopperContent","rt-HoverCardContent",a)})))});P.displayName="HoverCard.Content";export{d as a,v as b,P as c,g as d};
+//# sourceMappingURL=chunk-34UMKY2L.js.map

package/dist/esm/{chunk-N4GTDLRD.js → chunk-3IUDPNGP.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-KZWNGWIM.js";import{a as t}from"./chunk-GSTOGDAJ.js";import{a as p}from"./chunk-6FLLFCBU.js";import*as o from"react";import i from"classnames";import{Slot as P}from"radix-ui";var C=o.forwardRef((e,m)=>{let{asChild:d,className:n,color:r,...a}=p(e,s,t),c=e.variant==="ghost"?r||void 0:r,f=d?P.Root:"code";return o.createElement(f,{"data-accent-color":c,...a,ref:m,className:i("rt-reset","rt-Code",n)})});C.displayName="Code";export{C as a};
-//# sourceMappingURL=chunk-N4GTDLRD.js.map
+import{a as s}from"./chunk-ADDXOZRI.js";import{a as t}from"./chunk-GSTOGDAJ.js";import{a as p}from"./chunk-6FLLFCBU.js";import*as o from"react";import i from"classnames";import{Slot as P}from"radix-ui";var C=o.forwardRef((e,m)=>{let{asChild:d,className:n,color:r,...a}=p(e,s,t),c=e.variant==="ghost"?r||void 0:r,f=d?P.Root:"code";return o.createElement(f,{"data-accent-color":c,...a,ref:m,className:i("rt-reset","rt-Code",n)})});C.displayName="Code";export{C as a};
+//# sourceMappingURL=chunk-3IUDPNGP.js.map

package/dist/esm/chunk-3LMC3CZW.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-7IFCYZHG.js";import*as e from"react";import"radix-ui";var r=e.forwardRef((t,n)=>e.createElement(o,{...t,iconOnly:!0,ref:n}));r.displayName="ToggleIconButton";export{r as a};
+//# sourceMappingURL=chunk-3LMC3CZW.js.map

package/dist/esm/chunk-3LMC3CZW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toggle-icon-button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { ToggleButton } from './toggle-button.js';\nimport { BaseButton } from './_internal/base-button.js';\nimport type { IconButtonProps } from './icon-button.js';\n\ntype ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Extract toggle-specific props from Radix Toggle\n * These props control the toggle state and behavior\n */\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;\n\n/**\n * Required accessibility props for icon buttons (same as IconButton)\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Combine IconButton props with Toggle-specific props\n * Includes tooltip props from IconButton for comprehensive functionality\n */\ninterface ToggleIconButtonProps extends Omit<IconButtonProps, 'as'> {\n  /** Controlled pressed state */\n  pressed?: ToggleProps['pressed'];\n  /** Callback when pressed state changes */\n  onPressedChange?: ToggleProps['onPressedChange'];\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: ToggleProps['defaultPressed'];\n}\n\n/**\n * Intersection with accessibility props to ensure compliance\n * This type ensures all ToggleIconButton instances have proper accessibility\n */\ntype ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;\n\n/**\n * ToggleIconButton component for icon buttons that can be pressed/unpressed. It is\n * `ToggleButton` with `iconOnly` set, kept as its own name for its stricter type.\n *\n * The ToggleIconButton component extends IconButton with toggle functionality\n * using Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing IconButton component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic state validation and warnings\n * - Seamless integration with IconButton props and styling\n * - Proper ARIA attributes for toggle functionality\n * - Built-in tooltip support from IconButton\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle icon button\n * <ToggleIconButton defaultPressed={false} aria-label=\"Toggle notifications\">\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Controlled toggle icon button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleIconButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n *   aria-label=\"Toggle notifications\"\n * >\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Toggle icon button with tooltip\n * <ToggleIconButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n *   aria-label=\"Toggle feature\"\n *   tooltip=\"Toggle this feature on/off\"\n * >\n *   <Star />\n * </ToggleIconButton>\n *\n * // Toggle icon button with aria-labelledby\n * <ToggleIconButton\n *   aria-labelledby=\"notifications-label\"\n *   pressed={notificationsEnabled}\n *   onPressedChange={setNotificationsEnabled}\n * >\n *   <Bell />\n * </ToggleIconButton>\n * <span id=\"notifications-label\">Toggle notifications</span>\n * ```\n */\nconst ToggleIconButton = React.forwardRef<ToggleIconButtonElement, ToggleIconButtonPropsWithAccessibility>((props, forwardedRef) => (\n  <ToggleButton {...(props as React.ComponentPropsWithoutRef<typeof ToggleButton>)} iconOnly ref={forwardedRef} />\n));\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };\n"],
+  "mappings": "wCAAA,UAAYA,MAAW,QACvB,MAAuB,WAyGvB,IAAMC,EAAyB,aAA4E,CAACC,EAAOC,IACjH,gBAACC,EAAA,CAAc,GAAIF,EAA+D,SAAQ,GAAC,IAAKC,EAAc,CAC/G,EACDF,EAAiB,YAAc",
+  "names": ["React", "ToggleIconButton", "props", "forwardedRef", "ToggleButton"]
+}

package/dist/esm/{chunk-NQ3D3UXZ.js → chunk-3O7A3XQ7.js}

@@ -1,2 +1,2 @@
-import{a as l}from"./chunk-ZUOK3KFY.js";import{a as x}from"./chunk-7FS2VDHO.js";import{a as B}from"./chunk-EPX34Y7S.js";import{a as R}from"./chunk-5WRCK4R7.js";import{a as y}from"./chunk-GSTOGDAJ.js";import{a as d}from"./chunk-6FLLFCBU.js";import*as o from"react";import p from"classnames";import{Toolbar as P}from"radix-ui";var v=o.createContext(null),S=o.createContext(null);function T(t){let r=o.useContext(v);if(!r)throw new Error(`${t} must be rendered inside a Toolbar.`);return r}var c=o.forwardRef((t,r)=>{let e=t.size??l.size.default,a=t.orientation??l.orientation.default,{className:s,orientation:n,children:i,...b}=d(t,l,y),u=o.useMemo(()=>({size:e,orientation:a}),[e,a]);return o.createElement(P.Root,{...b,ref:r,orientation:a,className:p("rt-Toolbar",s)},o.createElement(v.Provider,{value:u},i))});c.displayName="Toolbar";var C=o.forwardRef(({className:t,disabled:r=!1,children:e,...a},s)=>{let{orientation:n}=T("ToolbarGroup"),i=o.useMemo(()=>({disabled:r}),[r]);return o.createElement("div",{role:"group","data-orientation":n,"data-disabled":r||void 0,...a,ref:s,className:p("rt-ToolbarGroup",t)},o.createElement(S.Provider,{value:i},e))});C.displayName="Toolbar.Group";function D(t){return t===!0||t==="true"}var G=o.forwardRef((t,r)=>{let e=T("ToolbarButton"),a=o.useContext(S),{iconOnly:s,size:n,variant:i,color:b,disabled:u,...m}=t,z=D(t["aria-pressed"]),O="data-state"in t||t["aria-pressed"]===void 0?{}:{"data-state":z?"on":"off"},f={size:n??e.size,variant:i??(a?"ghost":"soft"),color:b??(i?void 0:"gray"),...O};return o.createElement(P.Button,{asChild:!0,ref:r,disabled:u||a?.disabled||void 0},s?o.createElement(x,{...m,...f}):o.createElement(B,{...m,...f}))});G.displayName="Toolbar.Button";var N=o.forwardRef(({className:t,...r},e)=>(T("ToolbarSeparator"),o.createElement(P.Separator,{...r,ref:e,className:p("rt-ToolbarSeparator",t)})));N.displayName="Toolbar.Separator";var h={1:"2",2:"3",3:"4",4:"5"},g=o.forwardRef(({className:t,children:r,style:e,id:a},s)=>{let{size:n}=T("ToolbarTitle");return r==null||r===!1?null:o.createElement(R,{ref:s,as:"span",size:h[n],weight:"medium",truncate:!0,id:a,style:e,className:p("rt-ToolbarTitle",t)},r)});g.displayName="Toolbar.Title";var V=Object.assign(c,{Root:c,Group:C,Button:G,Separator:N,Title:g});export{c as a,C as b,G as c,N as d,g as e,V as f};
-//# sourceMappingURL=chunk-NQ3D3UXZ.js.map
+import{a as l}from"./chunk-ZUOK3KFY.js";import{a as x}from"./chunk-DWB4PFIW.js";import{a as B}from"./chunk-GSBKR7G3.js";import{a as R}from"./chunk-YS74SW5S.js";import{a as y}from"./chunk-GSTOGDAJ.js";import{a as d}from"./chunk-6FLLFCBU.js";import*as o from"react";import p from"classnames";import{Toolbar as P}from"radix-ui";var v=o.createContext(null),S=o.createContext(null);function T(t){let r=o.useContext(v);if(!r)throw new Error(`${t} must be rendered inside a Toolbar.`);return r}var c=o.forwardRef((t,r)=>{let e=t.size??l.size.default,a=t.orientation??l.orientation.default,{className:s,orientation:n,children:i,...b}=d(t,l,y),u=o.useMemo(()=>({size:e,orientation:a}),[e,a]);return o.createElement(P.Root,{...b,ref:r,orientation:a,className:p("rt-Toolbar",s)},o.createElement(v.Provider,{value:u},i))});c.displayName="Toolbar";var C=o.forwardRef(({className:t,disabled:r=!1,children:e,...a},s)=>{let{orientation:n}=T("ToolbarGroup"),i=o.useMemo(()=>({disabled:r}),[r]);return o.createElement("div",{role:"group","data-orientation":n,"data-disabled":r||void 0,...a,ref:s,className:p("rt-ToolbarGroup",t)},o.createElement(S.Provider,{value:i},e))});C.displayName="Toolbar.Group";function D(t){return t===!0||t==="true"}var G=o.forwardRef((t,r)=>{let e=T("ToolbarButton"),a=o.useContext(S),{iconOnly:s,size:n,variant:i,color:b,disabled:u,...m}=t,z=D(t["aria-pressed"]),O="data-state"in t||t["aria-pressed"]===void 0?{}:{"data-state":z?"on":"off"},f={size:n??e.size,variant:i??(a?"ghost":"soft"),color:b??(i?void 0:"gray"),...O};return o.createElement(P.Button,{asChild:!0,ref:r,disabled:u||a?.disabled||void 0},s?o.createElement(x,{...m,...f}):o.createElement(B,{...m,...f}))});G.displayName="Toolbar.Button";var N=o.forwardRef(({className:t,...r},e)=>(T("ToolbarSeparator"),o.createElement(P.Separator,{...r,ref:e,className:p("rt-ToolbarSeparator",t)})));N.displayName="Toolbar.Separator";var h={1:"2",2:"3",3:"4",4:"5"},g=o.forwardRef(({className:t,children:r,style:e,id:a},s)=>{let{size:n}=T("ToolbarTitle");return r==null||r===!1?null:o.createElement(R,{ref:s,as:"span",size:h[n],weight:"medium",truncate:!0,id:a,style:e,className:p("rt-ToolbarTitle",t)},r)});g.displayName="Toolbar.Title";var V=Object.assign(c,{Root:c,Group:C,Button:G,Separator:N,Title:g});export{c as a,C as b,G as c,N as d,g as e,V as f};
+//# sourceMappingURL=chunk-3O7A3XQ7.js.map

package/dist/esm/{chunk-54JFIP5S.js → chunk-3QCRDSYU.js}

@@ -1,2 +1,2 @@
-import{a as u}from"./chunk-JDGJSNWT.js";import{a as h}from"./chunk-GO7OHBHW.js";import{a as A}from"./chunk-FHOCUZDR.js";import*as e from"react";import f from"classnames";var R=e.forwardRef((o,t)=>{let{anchor:p="top",floating:r=!1,offset:s="2",size:n="1",variant:i="ghost",material:x,className:b,style:y,children:v,...N}=o,B=p==="top"||p==="bottom",d=e.useRef(null),L=e.useCallback(a=>{d.current=a,typeof t=="function"?t(a):t&&(t.current=a)},[t]);e.useEffect(()=>{let a=d.current;if(!a)return;let l=a.parentElement;if(!l)return;let g=()=>{let c=B?a.offsetHeight:a.offsetWidth;if(r){let F=getComputedStyle(a),z=parseFloat(F.marginTop)||0;c+=z*2}B?(l.style.setProperty("--rt-app-bar-height",`${c}px`),l.style.setProperty("--rt-toolbar-height",`${c}px`)):(l.style.setProperty("--rt-app-bar-width",`${c}px`),l.style.setProperty("--rt-toolbar-width",`${c}px`))};g();let P=new ResizeObserver(g);return P.observe(a),()=>P.disconnect()},[B,r]);let H=r?{margin:`var(--space-${s})`,...y}:y;return e.createElement(u,{ref:L,size:n,variant:i,material:x,"data-anchor":p,"data-floating":r||void 0,className:f("rt-AppBar",b),style:H,...N},e.createElement("div",{className:"rt-AppBarInner"},v))});R.displayName="AppBar.Root";var S=e.forwardRef(({gap:o="2",align:t="center",className:p,children:r,...s},n)=>e.createElement(A,{ref:n,align:t,gap:o,className:f("rt-AppBarSection","rt-AppBarLeft",p),...s},r));S.displayName="AppBar.Left";var T=e.forwardRef(({gap:o="2",align:t="center",justify:p="center",className:r,children:s,...n},i)=>e.createElement(A,{ref:i,align:t,justify:p,gap:o,className:f("rt-AppBarSection","rt-AppBarCenter",r),...n},s));T.displayName="AppBar.Center";var C=e.forwardRef(({gap:o="2",align:t="center",justify:p="end",className:r,children:s,...n},i)=>e.createElement(A,{ref:i,align:t,justify:p,gap:o,className:f("rt-AppBarSection","rt-AppBarRight",r),...n},s));C.displayName="AppBar.Right";var E=e.forwardRef(({className:o,size:t="2",weight:p="medium",truncate:r=!0,children:s,...n},i)=>e.createElement(h,{ref:i,size:t,weight:p,truncate:r,className:f("rt-AppBarTitle",o),...n},s));E.displayName="AppBar.Title";var m=R;m.Root=R;m.Left=S;m.Center=T;m.Right=C;m.Title=E;export{R as a,S as b,T as c,C as d,E as e,m as f};
-//# sourceMappingURL=chunk-54JFIP5S.js.map
+import{a as u}from"./chunk-5ADGYTG5.js";import{a as P}from"./chunk-QUM2TSRR.js";import{a as A}from"./chunk-FHOCUZDR.js";import*as e from"react";import f from"classnames";var R=e.forwardRef((o,t)=>{let{anchor:p="top",floating:r=!1,offset:s="2",size:n="1",variant:i="ghost",material:b,className:v,style:d,children:x,...N}=o,B=p==="top"||p==="bottom",y=e.useRef(null),L=e.useCallback(a=>{y.current=a,typeof t=="function"?t(a):t&&(t.current=a)},[t]);e.useEffect(()=>{let a=y.current;if(!a)return;let l=a.parentElement;if(!l)return;let g=()=>{let c=B?a.offsetHeight:a.offsetWidth;if(r){let w=getComputedStyle(a),F=parseFloat(w.marginTop)||0;c+=F*2}B?(l.style.setProperty("--rt-app-bar-height",`${c}px`),l.style.setProperty("--rt-toolbar-height",`${c}px`)):(l.style.setProperty("--rt-app-bar-width",`${c}px`),l.style.setProperty("--rt-toolbar-width",`${c}px`))};g();let h=new ResizeObserver(g);return h.observe(a),()=>h.disconnect()},[B,r]);let H=r?{margin:`var(--space-${s})`,...d}:d;return e.createElement(u,{ref:L,size:n,variant:i,material:b,"data-anchor":p,"data-floating":r||void 0,className:f("rt-AppBar",v),style:H,...N},e.createElement("div",{className:"rt-AppBarInner"},x))});R.displayName="AppBar.Root";var S=e.forwardRef(({gap:o="2",align:t="center",className:p,children:r,...s},n)=>e.createElement(A,{ref:n,align:t,gap:o,className:f("rt-AppBarSection","rt-AppBarLeft",p),...s},r));S.displayName="AppBar.Left";var T=e.forwardRef(({gap:o="2",align:t="center",justify:p="center",className:r,children:s,...n},i)=>e.createElement(A,{ref:i,align:t,justify:p,gap:o,className:f("rt-AppBarSection","rt-AppBarCenter",r),...n},s));T.displayName="AppBar.Center";var C=e.forwardRef(({gap:o="2",align:t="center",justify:p="end",className:r,children:s,...n},i)=>e.createElement(A,{ref:i,align:t,justify:p,gap:o,className:f("rt-AppBarSection","rt-AppBarRight",r),...n},s));C.displayName="AppBar.Right";var E=e.forwardRef(({className:o,size:t="2",weight:p="medium",truncate:r=!0,children:s,...n},i)=>e.createElement(P,{ref:i,size:t,weight:p,truncate:r,className:f("rt-AppBarTitle",o),...n},s));E.displayName="AppBar.Title";var m=R;m.Root=R;m.Left=S;m.Center=T;m.Right=C;m.Title=E;export{R as a,S as b,T as c,C as d,E as e,m as f};
+//# sourceMappingURL=chunk-3QCRDSYU.js.map

package/dist/esm/chunk-3QCRDSYU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/app-bar.tsx"],
+  "sourcesContent": ["import { warnDeprecated } from '../helpers/warn-deprecated.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Card } from './card.js';\nimport { Flex } from './flex.js';\nimport { Heading } from './heading.js';\n\nimport type { CardProps } from './card.js';\nimport type { FlexProps } from './flex.js';\n\n// ============================================================================\n// AppBar Root\n// ============================================================================\n\ntype AppBarRootElement = React.ElementRef<'div'>;\ntype Anchor = 'top' | 'bottom' | 'left' | 'right';\ntype SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\ninterface AppBarRootProps extends Omit<CardProps, 'asChild'> {\n  /**\n   * Which edge to anchor to. Sets position: sticky and the appropriate edge.\n   * @default \"top\"\n   */\n  anchor?: Anchor;\n  /**\n   * Floating mode adds margin from edges for a detached look with absolute positioning.\n   * When false (default), uses inset mode with negative margins to go edge-to-edge inside Cards.\n   * @default false\n   */\n  floating?: boolean;\n  /**\n   * Margin offset from edges when floating. Uses space scale values.\n   * @default \"2\"\n   */\n  offset?: SpaceScale;\n}\n\n/**\n * An app bar: the band anchored to one edge of a pane, with left, center and right sections\n * and a title. It publishes its height (or width) to its parent as `--rt-app-bar-height`\n * (`--rt-app-bar-width`) so content can pad itself clear of it.\n *\n * This component was called `Toolbar` until 0.11.0. It is not a `role=\"toolbar\"`: for a row of\n * controls with one tab stop and arrow-key navigation, use `Toolbar`.\n */\n/** @deprecated Removed in 0.15.0. Put a `Toolbar` in `Shell.Header`, or at the top edge of the pane that owns it. */\nconst AppBarRoot = React.forwardRef<AppBarRootElement, AppBarRootProps>(\n  (props, forwardedRef) => {\n    warnDeprecated(\n      'AppBar is deprecated and will be removed in 0.15.0. Put a Toolbar in Shell.Header, or at the top edge of the pane that owns it.',\n    );\n    const {\n      anchor = 'top',\n      floating = false,\n      offset = '2',\n      size = '1',\n      variant = 'ghost',\n      material,\n      className,\n      style,\n      children,\n      ...restProps\n    } = props;\n\n    const isHorizontal = anchor === 'top' || anchor === 'bottom';\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    // Merge refs\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        (internalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    // Expose height/width as CSS variable on parent element\n    React.useEffect(() => {\n      const element = internalRef.current;\n      if (!element) return;\n\n      const parent = element.parentElement;\n      if (!parent) return;\n\n      const update = () => {\n        let dimension = isHorizontal ? element.offsetHeight : element.offsetWidth;\n\n        // For floating mode, include the margin in the total space\n        if (floating) {\n          const computedStyle = getComputedStyle(element);\n          const margin = parseFloat(computedStyle.marginTop) || 0;\n          dimension += margin * 2;\n        }\n\n        // `--rt-toolbar-*` are the names this bar published while it was called Toolbar.\n        // They are still written so existing layouts keep their offset; prefer `--rt-app-bar-*`.\n        if (isHorizontal) {\n          parent.style.setProperty('--rt-app-bar-height', `${dimension}px`);\n          parent.style.setProperty('--rt-toolbar-height', `${dimension}px`);\n        } else {\n          parent.style.setProperty('--rt-app-bar-width', `${dimension}px`);\n          parent.style.setProperty('--rt-toolbar-width', `${dimension}px`);\n        }\n      };\n\n      update();\n\n      const resizeObserver = new ResizeObserver(update);\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.disconnect();\n    }, [isHorizontal, floating]);\n\n    const computedStyle = floating\n      ? { margin: `var(--space-${offset})`, ...style }\n      : style;\n\n    return (\n      <Card\n        ref={mergedRef}\n        size={size}\n        variant={variant}\n        material={material}\n        data-anchor={anchor}\n        data-floating={floating || undefined}\n        className={classNames('rt-AppBar', className)}\n        style={computedStyle}\n        {...restProps}\n      >\n        <div className=\"rt-AppBarInner\">\n          {children}\n        </div>\n      </Card>\n    );\n  },\n);\nAppBarRoot.displayName = 'AppBar.Root';\n\n// ============================================================================\n// AppBar Left (for horizontal) / Start (alias)\n// ============================================================================\n\ntype AppBarSectionElement = React.ElementRef<'div'>;\ntype AppBarSectionProps = FlexProps;\n\nconst AppBarLeft = React.forwardRef<AppBarSectionElement, AppBarSectionProps>(\n  ({ gap = '2', align = 'center', className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align={align}\n      gap={gap}\n      className={classNames('rt-AppBarSection', 'rt-AppBarLeft', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nAppBarLeft.displayName = 'AppBar.Left';\n\n// ============================================================================\n// AppBar Center\n// ============================================================================\n\nconst AppBarCenter = React.forwardRef<AppBarSectionElement, AppBarSectionProps>(\n  ({ gap = '2', align = 'center', justify = 'center', className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align={align}\n      justify={justify}\n      gap={gap}\n      className={classNames('rt-AppBarSection', 'rt-AppBarCenter', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nAppBarCenter.displayName = 'AppBar.Center';\n\n// ============================================================================\n// AppBar Right (for horizontal) / End (alias)\n// ============================================================================\n\nconst AppBarRight = React.forwardRef<AppBarSectionElement, AppBarSectionProps>(\n  ({ gap = '2', align = 'center', justify = 'end', className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align={align}\n      justify={justify}\n      gap={gap}\n      className={classNames('rt-AppBarSection', 'rt-AppBarRight', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nAppBarRight.displayName = 'AppBar.Right';\n\n// ============================================================================\n// AppBar Title\n// ============================================================================\n\ntype AppBarTitleElement = React.ElementRef<typeof Heading>;\ntype AppBarTitleProps = React.ComponentPropsWithoutRef<typeof Heading>;\n\nconst AppBarTitle = React.forwardRef<AppBarTitleElement, AppBarTitleProps>(\n  ({ className, size = '2', weight = 'medium', truncate = true, children, ...props }, forwardedRef) => (\n    <Heading\n      ref={forwardedRef}\n      size={size}\n      weight={weight}\n      truncate={truncate}\n      className={classNames('rt-AppBarTitle', className)}\n      {...props}\n    >\n      {children}\n    </Heading>\n  ),\n);\nAppBarTitle.displayName = 'AppBar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst AppBar = AppBarRoot as typeof AppBarRoot & {\n  Root: typeof AppBarRoot;\n  Left: typeof AppBarLeft;\n  Center: typeof AppBarCenter;\n  Right: typeof AppBarRight;\n  Title: typeof AppBarTitle;\n};\n\nAppBar.Root = AppBarRoot;\nAppBar.Left = AppBarLeft;\nAppBar.Center = AppBarCenter;\nAppBar.Right = AppBarRight;\nAppBar.Title = AppBarTitle;\n\nexport {\n  AppBar,\n  AppBarRoot as Root,\n  AppBarLeft as Left,\n  AppBarCenter as Center,\n  AppBarRight as Right,\n  AppBarTitle as Title,\n};\nexport type {\n  AppBarRootProps as RootProps,\n  AppBarSectionProps as LeftProps,\n  AppBarSectionProps as CenterProps,\n  AppBarSectionProps as RightProps,\n  AppBarTitleProps as TitleProps,\n};\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "AppBarRoot", "props", "forwardedRef", "anchor", "floating", "offset", "size", "variant", "material", "className", "style", "children", "restProps", "isHorizontal", "internalRef", "mergedRef", "node", "element", "parent", "update", "dimension", "computedStyle", "margin", "resizeObserver", "Card", "classNames", "AppBarLeft", "gap", "align", "Flex", "AppBarCenter", "justify", "AppBarRight", "AppBarTitle", "weight", "truncate", "Heading", "AppBar"]
+}

package/dist/esm/chunk-3QJED5UA.js

@@ -0,0 +1,2 @@
+import{a as C}from"./chunk-FNB47XDO.js";import{a as R}from"./chunk-VX6ARMWP.js";import{b as m}from"./chunk-FISGGGPC.js";import{a as p}from"./chunk-5TXQLK4G.js";import{a as n}from"./chunk-GSTOGDAJ.js";import{a as d}from"./chunk-6FLLFCBU.js";import{a as y}from"./chunk-OS3FCYZY.js";var g={};y(g,{Item:()=>P,Root:()=>u});import*as o from"react";import c from"classnames";import{RadioGroup as f}from"radix-ui";var l=o.createContext(void 0),x=()=>o.useContext(l),u=o.forwardRef((e,a)=>{let r=m();p(e.panelBackground);let t=e.material??e.panelBackground??r.material??r.panelBackground,{className:s,color:i,material:I,panelBackground:h,...v}=d(e,C,n);return o.createElement(l.Provider,{value:{size:e.size,variant:e.variant}},o.createElement(R,{asChild:!0},o.createElement(f.Root,{"data-accent-color":i,"data-panel-background":t,"data-material":t,...v,ref:a,className:c("rt-RadioCardsRoot",s)})))});u.displayName="RadioCards.Root";var P=o.forwardRef(({className:e,...a},r)=>{let t=x(),s=t?.variant?`rt-variant-${t.variant}`:void 0,i=t?.size?`rt-r-size-${t.size}`:void 0;return o.createElement(f.Item,{...a,asChild:!1,ref:r,className:c("rt-reset","rt-BaseCard","rt-RadioCardsItem",s,i,e)})});P.displayName="RadioCards.Item";export{u as a,P as b,g as c};
+//# sourceMappingURL=chunk-3QJED5UA.js.map

package/dist/esm/chunk-3QJED5UA.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-cards.tsx"],
+  "sourcesContent": ["import { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ntype RadioCardsContextValue = {\n  size?: Responsive<(typeof radioCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof radioCardsRootPropDefs.variant.values)[number];\n};\n\nconst RadioCardsContext = React.createContext<RadioCardsContextValue | undefined>(undefined);\n\nconst useRadioCardsContext = () => {\n  const context = React.useContext(RadioCardsContext);\n  return context;\n};\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n    const panelBackground = props.material ?? props.panelBackground ?? themeContext.material ?? themeContext.panelBackground;\n    const {\n      className,\n      color,\n      material: _material,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n    return (\n      <RadioCardsContext.Provider value={{ size: props.size, variant: props.variant }}>\n        <Grid asChild>\n          <RadioGroupPrimitive.Root\n            data-accent-color={color}\n            data-panel-background={panelBackground}\n            data-material={panelBackground}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-RadioCardsRoot', className)}\n          />\n        </Grid>\n      </RadioCardsContext.Provider>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const context = useRadioCardsContext();\n    const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n    const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n    return (\n      <RadioGroupPrimitive.Item\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCard',\n          'rt-RadioCardsItem',\n          variantClass,\n          sizeClass,\n          className,\n        )}\n      />\n    );\n  },\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
+  "mappings": "wRAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IACA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,cAAcC,MAA2B,WAiBlD,IAAMC,EAA0B,gBAAkD,MAAS,EAErFC,EAAuB,IACL,aAAWD,CAAiB,EAa9CE,EAAuB,aAC3B,CAACC,EAAOC,IAAiB,CACvB,IAAMC,EAAeC,EAAgB,EACrCC,EAAoCJ,EAAM,eAAe,EACzD,IAAMK,EAAkBL,EAAM,UAAYA,EAAM,iBAAmBE,EAAa,UAAYA,EAAa,gBACnG,CACJ,UAAAI,EACA,MAAAC,EACA,SAAUC,EACV,gBAAiBC,EACjB,GAAGC,CACL,EAAIC,EAAaX,EAAOY,EAAwBC,CAAc,EAC9D,OACE,gBAAChB,EAAkB,SAAlB,CAA2B,MAAO,CAAE,KAAMG,EAAM,KAAM,QAASA,EAAM,OAAQ,GAC5E,gBAACc,EAAA,CAAK,QAAO,IACX,gBAACC,EAAoB,KAApB,CACC,oBAAmBR,EACnB,wBAAuBF,EACvB,gBAAeA,EACd,GAAGK,EACJ,IAAKT,EACL,UAAWe,EAAW,oBAAqBV,CAAS,EACtD,CACF,CACF,CAEJ,CACF,EACAP,EAAe,YAAc,kBAM7B,IAAMkB,EAAuB,aAC3B,CAAC,CAAE,UAAAX,EAAW,GAAGN,CAAM,EAAGC,IAAiB,CACzC,IAAMiB,EAAUpB,EAAqB,EAC/BqB,EAAeD,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEE,EAAYF,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAACH,EAAoB,KAApB,CACE,GAAGf,EACJ,QAAS,GACT,IAAKC,EACL,UAAWe,EACT,WACA,cACA,oBACAG,EACAC,EACAd,CACF,EACF,CAEJ,CACF,EACAW,EAAe,YAAc",
+  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "React", "classNames", "RadioGroupPrimitive", "RadioCardsContext", "useRadioCardsContext", "RadioCardsRoot", "props", "forwardedRef", "themeContext", "useThemeContext", "useDeprecatedPanelBackgroundWarning", "panelBackground", "className", "color", "_material", "_", "rootProps", "extractProps", "radioCardsRootPropDefs", "marginPropDefs", "Grid", "RadioGroupPrimitive", "classNames", "RadioCardsItem", "context", "variantClass", "sizeClass"]
+}

package/dist/esm/chunk-3TIO3EMN.js

@@ -0,0 +1,2 @@
+import{a as h}from"./chunk-WHAKQCNV.js";import{a as u}from"./chunk-MJJ7XDIP.js";import{b as d,c as g}from"./chunk-FISGGGPC.js";import{a as b}from"./chunk-5TXQLK4G.js";import{a as C}from"./chunk-6FLLFCBU.js";import{a as I}from"./chunk-OS3FCYZY.js";var V={};I(V,{Anchor:()=>A,Close:()=>M,Content:()=>N,Root:()=>L,Toolbar:()=>j,Trigger:()=>x});import*as e from"react";import c from"classnames";import{Popover as P}from"radix-ui";var y=e.createContext(null),E=t=>{let o=e.useContext(y);return o},L=t=>e.createElement(P.Root,{...t});L.displayName="Popover.Root";var x=e.forwardRef(({children:t,...o},r)=>e.createElement(P.Trigger,{...o,ref:r,asChild:!0},u(t)));x.displayName="Popover.Trigger";var N=e.forwardRef((t,o)=>{let r=d();b(t.panelBackground);let n=t.material??t.panelBackground??r.material??r.panelBackground,{className:p,forceMount:a,container:s,material:i,panelBackground:R,...f}=C(t,h),v=e.useRef(null),S=e.useCallback(l=>{v.current=l,typeof o=="function"?o(l):o&&(o.current=l)},[o]),[B,w]=e.useState(void 0),T=e.useCallback(l=>{let m=v.current;m&&(l>0?(m.style.setProperty("--popover-toolbar-offset",`${l}px`),m.setAttribute("data-has-toolbar","true")):(m.style.removeProperty("--popover-toolbar-offset"),m.removeAttribute("data-has-toolbar")))},[]);return e.createElement(P.Portal,{container:s,forceMount:a},e.createElement(g,{asChild:!0},e.createElement(P.Content,{align:"start",sideOffset:8,collisionPadding:10,...f,ref:S,"aria-labelledby":B,"data-panel-background":n,"data-material":n,className:c("rt-PopperContent","rt-PopoverContent",p)},e.createElement(y.Provider,{value:e.useMemo(()=>({contentRef:v,setToolbarOffset:T,setLabelId:w}),[T])},t.children))))});N.displayName="Popover.Content";var M=e.forwardRef(({children:t,...o},r)=>e.createElement(P.Close,{...o,ref:r,asChild:!0},u(t)));M.displayName="Popover.Close";var A=e.forwardRef(({children:t,...o},r)=>e.createElement(P.Anchor,{...o,ref:r}));A.displayName="Popover.Anchor";var D=e.forwardRef(({className:t,children:o,...r},n)=>{let p=E("Popover.Toolbar"),a=e.useRef(null),s=e.useCallback(i=>{a.current=i,typeof n=="function"?n(i):n&&(n.current=i)},[n]);return e.useEffect(()=>{if(!p||!a.current)return;let i=a.current,R=()=>{let v=i.getBoundingClientRect().height;p.setToolbarOffset(v)};R();let f=new ResizeObserver(R);return f.observe(i),()=>{f.disconnect(),p.setToolbarOffset(0)}},[p]),e.createElement("div",{...r,ref:s,className:c("rt-PopoverToolbar",t)},o)});D.displayName="Popover.Toolbar";var H=e.forwardRef(({className:t,...o},r)=>e.createElement("div",{...o,ref:r,className:c("rt-PopoverToolbarSection","rt-PopoverToolbarLeft",t)}));H.displayName="Popover.Toolbar.Left";var O=e.forwardRef(({className:t,...o},r)=>e.createElement("div",{...o,ref:r,className:c("rt-PopoverToolbarSection","rt-PopoverToolbarCenter",t)}));O.displayName="Popover.Toolbar.Center";var W=e.forwardRef(({className:t,...o},r)=>e.createElement("div",{...o,ref:r,className:c("rt-PopoverToolbarSection","rt-PopoverToolbarRight",t)}));W.displayName="Popover.Toolbar.Right";var k=e.forwardRef(({className:t,id:o,...r},n)=>{let p=E("Popover.Toolbar.Title"),a=e.useId(),s=o??`rt-popover-toolbar-title-${a}`;return e.useEffect(()=>(p?.setLabelId(s),()=>p?.setLabelId(void 0)),[p,s]),e.createElement("span",{...r,id:s,ref:n,className:c("rt-PopoverToolbarTitle",t)})});k.displayName="Popover.Toolbar.Title";var j=Object.assign(D,{Left:H,Center:O,Right:W,Title:k});export{L as a,x as b,N as c,M as d,A as e,j as f,V as g};
+//# sourceMappingURL=chunk-3TIO3EMN.js.map

package/dist/esm/chunk-3TIO3EMN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/popover.tsx"],
+  "sourcesContent": ["import { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { popoverContentPropDefs } from './popover.props.js';\nimport { Theme } from './theme.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { PopoverContentOwnProps } from './popover.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// ---------------------------------------------\n// Popover Content Context\n// ---------------------------------------------\ntype PopoverContentContextValue = {\n  /** Ref to the Popover.Content DOM node */\n  contentRef: React.MutableRefObject<HTMLDivElement | null>;\n  /** Update content's toolbar offset variable and presence flag */\n  setToolbarOffset: (offsetPx: number) => void;\n  /** Wire up aria-labelledby for toolbar title */\n  setLabelId: (id: string | undefined) => void;\n};\n\nconst PopoverContentContext = React.createContext<PopoverContentContextValue | null>(null);\nconst usePopoverContentContext = (caller: string) => {\n  const ctx = React.useContext(PopoverContentContext);\n  if (!ctx) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(`${caller} must be used within Popover.Content`);\n    }\n  }\n  return ctx;\n};\n\ninterface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\nconst PopoverRoot: React.FC<PopoverRootProps> = (props: PopoverRootProps) => (\n  <PopoverPrimitive.Root {...props} />\n);\nPopoverRoot.displayName = 'Popover.Root';\n\ntype PopoverTriggerElement = React.ElementRef<typeof PopoverPrimitive.Trigger>;\ninterface PopoverTriggerProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Trigger, RemovedProps> {}\nconst PopoverTrigger = React.forwardRef<PopoverTriggerElement, PopoverTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Trigger>\n  ),\n);\nPopoverTrigger.displayName = 'Popover.Trigger';\n\ntype PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ninterface PopoverContentProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Content, RemovedProps>,\n    PopoverContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>['container'];\n}\nconst PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n    const panelBackground = props.material ?? props.panelBackground ?? themeContext.material ?? themeContext.panelBackground;\n    const {\n      className,\n      forceMount,\n      container,\n      material: _material,\n      panelBackground: _,\n      ...contentProps\n    } = extractProps(props, popoverContentPropDefs);\n\n    // Manage refs (we need the DOM node to apply CSS variables)\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    const [labelId, setLabelId] = React.useState<string | undefined>(undefined);\n\n    const setToolbarOffset = React.useCallback((offsetPx: number) => {\n      const el = contentRef.current;\n      if (!el) return;\n      if (offsetPx > 0) {\n        el.style.setProperty('--popover-toolbar-offset', `${offsetPx}px`);\n        el.setAttribute('data-has-toolbar', 'true');\n      } else {\n        el.style.removeProperty('--popover-toolbar-offset');\n        el.removeAttribute('data-has-toolbar');\n      }\n    }, []);\n\n    return (\n      <PopoverPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <PopoverPrimitive.Content\n            align=\"start\"\n            sideOffset={8}\n            collisionPadding={10}\n            {...contentProps}\n            ref={combinedRef}\n            aria-labelledby={labelId}\n            data-panel-background={panelBackground}\n            data-material={panelBackground}\n            className={classNames('rt-PopperContent', 'rt-PopoverContent', className)}\n          >\n            <PopoverContentContext.Provider value={React.useMemo(() => ({ contentRef, setToolbarOffset, setLabelId }), [setToolbarOffset])}>\n              {props.children}\n            </PopoverContentContext.Provider>\n          </PopoverPrimitive.Content>\n        </Theme>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\ntype PopoverCloseElement = React.ElementRef<typeof PopoverPrimitive.Close>;\ninterface PopoverCloseProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Close, RemovedProps> {}\nconst PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Close {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Close>\n  ),\n);\nPopoverClose.displayName = 'Popover.Close';\n\ntype PopoverAnchorElement = React.ElementRef<typeof PopoverPrimitive.Anchor>;\ninterface PopoverAnchorProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor> {}\nconst PopoverAnchor = React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Anchor {...props} ref={forwardedRef} />\n  ),\n);\n\nPopoverAnchor.displayName = 'Popover.Anchor';\n\n// ---------------------------------------------\n// Toolbar (Popover-only)\n// ---------------------------------------------\n\ntype PopoverToolbarElement = HTMLDivElement;\ntype PopoverToolbarProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst PopoverToolbarBase = React.forwardRef<PopoverToolbarElement, PopoverToolbarProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const ctx = usePopoverContentContext('Popover.Toolbar');\n\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRefs = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof forwardedRef === 'function') forwardedRef(node);\n        else if (forwardedRef)\n          (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [forwardedRef],\n    );\n\n    React.useEffect(() => {\n      if (!ctx || !localRef.current) return;\n      const el = localRef.current;\n      const update = () => {\n        const height = el.getBoundingClientRect().height;\n        ctx.setToolbarOffset(height);\n      };\n      update();\n      const ro = new ResizeObserver(update);\n      ro.observe(el);\n      return () => {\n        ro.disconnect();\n        ctx.setToolbarOffset(0);\n      };\n    }, [ctx]);\n\n    return (\n      <div {...props} ref={setRefs} className={classNames('rt-PopoverToolbar', className)}>\n        {children}\n      </div>\n    );\n  },\n);\n(PopoverToolbarBase as any).displayName = 'Popover.Toolbar';\n\ntype SectionProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst PopoverToolbarLeft = React.forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-PopoverToolbarSection', 'rt-PopoverToolbarLeft', className)}\n    />\n  ),\n);\nPopoverToolbarLeft.displayName = 'Popover.Toolbar.Left';\n\nconst PopoverToolbarCenter = React.forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-PopoverToolbarSection', 'rt-PopoverToolbarCenter', className)}\n    />\n  ),\n);\nPopoverToolbarCenter.displayName = 'Popover.Toolbar.Center';\n\nconst PopoverToolbarRight = React.forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-PopoverToolbarSection', 'rt-PopoverToolbarRight', className)}\n    />\n  ),\n);\nPopoverToolbarRight.displayName = 'Popover.Toolbar.Right';\n\ntype TitleProps = React.ComponentPropsWithoutRef<'span'>;\nconst PopoverToolbarTitle = React.forwardRef<HTMLSpanElement, TitleProps>(\n  ({ className, id: idProp, ...props }, ref) => {\n    const ctx = usePopoverContentContext('Popover.Toolbar.Title');\n    const reactId = React.useId();\n    const id = idProp ?? `rt-popover-toolbar-title-${reactId}`;\n    React.useEffect(() => {\n      ctx?.setLabelId(id);\n      return () => ctx?.setLabelId(undefined);\n    }, [ctx, id]);\n    return (\n      <span\n        {...props}\n        id={id}\n        ref={ref}\n        className={classNames('rt-PopoverToolbarTitle', className)}\n      />\n    );\n  },\n);\nPopoverToolbarTitle.displayName = 'Popover.Toolbar.Title';\n\ntype PopoverToolbarComponent = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<PopoverToolbarProps> & React.RefAttributes<HTMLDivElement>\n> & {\n  Left: typeof PopoverToolbarLeft;\n  Center: typeof PopoverToolbarCenter;\n  Right: typeof PopoverToolbarRight;\n  Title: typeof PopoverToolbarTitle;\n};\n\nconst PopoverToolbar = Object.assign(PopoverToolbarBase, {\n  Left: PopoverToolbarLeft,\n  Center: PopoverToolbarCenter,\n  Right: PopoverToolbarRight,\n  Title: PopoverToolbarTitle,\n}) as PopoverToolbarComponent;\n\nexport {\n  PopoverRoot as Root,\n  PopoverContent as Content,\n  PopoverTrigger as Trigger,\n  PopoverClose as Close,\n  PopoverAnchor as Anchor,\n  PopoverToolbar as Toolbar,\n};\nexport type {\n  PopoverRootProps as RootProps,\n  PopoverContentProps as ContentProps,\n  PopoverTriggerProps as TriggerProps,\n  PopoverCloseProps as CloseProps,\n  PopoverAnchorProps as AnchorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["popover_exports", "__export", "PopoverAnchor", "PopoverClose", "PopoverContent", "PopoverRoot", "PopoverToolbar", "PopoverTrigger", "React", "classNames", "PopoverPrimitive", "PopoverContentContext", "usePopoverContentContext", "caller", "ctx", "PopoverRoot", "props", "PopoverPrimitive", "PopoverTrigger", "children", "forwardedRef", "requireReactElement", "PopoverContent", "themeContext", "useThemeContext", "useDeprecatedPanelBackgroundWarning", "panelBackground", "className", "forceMount", "container", "_material", "_", "contentProps", "extractProps", "popoverContentPropDefs", "contentRef", "combinedRef", "node", "labelId", "setLabelId", "setToolbarOffset", "offsetPx", "el", "Theme", "classNames", "PopoverClose", "PopoverAnchor", "PopoverToolbarBase", "localRef", "setRefs", "update", "height", "ro", "PopoverToolbarLeft", "ref", "PopoverToolbarCenter", "PopoverToolbarRight", "PopoverToolbarTitle", "idProp", "reactId", "id", "PopoverToolbar"]
+}

package/dist/esm/{chunk-AF6XKU3W.js → chunk-3WCSLQNH.js}

@@ -1,2 +1,2 @@
-import{c as e}from"./chunk-ZNK6AH2G.js";var s=["1","2","3","4"],a=["surface","soft","outline"],t=["solid","translucent"],n=["solid","translucent"],o={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"surface"},...e,material:{type:"enum",values:n,default:void 0},panelBackground:{type:"enum",values:t,default:void 0}};export{o as a};
-//# sourceMappingURL=chunk-AF6XKU3W.js.map
+import{c as e}from"./chunk-Z4DTHR2S.js";var s=["1","2","3","4"],a=["surface","soft","outline"],t=["solid","translucent"],n=["solid","translucent"],o={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"surface"},...e,material:{type:"enum",values:n,default:void 0},panelBackground:{type:"enum",values:t,default:void 0}};export{o as a};
+//# sourceMappingURL=chunk-3WCSLQNH.js.map

package/dist/esm/chunk-47CEZJM2.js

@@ -0,0 +1,2 @@
+import{b as r}from"./chunk-KRJTW535.js";import{a}from"./chunk-NZJGC6ZW.js";import{a as e}from"./chunk-AVFGMLL4.js";import{a as t,e as s}from"./chunk-Z4DTHR2S.js";var o=["1","2","3","4","5","6","7","8","9","10","11","12"],n=["raised","solid","soft","surface","outline","classic"],u=["solid","translucent"],f=["solid","translucent"],i=["cover","contain","fill","scale-down","none"],m={...a,size:{type:"enum",className:"rt-r-size",values:o,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:n,default:"raised",parseValue:e},...s,...r,fallback:{type:"ReactNode",required:!0},material:{type:"enum",values:f,default:void 0},panelBackground:{type:"enum",values:u,default:void 0},status:{type:"enum",values:t,default:void 0},badge:{type:"ReactNode",default:void 0},fit:{type:"enum",className:"rt-r-fit",values:i,default:"cover",responsive:!0}};export{m as a};
+//# sourceMappingURL=chunk-47CEZJM2.js.map

package/dist/esm/chunk-47CEZJM2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/avatar.props.tsx"],
+  "sourcesContent": ["import { parseVariant } from '../helpers/parse-variant.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { grayAccentColorPropDef, accentColors } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised', parseValue: parseVariant },\n  ...grayAccentColorPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Status indicator color. Renders a small colored dot at the bottom-right corner.\n   * Cannot be used together with `badge`.\n   */\n  status: { type: 'enum', values: accentColors, default: undefined },\n  /**\n   * Custom badge content. Renders at the bottom-right corner.\n   * Cannot be used together with `status`.\n   */\n  badge: { type: 'ReactNode', default: undefined },\n  /**\n   * Controls how the avatar image should be resized to fit its container.\n   * Defaults to 'cover' which crops the image to fill the avatar.\n   * Use 'contain' to show the full image without cropping.\n   */\n  fit: { type: 'enum', className: 'rt-r-fit', values: objectFitValues, default: 'cover', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  fallback: PropDef<React.ReactNode>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  status: PropDef<(typeof accentColors)[number] | undefined>;\n  badge: PropDef<React.ReactNode>;\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { avatarPropDefs };\n"],
+  "mappings": "kKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,SAAS,EACtEC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEC,EAAiB,CACrB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQN,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,WAAYM,CAAa,EAChH,GAAGC,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,SAAU,CAAE,KAAM,OAAQ,OAAQN,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,EAK9E,OAAQ,CAAE,KAAM,OAAQ,OAAQQ,EAAc,QAAS,MAAU,EAKjE,MAAO,CAAE,KAAM,YAAa,QAAS,MAAU,EAM/C,IAAK,CAAE,KAAM,OAAQ,UAAW,WAAY,OAAQN,EAAiB,QAAS,QAAS,WAAY,EAAK,CAC1G",
+  "names": ["sizes", "variants", "panelBackgrounds", "materials", "objectFitValues", "avatarPropDefs", "asChildPropDef", "parseVariant", "grayAccentColorPropDef", "radiusPropDef", "accentColors"]
+}

package/dist/esm/{chunk-MS5J4MF6.js → chunk-4QHJ7P3D.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-5WRCK4R7.js";import*as o from"react";import n from"classnames";import{Slot as u}from"radix-ui";var a=o.forwardRef((t,p)=>{let{asChild:r,children:s,className:m,...c}=t,l=r?u.Root:"blockquote";return o.createElement(e,{asChild:!0,...c,ref:p,className:n("rt-Blockquote",m)},o.createElement(l,null,s))});a.displayName="Blockquote";export{a};
-//# sourceMappingURL=chunk-MS5J4MF6.js.map
+import{a as e}from"./chunk-YS74SW5S.js";import*as o from"react";import n from"classnames";import{Slot as u}from"radix-ui";var a=o.forwardRef((t,p)=>{let{asChild:r,children:s,className:m,...c}=t,l=r?u.Root:"blockquote";return o.createElement(e,{asChild:!0,...c,ref:p,className:n("rt-Blockquote",m)},o.createElement(l,null,s))});a.displayName="Blockquote";export{a};
+//# sourceMappingURL=chunk-4QHJ7P3D.js.map

package/dist/esm/chunk-4TBUUGR4.js

@@ -0,0 +1,2 @@
+import{a as b}from"./chunk-PS6NEG5A.js";import{a as l}from"./chunk-5TXQLK4G.js";import{a as f}from"./chunk-GSTOGDAJ.js";import{a as v}from"./chunk-6FLLFCBU.js";import{a as c}from"./chunk-WTXQB2EV.js";import{a as R}from"./chunk-OS3FCYZY.js";var L={};R(L,{Link:()=>P,Root:()=>d});import*as a from"react";import T from"classnames";import{NavigationMenu as n}from"radix-ui";var d=a.forwardRef((e,s)=>{let{children:o,className:p,color:i,material:t,panelBackground:m,...r}=v(e,c,f);l(e.panelBackground);let N=t??m;return a.createElement(n.Root,{className:"rt-TabNavRoot","data-accent-color":i,...r,asChild:!1,ref:s},a.createElement(n.List,{className:T("rt-reset","rt-BaseTabList","rt-TabNavList",p),"data-panel-background":N,"data-material":N},o))});d.displayName="TabNav.Root";var P=a.forwardRef((e,s)=>{let{asChild:o,children:p,className:i,active:t,...m}=e;return a.createElement(n.Item,{className:"rt-TabNavItem"},a.createElement(n.Link,{...m,ref:s,className:T("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",i),onSelect:void 0,asChild:o,"aria-current":t?"page":void 0,"data-active":t||void 0},b({asChild:o,children:p},r=>a.createElement(a.Fragment,null,a.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},r),a.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},r)))))});P.displayName="TabNav.Link";export{d as a,P as b,L as c};
+//# sourceMappingURL=chunk-4TBUUGR4.js.map

package/dist/esm/chunk-4TBUUGR4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-nav.tsx"],
+  "sourcesContent": ["import { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { NavigationMenu } from 'radix-ui';\n\nimport { tabNavRootPropDefs } from './tab-nav.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabNavLinkPropDefs } from './tab-nav.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TabNavRootElement = React.ElementRef<typeof NavigationMenu.Root>;\ntype TabNavRootElementProps = ComponentPropsWithout<'nav', RemovedProps>;\ntype TabNavOwnProps = GetPropDefTypes<typeof tabNavRootPropDefs>;\ninterface TabNavRootProps\n  extends Omit<TabNavRootElementProps, 'defaultValue' | 'dir' | 'color'>,\n    MarginProps,\n    TabNavOwnProps {}\nconst TabNavRoot = React.forwardRef<TabNavRootElement, TabNavRootProps>((props, forwardedRef) => {\n  const { children, className, color, material: materialProp, panelBackground, ...rootProps } = extractProps(\n    props,\n    tabNavRootPropDefs,\n    marginPropDefs,\n  );\n  useDeprecatedPanelBackgroundWarning(props.panelBackground);\n  const material = materialProp ?? panelBackground;\n  return (\n    <NavigationMenu.Root\n      className=\"rt-TabNavRoot\"\n      data-accent-color={color}\n      {...rootProps}\n      asChild={false}\n      ref={forwardedRef}\n    >\n      <NavigationMenu.List\n        className={classNames('rt-reset', 'rt-BaseTabList', 'rt-TabNavList', className)}\n        data-panel-background={material}\n        data-material={material}\n      >\n        {children}\n      </NavigationMenu.List>\n    </NavigationMenu.Root>\n  );\n});\nTabNavRoot.displayName = 'TabNav.Root';\n\ntype TabNavLinkElement = React.ElementRef<typeof NavigationMenu.Link>;\ntype TabNavLinkOwnProps = GetPropDefTypes<typeof tabNavLinkPropDefs>;\ninterface TabNavLinkProps\n  extends ComponentPropsWithout<typeof NavigationMenu.Link, RemovedProps | 'onSelect'>,\n    TabNavLinkOwnProps {}\nconst TabNavLink = React.forwardRef<TabNavLinkElement, TabNavLinkProps>((props, forwardedRef) => {\n  const { asChild, children, className, active, ...linkProps } = props;\n\n  return (\n    <NavigationMenu.Item className=\"rt-TabNavItem\">\n      <NavigationMenu.Link\n        {...linkProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabNavLink', className)}\n        onSelect={undefined}\n        asChild={asChild}\n        aria-current={active ? 'page' : undefined}\n        data-active={active || undefined}\n      >\n        {getSubtree({ asChild, children }, (children) => (\n          <>\n            <span className=\"rt-BaseTabListTriggerInner rt-TabNavLinkInner\">{children}</span>\n            <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden\">\n              {children}\n            </span>\n          </>\n        ))}\n      </NavigationMenu.Link>\n    </NavigationMenu.Item>\n  );\n});\nTabNavLink.displayName = 'TabNav.Link';\n\nexport { TabNavRoot as Root, TabNavLink as Link };\nexport type { TabNavRootProps as RootProps, TabNavLinkProps as LinkProps };\n"],
+  "mappings": "gPAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IACA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,kBAAAC,MAAsB,WAmB/B,IAAMC,EAAmB,aAA+C,CAACC,EAAOC,IAAiB,CAC/F,GAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,SAAUC,EAAc,gBAAAC,EAAiB,GAAGC,CAAU,EAAIC,EAC5FR,EACAS,EACAC,CACF,EACAC,EAAoCX,EAAM,eAAe,EACzD,IAAMY,EAAWP,GAAgBC,EACjC,OACE,gBAACO,EAAe,KAAf,CACC,UAAU,gBACV,oBAAmBT,EAClB,GAAGG,EACJ,QAAS,GACT,IAAKN,GAEL,gBAACY,EAAe,KAAf,CACC,UAAWC,EAAW,WAAY,iBAAkB,gBAAiBX,CAAS,EAC9E,wBAAuBS,EACvB,gBAAeA,GAEdV,CACH,CACF,CAEJ,CAAC,EACDH,EAAW,YAAc,cAOzB,IAAMgB,EAAmB,aAA+C,CAACf,EAAOC,IAAiB,CAC/F,GAAM,CAAE,QAAAe,EAAS,SAAAd,EAAU,UAAAC,EAAW,OAAAc,EAAQ,GAAGC,CAAU,EAAIlB,EAE/D,OACE,gBAACa,EAAe,KAAf,CAAoB,UAAU,iBAC7B,gBAACA,EAAe,KAAf,CACE,GAAGK,EACJ,IAAKjB,EACL,UAAWa,EAAW,WAAY,wBAAyB,gBAAiBX,CAAS,EACrF,SAAU,OACV,QAASa,EACT,eAAcC,EAAS,OAAS,OAChC,cAAaA,GAAU,QAEtBE,EAAW,CAAE,QAAAH,EAAS,SAAAd,CAAS,EAAIA,GAClC,gCACE,gBAAC,QAAK,UAAU,iDAAiDA,CAAS,EAC1E,gBAAC,QAAK,UAAU,6DACbA,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDa,EAAW,YAAc",
+  "names": ["tab_nav_exports", "__export", "TabNavLink", "TabNavRoot", "React", "classNames", "NavigationMenu", "TabNavRoot", "props", "forwardedRef", "children", "className", "color", "materialProp", "panelBackground", "rootProps", "extractProps", "baseTabListPropDefs", "marginPropDefs", "useDeprecatedPanelBackgroundWarning", "material", "NavigationMenu", "classNames", "TabNavLink", "asChild", "active", "linkProps", "getSubtree"]
+}

package/dist/esm/chunk-4WSSOS2W.js

@@ -0,0 +1,2 @@
+import{a as ae}from"./chunk-EH7LNNGU.js";import{a as V}from"./chunk-COWZAUZR.js";import{b as oe,c as ne,d as K,e as re,f as te}from"./chunk-IX5HIHVI.js";import{a as ee}from"./chunk-MJJ7XDIP.js";import{c as W}from"./chunk-QYU2HSGF.js";import{b as L,c as z}from"./chunk-FISGGGPC.js";import{a as x}from"./chunk-5TXQLK4G.js";import{b as y,c as E,d as H,e as U,f as Y}from"./chunk-DVSXWSAT.js";import{b as N,c as k,d as q,e as B,f as O}from"./chunk-WCQ2VRQU.js";import{a as T}from"./chunk-6FLLFCBU.js";import{a as P,b,c as X,d as $,e as G,f as J,g as Q,h as Z,i as _}from"./chunk-JSW6J6RS.js";import{a as xe}from"./chunk-OS3FCYZY.js";var _e={};xe(_e,{CheckboxItem:()=>Me,Content:()=>le,Group:()=>we,Item:()=>me,Label:()=>ce,RadioGroup:()=>De,RadioItem:()=>fe,Root:()=>pe,Separator:()=>ge,Sub:()=>Pe,SubContent:()=>Ce,SubTrigger:()=>Re,Trigger:()=>se,TriggerIcon:()=>he,Virtual:()=>ae});import*as e from"react";import d from"classnames";import{DropdownMenu as p,Slot as Ee}from"radix-ui";import{useCallbackRef as ie}from"radix-ui/internal";var ue=e.createContext(!1),pe=o=>{let{open:n,defaultOpen:r=!1,onOpenChange:u}=o,[a,t]=e.useState(r),i=n??a,s=ie(u),l=e.useCallback(m=>{t(m),s(m)},[s]);return e.createElement(ue.Provider,{value:i},e.createElement(p.Root,{...o,onOpenChange:l}))};pe.displayName="DropdownMenu.Root";var se=e.forwardRef(({children:o,...n},r)=>e.createElement(p.Trigger,{...n,ref:r,asChild:!0},ee(o)));se.displayName="DropdownMenu.Trigger";var A=e.createContext({}),Ne={ltr:"ArrowLeft",rtl:"ArrowRight"},ke={ltr:"ArrowRight",rtl:"ArrowLeft"};function Be(o){return o instanceof HTMLElement&&(o.isContentEditable||o.tagName==="INPUT"||o.tagName==="TEXTAREA")}function de(o){return o?.closest("[dir]")?.getAttribute("dir")==="rtl"?"rtl":"ltr"}var le=e.forwardRef((o,n)=>{let r=L();x(o.panelBackground);let u=k(o.material,o.panelBackground,r),{size:a=y.size.default,variant:t=y.variant.default}=o,{className:i,children:s,color:l,container:m,forceMount:w,material:c,panelBackground:S,submenuBehavior:v,virtualized:h=!1,onEscapeKeyDown:R,onKeyDown:I,...g}=T(o,y);o.variant!==void 0&&void 0;let D=l||r.accentColor,M=N(v,"cascade"),F=M==="drill-down",Ie=e.useContext(ue),C=X(),ye=f=>{R?.(f),!(f.defaultPrevented||!F||C.getDepth()===0)&&(f.preventDefault(),C.pop("keyboard"))},Se=f=>{I?.(f),!(f.defaultPrevented||!F||C.getDepth()===0)&&(Be(f.target)||f.key===Ne[de(f.currentTarget)]&&(f.preventDefault(),C.pop("keyboard")))},Te=e.useMemo(()=>({size:a,variant:t,color:D,material:u}),[a,t,D,u]),j=e.createElement(W,{size:a},e.createElement(A.Provider,{value:Te},e.createElement($,{store:C,behavior:M,open:Ie},s)));return e.createElement(p.Portal,{container:m,forceMount:w},e.createElement(z,{asChild:!0},e.createElement(p.Content,{"data-accent-color":D,"data-material":u,"data-panel-background":u,align:"start",sideOffset:4,collisionPadding:10,...g,onEscapeKeyDown:ye,onKeyDown:Se,asChild:!1,ref:n,className:d("rt-PopperContent","rt-BaseMenuContent","rt-DropdownMenuContent",i)},h?e.createElement("div",{className:d("rt-BaseMenuViewport","rt-DropdownMenuViewport","rt-virtualized")},j):e.createElement(V,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:d("rt-BaseMenuViewport","rt-DropdownMenuViewport")},j)))))});le.displayName="DropdownMenu.Content";var ce=e.forwardRef(({className:o,...n},r)=>e.useContext(P)?e.createElement(p.Label,{...n,asChild:!1,ref:r,className:d("rt-BaseMenuLabel","rt-DropdownMenuLabel",o)}):null);ce.displayName="DropdownMenu.Label";var me=e.forwardRef((o,n)=>{let{className:r,children:u,color:a=H.color.default,shortcut:t,...i}=o;return e.useContext(P)?e.createElement(p.Item,{"data-accent-color":a,"aria-keyshortcuts":t?B(t):void 0,...i,ref:n,className:d("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",r)},e.createElement(Ee.Slottable,null,u),t&&e.createElement(O,{shortcut:t,className:"rt-DropdownMenuShortcut"})):null});me.displayName="DropdownMenu.Item";var we=e.forwardRef(({className:o,...n},r)=>e.createElement(p.Group,{...n,asChild:!1,ref:r,className:d("rt-BaseMenuGroup","rt-DropdownMenuGroup",o)}));we.displayName="DropdownMenu.Group";var De=e.forwardRef(({className:o,...n},r)=>e.createElement(p.RadioGroup,{...n,asChild:!1,ref:r,className:d("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",o)}));De.displayName="DropdownMenu.RadioGroup";var fe=e.forwardRef((o,n)=>{let{children:r,className:u,color:a=Y.color.default,...t}=o;return e.useContext(P)?e.createElement(p.RadioItem,{...t,asChild:!1,ref:n,"data-accent-color":a,className:d("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",u)},r,e.createElement(p.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(te,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"}))):null});fe.displayName="DropdownMenu.RadioItem";var Me=e.forwardRef((o,n)=>{let{children:r,className:u,shortcut:a,color:t=U.color.default,...i}=o;return e.useContext(P)?e.createElement(p.CheckboxItem,{"aria-keyshortcuts":a?B(a):void 0,...i,asChild:!1,ref:n,"data-accent-color":t,className:d("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",u)},r,e.createElement(p.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(oe,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})),a&&e.createElement(O,{shortcut:a,className:"rt-DropdownMenuShortcut"})):null});Me.displayName="DropdownMenu.CheckboxItem";var Pe=({label:o="Back",open:n,defaultOpen:r,onOpenChange:u,children:a})=>{let t=b(),i=e.useId(),s=e.useMemo(()=>({id:i,label:o}),[i,o]),l=G(t,i)!=="closed";e.useLayoutEffect(()=>{!t||n===void 0||(n&&!t.isOpen(i)?t.push(i,null):!n&&t.isOpen(i)&&t.close(i))},[t,n,i]);let m=e.useRef(r);e.useLayoutEffect(()=>{t&&m.current&&n===void 0&&t.push(i,null)},[]);let w=ie(u),c=e.useRef(l);return e.useEffect(()=>{!t||c.current===l||(c.current=l,w(l))},[t,l,w]),e.createElement(Z.Provider,{value:s},e.createElement(p.Sub,{open:n,defaultOpen:r,onOpenChange:t?void 0:u},a))};Pe.displayName="DropdownMenu.Sub";var Re=e.forwardRef((o,n)=>{let{className:r,children:u,onKeyDown:a,...t}=o,i=b(),s=_(),l=e.useContext(P);if(i&&s){if(!l)return null;let m=c=>{c.preventDefault(),i.push(s.id)},w=c=>{a?.(c),!(c.defaultPrevented||t.disabled)&&c.key===ke[de(c.currentTarget)]&&(c.preventDefault(),i.push(s.id,"keyboard"))};return e.createElement(p.Item,{"aria-haspopup":"menu",...t,"data-drill-down-trigger":s.id,"data-drill-down-name":t.textValue,onSelect:m,onKeyDown:w,ref:n,className:d("rt-reset","rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger","rt-DropdownMenuDrillDownSubTrigger",r)},u,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(K,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubTriggerIcon"})))}return e.createElement(p.SubTrigger,{...t,onKeyDown:a,asChild:!1,ref:n,className:d("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",r)},u,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(K,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubTriggerIcon"})))});Re.displayName="DropdownMenu.SubTrigger";var ge=e.forwardRef(({className:o,...n},r)=>e.useContext(P)?e.createElement(p.Separator,{...n,asChild:!1,ref:r,className:d("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",o)}):null);ge.displayName="DropdownMenu.Separator";function Oe({label:o,name:n}){let r=b(),u=e.useCallback(i=>{i.preventDefault(),r?.pop()},[r]),a=typeof o=="string"?o:n,t=a&&a!=="Back"?`Back from ${a}`:void 0;return e.createElement(p.Item,{"aria-label":t,textValue:a||"Back",onSelect:u,className:d("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem","rt-DropdownMenuDrillDownBackItem")},e.createElement(re,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuDrillDownBackIcon"}),e.createElement("span",{className:"rt-DropdownMenuDrillDownBackLabel"},o))}function Ge(o){let{loop:n,onEscapeKeyDown:r,onPointerDownOutside:u,onFocusOutside:a,onInteractOutside:t,sideOffset:i,alignOffset:s,avoidCollisions:l,collisionBoundary:m,collisionPadding:w,arrowPadding:c,sticky:S,hideWhenDetached:v,updatePositionStrategy:h,...R}=o;return R}var Ce=e.forwardRef((o,n)=>{let r=b(),u=_();return r&&u?e.createElement(ve,{...o,ref:n,store:r,sub:u}):e.createElement(be,{...o,ref:n})});Ce.displayName="DropdownMenu.SubContent";var be=e.forwardRef((o,n)=>{let r=e.useContext(A),u=L();x(o.panelBackground);let a=o.size??r.size,t=o.variant??r.variant,i=o.color??r.color,s=o.material??o.panelBackground??r.material??k(void 0,void 0,u),{className:l,children:m,container:w,forceMount:c,color:S,material:v,panelBackground:h,virtualized:R=!1,...I}=T({...o,size:a,variant:t},E),g=N(a,E.size.default),D=e.useMemo(()=>({size:a,variant:t,color:i,material:s}),[a,t,i,s]),M=e.createElement(W,{size:a},e.createElement(A.Provider,{value:D},m));return e.createElement(p.Portal,{container:w,forceMount:c},e.createElement(z,{asChild:!0},e.createElement(p.SubContent,{"data-accent-color":i,"data-material":s,"data-panel-background":s,alignOffset:q(g,u.scaling),sideOffset:1,collisionPadding:10,...I,asChild:!1,ref:n,className:d("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",l)},R?e.createElement("div",{className:d("rt-BaseMenuViewport","rt-DropdownMenuViewport","rt-virtualized")},M):e.createElement(V,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:d("rt-BaseMenuViewport","rt-DropdownMenuViewport")},M)))))});be.displayName="DropdownMenu.CascadeSubContent";var ve=e.forwardRef(({store:o,sub:n,...r},u)=>{let a=G(o,n.id),t=J(o,n.id),i=Q(a==="top"?o:null);if(a==="closed")return null;let{className:s,children:l,container:m,forceMount:w,virtualized:c,size:S,variant:v,color:h,material:R,panelBackground:I,...g}=Ge(r),D=a==="top",M=t?.name||(typeof n.label=="string"?n.label:"");return e.createElement("div",{role:"group","aria-label":M||void 0,...g,ref:u,"data-drill-down-panel":n.id,"data-drill-down-active":D?!0:void 0,"data-animation-direction":D?i??void 0:void 0,className:d("rt-DropdownMenuDrillDownPanel",s)},D&&e.createElement(e.Fragment,null,e.createElement(Oe,{label:n.label,name:M}),e.createElement(p.Separator,{className:"rt-BaseMenuSeparator rt-DropdownMenuSeparator"})),e.createElement(P.Provider,{value:D},l))});ve.displayName="DropdownMenu.DrillDownPanel";var he=e.forwardRef(({className:o,...n},r)=>e.createElement(ne,{...n,ref:r,className:d("rt-DropdownMenuTriggerIcon",o)}));he.displayName="DropdownMenu.TriggerIcon";export{pe as a,se as b,le as c,ce as d,me as e,we as f,De as g,fe as h,Me as i,Pe as j,Re as k,ge as l,Ce as m,he as n,_e as o};
+//# sourceMappingURL=chunk-4WSSOS2W.js.map