@womp/kookie-ui 0.20.0 → 0.22.0

package/dist/esm/chunk-EE54S7YV.js

@@ -1,10 +0,0 @@
-import*as n from"react";var o=0;function u(){let i=n.useRef(void 0);return n.useEffect(()=>{let e=document.getElementById("rt-live-announcer");return e||(e=document.createElement("div"),e.id="rt-live-announcer",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.style.cssText=`
-        position: absolute;
-        left: -10000px;
-        width: 1px;
-        height: 1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-      `,document.body.appendChild(e)),o++,()=>{if(o--,i.current&&clearTimeout(i.current),o===0){let t=document.getElementById("rt-live-announcer");t&&t.remove()}}},[]),n.useCallback(e=>{let t=document.getElementById("rt-live-announcer");t&&(i.current&&clearTimeout(i.current),t.textContent="",i.current=setTimeout(()=>{t.textContent=e},100))},[])}export{u as a};
-//# sourceMappingURL=chunk-EE54S7YV.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/use-live-announcer.ts"],
-  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n  // Track the timeout so we can clean it up on unmount\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Create aria-live region if it doesn't exist\n  React.useEffect(() => {\n    let liveRegion = document.getElementById('rt-live-announcer');\n\n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = 'rt-live-announcer';\n      liveRegion.setAttribute('aria-live', 'polite');\n      liveRegion.setAttribute('aria-atomic', 'true');\n      liveRegion.style.cssText = `\n        position: absolute;\n        left: -10000px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n      `;\n      document.body.appendChild(liveRegion);\n    }\n\n    // Increment ref count when component mounts\n    liveRegionRefCount++;\n\n    return () => {\n      // Decrement ref count when component unmounts\n      liveRegionRefCount--;\n\n      // Clean up timeout on unmount\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Only remove the live region if no components are using it\n      if (liveRegionRefCount === 0) {\n        const region = document.getElementById('rt-live-announcer');\n        if (region) {\n          region.remove();\n        }\n      }\n    };\n  }, []);\n\n  const announce = React.useCallback((message: string) => {\n    const liveRegion = document.getElementById('rt-live-announcer');\n    if (liveRegion) {\n      // Clear any pending timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Clear previous announcements\n      liveRegion.textContent = '';\n\n      // Add new announcement with a small delay to ensure it's announced\n      timeoutRef.current = setTimeout(() => {\n        liveRegion.textContent = message;\n      }, 100);\n    }\n  }, []);\n\n  return announce;\n}\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QAMvB,IAAIC,EAAqB,EAMlB,SAASC,GAAmB,CAEjC,IAAMC,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,mBAAmB,EAE5D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,oBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCH,IAEO,IAAM,CAUX,GARAA,IAGIE,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BF,IAAuB,EAAG,CAC5B,IAAMI,EAAS,SAAS,eAAe,mBAAmB,EACtDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,mBAAmB,EAC1DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP",
-  "names": ["React", "liveRegionRefCount", "useLiveAnnouncer", "timeoutRef", "liveRegion", "region", "message"]
-}

package/dist/esm/chunk-ENPQJYXZ.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-VX44UTQ5.js";import{a as e}from"./chunk-ERGJN7FJ.js";import{a as t}from"./chunk-NZJGC6ZW.js";var p=["1","2","3","4"],f={...t,size:{type:"enum",className:"rt-r-size",values:p,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...o};export{f as a};
-//# sourceMappingURL=chunk-ENPQJYXZ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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: 'rt-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,YACX,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-ERGJN7FJ.js

@@ -1,2 +0,0 @@
-var t={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};export{t as a};
-//# sourceMappingURL=chunk-ERGJN7FJ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/props/width.props.ts"],
-  "sourcesContent": ["import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst widthPropDefs = {\n  /**\n   * Sets the CSS **width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * width=\"100px\"\n   * width={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/width\n   */\n  width: {\n    type: 'string',\n    className: 'rt-r-w',\n    customProperties: ['--width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minWidth=\"100px\"\n   * minWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\n   */\n  minWidth: {\n    type: 'string',\n    className: 'rt-r-min-w',\n    customProperties: ['--min-width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxWidth=\"100px\"\n   * maxWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\n   */\n  maxWidth: {\n    type: 'string',\n    className: 'rt-r-max-w',\n    customProperties: ['--max-width'],\n    responsive: true,\n  },\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDefs>;\n\nexport { widthPropDefs };\nexport type { WidthProps };\n"],
-  "mappings": "AAEA,IAAMA,EAAgB,CAYpB,MAAO,CACL,KAAM,SACN,UAAW,SACX,iBAAkB,CAAC,SAAS,EAC5B,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,CACF",
-  "names": ["widthPropDefs"]
-}

package/dist/esm/chunk-EUHAZKWY.js

@@ -1,2 +0,0 @@
-import{a as re,b as ne}from"./chunk-UFJJTUOU.js";import{a as B,b as te,c as M}from"./chunk-TLZMLJTI.js";import{b as ee,c as oe}from"./chunk-IX5HIHVI.js";import{a as Z}from"./chunk-MJJ7XDIP.js";import{b as X,c as Y}from"./chunk-6AZV4VFW.js";import{a as Q}from"./chunk-AGAQC4HH.js";import{c as J}from"./chunk-FWB47YCH.js";import{d as U}from"./chunk-3YLYGKFB.js";import{a as O}from"./chunk-6FLLFCBU.js";import{a as _}from"./chunk-2FPJ6Q2N.js";import{a as Ne}from"./chunk-OS3FCYZY.js";var ze={};Ne(ze,{Content:()=>xe,Empty:()=>Re,Group:()=>he,Input:()=>ge,Item:()=>Se,Label:()=>ve,List:()=>Pe,Root:()=>de,Separator:()=>ye,Trigger:()=>Ce,Value:()=>fe});import*as e from"react";import u from"classnames";import{Popover as ae}from"radix-ui";import{useCallbackRef as A,useComposedRefs as ie,useControllableState as G,useLayoutEffect as W}from"radix-ui/internal";import{Command as N,useCommandState as se}from"cmdk";var Le={size:B.size},we={size:M.size},le=new Set;function De(o){le.has(o)||(le.add(o),console.warn(o))}function Oe(o){let r=o,t=new Set;return{get:()=>r,set:n=>{Object.is(n,r)||(r=n,t.forEach(a=>a()))},subscribe:n=>(t.add(n),()=>{t.delete(n)})}}var me=e.createContext(null),k=o=>{let r=e.useContext(me);if(!r)throw new Error(`Combobox.${o} must be used within Combobox.Root`);return r},ce=e.createContext(null),be=e.createContext(null),pe=e.createContext(null),ue=()=>e.useContext(pe);function Me(o){let r=o.getAttribute("aria-label")?.trim();if(r)return r;let t=o.getAttribute("aria-labelledby");if(t){let a=t.split(/\s+/).map(s=>o.ownerDocument.getElementById(s)?.textContent?.trim()).filter(Boolean).join(" ");if(a)return a}let n=o.labels;if(n&&n.length>0){let a=Array.from(n).map(s=>s.textContent?.trim()).filter(Boolean).join(" ");if(a)return a}}var de=o=>{let{children:r,size:t,value:n,defaultValue:a=null,onValueChange:s,open:l,defaultOpen:d=!1,onOpenChange:i,placeholder:m="Select an option",searchPlaceholder:C="Search...",searchValue:f,defaultSearchValue:V="",onSearchValueChange:P,filter:R,shouldFilter:p=!0,loop:c=!0,disabled:x,resetSearchOnSelect:v=!0,resetSearchOnClose:g=!0,color:E,displayValue:h,...T}=o,S=U(t,B.size),[y,b]=G({prop:l,defaultProp:d,onChange:i}),[I,Ve]=G({prop:n,defaultProp:a,onChange:s}),[j,L]=G({prop:f,defaultProp:V,onChange:P}),K=typeof h=="function"?h(I):h,[w]=e.useState(()=>Oe(I));W(()=>{w.set(I)},[w,I]);let z=A(D=>{b(D),!D&&g&&L("")}),q=A(D=>{Ve(D),b(!1),v&&L("")}),F=e.useRef(null),$=e.useCallback(()=>F.current?Me(F.current):void 0,[]),Ee=e.useMemo(()=>({value:I,displayValue:K,setOpen:z,size:S,placeholder:m,searchPlaceholder:C,disabled:x,color:E,loop:c,shouldFilter:p,filter:R,triggerRef:F,getTriggerLabel:$}),[I,K,z,S,m,C,x,E,c,p,R,$]),Te=e.useMemo(()=>({value:j,setValue:L}),[j,L]),Ie=e.useMemo(()=>({store:w,onSelect:q,disabled:x}),[w,q,x]);return e.createElement(me.Provider,{value:Ee},e.createElement(ce.Provider,{value:Te},e.createElement(be.Provider,{value:Ie},e.createElement(re,{open:y,onOpenChange:z,...T},r))))};de.displayName="Combobox.Root";var Ce=e.forwardRef((o,r)=>{let t=k("Trigger"),{children:n,className:a,placeholder:s,disabled:l,readOnly:d,error:i,loading:m,color:C,radius:f,onClick:V,onKeyDown:P,type:R,...p}=O({size:t.size,...o},Le,te,_),c=l??t.disabled,x=C??t.color,v=!!(d||m),g=t.value==null&&t.displayValue==null,E=ie(r,t.triggerRef),{getTriggerLabel:h}=t;e.useEffect(()=>{},[h]);let T=b=>{V?.(b),v&&b.preventDefault()},S=b=>{P?.(b),!(b.defaultPrevented||v||c)&&b.key==="ArrowDown"&&(b.preventDefault(),t.setOpen(!0))},y=e.createElement(e.Fragment,null,e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement("span",{className:"rt-ComboboxValue"},t.displayValue??t.value??s??t.placeholder)),m?e.createElement("div",{className:"rt-SelectIcon rt-SelectLoadingIcon","aria-hidden":"true"},e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",className:"rt-SelectLoadingIconCircle"}))):e.createElement(oe,{className:"rt-SelectIcon"}));return e.createElement(ne,{disabled:c},e.createElement("button",{"data-accent-color":x,"data-radius":f,"data-error":i,"data-loading":m,"data-disabled":c||void 0,"data-read-only":d||void 0,"data-placeholder":g?"":void 0,...p,role:"combobox","aria-disabled":c||void 0,"aria-readonly":d||void 0,"aria-invalid":i||void 0,"aria-busy":m||void 0,type:R??"button",disabled:c,onClick:T,onKeyDown:S,ref:E,className:u("rt-reset","rt-SelectTrigger","rt-ComboboxTrigger",a)},n?Z(n):y))});Ce.displayName="Combobox.Trigger";var fe=e.forwardRef(({placeholder:o,children:r,className:t,...n},a)=>{let s=k("Value"),l=s.displayValue??s.value??void 0;return e.createElement("span",{...n,ref:a,className:u("rt-ComboboxValue",t)},l??r??o??s.placeholder)});fe.displayName="Combobox.Value";function ke(){let o=se(a=>a.filtered.count),r=se(a=>a.search),[t,n]=e.useState("");return e.useEffect(()=>{let a=r?o===0?"No results":`${o} result${o===1?"":"s"}`:"",s=window.setTimeout(()=>n(a),r?400:0);return()=>window.clearTimeout(s)},[o,r]),e.createElement(Q,{role:"status","aria-live":"polite","aria-atomic":"true"},t)}var xe=e.forwardRef((o,r)=>{let t=k("Content"),n=X(),a=t.size==="4"?"3":t.size,s=o.size??a??M.size.default,{className:l,children:d,color:i,forceMount:m,container:C,onOpenAutoFocus:f,"aria-label":V,"aria-labelledby":P,...R}=O({...o,size:s},M),p=i||t.color||n.accentColor,{getTriggerLabel:c}=t,[x,v]=e.useState(c);W(()=>{if(x!==void 0)return;let y=c();y!==void 0&&v(y)},[c,x]);let g=o["aria-label"]??x,E=e.useMemo(()=>({sizeClassName:O({size:s},we).className||void 0,color:p,label:g}),[s,p,g]),h=e.useRef(null),T=y=>{if(f?.(y),y.defaultPrevented)return;let b=h.current;if(!b||b.querySelector("[cmdk-input]"))return;y.preventDefault(),(b.querySelector("[cmdk-list]")??b).focus({preventScroll:!0})},S=t.value?.trim()||void 0;return e.createElement(ae.Portal,{container:C,forceMount:m?!0:void 0},e.createElement(Y,{asChild:!0},e.createElement(ae.Content,{"data-accent-color":p,align:"start",sideOffset:4,collisionPadding:10,"aria-label":P?void 0:g,"aria-labelledby":P,...R,forceMount:m?!0:void 0,onOpenAutoFocus:T,ref:r,className:u("rt-PopperContent","rt-BaseMenuContent","rt-variant-soft","rt-ComboboxContent",l)},e.createElement(pe.Provider,{value:E},e.createElement(N,{ref:h,loop:t.loop,shouldFilter:t.shouldFilter,filter:t.filter,label:g,defaultValue:S,className:"rt-ComboboxCommand"},d,e.createElement(ke,null))))))});xe.displayName="Combobox.Content";var ge=e.forwardRef(({className:o,startAdornment:r,endAdornment:t,placeholder:n,variant:a,value:s,onValueChange:l,...d},i)=>{let m=k("Input"),C=e.useContext(ce),f=ue(),V=a??"soft",P=s??C?.value??"",R=l??C?.setValue,p=e.createElement("div",{className:u("rt-TextFieldRoot","rt-ComboboxInputRoot",f?.sizeClassName,`rt-variant-${V}`),"data-accent-color":f?.color},r?e.createElement("div",{className:"rt-TextFieldSlot"},r):null,e.createElement(N.Input,{...d,ref:i,value:P,onValueChange:R,placeholder:n??m.searchPlaceholder,className:u("rt-reset","rt-TextFieldInput",o)}),t?e.createElement("div",{className:"rt-TextFieldSlot","data-side":"right"},t):null);return f?e.createElement("div",{className:"rt-ComboboxSearch"},p):p});ge.displayName="Combobox.Input";var Pe=e.forwardRef(({className:o,children:r,label:t,...n},a)=>{let s=ue();return e.createElement("div",{className:"rt-ComboboxScrollArea"},e.createElement("div",{className:u("rt-BaseMenuViewport","rt-ComboboxViewport")},e.createElement(N.List,{...n,label:t??s?.label,ref:a,className:u("rt-ComboboxList",o)},r)))});Pe.displayName="Combobox.List";var Re=e.forwardRef(({className:o,...r},t)=>e.createElement(N.Empty,{...r,ref:t,className:u("rt-ComboboxEmpty",o)}));Re.displayName="Combobox.Empty";var he=e.forwardRef(({className:o,...r},t)=>e.createElement(N.Group,{...r,ref:t,className:u("rt-BaseMenuGroup","rt-ComboboxGroup",o)}));he.displayName="Combobox.Group";var ve=e.forwardRef(({className:o,id:r,...t},n)=>{let a=e.useId(),s=r??a,l=e.useRef(null),d=ie(n,l);return W(()=>{let i=l.current?.closest("[cmdk-group-items]");if(!(!i||i.hasAttribute("aria-labelledby")))return i.setAttribute("aria-labelledby",s),()=>{i.getAttribute("aria-labelledby")===s&&i.removeAttribute("aria-labelledby")}},[s]),e.createElement("div",{...t,id:s,ref:d,className:u("rt-BaseMenuLabel","rt-ComboboxLabel",o)})});ve.displayName="Combobox.Label";var ye=e.forwardRef(({className:o,...r},t)=>e.createElement(N.Separator,{...r,ref:t,className:u("rt-BaseMenuSeparator","rt-ComboboxSeparator",o)}));ye.displayName="Combobox.Separator";function H(o){return o==null||typeof o=="boolean"?"":typeof o=="string"||typeof o=="number"?String(o):Array.isArray(o)?o.map(H).join(""):e.isValidElement(o)?H(o.props.children):""}var Se=e.forwardRef(({className:o,children:r,label:t,value:n,disabled:a,onSelect:s,keywords:l,...d},i)=>{let m=e.useContext(be);if(!m)throw new Error("Combobox.Item must be used within Combobox.Root");let{store:C,onSelect:f,disabled:V}=m,P=n??(typeof r=="string"?r.trim():void 0),R=()=>P!==void 0&&C.get()===P,p=e.useSyncExternalStore(C.subscribe,R,R),c=A(s),x=e.useCallback(T=>{let S=n??T;f(S),c(S)},[n,f,c]),v=(t??H(r)).replace(/\s+/g," ").trim(),g=v?l?[v,...l]:[v]:l,E=g?g.join("\0"):"",h=a??V??!1;return e.createElement(N.Item,{key:E,...d,value:n,keywords:g,"aria-checked":p,disabled:h||void 0,ref:i,onSelect:x,className:u("rt-reset","rt-BaseMenuItem","rt-ComboboxItem",o)},p?e.createElement("span",{className:u("rt-BaseMenuItemIndicator","rt-ComboboxItemIndicator")},e.createElement(ee,{className:u("rt-BaseMenuItemIndicatorIcon","rt-ComboboxItemIndicatorIcon")})):null,e.createElement(J,null,r))});Se.displayName="Combobox.Item";export{de as a,Ce as b,fe as c,xe as d,ge as e,Pe as f,Re as g,he as h,ve as i,ye as j,Se as k,ze as l};
-//# sourceMappingURL=chunk-EUHAZKWY.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/combobox.tsx"],
-  "sourcesContent": ["'use client';\n\n/**\n * Combobox: Radix Popover for positioning, dismissal and focus; cmdk for search,\n * filtering and keyboard navigation.\n *\n * Render path. State is split so an interaction re-renders only what reads it:\n * - `ComboboxContext` (Trigger, Value, Content): config and the selected value.\n *   Open state is not in it, so opening and closing re-render no consumer.\n * - `ComboboxSearchContext` (Input only): the search text.\n * - `ComboboxItemContext` (Items): stable values only. Items read \"am I selected\"\n *   from a store through `useSyncExternalStore`, so a selection re-renders the old\n *   and the new selected item, not all N.\n *\n * Highlight. cmdk's `data-selected` is the single highlight source, driven by both\n * the pointer and the keyboard. There is no separate CSS `:hover` highlight, so two\n * items are never lit at once and Enter always picks the lit item.\n */\n\nimport { warnDeprecated } from '../helpers/warn-deprecated.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { useCallbackRef, useComposedRefs, useControllableState, useLayoutEffect } from 'radix-ui/internal';\nimport { Command as CommandPrimitive, useCommandState } from 'cmdk';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../helpers/theme-size.js';\nimport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport * as Popover from './popover.js';\nimport { Slottable } from './slot.js';\nimport { VisuallyHidden } from './visually-hidden.js';\n\nimport type { textFieldRootPropDefs } from './text-field.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];\ntype ComboboxValue = string | null;\ntype CommandFilter = (value: string, search: string, keywords?: string[]) => number;\n\n// Hoisted so extractProps' compiled prop-def cache (keyed by object identity) hits.\nconst triggerSizingPropDefs = { size: comboboxRootPropDefs.size };\nconst contentSizePropDefs = { size: comboboxContentPropDefs.size };\n\nconst warned = new Set<string>();\nfunction warnOnce(message: string) {\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(message);\n}\n\n// ============================================================================\n// Selection store\n// ============================================================================\n\ninterface SelectionStore {\n  get: () => ComboboxValue;\n  set: (value: ComboboxValue) => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\nfunction createSelectionStore(initial: ComboboxValue): SelectionStore {\n  let current = initial;\n  const listeners = new Set<() => void>();\n  return {\n    get: () => current,\n    set: (next) => {\n      if (Object.is(next, current)) return;\n      current = next;\n      listeners.forEach((listener) => listener());\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\ninterface ComboboxContextValue {\n  value: ComboboxValue;\n  displayValue?: string;\n  setOpen: (open: boolean) => void;\n  size?: ComboboxRootOwnProps['size'];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  disabled?: boolean;\n  color?: string;\n  loop: boolean;\n  shouldFilter: boolean;\n  filter?: CommandFilter;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  /** Reads the trigger's accessible name from the DOM (aria-label, aria-labelledby or <label>). */\n  getTriggerLabel: () => string | undefined;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null);\n\nconst useComboboxContext = (componentName: string) => {\n  const ctx = React.useContext(ComboboxContext);\n  if (!ctx) {\n    throw new Error(`Combobox.${componentName} must be used within Combobox.Root`);\n  }\n  return ctx;\n};\n\ninterface ComboboxSearchContextValue {\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst ComboboxSearchContext = React.createContext<ComboboxSearchContextValue | null>(null);\n\ninterface ComboboxItemContextValue {\n  store: SelectionStore;\n  onSelect: (value: string) => void;\n  disabled?: boolean;\n}\n\nconst ComboboxItemContext = React.createContext<ComboboxItemContextValue | null>(null);\n\n/** Values resolved by Content and read by Input and List. */\ninterface ComboboxContentContextValue {\n  sizeClassName?: string;\n  color?: string;\n  label?: string;\n}\n\nconst ComboboxContentContext = React.createContext<ComboboxContentContextValue | null>(null);\n\nconst useComboboxContentContext = () => React.useContext(ComboboxContentContext);\n\n// ============================================================================\n// Root\n// ============================================================================\n\ntype ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {\n  value?: ComboboxValue;\n  defaultValue?: ComboboxValue;\n  onValueChange?: (value: ComboboxValue) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  defaultSearchValue?: string;\n  onSearchValueChange?: (value: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loop?: boolean;\n  disabled?: boolean;\n  /** Clear the search text when an option is selected. Defaults to true. */\n  resetSearchOnSelect?: boolean;\n  /** Clear the search text when the popup is dismissed without a selection. Defaults to true. */\n  resetSearchOnClose?: boolean;\n  color?: (typeof comboboxTriggerPropDefs.color.values)[number];\n  /**\n   * Text shown in the trigger for the selected value. Without it the raw value is shown.\n   * Can be a string or a function that receives the current value. Pass a stable\n   * function (module scope or `useCallback`): an inline function runs on every render.\n   * @example displayValue={(v) => items.find(i => i.value === v)?.label}\n   */\n  displayValue?: string | ((value: ComboboxValue) => string | undefined);\n};\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;\ninterface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {}\n\nfunction readElementLabel(el: HTMLElement): string | undefined {\n  const ariaLabel = el.getAttribute('aria-label')?.trim();\n  if (ariaLabel) return ariaLabel;\n\n  const labelledBy = el.getAttribute('aria-labelledby');\n  if (labelledBy) {\n    const text = labelledBy\n      .split(/\\s+/)\n      .map((id) => el.ownerDocument.getElementById(id)?.textContent?.trim())\n      .filter(Boolean)\n      .join(' ');\n    if (text) return text;\n  }\n\n  const labels = (el as HTMLButtonElement).labels;\n  if (labels && labels.length > 0) {\n    const text = Array.from(labels)\n      .map((label) => label.textContent?.trim())\n      .filter(Boolean)\n      .join(' ');\n    if (text) return text;\n  }\n\n  return undefined;\n}\n\nconst ComboboxRoot: React.FC<ComboboxRootProps> = (props) => {\n  const {\n    children,\n    size: sizeProp,\n    value: valueProp,\n    defaultValue = null,\n    onValueChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    placeholder = 'Select an option',\n    searchPlaceholder = 'Search...',\n    searchValue: searchValueProp,\n    defaultSearchValue = '',\n    onSearchValueChange,\n    filter,\n    shouldFilter = true,\n    loop = true,\n    disabled,\n    resetSearchOnSelect = true,\n    resetSearchOnClose = true,\n    color,\n    displayValue: displayValueProp,\n    ...rootProps\n  } = props;\n  const size = useThemeSize(sizeProp, comboboxRootPropDefs.size);\n\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [value, setValue] = useControllableState<ComboboxValue>({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange,\n  });\n\n  const [searchValue, setSearchValue] = useControllableState<string>({\n    prop: searchValueProp,\n    defaultProp: defaultSearchValue,\n    onChange: onSearchValueChange,\n  });\n\n  const resolvedDisplayValue = typeof displayValueProp === 'function' ? displayValueProp(value) : displayValueProp;\n\n  // Items subscribe to this store instead of the context, so a selection\n  // re-renders only the items whose selected state flips.\n  const [store] = React.useState(() => createSelectionStore(value));\n  useLayoutEffect(() => {\n    store.set(value);\n  }, [store, value]);\n\n  // The radix setters change identity whenever their controlled prop changes.\n  // Reading them through callback refs keeps these handlers stable, so the\n  // contexts below do not change on every keystroke or selection.\n  const handleOpenChange = useCallbackRef((nextOpen: boolean) => {\n    setOpen(nextOpen);\n    if (!nextOpen && resetSearchOnClose) setSearchValue('');\n  });\n\n  const onSelect = useCallbackRef((nextValue: string) => {\n    setValue(nextValue);\n    setOpen(false);\n    if (resetSearchOnSelect) setSearchValue('');\n  });\n\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const getTriggerLabel = React.useCallback(() => (triggerRef.current ? readElementLabel(triggerRef.current) : undefined), []);\n\n  const contextValue = React.useMemo<ComboboxContextValue>(\n    () => ({\n      value,\n      displayValue: resolvedDisplayValue,\n      setOpen: handleOpenChange,\n      size,\n      placeholder,\n      searchPlaceholder,\n      disabled,\n      color,\n      loop,\n      shouldFilter,\n      filter,\n      triggerRef,\n      getTriggerLabel,\n    }),\n    [value, resolvedDisplayValue, handleOpenChange, size, placeholder, searchPlaceholder, disabled, color, loop, shouldFilter, filter, getTriggerLabel],\n  );\n\n  const searchContextValue = React.useMemo<ComboboxSearchContextValue>(() => ({ value: searchValue, setValue: setSearchValue }), [searchValue, setSearchValue]);\n\n  const itemContextValue = React.useMemo<ComboboxItemContextValue>(() => ({ store, onSelect, disabled }), [store, onSelect, disabled]);\n\n  return (\n    <ComboboxContext.Provider value={contextValue}>\n      <ComboboxSearchContext.Provider value={searchContextValue}>\n        <ComboboxItemContext.Provider value={itemContextValue}>\n          <Popover.Root open={open} onOpenChange={handleOpenChange} {...rootProps}>\n            {children}\n          </Popover.Root>\n        </ComboboxItemContext.Provider>\n      </ComboboxSearchContext.Provider>\n    </ComboboxContext.Provider>\n  );\n};\nComboboxRoot.displayName = 'Combobox.Root';\n\n// ============================================================================\n// Trigger\n// ============================================================================\n\ntype ComboboxTriggerElement = HTMLButtonElement;\ntype ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;\ntype NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;\ninterface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {}\n\nconst ComboboxTrigger = React.forwardRef<ComboboxTriggerElement, ComboboxTriggerProps>((props, forwardedRef) => {\n  const ctx = useComboboxContext('Trigger');\n\n  const {\n    children,\n    className,\n    placeholder,\n    disabled,\n    readOnly,\n    error,\n    loading,\n    color,\n    radius,\n    onClick,\n    onKeyDown,\n    type: buttonType,\n    ...triggerProps\n  } = extractProps({ size: ctx.size, ...props }, triggerSizingPropDefs, comboboxTriggerPropDefs, marginPropDefs);\n\n  const isDisabled = disabled ?? ctx.disabled;\n  const resolvedColor = color ?? ctx.color;\n  // Read-only and loading triggers stay focusable but do not open.\n  const isBlocked = Boolean(readOnly || loading);\n  const isPlaceholder = ctx.value == null && ctx.displayValue == null;\n\n  const composedRef = useComposedRefs(forwardedRef, ctx.triggerRef);\n\n  const { getTriggerLabel } = ctx;\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (!getTriggerLabel()) {\n      warnOnce(\n        'Combobox.Trigger has no accessible name. The combobox role does not take its name from its content. Add `aria-label`, `aria-labelledby`, or a `<label htmlFor>` that points at the trigger.',\n      );\n    }\n  }, [getTriggerLabel]);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    // Radix skips its open toggle when the event is default-prevented.\n    if (isBlocked) event.preventDefault();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || isBlocked || isDisabled) return;\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      ctx.setOpen(true);\n    }\n  };\n\n  const defaultContent = (\n    <>\n      <span className=\"rt-SelectTriggerInner\">\n        <span className=\"rt-ComboboxValue\">{ctx.displayValue ?? ctx.value ?? placeholder ?? ctx.placeholder}</span>\n      </span>\n      {loading ? (\n        <div className=\"rt-SelectIcon rt-SelectLoadingIcon\" aria-hidden=\"true\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <circle\n              cx=\"8\"\n              cy=\"8\"\n              r=\"7\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeDasharray=\"32\"\n              strokeDashoffset=\"32\"\n              className=\"rt-SelectLoadingIconCircle\"\n            />\n          </svg>\n        </div>\n      ) : (\n        <ChevronDownIcon className=\"rt-SelectIcon\" />\n      )}\n    </>\n  );\n\n  // Radix Popover.Trigger supplies aria-expanded, aria-controls (the popup id) and\n  // aria-haspopup=\"dialog\", which matches the Popover dialog this opens.\n  return (\n    <Popover.Trigger disabled={isDisabled}>\n      <button\n        data-accent-color={resolvedColor}\n        data-radius={radius}\n        data-error={error}\n        data-loading={loading}\n        data-disabled={isDisabled || undefined}\n        data-read-only={readOnly || undefined}\n        data-placeholder={isPlaceholder ? '' : undefined}\n        {...triggerProps}\n        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props -- Popover.Trigger (Slot) adds aria-expanded and aria-controls\n        role=\"combobox\"\n        aria-disabled={isDisabled || undefined}\n        aria-readonly={readOnly || undefined}\n        aria-invalid={error || undefined}\n        aria-busy={loading || undefined}\n        type={buttonType ?? 'button'}\n        disabled={isDisabled}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        ref={composedRef}\n        className={classNames('rt-reset', 'rt-SelectTrigger', 'rt-ComboboxTrigger', className)}\n      >\n        {children ? requireReactElement(children) : defaultContent}\n      </button>\n    </Popover.Trigger>\n  );\n});\nComboboxTrigger.displayName = 'Combobox.Trigger';\n\n// ============================================================================\n// Value (standalone, for custom trigger layouts)\n// ============================================================================\n\ntype ComboboxValueElement = HTMLSpanElement;\ninterface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {\n  placeholder?: string;\n}\n\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n  const ctx = useComboboxContext('Value');\n  const display = ctx.displayValue ?? ctx.value ?? undefined;\n  return (\n    <span {...valueProps} ref={forwardedRef} className={classNames('rt-ComboboxValue', className)}>\n      {display ?? children ?? placeholder ?? ctx.placeholder}\n    </span>\n  );\n});\nComboboxValue.displayName = 'Combobox.Value';\n\n// ============================================================================\n// Content\n// ============================================================================\n\ntype ComboboxContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ntype ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {\n  container?: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>['container'];\n};\ninterface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof PopoverPrimitive.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {}\n\n/** Announces the filtered result count to screen readers after typing settles. */\nfunction ComboboxAnnouncer() {\n  const count = useCommandState((state) => state.filtered.count);\n  const search = useCommandState((state) => state.search);\n  const [message, setMessage] = React.useState('');\n\n  React.useEffect(() => {\n    const next = !search ? '' : count === 0 ? 'No results' : `${count} result${count === 1 ? '' : 's'}`;\n    const timeout = window.setTimeout(() => setMessage(next), search ? 400 : 0);\n    return () => window.clearTimeout(timeout);\n  }, [count, search]);\n\n  return (\n    <VisuallyHidden role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n      {message}\n    </VisuallyHidden>\n  );\n}\n\nconst ComboboxContent = React.forwardRef<ComboboxContentElement, ComboboxContentProps>((props, forwardedRef) => {\n  const ctx = useComboboxContext('Content');\n  const themeContext = useThemeContext();\n\n  // Menus stop at size 3; a size 4 field opens a size 3 list.\n  const rootSize = ctx.size === '4' ? '3' : ctx.size;\n  const size = props.size ?? rootSize ?? comboboxContentPropDefs.size.default;\n\n  const {\n    className,\n    children,\n    color,\n    forceMount,\n    container,\n    onOpenAutoFocus,\n    'aria-label': _ariaLabel,\n    'aria-labelledby': ariaLabelledByProp,\n    ...contentProps\n  } = extractProps({ ...props, size }, comboboxContentPropDefs);\n\n  const resolvedColor = color || ctx.color || themeContext.accentColor;\n\n\n  // The trigger's name labels the popup, the search field and the listbox.\n  // Read once per mount (the content remounts on every open); fall back to a\n  // layout effect when the trigger was not attached yet (defaultOpen, forceMount).\n  const { getTriggerLabel } = ctx;\n  const [triggerLabel, setTriggerLabel] = React.useState(getTriggerLabel);\n  useLayoutEffect(() => {\n    if (triggerLabel !== undefined) return;\n    const label = getTriggerLabel();\n    if (label !== undefined) setTriggerLabel(label);\n  }, [getTriggerLabel, triggerLabel]);\n\n  const label = props['aria-label'] ?? triggerLabel;\n\n  const contentContextValue = React.useMemo<ComboboxContentContextValue>(\n    () => ({\n      // Responsive-aware size class for the search field (never String() a responsive object).\n      sizeClassName: extractProps({ size }, contentSizePropDefs).className || undefined,\n      color: resolvedColor,\n      label,\n    }),\n    [size, resolvedColor, label],\n  );\n\n  const commandRef = React.useRef<HTMLDivElement>(null);\n\n  // Without a search field, focus would land on the popup itself, outside cmdk's\n  // keydown handler. Focus the listbox instead so arrow keys and Enter work.\n  const handleOpenAutoFocus = (event: Event) => {\n    onOpenAutoFocus?.(event);\n    if (event.defaultPrevented) return;\n    const command = commandRef.current;\n    if (!command || command.querySelector('[cmdk-input]')) return;\n    event.preventDefault();\n    const list = command.querySelector<HTMLElement>('[cmdk-list]');\n    (list ?? command).focus({ preventScroll: true });\n  };\n\n  // Start the highlight on the selected option (cmdk trims item values).\n  const initialHighlight = ctx.value?.trim() || undefined;\n\n  return (\n    <PopoverPrimitive.Portal container={container} forceMount={forceMount ? true : undefined}>\n      <Theme asChild>\n        <PopoverPrimitive.Content\n          data-accent-color={resolvedColor}\n          align=\"start\"\n          sideOffset={4}\n          collisionPadding={10}\n          aria-label={ariaLabelledByProp ? undefined : label}\n          aria-labelledby={ariaLabelledByProp}\n          {...contentProps}\n          forceMount={forceMount ? true : undefined}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          ref={forwardedRef}\n          className={classNames('rt-PopperContent', 'rt-BaseMenuContent',\n          'rt-variant-soft', 'rt-ComboboxContent', className)}\n        >\n          <ComboboxContentContext.Provider value={contentContextValue}>\n            <CommandPrimitive\n              ref={commandRef}\n              loop={ctx.loop}\n              shouldFilter={ctx.shouldFilter}\n              filter={ctx.filter}\n              label={label}\n              defaultValue={initialHighlight}\n              className=\"rt-ComboboxCommand\"\n            >\n              {children}\n              <ComboboxAnnouncer />\n            </CommandPrimitive>\n          </ComboboxContentContext.Provider>\n        </PopoverPrimitive.Content>\n      </Theme>\n    </PopoverPrimitive.Portal>\n  );\n});\nComboboxContent.displayName = 'Combobox.Content';\n\n// ============================================================================\n// Input\n// ============================================================================\n\ntype ComboboxInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ninterface ComboboxInputProps extends Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'onValueChange'> {\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  variant?: TextFieldVariant;\n  value?: string;\n  onValueChange?: (value: string) => void;\n}\n\nconst ComboboxInput = React.forwardRef<ComboboxInputElement, ComboboxInputProps>(\n  ({ className, startAdornment, endAdornment, placeholder, variant: inputVariant, value, onValueChange, ...inputProps }, forwardedRef) => {\n    const ctx = useComboboxContext('Input');\n    const search = React.useContext(ComboboxSearchContext);\n    const contentContext = useComboboxContentContext();\n\n    const textFieldVariant = inputVariant ?? 'soft';\n\n    // The search text lives in Root; only this component subscribes to it.\n    const searchValue = value ?? search?.value ?? '';\n    const handleSearchChange = onValueChange ?? search?.setValue;\n\n    const inputField = (\n      <div\n        className={classNames('rt-TextFieldRoot', 'rt-ComboboxInputRoot', contentContext?.sizeClassName, `rt-variant-${textFieldVariant}`)}\n        data-accent-color={contentContext?.color}\n      >\n        {startAdornment ? <div className=\"rt-TextFieldSlot\">{startAdornment}</div> : null}\n        <CommandPrimitive.Input\n          {...inputProps}\n          ref={forwardedRef}\n          value={searchValue}\n          onValueChange={handleSearchChange}\n          placeholder={placeholder ?? ctx.searchPlaceholder}\n          className={classNames('rt-reset', 'rt-TextFieldInput', className)}\n        />\n        {endAdornment ? (\n          <div className=\"rt-TextFieldSlot\" data-side=\"right\">\n            {endAdornment}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return contentContext ? <div className=\"rt-ComboboxSearch\">{inputField}</div> : inputField;\n  },\n);\nComboboxInput.displayName = 'Combobox.Input';\n\n// ============================================================================\n// List\n// ============================================================================\n\ntype ComboboxListElement = React.ElementRef<typeof CommandPrimitive.List>;\ninterface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\n\n// cmdk's List owns its id (referenced by the input's aria-controls), role and\n// aria-label (set from `label`), so none of them are overridden here.\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, children, label, ...listProps }, forwardedRef) => {\n  const contentContext = useComboboxContentContext();\n  return (\n    <div className=\"rt-ComboboxScrollArea\">\n      <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n        <CommandPrimitive.List {...listProps} label={label ?? contentContext?.label} ref={forwardedRef} className={classNames('rt-ComboboxList', className)}>\n          {children}\n        </CommandPrimitive.List>\n      </div>\n    </div>\n  );\n});\nComboboxList.displayName = 'Combobox.List';\n\n// ============================================================================\n// Empty\n// ============================================================================\n\ntype ComboboxEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ninterface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\n\nconst ComboboxEmpty = React.forwardRef<ComboboxEmptyElement, ComboboxEmptyProps>(({ className, ...emptyProps }, forwardedRef) => (\n  <CommandPrimitive.Empty {...emptyProps} ref={forwardedRef} className={classNames('rt-ComboboxEmpty', className)} />\n));\nComboboxEmpty.displayName = 'Combobox.Empty';\n\n// ============================================================================\n// Group\n// ============================================================================\n\ntype ComboboxGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ninterface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\n\nconst ComboboxGroup = React.forwardRef<ComboboxGroupElement, ComboboxGroupProps>(({ className, ...groupProps }, forwardedRef) => (\n  <CommandPrimitive.Group {...groupProps} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-ComboboxGroup', className)} />\n));\nComboboxGroup.displayName = 'Combobox.Group';\n\n// ============================================================================\n// Label\n// ============================================================================\n\ntype ComboboxLabelElement = React.ElementRef<'div'>;\ninterface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst ComboboxLabel = React.forwardRef<ComboboxLabelElement, ComboboxLabelProps>(({ className, id: idProp, ...labelProps }, forwardedRef) => {\n  const generatedId = React.useId();\n  const id = idProp ?? generatedId;\n  const localRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, localRef);\n\n  // cmdk renders the group's role=\"group\" element itself and gives no way to\n  // label it from a child, so name it after this label when inside a Group.\n  useLayoutEffect(() => {\n    const group = localRef.current?.closest('[cmdk-group-items]');\n    if (!group || group.hasAttribute('aria-labelledby')) return;\n    group.setAttribute('aria-labelledby', id);\n    return () => {\n      if (group.getAttribute('aria-labelledby') === id) group.removeAttribute('aria-labelledby');\n    };\n  }, [id]);\n\n  return <div {...labelProps} id={id} ref={composedRef} className={classNames('rt-BaseMenuLabel', 'rt-ComboboxLabel', className)} />;\n});\nComboboxLabel.displayName = 'Combobox.Label';\n\n// ============================================================================\n// Separator\n// ============================================================================\n\ntype ComboboxSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ninterface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\n\nconst ComboboxSeparator = React.forwardRef<ComboboxSeparatorElement, ComboboxSeparatorProps>(({ className, ...separatorProps }, forwardedRef) => (\n  <CommandPrimitive.Separator {...separatorProps} ref={forwardedRef} className={classNames('rt-BaseMenuSeparator', 'rt-ComboboxSeparator', className)} />\n));\nComboboxSeparator.displayName = 'Combobox.Separator';\n\n// ============================================================================\n// Item\n// ============================================================================\n\n/** Plain text of a React node tree, used as the item's search text. */\nfunction getNodeText(node: React.ReactNode): string {\n  if (node == null || typeof node === 'boolean') return '';\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (React.isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\ntype ComboboxItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ninterface ComboboxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, 'keywords' | 'onSelect'> {\n  /**\n   * Text matched by search. Defaults to the text of `children`. Set it when the\n   * children are components whose text is not in the JSX (it cannot be read).\n   */\n  label?: string;\n  /** Additional keywords for search filtering. */\n  keywords?: string[];\n  /** Called when the item is selected. */\n  onSelect?: (value: string) => void;\n}\n\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(\n  ({ className, children, label, value, disabled, onSelect, keywords, ...itemProps }, forwardedRef) => {\n    const itemContext = React.useContext(ComboboxItemContext);\n    if (!itemContext) {\n      throw new Error('Combobox.Item must be used within Combobox.Root');\n    }\n    const { store, onSelect: onSelectFromRoot, disabled: rootDisabled } = itemContext;\n\n    // Without `value`, cmdk uses the trimmed text of string children.\n    const itemValue = value ?? (typeof children === 'string' ? children.trim() : undefined);\n    const getIsSelected = () => itemValue !== undefined && store.get() === itemValue;\n    const isSelected = React.useSyncExternalStore(store.subscribe, getIsSelected, getIsSelected);\n\n    const onSelectProp = useCallbackRef(onSelect);\n    // cmdk passes its resolved value (the `value` prop, or the text when `value` is omitted).\n    const handleSelect = React.useCallback(\n      (resolvedValue: string) => {\n        const nextValue = value ?? resolvedValue;\n        onSelectFromRoot(nextValue);\n        onSelectProp(nextValue);\n      },\n      [value, onSelectFromRoot, onSelectProp],\n    );\n\n    // cmdk matches only `value` and `keywords`, so add the visible text as a keyword.\n    const text = (label ?? getNodeText(children)).replace(/\\s+/g, ' ').trim();\n    const searchKeywords = text ? (keywords ? [text, ...keywords] : [text]) : keywords;\n    // cmdk stores keywords only when `value` changes. Remount the cmdk item when\n    // they change so a new label or keyword list is picked up.\n    const keywordsKey = searchKeywords ? searchKeywords.join('\u0000') : '';\n\n    const isDisabled = disabled ?? rootDisabled ?? false;\n\n    return (\n      <CommandPrimitive.Item\n        key={keywordsKey}\n        {...itemProps}\n        value={value}\n        keywords={searchKeywords}\n        // cmdk owns aria-selected (the highlighted option); the chosen option is aria-checked.\n        aria-checked={isSelected}\n        disabled={isDisabled || undefined}\n        ref={forwardedRef}\n        onSelect={handleSelect}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-ComboboxItem', className)}\n      >\n        {isSelected ? (\n          <span className={classNames('rt-BaseMenuItemIndicator', 'rt-ComboboxItemIndicator')}>\n            <ThickCheckIcon className={classNames('rt-BaseMenuItemIndicatorIcon', 'rt-ComboboxItemIndicatorIcon')} />\n          </span>\n        ) : null}\n        <Slottable>{children}</Slottable>\n      </CommandPrimitive.Item>\n    );\n  },\n);\nComboboxItem.displayName = 'Combobox.Item';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  ComboboxRoot as Root,\n  ComboboxTrigger as Trigger,\n  ComboboxValue as Value,\n  ComboboxContent as Content,\n  ComboboxInput as Input,\n  ComboboxList as List,\n  ComboboxEmpty as Empty,\n  ComboboxGroup as Group,\n  ComboboxLabel as Label,\n  ComboboxSeparator as Separator,\n  ComboboxItem as Item,\n};\n\nexport type {\n  ComboboxRootProps as RootProps,\n  ComboboxTriggerProps as TriggerProps,\n  ComboboxValueProps as ValueProps,\n  ComboboxContentProps as ContentProps,\n  ComboboxInputProps as InputProps,\n  ComboboxListProps as ListProps,\n  ComboboxEmptyProps as EmptyProps,\n  ComboboxGroupProps as GroupProps,\n  ComboboxLabelProps as LabelProps,\n  ComboboxSeparatorProps as SeparatorProps,\n  ComboboxItemProps as ItemProps,\n};\n"],
-  "mappings": "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",
-  "names": ["combobox_exports", "__export", "ComboboxContent", "ComboboxEmpty", "ComboboxGroup", "ComboboxInput", "ComboboxItem", "ComboboxLabel", "ComboboxList", "ComboboxRoot", "ComboboxSeparator", "ComboboxTrigger", "ComboboxValue", "React", "classNames", "PopoverPrimitive", "useCallbackRef", "useComposedRefs", "useControllableState", "useLayoutEffect", "CommandPrimitive", "useCommandState", "triggerSizingPropDefs", "comboboxRootPropDefs", "contentSizePropDefs", "comboboxContentPropDefs", "warned", "warnOnce", "message", "createSelectionStore", "initial", "current", "listeners", "next", "listener", "ComboboxContext", "useComboboxContext", "componentName", "ctx", "ComboboxSearchContext", "ComboboxItemContext", "ComboboxContentContext", "useComboboxContentContext", "readElementLabel", "el", "ariaLabel", "labelledBy", "text", "id", "labels", "label", "ComboboxRoot", "props", "children", "sizeProp", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "resetSearchOnSelect", "resetSearchOnClose", "color", "displayValueProp", "rootProps", "size", "useThemeSize", "open", "setOpen", "useControllableState", "value", "setValue", "searchValue", "setSearchValue", "resolvedDisplayValue", "store", "useLayoutEffect", "handleOpenChange", "useCallbackRef", "nextOpen", "onSelect", "nextValue", "triggerRef", "getTriggerLabel", "contextValue", "searchContextValue", "itemContextValue", "PopoverRoot", "ComboboxTrigger", "forwardedRef", "className", "readOnly", "error", "loading", "radius", "onClick", "onKeyDown", "buttonType", "triggerProps", "extractProps", "comboboxTriggerPropDefs", "marginPropDefs", "isDisabled", "resolvedColor", "isBlocked", "isPlaceholder", "composedRef", "useComposedRefs", "handleClick", "event", "handleKeyDown", "defaultContent", "ChevronDownIcon", "PopoverTrigger", "classNames", "requireReactElement", "ComboboxValue", "valueProps", "display", "ComboboxAnnouncer", "count", "useCommandState", "state", "search", "setMessage", "timeout", "VisuallyHidden", "ComboboxContent", "themeContext", "useThemeContext", "rootSize", "forceMount", "container", "onOpenAutoFocus", "_ariaLabel", "ariaLabelledByProp", "contentProps", "triggerLabel", "setTriggerLabel", "contentContextValue", "commandRef", "handleOpenAutoFocus", "command", "initialHighlight", "PopoverPrimitive", "Theme", "CommandPrimitive", "ComboboxInput", "startAdornment", "endAdornment", "inputVariant", "inputProps", "contentContext", "textFieldVariant", "handleSearchChange", "inputField", "ComboboxList", "listProps", "ComboboxEmpty", "emptyProps", "ComboboxGroup", "groupProps", "ComboboxLabel", "idProp", "labelProps", "generatedId", "localRef", "group", "ComboboxSeparator", "separatorProps", "getNodeText", "node", "ComboboxItem", "keywords", "itemProps", "itemContext", "onSelectFromRoot", "rootDisabled", "itemValue", "getIsSelected", "isSelected", "onSelectProp", "handleSelect", "resolvedValue", "searchKeywords", "keywordsKey", "ThickCheckIcon", "Slottable"]
-}

package/dist/esm/chunk-F2UUKVBM.js

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

package/dist/esm/chunk-F7HK2QLM.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk-2WSD2H23.js";import{a as p}from"./chunk-WYADYDPN.js";import{a as s}from"./chunk-ZE2KAVXW.js";import{b as e}from"./chunk-ZWZGUBL4.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{c as r}from"./chunk-34KVYDF6.js";var f=["1","2","3","4","5","6","7","8","9"],n={...o,size:{type:"enum",className:"rt-r-size",values:f,responsive:!0},...t,...r,...e,...s,...p};export{n as a};
-//# sourceMappingURL=chunk-F7HK2QLM.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/blockquote.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { emphasisPropDef } from '../props/emphasis.prop.js';\nimport { textWrapPropDef } from '../props/text-wrap.prop.js';\nimport { truncatePropDef } from '../props/truncate.prop.js';\nimport { weightPropDef } from '../props/weight.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\n\nconst blockquotePropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: sizes,\n    responsive: true,\n  },\n  ...weightPropDef,\n  ...colorPropDef,\n  ...emphasisPropDef,\n  ...truncatePropDef,\n  ...textWrapPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { blockquotePropDefs };\n"],
-  "mappings": "gPASA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAEpDC,EAAqB,CACzB,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQF,EACR,WAAY,EACd,EACA,GAAGG,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACL",
-  "names": ["sizes", "blockquotePropDefs", "asChildPropDef", "weightPropDef", "colorPropDef", "emphasisPropDef", "truncatePropDef", "textWrapPropDef"]
-}

package/dist/esm/chunk-FGORMEAO.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-NZJGC6ZW.js";var s=["div","span"],o=["none","inline","inline-block","block","contents"],t={as:{type:"enum",values:s,default:"div"},...e,display:{type:"enum",className:"rt-r-display",values:o,responsive:!0}};export{t as a};
-//# sourceMappingURL=chunk-FGORMEAO.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/box.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline', 'inline-block', 'block', 'contents'] as const;\n\nconst boxPropDefs = {\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-block\"\n   * display={{ sm: 'none', lg: 'block' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype BoxOwnProps = GetPropDefTypes<typeof boxPropDefs & typeof asChildPropDef>;\n\nexport { boxPropDefs };\nexport type { BoxOwnProps };\n"],
-  "mappings": "wCAIA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,SAAU,eAAgB,QAAS,UAAU,EAEtEC,EAAc,CAQlB,GAAI,CAAE,KAAM,OAAQ,OAAQF,EAAI,QAAS,KAAM,EAC/C,GAAGG,EAYH,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQF,EACR,WAAY,EACd,CACF",
-  "names": ["as", "displayValues", "boxPropDefs", "asChildPropDef"]
-}

package/dist/esm/chunk-FHEHX7CE.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-MJJ7XDIP.js";import*as e from"react";import m from"classnames";import{Slot as R}from"radix-ui";var a=e.forwardRef(({className:t,children:r,...s},p)=>e.createElement(R.Root,{...s,ref:p,className:m("rt-reset",t)},o(r)));a.displayName="Reset";export{a};
-//# sourceMappingURL=chunk-FHEHX7CE.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/reset.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ninterface ResetProps extends ComponentPropsWithout<typeof Slot.Root, RemovedProps> {}\nconst Reset = React.forwardRef<HTMLElement, ResetProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <Slot.Root {...props} ref={forwardedRef} className={classNames('rt-reset', className)}>\n        {requireReactElement(children)}\n      </Slot.Root>\n    );\n  }\n);\nReset.displayName = 'Reset';\n\nexport { Reset };\nexport type { ResetProps };\n"],
-  "mappings": "wCAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAOrB,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAEhC,gBAACC,EAAK,KAAL,CAAW,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,WAAYL,CAAS,GACjFM,EAAoBL,CAAQ,CAC/B,CAGN,EACAF,EAAM,YAAc",
-  "names": ["React", "classNames", "Slot", "Reset", "className", "children", "props", "forwardedRef", "Slot", "classNames", "requireReactElement"]
-}

package/dist/esm/chunk-FNRKTMNN.js

@@ -1,2 +0,0 @@
-import{a as A,b as g,c as R,d as u,e as y}from"./chunk-QOPRXQGR.js";import{e as f}from"./chunk-3YLYGKFB.js";import{a as i}from"./chunk-6FLLFCBU.js";import{a as w}from"./chunk-OS3FCYZY.js";var x={};w(x,{Content:()=>H,Header:()=>v,Item:()=>T,Root:()=>C,Trigger:()=>E});import*as o from"react";import p from"classnames";import{Accordion as m}from"radix-ui";var C=o.forwardRef((r,t)=>{let e=f(r,A.size),{className:c,flush:s,radius:P,color:a,...I}=i(e,A),n=I;n.type==="single"&&n.collapsible===void 0&&(n.collapsible=!0);let N=o.useCallback(d=>{if(n.type==="multiple"){let l=d.currentTarget.querySelectorAll("[data-radix-accordion-item]");d.key==="Home"?(d.preventDefault(),l[0]?.querySelector("[data-radix-accordion-trigger]")?.focus()):d.key==="End"&&(d.preventDefault(),l[l.length-1]?.querySelector("[data-radix-accordion-trigger]")?.focus())}},[n.type]);return o.createElement(m.Root,{...n,ref:t,className:p("rt-AccordionRoot",c),"data-accent-color":a,"data-flush":s||void 0,"data-radius":P,onKeyDown:N})});C.displayName="Accordion.Root";var T=o.forwardRef((r,t)=>{let{className:e,...c}=i(r,g);return o.createElement(m.Item,{...c,ref:t,className:p("rt-AccordionItem",e)})});T.displayName="Accordion.Item";var v=o.forwardRef((r,t)=>{let{className:e,...c}=i(r,R);return o.createElement(m.Header,{...c,ref:t,className:p("rt-AccordionHeader",e)})});v.displayName="Accordion.Header";var E=o.forwardRef(({children:r,...t},e)=>{let{className:c,...s}=i(t,u),P=o.useRef(null);return o.createElement(m.Trigger,{...s,ref:a=>{P.current=a,typeof e=="function"?e(a):e&&(e.current=a)},className:p("rt-AccordionTrigger",c)},r)});E.displayName="Accordion.Trigger";var H=o.forwardRef((r,t)=>{let{className:e,children:c,...s}=i(r,y);return o.createElement(m.Content,{...s,ref:t,className:p("rt-AccordionContent",e),"aria-live":"polite"},o.createElement("div",{className:"rt-AccordionContentInner"},c))});H.displayName="Accordion.Content";export{C as a,T as b,v as c,E as d,H as e,x as f};
-//# sourceMappingURL=chunk-FNRKTMNN.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/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>;\ninterface AccordionRootProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Root, RemovedProps>,\n    AccordionRootOwnProps {}\n\nconst AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, accordionRootPropDefs.size);\n    const { className, flush, radius, color, ...extractedRadixProps } =\n      extractProps(props, accordionRootPropDefs);\n\n    const radixProps = extractedRadixProps as React.ComponentPropsWithoutRef<\n      typeof AccordionPrimitive.Root\n    >;\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    // Handle Home/End key navigation for multi-item accordions\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent) => {\n        if (radixProps.type === 'multiple') {\n          const items = event.currentTarget.querySelectorAll('[data-radix-accordion-item]');\n\n          if (event.key === 'Home') {\n            event.preventDefault();\n            const firstTrigger = items[0]?.querySelector(\n              '[data-radix-accordion-trigger]',\n            ) as HTMLElement;\n            firstTrigger?.focus();\n          } else if (event.key === 'End') {\n            event.preventDefault();\n            const lastTrigger = items[items.length - 1]?.querySelector(\n              '[data-radix-accordion-trigger]',\n            ) as HTMLElement;\n            lastTrigger?.focus();\n          }\n        }\n      },\n      [radixProps.type],\n    );\n\n    return (\n      <AccordionPrimitive.Root\n        {...radixProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionRoot', className)}\n        data-accent-color={color}\n        data-flush={flush || undefined}\n        data-radius={radius}\n        onKeyDown={handleKeyDown}\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('rt-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('rt-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    // Radix UI handles focus management automatically\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    return (\n      <AccordionPrimitive.Trigger\n        {...triggerProps}\n        ref={(node) => {\n          triggerRef.current = node;\n          if (typeof forwardedRef === 'function') {\n            forwardedRef(node);\n          } else if (forwardedRef) {\n            forwardedRef.current = node;\n          }\n        }}\n        className={classNames('rt-AccordionTrigger', className)}\n      >\n        {children}\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('rt-AccordionContent', className)}\n        aria-live=\"polite\"\n      >\n        <div className=\"rt-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": "4LAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,WAAAC,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,aAAaC,MAA0B,WA2BhD,IAAMC,EAAsB,aAC1B,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAsB,IAAI,EAC9D,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAoB,EAC9DC,EAAaR,EAAOE,CAAqB,EAErCO,EAAaF,EAMfE,EAAW,OAAS,UAAYA,EAAW,cAAgB,SAC7DA,EAAW,YAAc,IAI3B,IAAMC,EAAsB,cACzBC,GAA+B,CAC9B,GAAIF,EAAW,OAAS,WAAY,CAClC,IAAMG,EAAQD,EAAM,cAAc,iBAAiB,6BAA6B,EAE5EA,EAAM,MAAQ,QAChBA,EAAM,eAAe,EACAC,EAAM,CAAC,GAAG,cAC7B,gCACF,GACc,MAAM,GACXD,EAAM,MAAQ,QACvBA,EAAM,eAAe,EACDC,EAAMA,EAAM,OAAS,CAAC,GAAG,cAC3C,gCACF,GACa,MAAM,EAEvB,CACF,EACA,CAACH,EAAW,IAAI,CAClB,EAEA,OACE,gBAACI,EAAmB,KAAnB,CACE,GAAGJ,EACJ,IAAKV,EACL,UAAWe,EAAW,mBAAoBX,CAAS,EACnD,oBAAmBG,EACnB,aAAYF,GAAS,OACrB,cAAaC,EACb,UAAWK,EACb,CAEJ,CACF,EACAb,EAAc,YAAc,iBAQ5B,IAAMkB,EAAsB,aAC1B,CAACf,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGa,CAAU,EAAIR,EAAaR,EAAOiB,CAAqB,EAE7E,OACE,gBAACJ,EAAmB,KAAnB,CACE,GAAGG,EACJ,IAAKjB,EACL,UAAWe,EAAW,mBAAoBX,CAAS,EACrD,CAEJ,CACF,EACAY,EAAc,YAAc,iBAQ5B,IAAMG,EAAwB,aAC5B,CAAClB,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGgB,CAAY,EAAIX,EAAaR,EAAOoB,CAAuB,EAEjF,OACE,gBAACP,EAAmB,OAAnB,CACE,GAAGM,EACJ,IAAKpB,EACL,UAAWe,EAAW,qBAAsBX,CAAS,EACvD,CAEJ,CACF,EACAe,EAAgB,YAAc,mBAQ9B,IAAMG,EAAyB,aAC7B,CAAC,CAAE,SAAAC,EAAU,GAAGtB,CAAM,EAAGD,IAAiB,CACxC,GAAM,CAAE,UAAAI,EAAW,GAAGoB,CAAa,EAAIf,EAAaR,EAAOwB,CAAwB,EAG7EC,EAAmB,SAA0B,IAAI,EAEvD,OACE,gBAACZ,EAAmB,QAAnB,CACE,GAAGU,EACJ,IAAMG,GAAS,CACbD,EAAW,QAAUC,EACjB,OAAO3B,GAAiB,WAC1BA,EAAa2B,CAAI,EACR3B,IACTA,EAAa,QAAU2B,EAE3B,EACA,UAAWZ,EAAW,sBAAuBX,CAAS,GAErDmB,CACH,CAEJ,CACF,EACAD,EAAiB,YAAc,oBAQ/B,IAAMM,EAAyB,aAC7B,CAAC3B,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,SAAAmB,EAAU,GAAGM,CAAa,EAAIpB,EAAaR,EAAO6B,CAAwB,EAE7F,OACE,gBAAChB,EAAmB,QAAnB,CACE,GAAGe,EACJ,IAAK7B,EACL,UAAWe,EAAW,sBAAuBX,CAAS,EACtD,YAAU,UAEV,gBAAC,OAAI,UAAU,4BAA4BmB,CAAS,CACtD,CAEJ,CACF,EACAK,EAAiB,YAAc",
-  "names": ["accordion_exports", "__export", "AccordionContent", "AccordionHeader", "AccordionItem", "AccordionRoot", "AccordionTrigger", "React", "classNames", "AccordionPrimitive", "AccordionRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "accordionRootPropDefs", "className", "flush", "radius", "color", "extractedRadixProps", "extractProps", "radixProps", "handleKeyDown", "event", "items", "AccordionPrimitive", "classNames", "AccordionItem", "itemProps", "accordionItemPropDefs", "AccordionHeader", "headerProps", "accordionHeaderPropDefs", "AccordionTrigger", "children", "triggerProps", "accordionTriggerPropDefs", "triggerRef", "node", "AccordionContent", "contentProps", "accordionContentPropDefs"]
-}

package/dist/esm/chunk-FSKZAL5H.js

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-E3754NJZ.js";import{z as o}from"zod";var t=s.extend({pressed:o.boolean().optional().describe("Controlled pressed state"),onPressedChange:o.function().optional().describe("Callback when pressed state changes"),defaultPressed:o.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function d(e){return e}export{t as a,d as b};
-//# sourceMappingURL=chunk-FSKZAL5H.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/schemas/toggle-button.schema.ts"],
-  "sourcesContent": ["import { z } from 'zod';\nimport { ButtonSchema } from './button.schema.js';\n\n/**\n * ToggleButton Zod schema - Single source of truth for ToggleButton component props\n *\n * ToggleButton extends Button with toggle functionality using Radix UI's Toggle primitive.\n * It provides proper accessibility announcements, controlled/uncontrolled state management,\n * and seamless integration with the existing Button component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Automatic state validation and warnings\n * - Seamless integration with Button props and styling\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle button\n * const props = ToggleButtonSchema.parse({\n *   defaultPressed: false,\n *   variant: 'outline'\n * });\n *\n * // Controlled toggle button\n * const controlledProps = ToggleButtonSchema.parse({\n *   pressed: true,\n *   onPressedChange: (pressed) => console.log(pressed),\n *   variant: 'soft'\n * });\n *\n * // Toggle button with tooltip\n * const tooltipProps = ToggleButtonSchema.parse({\n *   defaultPressed: false,\n *   tooltip: 'Toggle dark mode',\n *   children: 'Dark Mode'\n * });\n * ```\n */\nexport const ToggleButtonSchema = ButtonSchema.extend({\n  /**\n   * Controlled pressed state\n   * When provided, the component is controlled and the pressed state is managed externally\n   */\n  pressed: z.boolean().optional().describe('Controlled pressed state'),\n\n  /**\n   * Callback when pressed state changes\n   * Called with the new pressed state when the toggle is activated\n   */\n  onPressedChange: z.function().optional().describe('Callback when pressed state changes'),\n\n  /**\n   * Default pressed state for uncontrolled usage\n   * Used as the initial pressed state when the component is uncontrolled\n   */\n  defaultPressed: z.boolean().optional().describe('Default pressed state for uncontrolled usage'),\n})\n  .refine(\n    (data) => {\n      // If pressed is provided, onPressedChange should also be provided for controlled usage\n      if (data.pressed !== undefined && data.onPressedChange === undefined) {\n        return false;\n      }\n      return true;\n    },\n    {\n      message: 'When using controlled mode (pressed prop), onPressedChange must also be provided',\n      path: ['onPressedChange'],\n    },\n  )\n  .refine(\n    (data) => {\n      // Cannot have both controlled and uncontrolled props\n      if (data.pressed !== undefined && data.defaultPressed !== undefined) {\n        return false;\n      }\n      return true;\n    },\n    {\n      message:\n        'Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together',\n      path: ['pressed', 'defaultPressed'],\n    },\n  );\n\n/**\n * Type derived from ToggleButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type ToggleButtonProps = z.infer<typeof ToggleButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize ToggleButton props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const invalidProps = parseToggleButtonProps({\n *   pressed: true,\n *   defaultPressed: false\n *   // Missing onPressedChange and conflicting controlled/uncontrolled\n * });\n * // Throws: \"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together\"\n *\n * const validProps = parseToggleButtonProps({\n *   pressed: true,\n *   onPressedChange: (pressed) => setPressed(pressed)\n * });\n * ```\n */\nexport function parseToggleButtonProps(props: unknown): ToggleButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return ToggleButtonSchema.parse(props);\n  }\n  return props as ToggleButtonProps;\n}\n"],
-  "mappings": "wCAAA,OAAS,KAAAA,MAAS,MAwCX,IAAMC,EAAqBC,EAAa,OAAO,CAKpD,QAASC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,0BAA0B,EAMnE,gBAAiBA,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qCAAqC,EAMvF,eAAgBA,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,8CAA8C,CAChG,CAAC,EACE,OACEC,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,kBAAoB,QAK7D,CACE,QAAS,mFACT,KAAM,CAAC,iBAAiB,CAC1B,CACF,EACC,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,iBAAmB,QAK5D,CACE,QACE,wFACF,KAAM,CAAC,UAAW,gBAAgB,CACpC,CACF,EA+BK,SAASC,EAAuBC,EAAmC,CAIxE,OAAOA,CACT",
-  "names": ["z", "ToggleButtonSchema", "ButtonSchema", "z", "data", "parseToggleButtonProps", "props"]
-}

package/dist/esm/chunk-G2CKYO2I.js

@@ -1,2 +0,0 @@
-var e=["left","center","right"],t={align:{type:"enum",className:"rt-r-ta",values:e,responsive:!0}};export{t as a};
-//# sourceMappingURL=chunk-G2CKYO2I.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/props/text-align.prop.ts"],
-  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst textAlignValues = ['left', 'center', 'right'] as const;\n\nconst textAlignPropDef = {\n  align: {\n    type: 'enum',\n    className: 'rt-r-ta',\n    values: textAlignValues,\n    responsive: true,\n  },\n} satisfies {\n  align: PropDef<(typeof textAlignValues)[number]>;\n};\n\nexport { textAlignPropDef };\n"],
-  "mappings": "AAEA,IAAMA,EAAkB,CAAC,OAAQ,SAAU,OAAO,EAE5CC,EAAmB,CACvB,MAAO,CACL,KAAM,OACN,UAAW,UACX,OAAQD,EACR,WAAY,EACd,CACF",
-  "names": ["textAlignValues", "textAlignPropDef"]
-}

package/dist/esm/chunk-GDACOD53.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/toolbar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Toolbar as ToolbarPrimitive } from 'radix-ui';\n\nimport { toolbarRootPropDefs } from './toolbar.props.js';\nimport { Button } from './button.js';\nimport { IconButton } from './icon-button.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../helpers/theme-size.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { usePaneBandSize } from './_internal/pane-chrome.js';\n\nimport type { ButtonProps } from './button.js';\nimport type { TextProps } from './text.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ButtonRankProps } from './button.js';\n\n/*\n * Toolbar takes Kookie UI v2's contract (v2: components/toolbar), built on Radix instead of\n * Base UI. A toolbar is a row of controls with ONE tab stop: `role=\"toolbar\"`, and the arrow\n * keys move focus between its controls. That keyboard is the reason it is a component.\n *\n * Its `size` reaches every control inside it that does not state its own. The row itself paints\n * nothing; a `ToolbarGroup` draws a quiet well around controls that belong together, and a\n * `ToolbarSeparator` draws a gray hairline between clusters. Use a `Flex` to cluster controls\n * without a well: the row spaces the clusters with `space-between`.\n */\n\ntype ToolbarSize = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['size']>;\ntype ToolbarOrientation = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['orientation']>;\n\ninterface ToolbarContextValue {\n  size: ToolbarSize;\n  orientation: ToolbarOrientation;\n  backdrop: boolean;\n}\n\nconst ToolbarContext = React.createContext<ToolbarContextValue | null>(null);\n\n/** Set by a `ToolbarGroup`: its children rest quiet, and `disabled` turns them all off. */\nconst ToolbarGroupContext = React.createContext<{ disabled: boolean } | null>(null);\n\nfunction useToolbarContext(consumer: string): ToolbarContextValue {\n  const context = React.useContext(ToolbarContext);\n  if (!context) {\n    throw new Error(`${consumer} must be rendered inside a Toolbar.`);\n  }\n  return context;\n}\n\n// ============================================================================\n// Toolbar (root)\n// ============================================================================\n\ntype ToolbarOwnProps = GetPropDefTypes<typeof toolbarRootPropDefs>;\n\ninterface ToolbarProps\n  extends ComponentPropsWithout<typeof ToolbarPrimitive.Root, RemovedProps | 'orientation'>,\n    ToolbarOwnProps,\n    MarginProps {\n  /**\n   * Gives every control a surface of its own, for a row that content passes behind, such as\n   * `Shell.PaneHeader float`. Buttons rest `raised` instead of `soft`, and a group's well is\n   * solid and raised.\n   */\n  backdrop?: boolean;\n}\n\n/**\n * A row of controls with one keyboard tab stop. The arrow keys move focus between the controls.\n *\n * Give it an `aria-label` (or `aria-labelledby`) that says what the controls act on.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Formatting\">\n *   <ToolbarGroup>\n *     <ToolbarButton iconOnly aria-label=\"Bold\" aria-pressed={bold} onClick={toggleBold}>\n *       <HugeiconsIcon icon={TextBoldIcon} strokeWidth={1.75} />\n *     </ToolbarButton>\n *   </ToolbarGroup>\n *   <ToolbarSeparator />\n *   <ToolbarButton>Share</ToolbarButton>\n * </Toolbar>\n * ```\n */\nconst ToolbarRoot = React.forwardRef<HTMLDivElement, ToolbarProps>((props, forwardedRef) => {\n  // In a Shell pane's header or footer, a toolbar with no size rests one step above the Shell's.\n  const band = usePaneBandSize();\n  // Elsewhere it takes the nearest Theme's size.\n  const size: ToolbarSize = useThemeSize(props.size ?? band ?? undefined, toolbarRootPropDefs.size);\n  const orientation: ToolbarOrientation = props.orientation ?? toolbarRootPropDefs.orientation.default;\n  const { className, orientation: _orientation, backdrop = false, children, ...rootProps } = extractProps(\n    { ...props, size },\n    toolbarRootPropDefs,\n    marginPropDefs,\n  );\n\n  const context = React.useMemo(() => ({ size, orientation, backdrop }), [size, orientation, backdrop]);\n\n  return (\n    <ToolbarPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      data-backdrop={backdrop || undefined}\n      className={classNames('rt-Toolbar', className)}\n    >\n      <ToolbarContext.Provider value={context}>{children}</ToolbarContext.Provider>\n    </ToolbarPrimitive.Root>\n  );\n});\nToolbarRoot.displayName = 'Toolbar';\n\n// ============================================================================\n// ToolbarGroup\n// ============================================================================\n\ninterface ToolbarGroupProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /** Turns every control in the group off at once. */\n  disabled?: boolean;\n}\n\n/**\n * Controls that belong together, drawn as one quiet well that stands level with a button\n * beside it. Buttons inside it rest as `ghost` unless they state a `variant`.\n * To cluster controls without a well, use a `Flex`.\n */\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroupProps>(\n  ({ className, disabled = false, children, ...props }, forwardedRef) => {\n    const { orientation } = useToolbarContext('ToolbarGroup');\n    const group = React.useMemo(() => ({ disabled }), [disabled]);\n    return (\n      <div\n        role=\"group\"\n        data-orientation={orientation}\n        data-disabled={disabled || undefined}\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-ToolbarGroup', className)}\n      >\n        <ToolbarGroupContext.Provider value={group}>{children}</ToolbarGroupContext.Provider>\n      </div>\n    );\n  },\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\n// ============================================================================\n// ToolbarButton\n// ============================================================================\n\ntype ToolbarButtonBaseProps = Omit<ButtonProps, 'as' | 'asChild' | 'variant' | 'emphasis'>;\n\n/** A labelled button: takes every `Button` prop. */\ntype ToolbarTextButtonProps = ToolbarButtonBaseProps &\n  ButtonRankProps & {\n  iconOnly?: false;\n};\n\n/** An icon-only button: renders an `IconButton`, and the type requires an `aria-label`. */\ntype ToolbarIconButtonProps = Omit<ToolbarButtonBaseProps, 'aria-label' | 'aria-labelledby' | 'fullWidth'> &\n  ButtonRankProps & {\n  iconOnly: true;\n  /** The control's accessible name. An icon has no words of its own, so this is required. */\n  'aria-label': string;\n};\n\ntype ToolbarButtonProps = ToolbarTextButtonProps | ToolbarIconButtonProps;\n\nfunction isPressed(value: React.AriaAttributes['aria-pressed']) {\n  return value === true || value === 'true';\n}\n\n/**\n * A `Button` that joins the toolbar's keyboard navigation, so a row of them is one tab stop.\n *\n * Set `iconOnly` (with an `aria-label`) for a symbol-only control. Set `aria-pressed` for a\n * control that toggles; a pressed button wears Button's pressed look.\n *\n * It takes the toolbar's `size`, and rests as a gray `soft` button (`raised` in a toolbar with\n * `backdrop`, gray `ghost` inside a `ToolbarGroup`). A stated `size`, `variant` or `color` wins; a stated `variant` without a\n * `color` takes Button's own default colour. It throws outside a `Toolbar`.\n */\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>((props, forwardedRef) => {\n  const toolbar = useToolbarContext('ToolbarButton');\n  const group = React.useContext(ToolbarGroupContext);\n  const { iconOnly, size, variant, emphasis, color, disabled, ...rest } = props;\n\n  const pressed = isPressed(props['aria-pressed']);\n  const stateProps =\n    'data-state' in props || props['aria-pressed'] === undefined ? {} : { 'data-state': pressed ? 'on' : 'off' };\n\n  const shared = {\n    size: size ?? toolbar.size,\n    // A caller states the look by `variant` or the rank by `emphasis`, never both.\n    ...(emphasis !== undefined ? { emphasis } : { variant: variant ?? (group ? 'ghost' : toolbar.backdrop ? 'raised' : 'soft') }),\n    // The gray rest is a pair with the default variant: a caller who states a variant or an\n    // emphasis gets Button's own colour for it unless they state a colour too.\n    color: color ?? (variant || emphasis ? undefined : 'gray'),\n    ...stateProps,\n  } as const;\n\n  return (\n    <ToolbarPrimitive.Button asChild ref={forwardedRef} disabled={disabled || group?.disabled || undefined}>\n      {iconOnly ? (\n        <IconButton {...(rest as Omit<ToolbarIconButtonProps, 'iconOnly' | 'variant' | 'emphasis'>)} {...shared} />\n      ) : (\n        <Button {...(rest as Omit<ToolbarTextButtonProps, 'iconOnly' | 'variant' | 'emphasis'>)} {...shared} />\n      )}\n    </ToolbarPrimitive.Button>\n  );\n});\nToolbarButton.displayName = 'Toolbar.Button';\n\n// ============================================================================\n// ToolbarSeparator\n// ============================================================================\n\ntype ToolbarSeparatorProps = ComponentPropsWithout<typeof ToolbarPrimitive.Separator, RemovedProps | 'orientation'>;\n\n/**\n * A gray hairline between two clusters, announced as a separator. Its direction is always\n * opposite to the toolbar's.\n */\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    useToolbarContext('ToolbarSeparator');\n    return (\n      <ToolbarPrimitive.Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-ToolbarSeparator', className)}\n      />\n    );\n  },\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\n// ============================================================================\n// ToolbarTitle\n// ============================================================================\n\n/** The title's text step: one step above the label of a button at the same size. */\nconst TITLE_SIZE = { '1': '2', '2': '3', '3': '4', '4': '5' } as const satisfies Record<ToolbarSize, TextProps['size']>;\n\ninterface ToolbarTitleProps {\n  /** The title text. With none, the title renders nothing. */\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /** The id of the title, so that the toolbar's `aria-labelledby` can point at it. */\n  id?: string;\n}\n\n/**\n * What the row is about, at its leading edge. One line: it truncates rather than wrapping.\n * Its text step follows the toolbar's `size`, and it takes more air from the controls beside it\n * than they take from each other.\n */\nconst ToolbarTitle = React.forwardRef<HTMLSpanElement, ToolbarTitleProps>(\n  ({ className, children, style, id }, forwardedRef) => {\n    const { size } = useToolbarContext('ToolbarTitle');\n    if (children === undefined || children === null || children === false) return null;\n    return (\n      <Text\n        ref={forwardedRef}\n        as=\"span\"\n        size={TITLE_SIZE[size]}\n        weight=\"medium\"\n        truncate\n        id={id}\n        style={style}\n        className={classNames('rt-ToolbarTitle', className)}\n      >\n        {children}\n      </Text>\n    );\n  },\n);\nToolbarTitle.displayName = 'Toolbar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst Toolbar = Object.assign(ToolbarRoot, {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Separator: ToolbarSeparator,\n  Title: ToolbarTitle,\n});\n\nexport {\n  Toolbar,\n  ToolbarGroup,\n  ToolbarButton,\n  ToolbarSeparator,\n  ToolbarTitle,\n  ToolbarRoot as Root,\n  ToolbarGroup as Group,\n  ToolbarButton as Button,\n  ToolbarSeparator as Separator,\n  ToolbarTitle as Title,\n};\nexport type {\n  ToolbarProps,\n  ToolbarGroupProps,\n  ToolbarButtonProps,\n  ToolbarSeparatorProps,\n  ToolbarTitleProps,\n  ToolbarProps as RootProps,\n  ToolbarGroupProps as GroupProps,\n  ToolbarButtonProps as ButtonProps,\n  ToolbarSeparatorProps as SeparatorProps,\n  ToolbarTitleProps as TitleProps,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "ToolbarPrimitive", "ToolbarContext", "ToolbarGroupContext", "useToolbarContext", "consumer", "context", "ToolbarRoot", "props", "forwardedRef", "band", "usePaneBandSize", "size", "useThemeSize", "toolbarRootPropDefs", "orientation", "className", "_orientation", "backdrop", "children", "rootProps", "extractProps", "marginPropDefs", "ToolbarPrimitive", "classNames", "ToolbarGroup", "disabled", "group", "isPressed", "value", "ToolbarButton", "toolbar", "iconOnly", "variant", "emphasis", "color", "rest", "pressed", "stateProps", "shared", "IconButton", "Button", "ToolbarSeparator", "TITLE_SIZE", "ToolbarTitle", "style", "id", "Text", "Toolbar"]
-}

package/dist/esm/chunk-GFOSP3PZ.js

@@ -1,2 +0,0 @@
-import{b as r}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";var o=["cover","contain","fill","scale-down","none"],a={...e,...r,fit:{type:"enum",className:"rt-r-fit",values:o,default:"cover",responsive:!0},loadingAriaLabel:{type:"string",default:"Loading image..."},errorAriaLabel:{type:"string",default:"Failed to load image"},caption:{type:"string",default:void 0}};export{a};
-//# sourceMappingURL=chunk-GFOSP3PZ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/image.props.ts"],
-  "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\n/**\n * Available object-fit values for controlling image scaling behavior\n * \n * - cover: Scales image to cover entire container, may crop edges\n * - contain: Scales image to fit entirely within container, may have empty space\n * - fill: Stretches image to fill container exactly, may distort aspect ratio\n * - scale-down: Acts like 'contain' but never scales up beyond original size\n * - none: Image keeps original size, may overflow or leave empty space\n */\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\n/**\n * Image component prop definitions that define the component's API\n * \n * These props control the visual appearance, behavior, and accessibility\n * features of the Image component. The component supports responsive\n * design, accessibility compliance, and flexible layout options.\n * \n * Key features:\n * - Object-fit control for responsive image scaling\n * - Radius control for rounded corners\n * - Caption support for additional context\n * - Accessibility labels for loading and error states\n * - AsChild pattern for flexible composition\n * \n * @example\n * ```tsx\n * // Basic image with cover fit\n * <Image src=\"/photo.jpg\" alt=\"Team photo\" fit=\"cover\" />\n * \n * // Image with caption and custom radius\n * <Image \n *   src=\"/chart.png\" \n *   alt=\"Sales data\"\n *   caption=\"Q3 2024 Performance\"\n *   radius=\"medium\"\n * />\n * \n * // Responsive object-fit\n * <Image \n *   src=\"/banner.jpg\" \n *   alt=\"Hero banner\"\n *   fit={{ initial: 'cover', md: 'contain' }}\n * />\n * ```\n */\nconst imagePropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  /**\n   * Controls how the image should be resized to fit its container\n   * \n   * Sets the CSS object-fit property with responsive support.\n   * Choose the right fit based on your design needs:\n   * \n   * - 'cover': Best for hero images, thumbnails, and cards where you want to fill the space\n   * - 'contain': Best for product images, logos, and content where the entire image must be visible\n   * - 'fill': Use carefully, only when you want to stretch the image to exact dimensions\n   * - 'scale-down': Good for user-uploaded content where you don't want to enlarge small images\n   * - 'none': Useful for pixel-perfect images or when you want original sizing\n   * \n   * @example\n   * ```tsx\n   * // Fill the container, may crop edges\n   * <Image src=\"/hero.jpg\" fit=\"cover\" alt=\"Hero image\" />\n   * \n   * // Show entire image, may have empty space\n   * <Image src=\"/logo.png\" fit=\"contain\" alt=\"Company logo\" />\n   * \n   * // Responsive fit\n   * <Image \n   *   src=\"/banner.jpg\" \n   *   fit={{ initial: 'cover', lg: 'contain' }}\n   *   alt=\"Responsive banner\"\n   * />\n   * ```\n   *\n   * @link https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: {\n    type: 'enum',\n    className: 'rt-r-fit',\n    values: objectFitValues,\n    default: 'cover',\n    responsive: true,\n  },\n  /**\n   * ARIA label announced by screen readers during image loading\n   * \n   * Provides accessibility feedback for users with visual impairments.\n   * Customize this message to match your application's language and tone.\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/chart.jpg\" \n   *   loadingAriaLabel=\"Loading sales chart...\"\n   *   alt=\"Sales performance chart\"\n   * />\n   * ```\n   */\n  loadingAriaLabel: {\n    type: 'string',\n    default: 'Loading image...',\n  },\n  /**\n   * ARIA label announced by screen readers when image loading fails\n   * \n   * Provides accessibility feedback for error states.\n   * Should clearly indicate that the image failed to load and may suggest alternatives.\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/photo.jpg\" \n   *   errorAriaLabel=\"Photo failed to load. Please refresh the page.\"\n   *   alt=\"Team photo\"\n   * />\n   * ```\n   */\n  errorAriaLabel: {\n    type: 'string',\n    default: 'Failed to load image',\n  },\n  /**\n   * Optional caption text displayed below the image\n   * \n   * Provides additional context, description, or attribution for the image.\n   * The caption is styled consistently and positioned below the image content.\n   * \n   * Use captions for:\n   * - Photo credits and attributions\n   * - Additional context or explanation\n   * - Data source information for charts\n   * - Descriptive text that supplements the alt attribute\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/chart.png\" \n   *   alt=\"Q3 sales performance showing 25% growth\"\n   *   caption=\"Data source: Internal sales tracking system\"\n   * />\n   * ```\n   */\n  caption: {\n    type: 'string',\n    default: undefined,\n  },\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n  loadingAriaLabel: PropDef<string>;\n  errorAriaLabel: PropDef<string>;\n  radius: PropDef<'none' | 'small' | 'medium' | 'large' | 'full'>;\n  caption: PropDef<string | undefined>;\n};\n\nexport { imagePropDefs };\n"],
-  "mappings": "gFAcA,IAAMA,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAqCnEC,EAAgB,CACpB,GAAGC,EACH,GAAGC,EA+BH,IAAK,CACH,KAAM,OACN,UAAW,WACX,OAAQH,EACR,QAAS,QACT,WAAY,EACd,EAgBA,iBAAkB,CAChB,KAAM,SACN,QAAS,kBACX,EAgBA,eAAgB,CACd,KAAM,SACN,QAAS,sBACX,EAsBA,QAAS,CACP,KAAM,SACN,QAAS,MACX,CACF",
-  "names": ["objectFitValues", "imagePropDefs", "asChildPropDef", "radiusPropDef"]
-}

package/dist/esm/chunk-GLERJXVS.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk-MCQCG6AS.js";import{a as e}from"./chunk-6FLLFCBU.js";import*as o from"react";import a from"classnames";import{Slot as u}from"radix-ui";var P=o.forwardRef((p,r)=>{let{asChild:s,className:m,...f}=e(p,t),n=s?u.Root:"q";return o.createElement(n,{...f,ref:r,className:a("rt-Quote",m)})});P.displayName="Quote";export{P as a};
-//# sourceMappingURL=chunk-GLERJXVS.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/quote.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { quotePropDefs } from './quote.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype QuoteElement = React.ElementRef<'q'>;\ntype QuoteOwnProps = GetPropDefTypes<typeof quotePropDefs>;\ninterface QuoteProps extends ComponentPropsWithout<'q', RemovedProps>, QuoteOwnProps {}\nconst Quote = React.forwardRef<QuoteElement, QuoteProps>((props, forwardedRef) => {\n  const { asChild, className, ...quoteProps } = extractProps(props, quotePropDefs);\n  const Comp = asChild ? Slot.Root : 'q';\n  return <Comp {...quoteProps} ref={forwardedRef} className={classNames('rt-Quote', className)} />;\n});\nQuote.displayName = 'Quote';\n\nexport { Quote };\nexport type { QuoteProps };\n"],
-  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAWrB,IAAMC,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,GAAGC,CAAW,EAAIC,EAAaL,EAAOM,CAAa,EACzEC,EAAOL,EAAUM,EAAK,KAAO,IACnC,OAAO,gBAACD,EAAA,CAAM,GAAGH,EAAY,IAAKH,EAAc,UAAWQ,EAAW,WAAYN,CAAS,EAAG,CAChG,CAAC,EACDJ,EAAM,YAAc",
-  "names": ["React", "classNames", "Slot", "Quote", "props", "forwardedRef", "asChild", "className", "quoteProps", "extractProps", "quotePropDefs", "Comp", "Slot", "classNames"]
-}

package/dist/esm/chunk-GPVPXAUC.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-KPACVWV4.js";import{e as p}from"./chunk-3YLYGKFB.js";import{a as r}from"./chunk-6FLLFCBU.js";import{a as e}from"./chunk-2FPJ6Q2N.js";import*as t from"react";import n from"classnames";import{Switch as i}from"radix-ui";var w=t.forwardRef((s,m)=>{let c=p(s,o.size),{className:a,color:h,...f}=r(c,o,e);return t.createElement(i.Root,{"data-accent-color":h,...f,asChild:!1,ref:m,className:n("rt-reset","rt-SwitchRoot",a)},t.createElement(i.Thumb,{className:"rt-SwitchThumb"}))});w.displayName="Switch";export{w as a};
-//# sourceMappingURL=chunk-GPVPXAUC.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/switch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { switchPropDefs } from './switch.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\n\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive.Root>;\ntype SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;\ninterface SwitchProps\n  extends ComponentPropsWithout<\n      typeof SwitchPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    SwitchOwnProps {}\nconst Switch = React.forwardRef<SwitchElement, SwitchProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, switchPropDefs.size);\n  const { className, color, ...switchProps } = extractProps(\n    props,\n    switchPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <SwitchPrimitive.Root\n      data-accent-color={color}\n      {...switchProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SwitchRoot', className)}\n    >\n      <SwitchPrimitive.Thumb className=\"rt-SwitchThumb\" />\n    </SwitchPrimitive.Root>\n  );\n});\nSwitch.displayName = 'Switch';\n\nexport { Switch };\nexport type { SwitchProps };\n"],
-  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAoB1C,IAAMC,EAAe,aAAuC,CAACC,EAAUC,IAAiB,CACtF,IAAMC,EAAQC,EAAkBH,EAAUI,EAAe,IAAI,EACvD,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAY,EAAIC,EAC3CN,EACAE,EACAK,CACF,EACA,OACE,gBAACC,EAAgB,KAAhB,CACC,oBAAmBJ,EAClB,GAAGC,EACJ,QAAS,GACT,IAAKN,EACL,UAAWU,EAAW,WAAY,gBAAiBN,CAAS,GAE5D,gBAACK,EAAgB,MAAhB,CAAsB,UAAU,iBAAiB,CACpD,CAEJ,CAAC,EACDX,EAAO,YAAc",
-  "names": ["React", "classNames", "SwitchPrimitive", "Switch", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "switchPropDefs", "className", "color", "switchProps", "extractProps", "marginPropDefs", "SwitchPrimitive", "classNames"]
-}

package/dist/esm/chunk-GTXRD4FZ.js

@@ -1,2 +0,0 @@
-import{a as U}from"./chunk-OMYAVTX6.js";import{a as K,b as F,c as j,e as E,f as O}from"./chunk-IND2NZIN.js";import{a as H,b as z,c as W}from"./chunk-UFJJTUOU.js";import{d as G}from"./chunk-IX5HIHVI.js";import{a as P}from"./chunk-XXHIMGBY.js";import{b as N}from"./chunk-6RZVKCNG.js";import{b as x}from"./chunk-FWB47YCH.js";import{a as D}from"./chunk-CNMFVJNC.js";import{a as ae}from"./chunk-OS3FCYZY.js";var oe={};ae(oe,{Group:()=>_,GroupContent:()=>re,GroupLabel:()=>ee,Menu:()=>$,MenuButton:()=>J,MenuItem:()=>X,MenuSub:()=>Q,MenuSubContent:()=>Z,MenuSubTrigger:()=>Y,Search:()=>te,Separator:()=>V});import*as e from"react";import d from"classnames";import*as f from"@radix-ui/react-accordion";var V=e.forwardRef(({className:r,...t},n)=>e.createElement(U,{...t,ref:n,className:d("rt-SidebarSeparator",r)}));V.displayName="Sidebar.Separator";var $=e.forwardRef(({className:r,...t},n)=>e.createElement("ul",{...t,ref:n,className:d("rt-SidebarMenu",r)}));$.displayName="Sidebar.Menu";var X=e.forwardRef(({className:r,...t},n)=>e.createElement("li",{...t,ref:n,className:d("rt-SidebarMenuItem",r)}));X.displayName="Sidebar.MenuItem";function ne(r){let t=[],n=[];return e.Children.forEach(r,a=>{if(typeof a=="string"||typeof a=="number")n.push(e.createElement("span",{key:n.length,className:"rt-SidebarMenuLabel"},a));else if(e.isValidElement(a)){let s=a;s.type==="svg"||s.props&&s.props.icon||typeof s.type=="function"&&(s.type.displayName?.includes("Icon")||s.type.name?.includes("Icon"))?t.push(a):n.push(a)}else a&&n.push(a)}),{icons:t,labels:n}}function k(r){if(typeof r=="string"||typeof r=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},r);if(Array.isArray(r))return r.map((t,n)=>e.createElement(e.Fragment,{key:n},k(t)));if(e.isValidElement(r)){let t=r,n=t.props&&t.props.className||"";if(typeof t.type=="string"&&n.split(" ").includes("rt-SidebarMenuLabel"))return t;let s=k(t.props?.children);return e.cloneElement(t,{...t.props},s)}return r}var J=e.forwardRef(({asChild:r=!1,isActive:t=!1,shortcut:n,badge:a,className:s,children:l,onKeyDown:m,...M},i)=>{let c=N(),u=c?.size??"2",v=c?.presentation==="thin",w=r?x:"button",I=e.useCallback(o=>{if(o.key==="ArrowDown"||o.key==="ArrowUp"){let b=o.currentTarget.closest(".rt-SidebarContent, .rt-SidebarSearchPopover"),y=b?Array.from(b.querySelectorAll(".rt-SidebarMenuButton")).filter(h=>h.offsetParent!==null):[],p=y.indexOf(o.currentTarget),C=y[p+(o.key==="ArrowDown"?1:-1)];p!==-1&&C&&(o.preventDefault(),C.focus())}m?.(o)},[m]),S=e.useMemo(()=>k(l),[l]),{icons:R,labels:B}=e.useMemo(()=>v?ne(l):{icons:[],labels:[]},[v,l]),L=e.useMemo(()=>{if(!r)return null;try{let o=e.Children.only(S),b=o.props?.children,y=e.createElement(e.Fragment,null,b,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(P,{size:u,variant:"soft"},a):e.createElement(P,{size:a.size||u,variant:a.variant||"soft",color:a.color,radius:a.radius},a.content)),n&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(D,{size:u},n)));return e.cloneElement(o,{...o.props},y)}catch{return S}},[r,S,a,n,u]);return e.createElement(w,{...M,ref:i,"aria-current":t?"page":void 0,className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":t||void 0,onKeyDown:I},r?L:v&&R.length>0?e.createElement(e.Fragment,null,e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},R),B.map((o,b)=>e.createElement(e.Fragment,{key:b},typeof o=="string"||typeof o=="number"?e.createElement("span",{className:"rt-SidebarMenuLabel"},o):o))):e.createElement(e.Fragment,null,S,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(P,{size:u,variant:"soft"},a):e.createElement(P,{size:a.size||u,variant:a.variant||"soft",color:a.color,radius:a.radius},a.content)),n&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(D,{size:u},n))))});J.displayName="Sidebar.MenuButton";var T=e.createContext("accordion"),Q=e.forwardRef(({defaultOpen:r=!1,children:t,...n},a)=>(N()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...n,ref:a},e.createElement(K,null,e.createElement(T.Provider,{value:"dropdown"},t))):e.createElement("div",{...n,ref:a},e.createElement(T.Provider,{value:"accordion"},e.createElement(f.Root,{type:"single",collapsible:!0,defaultValue:r?"item":void 0},e.createElement(f.Item,{value:"item"},t)))));Q.displayName="Sidebar.MenuSub";var Y=e.forwardRef(({asChild:r=!1,className:t,children:n,...a},s)=>e.useContext(T)==="dropdown"?e.createElement(F,null,e.createElement("button",{...a,ref:s,type:"button","aria-haspopup":"menu",className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",t)},n)):e.createElement(f.Header,{asChild:!0},e.createElement("div",null,e.createElement(f.Trigger,{...a,ref:s,asChild:r,className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",t)},r?n:e.createElement(e.Fragment,null,n,e.createElement(G,{className:d("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")}))))));Y.displayName="Sidebar.MenuSubTrigger";var Z=e.forwardRef(({className:r,children:t,...n},a)=>{let s=N();if(e.useContext(T)==="dropdown"){let m=i=>{if(Array.isArray(i))return i.map((c,u)=>e.createElement(e.Fragment,{key:u},m(c)));if(e.isValidElement(i)){if(i.type?.displayName==="Sidebar.MenuButton")return i.props?.children;let u=i.props?.children;if(u!==void 0)return e.cloneElement(i,{...i.props,children:m(u)})}return i},M=e.Children.map(t,(i,c)=>{if(e.isValidElement(i)&&i.type?.displayName==="Sidebar.MenuItem"){let u=i.props?.children,v=m(u);return e.createElement(E,{key:c,asChild:!0},v)}return e.createElement(E,{key:c,asChild:!0},m(i))});return e.createElement(j,{size:s?.size,className:d(r)},e.createElement(O,null,M))}return e.createElement(f.Content,{...n,ref:a,className:d("rt-SidebarMenuSubContent",r)},e.createElement("div",{className:"rt-SidebarMenuSubList"},t))});Z.displayName="Sidebar.MenuSubContent";var _=e.forwardRef(({className:r,...t},n)=>e.createElement("div",{...t,ref:n,className:d("rt-BaseMenuGroup","rt-SidebarGroup",r)}));_.displayName="Sidebar.Group";var ee=e.forwardRef(({asChild:r=!1,className:t,...n},a)=>e.createElement(r?x:"div",{...n,ref:a,className:d("rt-BaseMenuLabel","rt-SidebarGroupLabel",t)}));ee.displayName="Sidebar.GroupLabel";var re=e.forwardRef(({className:r,...t},n)=>e.createElement("div",{...t,ref:n,className:d("rt-SidebarGroupContent",r)}));re.displayName="Sidebar.GroupContent";var A=({className:r})=>e.createElement("svg",{className:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},e.createElement("circle",{cx:"11",cy:"11",r:"8"}),e.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),q=({className:r})=>e.createElement("svg",{className:r,width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),te=e.forwardRef(({value:r,onValueChange:t,placeholder:n="Search...",children:a,className:s,...l},m)=>{let M=N(),i=M?.presentation==="thin",c=e.useRef(null),u=e.useRef(null),w=`${e.useId()}-results`,I=e.useRef(r);I.current=r;let S=e.useRef(t);S.current=t;let R=n.replace(/\.+$/,""),B=e.useCallback(o=>{o.key==="Escape"&&I.current&&(o.preventDefault(),o.stopPropagation(),S.current(""),c.current?.focus())},[]),L=e.useCallback(o=>{let b=u.current;if(!b)return;let y=b.querySelector('[role="group"]');if(!y)return;let p=Array.from(y.querySelectorAll("a, button"));if(p.length===0)return;let C=document.activeElement,h=C===c.current,g=p.indexOf(C);if(o.key.length===1&&!o.ctrlKey&&!o.metaKey&&!o.altKey&&!h&&g!==-1){c.current?.focus();return}switch(o.key){case"ArrowDown":{o.preventDefault(),h||g===-1?p[0]?.focus():g<p.length-1&&p[g+1]?.focus();break}case"ArrowUp":{o.preventDefault(),g<=0?c.current?.focus():p[g-1]?.focus();break}case"Home":{h||(o.preventDefault(),p[0]?.focus());break}case"End":{h||(o.preventDefault(),p[p.length-1]?.focus());break}}},[]);return i?e.createElement("div",{...l,ref:m,className:d("rt-SidebarSearch","rt-SidebarSearch--thin",s)},e.createElement(H,null,e.createElement(z,null,e.createElement("button",{type:"button",className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarSearchTrigger"),"aria-label":R},e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},e.createElement(A,null)),e.createElement("span",{className:"rt-SidebarMenuLabel"},"Search"))),e.createElement(W,{side:"right",align:"start",size:"2",width:"280px","aria-label":R},e.createElement("div",{ref:u,className:"rt-SidebarSearchPopover",role:"search",onKeyDown:L},e.createElement("div",{className:"rt-SidebarSearchInputWrapper"},e.createElement(A,{className:"rt-SidebarSearchIcon"}),e.createElement("input",{ref:c,type:"search",className:"rt-SidebarSearchInput",value:r,onChange:o=>t(o.target.value),onKeyDown:B,placeholder:n,"aria-label":R,"aria-controls":a?w:void 0,autoFocus:!0}),r&&e.createElement("button",{type:"button",className:"rt-reset rt-SidebarSearchClear",onClick:()=>{t(""),c.current?.focus()},"aria-label":"Clear search"},e.createElement(q,null))),a&&e.createElement("div",{id:w,role:"group","aria-label":"Search results"},a))))):e.createElement("div",{...l,ref:m,className:d("rt-SidebarSearch","rt-SidebarSearch--expanded","rt-ShellPaneChrome",`rt-r-size-${M?.size??"2"}`,s),role:"search"},e.createElement("div",{className:"rt-SidebarSearchInputWrapper"},e.createElement(A,{className:"rt-SidebarSearchIcon"}),e.createElement("input",{ref:c,type:"search",className:"rt-SidebarSearchInput",value:r,onChange:o=>t(o.target.value),onKeyDown:B,placeholder:n,"aria-label":R}),r&&e.createElement("button",{type:"button",className:"rt-reset rt-SidebarSearchClear",onClick:()=>{t(""),c.current?.focus()},"aria-label":"Clear search"},e.createElement(q,null))))});te.displayName="Sidebar.Search";export{V as a,$ as b,X as c,J as d,Q as e,Y as f,Z as g,_ as h,ee as i,re as j,te as k,oe as l};
-//# sourceMappingURL=chunk-GTXRD4FZ.js.map