@womp/kookie-ui 0.16.0 → 0.17.0

package/dist/esm/{chunk-DDYII5NA.js → chunk-NOSR2XWD.js}

@@ -1,2 +1,2 @@
-import{a as Oe,b as Ae}from"./chunk-I53SGTKV.js";import{a as De}from"./chunk-MGQ4A2FI.js";import{a as Ie}from"./chunk-J43ZS6TI.js";import{c as ne,d as oe,e as Re,f as ve,g as ge}from"./chunk-UZS3BA2Z.js";import{a as Ne}from"./chunk-672FI4OH.js";import{a as ke}from"./chunk-A2NG5NRN.js";import{a as q,b as ze,c as xe,d as He,g as we}from"./chunk-3J6AUDID.js";import{a as be,b as le}from"./chunk-HCNO7PX6.js";import{a as ie,b as ce,c as de}from"./chunk-5ROQAZ7J.js";import{e as ae,f as Ce,h as Ee,i as Z,j as ye,k as re,l as se,n as Me,o as ee}from"./chunk-3PTKPDSA.js";import{a as Le,b as Te}from"./chunk-BZZXXZ3O.js";import{a as Se}from"./chunk-HWQ3NTJP.js";import{a as Pe}from"./chunk-TBZO22XK.js";import{a as qe}from"./chunk-OS3FCYZY.js";var Qe={};qe(Qe,{Bottom:()=>Ne,Content:()=>Ke,Header:()=>Ue,Inspector:()=>ke,Left:()=>We,PaneFooter:()=>ve,PaneHeader:()=>Re,Panel:()=>me,Rail:()=>_e,Root:()=>Ve,Scroll:()=>ge,Sidebar:()=>Ie,Trigger:()=>$e,useResponsivePresentation:()=>De,useShell:()=>Ae,useSidebarMode:()=>Oe});import*as e from"react";import V from"classnames";import{useComposedRefs as fe}from"radix-ui/internal";var ue=0;function Fe(a){ue=Math.max(0,ue+a);let r=document.documentElement;ue>0?r.setAttribute("data-rt-shell-lock",""):r.removeAttribute("data-rt-shell-lock")}var pe="data-rt-shell-inert",je=30;function j(a,r){return r===null||r===a||r===a.body||r===a.documentElement}function Be(a,r,i){for(let d of a.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(d.getAttribute("aria-controls")!==r||d.closest("[inert]"))&&!(i&&!i.some(P=>P.contains(d))))return d;return null}var Ve=e.forwardRef(({className:a,children:r,height:i="full",size:d="2",style:P,onKeyDown:A,onFocus:H,...w},N)=>{let[s]=e.useState(Ce),R=e.useCallback(t=>Ee(s,t),[s]);e.useSyncExternalStore(R,()=>s.version,()=>0);let p=e.useRef(null),y=fe(N,p),[S,M]=e.useState(()=>new Set),b=e.useCallback(t=>{M(o=>o.has(t)?o:new Set(o).add(t))},[]),h=e.useCallback(t=>{M(o=>{if(!o.has(t))return o;let n=new Set(o);return n.delete(t),n})},[]),f=e.useMemo(()=>({registerInset:b,unregisterInset:h}),[b,h]),v=e.useCallback(()=>{for(let t of s.entries.values())t.overlayLive&&t.setValue("closed","dismiss")},[s]),C=e.useCallback(()=>[...s.entries.values()].filter(t=>t.overlayLive&&t.el).map(t=>({name:t.name,id:t.id,el:t.el})),[s]),g=[...s.entries.values()].filter(t=>t.overlayLive&&t.el).length,k=i!=="full"&&i!=="auto",I=e.useCallback(()=>{let t=p.current;if(!t)return;let o=C().map(n=>n.el);for(let n of t.children){if(!(n instanceof HTMLElement)||n.classList.contains("rt-ShellScrim"))continue;let c=o.some(z=>n===z||n.contains(z));o.length===0||c?n.hasAttribute(pe)&&(n.removeAttribute(pe),n.inert=!1):n.inert||(n.setAttribute(pe,""),n.inert=!0)}},[C]),O=e.useRef(null),G=e.useRef([]),X=e.useRef(null),D=e.useRef(!1),L=e.useRef(0),F=e.useCallback(()=>{L.current&&cancelAnimationFrame(L.current),L.current=0},[]),U=e.useCallback((t,o)=>{F();let n=0,c=()=>{if(L.current=0,!!t.isConnected){if(o(t.ownerDocument.activeElement)){t.focus({preventScroll:!0});return}n+=1,n<je&&(L.current=requestAnimationFrame(c))}};L.current=requestAnimationFrame(c)},[F]);e.useEffect(()=>()=>{F(),D.current&&(D.current=!1,Fe(-1))},[F]),e.useEffect(()=>{let t=p.current;if(!t)return;let o=t.ownerDocument,n=C(),c=n.map(l=>l.el),z=!k&&n.length>0;z!==D.current&&(D.current=z,Fe(z?1:-1));let _=G.current;G.current=n;let x=_.filter(l=>{if(c.includes(l.el))return!1;let u=s.entries.get(l.name);return!l.el.isConnected||!u||u.el!==l.el||u.value==="closed"}),K=l=>l!==null&&x.some(u=>u.el.contains(l));if(_.length===0&&n.length>0){let l=o.activeElement,u=l instanceof HTMLElement&&!j(o,l)&&!c.some(m=>m.contains(l))?l:null;if(u&&!t.contains(u)){let m=X.current;m&&m.isConnected&&!c.some(Y=>Y.contains(m))&&(u=m)}O.current=u}if(I(),n.length===0){let l=O.current;if(O.current=null,x.length===0)return;let m=(E=>E!==null&&E.isConnected&&!E.closest("[inert]")&&!K(E))(l)?l:null;for(let E of x)m??(m=Be(o,E.id));if(!m)return;let Y=E=>j(o,E)||K(E);Y(o.activeElement)?m.focus({preventScroll:!0}):U(m,Y);return}if(x.length>0){let l=o.activeElement;if(j(o,l)||K(l)){let u=null;for(let m of x)u??(u=Be(o,m.id,c));(u??c[c.length-1]).focus({preventScroll:!0})}}let $=c.filter(l=>!_.some(u=>u.el===l)),Q=o.activeElement;$.length>0&&!c.some(l=>l.contains(Q))&&($[0].focus({preventScroll:!0}),U($[0],l=>j(o,l)||l instanceof Element&&l.closest("[inert]")!==null))}),e.useEffect(()=>{let t=p.current;if(!t||g===0||typeof MutationObserver>"u")return;let o=new MutationObserver(I);return o.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>o.disconnect()},[g,I]);let te=t=>{A?.(t),!(t.key!=="Escape"||t.defaultPrevented||g===0)&&(v(),t.stopPropagation())};e.useEffect(()=>{let t=p.current;if(!t||g===0)return;let o=t.ownerDocument,n=c=>{c.key!=="Escape"||c.defaultPrevented||!j(o,c.target)||v()};return o.addEventListener("keydown",n),()=>o.removeEventListener("keydown",n)},[g,v]);let J=t=>{H?.(t),t.target instanceof HTMLElement&&p.current?.contains(t.target)&&(X.current=t.target)},T=s.entries.get("rail"),B=T!==void 0&&T.value!==void 0&&T.value!=="closed"?S.has("rail")?`calc(${T.size}px + 2 * var(--shell-inset-gap))`:`${T.size}px`:void 0,W=i==="full"?{}:i==="auto"?{height:"auto"}:typeof i=="number"?{height:`${i}px`}:{height:i};return e.createElement(ye.Provider,{value:s},e.createElement(ne.Provider,{value:d},e.createElement(Me.Provider,{value:f},e.createElement("div",{...w,ref:y,className:V("rt-ShellRoot",a),"data-height":i==="auto"?"auto":void 0,"data-has-inset":S.size>0||void 0,"data-overlay-live":g>0||void 0,onKeyDown:te,onFocus:J,style:{...W,...B?{"--shell-rail-offset":B}:{},...P}},r,e.createElement("div",{className:"rt-ShellScrim","aria-hidden":!0,onClick:v})))))});Ve.displayName="Shell.Root";var Ue=e.forwardRef(({className:a,height:r=64,style:i,...d},P)=>e.createElement("header",{...d,ref:P,className:V("rt-ShellHeader",a),style:{...i,"--shell-header-height":`${r}px`}}));Ue.displayName="Shell.Header";var We=e.forwardRef(({children:a},r)=>(e.useEffect(()=>{},[]),e.createElement(e.Fragment,null,a)));We.displayName="Shell.Left";var Ge={controlled:"open",default:"defaultOpen"},_e=e.forwardRef((a,r)=>{let{className:i,presentation:d,expandedSize:P=64,collapsible:A,onExpand:H,onCollapse:w,children:N,style:s,open:R,defaultOpen:p,onOpenChange:y,inset:S,id:M,...b}=a,{table:h,attributes:f}=de(d,"fixed"),v=ie({name:"rail",label:"Rail",propNames:Ge,id:M,controlled:q(R),defaultValue:q(p),presentationTable:h,builtIn:ze,onChange:(g,k)=>y?.(g!=="closed",{reason:k}),onExpand:H,onCollapse:w,size:P});ee("rail",S);let C=fe(r,v.setElement);return e.createElement("div",{...b,id:v.id,ref:C,className:V("rt-ShellPane","rt-ShellRail",i),...ce(v,f),"data-inset":S||void 0,tabIndex:v.overlaying?-1:b.tabIndex,style:{...s,"--rail-size":`${P}px`}},e.createElement(Xe,null,N))});_e.displayName="Shell.Rail";function Xe({children:a}){let r=e.useContext(ne);return e.createElement("div",{className:V("rt-ShellRailContent",`rt-r-size-${r}`)},e.createElement(oe,{presentation:"thin"},a))}var Je={controlled:"open",default:"defaultOpen"},me=e.forwardRef((a,r)=>{let{className:i,presentation:d,defaultOpen:P,open:A,onOpenChange:H,size:w,defaultSize:N,expandedSize:s=288,minSize:R=100,maxSize:p=800,resizable:y=!1,collapsible:S=!0,onExpand:M,onCollapse:b,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,children:G,style:X,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F=50,inset:U,id:te,...J}=a,T=re("Shell.Panel"),he=se(T,"rail"),B=de(d,"fixed"),W=d===void 0,t=W?he?.presentationTable??ae:B.table,o=W?{"data-presentation-follows":""}:B.attributes,n=ie({name:"panel",label:"Panel",propNames:Je,id:te,controlled:q(A),defaultValue:q(P),presentationTable:t,builtIn:xe,onChange:(Q,l)=>H?.(Q!=="closed",{reason:l}),onExpand:M,onCollapse:b,size:s});ee("panel",U),e.useEffect(()=>{(C!==void 0||k!==void 0||I!==void 0||O!==void 0)&&void 0},[C,k,I,O]);let c=e.useRef(null),z=fe(r,n.setElement,c),_=Le({name:"panel",elementId:n.id,elementRef:c,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:He,expandedSize:s,minSize:R,maxSize:p,resizable:y,collapsible:S,size:w,defaultSize:N,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,overlaying:n.overlaying,overlayingNow:()=>(W?T.entries.get("rail")?.presentationTable??ae:B.table)[Pe()]==="overlay",requestCollapse:()=>n.setValue("closed","toggle"),requestToggle:()=>n.toggle("toggle")}),{handles:x,content:K}=Te(G,le),$=y&&n.shown!==!1&&!n.overlaying?e.createElement(Se.Provider,{value:_},x.length>0?x:e.createElement(be,null)):null;return e.createElement("div",{...we(J),id:n.id,ref:z,className:V("rt-ShellPane","rt-ShellPanel",i),...ce(n,o),"data-inset":U||void 0,tabIndex:n.overlaying?-1:J.tabIndex,style:{...X,"--panel-expanded-size":`${s}px`}},e.createElement("div",{className:"rt-ShellPanelContent"},e.createElement(oe,null,K)),$)});me.displayName="Shell.Panel";me.Handle=le;var Ke=e.forwardRef(({className:a,inset:r,...i},d)=>(ee("content",r),e.createElement("main",{...i,ref:d,className:V("rt-ShellContent",a),"data-inset":r||void 0})));Ke.displayName="Shell.Content";var $e=e.forwardRef(({target:a,action:r="toggle",peekOnHover:i,onClick:d,onMouseEnter:P,onMouseLeave:A,children:H,...w},N)=>{let s=re("Shell.Trigger");e.useEffect(()=>{a==="left"&&void 0,i&&void 0},[a,i]);let R=a==="left"?"rail":a,p=se(s,R),y=p?.value===void 0?void 0:p.value!=="closed",S=h=>{if(d?.(h),h.defaultPrevented)return;let f=s.entries.get(R);f&&(s.peek===R&&Z(s,null),r==="toggle"?f.toggle("toggle"):r==="expand"?f.setValue("open","toggle"):f.setValue("closed","toggle"))},M=h=>{if(P?.(h),!i)return;let f=s.entries.get(R);f&&f.value==="closed"&&f.presentation!=="overlay"&&Z(s,R)},b=h=>{A?.(h),i&&s.peek===R&&Z(s,null)};return e.createElement("button",{type:"button","aria-controls":p?.id,"aria-expanded":y,...w,ref:N,onClick:S,onMouseEnter:M,onMouseLeave:b,"data-shell-trigger":a,"data-shell-action":r},H)});$e.displayName="Shell.Trigger";export{Ve as a,Ue as b,We as c,_e as d,me as e,Ke as f,$e as g,Qe as h};
-//# sourceMappingURL=chunk-DDYII5NA.js.map
+import{a as Oe,b as Ae}from"./chunk-I53SGTKV.js";import{a as De}from"./chunk-MGQ4A2FI.js";import{a as Ie}from"./chunk-ORMCQAPS.js";import{c as ne,d as oe,g as Re,h as ve,i as ge}from"./chunk-SM27AC7E.js";import{a as Ne}from"./chunk-672FI4OH.js";import{a as ke}from"./chunk-A2NG5NRN.js";import{a as q,b as ze,c as xe,d as He,g as we}from"./chunk-3J6AUDID.js";import{a as be,b as le}from"./chunk-HCNO7PX6.js";import{a as ie,b as ce,c as de}from"./chunk-5ROQAZ7J.js";import{e as ae,f as Ce,h as Ee,i as Z,j as ye,k as re,l as se,n as Me,o as ee}from"./chunk-3PTKPDSA.js";import{a as Le,b as Te}from"./chunk-BZZXXZ3O.js";import{a as Se}from"./chunk-HWQ3NTJP.js";import{a as Pe}from"./chunk-TBZO22XK.js";import{a as qe}from"./chunk-OS3FCYZY.js";var Qe={};qe(Qe,{Bottom:()=>Ne,Content:()=>Ke,Header:()=>Ue,Inspector:()=>ke,Left:()=>We,PaneFooter:()=>ve,PaneHeader:()=>Re,Panel:()=>me,Rail:()=>_e,Root:()=>Ve,Scroll:()=>ge,Sidebar:()=>Ie,Trigger:()=>$e,useResponsivePresentation:()=>De,useShell:()=>Ae,useSidebarMode:()=>Oe});import*as e from"react";import V from"classnames";import{useComposedRefs as fe}from"radix-ui/internal";var ue=0;function Fe(a){ue=Math.max(0,ue+a);let r=document.documentElement;ue>0?r.setAttribute("data-rt-shell-lock",""):r.removeAttribute("data-rt-shell-lock")}var pe="data-rt-shell-inert",je=30;function j(a,r){return r===null||r===a||r===a.body||r===a.documentElement}function Be(a,r,i){for(let d of a.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(d.getAttribute("aria-controls")!==r||d.closest("[inert]"))&&!(i&&!i.some(P=>P.contains(d))))return d;return null}var Ve=e.forwardRef(({className:a,children:r,height:i="full",size:d="2",style:P,onKeyDown:A,onFocus:H,...w},N)=>{let[s]=e.useState(Ce),R=e.useCallback(t=>Ee(s,t),[s]);e.useSyncExternalStore(R,()=>s.version,()=>0);let p=e.useRef(null),y=fe(N,p),[S,M]=e.useState(()=>new Set),b=e.useCallback(t=>{M(o=>o.has(t)?o:new Set(o).add(t))},[]),h=e.useCallback(t=>{M(o=>{if(!o.has(t))return o;let n=new Set(o);return n.delete(t),n})},[]),f=e.useMemo(()=>({registerInset:b,unregisterInset:h}),[b,h]),v=e.useCallback(()=>{for(let t of s.entries.values())t.overlayLive&&t.setValue("closed","dismiss")},[s]),C=e.useCallback(()=>[...s.entries.values()].filter(t=>t.overlayLive&&t.el).map(t=>({name:t.name,id:t.id,el:t.el})),[s]),g=[...s.entries.values()].filter(t=>t.overlayLive&&t.el).length,k=i!=="full"&&i!=="auto",I=e.useCallback(()=>{let t=p.current;if(!t)return;let o=C().map(n=>n.el);for(let n of t.children){if(!(n instanceof HTMLElement)||n.classList.contains("rt-ShellScrim"))continue;let c=o.some(z=>n===z||n.contains(z));o.length===0||c?n.hasAttribute(pe)&&(n.removeAttribute(pe),n.inert=!1):n.inert||(n.setAttribute(pe,""),n.inert=!0)}},[C]),O=e.useRef(null),G=e.useRef([]),X=e.useRef(null),D=e.useRef(!1),L=e.useRef(0),F=e.useCallback(()=>{L.current&&cancelAnimationFrame(L.current),L.current=0},[]),U=e.useCallback((t,o)=>{F();let n=0,c=()=>{if(L.current=0,!!t.isConnected){if(o(t.ownerDocument.activeElement)){t.focus({preventScroll:!0});return}n+=1,n<je&&(L.current=requestAnimationFrame(c))}};L.current=requestAnimationFrame(c)},[F]);e.useEffect(()=>()=>{F(),D.current&&(D.current=!1,Fe(-1))},[F]),e.useEffect(()=>{let t=p.current;if(!t)return;let o=t.ownerDocument,n=C(),c=n.map(l=>l.el),z=!k&&n.length>0;z!==D.current&&(D.current=z,Fe(z?1:-1));let _=G.current;G.current=n;let x=_.filter(l=>{if(c.includes(l.el))return!1;let u=s.entries.get(l.name);return!l.el.isConnected||!u||u.el!==l.el||u.value==="closed"}),K=l=>l!==null&&x.some(u=>u.el.contains(l));if(_.length===0&&n.length>0){let l=o.activeElement,u=l instanceof HTMLElement&&!j(o,l)&&!c.some(m=>m.contains(l))?l:null;if(u&&!t.contains(u)){let m=X.current;m&&m.isConnected&&!c.some(Y=>Y.contains(m))&&(u=m)}O.current=u}if(I(),n.length===0){let l=O.current;if(O.current=null,x.length===0)return;let m=(E=>E!==null&&E.isConnected&&!E.closest("[inert]")&&!K(E))(l)?l:null;for(let E of x)m??(m=Be(o,E.id));if(!m)return;let Y=E=>j(o,E)||K(E);Y(o.activeElement)?m.focus({preventScroll:!0}):U(m,Y);return}if(x.length>0){let l=o.activeElement;if(j(o,l)||K(l)){let u=null;for(let m of x)u??(u=Be(o,m.id,c));(u??c[c.length-1]).focus({preventScroll:!0})}}let $=c.filter(l=>!_.some(u=>u.el===l)),Q=o.activeElement;$.length>0&&!c.some(l=>l.contains(Q))&&($[0].focus({preventScroll:!0}),U($[0],l=>j(o,l)||l instanceof Element&&l.closest("[inert]")!==null))}),e.useEffect(()=>{let t=p.current;if(!t||g===0||typeof MutationObserver>"u")return;let o=new MutationObserver(I);return o.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>o.disconnect()},[g,I]);let te=t=>{A?.(t),!(t.key!=="Escape"||t.defaultPrevented||g===0)&&(v(),t.stopPropagation())};e.useEffect(()=>{let t=p.current;if(!t||g===0)return;let o=t.ownerDocument,n=c=>{c.key!=="Escape"||c.defaultPrevented||!j(o,c.target)||v()};return o.addEventListener("keydown",n),()=>o.removeEventListener("keydown",n)},[g,v]);let J=t=>{H?.(t),t.target instanceof HTMLElement&&p.current?.contains(t.target)&&(X.current=t.target)},T=s.entries.get("rail"),B=T!==void 0&&T.value!==void 0&&T.value!=="closed"?S.has("rail")?`calc(${T.size}px + 2 * var(--shell-inset-gap))`:`${T.size}px`:void 0,W=i==="full"?{}:i==="auto"?{height:"auto"}:typeof i=="number"?{height:`${i}px`}:{height:i};return e.createElement(ye.Provider,{value:s},e.createElement(ne.Provider,{value:d},e.createElement(Me.Provider,{value:f},e.createElement("div",{...w,ref:y,className:V("rt-ShellRoot",a),"data-height":i==="auto"?"auto":void 0,"data-has-inset":S.size>0||void 0,"data-overlay-live":g>0||void 0,onKeyDown:te,onFocus:J,style:{...W,...B?{"--shell-rail-offset":B}:{},...P}},r,e.createElement("div",{className:"rt-ShellScrim","aria-hidden":!0,onClick:v})))))});Ve.displayName="Shell.Root";var Ue=e.forwardRef(({className:a,height:r=64,style:i,...d},P)=>e.createElement("header",{...d,ref:P,className:V("rt-ShellHeader",a),style:{...i,"--shell-header-height":`${r}px`}}));Ue.displayName="Shell.Header";var We=e.forwardRef(({children:a},r)=>(e.useEffect(()=>{},[]),e.createElement(e.Fragment,null,a)));We.displayName="Shell.Left";var Ge={controlled:"open",default:"defaultOpen"},_e=e.forwardRef((a,r)=>{let{className:i,presentation:d,expandedSize:P=64,collapsible:A,onExpand:H,onCollapse:w,children:N,style:s,open:R,defaultOpen:p,onOpenChange:y,inset:S,id:M,...b}=a,{table:h,attributes:f}=de(d,"fixed"),v=ie({name:"rail",label:"Rail",propNames:Ge,id:M,controlled:q(R),defaultValue:q(p),presentationTable:h,builtIn:ze,onChange:(g,k)=>y?.(g!=="closed",{reason:k}),onExpand:H,onCollapse:w,size:P});ee("rail",S);let C=fe(r,v.setElement);return e.createElement("div",{...b,id:v.id,ref:C,className:V("rt-ShellPane","rt-ShellRail",i),...ce(v,f),"data-inset":S||void 0,tabIndex:v.overlaying?-1:b.tabIndex,style:{...s,"--rail-size":`${P}px`}},e.createElement(Xe,null,N))});_e.displayName="Shell.Rail";function Xe({children:a}){let r=e.useContext(ne);return e.createElement("div",{className:V("rt-ShellRailContent",`rt-r-size-${r}`)},e.createElement(oe,{presentation:"thin"},a))}var Je={controlled:"open",default:"defaultOpen"},me=e.forwardRef((a,r)=>{let{className:i,presentation:d,defaultOpen:P,open:A,onOpenChange:H,size:w,defaultSize:N,expandedSize:s=288,minSize:R=100,maxSize:p=800,resizable:y=!1,collapsible:S=!0,onExpand:M,onCollapse:b,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,children:G,style:X,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F=50,inset:U,id:te,...J}=a,T=re("Shell.Panel"),he=se(T,"rail"),B=de(d,"fixed"),W=d===void 0,t=W?he?.presentationTable??ae:B.table,o=W?{"data-presentation-follows":""}:B.attributes,n=ie({name:"panel",label:"Panel",propNames:Je,id:te,controlled:q(A),defaultValue:q(P),presentationTable:t,builtIn:xe,onChange:(Q,l)=>H?.(Q!=="closed",{reason:l}),onExpand:M,onCollapse:b,size:s});ee("panel",U),e.useEffect(()=>{(C!==void 0||k!==void 0||I!==void 0||O!==void 0)&&void 0},[C,k,I,O]);let c=e.useRef(null),z=fe(r,n.setElement,c),_=Le({name:"panel",elementId:n.id,elementRef:c,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:He,expandedSize:s,minSize:R,maxSize:p,resizable:y,collapsible:S,size:w,defaultSize:N,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,overlaying:n.overlaying,overlayingNow:()=>(W?T.entries.get("rail")?.presentationTable??ae:B.table)[Pe()]==="overlay",requestCollapse:()=>n.setValue("closed","toggle"),requestToggle:()=>n.toggle("toggle")}),{handles:x,content:K}=Te(G,le),$=y&&n.shown!==!1&&!n.overlaying?e.createElement(Se.Provider,{value:_},x.length>0?x:e.createElement(be,null)):null;return e.createElement("div",{...we(J),id:n.id,ref:z,className:V("rt-ShellPane","rt-ShellPanel",i),...ce(n,o),"data-inset":U||void 0,tabIndex:n.overlaying?-1:J.tabIndex,style:{...X,"--panel-expanded-size":`${s}px`}},e.createElement("div",{className:"rt-ShellPanelContent"},e.createElement(oe,null,K)),$)});me.displayName="Shell.Panel";me.Handle=le;var Ke=e.forwardRef(({className:a,inset:r,...i},d)=>(ee("content",r),e.createElement("main",{...i,ref:d,className:V("rt-ShellContent",a),"data-inset":r||void 0})));Ke.displayName="Shell.Content";var $e=e.forwardRef(({target:a,action:r="toggle",peekOnHover:i,onClick:d,onMouseEnter:P,onMouseLeave:A,children:H,...w},N)=>{let s=re("Shell.Trigger");e.useEffect(()=>{a==="left"&&void 0,i&&void 0},[a,i]);let R=a==="left"?"rail":a,p=se(s,R),y=p?.value===void 0?void 0:p.value!=="closed",S=h=>{if(d?.(h),h.defaultPrevented)return;let f=s.entries.get(R);f&&(s.peek===R&&Z(s,null),r==="toggle"?f.toggle("toggle"):r==="expand"?f.setValue("open","toggle"):f.setValue("closed","toggle"))},M=h=>{if(P?.(h),!i)return;let f=s.entries.get(R);f&&f.value==="closed"&&f.presentation!=="overlay"&&Z(s,R)},b=h=>{A?.(h),i&&s.peek===R&&Z(s,null)};return e.createElement("button",{type:"button","aria-controls":p?.id,"aria-expanded":y,...w,ref:N,onClick:S,onMouseEnter:M,onMouseLeave:b,"data-shell-trigger":a,"data-shell-action":r},H)});$e.displayName="Shell.Trigger";export{Ve as a,Ue as b,We as c,_e as d,me as e,Ke as f,$e as g,Qe as h};
+//# sourceMappingURL=chunk-NOSR2XWD.js.map

package/dist/esm/chunk-OMUUPPJO.js

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

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

@@ -0,0 +1,7 @@
+{
+  "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 { 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 = comboboxRootPropDefs.size.default,\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\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", "size", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "resetSearchOnSelect", "resetSearchOnClose", "color", "displayValueProp", "rootProps", "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-J43ZS6TI.js → chunk-ORMCQAPS.js}

@@ -1,2 +1,2 @@
-import{d as v}from"./chunk-UZS3BA2Z.js";import{b as w,d as B,g as I}from"./chunk-3J6AUDID.js";import{a as y,c as S}from"./chunk-HCNO7PX6.js";import{a as x,b as E,c as T}from"./chunk-5ROQAZ7J.js";import{o as M}from"./chunk-3PTKPDSA.js";import{a as V,b as N}from"./chunk-BZZXXZ3O.js";import{a as C}from"./chunk-HWQ3NTJP.js";import{a as R}from"./chunk-TBZO22XK.js";import*as e from"react";import de from"classnames";import{useComposedRefs as le}from"radix-ui/internal";var k=t=>t==="collapsed"?"closed":"open",pe=t=>t==="closed"?"collapsed":"expanded";function A(t){if(t===void 0)return;if(typeof t=="string")return k(t);let n={};for(let[r,o]of Object.entries(t))o!==void 0&&(n[r]=k(o));return n}var Se={controlled:"state",default:"defaultState"},ce={initial:"overlay",sm:"fixed"},H=e.forwardRef((t,n)=>{let{className:r,presentation:o=ce,expandedSize:i=288,minSize:c=200,maxSize:m=400,resizable:u=!1,collapsible:U=!0,onExpand:D,onCollapse:L,onResize:O,onResizeStart:_,onResizeEnd:$,snapPoints:s,snapTolerance:W,collapseThreshold:d,paneId:l,persistence:p,children:j,style:q,state:F,defaultState:G,onStateChange:K,size:J,defaultSize:Q,onSizeChange:X,sizeUpdate:Y,sizeUpdateMs:Z=50,inset:b,id:ee,...f}=t,{table:P,attributes:ae}=T(o,"fixed"),a=x({name:"sidebar",label:"Sidebar",propNames:Se,id:ee,controlled:A(F),defaultValue:A(G),presentationTable:P,builtIn:w,onChange:(re,se)=>K?.(pe(re),{reason:se}),onExpand:D,onCollapse:L,size:i});M("sidebar",b),e.useEffect(()=>{(s!==void 0||d!==void 0||l!==void 0||p!==void 0)&&void 0},[s,d,l,p]);let h=e.useRef(null),te=le(n,a.setElement,h),ne=V({name:"sidebar",elementId:a.id,elementRef:h,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:B,expandedSize:i,minSize:c,maxSize:m,resizable:u,collapsible:U,size:J,defaultSize:Q,onSizeChange:X,sizeUpdate:Y,sizeUpdateMs:Z,onResize:O,onResizeStart:_,onResizeEnd:$,snapPoints:s,snapTolerance:W,collapseThreshold:d,paneId:l,persistence:p,overlaying:a.overlaying,overlayingNow:()=>P[R()]==="overlay",requestCollapse:()=>a.setValue("closed","toggle"),requestToggle:()=>a.toggle("toggle")}),{handles:g,content:oe}=N(j,S),ie=u&&a.value!=="closed"&&!a.overlaying?e.createElement(C.Provider,{value:ne},g.length>0?g:e.createElement(y,null)):null,z=a.peeking?`var(--sidebar-size, ${i}px)`:void 0;return e.createElement("div",{...I(f),id:a.id,ref:te,className:de("rt-ShellPane","rt-ShellSidebar",r),...E(a,ae),"data-inset":b||void 0,tabIndex:a.overlaying?-1:f.tabIndex,style:{...q,"--sidebar-expanded-size":`${i}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${m}px`,...z?{"--peek-sidebar-width":z}:{}}},e.createElement("div",{className:"rt-ShellSidebarContent"},e.createElement(v,null,oe)),ie)});H.displayName="Shell.Sidebar";H.Handle=S;export{H as a};
-//# sourceMappingURL=chunk-J43ZS6TI.js.map
+import{d as v}from"./chunk-SM27AC7E.js";import{b as w,d as B,g as I}from"./chunk-3J6AUDID.js";import{a as y,c as S}from"./chunk-HCNO7PX6.js";import{a as x,b as E,c as T}from"./chunk-5ROQAZ7J.js";import{o as M}from"./chunk-3PTKPDSA.js";import{a as V,b as N}from"./chunk-BZZXXZ3O.js";import{a as C}from"./chunk-HWQ3NTJP.js";import{a as R}from"./chunk-TBZO22XK.js";import*as e from"react";import de from"classnames";import{useComposedRefs as le}from"radix-ui/internal";var k=t=>t==="collapsed"?"closed":"open",pe=t=>t==="closed"?"collapsed":"expanded";function A(t){if(t===void 0)return;if(typeof t=="string")return k(t);let n={};for(let[r,o]of Object.entries(t))o!==void 0&&(n[r]=k(o));return n}var Se={controlled:"state",default:"defaultState"},ce={initial:"overlay",sm:"fixed"},H=e.forwardRef((t,n)=>{let{className:r,presentation:o=ce,expandedSize:i=288,minSize:c=200,maxSize:m=400,resizable:u=!1,collapsible:U=!0,onExpand:D,onCollapse:L,onResize:O,onResizeStart:_,onResizeEnd:$,snapPoints:s,snapTolerance:W,collapseThreshold:d,paneId:l,persistence:p,children:j,style:q,state:F,defaultState:G,onStateChange:K,size:J,defaultSize:Q,onSizeChange:X,sizeUpdate:Y,sizeUpdateMs:Z=50,inset:b,id:ee,...f}=t,{table:P,attributes:ae}=T(o,"fixed"),a=x({name:"sidebar",label:"Sidebar",propNames:Se,id:ee,controlled:A(F),defaultValue:A(G),presentationTable:P,builtIn:w,onChange:(re,se)=>K?.(pe(re),{reason:se}),onExpand:D,onCollapse:L,size:i});M("sidebar",b),e.useEffect(()=>{(s!==void 0||d!==void 0||l!==void 0||p!==void 0)&&void 0},[s,d,l,p]);let h=e.useRef(null),te=le(n,a.setElement,h),ne=V({name:"sidebar",elementId:a.id,elementRef:h,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:B,expandedSize:i,minSize:c,maxSize:m,resizable:u,collapsible:U,size:J,defaultSize:Q,onSizeChange:X,sizeUpdate:Y,sizeUpdateMs:Z,onResize:O,onResizeStart:_,onResizeEnd:$,snapPoints:s,snapTolerance:W,collapseThreshold:d,paneId:l,persistence:p,overlaying:a.overlaying,overlayingNow:()=>P[R()]==="overlay",requestCollapse:()=>a.setValue("closed","toggle"),requestToggle:()=>a.toggle("toggle")}),{handles:g,content:oe}=N(j,S),ie=u&&a.value!=="closed"&&!a.overlaying?e.createElement(C.Provider,{value:ne},g.length>0?g:e.createElement(y,null)):null,z=a.peeking?`var(--sidebar-size, ${i}px)`:void 0;return e.createElement("div",{...I(f),id:a.id,ref:te,className:de("rt-ShellPane","rt-ShellSidebar",r),...E(a,ae),"data-inset":b||void 0,tabIndex:a.overlaying?-1:f.tabIndex,style:{...q,"--sidebar-expanded-size":`${i}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${m}px`,...z?{"--peek-sidebar-width":z}:{}}},e.createElement("div",{className:"rt-ShellSidebarContent"},e.createElement(v,null,oe)),ie)});H.displayName="Shell.Sidebar";H.Handle=S;export{H as a};
+//# sourceMappingURL=chunk-ORMCQAPS.js.map

package/dist/esm/chunk-PNIVUG5D.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-UBSLEGQZ.js";import{a as p}from"./chunk-GSTOGDAJ.js";import{a as m}from"./chunk-5LGWS5QS.js";import{a as c}from"./chunk-OS3FCYZY.js";var l={};c(l,{Content:()=>g,List:()=>P,Root:()=>b,Trigger:()=>f});import*as e from"react";import i from"classnames";import{Tabs as n}from"radix-ui";var b=e.forwardRef((s,o)=>{let{className:r,...t}=a(s,p);return e.createElement(n.Root,{...t,ref:o,className:i("rt-TabsRoot",r)})});b.displayName="Tabs.Root";var P=e.forwardRef((s,o)=>{let{className:r,color:t,...T}=a(s,m,p);return e.createElement(n.List,{"data-accent-color":t,...T,asChild:!1,ref:o,className:i("rt-BaseTabList","rt-TabsList",r)})});P.displayName="Tabs.List";var f=e.forwardRef((s,o)=>{let{className:r,children:t,...T}=s;return e.createElement(n.Trigger,{...T,asChild:!1,ref:o,className:i("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",r)},e.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},t),e.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},t))});f.displayName="Tabs.Trigger";var g=e.forwardRef((s,o)=>{let{className:r,...t}=a(s,p);return e.createElement(n.Content,{...t,ref:o,className:i("rt-TabsContent",r),"aria-live":"polite","aria-atomic":"true"})});g.displayName="Tabs.Content";export{b as a,P as b,f as c,g as d,l as e};
+//# sourceMappingURL=chunk-PNIVUG5D.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tabs.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\nimport { tabsListPropDefs } from './tabs.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabsContentPropDefs, tabsRootPropDefs } from './tabs.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 TabsRootElement = React.ElementRef<typeof TabsPrimitive.Root>;\ntype TabsRootOwnProps = GetPropDefTypes<typeof tabsRootPropDefs>;\ninterface TabsRootProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Root, 'asChild' | 'color' | 'defaultChecked'>,\n    MarginProps,\n    TabsRootOwnProps {}\nconst TabsRoot = React.forwardRef<TabsRootElement, TabsRootProps>((props, forwardedRef) => {\n  const { className, ...rootProps } = extractProps(props, marginPropDefs);\n  return (\n    <TabsPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      className={classNames('rt-TabsRoot', className)}\n    />\n  );\n});\nTabsRoot.displayName = 'Tabs.Root';\n\ntype TabsListElement = React.ElementRef<typeof TabsPrimitive.List>;\ntype TabsListOwnProps = GetPropDefTypes<typeof tabsListPropDefs>;\ninterface TabsListProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.List, RemovedProps>,\n    MarginProps,\n    TabsListOwnProps {}\nconst TabsList = React.forwardRef<TabsListElement, TabsListProps>((props, forwardedRef) => {\n  const { className, color, ...listProps } = extractProps(\n    props,\n    tabsListPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <TabsPrimitive.List\n      data-accent-color={color}\n      {...listProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseTabList', 'rt-TabsList', className)}\n    />\n  );\n});\nTabsList.displayName = 'Tabs.List';\n\ntype TabsTriggerElement = React.ElementRef<typeof TabsPrimitive.Trigger>;\ninterface TabsTriggerProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Trigger, RemovedProps> {}\nconst TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...triggerProps } = props;\n    return (\n      <TabsPrimitive.Trigger\n        {...triggerProps}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabsTrigger', className)}\n      >\n        <span className=\"rt-BaseTabListTriggerInner rt-TabsTriggerInner\">{children}</span>\n        <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden\">\n          {children}\n        </span>\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'Tabs.Trigger';\n\ntype TabsContentElement = React.ElementRef<typeof TabsPrimitive.Content>;\ntype TabsContentOwnProps = GetPropDefTypes<typeof tabsContentPropDefs>;\ninterface TabsContentProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Content, RemovedProps>,\n    MarginProps,\n    TabsContentOwnProps {}\nconst TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(\n  (props, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(props, marginPropDefs);\n    return (\n      <TabsPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('rt-TabsContent', className)}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      />\n    );\n  },\n);\nTabsContent.displayName = 'Tabs.Content';\n\nexport { TabsRoot as Root, TabsList as List, TabsTrigger as Trigger, TabsContent as Content };\nexport type {\n  TabsRootProps as RootProps,\n  TabsListProps as ListProps,\n  TabsTriggerProps as TriggerProps,\n  TabsContentProps as ContentProps,\n};\n"],
+  "mappings": "2JAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAQC,MAAqB,WAiBtC,IAAMC,EAAiB,aAA2C,CAACC,EAAOC,IAAiB,CACzF,GAAM,CAAE,UAAAC,EAAW,GAAGC,CAAU,EAAIC,EAAaJ,EAAOK,CAAc,EACtE,OACE,gBAACC,EAAc,KAAd,CACE,GAAGH,EACJ,IAAKF,EACL,UAAWM,EAAW,cAAeL,CAAS,EAChD,CAEJ,CAAC,EACDH,EAAS,YAAc,YAQvB,IAAMS,EAAiB,aAA2C,CAACR,EAAOC,IAAiB,CACzF,GAAM,CAAE,UAAAC,EAAW,MAAAO,EAAO,GAAGC,CAAU,EAAIN,EACzCJ,EACAW,EACAN,CACF,EACA,OACE,gBAACC,EAAc,KAAd,CACC,oBAAmBG,EAClB,GAAGC,EACJ,QAAS,GACT,IAAKT,EACL,UAAWM,EAAW,iBAAkB,cAAeL,CAAS,EAClE,CAEJ,CAAC,EACDM,EAAS,YAAc,YAKvB,IAAMI,EAAoB,aACxB,CAACZ,EAAOC,IAAiB,CACvB,GAAM,CAAE,UAAAC,EAAW,SAAAW,EAAU,GAAGC,CAAa,EAAId,EACjD,OACE,gBAACM,EAAc,QAAd,CACE,GAAGQ,EACJ,QAAS,GACT,IAAKb,EACL,UAAWM,EAAW,WAAY,wBAAyB,iBAAkBL,CAAS,GAEtF,gBAAC,QAAK,UAAU,kDAAkDW,CAAS,EAC3E,gBAAC,QAAK,UAAU,8DACbA,CACH,CACF,CAEJ,CACF,EACAD,EAAY,YAAc,eAQ1B,IAAMG,EAAoB,aACxB,CAACf,EAAOC,IAAiB,CACvB,GAAM,CAAE,UAAAC,EAAW,GAAGc,CAAa,EAAIZ,EAAaJ,EAAOK,CAAc,EACzE,OACE,gBAACC,EAAc,QAAd,CACE,GAAGU,EACJ,IAAKf,EACL,UAAWM,EAAW,iBAAkBL,CAAS,EACjD,YAAU,SACV,cAAY,OACd,CAEJ,CACF,EACAa,EAAY,YAAc",
+  "names": ["tabs_exports", "__export", "TabsContent", "TabsList", "TabsRoot", "TabsTrigger", "React", "classNames", "TabsPrimitive", "TabsRoot", "props", "forwardedRef", "className", "rootProps", "extractProps", "marginPropDefs", "TabsPrimitive", "classNames", "TabsList", "color", "listProps", "baseTabListPropDefs", "TabsTrigger", "children", "triggerProps", "TabsContent", "contentProps"]
+}

package/dist/esm/chunk-PYYI64XK.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{a as o,b as r}from"./chunk-34KVYDF6.js";var p=["inherit","light","dark"],t=["sans","mono","serif"],l={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:p,default:"inherit"},accentColor:{type:"enum",values:o,default:"gray"},grayColor:{type:"enum",values:r,default:"gray"},radius:{type:"enum",values:a,default:"full"},fontFamily:{type:"enum",values:t,default:"sans"},headingFontFamily:{type:"enum",values:t}};export{l as a};
+//# sourceMappingURL=chunk-PYYI64XK.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/theme.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'gray' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'gray' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "0HAMA,IAAMA,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAgB,CACpB,GAAGC,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQI,EAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,MAAO,EAO/D,OAAQ,CAAE,KAAM,OAAQ,OAAQC,EAAO,QAAS,MAAO,EASvD,WAAY,CAAE,KAAM,OAAQ,OAAQL,EAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,CAAa,CAC1D",
+  "names": ["appearances", "fontFamilies", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii"]
+}

package/dist/esm/chunk-Q7S5LQBQ.js

@@ -0,0 +1,2 @@
+import{b as r}from"./chunk-KRJTW535.js";import{c as e}from"./chunk-34KVYDF6.js";var s=["1","2","3","4"],a=["raised","surface","soft","outline","ghost"],t=["none","vertical","horizontal","both"],n={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},resize:{type:"enum",className:"rt-r-resize",values:t,responsive:!0},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...e,...r};export{n as a};
+//# sourceMappingURL=chunk-Q7S5LQBQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-area.props.tsx"],
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'surface', 'soft', 'outline', 'ghost'] as const;\nconst resizeValues = ['none', 'vertical', 'horizontal', 'both'] as const;\n\n// prettier-ignore\nconst textAreaPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  resize: { type: 'enum', className: 'rt-r-resize', values: resizeValues,  responsive: true },\n  // Error and validation props\n  error: { type: 'boolean', default: false },\n  errorMessage: { type: 'string', default: undefined },\n  required: { type: 'boolean', default: false },\n  // Accessibility props\n  'aria-describedby': { type: 'string', default: undefined },\n  'aria-labelledby': { type: 'string', default: undefined },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  resize: PropDef<(typeof resizeValues)[number]>;\n  error: PropDef<boolean>;\n  errorMessage: PropDef<string | undefined>;\n  required: PropDef<boolean>;\n  'aria-describedby': PropDef<string | undefined>;\n  'aria-labelledby': PropDef<string | undefined>;\n};\n\nexport { textAreaPropDefs };\n"],
+  "mappings": "gFAKA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,UAAW,OAAQ,UAAW,OAAO,EAC3DC,EAAe,CAAC,OAAQ,WAAY,aAAc,MAAM,EAGxDC,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,OAAQ,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAe,WAAY,EAAK,EAE1F,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,aAAc,CAAE,KAAM,SAAU,QAAS,MAAU,EACnD,SAAU,CAAE,KAAM,UAAW,QAAS,EAAM,EAE5C,mBAAoB,CAAE,KAAM,SAAU,QAAS,MAAU,EACzD,kBAAmB,CAAE,KAAM,SAAU,QAAS,MAAU,EACxD,GAAGE,EACH,GAAGC,CACL",
+  "names": ["sizes", "variants", "resizeValues", "textAreaPropDefs", "colorPropDef", "radiusPropDef"]
+}

package/dist/esm/chunk-QOPRXQGR.js

@@ -0,0 +1,2 @@
+import{b as s}from"./chunk-KRJTW535.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{c as e}from"./chunk-34KVYDF6.js";var r=["1","2","3","4"],a=["raised","soft","surface","outline","ghost"],p={...o,size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},...e,...s,flush:{type:"boolean",default:!1}},f={...o},c={...o},l={...o},d={...o};export{p as a,f as b,c,l as d,d as e};
+//# sourceMappingURL=chunk-QOPRXQGR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/accordion.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'soft', 'surface', 'outline', 'ghost'] as const;\n\nconst accordionRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  flush: PropDef<boolean>;\n};\n\nconst accordionItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n};\n\nexport type AccordionRootOwnProps = {\n  size?: (typeof sizes)[number];\n  variant?: (typeof variants)[number];\n  color?: string;\n  radius?: string;\n  flush?: boolean;\n};\n\nexport type AccordionItemOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionHeaderOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionTriggerOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionContentOwnProps = {\n  asChild?: boolean;\n};\n"],
+  "mappings": "wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,OAAQ,UAAW,UAAW,OAAO,EAE3DC,EAAwB,CAC5B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,GAAGG,EACH,GAAGC,EACH,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C,EAMMC,EAAwB,CAC5B,GAAGH,CACL,EAIMI,EAA0B,CAC9B,GAAGJ,CACL,EAIMK,EAA2B,CAC/B,GAAGL,CACL,EAIMM,EAA2B,CAC/B,GAAGN,CACL",
+  "names": ["sizes", "variants", "accordionRootPropDefs", "asChildPropDef", "colorPropDef", "radiusPropDef", "accordionItemPropDefs", "accordionHeaderPropDefs", "accordionTriggerPropDefs", "accordionContentPropDefs"]
+}

package/dist/esm/{chunk-MLJLEOZ5.js → chunk-R2FUNQTI.js}

@@ -1,2 +1,2 @@
-import{b as e}from"./chunk-KRJTW535.js";var o=["1","2","3","4"],s=["horizontal","vertical"],r={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},orientation:{type:"enum",className:"rt-r-orientation",values:s,default:"horizontal",responsive:!0},material:{type:"enum",values:["solid","translucent"]},...e};export{r as a};
-//# sourceMappingURL=chunk-MLJLEOZ5.js.map
+import{b as e}from"./chunk-KRJTW535.js";var o=["1","2","3","4"],s=["horizontal","vertical"],r={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},orientation:{type:"enum",className:"rt-r-orientation",values:s,default:"horizontal",responsive:!0},...e};export{r as a};
+//# sourceMappingURL=chunk-R2FUNQTI.js.map

package/dist/esm/{chunk-MLJLEOZ5.js.map → chunk-R2FUNQTI.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/segmented-control.props.tsx"],
-  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst orientations = ['horizontal', 'vertical'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', className: 'disabled', default: false },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  orientation: {\n    type: 'enum',\n    className: 'rt-r-orientation',\n    values: orientations,\n    default: 'horizontal',\n    responsive: true,\n  },\n  material: { type: 'enum', values: ['solid', 'translucent'] },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n  material: PropDef<'solid' | 'translucent'>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
-  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAe,CAAC,aAAc,UAAU,EAExCC,EAA+B,CACnC,SAAU,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,EACnE,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,YAAa,CACX,KAAM,OACN,UAAW,mBACX,OAAQC,EACR,QAAS,aACT,WAAY,EACd,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,GAAGE,CACL",
+  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst orientations = ['horizontal', 'vertical'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', className: 'disabled', default: false },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  orientation: {\n    type: 'enum',\n    className: 'rt-r-orientation',\n    values: orientations,\n    default: 'horizontal',\n    responsive: true,\n  },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAe,CAAC,aAAc,UAAU,EAExCC,EAA+B,CACnC,SAAU,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,EACnE,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,YAAa,CACX,KAAM,OACN,UAAW,mBACX,OAAQC,EACR,QAAS,aACT,WAAY,EACd,EACA,GAAGE,CACL",
   "names": ["sizes", "orientations", "segmentedControlRootPropDefs", "radiusPropDef"]
 }

package/dist/esm/chunk-RFURPE7W.js

@@ -0,0 +1,10 @@
+import{a as j}from"./chunk-IBF5U4QW.js";import{a as T}from"./chunk-K5SC3CZZ.js";import{a as D}from"./chunk-MZQDDG5K.js";import{a as G}from"./chunk-TGRRQHLQ.js";import{a as b}from"./chunk-DP3OWU5T.js";import{a as M}from"./chunk-BFLO4IVZ.js";import{b as I,c as K}from"./chunk-2HUAVZZL.js";import{a as B}from"./chunk-F22ZRNWL.js";import{a as C}from"./chunk-PYYI64XK.js";import{a as S}from"./chunk-O6K6RZXY.js";import{a as O}from"./chunk-HKRQ3E3I.js";import{a as s}from"./chunk-7CBZFHSQ.js";import{a as $}from"./chunk-XHKL4PG7.js";import*as e from"react";import{useCallbackRef as Q}from"radix-ui/internal";import{flushSync as Y}from"react-dom";var z=`
+      [contenteditable],
+      [role="combobox"],
+      [role="listbox"],
+      [role="menu"],
+      input:not([type="radio"], [type="checkbox"]),
+      select,
+      textarea
+    `,_=e.forwardRef(({defaultOpen:a=!0,...n},i)=>{let[h,c]=e.useState(a),m=e.useRef(null),r=e.useRef(null);return e.useEffect(()=>{function d(l){let x=l.altKey||l.ctrlKey||l.shiftKey||l.metaKey,f=document.activeElement?.closest(z);if(l.key?.toUpperCase()==="T"&&!x&&!f){let g=!1;Y(()=>{c(R=>(g=!R,g))}),g?(r.current=document.activeElement,m.current?.focus()):r.current?.focus()}}return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[]),e.createElement(W,{...n,ref:i,triggerRef:m,open:h,shortcut:e.createElement(b,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},e.createElement($,{asChild:!0,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},e.createElement("button",{type:"button",onClick:()=>c(d=>!d),ref:m,"aria-label":"Toggle the Theme Panel"},"T")))})});_.displayName="ThemePanel";var W=e.forwardRef((a,n)=>{let{open:i,onAppearanceChange:h,shortcut:c,triggerRef:m,...r}=a,d=I();return e.createElement(K,{asChild:!0,radius:"medium"},e.createElement(s,{direction:"column",position:"fixed",top:"0",right:"0",mr:{initial:"3",sm:"5"},mt:{initial:"3",sm:"5"},width:{initial:"360px"},maxHeight:{initial:"calc(100svh - var(--space-3) - var(--space-3))",sm:"calc(100svh - var(--space-5) - var(--space-5))"},maxWidth:{initial:"calc(100svw - var(--space-3) - var(--space-3))",sm:"calc(100svw - var(--space-5) - var(--space-5))"},inert:i?void 0:j,...r,ref:n,style:{zIndex:999999999,overflow:"hidden",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transform:i?"none":"translateX(105%)",boxShadow:i?"var(--shadow-5)":"var(--shadow-2)",...a.style}},e.createElement(O,null,e.createElement(T,{flexGrow:"1",p:{initial:"5",xs:"6"},position:"relative"},!!c&&e.createElement(T,{position:"absolute",top:"0",right:"0",m:"3"},c),e.createElement(U,{onAppearanceChange:h,context:d})))))});W.displayName="ThemePanelImpl";var U=e.forwardRef((a,n)=>{let{onAppearanceChange:i,context:h,...c}=a,m=I(),{appearance:r,onAppearanceChange:d,accentColor:l,onAccentColorChange:x,grayColor:f,onGrayColorChange:V,radius:g,onRadiusChange:R}=h??m,[k,w]=e.useState(r==="inherit"?null:r),F=i!==void 0,N=Q(i),E=e.useCallback(t=>{let o=ee();if(r!=="inherit"){d(t);return}F?N(t):(w(t),te(t)),o()},[r,d,F,N]),H=B(l),Z=f==="auto"?H:f,[X,A]=e.useState("idle");async function q(){let t={appearance:r===C.appearance.default?void 0:r,accentColor:l===C.accentColor.default?void 0:l,grayColor:f===C.grayColor.default?void 0:f,radius:g===C.radius.default?void 0:g},o=Object.keys(t).filter(p=>t[p]!==void 0).map(p=>`${p}="${t[p]}"`).join(" "),y=o?`<Theme ${o}>`:"<Theme>";A("copying"),await navigator.clipboard.writeText(y),A("copied"),setTimeout(()=>A("idle"),2e3)}return e.useEffect(()=>{function t(o){let y=o.altKey||o.ctrlKey||o.shiftKey||o.metaKey,p=document.activeElement?.closest(z);o.key?.toUpperCase()==="D"&&!y&&!p&&E(k==="light"?"dark":"light")}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[E,k]),e.useEffect(()=>{let t=document.documentElement,o=document.body;function y(){let P=t.classList.contains("dark")||t.classList.contains("dark-theme")||o.classList.contains("dark")||o.classList.contains("dark-theme");w(r==="inherit"?P?"dark":"light":r)}let p=new MutationObserver(function(P){P.forEach(function(J){J.attributeName==="class"&&y()})});return y(),r==="inherit"&&(p.observe(t,{attributes:!0}),p.observe(o,{attributes:!0})),()=>p.disconnect()},[r]),e.createElement(s,{direction:"column",gap:"6",...c,ref:n},e.createElement(M,{size:{initial:"3",sm:"5"},trim:"both",as:"h2"},"Theme"),e.createElement(s,{direction:"column",gap:"6"},e.createElement(v,null,e.createElement(L,{id:"accent-color-title"},"Accent color"),e.createElement(s,{wrap:"wrap",gap:"3",role:"group","aria-labelledby":"accent-color-title"},C.accentColor.values.map(t=>e.createElement(T,{asChild:!0,key:t},e.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":u(t),style:{backgroundColor:`var(--${t}-9)`}},e.createElement(b,{content:`${u(t)}${l==="gray"&&Z!=="gray"?` (${u(Z)})`:""}`},e.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:t,checked:l===t,onChange:o=>x(o.target.value)}))))))),e.createElement(v,null,e.createElement(L,{id:"gray-color-title"},"Gray color"),e.createElement(s,{wrap:"wrap",gap:"3",role:"group","aria-labelledby":"gray-color-title"},C.grayColor.values.map(t=>e.createElement(s,{key:t,asChild:!0,align:"center",justify:"center"},e.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":u(t),style:{backgroundColor:t==="auto"?`var(--${H}-9)`:t==="gray"?"var(--gray-9)":`var(--${t}-9)`,filter:t==="gray"?"saturate(0)":void 0}},e.createElement(b,{content:`${u(t)}${t==="auto"?` (${u(H)})`:""}`},e.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:t,checked:f===t,onChange:o=>V(o.target.value)}))))))),e.createElement(v,null,e.createElement(L,{id:"appearance-title"},"Appearance"),e.createElement(G,{columns:"2",gap:"3",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:t,checked:k===t,onChange:o=>E(o.target.value)}),e.createElement(s,{align:"center",justify:"center",height:"32px",gap:"3"},t==="light"?e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},e.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},e.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),e.createElement(S,{size:"1",weight:"medium"},u(t))))))),e.createElement(v,null,e.createElement(L,{id:"radius-title"},"Radius"),e.createElement(s,{gap:"3",role:"group","aria-labelledby":"radius-title",wrap:"wrap"},C.radius.values.map(t=>e.createElement(s,{key:t,direction:"column",align:"center"},e.createElement("label",{className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${t}`,value:t,checked:g===t,onChange:o=>R(o.target.value)}),e.createElement(K,{asChild:!0,radius:t},e.createElement(T,{m:"4",width:{initial:"24px",sm:"32px"},height:{initial:"24px",sm:"32px"},style:{borderTopLeftRadius:t==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),e.createElement(T,{asChild:!0,pt:"3"},e.createElement(S,{asChild:!0,size:"1",emphasis:"medium"},e.createElement("label",{htmlFor:`theme-panel-radius-${t}`},u(t))))))))),e.createElement(D,{style:{width:"100%"},onClick:q},X==="copied"?"Copied":"Copy Theme"))});U.displayName="ThemePanelContent";function v(a){return e.createElement(s,{direction:"column",gap:"4",asChild:!0,...a},e.createElement("section",null,a.children))}function L(a){return e.createElement(M,{as:"h3",size:{initial:"1",sm:"2"},...a})}function ee(){let a=document.createElement("style");return a.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(a),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(a)},1)}}function u(a){return a.charAt(0).toUpperCase()+a.slice(1)}function te(a){let n=document.documentElement,i=n.classList.contains("light-theme"),h=n.classList.contains("dark-theme"),c=n.classList.contains("light"),m=n.classList.contains("dark");(i||h)&&(n.classList.remove("light-theme","dark-theme"),n.style.colorScheme=a,n.classList.add(`${a}-theme`)),(c||m)&&(n.classList.remove("light","dark"),n.style.colorScheme=a,n.classList.add(a)),!i&&!h&&!c&&!m&&(n.style.colorScheme=a,n.classList.add(a))}export{_ as a,U as b};
+//# sourceMappingURL=chunk-RFURPE7W.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/theme-panel.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { useCallbackRef } from 'radix-ui/internal';\nimport { flushSync } from 'react-dom';\n\nimport { Box } from './box.js';\nimport { Button } from './button.js';\nimport { Flex } from './flex.js';\nimport { Grid } from './grid.js';\nimport { Heading } from './heading.js';\nimport { Kbd } from './kbd.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Text } from './text.js';\nimport { Tooltip } from './tooltip.js';\nimport { Theme, useThemeContext, type ThemeContextValue } from './theme.js';\nimport { inert } from '../helpers/inert.js';\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface ThemePanelProps extends Omit<ThemePanelImplProps, keyof ThemePanelImplPrivateProps> {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n  defaultOpen?: boolean;\n}\n\nconst keyboardInputElement = `\n      [contenteditable],\n      [role=\"combobox\"],\n      [role=\"listbox\"],\n      [role=\"menu\"],\n      input:not([type=\"radio\"], [type=\"checkbox\"]),\n      select,\n      textarea\n    `;\n\nconst ThemePanel = React.forwardRef<ThemePanelImplElement, ThemePanelProps>(\n  ({ defaultOpen = true, ...props }, forwardedRef) => {\n    const [open, setOpen] = React.useState(defaultOpen);\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n    const previouslyFocusedElementRef = React.useRef<HTMLElement | null>(null);\n\n    // quickly show/hide using \"T\" keypress\n    React.useEffect(() => {\n      function handleKeydown(event: KeyboardEvent) {\n        const isModifierActive = event.altKey || event.ctrlKey || event.shiftKey || event.metaKey;\n        const isKeyboardInputActive = document.activeElement?.closest(keyboardInputElement);\n        const isKeyT = event.key?.toUpperCase() === 'T' && !isModifierActive;\n        if (isKeyT && !isKeyboardInputActive) {\n          let isOpen = false;\n          flushSync(() => {\n            setOpen((open) => {\n              isOpen = !open;\n              return isOpen;\n            });\n          });\n          if (isOpen) {\n            previouslyFocusedElementRef.current = document.activeElement as HTMLElement | null;\n            triggerRef.current?.focus();\n          } else {\n            previouslyFocusedElementRef.current?.focus();\n          }\n        }\n      }\n      document.addEventListener('keydown', handleKeydown);\n      return () => document.removeEventListener('keydown', handleKeydown);\n    }, []);\n\n    return (\n      <ThemePanelImpl\n        {...props}\n        ref={forwardedRef}\n        triggerRef={triggerRef}\n        open={open}\n        shortcut={\n          <Tooltip content=\"Press T to show/hide the Theme Panel\" side=\"bottom\" sideOffset={6}>\n            <Kbd asChild size=\"3\" tabIndex={0} className=\"rt-ThemePanelShortcut\">\n              <button\n                type=\"button\"\n                onClick={() => setOpen((open) => !open)}\n                ref={triggerRef}\n                aria-label=\"Toggle the Theme Panel\"\n              >\n                T\n              </button>\n            </Kbd>\n          </Tooltip>\n        }\n      />\n    );\n  },\n);\nThemePanel.displayName = 'ThemePanel';\n\ntype ThemePanelImplElement = React.ElementRef<'div'>;\ninterface ThemePanelImplPrivateProps {\n  open: boolean;\n  shortcut: React.ReactNode;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}\ninterface ThemePanelImplProps\n  extends ComponentPropsWithout<'div', RemovedProps>, ThemePanelImplPrivateProps {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n}\nconst ThemePanelImpl = React.forwardRef<ThemePanelImplElement, ThemePanelImplProps>(\n  (props, forwardedRef) => {\n    const { open, onAppearanceChange, shortcut, triggerRef, ...panelProps } = props;\n    const themeContext = useThemeContext();\n    return (\n      <Theme asChild radius=\"medium\">\n        <Flex\n          direction=\"column\"\n          position=\"fixed\"\n          top=\"0\"\n          right=\"0\"\n          mr={{ initial: '3', sm: '5' }}\n          mt={{ initial: '3', sm: '5' }}\n          width={{ initial: '360px' }}\n          maxHeight={{\n            initial: 'calc(100svh - var(--space-3) - var(--space-3))',\n            sm: 'calc(100svh - var(--space-5) - var(--space-5))',\n          }}\n          maxWidth={{\n            initial: 'calc(100svw - var(--space-3) - var(--space-3))',\n            sm: 'calc(100svw - var(--space-5) - var(--space-5))',\n          }}\n          inert={open ? undefined : inert}\n          {...panelProps}\n          ref={forwardedRef}\n          style={{\n            zIndex: 999999999,\n            overflow: 'hidden',\n            borderRadius: 'var(--radius-4)',\n            backgroundColor: 'var(--color-panel-solid)',\n            transformOrigin: 'top center',\n            transform: open ? 'none' : 'translateX(105%)',\n            boxShadow: open ? 'var(--shadow-5)' : 'var(--shadow-2)',\n            ...props.style,\n          }}\n        >\n          <ScrollArea>\n            <Box flexGrow=\"1\" p={{ initial: '5', xs: '6' }} position=\"relative\">\n              {!!shortcut && (\n                <Box position=\"absolute\" top=\"0\" right=\"0\" m=\"3\">\n                  {shortcut}\n                </Box>\n              )}\n              <ThemePanelContent onAppearanceChange={onAppearanceChange} context={themeContext} />\n            </Box>\n          </ScrollArea>\n        </Flex>\n      </Theme>\n    );\n  },\n);\nThemePanelImpl.displayName = 'ThemePanelImpl';\n\ntype ThemePanelContentElement = React.ElementRef<typeof Flex>;\ninterface ThemePanelContentProps extends ComponentPropsWithout<\n  typeof Flex,\n  RemovedProps | 'direction'\n> {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n  context?: ThemeContextValue;\n}\nconst ThemePanelContent = React.forwardRef<ThemePanelContentElement, ThemePanelContentProps>(\n  (props, forwardedRef) => {\n    const {\n      onAppearanceChange: onAppearanceChangeProp,\n      context: contextProp,\n      ...contentProps\n    } = props;\n\n    const themeContext = useThemeContext();\n\n    const {\n      appearance,\n      onAppearanceChange,\n      accentColor,\n      onAccentColorChange,\n      grayColor,\n      onGrayColorChange,\n      radius,\n      onRadiusChange,\n    } = contextProp ?? themeContext;\n\n    const [resolvedAppearance, setResolvedAppearance] = React.useState<'light' | 'dark' | null>(\n      appearance === 'inherit' ? null : appearance,\n    );\n    const hasOnAppearanceChangeProp = onAppearanceChangeProp !== undefined;\n    const handleAppearanceChangeProp = useCallbackRef(onAppearanceChangeProp);\n    const handleAppearanceChange = React.useCallback(\n      (value: 'light' | 'dark') => {\n        const cleanup = disableAnimation();\n\n        if (appearance !== 'inherit') {\n          onAppearanceChange(value);\n          return;\n        }\n\n        if (hasOnAppearanceChangeProp) {\n          handleAppearanceChangeProp(value);\n        } else {\n          setResolvedAppearance(value);\n          updateRootAppearanceClass(value);\n        }\n\n        cleanup();\n      },\n      [appearance, onAppearanceChange, hasOnAppearanceChangeProp, handleAppearanceChangeProp],\n    );\n\n    const autoMatchedGray = getMatchingGrayColor(accentColor);\n    const resolvedGrayColor = grayColor === 'auto' ? autoMatchedGray : grayColor;\n\n    const [copyState, setCopyState] = React.useState<'idle' | 'copying' | 'copied'>('idle');\n    async function handleCopyThemeConfig() {\n      const theme = {\n        appearance: appearance === themePropDefs.appearance.default ? undefined : appearance,\n        accentColor: accentColor === themePropDefs.accentColor.default ? undefined : accentColor,\n        grayColor: grayColor === themePropDefs.grayColor.default ? undefined : grayColor,\n        radius: radius === themePropDefs.radius.default ? undefined : radius,\n      } satisfies GetPropDefTypes<typeof themePropDefs>;\n\n      const props = Object.keys(theme)\n        .filter((key) => theme[key as keyof typeof theme] !== undefined)\n        .map((key) => `${key}=\"${theme[key as keyof typeof theme]}\"`)\n        .join(' ');\n\n      const textToCopy = props ? `<Theme ${props}>` : '<Theme>';\n\n      setCopyState('copying');\n      await navigator.clipboard.writeText(textToCopy);\n      setCopyState('copied');\n      setTimeout(() => setCopyState('idle'), 2000);\n    }\n\n    // quickly toggle appearance using \"D\" keypress\n    React.useEffect(() => {\n      function handleKeydown(event: KeyboardEvent) {\n        const isModifierActive = event.altKey || event.ctrlKey || event.shiftKey || event.metaKey;\n        const isKeyboardInputActive = document.activeElement?.closest(keyboardInputElement);\n        const isKeyD = event.key?.toUpperCase() === 'D' && !isModifierActive;\n        if (isKeyD && !isKeyboardInputActive) {\n          handleAppearanceChange(resolvedAppearance === 'light' ? 'dark' : 'light');\n        }\n      }\n      document.addEventListener('keydown', handleKeydown);\n      return () => document.removeEventListener('keydown', handleKeydown);\n    }, [handleAppearanceChange, resolvedAppearance]);\n\n    React.useEffect(() => {\n      const root = document.documentElement;\n      const body = document.body;\n\n      function update() {\n        const hasDarkClass =\n          root.classList.contains('dark') ||\n          root.classList.contains('dark-theme') ||\n          body.classList.contains('dark') ||\n          body.classList.contains('dark-theme');\n\n        if (appearance === 'inherit') {\n          setResolvedAppearance(hasDarkClass ? 'dark' : 'light');\n        } else {\n          setResolvedAppearance(appearance);\n        }\n      }\n\n      const classNameObserver = new MutationObserver(function (mutations) {\n        mutations.forEach(function (mutation) {\n          if (mutation.attributeName === 'class') {\n            update();\n          }\n        });\n      });\n\n      update();\n\n      // Observe <html> and <body> for `class` changes only when the appearance is inherited from them\n      if (appearance === 'inherit') {\n        classNameObserver.observe(root, { attributes: true });\n        classNameObserver.observe(body, { attributes: true });\n      }\n\n      return () => classNameObserver.disconnect();\n    }, [appearance]);\n\n    return (\n      <Flex direction=\"column\" gap=\"6\" {...contentProps} ref={forwardedRef}>\n        <Heading size={{ initial: '3', sm: '5' }} trim=\"both\" as=\"h2\">\n          Theme\n        </Heading>\n        <Flex direction=\"column\" gap=\"6\">\n          {/* Accent color */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"accent-color-title\">Accent color</ThemePanelHeading>\n            <Flex wrap=\"wrap\" gap=\"3\" role=\"group\" aria-labelledby=\"accent-color-title\">\n              {themePropDefs.accentColor.values.map((color) => (\n                <Box asChild key={color}>\n                  <label\n                    className=\"rt-ThemePanelSwatch\"\n                    aria-label={upperFirst(color)}\n                    style={{ backgroundColor: `var(--${color}-9)` }}\n                  >\n                    <Tooltip\n                      content={`${upperFirst(color)}${\n                        accentColor === 'gray' && resolvedGrayColor !== 'gray'\n                          ? ` (${upperFirst(resolvedGrayColor)})`\n                          : ''\n                      }`}\n                    >\n                      <input\n                        className=\"rt-ThemePanelSwatchInput\"\n                        type=\"radio\"\n                        name=\"accentColor\"\n                        value={color}\n                        checked={accentColor === color}\n                        onChange={(event) =>\n                          onAccentColorChange(event.target.value as typeof accentColor)\n                        }\n                      />\n                    </Tooltip>\n                  </label>\n                </Box>\n              ))}\n            </Flex>\n          </ThemePanelSection>\n\n          {/* Gray color */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"gray-color-title\">Gray color</ThemePanelHeading>\n            <Flex wrap=\"wrap\" gap=\"3\" role=\"group\" aria-labelledby=\"gray-color-title\">\n              {themePropDefs.grayColor.values.map((gray) => (\n                <Flex key={gray} asChild align=\"center\" justify=\"center\">\n                  <label\n                    className=\"rt-ThemePanelSwatch\"\n                    aria-label={upperFirst(gray)}\n                    style={{\n                      backgroundColor:\n                        gray === 'auto'\n                          ? `var(--${autoMatchedGray}-9)`\n                          : gray === 'gray'\n                            ? 'var(--gray-9)'\n                            : `var(--${gray}-9)`,\n                      // we override --gray so pure gray doesn't exist anymore\n                      // recover something as close as possible by desaturating\n                      filter: gray === 'gray' ? 'saturate(0)' : undefined,\n                    }}\n                  >\n                    <Tooltip\n                      content={`${upperFirst(gray)}${\n                        gray === 'auto' ? ` (${upperFirst(autoMatchedGray)})` : ''\n                      }`}\n                    >\n                      <input\n                        className=\"rt-ThemePanelSwatchInput\"\n                        type=\"radio\"\n                        name=\"grayColor\"\n                        value={gray}\n                        checked={grayColor === gray}\n                        onChange={(event) =>\n                          onGrayColorChange(event.target.value as typeof grayColor)\n                        }\n                      />\n                    </Tooltip>\n                  </label>\n                </Flex>\n              ))}\n            </Flex>\n          </ThemePanelSection>\n\n          {/* Appearance */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"appearance-title\">Appearance</ThemePanelHeading>\n            <Grid columns=\"2\" gap=\"3\" role=\"group\" aria-labelledby=\"appearance-title\">\n              {(['light', 'dark'] as const).map((value) => (\n                <label key={value} className=\"rt-ThemePanelRadioCard\">\n                  <input\n                    className=\"rt-ThemePanelRadioCardInput\"\n                    type=\"radio\"\n                    name=\"appearance\"\n                    value={value}\n                    checked={resolvedAppearance === value}\n                    onChange={(event) =>\n                      handleAppearanceChange(event.target.value as 'light' | 'dark')\n                    }\n                  />\n                  <Flex align=\"center\" justify=\"center\" height=\"32px\" gap=\"3\">\n                    {value === 'light' ? (\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        style={{ margin: '0 -1px' }}\n                      >\n                        <path\n                          d=\"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        style={{ margin: '0 -1px' }}\n                      >\n                        <path\n                          d=\"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                    <Text size=\"1\" weight=\"medium\">\n                      {upperFirst(value)}\n                    </Text>\n                  </Flex>\n                </label>\n              ))}\n            </Grid>\n          </ThemePanelSection>\n\n          {/* Radius */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"radius-title\">Radius</ThemePanelHeading>\n            <Flex gap=\"3\" role=\"group\" aria-labelledby=\"radius-title\" wrap=\"wrap\">\n              {themePropDefs.radius.values.map((value) => (\n                <Flex key={value} direction=\"column\" align=\"center\">\n                  <label className=\"rt-ThemePanelRadioCard\">\n                    <input\n                      className=\"rt-ThemePanelRadioCardInput\"\n                      type=\"radio\"\n                      name=\"radius\"\n                      id={`theme-panel-radius-${value}`}\n                      value={value}\n                      checked={radius === value}\n                      onChange={(event) => onRadiusChange(event.target.value as typeof radius)}\n                    />\n                    <Theme asChild radius={value}>\n                      <Box\n                        m=\"4\"\n                        width={{ initial: '24px', sm: '32px' }}\n                        height={{ initial: '24px', sm: '32px' }}\n                        style={{\n                          borderTopLeftRadius: value === 'full' ? '80%' : 'var(--radius-5)',\n                          backgroundImage:\n                            'linear-gradient(to bottom right, var(--accent-3), var(--accent-4))',\n                          borderTop: '2px solid var(--accent-a8)',\n                          borderLeft: '2px solid var(--accent-a8)',\n                        }}\n                      />\n                    </Theme>\n                  </label>\n                  <Box asChild pt=\"3\">\n                    <Text asChild size=\"1\" emphasis=\"medium\">\n                      <label htmlFor={`theme-panel-radius-${value}`}>{upperFirst(value)}</label>\n                    </Text>\n                  </Box>\n                </Flex>\n              ))}\n            </Flex>\n          </ThemePanelSection>\n        </Flex>\n        <Button style={{ width: '100%' }} onClick={handleCopyThemeConfig}>\n          {copyState === 'copied' ? 'Copied' : 'Copy Theme'}\n        </Button>\n      </Flex>\n    );\n  },\n);\nThemePanelContent.displayName = 'ThemePanelContent';\n\nfunction ThemePanelSection(\n  props: Omit<React.ComponentPropsWithoutRef<typeof Flex>, 'asChild' | 'direction' | 'gap'>,\n) {\n  return (\n    <Flex direction=\"column\" gap=\"4\" asChild {...props}>\n      <section>{props.children}</section>\n    </Flex>\n  );\n}\n\nfunction ThemePanelHeading(props: React.ComponentPropsWithoutRef<typeof Heading>) {\n  return <Heading as=\"h3\" size={{ initial: '1', sm: '2' }} {...props} />;\n}\n\n// https://github.com/pacocoursey/next-themes/blob/main/packages/next-themes/src/index.tsx#L285\nfunction disableAnimation() {\n  const css = document.createElement('style');\n  css.appendChild(\n    document.createTextNode(\n      `*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n    ),\n  );\n  document.head.appendChild(css);\n\n  return () => {\n    // Force restyle\n    (() => window.getComputedStyle(document.body))();\n\n    // Wait for next tick before removing\n    setTimeout(() => {\n      document.head.removeChild(css);\n    }, 1);\n  };\n}\n\nfunction upperFirst(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nfunction updateRootAppearanceClass(appearance: 'light' | 'dark') {\n  const root = document.documentElement;\n  const hasLightTheme = root.classList.contains('light-theme');\n  const hasDarkTheme = root.classList.contains('dark-theme');\n  const hasLight = root.classList.contains('light');\n  const hasDark = root.classList.contains('dark');\n\n  if (hasLightTheme || hasDarkTheme) {\n    root.classList.remove('light-theme', 'dark-theme');\n    root.style.colorScheme = appearance;\n    root.classList.add(`${appearance}-theme`);\n  }\n\n  if (hasLight || hasDark) {\n    root.classList.remove('light', 'dark');\n    root.style.colorScheme = appearance;\n    root.classList.add(appearance);\n  }\n\n  if (!hasLightTheme && !hasDarkTheme && !hasLight && !hasDark) {\n    root.style.colorScheme = appearance;\n    root.classList.add(appearance);\n  }\n}\n\nexport { ThemePanel, ThemePanelContent };\nexport type { ThemePanelProps, ThemePanelContentProps };\n"],
+  "mappings": "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",
+  "names": ["React", "useCallbackRef", "flushSync", "keyboardInputElement", "ThemePanel", "defaultOpen", "props", "forwardedRef", "open", "setOpen", "triggerRef", "previouslyFocusedElementRef", "handleKeydown", "event", "isModifierActive", "isKeyboardInputActive", "isOpen", "flushSync", "ThemePanelImpl", "Tooltip", "Kbd", "onAppearanceChange", "shortcut", "panelProps", "themeContext", "useThemeContext", "Theme", "Flex", "inert", "ScrollArea", "Box", "ThemePanelContent", "onAppearanceChangeProp", "contextProp", "contentProps", "appearance", "accentColor", "onAccentColorChange", "grayColor", "onGrayColorChange", "radius", "onRadiusChange", "resolvedAppearance", "setResolvedAppearance", "hasOnAppearanceChangeProp", "handleAppearanceChangeProp", "useCallbackRef", "handleAppearanceChange", "value", "cleanup", "disableAnimation", "updateRootAppearanceClass", "autoMatchedGray", "getMatchingGrayColor", "resolvedGrayColor", "copyState", "setCopyState", "handleCopyThemeConfig", "theme", "themePropDefs", "key", "textToCopy", "root", "body", "update", "hasDarkClass", "classNameObserver", "mutations", "mutation", "Heading", "ThemePanelSection", "ThemePanelHeading", "color", "upperFirst", "gray", "Grid", "Text", "Button", "css", "string", "hasLightTheme", "hasDarkTheme", "hasLight", "hasDark"]
+}

package/dist/esm/chunk-RJ6SA7AY.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-NZJGC6ZW.js";var s=["1","2","3","4","5"],a=["raised","surface","outline","ghost","soft"],t={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},flush:{type:"boolean",default:!1},inset:{type:"boolean",default:!1}};export{t as a};
+//# sourceMappingURL=chunk-RJ6SA7AY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['raised', 'surface', 'outline', 'ghost', 'soft'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  flush: { type: 'boolean', default: false },\n  inset: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  flush: PropDef<boolean>;\n  inset: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAE3DC,EAAe,CACnB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["sizes", "variants", "cardPropDefs", "asChildPropDef"]
+}

package/dist/esm/chunk-RSJSVJ6A.js

@@ -0,0 +1,2 @@
+import{b as i}from"./chunk-WKMJIWFP.js";import*as e from"react";var u=e.createContext({isInsideMenu:!1}),c={1:28,2:32};function d(t){return c[t]}function M({children:t,size:r}){let n=i(r,void 0),o=n?d(n):void 0,s=e.useMemo(()=>({isInsideMenu:!0,size:n,itemHeight:o}),[n,o]);return e.createElement(u.Provider,{value:s},t)}function a(){return e.useContext(u)}export{c as a,d as b,M as c,a as d};
+//# sourceMappingURL=chunk-RSJSVJ6A.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/menu-context.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2';\n\ninterface MenuContextValue {\n  /** Whether we're inside a menu that owns the menu role */\n  isInsideMenu: boolean;\n  /** Menu size for the current breakpoint */\n  size?: MenuSize;\n  /** Item height in px for the current size and theme scaling */\n  itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n  children: React.ReactNode;\n  /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n  size?: Responsive<MenuSize>;\n}\n\n/** Menu item height in pixels per size: the control height ladder (--control-height-N). */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 28,\n  '2': 32,\n};\n\nexport function getMenuItemHeight(size: MenuSize): number {\n  return menuSizeToItemHeight[size];\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n  const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n  const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize) : undefined;\n  const value = React.useMemo(\n    () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n    [resolvedSize, itemHeight],\n  );\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n"],
+  "mappings": "wCAEA,UAAYA,MAAW,QAyBvB,IAAMC,EAAoB,gBAAgC,CAAE,aAAc,EAAM,CAAC,EASpEC,EAAiD,CAC5D,EAAK,GACL,EAAK,EACP,EAEO,SAASC,EAAkBC,EAAwB,CACxD,OAAOF,EAAqBE,CAAI,CAClC,CAEO,SAASC,EAAa,CAAE,SAAAC,EAAU,KAAAF,CAAK,EAAsB,CAClE,IAAMG,EAAeC,EAAiDJ,EAAM,MAAS,EAC/EK,EAAaF,EAAeJ,EAAkBI,CAAY,EAAI,OAC9DG,EAAc,UAClB,KAAO,CAAE,aAAc,GAAM,KAAMH,EAAc,WAAAE,CAAW,GAC5D,CAACF,EAAcE,CAAU,CAC3B,EACA,OAAO,gBAACR,EAAY,SAAZ,CAAqB,MAAOS,GAAQJ,CAAS,CACvD,CAEO,SAASK,GAAiB,CAC/B,OAAa,aAAWV,CAAW,CACrC",
+  "names": ["React", "MenuContext", "menuSizeToItemHeight", "getMenuItemHeight", "size", "MenuProvider", "children", "resolvedSize", "useResolvedResponsiveValue", "itemHeight", "value", "useMenuContext"]
+}

package/dist/esm/chunk-SM27AC7E.js

@@ -0,0 +1,2 @@
+import{a as S}from"./chunk-HKRQ3E3I.js";import*as e from"react";import d from"classnames";var P=e.createContext(null);function f(){return e.useContext(P)}var c=e.createContext("2");function h({children:t,presentation:a}){let n=e.useContext(c),o=e.useMemo(()=>({size:n,menuVariant:"soft",presentation:a}),[n,a]);return e.createElement(P.Provider,{value:o},t)}function u(){let t=f(),a=e.useContext(c),n=t?.size??a,o=t?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${n}`,`rt-menu-variant-${o}`]}var p={1:"2",2:"3",3:"4",4:"4"},s=e.createContext(null);function b(){return e.useContext(s)}function m(){let t=f(),a=e.useContext(c);return p[t?.size??a]}var v=e.forwardRef(({className:t,float:a,children:n,...o},r)=>{let i=u(),l=m();return e.createElement("div",{...o,ref:r,"data-float":a||void 0,className:d("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...i,t)},e.createElement(s.Provider,{value:l},n))});v.displayName="Shell.PaneHeader";var C=e.forwardRef(({className:t,float:a,children:n,...o},r)=>{let i=u(),l=m();return e.createElement("div",{...o,ref:r,"data-float":a||void 0,className:d("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...i,t)},e.createElement(s.Provider,{value:l},n))});C.displayName="Shell.PaneFooter";var x=e.forwardRef(({className:t,children:a,fade:n=!1,...o},r)=>{let i=u();return e.createElement(S,{type:"hover",fade:n,className:"rt-ShellScroll"},e.createElement("div",{...o,ref:r,className:d("rt-BaseMenuContent","rt-SidebarContent",...i,t)},e.createElement(s.Provider,{value:null},e.createElement("div",{className:"rt-BaseMenuViewport"},a))))});x.displayName="Shell.Scroll";export{P as a,f as b,c,h as d,p as e,b as f,v as g,C as h,x as i};
+//# sourceMappingURL=chunk-SM27AC7E.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/pane-chrome.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * A pane's own chrome: a header row, a scrolling region and a footer row.\n *\n * Shell.Sidebar and Shell.Panel render these as `Shell.PaneHeader`, `Shell.Scroll` and\n * `Shell.PaneFooter`. The pane renders anything; with these parts it is the presentation, so\n * Sidebar's menu parts work inside it with no `Sidebar.Root`. The index comes from the nearest\n * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { ScrollArea } from '../scroll-area.js';\n\ntype PaneSize = '1' | '2' | '3';\n\ntype SidebarVisualContextValue = {\n  size: PaneSize;\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\n\n/** Size, menu highlight and presentation for the Sidebar parts. Internal: not exported. */\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\n\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n/** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */\nconst ShellSizeContext = React.createContext<PaneSize>('2');\n\n/**\n * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail\n * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.\n */\nfunction PaneChromeScope({ children, presentation }: { children: React.ReactNode; presentation?: 'thin' }) {\n  const size = React.useContext(ShellSizeContext);\n  const value = React.useMemo<SidebarVisualContextValue>(() => ({ size, menuVariant: 'soft', presentation }), [size, presentation]);\n  return <SidebarVisualContext.Provider value={value}>{children}</SidebarVisualContext.Provider>;\n}\n\nfunction useChromeClasses() {\n  const visual = useSidebarVisual();\n  // A pane with no scope (Inspector, Bottom) still takes the Shell's index.\n  const shellSize = React.useContext(ShellSizeContext);\n  const size = visual?.size ?? shellSize;\n  const menuVariant = visual?.menuVariant ?? 'soft';\n  return ['rt-ShellPaneChrome', `rt-r-size-${size}`, `rt-menu-variant-${menuVariant}`];\n}\n\ntype BandSize = '1' | '2' | '3' | '4';\n\n/**\n * The index a Toolbar in a pane's header or footer rests at when it states none: one step above\n * the Shell's, so the band reads as chrome over the rows (v2 BAND_STEP). 4 has no step above.\n */\nconst BAND_STEP = { '1': '2', '2': '3', '3': '4', '4': '4' } as const satisfies Record<BandSize, BandSize>;\n\n/** Set by `Shell.PaneHeader` and `Shell.PaneFooter`; read by Toolbar as its fallback size. Null elsewhere. */\nconst PaneBandSizeContext = React.createContext<BandSize | null>(null);\n\nfunction usePaneBandSize() {\n  return React.useContext(PaneBandSizeContext);\n}\n\nfunction useBandSize(): BandSize {\n  const visual = useSidebarVisual();\n  const shellSize = React.useContext(ShellSizeContext);\n  return BAND_STEP[visual?.size ?? shellSize];\n}\n\ninterface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Floats the row over the top of `Shell.Scroll`, so the list scrolls behind it. The list\n   * starts below the row, and `Shell.Scroll fade` fades it out under the row. The row paints\n   * nothing and lets clicks through between its controls; a `Toolbar backdrop` in it keeps\n   * the controls readable.\n   */\n  float?: boolean;\n}\n\n/** A pane's header row, pinned above its scrolling region. */\nconst PaneHeader = React.forwardRef<HTMLDivElement, PaneHeaderProps>(({ className, float, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  const band = useBandSize();\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      data-float={float || undefined}\n      className={classNames('rt-ShellPaneHeader', 'rt-SidebarHeader', 'rt-SidebarHeader--container', ...chrome, className)}\n    >\n      <PaneBandSizeContext.Provider value={band}>{children}</PaneBandSizeContext.Provider>\n    </div>\n  );\n});\nPaneHeader.displayName = 'Shell.PaneHeader';\n\ninterface PaneFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Floats the row over the bottom of `Shell.Scroll`, the way `Shell.PaneHeader float` does at the top. */\n  float?: boolean;\n}\n\n/** A pane's footer row, pinned below its scrolling region. */\nconst PaneFooter = React.forwardRef<HTMLDivElement, PaneFooterProps>(({ className, float, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  const band = useBandSize();\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      data-float={float || undefined}\n      className={classNames('rt-ShellPaneFooter', 'rt-SidebarFooter', 'rt-SidebarFooter--container', ...chrome, className)}\n    >\n      <PaneBandSizeContext.Provider value={band}>{children}</PaneBandSizeContext.Provider>\n    </div>\n  );\n});\nPaneFooter.displayName = 'Shell.PaneFooter';\n\ninterface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Fades the list out toward an edge with more past it, and under a floating header or footer. */\n  fade?: boolean;\n}\n\n/**\n * The one region of a pane that scrolls; it takes the room the header and footer leave.\n * It is not a landmark: for navigation, pass `role=\"navigation\"` and an `aria-label`.\n */\nconst Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, children, fade = false, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  return (\n    <ScrollArea type=\"hover\" fade={fade} className=\"rt-ShellScroll\">\n      <div {...props} ref={forwardedRef} className={classNames('rt-BaseMenuContent', 'rt-SidebarContent', ...chrome, className)}>\n        {/* A header's band does not reach a Toolbar in the scrolling list. */}\n        <PaneBandSizeContext.Provider value={null}>\n          <div className=\"rt-BaseMenuViewport\">{children}</div>\n        </PaneBandSizeContext.Provider>\n      </div>\n    </ScrollArea>\n  );\n});\nScroll.displayName = 'Shell.Scroll';\n\nexport { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };\nexport type { SidebarVisualContextValue, PaneSize, BandSize, PaneHeaderProps, PaneFooterProps, ScrollProps };\n"],
+  "mappings": "wCAWA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAcvB,IAAMC,EAA6B,gBAAgD,IAAI,EAEvF,SAASC,GAAmB,CAC1B,OAAa,aAAWD,CAAoB,CAC9C,CAGA,IAAME,EAAyB,gBAAwB,GAAG,EAM1D,SAASC,EAAgB,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAyD,CACzG,IAAMC,EAAa,aAAWJ,CAAgB,EACxCK,EAAc,UAAmC,KAAO,CAAE,KAAAD,EAAM,YAAa,OAAQ,aAAAD,CAAa,GAAI,CAACC,EAAMD,CAAY,CAAC,EAChI,OAAO,gBAACL,EAAqB,SAArB,CAA8B,MAAOO,GAAQH,CAAS,CAChE,CAEA,SAASI,GAAmB,CAC1B,IAAMC,EAASR,EAAiB,EAE1BS,EAAkB,aAAWR,CAAgB,EAC7CI,EAAOG,GAAQ,MAAQC,EACvBC,EAAcF,GAAQ,aAAe,OAC3C,MAAO,CAAC,qBAAsB,aAAaH,CAAI,GAAI,mBAAmBK,CAAW,EAAE,CACrF,CAQA,IAAMC,EAAY,CAAE,EAAK,IAAK,EAAK,IAAK,EAAK,IAAK,EAAK,GAAI,EAGrDC,EAA4B,gBAA+B,IAAI,EAErE,SAASC,GAAkB,CACzB,OAAa,aAAWD,CAAmB,CAC7C,CAEA,SAASE,GAAwB,CAC/B,IAAMN,EAASR,EAAiB,EAC1BS,EAAkB,aAAWR,CAAgB,EACnD,OAAOU,EAAUH,GAAQ,MAAQC,CAAS,CAC5C,CAaA,IAAMM,EAAmB,aAA4C,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAd,EAAU,GAAGe,CAAM,EAAGC,IAAiB,CAC/H,IAAMC,EAASb,EAAiB,EAC1Bc,EAAOP,EAAY,EACzB,OACE,gBAAC,OACE,GAAGI,EACJ,IAAKC,EACL,aAAYF,GAAS,OACrB,UAAWK,EAAW,qBAAsB,mBAAoB,8BAA+B,GAAGF,EAAQJ,CAAS,GAEnH,gBAACJ,EAAoB,SAApB,CAA6B,MAAOS,GAAOlB,CAAS,CACvD,CAEJ,CAAC,EACDY,EAAW,YAAc,mBAQzB,IAAMQ,EAAmB,aAA4C,CAAC,CAAE,UAAAP,EAAW,MAAAC,EAAO,SAAAd,EAAU,GAAGe,CAAM,EAAGC,IAAiB,CAC/H,IAAMC,EAASb,EAAiB,EAC1Bc,EAAOP,EAAY,EACzB,OACE,gBAAC,OACE,GAAGI,EACJ,IAAKC,EACL,aAAYF,GAAS,OACrB,UAAWK,EAAW,qBAAsB,mBAAoB,8BAA+B,GAAGF,EAAQJ,CAAS,GAEnH,gBAACJ,EAAoB,SAApB,CAA6B,MAAOS,GAAOlB,CAAS,CACvD,CAEJ,CAAC,EACDoB,EAAW,YAAc,mBAWzB,IAAMC,EAAe,aAAwC,CAAC,CAAE,UAAAR,EAAW,SAAAb,EAAU,KAAAsB,EAAO,GAAO,GAAGP,CAAM,EAAGC,IAAiB,CAC9H,IAAMC,EAASb,EAAiB,EAChC,OACE,gBAACmB,EAAA,CAAW,KAAK,QAAQ,KAAMD,EAAM,UAAU,kBAC7C,gBAAC,OAAK,GAAGP,EAAO,IAAKC,EAAc,UAAWG,EAAW,qBAAsB,oBAAqB,GAAGF,EAAQJ,CAAS,GAEtH,gBAACJ,EAAoB,SAApB,CAA6B,MAAO,MACnC,gBAAC,OAAI,UAAU,uBAAuBT,CAAS,CACjD,CACF,CACF,CAEJ,CAAC,EACDqB,EAAO,YAAc",
+  "names": ["React", "classNames", "SidebarVisualContext", "useSidebarVisual", "ShellSizeContext", "PaneChromeScope", "children", "presentation", "size", "value", "useChromeClasses", "visual", "shellSize", "menuVariant", "BAND_STEP", "PaneBandSizeContext", "usePaneBandSize", "useBandSize", "PaneHeader", "className", "float", "props", "forwardedRef", "chrome", "band", "classNames", "PaneFooter", "Scroll", "fade", "ScrollArea"]
+}