@womp/kookie-ui 0.26.1 → 0.26.3

package/dist/esm/chunk-RP5ORPPH.js

@@ -0,0 +1,3 @@
+"use client";
+import{c as A}from"./chunk-GKDGNPBD.js";import{c as l}from"./chunk-5KMEUZWN.js";import{c}from"./chunk-OKQAVYW4.js";import{c as P}from"./chunk-HBWBPBSA.js";import{c as R}from"./chunk-5ON3XLRD.js";import{b as f}from"./chunk-XU74PNM2.js";import{a as n}from"./chunk-CLJ6SEGP.js";import{a as x}from"./chunk-VQPANPMI.js";var b={};x(b,{Content:()=>I,Header:()=>w,Item:()=>h,Root:()=>v,Trigger:()=>D});import*as o from"react";import a from"classnames";import{Accordion as d}from"radix-ui";var H=["1","2","3","4"],O=["raised","soft","surface","outline","ghost"],m={...n,size:{type:"enum",className:"kui-r-size",values:H,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:O,default:"raised"},...P,...f},g={...n},u={...n},C={...n},y={...n};var v=o.forwardRef((e,r)=>{let t=R(e,m.size),{className:i,radius:s,color:N,...T}=c(t,m),p=T;return p.type==="single"&&p.collapsible===void 0&&(p.collapsible=!0),o.createElement(d.Root,{...p,ref:r,className:a("kui-AccordionRoot",i),"data-accent-color":N,"data-radius":s})});v.displayName="Accordion.Root";var h=o.forwardRef((e,r)=>{let{className:t,...i}=c(e,g);return o.createElement(d.Item,{...i,ref:r,className:a("kui-AccordionItem",t)})});h.displayName="Accordion.Item";var w=o.forwardRef((e,r)=>{let{className:t,...i}=c(e,u);return o.createElement(d.Header,{...i,ref:r,className:a("kui-AccordionHeader",t)})});w.displayName="Accordion.Header";var D=o.forwardRef(({children:e,...r},t)=>{let{className:i,...s}=c(r,C);return o.createElement(d.Trigger,{...s,ref:t,className:a("kui-AccordionTrigger",i)},o.createElement(l,null,e),o.createElement(A,{className:"kui-AccordionChevron","aria-hidden":!0}))});D.displayName="Accordion.Trigger";var I=o.forwardRef((e,r)=>{let{className:t,children:i,...s}=c(e,y);return o.createElement(d.Content,{...s,ref:r,className:a("kui-AccordionContent",t)},o.createElement("div",{className:"kui-AccordionContentInner"},i))});I.displayName="Accordion.Content";export{v as a,h as b,w as c,D as d,I as e,b as f};
+//# sourceMappingURL=chunk-RP5ORPPH.js.map

package/dist/esm/{chunk-BVFHJP5E.js.map → chunk-RP5ORPPH.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/accordion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\n\nimport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n} from './accordion.props.js';\nimport { ChevronDownIcon } from './icons.js';\nimport { Slottable } from './slot.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type {\n  AccordionRootOwnProps,\n  AccordionItemOwnProps,\n  AccordionHeaderOwnProps,\n  AccordionTriggerOwnProps,\n  AccordionContentOwnProps,\n} from './accordion.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Root component\ntype AccordionRootElement = React.ElementRef<typeof AccordionPrimitive.Root>;\n// Radix's Root props are a union of single and multiple. Omit each member on its own, so\n// `defaultValue`, `value` and `collapsible` survive with the right type for each `type`.\ntype AccordionRootRadixProps =\n  | Omit<AccordionPrimitive.AccordionSingleProps, 'asChild' | 'color'>\n  | Omit<AccordionPrimitive.AccordionMultipleProps, 'asChild' | 'color'>;\n\ntype AccordionRootProps = AccordionRootRadixProps & AccordionRootOwnProps;\n\nconst AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, accordionRootPropDefs.size);\n    const { className, radius, color, ...extractedRadixProps } =\n      extractProps(props, accordionRootPropDefs);\n\n    const radixProps = extractedRadixProps as React.ComponentPropsWithoutRef<\n      typeof AccordionPrimitive.Root\n    >;\n\n    // Ensure single accordions can collapse by default unless explicitly set\n    if (radixProps.type === 'single' && radixProps.collapsible === undefined) {\n      radixProps.collapsible = true;\n    }\n\n    return (\n      <AccordionPrimitive.Root\n        {...radixProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionRoot', className)}\n        data-accent-color={color}\n        data-radius={radius}\n      />\n    );\n  },\n);\nAccordionRoot.displayName = 'Accordion.Root';\n\n// Item component\ntype AccordionItemElement = React.ElementRef<typeof AccordionPrimitive.Item>;\ninterface AccordionItemProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Item, RemovedProps>,\n    AccordionItemOwnProps {}\n\nconst AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(\n  (props, forwardedRef) => {\n    const { className, ...itemProps } = extractProps(props, accordionItemPropDefs);\n\n    return (\n      <AccordionPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionItem', className)}\n      />\n    );\n  },\n);\nAccordionItem.displayName = 'Accordion.Item';\n\n// Header component\ntype AccordionHeaderElement = React.ElementRef<typeof AccordionPrimitive.Header>;\ninterface AccordionHeaderProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Header, RemovedProps>,\n    AccordionHeaderOwnProps {}\n\nconst AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(\n  (props, forwardedRef) => {\n    const { className, ...headerProps } = extractProps(props, accordionHeaderPropDefs);\n\n    return (\n      <AccordionPrimitive.Header\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionHeader', className)}\n      />\n    );\n  },\n);\nAccordionHeader.displayName = 'Accordion.Header';\n\n// Trigger component\ntype AccordionTriggerElement = React.ElementRef<typeof AccordionPrimitive.Trigger>;\ninterface AccordionTriggerProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Trigger, RemovedProps>,\n    AccordionTriggerOwnProps {}\n\nconst AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { className, ...triggerProps } = extractProps(props, accordionTriggerPropDefs);\n\n    return (\n      <AccordionPrimitive.Trigger\n        {...triggerProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionTrigger', className)}\n      >\n        <Slottable>{children}</Slottable>\n        <ChevronDownIcon className=\"kui-AccordionChevron\" aria-hidden />\n      </AccordionPrimitive.Trigger>\n    );\n  },\n);\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\n// Content component\ntype AccordionContentElement = React.ElementRef<typeof AccordionPrimitive.Content>;\ninterface AccordionContentProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Content, RemovedProps>,\n    AccordionContentOwnProps {}\n\nconst AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...contentProps } = extractProps(props, accordionContentPropDefs);\n\n    return (\n      <AccordionPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionContent', className)}\n      >\n        <div className=\"kui-AccordionContentInner\">{children}</div>\n      </AccordionPrimitive.Content>\n    );\n  },\n);\nAccordionContent.displayName = 'Accordion.Content';\n\nexport {\n  AccordionRoot as Root,\n  AccordionItem as Item,\n  AccordionHeader as Header,\n  AccordionTrigger as Trigger,\n  AccordionContent as Content,\n};\n\nexport type {\n  AccordionRootProps as RootProps,\n  AccordionItemProps as ItemProps,\n  AccordionHeaderProps as HeaderProps,\n  AccordionTriggerProps as TriggerProps,\n  AccordionContentProps as ContentProps,\n};\n"],
-  "mappings": ";4QAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,WAAAC,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,aAAaC,MAA0B,WAiChD,IAAMC,EAAsB,aAC1B,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAsB,IAAI,EAC9D,CAAE,UAAAC,EAAW,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAoB,EACvDC,EAAaP,EAAOE,CAAqB,EAErCM,EAAaF,EAKnB,OAAIE,EAAW,OAAS,UAAYA,EAAW,cAAgB,SAC7DA,EAAW,YAAc,IAIzB,gBAACC,EAAmB,KAAnB,CACE,GAAGD,EACJ,IAAKT,EACL,UAAWW,EAAW,oBAAqBP,CAAS,EACpD,oBAAmBE,EACnB,cAAaD,EACf,CAEJ,CACF,EACAP,EAAc,YAAc,iBAQ5B,IAAMc,EAAsB,aAC1B,CAACX,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGS,CAAU,EAAIL,EAAaP,EAAOa,CAAqB,EAE7E,OACE,gBAACJ,EAAmB,KAAnB,CACE,GAAGG,EACJ,IAAKb,EACL,UAAWW,EAAW,oBAAqBP,CAAS,EACtD,CAEJ,CACF,EACAQ,EAAc,YAAc,iBAQ5B,IAAMG,EAAwB,aAC5B,CAACd,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGY,CAAY,EAAIR,EAAaP,EAAOgB,CAAuB,EAEjF,OACE,gBAACP,EAAmB,OAAnB,CACE,GAAGM,EACJ,IAAKhB,EACL,UAAWW,EAAW,sBAAuBP,CAAS,EACxD,CAEJ,CACF,EACAW,EAAgB,YAAc,mBAQ9B,IAAMG,EAAyB,aAC7B,CAAC,CAAE,SAAAC,EAAU,GAAGlB,CAAM,EAAGD,IAAiB,CACxC,GAAM,CAAE,UAAAI,EAAW,GAAGgB,CAAa,EAAIZ,EAAaP,EAAOoB,CAAwB,EAEnF,OACE,gBAACX,EAAmB,QAAnB,CACE,GAAGU,EACJ,IAAKpB,EACL,UAAWW,EAAW,uBAAwBP,CAAS,GAEvD,gBAACkB,EAAA,KAAWH,CAAS,EACrB,gBAACI,EAAA,CAAgB,UAAU,uBAAuB,cAAW,GAAC,CAChE,CAEJ,CACF,EACAL,EAAiB,YAAc,oBAQ/B,IAAMM,EAAyB,aAC7B,CAACvB,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,SAAAe,EAAU,GAAGM,CAAa,EAAIjB,EAAaP,EAAOyB,CAAwB,EAE7F,OACE,gBAAChB,EAAmB,QAAnB,CACE,GAAGe,EACJ,IAAKzB,EACL,UAAWW,EAAW,uBAAwBP,CAAS,GAEvD,gBAAC,OAAI,UAAU,6BAA6Be,CAAS,CACvD,CAEJ,CACF,EACAK,EAAiB,YAAc",
-  "names": ["accordion_exports", "__export", "AccordionContent", "AccordionHeader", "AccordionItem", "AccordionRoot", "AccordionTrigger", "React", "classNames", "AccordionPrimitive", "AccordionRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "accordionRootPropDefs", "className", "radius", "color", "extractedRadixProps", "extractProps", "radixProps", "AccordionPrimitive", "classNames", "AccordionItem", "itemProps", "accordionItemPropDefs", "AccordionHeader", "headerProps", "accordionHeaderPropDefs", "AccordionTrigger", "children", "triggerProps", "accordionTriggerPropDefs", "Slottable", "ChevronDownIcon", "AccordionContent", "contentProps", "accordionContentPropDefs"]
+  "sources": ["../../src/components/accordion.tsx", "../../src/components/accordion.props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\n\nimport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n} from './accordion.props.js';\nimport { ChevronDownIcon } from './icons.js';\nimport { Slottable } from './slot.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type {\n  AccordionRootOwnProps,\n  AccordionItemOwnProps,\n  AccordionHeaderOwnProps,\n  AccordionTriggerOwnProps,\n  AccordionContentOwnProps,\n} from './accordion.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Root component\ntype AccordionRootElement = React.ElementRef<typeof AccordionPrimitive.Root>;\n// Radix's Root props are a union of single and multiple. Omit each member on its own, so\n// `defaultValue`, `value` and `collapsible` survive with the right type for each `type`.\ntype AccordionRootRadixProps =\n  | Omit<AccordionPrimitive.AccordionSingleProps, 'asChild' | 'color'>\n  | Omit<AccordionPrimitive.AccordionMultipleProps, 'asChild' | 'color'>;\n\ntype AccordionRootProps = AccordionRootRadixProps & AccordionRootOwnProps;\n\nconst AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, accordionRootPropDefs.size);\n    const { className, radius, color, ...extractedRadixProps } =\n      extractProps(props, accordionRootPropDefs);\n\n    const radixProps = extractedRadixProps as React.ComponentPropsWithoutRef<\n      typeof AccordionPrimitive.Root\n    >;\n\n    // Ensure single accordions can collapse by default unless explicitly set\n    if (radixProps.type === 'single' && radixProps.collapsible === undefined) {\n      radixProps.collapsible = true;\n    }\n\n    return (\n      <AccordionPrimitive.Root\n        {...radixProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionRoot', className)}\n        data-accent-color={color}\n        data-radius={radius}\n      />\n    );\n  },\n);\nAccordionRoot.displayName = 'Accordion.Root';\n\n// Item component\ntype AccordionItemElement = React.ElementRef<typeof AccordionPrimitive.Item>;\ninterface AccordionItemProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Item, RemovedProps>,\n    AccordionItemOwnProps {}\n\nconst AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(\n  (props, forwardedRef) => {\n    const { className, ...itemProps } = extractProps(props, accordionItemPropDefs);\n\n    return (\n      <AccordionPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionItem', className)}\n      />\n    );\n  },\n);\nAccordionItem.displayName = 'Accordion.Item';\n\n// Header component\ntype AccordionHeaderElement = React.ElementRef<typeof AccordionPrimitive.Header>;\ninterface AccordionHeaderProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Header, RemovedProps>,\n    AccordionHeaderOwnProps {}\n\nconst AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(\n  (props, forwardedRef) => {\n    const { className, ...headerProps } = extractProps(props, accordionHeaderPropDefs);\n\n    return (\n      <AccordionPrimitive.Header\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionHeader', className)}\n      />\n    );\n  },\n);\nAccordionHeader.displayName = 'Accordion.Header';\n\n// Trigger component\ntype AccordionTriggerElement = React.ElementRef<typeof AccordionPrimitive.Trigger>;\ninterface AccordionTriggerProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Trigger, RemovedProps>,\n    AccordionTriggerOwnProps {}\n\nconst AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { className, ...triggerProps } = extractProps(props, accordionTriggerPropDefs);\n\n    return (\n      <AccordionPrimitive.Trigger\n        {...triggerProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionTrigger', className)}\n      >\n        <Slottable>{children}</Slottable>\n        <ChevronDownIcon className=\"kui-AccordionChevron\" aria-hidden />\n      </AccordionPrimitive.Trigger>\n    );\n  },\n);\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\n// Content component\ntype AccordionContentElement = React.ElementRef<typeof AccordionPrimitive.Content>;\ninterface AccordionContentProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Content, RemovedProps>,\n    AccordionContentOwnProps {}\n\nconst AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...contentProps } = extractProps(props, accordionContentPropDefs);\n\n    return (\n      <AccordionPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('kui-AccordionContent', className)}\n      >\n        <div className=\"kui-AccordionContentInner\">{children}</div>\n      </AccordionPrimitive.Content>\n    );\n  },\n);\nAccordionContent.displayName = 'Accordion.Content';\n\nexport {\n  AccordionRoot as Root,\n  AccordionItem as Item,\n  AccordionHeader as Header,\n  AccordionTrigger as Trigger,\n  AccordionContent as Content,\n};\n\nexport type {\n  AccordionRootProps as RootProps,\n  AccordionItemProps as ItemProps,\n  AccordionHeaderProps as HeaderProps,\n  AccordionTriggerProps as TriggerProps,\n  AccordionContentProps as ContentProps,\n};\n", "import { 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'] as const;\n\nconst accordionRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\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};\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": ";2TAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,WAAAC,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,aAAaC,MAA0B,WCIhD,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,OAAQ,UAAW,UAAW,OAAO,EAE3DC,EAAwB,CAC5B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGG,EACH,GAAGC,CACL,EAKMC,EAAwB,CAC5B,GAAGH,CACL,EAIMI,EAA0B,CAC9B,GAAGJ,CACL,EAIMK,EAA2B,CAC/B,GAAGL,CACL,EAIMM,EAA2B,CAC/B,GAAGN,CACL,EDLA,IAAMO,EAAsB,aAC1B,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAsB,IAAI,EAC9D,CAAE,UAAAC,EAAW,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAoB,EACvDC,EAAaP,EAAOE,CAAqB,EAErCM,EAAaF,EAKnB,OAAIE,EAAW,OAAS,UAAYA,EAAW,cAAgB,SAC7DA,EAAW,YAAc,IAIzB,gBAACC,EAAmB,KAAnB,CACE,GAAGD,EACJ,IAAKT,EACL,UAAWW,EAAW,oBAAqBP,CAAS,EACpD,oBAAmBE,EACnB,cAAaD,EACf,CAEJ,CACF,EACAP,EAAc,YAAc,iBAQ5B,IAAMc,EAAsB,aAC1B,CAACX,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGS,CAAU,EAAIL,EAAaP,EAAOa,CAAqB,EAE7E,OACE,gBAACJ,EAAmB,KAAnB,CACE,GAAGG,EACJ,IAAKb,EACL,UAAWW,EAAW,oBAAqBP,CAAS,EACtD,CAEJ,CACF,EACAQ,EAAc,YAAc,iBAQ5B,IAAMG,EAAwB,aAC5B,CAACd,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGY,CAAY,EAAIR,EAAaP,EAAOgB,CAAuB,EAEjF,OACE,gBAACP,EAAmB,OAAnB,CACE,GAAGM,EACJ,IAAKhB,EACL,UAAWW,EAAW,sBAAuBP,CAAS,EACxD,CAEJ,CACF,EACAW,EAAgB,YAAc,mBAQ9B,IAAMG,EAAyB,aAC7B,CAAC,CAAE,SAAAC,EAAU,GAAGlB,CAAM,EAAGD,IAAiB,CACxC,GAAM,CAAE,UAAAI,EAAW,GAAGgB,CAAa,EAAIZ,EAAaP,EAAOoB,CAAwB,EAEnF,OACE,gBAACX,EAAmB,QAAnB,CACE,GAAGU,EACJ,IAAKpB,EACL,UAAWW,EAAW,uBAAwBP,CAAS,GAEvD,gBAACkB,EAAA,KAAWH,CAAS,EACrB,gBAACI,EAAA,CAAgB,UAAU,uBAAuB,cAAW,GAAC,CAChE,CAEJ,CACF,EACAL,EAAiB,YAAc,oBAQ/B,IAAMM,EAAyB,aAC7B,CAACvB,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,SAAAe,EAAU,GAAGM,CAAa,EAAIjB,EAAaP,EAAOyB,CAAwB,EAE7F,OACE,gBAAChB,EAAmB,QAAnB,CACE,GAAGe,EACJ,IAAKzB,EACL,UAAWW,EAAW,uBAAwBP,CAAS,GAEvD,gBAAC,OAAI,UAAU,6BAA6Be,CAAS,CACvD,CAEJ,CACF,EACAK,EAAiB,YAAc",
+  "names": ["accordion_exports", "__export", "AccordionContent", "AccordionHeader", "AccordionItem", "AccordionRoot", "AccordionTrigger", "React", "classNames", "AccordionPrimitive", "sizes", "variants", "accordionRootPropDefs", "asChildPropDef", "colorPropDef", "radiusPropDef", "accordionItemPropDefs", "accordionHeaderPropDefs", "accordionTriggerPropDefs", "accordionContentPropDefs", "AccordionRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "accordionRootPropDefs", "className", "radius", "color", "extractedRadixProps", "extractProps", "radixProps", "AccordionPrimitive", "classNames", "AccordionItem", "itemProps", "accordionItemPropDefs", "AccordionHeader", "headerProps", "accordionHeaderPropDefs", "AccordionTrigger", "children", "triggerProps", "accordionTriggerPropDefs", "Slottable", "ChevronDownIcon", "AccordionContent", "contentProps", "accordionContentPropDefs"]
 }

package/dist/esm/chunk-SKOYHBIE.js

@@ -0,0 +1,2 @@
+import{b as o}from"./chunk-KRJTW535.js";import{c as r}from"./chunk-CUNKWFKA.js";var t=["surface","soft","outline"],a={variant:{type:"enum",className:"kui-variant",values:t,default:"surface"},...r,...o,duration:{type:"string"}};export{a};
+//# sourceMappingURL=chunk-SKOYHBIE.js.map

package/dist/esm/{chunk-5RFDCAKC.js.map → chunk-SKOYHBIE.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/progress.props.tsx"],
   "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst variants = ['surface', 'soft', 'outline'] as const;\n\nconst progressPropDefs = {\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  duration: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof variants)[number]>;\n  duration: PropDef<string>;\n};\n\nexport { progressPropDefs };\n"],
-  "mappings": ";gFAKA,IAAMA,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCC,EAAmB,CACvB,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQD,EAAU,QAAS,SAAU,EACxF,GAAGE,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B",
+  "mappings": "gFAKA,IAAMA,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCC,EAAmB,CACvB,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQD,EAAU,QAAS,SAAU,EACxF,GAAGE,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B",
   "names": ["variants", "progressPropDefs", "colorPropDef", "radiusPropDef"]
 }

package/dist/esm/chunk-STPMPY3X.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-STPMPY3X.js.map

package/dist/esm/chunk-T2DZDW5Y.js

@@ -0,0 +1,3 @@
+"use client";
+import{c as t}from"./chunk-YOZXIUZY.js";import{a as o}from"./chunk-ANQLWGFN.js";import*as e from"react";var m=e.forwardRef((r,a)=>e.createElement(o.Provider,{value:null},e.createElement(t,{...r,ref:a})));m.displayName="PortalTheme";export{m as a};
+//# sourceMappingURL=chunk-T2DZDW5Y.js.map

package/dist/esm/chunk-T2DZDW5Y.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/portal-theme.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nimport { Theme } from '../theme.js';\nimport { PaneBandSizeContext } from './pane-band-context.js';\n\n/**\n * The Theme at the root of a portalled surface (Popover, Dialog, Sheet, menus, Tooltip). The\n * surface renders outside any Shell pane even though context flows into it, so a Toolbar in it\n * does not take the pane's band size. A `Theme asChild` an app nests in a pane keeps the band.\n */\nconst PortalTheme = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<typeof Theme>>((props, forwardedRef) => (\n  <PaneBandSizeContext.Provider value={null}>\n    <Theme {...props} ref={forwardedRef} />\n  </PaneBandSizeContext.Provider>\n));\nPortalTheme.displayName = 'PortalTheme';\n\nexport { PortalTheme };\n"],
+  "mappings": ";gFAAA,UAAYA,MAAW,QAUvB,IAAMC,EAAoB,aAAyE,CAACC,EAAOC,IACzG,gBAACC,EAAoB,SAApB,CAA6B,MAAO,MACnC,gBAACC,EAAA,CAAO,GAAGH,EAAO,IAAKC,EAAc,CACvC,CACD,EACDF,EAAY,YAAc",
+  "names": ["React", "PortalTheme", "props", "forwardedRef", "PaneBandSizeContext", "Theme"]
+}

package/dist/esm/chunk-TZTUPQYK.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-NZJGC6ZW.js";var r={...o},e={...o};export{r as a,e as b};
+//# sourceMappingURL=chunk-TZTUPQYK.js.map

package/dist/esm/{chunk-XVDT6DQZ.js.map → chunk-TZTUPQYK.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/tabs.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nconst tabsRootPropDefs = {\n  ...asChildPropDef,\n};\n\nconst tabsContentPropDefs = {\n  ...asChildPropDef,\n};\n\nexport { baseTabListPropDefs as tabsListPropDefs } from './_internal/base-tab-list.props.js';\nexport { tabsRootPropDefs, tabsContentPropDefs };\n"],
-  "mappings": ";wCAEA,IAAMA,EAAmB,CACvB,GAAGC,CACL,EAEMC,EAAsB,CAC1B,GAAGD,CACL",
+  "mappings": "wCAEA,IAAMA,EAAmB,CACvB,GAAGC,CACL,EAEMC,EAAsB,CAC1B,GAAGD,CACL",
   "names": ["tabsRootPropDefs", "asChildPropDef", "tabsContentPropDefs"]
 }

package/dist/esm/chunk-UICSVJ3B.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-UICSVJ3B.js.map

package/dist/esm/chunk-UJ7JERJ5.js

@@ -0,0 +1,3 @@
+"use client";
+var e=["loud","medium","quiet"],p={emphasis:{type:"enum",className:"kui-emphasis",values:e,default:void 0}};var s=["wrap","nowrap","pretty","balance"],o={wrap:{type:"enum",className:"kui-r-tw",values:s,responsive:!0}};var i={truncate:{type:"boolean",className:"kui-truncate"}};var t=["regular","medium","semibold"],m={weight:{type:"enum",className:"kui-r-weight",values:t,responsive:!0}};export{p as a,o as b,i as c,m as d};
+//# sourceMappingURL=chunk-UJ7JERJ5.js.map

package/dist/esm/chunk-UJ7JERJ5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/emphasis.prop.ts", "../../src/props/text-wrap.prop.ts", "../../src/props/truncate.prop.ts", "../../src/props/weight.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst emphases = ['loud', 'medium', 'quiet'] as const;\n\n// Text-first components only (Text, Heading, Blockquote, Code).\n// No colour + emphasis reads the gray ink ladder; colour + emphasis reads the accent ink ladder.\n// Components that need a different default spread this def and override `default`.\nconst emphasisPropDef = {\n  emphasis: {\n    type: 'enum',\n    className: 'kui-emphasis',\n    values: emphases,\n    default: undefined,\n  },\n} satisfies {\n  emphasis: PropDef<(typeof emphases)[number]>;\n};\n\nexport { emphasisPropDef, emphases };\n", "import type { PropDef } from './prop-def.js';\n\nconst textWrapValues = ['wrap', 'nowrap', 'pretty', 'balance'] as const;\n\nconst textWrapPropDef = {\n  wrap: {\n    type: 'enum',\n    className: 'kui-r-tw',\n    values: textWrapValues,\n    responsive: true,\n  },\n} satisfies {\n  wrap: PropDef<(typeof textWrapValues)[number]>;\n};\n\nexport { textWrapPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst truncatePropDef = {\n  truncate: {\n    type: 'boolean',\n    className: 'kui-truncate',\n  },\n} satisfies {\n  truncate: PropDef<boolean>;\n};\n\nexport { truncatePropDef };\n", "import type { PropDef } from './prop-def.js';\n\n/** v2's three weights (\u00A715). No bold: a larger size or stronger emphasis says importance. */\nconst weights = ['regular', 'medium', 'semibold'] as const;\n\nconst weightPropDef = {\n  weight: {\n    type: 'enum',\n    className: 'kui-r-weight',\n    values: weights,\n    responsive: true,\n  },\n} satisfies {\n  weight: PropDef<(typeof weights)[number]>;\n};\n\nexport { weightPropDef };\n"],
+  "mappings": ";AAEA,IAAMA,EAAW,CAAC,OAAQ,SAAU,OAAO,EAKrCC,EAAkB,CACtB,SAAU,CACR,KAAM,OACN,UAAW,eACX,OAAQD,EACR,QAAS,MACX,CACF,ECZA,IAAME,EAAiB,CAAC,OAAQ,SAAU,SAAU,SAAS,EAEvDC,EAAkB,CACtB,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQD,EACR,WAAY,EACd,CACF,ECTA,IAAME,EAAkB,CACtB,SAAU,CACR,KAAM,UACN,UAAW,cACb,CACF,ECJA,IAAMC,EAAU,CAAC,UAAW,SAAU,UAAU,EAE1CC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,UAAW,eACX,OAAQD,EACR,WAAY,EACd,CACF",
+  "names": ["emphases", "emphasisPropDef", "textWrapValues", "textWrapPropDef", "truncatePropDef", "weights", "weightPropDef"]
+}

package/dist/esm/{chunk-6RJQ5LLP.js → chunk-UMR4AF35.js}

@@ -1,3 +1,3 @@
 "use client";
-import{a as r}from"./chunk-5TJH35TF.js";import*as e from"react";import d from"classnames";import{Toggle as g}from"radix-ui";var i=e.forwardRef(({pressed:o,onPressedChange:t,defaultPressed:s,children:a,className:l,...n},p)=>{delete n.done;let u=e.useRef(!1);return e.useEffect(()=>{},[o,t]),e.createElement(g.Root,{pressed:o,onPressedChange:t,defaultPressed:s,asChild:!0},e.createElement(r,{...n,ref:p,className:d("kui-Toggle",l)},a))});i.displayName="Toggle";export{i as a};
-//# sourceMappingURL=chunk-6RJQ5LLP.js.map
+import{a as r}from"./chunk-CGFLZ3DC.js";import*as e from"react";import d from"classnames";import{Toggle as g}from"radix-ui";var i=e.forwardRef(({pressed:o,onPressedChange:t,defaultPressed:s,children:a,className:l,...n},p)=>{delete n.done;let u=e.useRef(!1);return e.useEffect(()=>{},[o,t]),e.createElement(g.Root,{pressed:o,onPressedChange:t,defaultPressed:s,asChild:!0},e.createElement(r,{...n,ref:p,className:d("kui-Toggle",l)},a))});i.displayName="Toggle";export{i as a};
+//# sourceMappingURL=chunk-UMR4AF35.js.map

package/dist/esm/chunk-UMYPLUG3.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-FJLYSZV3.js";import{a as s}from"./chunk-NZJGC6ZW.js";var p=["div","span"],t=["none","inline-flex","flex"],a=["row","column","row-reverse","column-reverse"],o=["start","center","end","baseline","stretch"],n=["start","center","end","between"],u=["nowrap","wrap","wrap-reverse"],c={as:{type:"enum",values:p,default:"div"},...s,display:{type:"enum",className:"kui-r-display",values:t,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:a,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:o,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:n,parseValue:i,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:u,responsive:!0},...r};function i(e){return e==="between"?"space-between":e}export{c as a};
+//# sourceMappingURL=chunk-UMYPLUG3.js.map

package/dist/esm/chunk-UMYPLUG3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/flex.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nconst flexPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-flex\"\n   * display={{ sm: 'none', lg: 'flex' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'kui-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-direction** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * direction=\"column\"\n   * direction={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction\n   */\n  direction: {\n    type: 'enum',\n    className: 'kui-r-fd',\n    values: directionValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'kui-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'kui-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-wrap** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * wrap=\"wrap\"\n   * wrap={{ sm: 'wrap', lg: 'nowrap' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap\n   */\n  wrap: {\n    type: 'enum',\n    className: 'kui-r-fw',\n    values: wrapValues,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype FlexOwnProps = GetPropDefTypes<\n  typeof flexPropDefs & typeof gapPropDefs & typeof asChildPropDef\n>;\n\nexport { flexPropDefs };\nexport type { FlexOwnProps };\n"],
+  "mappings": "gFAKA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAkB,CAAC,MAAO,SAAU,cAAe,gBAAgB,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAE9CC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQN,EAAI,QAAS,KAAM,EAC/C,GAAGO,EAYH,QAAS,CACP,KAAM,OACN,UAAW,gBACX,OAAQN,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAYI,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQH,EACR,WAAY,EACd,EACA,GAAGI,CACL,EASA,SAASD,EAAkBE,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD",
+  "names": ["as", "displayValues", "directionValues", "alignValues", "justifyValues", "wrapValues", "flexPropDefs", "asChildPropDef", "parseJustifyValue", "gapPropDefs", "value"]
+}

package/dist/esm/chunk-UONSKZQT.js

@@ -0,0 +1,2 @@
+import{b as r}from"./chunk-KRJTW535.js";import{a as o}from"./chunk-NZJGC6ZW.js";var e=["vertical","horizontal","both"],l={...o,...r,scrollbars:{type:"enum",values:e,default:"both"},fade:{type:"boolean",default:!1}};export{l as a};
+//# sourceMappingURL=chunk-UONSKZQT.js.map

package/dist/esm/{chunk-M37GE2TE.js.map → chunk-UONSKZQT.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/scroll-area.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n  /**\n   * Fades the content toward the top and bottom edges while there is more content past them.\n   * An edge with nothing hidden past it does not fade. A floating band over an edge can set\n   * `--scroll-fade-start` or `--scroll-fade-end` to its height, so content fades as it passes\n   * under the band.\n   */\n  fade: { type: 'boolean', default: false },\n} satisfies {\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n  fade: PropDef<boolean>;\n};\n\nexport { scrollAreaPropDefs };\n"],
-  "mappings": ";gFAKA,IAAMA,EAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,GAAGC,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAO,EAOtE,KAAM,CAAE,KAAM,UAAW,QAAS,EAAM,CAC1C",
+  "mappings": "gFAKA,IAAMA,EAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,GAAGC,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAO,EAOtE,KAAM,CAAE,KAAM,UAAW,QAAS,EAAM,CAC1C",
   "names": ["scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef"]
 }

package/dist/esm/{chunk-CAAEEHGQ.js → chunk-UUXZ4W6H.js}

@@ -1,3 +1,2 @@
-"use client";
-import{b as r}from"./chunk-XU74PNM2.js";import{a as e}from"./chunk-CLJ6SEGP.js";import{e as s}from"./chunk-HBWBPBSA.js";var o=["1","2","3","4"],t=["raised","solid","soft","surface","outline","ghost"],f={...e,size:{type:"enum",className:"kui-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:t,default:"raised"},...s,...r};export{f as a};
-//# sourceMappingURL=chunk-CAAEEHGQ.js.map
+import{b as r}from"./chunk-KRJTW535.js";import{e as s}from"./chunk-CUNKWFKA.js";import{a as e}from"./chunk-NZJGC6ZW.js";var o=["1","2","3","4"],t=["raised","solid","soft","surface","outline","ghost"],f={...e,size:{type:"enum",className:"kui-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:t,default:"raised"},...s,...r};export{f as a};
+//# sourceMappingURL=chunk-UUXZ4W6H.js.map

package/dist/esm/{chunk-CAAEEHGQ.js.map → chunk-UUXZ4W6H.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/chip.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { grayAccentColorPropDef } 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', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\nconst chipPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...grayAccentColorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { chipPropDefs };\n"],
-  "mappings": ";wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EAEpEC,EAAe,CACnB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGG,EACH,GAAGC,CACL",
+  "mappings": "wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EAEpEC,EAAe,CACnB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGG,EACH,GAAGC,CACL",
   "names": ["sizes", "variants", "chipPropDefs", "asChildPropDef", "grayAccentColorPropDef", "radiusPropDef"]
 }

package/dist/esm/chunk-VCV7RACK.js

@@ -0,0 +1,2 @@
+var o=["sans","mono","serif"],e={font:{type:"enum",className:"kui-r-ff",values:o}};export{e as a};
+//# sourceMappingURL=chunk-VCV7RACK.js.map

package/dist/esm/chunk-VCV7RACK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/font-family.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst fontFamilyPropDef = {\n  font: {\n    type: 'enum',\n    className: 'kui-r-ff',\n    values: fontFamilies,\n  },\n} satisfies {\n  font: PropDef<(typeof fontFamilies)[number]>;\n};\n\nexport { fontFamilyPropDef };\n"],
+  "mappings": "AAEA,IAAMA,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAoB,CACxB,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQD,CACV,CACF",
+  "names": ["fontFamilies", "fontFamilyPropDef"]
+}

package/dist/esm/chunk-VPP5IDW7.js

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

package/dist/esm/chunk-VPP5IDW7.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dropdown-menu.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { useThemeContext } from './theme.js';\nimport { PortalTheme } from './_internal/portal-theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\nimport {\n  DrillDownLevelContext,\n  DrillDownRoot,\n  SubContext,\n  useCreateDrillDownStore,\n  useDrillDownStore,\n  usePanelPosition,\n  useStackEntry,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport {\n  MenuCloseProvider,\n  MenuGroupLabelProvider,\n  MenuProvider,\n  useMenuGroupLabelId,\n  useMenuGroupLabelledBy,\n} from './_internal/menu-context.js';\nimport {\n  MenuShortcut,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  useResolvedResponsiveValue,\n} from './_internal/base-menu.utils.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\n/**\n * Open state of the menu, mirrored from Root so Content can reset drill-down\n * navigation when a force-mounted menu opens again.\n */\nconst DropdownMenuOpenContext = React.createContext(false);\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => {\n  const { open: openProp, defaultOpen = false, onOpenChange } = props;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const open = openProp ?? uncontrolledOpen;\n\n  const handleOpenChangeProp = useCallbackRef(onOpenChange);\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      handleOpenChangeProp(next);\n    },\n    [handleOpenChangeProp],\n  );\n\n  const close = React.useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  return (\n    <DropdownMenuOpenContext.Provider value={open}>\n      <MenuCloseProvider value={close}>\n        <DropdownMenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange} />\n      </MenuCloseProvider>\n    </DropdownMenuOpenContext.Provider>\n  );\n};\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/** Visual props shared by Content and SubContent. */\ntype DropdownMenuSurfaceProps = GetPropDefTypes<typeof dropdownMenuSubContentPropDefs>;\n\ntype DropdownMenuContentContextValue = {\n  size?: DropdownMenuSurfaceProps['size'];\n  color?: DropdownMenuSurfaceProps['color'];\n};\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\n\n/** Keys that navigate back one drill-down level, by writing direction. */\nconst BACK_KEYS = { ltr: 'ArrowLeft', rtl: 'ArrowRight' } as const;\nconst FORWARD_KEYS = { ltr: 'ArrowRight', rtl: 'ArrowLeft' } as const;\n\nfunction isTextEntryTarget(target: EventTarget | null) {\n  return (\n    target instanceof HTMLElement &&\n    (target.isContentEditable || target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')\n  );\n}\n\nfunction getDirection(element: HTMLElement | null): 'ltr' | 'rtl' {\n  return element?.closest('[dir]')?.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';\n}\n\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior?: Responsive<SubmenuBehavior>;\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   * Use this when rendering virtualized lists inside the dropdown.\n   */\n  virtualized?: boolean;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, dropdownMenuContentPropDefs.size);\n    const themeContext = useThemeContext();\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      submenuBehavior,\n      virtualized = false,\n      onEscapeKeyDown,\n      onKeyDown,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    const resolvedColor = color || themeContext.accentColor;\n    const behavior = useResolvedResponsiveValue<SubmenuBehavior>(submenuBehavior, 'cascade');\n    const isDrillDown = behavior === 'drill-down';\n    const open = React.useContext(DropdownMenuOpenContext);\n    const drillDownStore = useCreateDrillDownStore();\n\n    // Escape goes back one drill-down level before it closes the menu.\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      onEscapeKeyDown?.(event);\n      if (event.defaultPrevented || !isDrillDown || drillDownStore.getDepth() === 0) return;\n      event.preventDefault();\n      drillDownStore.pop('keyboard');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isDrillDown || drillDownStore.getDepth() === 0) return;\n      if (isTextEntryTarget(event.target)) return;\n      if (event.key === BACK_KEYS[getDirection(event.currentTarget)]) {\n        event.preventDefault();\n        drillDownStore.pop('keyboard');\n      }\n    };\n\n    const contextValue = React.useMemo(\n      () => ({ size, color: resolvedColor }),\n      [size, resolvedColor],\n    );\n\n    const contentBody = (\n      <MenuProvider size={size}>\n        <DropdownMenuContentContext.Provider value={contextValue}>\n          <DrillDownRoot store={drillDownStore} behavior={behavior} open={open}>\n            {children}\n          </DrillDownRoot>\n        </DropdownMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <PortalTheme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            onEscapeKeyDown={handleEscapeKeyDown}\n            onKeyDown={handleKeyDown}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-DropdownMenuContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport', 'kui-virtualized')}>\n                {contentBody}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport')}>\n                  {contentBody}\n                </div>\n              </ScrollArea>\n            )}\n          </DropdownMenuPrimitive.Content>\n        </PortalTheme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, id: idProp, ...props }, forwardedRef) => {\n    const isLevelVisible = React.useContext(DrillDownLevelContext);\n    const id = useMenuGroupLabelId(idProp, isLevelVisible);\n    if (!isLevelVisible) return null;\n    return (\n      <DropdownMenuPrimitive.Label\n        {...props}\n        id={id}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuLabel', 'kui-DropdownMenuLabel', className)}\n      />\n    );\n  },\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    // In drill-down mode, items of levels that are not on screen do not mount.\n    if (!React.useContext(DrillDownLevelContext)) return null;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-DropdownMenuShortcut\" />}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n    const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n    // A drill-down level that is not on screen keeps its groups only to hold the open path.\n    const isLevelVisible = React.useContext(DrillDownLevelContext);\n    return (\n      <MenuGroupLabelProvider value={setLabelId}>\n        <DropdownMenuPrimitive.Group\n          {...(isLevelVisible ? { 'aria-labelledby': labelledBy } : { role: 'none' })}\n          {...props}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames('kui-BaseMenuGroup', 'kui-DropdownMenuGroup', className)}\n        />\n      </MenuGroupLabelProvider>\n    );\n  },\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n  const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n  const isLevelVisible = React.useContext(DrillDownLevelContext);\n  return (\n    <MenuGroupLabelProvider value={setLabelId}>\n      <DropdownMenuPrimitive.RadioGroup\n        {...(isLevelVisible ? { 'aria-labelledby': labelledBy } : { role: 'none' })}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuRadioGroup', 'kui-DropdownMenuRadioGroup', className)}\n      />\n    </MenuGroupLabelProvider>\n  );\n});\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuRadioItem',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <DropdownMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuCheckboxItem',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <DropdownMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-DropdownMenuShortcut\" />}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({\n  label = 'Back',\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}) => {\n  const drillDownStore = useDrillDownStore();\n  const id = React.useId();\n  const subContextValue = React.useMemo(() => ({ id, label }), [id, label]);\n  const isOpenInDrillDown = usePanelPosition(drillDownStore, id) !== 'closed';\n\n  const handleOpenChange = useCallbackRef(onOpenChange);\n  const isControlled = open !== undefined;\n\n  // Drill-down, controlled: navigating asks `onOpenChange` and leaves the stack to `open`.\n  React.useLayoutEffect(() => {\n    if (!drillDownStore || !isControlled) return;\n    drillDownStore.setController(id, handleOpenChange);\n    return () => drillDownStore.setController(id, null);\n  }, [drillDownStore, isControlled, id, handleOpenChange]);\n\n  React.useLayoutEffect(() => {\n    if (!drillDownStore || open === undefined) return;\n    if (open && !drillDownStore.isOpen(id)) drillDownStore.open(id, drillDownStore.takePendingModality(id));\n    else if (!open && drillDownStore.isOpen(id)) drillDownStore.close(id, drillDownStore.takePendingModality(id));\n  }, [drillDownStore, open, id]);\n\n  // A `defaultOpen` push on mount is the starting state, not a change to report.\n  const defaultOpenRef = React.useRef(open === undefined && Boolean(defaultOpen));\n  React.useLayoutEffect(() => {\n    if (drillDownStore && defaultOpenRef.current) drillDownStore.open(id);\n    else defaultOpenRef.current = false;\n    // Only on mount, like an uncontrolled default.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Uncontrolled, the stack drives `onOpenChange`. Controlled, it reports only a close\n  // the `open` prop did not ask for, such as a parent level closing.\n  const wasOpenRef = React.useRef(isOpenInDrillDown);\n  React.useEffect(() => {\n    if (!drillDownStore || wasOpenRef.current === isOpenInDrillDown) return;\n    wasOpenRef.current = isOpenInDrillDown;\n    if (isOpenInDrillDown && defaultOpenRef.current) {\n      defaultOpenRef.current = false;\n      return;\n    }\n    if (open !== undefined && open === isOpenInDrillDown) return;\n    handleOpenChange(isOpenInDrillDown);\n  }, [drillDownStore, isOpenInDrillDown, handleOpenChange, open]);\n\n  // Radix Sub stays mounted in both behaviors so switching behavior does not\n  // remount the subtree. It only renders context; in drill-down its trigger\n  // and content are never rendered, so it reports no open changes of its own.\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={drillDownStore ? undefined : onOpenChange}\n      >\n        {children}\n      </DropdownMenuPrimitive.Sub>\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onKeyDown, ...subTriggerProps } = props;\n  const drillDownStore = useDrillDownStore();\n  const subContext = useSubContext();\n  const isLevelVisible = React.useContext(DrillDownLevelContext);\n\n  if (drillDownStore && subContext) {\n    if (!isLevelVisible) return null;\n\n    const handleSelect = (event: Event) => {\n      // Navigating does not close the menu.\n      event.preventDefault();\n      drillDownStore.push(subContext.id);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || subTriggerProps.disabled) return;\n      if (event.key === FORWARD_KEYS[getDirection(event.currentTarget)]) {\n        event.preventDefault();\n        drillDownStore.push(subContext.id, 'keyboard');\n      }\n    };\n\n    return (\n      // The row navigates within the same menu, so it announces no popup.\n      <DropdownMenuPrimitive.Item\n        {...subTriggerProps}\n        data-drill-down-trigger={subContext.id}\n        data-drill-down-name={subTriggerProps.textValue}\n        onSelect={handleSelect}\n        onKeyDown={handleKeyDown}\n        ref={forwardedRef}\n        className={classNames(\n          'kui-reset',\n          'kui-BaseMenuItem',\n          'kui-BaseMenuSubTrigger',\n          'kui-DropdownMenuItem',\n          'kui-DropdownMenuSubTrigger',\n          'kui-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"kui-BaseMenuShortcut kui-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon\" />\n        </div>\n      </DropdownMenuPrimitive.Item>\n    );\n  }\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onKeyDown={onKeyDown}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuSubTrigger',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"kui-BaseMenuShortcut kui-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuSeparator', 'kui-DropdownMenuSeparator', className)}\n    />\n  );\n});\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/** The row at the top of a drill-down panel that returns to the parent level. */\nfunction DrillDownBackItem({ label, name }: { label: React.ReactNode; name: string }) {\n  const drillDownStore = useDrillDownStore();\n\n  const handleSelect = React.useCallback(\n    (event: Event) => {\n      // Navigating does not close the menu.\n      event.preventDefault();\n      drillDownStore?.pop();\n    },\n    [drillDownStore],\n  );\n\n  // The visible label is often the submenu title, so the accessible name says\n  // what the row does while still containing the visible text.\n  const labelText = typeof label === 'string' ? label : name;\n  const ariaLabel = labelText && labelText !== 'Back' ? `Back from ${labelText}` : undefined;\n\n  return (\n    <DropdownMenuPrimitive.Item\n      aria-label={ariaLabel}\n      textValue={labelText || 'Back'}\n      onSelect={handleSelect}\n      className={classNames(\n        'kui-reset',\n        'kui-BaseMenuItem',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"kui-BaseMenuSubTriggerIcon kui-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"kui-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </DropdownMenuPrimitive.Item>\n  );\n}\n\n/** Radix positioning and layer props that have no meaning for an inline drill-down panel. */\ntype PopperOnlyProps =\n  | 'loop'\n  | 'onEscapeKeyDown'\n  | 'onPointerDownOutside'\n  | 'onFocusOutside'\n  | 'onInteractOutside'\n  | 'sideOffset'\n  | 'alignOffset'\n  | 'avoidCollisions'\n  | 'collisionBoundary'\n  | 'collisionPadding'\n  | 'arrowPadding'\n  | 'sticky'\n  | 'hideWhenDetached'\n  | 'updatePositionStrategy';\n\nfunction omitPopperProps<T extends Record<string, unknown>>(props: T): Omit<T, PopperOnlyProps> {\n  const {\n    loop: _loop,\n    onEscapeKeyDown: _onEscapeKeyDown,\n    onPointerDownOutside: _onPointerDownOutside,\n    onFocusOutside: _onFocusOutside,\n    onInteractOutside: _onInteractOutside,\n    sideOffset: _sideOffset,\n    alignOffset: _alignOffset,\n    avoidCollisions: _avoidCollisions,\n    collisionBoundary: _collisionBoundary,\n    collisionPadding: _collisionPadding,\n    arrowPadding: _arrowPadding,\n    sticky: _sticky,\n    hideWhenDetached: _hideWhenDetached,\n    updatePositionStrategy: _updatePositionStrategy,\n    ...rest\n  } = props;\n  return rest;\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper so a VirtualMenu can handle its own\n   * scrolling. Applies to cascade submenus; a drill-down panel scrolls with the\n   * root content.\n   */\n  virtualized?: boolean;\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const drillDownStore = useDrillDownStore();\n  const subContext = useSubContext();\n\n  if (drillDownStore && subContext) {\n    return (\n      <DrillDownPanel {...props} ref={forwardedRef} store={drillDownStore} sub={subContext} />\n    );\n  }\n  return <CascadeSubContent {...props} ref={forwardedRef} />;\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\nconst CascadeSubContent = React.forwardRef<DropdownMenuSubContentElement, DropdownMenuSubContentProps>(\n  (props, forwardedRef) => {\n    const parent = React.useContext(DropdownMenuContentContext);\n\n    // A submenu inherits the parent surface, and its own props win.\n    const size = props.size ?? parent.size;\n    const color = props.color ?? parent.color;\n\n    const {\n      className,\n      children,\n      container,\n      forceMount,\n      color: _color,\n      virtualized = false,\n      ...subContentProps\n    } = extractProps({ ...props, size }, dropdownMenuSubContentPropDefs);\n\n    const scalarSize = useResolvedResponsiveValue(size, dropdownMenuSubContentPropDefs.size.default);\n\n    const contextValue = React.useMemo(\n      () => ({ size, color }),\n      [size, color],\n    );\n\n    const body = (\n      <MenuProvider size={size}>\n        <DropdownMenuContentContext.Provider value={contextValue}>{children}</DropdownMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <PortalTheme asChild>\n          <DropdownMenuPrimitive.SubContent\n            data-accent-color={color}\n            alignOffset={getMenuAlignOffset(scalarSize)}\n            // Side offset accounts for the outer solid box-shadow\n            sideOffset={1}\n            collisionPadding={10}\n            {...subContentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-BaseMenuSubContent',\n              'kui-DropdownMenuContent',\n              'kui-DropdownMenuSubContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport', 'kui-virtualized')}>\n                {body}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport')}>{body}</div>\n              </ScrollArea>\n            )}\n          </DropdownMenuPrimitive.SubContent>\n        </PortalTheme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nCascadeSubContent.displayName = 'DropdownMenu.CascadeSubContent';\n\ninterface DrillDownPanelProps extends DropdownMenuSubContentProps {\n  store: NonNullable<ReturnType<typeof useDrillDownStore>>;\n  sub: NonNullable<ReturnType<typeof useSubContext>>;\n}\n\n/**\n * A submenu rendered inline in drill-down mode. It mounts its children only\n * while it is on the navigation stack, and shows its own items only while it\n * is the top level; deeper panels inside it stay mounted.\n */\nconst DrillDownPanel = React.forwardRef<DropdownMenuSubContentElement, DrillDownPanelProps>(\n  ({ store, sub, ...props }, forwardedRef) => {\n    const position = usePanelPosition(store, sub.id);\n    const entry = useStackEntry(store, sub.id);\n\n    if (position === 'closed') return null;\n\n    const {\n      className,\n      children,\n      container: _container,\n      forceMount: _forceMount,\n      virtualized: _virtualized,\n      size: _size,\n      color: _color,\n      ...panelProps\n    } = omitPopperProps(props);\n\n    const isTop = position === 'top';\n    const name = entry?.name || (typeof sub.label === 'string' ? sub.label : '');\n\n    return (\n      <div\n        role=\"group\"\n        aria-label={name || undefined}\n        {...panelProps}\n        ref={forwardedRef}\n        data-drill-down-panel={sub.id}\n        data-drill-down-active={isTop ? true : undefined}\n        className={classNames('kui-DropdownMenuDrillDownPanel', className)}\n      >\n        {isTop && (\n          <>\n            <DrillDownBackItem label={sub.label} name={name} />\n            <DropdownMenuPrimitive.Separator className=\"kui-BaseMenuSeparator kui-DropdownMenuSeparator\" />\n          </>\n        )}\n        <MenuGroupLabelProvider value={null}>\n          <DrillDownLevelContext.Provider value={isTop}>{children}</DrillDownLevelContext.Provider>\n        </MenuGroupLabelProvider>\n      </div>\n    );\n  },\n);\nDrillDownPanel.displayName = 'DropdownMenu.DrillDownPanel';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>(({ className, ...props }, forwardedRef) => (\n  <ChevronDownIcon\n    {...props}\n    ref={forwardedRef}\n    className={classNames('kui-DropdownMenuTriggerIcon', className)}\n  />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
+  "mappings": "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",
+  "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "React", "classNames", "DropdownMenuPrimitive", "Slot", "useCallbackRef", "DropdownMenuOpenContext", "DropdownMenuRoot", "props", "openProp", "defaultOpen", "onOpenChange", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChangeProp", "useCallbackRef", "handleOpenChange", "next", "close", "MenuCloseProvider", "DropdownMenuPrimitive", "DropdownMenuTrigger", "children", "forwardedRef", "requireReactElement", "DropdownMenuContentContext", "BACK_KEYS", "FORWARD_KEYS", "isTextEntryTarget", "target", "getDirection", "element", "DropdownMenuContent", "ownProps", "useThemeSizeProps", "baseMenuContentPropDefs", "themeContext", "useThemeContext", "size", "className", "color", "container", "forceMount", "submenuBehavior", "virtualized", "onEscapeKeyDown", "onKeyDown", "contentProps", "extractProps", "resolvedColor", "behavior", "useResolvedResponsiveValue", "isDrillDown", "drillDownStore", "useCreateDrillDownStore", "handleEscapeKeyDown", "event", "handleKeyDown", "contextValue", "contentBody", "MenuProvider", "DrillDownRoot", "PortalTheme", "classNames", "ScrollArea", "DropdownMenuLabel", "idProp", "isLevelVisible", "DrillDownLevelContext", "id", "useMenuGroupLabelId", "DropdownMenuItem", "baseMenuItemPropDefs", "shortcut", "itemProps", "toAriaKeyShortcuts", "Slot", "MenuShortcut", "DropdownMenuGroup", "ariaLabelledBy", "labelledBy", "setLabelId", "useMenuGroupLabelledBy", "MenuGroupLabelProvider", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "baseMenuRadioItemPropDefs", "ThickDotIcon", "DropdownMenuCheckboxItem", "baseMenuCheckboxItemPropDefs", "ThickCheckIcon", "DropdownMenuSub", "label", "useDrillDownStore", "subContextValue", "isOpenInDrillDown", "usePanelPosition", "isControlled", "defaultOpenRef", "wasOpenRef", "SubContext", "DropdownMenuSubTrigger", "subTriggerProps", "subContext", "useSubContext", "handleSelect", "ThickChevronRightIcon", "DropdownMenuSeparator", "DrillDownBackItem", "name", "labelText", "ariaLabel", "ThickChevronLeftIcon", "omitPopperProps", "_loop", "_onEscapeKeyDown", "_onPointerDownOutside", "_onFocusOutside", "_onInteractOutside", "_sideOffset", "_alignOffset", "_avoidCollisions", "_collisionBoundary", "_collisionPadding", "_arrowPadding", "_sticky", "_hideWhenDetached", "_updatePositionStrategy", "rest", "DropdownMenuSubContent", "DrillDownPanel", "CascadeSubContent", "parent", "_color", "subContentProps", "baseMenuSubContentPropDefs", "scalarSize", "body", "getMenuAlignOffset", "store", "sub", "position", "entry", "useStackEntry", "_container", "_forceMount", "_virtualized", "_size", "panelProps", "isTop", "DropdownMenuTriggerIcon", "ChevronDownIcon"]
+}

package/dist/esm/{chunk-L4NF3Q2T.js → chunk-VW46DG7H.js}

@@ -1,3 +1,2 @@
-"use client";
-import{a as t}from"./chunk-LPLW7OWA.js";import{a as e}from"./chunk-L54FWKJE.js";import{a as o}from"./chunk-CLJ6SEGP.js";var p=["1","2","3","4"],f={...o,size:{type:"enum",className:"kui-r-size",values:p,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{f as a};
-//# sourceMappingURL=chunk-L4NF3Q2T.js.map
+import{a as t}from"./chunk-NUVUXNHF.js";import{a as e}from"./chunk-EKTVL6SS.js";import{a as o}from"./chunk-NZJGC6ZW.js";var p=["1","2","3","4"],f={...o,size:{type:"enum",className:"kui-r-size",values:p,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{f as a};
+//# sourceMappingURL=chunk-VW46DG7H.js.map

package/dist/esm/{chunk-L4NF3Q2T.js.map → chunk-VW46DG7H.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/popover.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3', '4'] as const;\n\nconst popoverContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'kui-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  size: PropDef<(typeof contentSizes)[number]>;\n};\n\ntype PopoverContentOwnProps = GetPropDefTypes<\n  typeof popoverContentPropDefs &\n    typeof asChildPropDef &\n    typeof widthPropDefs &\n    typeof heightPropDefs\n>;\n\nexport { popoverContentPropDefs };\nexport type { PopoverContentOwnProps };\n"],
-  "mappings": ";wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAElCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
+  "mappings": "wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAElCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
   "names": ["contentSizes", "popoverContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
 }

package/dist/esm/chunk-W3ES2XSB.js

@@ -0,0 +1,3 @@
+"use client";
+import{b as C,c as T,d as N,e as G}from"./chunk-2ACVWLFA.js";import{a as F}from"./chunk-TGRHRMQI.js";import{b as z,d as L,f as O}from"./chunk-GKDGNPBD.js";import{c as h,e as V,g as S,h as k,i as A}from"./chunk-ISCZ57VL.js";import{b,c as R,d as I,e as v}from"./chunk-EB4AG3OL.js";import{a as y}from"./chunk-MGWGD6KI.js";import{c as f}from"./chunk-OKQAVYW4.js";import{a as g}from"./chunk-T2DZDW5Y.js";import{b as j}from"./chunk-YOZXIUZY.js";import{c as W}from"./chunk-5ON3XLRD.js";import{a as ne}from"./chunk-VQPANPMI.js";var ae={};ne(ae,{CheckboxItem:()=>Y,Content:()=>K,Group:()=>J,Item:()=>H,Label:()=>U,RadioGroup:()=>Q,RadioItem:()=>X,Root:()=>_,Separator:()=>te,Sub:()=>Z,SubContent:()=>ee,SubTrigger:()=>$,Trigger:()=>q});import*as e from"react";import s from"classnames";import{ContextMenu as i,Slot as B}from"radix-ui";import{useCallbackRef as re}from"radix-ui/internal";var _=t=>{let{open:r,onOpenChange:n}=t,[a,o]=e.useState(!1),u=r??a,p=re(n),c=e.useCallback(l=>{o(l),p(l)},[p]),m=e.useCallback(()=>c(!1),[c]);return e.createElement(V,{value:m},e.createElement(i.Root,{...t,open:u,onOpenChange:c}))};_.displayName="ContextMenu.Root";var q=e.forwardRef(({children:t,...r},n)=>e.createElement(i.Trigger,{...r,ref:n,asChild:!0},F(t)));q.displayName="ContextMenu.Trigger";var E=e.createContext({}),K=e.forwardRef((t,r)=>{let n=W(t,C.size),a=j(),{size:o=C.size.default}=n,{className:u,children:p,color:c,container:m,forceMount:l,submenuBehavior:w,virtualized:d=!1,...P}=f(n,C),x=c||a.accentColor,M=b(o,C.size.default),oe=e.useMemo(()=>({size:o,color:x}),[o,x]),D=e.createElement(h,{size:o},e.createElement(E.Provider,{value:oe},p));return e.createElement(i.Portal,{container:m,forceMount:l},e.createElement(g,{asChild:!0},e.createElement(i.Content,{"data-accent-color":x,alignOffset:R(M),collisionPadding:10,...P,asChild:!1,ref:r,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-ContextMenuContent",u)},d?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport","kui-virtualized")},D):e.createElement(y,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport")},D)))))});K.displayName="ContextMenu.Content";var U=e.forwardRef(({className:t,id:r,...n},a)=>{let o=A(r);return e.createElement(i.Label,{...n,id:o,asChild:!1,ref:a,className:s("kui-BaseMenuLabel","kui-ContextMenuLabel",t)})});U.displayName="ContextMenu.Label";var H=e.forwardRef((t,r)=>{let{className:n,children:a,color:o=T.color.default,shortcut:u,...p}=t;return e.createElement(i.Item,{"data-accent-color":o,"aria-keyshortcuts":u?I(u):void 0,...p,ref:r,className:s("kui-reset","kui-BaseMenuItem","kui-ContextMenuItem",n)},e.createElement(B.Slottable,null,a),u&&e.createElement(v,{shortcut:u,className:"kui-ContextMenuShortcut"}))});H.displayName="ContextMenu.Item";var J=e.forwardRef(({className:t,"aria-labelledby":r,...n},a)=>{let[o,u]=k(r);return e.createElement(S,{value:u},e.createElement(i.Group,{"aria-labelledby":o,...n,asChild:!1,ref:a,className:s("kui-BaseMenuGroup","kui-ContextMenuGroup",t)}))});J.displayName="ContextMenu.Group";var Q=e.forwardRef(({className:t,"aria-labelledby":r,...n},a)=>{let[o,u]=k(r);return e.createElement(S,{value:u},e.createElement(i.RadioGroup,{"aria-labelledby":o,...n,asChild:!1,ref:a,className:s("kui-BaseMenuRadioGroup","kui-ContextMenuRadioGroup",t)}))});Q.displayName="ContextMenu.RadioGroup";var X=e.forwardRef((t,r)=>{let{children:n,className:a,color:o=G.color.default,...u}=t;return e.createElement(i.RadioItem,{...u,asChild:!1,ref:r,"data-accent-color":o,className:s("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-ContextMenuItem","kui-ContextMenuRadioItem",a)},e.createElement(B.Slottable,null,n),e.createElement(i.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator"},e.createElement(O,{className:"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon"})))});X.displayName="ContextMenu.RadioItem";var Y=e.forwardRef((t,r)=>{let{children:n,className:a,shortcut:o,color:u=N.color.default,...p}=t;return e.createElement(i.CheckboxItem,{"aria-keyshortcuts":o?I(o):void 0,...p,asChild:!1,ref:r,"data-accent-color":u,className:s("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-ContextMenuItem","kui-ContextMenuCheckboxItem",a)},e.createElement(B.Slottable,null,n),e.createElement(i.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator"},e.createElement(z,{className:"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon"})),o&&e.createElement(v,{shortcut:o,className:"kui-ContextMenuShortcut"}))});Y.displayName="ContextMenu.CheckboxItem";var Z=t=>e.createElement(i.Sub,{...t});Z.displayName="ContextMenu.Sub";var $=e.forwardRef((t,r)=>{let{className:n,children:a,...o}=t;return e.createElement(i.SubTrigger,{...o,asChild:!1,ref:r,className:s("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-ContextMenuItem","kui-ContextMenuSubTrigger",n)},a,e.createElement("div",{className:"kui-BaseMenuShortcut kui-ContextMenuShortcut"},e.createElement(L,{className:"kui-BaseMenuSubTriggerIcon kui-ContextMenuSubTriggerIcon"})))});$.displayName="ContextMenu.SubTrigger";var ee=e.forwardRef((t,r)=>{let n=e.useContext(E),a=t.size??n.size,o=t.color??n.color,{className:u,children:p,container:c,forceMount:m,color:l,virtualized:w=!1,...d}=f({...t,size:a},C),P=b(a,C.size.default),x=e.useMemo(()=>({size:a,color:o}),[a,o]),M=e.createElement(h,{size:a},e.createElement(E.Provider,{value:x},p));return e.createElement(i.Portal,{container:c,forceMount:m},e.createElement(g,{asChild:!0},e.createElement(i.SubContent,{"data-accent-color":o,alignOffset:R(P),sideOffset:1,collisionPadding:10,...d,asChild:!1,ref:r,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-ContextMenuContent","kui-ContextMenuSubContent",u)},w?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport","kui-virtualized")},M):e.createElement(y,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport")},M)))))});ee.displayName="ContextMenu.SubContent";var te=e.forwardRef(({className:t,...r},n)=>e.createElement(i.Separator,{...r,asChild:!1,ref:n,className:s("kui-BaseMenuSeparator","kui-ContextMenuSeparator",t)}));te.displayName="ContextMenu.Separator";export{_ as a,q as b,K as c,U as d,H as e,J as f,Q as g,X as h,Y as i,Z as j,$ as k,ee as l,te as m,ae as n};
+//# sourceMappingURL=chunk-W3ES2XSB.js.map

package/dist/esm/chunk-W3ES2XSB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/context-menu.tsx"],
+  "sourcesContent": ["/**\n * Context Menu component that provides right-click menu functionality.\n * Requires client-side rendering due to event handling and portal usage.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ContextMenu as ContextMenuPrimitive, Slot } from 'radix-ui';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  contextMenuContentPropDefs,\n  contextMenuSubContentPropDefs,\n  contextMenuItemPropDefs,\n  contextMenuCheckboxItemPropDefs,\n  contextMenuRadioItemPropDefs,\n} from './context-menu.props.js';\nimport { useThemeContext } from './theme.js';\nimport { PortalTheme } from './_internal/portal-theme.js';\nimport { ThickCheckIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport {\n  MenuCloseProvider,\n  MenuGroupLabelProvider,\n  MenuProvider,\n  useMenuGroupLabelId,\n  useMenuGroupLabelledBy,\n} from './_internal/menu-context.js';\nimport {\n  MenuShortcut,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  useResolvedResponsiveValue,\n} from './_internal/base-menu.utils.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface ContextMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root> {}\nconst ContextMenuRoot: React.FC<ContextMenuRootProps> = (props) => {\n  const { open: openProp, onOpenChange } = props;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const open = openProp ?? uncontrolledOpen;\n\n  const handleOpenChangeProp = useCallbackRef(onOpenChange);\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      handleOpenChangeProp(next);\n    },\n    [handleOpenChangeProp],\n  );\n  const close = React.useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  return (\n    <MenuCloseProvider value={close}>\n      <ContextMenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange} />\n    </MenuCloseProvider>\n  );\n};\nContextMenuRoot.displayName = 'ContextMenu.Root';\n\ntype ContextMenuTriggerElement = React.ElementRef<typeof ContextMenuPrimitive.Trigger>;\ninterface ContextMenuTriggerProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Trigger, RemovedProps> {}\nconst ContextMenuTrigger = React.forwardRef<ContextMenuTriggerElement, ContextMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <ContextMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </ContextMenuPrimitive.Trigger>\n  ),\n);\nContextMenuTrigger.displayName = 'ContextMenu.Trigger';\n\n/** Visual props shared by Content and SubContent. */\ntype ContextMenuSurfaceProps = GetPropDefTypes<typeof contextMenuContentPropDefs>;\n\ntype ContextMenuContentContextValue = {\n  size?: ContextMenuSurfaceProps['size'];\n  color?: ContextMenuSurfaceProps['color'];\n};\nconst ContextMenuContentContext = React.createContext<ContextMenuContentContextValue>({});\ntype ContextMenuContentElement = React.ElementRef<typeof ContextMenuPrimitive.Content>;\ninterface ContextMenuContentProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Content, RemovedProps>,\n    ContextMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   * Use this when rendering virtualized lists inside the context menu.\n   */\n  virtualized?: boolean;\n  /**\n   * @deprecated Has no effect. ContextMenu submenus always cascade.\n   */\n  submenuBehavior?: Responsive<'cascade' | 'drill-down'>;\n}\nconst ContextMenuContent = React.forwardRef<ContextMenuContentElement, ContextMenuContentProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, contextMenuContentPropDefs.size);\n    const themeContext = useThemeContext();\n    const {\n      size = contextMenuContentPropDefs.size.default,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      submenuBehavior: _submenuBehavior,\n      virtualized = false,\n      ...contentProps\n    } = extractProps(props, contextMenuContentPropDefs);\n\n    const resolvedColor = color || themeContext.accentColor;\n    const scalarSize = useResolvedResponsiveValue(size, contextMenuContentPropDefs.size.default);\n\n    const contextValue = React.useMemo(\n      () => ({ size, color: resolvedColor }),\n      [size, resolvedColor],\n    );\n\n    const body = (\n      <MenuProvider size={size}>\n        <ContextMenuContentContext.Provider value={contextValue}>{children}</ContextMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <ContextMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <PortalTheme asChild>\n          <ContextMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            alignOffset={getMenuAlignOffset(scalarSize)}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-ContextMenuContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport', 'kui-virtualized')}>\n                {body}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport')}>{body}</div>\n              </ScrollArea>\n            )}\n          </ContextMenuPrimitive.Content>\n        </PortalTheme>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenu.Content';\n\ntype ContextMenuLabelElement = React.ElementRef<typeof ContextMenuPrimitive.Label>;\ninterface ContextMenuLabelProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Label, RemovedProps> {}\nconst ContextMenuLabel = React.forwardRef<ContextMenuLabelElement, ContextMenuLabelProps>(\n  ({ className, id: idProp, ...props }, forwardedRef) => {\n    const id = useMenuGroupLabelId(idProp);\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        id={id}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuLabel', 'kui-ContextMenuLabel', className)}\n      />\n    );\n  },\n);\nContextMenuLabel.displayName = 'ContextMenu.Label';\n\ntype ContextMenuItemElement = React.ElementRef<typeof ContextMenuPrimitive.Item>;\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>;\ninterface ContextMenuItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Item, RemovedProps>,\n    ContextMenuItemOwnProps {}\nconst ContextMenuItem = React.forwardRef<ContextMenuItemElement, ContextMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = contextMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <ContextMenuPrimitive.Item\n        data-accent-color={color}\n        aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-ContextMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-ContextMenuShortcut\" />}\n      </ContextMenuPrimitive.Item>\n    );\n  },\n);\nContextMenuItem.displayName = 'ContextMenu.Item';\n\ntype ContextMenuGroupElement = React.ElementRef<typeof ContextMenuPrimitive.Group>;\ninterface ContextMenuGroupProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Group, RemovedProps> {}\nconst ContextMenuGroup = React.forwardRef<ContextMenuGroupElement, ContextMenuGroupProps>(\n  ({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n    const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n    return (\n      <MenuGroupLabelProvider value={setLabelId}>\n        <ContextMenuPrimitive.Group\n          aria-labelledby={labelledBy}\n          {...props}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames('kui-BaseMenuGroup', 'kui-ContextMenuGroup', className)}\n        />\n      </MenuGroupLabelProvider>\n    );\n  },\n);\nContextMenuGroup.displayName = 'ContextMenu.Group';\n\ntype ContextMenuRadioGroupElement = React.ElementRef<typeof ContextMenuPrimitive.RadioGroup>;\ninterface ContextMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.RadioGroup, RemovedProps> {}\nconst ContextMenuRadioGroup = React.forwardRef<\n  ContextMenuRadioGroupElement,\n  ContextMenuRadioGroupProps\n>(({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n  const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n  return (\n    <MenuGroupLabelProvider value={setLabelId}>\n      <ContextMenuPrimitive.RadioGroup\n        aria-labelledby={labelledBy}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuRadioGroup', 'kui-ContextMenuRadioGroup', className)}\n      />\n    </MenuGroupLabelProvider>\n  );\n});\nContextMenuRadioGroup.displayName = 'ContextMenu.RadioGroup';\n\ntype ContextMenuRadioItemElement = React.ElementRef<typeof ContextMenuPrimitive.RadioItem>;\ntype ContextMenuRadioItemOwnProps = GetPropDefTypes<typeof contextMenuRadioItemPropDefs>;\ninterface ContextMenuRadioItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.RadioItem, RemovedProps>,\n    ContextMenuRadioItemOwnProps {}\nconst ContextMenuRadioItem = React.forwardRef<\n  ContextMenuRadioItemElement,\n  ContextMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = contextMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <ContextMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuRadioItem',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuRadioItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <ContextMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator\">\n        <ThickDotIcon className=\"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  );\n});\nContextMenuRadioItem.displayName = 'ContextMenu.RadioItem';\n\ntype ContextMenuCheckboxItemElement = React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>;\ntype ContextMenuCheckboxItemOwnProps = GetPropDefTypes<typeof contextMenuCheckboxItemPropDefs>;\ninterface ContextMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.CheckboxItem, RemovedProps>,\n    ContextMenuCheckboxItemOwnProps {}\nconst ContextMenuCheckboxItem = React.forwardRef<\n  ContextMenuCheckboxItemElement,\n  ContextMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = contextMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuCheckboxItem',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuCheckboxItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <ContextMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator\">\n        <ThickCheckIcon className=\"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon\" />\n      </ContextMenuPrimitive.ItemIndicator>\n      {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-ContextMenuShortcut\" />}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n});\nContextMenuCheckboxItem.displayName = 'ContextMenu.CheckboxItem';\n\ninterface ContextMenuSubProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Sub, RemovedProps> {}\nconst ContextMenuSub: React.FC<ContextMenuSubProps> = (props) => (\n  <ContextMenuPrimitive.Sub {...props} />\n);\nContextMenuSub.displayName = 'ContextMenu.Sub';\n\ntype ContextMenuSubTriggerElement = React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>;\ninterface ContextMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubTrigger, RemovedProps> {}\nconst ContextMenuSubTrigger = React.forwardRef<\n  ContextMenuSubTriggerElement,\n  ContextMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuSubTrigger',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"kui-BaseMenuShortcut kui-ContextMenuShortcut\">\n        <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-ContextMenuSubTriggerIcon\" />\n      </div>\n    </ContextMenuPrimitive.SubTrigger>\n  );\n});\nContextMenuSubTrigger.displayName = 'ContextMenu.SubTrigger';\n\ntype ContextMenuSubContentElement = React.ElementRef<typeof ContextMenuPrimitive.SubContent>;\ninterface ContextMenuSubContentProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubContent, RemovedProps>,\n    ContextMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   */\n  virtualized?: boolean;\n}\nconst ContextMenuSubContent = React.forwardRef<\n  ContextMenuSubContentElement,\n  ContextMenuSubContentProps\n>((props, forwardedRef) => {\n  const parent = React.useContext(ContextMenuContentContext);\n\n  // A submenu inherits the parent surface, and its own props win.\n  const size = props.size ?? parent.size;\n  const color = props.color ?? parent.color;\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    color: _color,\n    virtualized = false,\n    ...subContentProps\n  } = extractProps({ ...props, size }, contextMenuSubContentPropDefs);\n\n  const scalarSize = useResolvedResponsiveValue(size, contextMenuSubContentPropDefs.size.default);\n\n  const contextValue = React.useMemo(\n    () => ({ size, color }),\n    [size, color],\n  );\n\n  const body = (\n    <MenuProvider size={size}>\n      <ContextMenuContentContext.Provider value={contextValue}>{children}</ContextMenuContentContext.Provider>\n    </MenuProvider>\n  );\n\n  return (\n    <ContextMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <PortalTheme asChild>\n        <ContextMenuPrimitive.SubContent\n          data-accent-color={color}\n          alignOffset={getMenuAlignOffset(scalarSize)}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'kui-PopperContent',\n            'kui-BaseMenuContent',\n          'kui-variant-soft',\n            'kui-BaseMenuSubContent',\n            'kui-ContextMenuContent',\n            'kui-ContextMenuSubContent',\n            className,\n          )}\n        >\n          {virtualized ? (\n            <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport', 'kui-virtualized')}>\n              {body}\n            </div>\n          ) : (\n            <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n              <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport')}>{body}</div>\n            </ScrollArea>\n          )}\n        </ContextMenuPrimitive.SubContent>\n      </PortalTheme>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuSubContent.displayName = 'ContextMenu.SubContent';\n\ntype ContextMenuSeparatorElement = React.ElementRef<typeof ContextMenuPrimitive.Separator>;\ninterface ContextMenuSeparatorProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Separator, RemovedProps> {}\nconst ContextMenuSeparator = React.forwardRef<\n  ContextMenuSeparatorElement,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <ContextMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('kui-BaseMenuSeparator', 'kui-ContextMenuSeparator', className)}\n  />\n));\nContextMenuSeparator.displayName = 'ContextMenu.Separator';\n\nexport {\n  ContextMenuRoot as Root,\n  ContextMenuTrigger as Trigger,\n  ContextMenuContent as Content,\n  ContextMenuLabel as Label,\n  ContextMenuItem as Item,\n  ContextMenuGroup as Group,\n  ContextMenuRadioGroup as RadioGroup,\n  ContextMenuRadioItem as RadioItem,\n  ContextMenuCheckboxItem as CheckboxItem,\n  ContextMenuSub as Sub,\n  ContextMenuSubTrigger as SubTrigger,\n  ContextMenuSubContent as SubContent,\n  ContextMenuSeparator as Separator,\n};\n\nexport type {\n  ContextMenuRootProps as RootProps,\n  ContextMenuTriggerProps as TriggerProps,\n  ContextMenuContentProps as ContentProps,\n  ContextMenuLabelProps as LabelProps,\n  ContextMenuItemProps as ItemProps,\n  ContextMenuGroupProps as GroupProps,\n  ContextMenuRadioGroupProps as RadioGroupProps,\n  ContextMenuRadioItemProps as RadioItemProps,\n  ContextMenuCheckboxItemProps as CheckboxItemProps,\n  ContextMenuSubProps as SubProps,\n  ContextMenuSubTriggerProps as SubTriggerProps,\n  ContextMenuSubContentProps as SubContentProps,\n  ContextMenuSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["context_menu_exports", "__export", "ContextMenuCheckboxItem", "ContextMenuContent", "ContextMenuGroup", "ContextMenuItem", "ContextMenuLabel", "ContextMenuRadioGroup", "ContextMenuRadioItem", "ContextMenuRoot", "ContextMenuSeparator", "ContextMenuSub", "ContextMenuSubContent", "ContextMenuSubTrigger", "ContextMenuTrigger", "React", "classNames", "ContextMenuPrimitive", "Slot", "useCallbackRef", "ContextMenuRoot", "props", "openProp", "onOpenChange", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChangeProp", "useCallbackRef", "handleOpenChange", "next", "close", "MenuCloseProvider", "ContextMenuPrimitive", "ContextMenuTrigger", "children", "forwardedRef", "requireReactElement", "ContextMenuContentContext", "ContextMenuContent", "ownProps", "useThemeSizeProps", "baseMenuSubContentPropDefs", "themeContext", "useThemeContext", "size", "className", "color", "container", "forceMount", "_submenuBehavior", "virtualized", "contentProps", "extractProps", "resolvedColor", "scalarSize", "useResolvedResponsiveValue", "contextValue", "body", "MenuProvider", "PortalTheme", "getMenuAlignOffset", "classNames", "ScrollArea", "ContextMenuLabel", "idProp", "id", "useMenuGroupLabelId", "ContextMenuItem", "baseMenuItemPropDefs", "shortcut", "itemProps", "toAriaKeyShortcuts", "Slot", "MenuShortcut", "ContextMenuGroup", "ariaLabelledBy", "labelledBy", "setLabelId", "useMenuGroupLabelledBy", "MenuGroupLabelProvider", "ContextMenuRadioGroup", "ContextMenuRadioItem", "baseMenuRadioItemPropDefs", "ThickDotIcon", "ContextMenuCheckboxItem", "baseMenuCheckboxItemPropDefs", "ThickCheckIcon", "ContextMenuSub", "ContextMenuSubTrigger", "subTriggerProps", "ThickChevronRightIcon", "ContextMenuSubContent", "parent", "_color", "subContentProps", "ContextMenuSeparator"]
+}

package/dist/esm/chunk-W4Z6ORYO.js

@@ -0,0 +1,3 @@
+"use client";
+import{c as y}from"./chunk-OKQAVYW4.js";import{c as v}from"./chunk-5ON3XLRD.js";import{b as R}from"./chunk-XU74PNM2.js";import{a as K}from"./chunk-VQPANPMI.js";var q={};K(q,{Item:()=>x,Root:()=>b});import*as e from"react";import S from"classnames";import{ToggleGroup as I}from"radix-ui";import{useComposedRefs as F,useControllableState as H,useLayoutEffect as j}from"radix-ui/internal";var M=["1","2","3","4"],O=["horizontal","vertical"],u={disabled:{type:"boolean",default:!1},size:{type:"enum",className:"kui-r-size",values:M,default:"2",responsive:!0},orientation:{type:"enum",className:"kui-r-orientation",values:O,default:"horizontal",responsive:!0},...R};var h=e.createContext(null),W=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"]),b=e.forwardRef((n,s)=>{let a=v(n,u.size),{className:l,children:t,radius:i,value:m,defaultValue:p,onValueChange:w,style:D,disabled:c,onKeyDown:N,onPointerDown:k,...T}=y(a,u),[f,d]=H({prop:m,onChange:w,defaultProp:p??""}),r=e.useRef(!1),A=e.useMemo(()=>({selectFromKeyboard(o){r.current&&(r.current=!1,d(o))}}),[d]),g=e.useRef(null),V=F(s,g),C=e.Children.toArray(t).filter(e.isValidElement),z=C.length,G=Math.max(0,C.findIndex(o=>o.props.value===f));return j(()=>{let o=g.current;if(!o)return;let P=Array.from(o.querySelectorAll(":scope > .kui-SegmentedControlItem")),L=P.findIndex(E=>E.getAttribute("data-state")==="on");o.style.setProperty("--segmented-control-count",String(P.length||1)),o.style.setProperty("--segmented-control-index",String(Math.max(0,L)))}),e.createElement(h.Provider,{value:A},e.createElement(I.Root,{"data-disabled":c||void 0,"data-radius":i,ref:V,style:{"--segmented-control-count":z||1,"--segmented-control-index":G,...D},className:S("kui-SegmentedControlRoot",l),onValueChange:o=>{o&&d(o)},onKeyDown:o=>{N?.(o),r.current=W.has(o.key)},onPointerDown:o=>{k?.(o),r.current=!1},...T,type:"single",value:f,asChild:!1,disabled:!!c},t,e.createElement("div",{className:"kui-SegmentedControlIndicator"})))});b.displayName="SegmentedControl.Root";var x=e.forwardRef(({children:n,className:s,iconOnly:a,onFocus:l,...t},i)=>{let m=e.useContext(h);return e.createElement(I.Item,{ref:i,className:S("kui-reset","kui-SegmentedControlItem",s),"data-icon-only":a||void 0,onFocus:p=>{l?.(p),m?.selectFromKeyboard(t.value)},...t,asChild:!1},e.createElement("span",{className:"kui-SegmentedControlItemSeparator"}),e.createElement("span",{className:"kui-SegmentedControlItemLabel"},e.createElement("span",{className:"kui-SegmentedControlItemLabelActive"},n),e.createElement("span",{className:"kui-SegmentedControlItemLabelInactive","aria-hidden":!0},n)))});x.displayName="SegmentedControl.Item";export{b as a,x as b,q as c};
+//# sourceMappingURL=chunk-W4Z6ORYO.js.map

package/dist/esm/{chunk-MQEWEAH5.js.map → chunk-W4Z6ORYO.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/segmented-control.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { useComposedRefs, useControllableState, useLayoutEffect } from 'radix-ui/internal';\n\nimport { segmentedControlRootPropDefs } from './segmented-control.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;\n\ninterface SegmentedControlRootProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, SegmentedControlRootOwnProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n}\n\n// Arrow keys select as they move focus, as in a radio group. The root marks a key press, and the\n// item that takes focus from it selects itself. A click or Tab focuses without selecting.\nconst SegmentedControlContext = React.createContext<{ selectFromKeyboard(value: string): void } | null>(null);\n\nconst NAVIGATION_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']);\n\nconst SegmentedControlRoot = React.forwardRef<HTMLDivElement, SegmentedControlRootProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, segmentedControlRootPropDefs.size);\n  const {\n    className,\n    children,\n    radius,\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    onValueChange: onValueChangeProp,\n    style,\n    disabled,\n    onKeyDown,\n    onPointerDown,\n    ...rootProps\n  } = extractProps(props, segmentedControlRootPropDefs);\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange: onValueChangeProp,\n    defaultProp: defaultValueProp ?? '',\n  });\n\n  // The indicator is sized and placed from the item count and the selected index, written\n  // as custom properties. They are read from the children on render, so the server markup\n  // is right, then corrected from the DOM, which also sees items inside fragments or\n  // wrapper components.\n  const keyboardNavigationRef = React.useRef(false);\n  const context = React.useMemo(\n    () => ({\n      selectFromKeyboard(itemValue: string) {\n        if (!keyboardNavigationRef.current) return;\n        keyboardNavigationRef.current = false;\n        setValue(itemValue);\n      },\n    }),\n    [setValue],\n  );\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const items = React.Children.toArray(children).filter(React.isValidElement);\n  const renderedCount = items.length;\n  const renderedIndex = Math.max(\n    0,\n    items.findIndex((child) => (child.props as { value?: unknown }).value === value),\n  );\n  useLayoutEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const domItems = Array.from(root.querySelectorAll(':scope > .kui-SegmentedControlItem'));\n    const index = domItems.findIndex((item) => item.getAttribute('data-state') === 'on');\n    root.style.setProperty('--segmented-control-count', String(domItems.length || 1));\n    root.style.setProperty('--segmented-control-index', String(Math.max(0, index)));\n  });\n\n  return (\n    <SegmentedControlContext.Provider value={context}>\n      <ToggleGroupPrimitive.Root\n        data-disabled={disabled || undefined}\n        data-radius={radius}\n        ref={composedRef}\n        style={\n          {\n            '--segmented-control-count': renderedCount || 1,\n            '--segmented-control-index': renderedIndex,\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames('kui-SegmentedControlRoot', className)}\n        onValueChange={(value) => {\n          if (value) {\n            setValue(value);\n          }\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          keyboardNavigationRef.current = NAVIGATION_KEYS.has(event.key);\n        }}\n        onPointerDown={(event) => {\n          onPointerDown?.(event);\n          keyboardNavigationRef.current = false;\n        }}\n        {...rootProps}\n        type=\"single\"\n        value={value}\n        asChild={false}\n        disabled={!!disabled}\n      >\n        {children}\n        <div className=\"kui-SegmentedControlIndicator\" />\n      </ToggleGroupPrimitive.Root>\n    </SegmentedControlContext.Provider>\n  );\n});\n\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ninterface SegmentedControlItemOwnProps {\n  value: string;\n  /** When true, this segment can't be selected. */\n  disabled?: boolean;\n  /** When true, applies fixed square width for icon-only segments */\n  iconOnly?: boolean;\n}\n\ninterface SegmentedControlItemProps extends ComponentPropsWithout<typeof ToggleGroupPrimitive.Item, RemovedProps | 'type' | 'value'>, SegmentedControlItemOwnProps {}\n\nconst SegmentedControlItem = React.forwardRef<HTMLButtonElement, SegmentedControlItemProps>(({ children, className, iconOnly, onFocus, ...props }, forwardedRef) => {\n  const context = React.useContext(SegmentedControlContext);\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-SegmentedControlItem', className)}\n      data-icon-only={iconOnly || undefined}\n      onFocus={(event) => {\n        onFocus?.(event);\n        context?.selectFromKeyboard(props.value);\n      }}\n      {...props}\n      asChild={false}\n    >\n      <span className=\"kui-SegmentedControlItemSeparator\" />\n      <span className=\"kui-SegmentedControlItemLabel\">\n        <span className=\"kui-SegmentedControlItemLabelActive\">{children}</span>\n        <span className=\"kui-SegmentedControlItemLabelInactive\" aria-hidden>\n          {children}\n        </span>\n      </span>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport { SegmentedControlRoot as Root, SegmentedControlItem as Item };\nexport type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };\n"],
-  "mappings": ";gKAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAeC,MAA4B,WACpD,OAAS,mBAAAC,EAAiB,wBAAAC,EAAsB,mBAAAC,MAAuB,oBAmBvE,IAAMC,EAAgC,gBAAkE,IAAI,EAEtGC,EAAkB,IAAI,IAAI,CAAC,YAAa,aAAc,UAAW,YAAa,OAAQ,KAAK,CAAC,EAE5FC,EAA6B,aAAsD,CAACC,EAAUC,IAAiB,CACnH,IAAMC,EAAQC,EAAkBH,EAAUI,EAA6B,IAAI,EACrE,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAIC,EAAad,EAAOE,CAA4B,EAE9C,CAACa,EAAOC,CAAQ,EAAIC,EAAqB,CAC7C,KAAMX,EACN,SAAUE,EACV,YAAaD,GAAoB,EACnC,CAAC,EAMKW,EAA8B,SAAO,EAAK,EAC1CC,EAAgB,UACpB,KAAO,CACL,mBAAmBC,EAAmB,CAC/BF,EAAsB,UAC3BA,EAAsB,QAAU,GAChCF,EAASI,CAAS,EACpB,CACF,GACA,CAACJ,CAAQ,CACX,EAEMK,EAAgB,SAAuB,IAAI,EAC3CC,EAAcC,EAAgBxB,EAAcsB,CAAO,EACnDG,EAAc,WAAS,QAAQpB,CAAQ,EAAE,OAAa,gBAAc,EACpEqB,EAAgBD,EAAM,OACtBE,EAAgB,KAAK,IACzB,EACAF,EAAM,UAAWG,GAAWA,EAAM,MAA8B,QAAUZ,CAAK,CACjF,EACA,OAAAa,EAAgB,IAAM,CACpB,IAAMC,EAAOR,EAAQ,QACrB,GAAI,CAACQ,EAAM,OACX,IAAMC,EAAW,MAAM,KAAKD,EAAK,iBAAiB,oCAAoC,CAAC,EACjFE,EAAQD,EAAS,UAAWE,GAASA,EAAK,aAAa,YAAY,IAAM,IAAI,EACnFH,EAAK,MAAM,YAAY,4BAA6B,OAAOC,EAAS,QAAU,CAAC,CAAC,EAChFD,EAAK,MAAM,YAAY,4BAA6B,OAAO,KAAK,IAAI,EAAGE,CAAK,CAAC,CAAC,CAChF,CAAC,EAGC,gBAACpC,EAAwB,SAAxB,CAAiC,MAAOwB,GACvC,gBAACc,EAAqB,KAArB,CACC,gBAAevB,GAAY,OAC3B,cAAaL,EACb,IAAKiB,EACL,MACE,CACE,4BAA6BG,GAAiB,EAC9C,4BAA6BC,EAC7B,GAAGjB,CACL,EAEF,UAAWyB,EAAW,2BAA4B/B,CAAS,EAC3D,cAAgBY,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACA,UAAYoB,GAAU,CACpBxB,IAAYwB,CAAK,EACjBjB,EAAsB,QAAUtB,EAAgB,IAAIuC,EAAM,GAAG,CAC/D,EACA,cAAgBA,GAAU,CACxBvB,IAAgBuB,CAAK,EACrBjB,EAAsB,QAAU,EAClC,EACC,GAAGL,EACJ,KAAK,SACL,MAAOE,EACP,QAAS,GACT,SAAU,CAAC,CAACL,GAEXN,EACD,gBAAC,OAAI,UAAU,gCAAgC,CACjD,CACF,CAEJ,CAAC,EAEDP,EAAqB,YAAc,wBAYnC,IAAMuC,EAA6B,aAAyD,CAAC,CAAE,SAAAhC,EAAU,UAAAD,EAAW,SAAAkC,EAAU,QAAAC,EAAS,GAAGtC,CAAM,EAAGD,IAAiB,CAClK,IAAMoB,EAAgB,aAAWxB,CAAuB,EACxD,OACE,gBAACsC,EAAqB,KAArB,CACC,IAAKlC,EACL,UAAWmC,EAAW,YAAa,2BAA4B/B,CAAS,EACxE,iBAAgBkC,GAAY,OAC5B,QAAUF,GAAU,CAClBG,IAAUH,CAAK,EACfhB,GAAS,mBAAmBnB,EAAM,KAAK,CACzC,EACC,GAAGA,EACJ,QAAS,IAET,gBAAC,QAAK,UAAU,oCAAoC,EACpD,gBAAC,QAAK,UAAU,iCACd,gBAAC,QAAK,UAAU,uCAAuCI,CAAS,EAChE,gBAAC,QAAK,UAAU,wCAAwC,cAAW,IAChEA,CACH,CACF,CACF,CAEJ,CAAC,EAEDgC,EAAqB,YAAc",
-  "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "React", "classNames", "ToggleGroupPrimitive", "useComposedRefs", "useControllableState", "useLayoutEffect", "SegmentedControlContext", "NAVIGATION_KEYS", "SegmentedControlRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "segmentedControlRootPropDefs", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "style", "disabled", "onKeyDown", "onPointerDown", "rootProps", "extractProps", "value", "setValue", "useControllableState", "keyboardNavigationRef", "context", "itemValue", "rootRef", "composedRef", "useComposedRefs", "items", "renderedCount", "renderedIndex", "child", "useLayoutEffect", "root", "domItems", "index", "item", "ToggleGroupPrimitive", "classNames", "event", "SegmentedControlItem", "iconOnly", "onFocus"]
+  "sources": ["../../src/components/segmented-control.tsx", "../../src/components/segmented-control.props.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { useComposedRefs, useControllableState, useLayoutEffect } from 'radix-ui/internal';\n\nimport { segmentedControlRootPropDefs } from './segmented-control.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;\n\ninterface SegmentedControlRootProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, SegmentedControlRootOwnProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n}\n\n// Arrow keys select as they move focus, as in a radio group. The root marks a key press, and the\n// item that takes focus from it selects itself. A click or Tab focuses without selecting.\nconst SegmentedControlContext = React.createContext<{ selectFromKeyboard(value: string): void } | null>(null);\n\nconst NAVIGATION_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']);\n\nconst SegmentedControlRoot = React.forwardRef<HTMLDivElement, SegmentedControlRootProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, segmentedControlRootPropDefs.size);\n  const {\n    className,\n    children,\n    radius,\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    onValueChange: onValueChangeProp,\n    style,\n    disabled,\n    onKeyDown,\n    onPointerDown,\n    ...rootProps\n  } = extractProps(props, segmentedControlRootPropDefs);\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange: onValueChangeProp,\n    defaultProp: defaultValueProp ?? '',\n  });\n\n  // The indicator is sized and placed from the item count and the selected index, written\n  // as custom properties. They are read from the children on render, so the server markup\n  // is right, then corrected from the DOM, which also sees items inside fragments or\n  // wrapper components.\n  const keyboardNavigationRef = React.useRef(false);\n  const context = React.useMemo(\n    () => ({\n      selectFromKeyboard(itemValue: string) {\n        if (!keyboardNavigationRef.current) return;\n        keyboardNavigationRef.current = false;\n        setValue(itemValue);\n      },\n    }),\n    [setValue],\n  );\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const items = React.Children.toArray(children).filter(React.isValidElement);\n  const renderedCount = items.length;\n  const renderedIndex = Math.max(\n    0,\n    items.findIndex((child) => (child.props as { value?: unknown }).value === value),\n  );\n  useLayoutEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const domItems = Array.from(root.querySelectorAll(':scope > .kui-SegmentedControlItem'));\n    const index = domItems.findIndex((item) => item.getAttribute('data-state') === 'on');\n    root.style.setProperty('--segmented-control-count', String(domItems.length || 1));\n    root.style.setProperty('--segmented-control-index', String(Math.max(0, index)));\n  });\n\n  return (\n    <SegmentedControlContext.Provider value={context}>\n      <ToggleGroupPrimitive.Root\n        data-disabled={disabled || undefined}\n        data-radius={radius}\n        ref={composedRef}\n        style={\n          {\n            '--segmented-control-count': renderedCount || 1,\n            '--segmented-control-index': renderedIndex,\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames('kui-SegmentedControlRoot', className)}\n        onValueChange={(value) => {\n          if (value) {\n            setValue(value);\n          }\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          keyboardNavigationRef.current = NAVIGATION_KEYS.has(event.key);\n        }}\n        onPointerDown={(event) => {\n          onPointerDown?.(event);\n          keyboardNavigationRef.current = false;\n        }}\n        {...rootProps}\n        type=\"single\"\n        value={value}\n        asChild={false}\n        disabled={!!disabled}\n      >\n        {children}\n        <div className=\"kui-SegmentedControlIndicator\" />\n      </ToggleGroupPrimitive.Root>\n    </SegmentedControlContext.Provider>\n  );\n});\n\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ninterface SegmentedControlItemOwnProps {\n  value: string;\n  /** When true, this segment can't be selected. */\n  disabled?: boolean;\n  /** When true, applies fixed square width for icon-only segments */\n  iconOnly?: boolean;\n}\n\ninterface SegmentedControlItemProps extends ComponentPropsWithout<typeof ToggleGroupPrimitive.Item, RemovedProps | 'type' | 'value'>, SegmentedControlItemOwnProps {}\n\nconst SegmentedControlItem = React.forwardRef<HTMLButtonElement, SegmentedControlItemProps>(({ children, className, iconOnly, onFocus, ...props }, forwardedRef) => {\n  const context = React.useContext(SegmentedControlContext);\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-SegmentedControlItem', className)}\n      data-icon-only={iconOnly || undefined}\n      onFocus={(event) => {\n        onFocus?.(event);\n        context?.selectFromKeyboard(props.value);\n      }}\n      {...props}\n      asChild={false}\n    >\n      <span className=\"kui-SegmentedControlItemSeparator\" />\n      <span className=\"kui-SegmentedControlItemLabel\">\n        <span className=\"kui-SegmentedControlItemLabelActive\">{children}</span>\n        <span className=\"kui-SegmentedControlItemLabelInactive\" aria-hidden>\n          {children}\n        </span>\n      </span>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport { SegmentedControlRoot as Root, SegmentedControlItem as Item };\nexport type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };\n", "import { 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 orientations = ['horizontal', 'vertical'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', default: false },\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  orientation: {\n    type: 'enum',\n    className: 'kui-r-orientation',\n    values: orientations,\n    default: 'horizontal',\n    responsive: true,\n  },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
+  "mappings": "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",
+  "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "React", "classNames", "ToggleGroupPrimitive", "useComposedRefs", "useControllableState", "useLayoutEffect", "sizes", "orientations", "segmentedControlRootPropDefs", "radiusPropDef", "SegmentedControlContext", "NAVIGATION_KEYS", "SegmentedControlRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "segmentedControlRootPropDefs", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "style", "disabled", "onKeyDown", "onPointerDown", "rootProps", "extractProps", "value", "setValue", "useControllableState", "keyboardNavigationRef", "context", "itemValue", "rootRef", "composedRef", "useComposedRefs", "items", "renderedCount", "renderedIndex", "child", "useLayoutEffect", "root", "domItems", "index", "item", "ToggleGroupPrimitive", "classNames", "event", "SegmentedControlItem", "iconOnly", "onFocus"]
 }