@womp/kookie-ui 0.3.22

package/dist/esm/chunk-RMBS6CAO.js

@@ -0,0 +1,2 @@
+import{a as xe}from"./chunk-25U7DENY.js";import{a as ve}from"./chunk-4N5JU7XQ.js";import{a as he}from"./chunk-GWYFT3EI.js";import{a as un}from"./chunk-2LYX5S7H.js";import{a as Ne,c as De}from"./chunk-5LXFJMFB.js";import{a as be,b as We,c as $e,d as qe,e as Ge,f as Xe,g as Ke,h as ke,i as Ye,j as Je,k as Qe,l as Ze,m as en,o as nn,p as tn,q as on,r as an,s as ln,u as rn,v as ze}from"./chunk-SNHEJU2S.js";import{a as je,c as Fe,d as Ue}from"./chunk-UUX42HBM.js";import{a as dn,b as Ce}from"./chunk-Q73Y5O5P.js";import{a as cn,b as pn,c as Ee}from"./chunk-CECQNGUL.js";import{a as sn}from"./chunk-NNO7M466.js";import{a as Ve}from"./chunk-AGAQC4HH.js";import{a as He}from"./chunk-YEA646GM.js";import{a as Nn}from"./chunk-3XT5P2HO.js";var An={};Nn(An,{Bottom:()=>xe,Content:()=>Oe,Header:()=>_e,Inspector:()=>ve,Left:()=>ge,Panel:()=>Re,Rail:()=>fe,Root:()=>fn,Sidebar:()=>he,Trigger:()=>Rn,useResponsivePresentation:()=>Ne,useShell:()=>be,useSidebarMode:()=>ke});import*as e from"react";import ue from"classnames";var Dn=Symbol("rtShellSlot");function me(n,a){return n[Dn]=a,n}var j=(n,a)=>e.isValidElement(n)&&(n.type===a||n.type?.displayName===a.displayName);me(he,"Shell.Sidebar");me(ve,"Shell.Inspector");me(xe,"Shell.Bottom");function _n(n,a){switch(a.type){case"SET_LEFT_MODE":return a.mode==="collapsed"?n.leftMode==="collapsed"&&n.panelMode==="collapsed"?n:{...n,leftMode:"collapsed",panelMode:"collapsed"}:n.leftMode===a.mode?n:{...n,leftMode:a.mode};case"SET_PANEL_MODE":return a.mode==="expanded"&&n.leftMode!=="expanded"?{...n,leftMode:"expanded",panelMode:"expanded"}:n.panelMode===a.mode?n:{...n,panelMode:a.mode};case"SET_SIDEBAR_MODE":return n.sidebarMode===a.mode?n:{...n,sidebarMode:a.mode};case"SET_INSPECTOR_MODE":return n.inspectorMode===a.mode?n:{...n,inspectorMode:a.mode};case"SET_BOTTOM_MODE":return n.bottomMode===a.mode?n:{...n,bottomMode:a.mode};case"TOGGLE_PANE":switch(a.target){case"left":case"rail":return{...n,leftMode:n.leftMode==="expanded"?"collapsed":"expanded",panelMode:n.leftMode==="expanded"?"collapsed":n.panelMode};case"panel":return n.leftMode==="collapsed"?{...n,leftMode:"expanded",panelMode:"expanded"}:{...n,panelMode:n.panelMode==="expanded"?"collapsed":"expanded"};case"sidebar":{let f=n.sidebarMode==="collapsed"?"expanded":n.sidebarMode==="expanded"?"collapsed":"expanded";return{...n,sidebarMode:f}}case"inspector":return{...n,inspectorMode:n.inspectorMode==="expanded"?"collapsed":"expanded"};case"bottom":return{...n,bottomMode:n.bottomMode==="expanded"?"collapsed":"expanded"};default:return n}case"EXPAND_PANE":switch(a.target){case"left":case"rail":return n.leftMode==="expanded"?n:{...n,leftMode:"expanded"};case"panel":return n.leftMode==="expanded"&&n.panelMode==="expanded"?n:{...n,leftMode:"expanded",panelMode:"expanded"};case"sidebar":return n.sidebarMode==="expanded"?n:{...n,sidebarMode:"expanded"};case"inspector":return n.inspectorMode==="expanded"?n:{...n,inspectorMode:"expanded"};case"bottom":return n.bottomMode==="expanded"?n:{...n,bottomMode:"expanded"};default:return n}case"COLLAPSE_PANE":switch(a.target){case"left":case"rail":return n.leftMode==="collapsed"&&n.panelMode==="collapsed"?n:{...n,leftMode:"collapsed",panelMode:"collapsed"};case"panel":return n.panelMode==="collapsed"?n:{...n,panelMode:"collapsed"};case"sidebar":return n.sidebarMode==="collapsed"?n:{...n,sidebarMode:"collapsed"};case"inspector":return n.inspectorMode==="collapsed"?n:{...n,inspectorMode:"collapsed"};case"bottom":return n.bottomMode==="collapsed"?n:{...n,bottomMode:"collapsed"};default:return n}}return n}var fn=e.forwardRef(({className:n,children:a,height:f="full",...N},M)=>{let{breakpoint:R,ready:D}=He(),w=e.useRef(!1),[d,u]=e.useReducer(_n,a,t=>{let l=e.Children.toArray(t),h=l.some(m=>e.isValidElement(m)&&m.type?.displayName==="Shell.Panel"&&!!m.props?.defaultOpen);w.current=h;let q=l.find(m=>e.isValidElement(m)&&m.type?.displayName==="Shell.Rail"),G=q?q.props?.defaultOpen:void 0,On=q?G===void 0?!0:typeof G=="boolean"?G:typeof G=="object"?G.initial??Object.values(G)[0]??!0:!0:!1,Tn=l.some(m=>e.isValidElement(m)&&m.type?.displayName==="Shell.Inspector"&&!!m.props?.defaultOpen),Ln=l.some(m=>e.isValidElement(m)&&m.type?.displayName==="Shell.Inspector"&&typeof m.props?.open<"u"&&!!m.props?.open),Ie=l.some(m=>{if(!e.isValidElement(m)||m.type?.displayName!=="Shell.Panel")return!1;let c=m.props?.open;return typeof c>"u"?!1:typeof c=="boolean"?c:typeof c=="object"&&c!==null?c.initial??Object.values(c)[0]??!1:!1}),kn=()=>{let m=l.find(Pe=>e.isValidElement(Pe)&&Pe.type?.displayName==="Shell.Sidebar");if(!m)return"expanded";let c=m.props;if(typeof c?.state<"u"){if(typeof c.state=="string")return c.state;if(typeof c.state=="object")return c.state.initial??Object.values(c.state)[0]??"expanded"}if(typeof c?.defaultState<"u"){if(typeof c.defaultState=="string")return c.defaultState;if(typeof c.defaultState=="object")return c.defaultState.initial??Object.values(c.defaultState)[0]??"expanded"}return"expanded"},zn=()=>{let m=l.find(Pe=>e.isValidElement(Pe)&&Pe.type?.displayName==="Shell.Bottom");if(!m)return"collapsed";let c=m.props;if(typeof c?.open<"u"){if(typeof c.open=="boolean")return c.open?"expanded":"collapsed";if(typeof c.open=="object")return c.open.initial??Object.values(c.open)[0]?"expanded":"collapsed"}return typeof c?.defaultOpen<"u"&&c.defaultOpen?"expanded":"collapsed"};return{leftMode:h||Ie||On?"expanded":"collapsed",panelMode:h||Ie?"expanded":"collapsed",sidebarMode:kn(),inspectorMode:Tn||Ln?"expanded":"collapsed",bottomMode:zn()}}),P=e.useCallback(t=>u({type:"SET_LEFT_MODE",mode:t}),[]),A=e.useCallback(t=>u({type:"SET_PANEL_MODE",mode:t}),[]),E=e.useCallback(t=>u({type:"SET_SIDEBAR_MODE",mode:t}),[]),I=e.useCallback(t=>u({type:"SET_INSPECTOR_MODE",mode:t}),[]),_=e.useCallback(t=>u({type:"SET_BOTTOM_MODE",mode:t}),[]),[i,T]=e.useState(!1),[r,L]=e.useState(!1),V=e.useRef(t=>t==="collapsed"?"thin":t==="thin"?"expanded":"collapsed"),K=e.useCallback(t=>{V.current=t},[]);e.useLayoutEffect(()=>{r&&i&&console.warn("Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.")},[r,i]);let[H,Z]=e.useState(void 0),ee=e.useCallback(t=>Z(t),[]),F=e.useRef(64),X=e.useRef(288),ne=e.useCallback(t=>{F.current=t},[]),te=e.useCallback(t=>{X.current=t},[]),ae=e.useMemo(()=>e.Children.toArray(a).some(l=>j(l,fe)||j(l,Re)),[a]),U=e.useMemo(()=>e.Children.toArray(a).some(l=>j(l,he)),[a]),W=e.useRef(d.sidebarMode);W.current=d.sidebarMode;let s=e.useCallback(t=>{if(t==="sidebar"){let l=V.current(W.current);E(l);return}u({type:"TOGGLE_PANE",target:t})},[E]),Y=e.useCallback(t=>{if(t==="sidebar")return E("expanded");u({type:"EXPAND_PANE",target:t})},[E]),J=e.useCallback(t=>{if(t==="sidebar")return E("collapsed");u({type:"COLLAPSE_PANE",target:t})},[E]),Q=e.useMemo(()=>({leftMode:d.leftMode,setLeftMode:P,panelMode:d.panelMode,setPanelMode:A,sidebarMode:d.sidebarMode,setSidebarMode:E,inspectorMode:d.inspectorMode,setInspectorMode:I,bottomMode:d.bottomMode,setBottomMode:_,hasLeft:i,setHasLeft:T,hasSidebar:r,setHasSidebar:L,currentBreakpoint:R,currentBreakpointReady:D,leftResolvedPresentation:H,togglePane:s,expandPane:Y,collapsePane:J,setSidebarToggleComputer:K,onLeftPres:ee,onRailDefaults:ne,onPanelDefaults:te}),[d.leftMode,P,d.panelMode,A,d.sidebarMode,E,d.inspectorMode,I,d.bottomMode,_,i,r,R,D,H,s,Y,J,K,ee,ne,te]),{headerEls:Me,railEls:le,panelEls:p,sidebarEls:x,contentEls:k,inspectorEls:z,bottomEls:b}=e.useMemo(()=>{let t={headerEls:[],railEls:[],panelEls:[],sidebarEls:[],contentEls:[],inspectorEls:[],bottomEls:[]};for(let l of e.Children.toArray(a))j(l,_e)?t.headerEls.push(l):j(l,fe)?t.railEls.push(l):j(l,Re)?t.panelEls.push(l):j(l,he)?t.sidebarEls.push(l):j(l,Oe)?t.contentEls.push(l):j(l,ve)?t.inspectorEls.push(l):j(l,xe)&&t.bottomEls.push(l);return t},[a]),B=le[0]?.props?.open,S=e.useMemo(()=>{if(typeof B>"u")return;if(typeof B=="boolean")return B;if(typeof B!="object"||B===null)return!!B;let t=B;if(t[R]!==void 0)return t[R];let l=["xl","lg","md","sm","xs","initial"],h=l.indexOf(R);for(let q=h+1;q<l.length;q++){let G=l[q];if(t[G]!==void 0)return t[G]}},[B,R]),v=p[0]?.props?.open,$=e.useMemo(()=>{if(typeof v>"u")return;if(typeof v=="boolean")return v;if(typeof v!="object"||v===null)return!!v;let t=v;if(t[R]!==void 0)return t[R];let l=["xl","lg","md","sm","xs","initial"],h=l.indexOf(R);for(let q=h+1;q<l.length;q++){let G=l[q];if(t[G]!==void 0)return t[G]}},[v,R]),g=e.useRef(0),re=e.useRef(0),oe=e.useRef(0),ie=e.useRef(S),ye=e.useRef($);e.useLayoutEffect(()=>{if(S===void 0){ie.current=void 0;return}ie.current!==S&&(ie.current=S,re.current=++g.current)},[S]),e.useLayoutEffect(()=>{if($===void 0){ye.current=void 0;return}ye.current!==$&&(ye.current=$,oe.current=++g.current)},[$]),e.useLayoutEffect(()=>{typeof S>"u"||P(S?"expanded":"collapsed")},[S,P]);let o=le[0]?.props?.onOpenChange,y=p[0]?.props?.onOpenChange,C=e.useRef(null);e.useLayoutEffect(()=>{if(S!==!1||$!==!0){C.current=null;return}let t=oe.current>re.current,l=t?"open-rail":"close-panel",h=C.current;h&&h.railSeq===re.current&&h.panelSeq===oe.current&&h.action===l||(C.current={railSeq:re.current,panelSeq:oe.current,action:l},t?o?.(!0,{reason:"panel"}):y?.(!1,{reason:"left"}))},[S,$,o,y]);let O=S,se=e.useMemo(()=>f==="full"?{height:"100vh"}:f==="auto"?{height:"auto"}:typeof f=="string"?{height:f}:typeof f=="number"?{height:`${f}px`}:{},[f]),[de,ce]=e.useState(null),pe=e.useCallback(t=>ce(t),[]),Se=e.useCallback(()=>ce(null),[]),mn=e.useMemo(()=>({currentBreakpoint:R,currentBreakpointReady:D,leftResolvedPresentation:H}),[R,D,H]),Mn=e.useMemo(()=>({leftMode:d.leftMode,setLeftMode:P}),[d.leftMode,P]),Pn=e.useMemo(()=>({panelMode:d.panelMode,setPanelMode:A}),[d.panelMode,A]),yn=e.useMemo(()=>({sidebarMode:d.sidebarMode,setSidebarMode:E}),[d.sidebarMode,E]),bn=e.useMemo(()=>({inspectorMode:d.inspectorMode,setInspectorMode:I}),[d.inspectorMode,I]),hn=e.useMemo(()=>({bottomMode:d.bottomMode,setBottomMode:_}),[d.bottomMode,_]),Sn=e.useMemo(()=>({hasLeft:i,setHasLeft:T,hasSidebar:r,setHasSidebar:L}),[i,T,r,L]),[Te,Be]=e.useState(new Set),we=e.useCallback(t=>{Be(l=>{if(l.has(t))return l;let h=new Set(l);return h.add(t),h})},[]),Ae=e.useCallback(t=>{Be(l=>{if(!l.has(t))return l;let h=new Set(l);return h.delete(t),h})},[]),Le=Te.size>0,Cn=e.useMemo(()=>({insetPanes:Te,registerInset:we,unregisterInset:Ae,hasAnyInset:Le}),[Te,we,Ae,Le]),En=e.useMemo(()=>({peekTarget:de,setPeekTarget:ce,peekPane:pe,clearPeek:Se}),[de,ce,pe,Se]),xn=e.useMemo(()=>({togglePane:s,expandPane:Y,collapsePane:J,setSidebarToggleComputer:K}),[s,Y,J,K]),vn=e.useMemo(()=>({...Q,leftControlledOpen:O,peekTarget:de,setPeekTarget:ce,peekPane:pe,clearPeek:Se}),[Q,O,de,ce,pe,Se]),gn=e.useMemo(()=>{if(!ae||U)return null;let t=le[0],l=p[0],h=!!t?.props?.inset||!!l?.props?.inset,q=t?{onOpenChange:t.props?.onOpenChange,open:t.props?.open,defaultOpen:t.props?.defaultOpen,presentation:t.props?.presentation,collapsible:t.props?.collapsible,onExpand:t.props?.onExpand,onCollapse:t.props?.onCollapse,inset:h}:{defaultOpen:w.current?!0:void 0,inset:h};return e.createElement(ge,{...q},le,p)},[ae,U,le,p]);return e.createElement("div",{...N,ref:M,className:ue("rt-ShellRoot",n),style:{...se,...N.style}},e.createElement(We,{value:vn},e.createElement(en.Provider,{value:mn},e.createElement($e.Provider,{value:Mn},e.createElement(Ge.Provider,{value:Pn},e.createElement(Ke.Provider,{value:yn},e.createElement(Ye.Provider,{value:bn},e.createElement(Qe.Provider,{value:hn},e.createElement(ln.Provider,{value:Sn},e.createElement(nn.Provider,{value:En},e.createElement(on.Provider,{value:xn},e.createElement(rn.Provider,{value:Cn},Me,e.createElement("div",{className:"rt-ShellBody","data-peek-target":de??void 0,"data-has-inset":Le||void 0,style:de==="rail"||de==="panel"?{"--peek-rail-width":`${F.current}px`}:void 0},gn??x,k,z),b))))))))))))});fn.displayName="Shell.Root";var _e=e.forwardRef(({className:n,height:a=64,style:f,...N},M)=>e.createElement("header",{...N,ref:M,className:ue("rt-ShellHeader",n),style:{...f,"--shell-header-height":`${a}px`}}));_e.displayName="Shell.Header";var Bn=["open","defaultOpen","onOpenChange","mode","defaultMode","onModeChange"],ge=e.forwardRef((n,a)=>{let{className:f,presentation:N={initial:"fixed",sm:"fixed"},collapsible:M=!0,onExpand:R,onCollapse:D,children:w,style:d,inset:u,...P}=n,{registerInset:A,unregisterInset:E}=ze();e.useEffect(()=>{if(u)return A("left"),()=>E("left")},[u,A,E]);let I=P.open,_=P.defaultOpen,i=P.onOpenChange,T=cn(P,Bn),r=be(),{setHasLeft:L}=r,V=Ne(N),K=V==="overlay",H=V==="stacked",Z=e.useRef(null);e.useEffect(()=>{r.onLeftPres?.(V)},[r,V]);let ee=e.useCallback(p=>{Z.current=p,typeof a=="function"?a(p):a&&(a.current=p)},[a]);e.useEffect(()=>(L(!0),()=>L(!1)),[L]);let F=e.useRef(null),X=e.useRef(void 0),ne=e.useMemo(()=>{if(!(typeof I>"u"))return I?"expanded":"collapsed"},[I]),te=e.useMemo(()=>Ee(_),[_]),ae=e.useRef(i),U=e.useRef(I);e.useLayoutEffect(()=>{ae.current=i,U.current=I});let{resolvedControlled:W}=De({controlledValue:ne,defaultValue:te,currentValue:r.leftMode,setValue:r.setLeftMode,breakpointReady:r.currentBreakpointReady,onInit:p=>ae.current?.(p==="expanded",{reason:"init"})}),s=e.useRef(null);e.useEffect(()=>{let p=F.current,x=s.current,z=X.current!==W;if(p!==null&&p!==r.leftMode){let b=typeof U.current<"u",B=W===void 0?void 0:W==="expanded",S=r.leftMode==="expanded";if(!b||!z&&S!==B){let v="toggle";x!==null&&x!==r.panelMode&&p==="collapsed"&&r.leftMode==="expanded"&&r.panelMode==="expanded"&&(v="panel"),ae.current?.(S,{reason:v})}}F.current=r.leftMode,s.current=r.panelMode,X.current=W},[r.leftMode,r.panelMode,W]);let Y=e.useRef(R),J=e.useRef(D);e.useLayoutEffect(()=>{Y.current=R,J.current=D});let Q=e.useRef(null),Me=e.useRef(!1);e.useEffect(()=>{let p=r.leftMode;if(!r.currentBreakpointReady){Q.current=p;return}if(!Me.current){Me.current=!0,Q.current=p;return}let x=Q.current;x!==null&&x!==p&&(p==="expanded"?Y.current?.():p==="collapsed"&&J.current?.(),Q.current=p)},[r.leftMode,r.currentBreakpointReady]);let le=r.leftMode==="expanded";if(K){let p=r.leftMode==="expanded",x=e.Children.toArray(w),k=x.find(g=>j(g,fe)),z=x.find(g=>j(g,Re)),b=typeof k?.props?.expandedSize=="number"?k.props.expandedSize:64,B=typeof z?.props?.expandedSize=="number"?z.props.expandedSize:288,S=!!k,v=!!z,$=(S?b:0)+(r.panelMode==="expanded"&&v?B:0);return e.createElement(je,{open:p,onOpenChange:g=>r.setLeftMode(g?"expanded":"collapsed")},e.createElement(Fe,{side:"start",style:{padding:0},"aria-label":"Navigation","aria-describedby":void 0,width:{initial:`${$}px`}},e.createElement(Ve,null,e.createElement(Ue,null,"Navigation")),e.createElement("div",{className:"rt-ShellLeft"},w)))}if(H){let p=r.leftMode==="expanded",x=e.Children.toArray(w),k=x.find(g=>j(g,fe)),z=x.find(g=>j(g,Re)),b=typeof k?.props?.expandedSize=="number"?k.props.expandedSize:64,B=typeof z?.props?.expandedSize=="number"?z.props.expandedSize:288,S=!!k,$=!!z&&(r.panelMode==="expanded"||r.peekTarget==="panel");return e.createElement("div",{...T,ref:ee,className:ue("rt-ShellLeft",f),"data-mode":r.leftMode,"data-peek":r.peekTarget==="left"||r.peekTarget==="rail"||r.peekTarget==="panel"||void 0,"data-presentation":V,"data-inset":u||void 0,style:{...d},"data-open":p||void 0},w)}return e.createElement("div",{...T,ref:ee,className:ue("rt-ShellLeft",f),"data-mode":r.leftMode,"data-peek":r.peekTarget==="left"||r.peekTarget==="rail"||r.peekTarget==="panel"||void 0,"data-presentation":V,"data-inset":u||void 0,style:{...d}},w)});ge.displayName="Shell.Left";me(ge,"Shell.Left");var fe=e.forwardRef((n,a)=>{let{className:f,presentation:N,expandedSize:M=64,collapsible:R,onExpand:D,onCollapse:w,children:d,style:u,open:P,defaultOpen:A,onOpenChange:E,inset:I,..._}=n,i=be(),T=e.useRef(null);e.useEffect(()=>{let L=typeof P<"u";if(T.current===null){T.current=L;return}T.current!==L&&(console.warn("Shell.Rail: Switching between controlled and uncontrolled `open` is not supported."),T.current=L)},[P]),e.useEffect(()=>{i.onRailDefaults?.(M)},[i,M]);let r=i.leftMode==="expanded";return e.createElement("div",{..._,ref:a,className:ue("rt-ShellRail",f),"data-mode":i.leftMode,"data-peek":i.currentBreakpointReady&&i.leftResolvedPresentation!=="overlay"&&i.peekTarget==="rail"||void 0,style:{...u,"--rail-size":`${M}px`}},e.createElement("div",{className:"rt-ShellRailContent","data-visible":i.currentBreakpointReady&&(r||i.leftResolvedPresentation!=="overlay"&&i.peekTarget==="rail")||void 0},d))});fe.displayName="Shell.Rail";me(fe,"Shell.Rail");var wn=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style"],Re=me(e.forwardRef((n,a)=>{let{className:f,defaultOpen:N,open:M,onOpenChange:R,size:D,defaultSize:w,expandedSize:d=288,minSize:u,maxSize:P,resizable:A,collapsible:E=!0,onExpand:I,onCollapse:_,onResize:i,onResizeStart:T,onResizeEnd:r,snapPoints:L,snapTolerance:V,collapseThreshold:K,paneId:H,persistence:Z,children:ee,style:F,onSizeChange:X,sizeUpdate:ne,sizeUpdateMs:te=50}=n,ae=pn(n,wn),U=e.useRef(null);e.useLayoutEffect(()=>()=>{U.current&&(clearTimeout(U.current),U.current=null)},[X,ne,te]);let W=e.useMemo(()=>{if(!X)return()=>{};if(ne==="debounce")return(y,C)=>{U.current&&clearTimeout(U.current),U.current=setTimeout(()=>{X?.(y,C),U.current=null},te)};if(ne==="throttle"){let o=0;return(y,C)=>{let O=Date.now();O-o>=te&&(o=O,X?.(y,C))}}return(o,y)=>X?.(o,y)},[X,ne,te]),s=be(),Y=e.useRef(null),J=e.useRef(null),Q=e.useRef(void 0),Me=e.useMemo(()=>Ee(M),[M]),le=e.useMemo(()=>Ee(N),[N]),p=typeof M=="object"&&M!==null,x=e.useRef(R);e.useLayoutEffect(()=>{x.current=R});let{resolvedControlled:k}=De({controlledValue:Me,defaultValue:le,currentValue:s.panelMode,setValue:o=>{o==="expanded"&&s.leftMode!=="expanded"&&s.leftControlledOpen!==!1&&s.setLeftMode("expanded"),s.setPanelMode(o)},breakpointReady:s.currentBreakpointReady,controlledIsResponsive:p,onResponsiveChange:o=>x.current?.(o==="expanded",{reason:"responsive"}),onInit:o=>{typeof M>"u"&&x.current?.(o==="expanded",{reason:"init"})}}),z=e.useRef(null);e.useEffect(()=>{let o=typeof M<"u";if(z.current===null){z.current=o;return}z.current!==o&&(console.warn("Shell.Panel: Switching between controlled and uncontrolled `open` is not supported."),z.current=o)},[M]),e.useEffect(()=>{s.onPanelDefaults?.(d)},[s,d]);let b=e.useRef(null),B=e.useCallback(o=>{b.current=o,typeof a=="function"?a(o):a&&(a.current=o)},[a]),S=e.Children.toArray(ee),v=S.filter(o=>e.isValidElement(o)&&o.type===Ce),$=S.filter(o=>!(e.isValidElement(o)&&o.type===Ce)),g=s.leftResolvedPresentation==="overlay",re=e.useCallback(o=>un(o,"horizontal"),[]),oe=e.useMemo(()=>{if(!H||Z)return Z;let o=`kookie-ui:shell:panel:${H}`;return{load:()=>{if(!(typeof window>"u"))try{let C=window.localStorage.getItem(o);return C?Number(C):void 0}catch{return}},save:C=>{if(!(typeof window>"u"))try{window.localStorage.setItem(o,String(C))}catch{}}}},[H,Z]);e.useEffect(()=>{let o=!0;return(async()=>{if(!A||!oe?.load||g)return;let y=await oe.load();o&&typeof y=="number"&&b.current&&(b.current.style.setProperty("--panel-size",`${y}px`),i?.(y))})(),()=>{o=!1}},[A,oe,i,g]),e.useEffect(()=>{b.current&&g&&b.current.style.setProperty("--panel-size",`${d}px`)},[g,d]),e.useEffect(()=>{if(b.current&&typeof D>"u"&&typeof w<"u"){let o=re(w);if(typeof o=="number"&&Number.isFinite(o)){let O=Math.min((typeof P=="number"?P:void 0)??o,Math.max((typeof u=="number"?u:void 0)??o,o));b.current.style.setProperty("--panel-size",`${O}px`),W(O,{reason:"init"})}}},[]),e.useEffect(()=>{if(!b.current||typeof D>"u")return;let o=re(D);if(typeof o=="number"&&Number.isFinite(o)){let O=Math.min((typeof P=="number"?P:void 0)??o,Math.max((typeof u=="number"?u:void 0)??o,o));b.current.style.setProperty("--panel-size",`${O}px`),W(O,{reason:"controlled"})}},[D,u,P,re,W]),e.useEffect(()=>{if(b.current&&s.leftResolvedPresentation!=="overlay"&&s.leftMode==="expanded"&&s.panelMode==="expanded"){let o=b.current.parentElement||null;try{o?.style.removeProperty("width")}catch{}}},[s.leftResolvedPresentation,s.leftMode,s.panelMode]);let ie=s.leftMode==="expanded"&&s.panelMode==="expanded";e.useEffect(()=>{let o=Y.current,y=J.current,O=Q.current!==k;if(o!==null&&o!==s.panelMode){let se=s.panelMode==="expanded";if(!(typeof M<"u")||!O&&se!==(k===void 0?void 0:k==="expanded")){let pe="toggle";y!==s.leftMode&&s.leftMode==="collapsed"&&!se&&(pe="left"),x.current?.(se,{reason:pe})}}Y.current=s.panelMode,J.current=s.leftMode,Q.current=k},[s.panelMode,s.leftMode,M,k]);let ye=A&&s.leftResolvedPresentation!=="overlay"&&ie?e.createElement(sn.Provider,{value:{containerRef:b,cssVarName:"--panel-size",minSize:typeof u=="number"?u:100,maxSize:typeof P=="number"?P:800,defaultSize:d,orientation:"vertical",edge:"end",computeNext:(o,y,C)=>{let O=getComputedStyle(b.current).direction==="rtl",se=o-y;return C+(O?-se:se)},onResize:i,onResizeStart:o=>{let C=b.current?.parentElement;try{C?.style.removeProperty("width")}catch{}T?.(o)},onResizeEnd:o=>{r?.(o),W(o,{reason:"resize"}),oe?.save?.(o)},target:"panel",collapsible:!!E,snapPoints:L,snapTolerance:V??8,collapseThreshold:K,requestCollapse:()=>s.setPanelMode("collapsed"),requestToggle:()=>s.togglePane("panel")}},v.length>0?v.map((o,y)=>e.cloneElement(o,{key:o.key??y})):e.createElement(dn,null)):null;return e.createElement("div",{...ae,ref:B,className:ue("rt-ShellPanel",f),"data-mode":s.panelMode,"data-visible":s.currentBreakpointReady&&(ie||s.leftResolvedPresentation!=="overlay"&&s.peekTarget==="panel")||void 0,"data-peek":s.currentBreakpointReady&&s.leftResolvedPresentation!=="overlay"&&s.peekTarget==="panel"||void 0,style:{...F,"--panel-size":`${d}px`}},e.createElement("div",{className:"rt-ShellPanelContent","data-visible":ie||void 0},$),ye)}),"Shell.Panel");Re.displayName="Shell.Panel";Re.Handle=Ce;var Oe=e.forwardRef(({className:n,inset:a,...f},N)=>{let{registerInset:M,unregisterInset:R}=ze();return e.useEffect(()=>{if(a)return M("content"),()=>R("content")},[a,M,R]),e.createElement("main",{...f,ref:N,className:ue("rt-ShellContent",n),"data-inset":a||void 0})});Oe.displayName="Shell.Content";me(Oe,"Shell.Content");var Rn=e.forwardRef(({target:n,action:a="toggle",peekOnHover:f,onClick:N,onMouseEnter:M,onMouseLeave:R,children:D,...w},d)=>{let{leftMode:u}=qe(),{panelMode:P}=Xe(),{sidebarMode:A}=ke(),{inspectorMode:E}=Je(),{bottomMode:I}=Ze(),{peekTarget:_,clearPeek:i,peekPane:T}=tn(),{togglePane:r,expandPane:L,collapsePane:V}=an(),K=e.useCallback(F=>{switch(N?.(F),_===n&&i(),a){case"toggle":r(n);break;case"expand":L(n);break;case"collapse":V(n);break}},[_,i,r,L,V,n,a,N]),H=(()=>{switch(n){case"left":case"rail":return u==="collapsed";case"panel":return u==="collapsed"||P==="collapsed";case"sidebar":return A==="collapsed";case"inspector":return E==="collapsed";case"bottom":return I==="collapsed"}})(),Z=e.useCallback(F=>{M?.(F),!(!f||!H)&&T(n)},[M,f,H,T,n]),ee=e.useCallback(F=>{R?.(F),f&&_===n&&i()},[R,f,_,i,n]);return e.createElement("button",{...w,ref:d,onClick:K,onMouseEnter:Z,onMouseLeave:ee,"data-shell-trigger":n,"data-shell-action":a,"aria-expanded":!H},D)});Rn.displayName="Shell.Trigger";export{fn as a,_e as b,ge as c,fe as d,Re as e,Oe as f,Rn as g,An as h};
+//# sourceMappingURL=chunk-RMBS6CAO.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/shell.tsx"],
+  "sourcesContent": ["/**\n * Shell Component - Layout Engine + Chrome\n *\n * Philosophy:\n * - Shell = layout engine + chrome\n * - Manages layout state: expanded/collapsed, fixed/overlay, sizes\n * - Does not manage content/navigation state\n * - Provides unstyled primitives (slots, triggers)\n * - Enforces composition rules (Rail \u2194 Panel dependency, Sidebar exclusivity)\n *\n * Core Slots:\n * - Header: global top bar\n * - Rail: slim nav strip\n * - Panel: sidebar next to rail\n * - Sidebar: alternative to Rail+Panel (exclusive)\n * - Content: main work area\n * - Inspector: right-side panel\n * - Bottom: bottom panel\n *\n * Composition Rules:\n * - Rail + Panel: valid together (Rail collapse \u2192 Panel collapse)\n * - Sidebar: cannot coexist with Rail or Panel\n * - Content: always required\n * - Inspector/Bottom: optional, independent\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { useResponsivePresentation, useResponsiveInitialState } from './shell.hooks.js';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle } from './_internal/shell-handles.js';\nimport { omitPaneProps, extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './_internal/shell-prop-helpers.js';\nimport { Sidebar } from './_internal/shell-sidebar.js';\nimport { Bottom } from './_internal/shell-bottom.js';\nimport { Inspector } from './_internal/shell-inspector.js';\nimport type { PresentationValue, ResponsivePresentation, PaneMode, SidebarMode, PaneSizePersistence, Breakpoint, PaneTarget, Responsive, PaneBaseProps, CSSPropertiesWithVars } from './shell.types.js';\nimport { normalizeToPx } from '../helpers/normalize-to-px.js';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport {\n  ShellProvider,\n  useShell,\n  LeftModeContext,\n  useLeftMode,\n  PanelModeContext,\n  usePanelMode,\n  SidebarModeContext,\n  useSidebarMode,\n  InspectorModeContext,\n  useInspectorMode,\n  BottomModeContext,\n  useBottomMode,\n  PresentationContext,\n  PeekContext,\n  usePeek,\n  ActionsContext,\n  useShellActions,\n  CompositionContext,\n  InsetContext,\n  useInset,\n  type InsetPaneId,\n} from './shell.context.js';\n\n// Shell context is provided via ShellProvider (see shell.context.tsx)\n\n// Pane resize context moved to ./_internal/shell-resize\n\n// Local PaneHandle moved to ./_internal/shell-handles\n// Removed local PaneHandle implementation; using internal PaneHandle\n\n// Composed Handle wrappers per pane\n// Handles moved to ./_internal/shell-handles\n\n// Hook to resolve responsive presentation\n// useResponsivePresentation moved to shell.hooks.ts\n\n// Hook to resolve responsive mode defaults\n// Removed: defaultMode responsiveness\n\n// useBreakpoint hook moved to ../hooks/use-breakpoint.ts\n\n// Reducer-based pane state management to simplify cascading rules\ntype PaneState = {\n  leftMode: PaneMode;\n  panelMode: PaneMode;\n  sidebarMode: SidebarMode;\n  inspectorMode: PaneMode;\n  bottomMode: PaneMode;\n};\n\ntype PaneAction =\n  | { type: 'SET_LEFT_MODE'; mode: PaneMode }\n  | { type: 'SET_PANEL_MODE'; mode: PaneMode }\n  | { type: 'SET_SIDEBAR_MODE'; mode: SidebarMode }\n  | { type: 'SET_INSPECTOR_MODE'; mode: PaneMode }\n  | { type: 'SET_BOTTOM_MODE'; mode: PaneMode }\n  | { type: 'TOGGLE_PANE'; target: PaneTarget }\n  | { type: 'EXPAND_PANE'; target: PaneTarget }\n  | { type: 'COLLAPSE_PANE'; target: PaneTarget };\n\nconst SHELL_SLOT = Symbol('rtShellSlot');\n\nfunction assignShellSlot<T extends React.ComponentType<any>>(component: T, slot: string): T {\n  (component as any)[SHELL_SLOT] = slot;\n  return component;\n}\n\n/**\n * Check if an element matches a component by type or displayName.\n * Uses displayName comparison to handle minification scenarios.\n */\nconst isShellComponentType = (el: React.ReactElement, comp: React.ComponentType & { displayName?: string }): boolean =>\n  React.isValidElement(el) && (el.type === comp || (el as any).type?.displayName === comp.displayName);\n\n// Tag imported slot components so isType remains stable after minification\nassignShellSlot(Sidebar as any, 'Shell.Sidebar');\nassignShellSlot(Inspector as any, 'Shell.Inspector');\nassignShellSlot(Bottom as any, 'Shell.Bottom');\n\nfunction paneReducer(state: PaneState, action: PaneAction): PaneState {\n  switch (action.type) {\n    case 'SET_LEFT_MODE': {\n      if (action.mode === 'collapsed') {\n        if (state.leftMode === 'collapsed' && state.panelMode === 'collapsed') return state;\n        return { ...state, leftMode: 'collapsed', panelMode: 'collapsed' };\n      }\n      if (state.leftMode === action.mode) return state;\n      return { ...state, leftMode: action.mode };\n    }\n    case 'SET_PANEL_MODE': {\n      if (action.mode === 'expanded' && state.leftMode !== 'expanded') {\n        return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n      }\n      if (state.panelMode === action.mode) return state;\n      return { ...state, panelMode: action.mode };\n    }\n    case 'SET_SIDEBAR_MODE':\n      if (state.sidebarMode === action.mode) return state;\n      return { ...state, sidebarMode: action.mode };\n    case 'SET_INSPECTOR_MODE':\n      if (state.inspectorMode === action.mode) return state;\n      return { ...state, inspectorMode: action.mode };\n    case 'SET_BOTTOM_MODE':\n      if (state.bottomMode === action.mode) return state;\n      return { ...state, bottomMode: action.mode };\n    case 'TOGGLE_PANE': {\n      switch (action.target) {\n        case 'left':\n        case 'rail':\n          return { ...state, leftMode: state.leftMode === 'expanded' ? 'collapsed' : 'expanded', panelMode: state.leftMode === 'expanded' ? 'collapsed' : state.panelMode };\n        case 'panel': {\n          if (state.leftMode === 'collapsed') {\n            return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n          }\n          return { ...state, panelMode: state.panelMode === 'expanded' ? 'collapsed' : 'expanded' };\n        }\n        case 'sidebar': {\n          const next: SidebarMode = state.sidebarMode === 'collapsed' ? 'expanded' : state.sidebarMode === 'expanded' ? 'collapsed' : 'expanded';\n          return { ...state, sidebarMode: next };\n        }\n        case 'inspector':\n          return { ...state, inspectorMode: state.inspectorMode === 'expanded' ? 'collapsed' : 'expanded' };\n        case 'bottom':\n          return { ...state, bottomMode: state.bottomMode === 'expanded' ? 'collapsed' : 'expanded' };\n        default:\n          return state;\n      }\n    }\n    case 'EXPAND_PANE': {\n      switch (action.target) {\n        case 'left':\n        case 'rail':\n          if (state.leftMode === 'expanded') return state;\n          return { ...state, leftMode: 'expanded' };\n        case 'panel':\n          if (state.leftMode === 'expanded' && state.panelMode === 'expanded') return state;\n          return { ...state, leftMode: 'expanded', panelMode: 'expanded' };\n        case 'sidebar':\n          if (state.sidebarMode === 'expanded') return state;\n          return { ...state, sidebarMode: 'expanded' };\n        case 'inspector':\n          if (state.inspectorMode === 'expanded') return state;\n          return { ...state, inspectorMode: 'expanded' };\n        case 'bottom':\n          if (state.bottomMode === 'expanded') return state;\n          return { ...state, bottomMode: 'expanded' };\n        default:\n          return state;\n      }\n    }\n    case 'COLLAPSE_PANE': {\n      switch (action.target) {\n        case 'left':\n        case 'rail':\n          if (state.leftMode === 'collapsed' && state.panelMode === 'collapsed') return state;\n          return { ...state, leftMode: 'collapsed', panelMode: 'collapsed' };\n        case 'panel':\n          if (state.panelMode === 'collapsed') return state;\n          return { ...state, panelMode: 'collapsed' };\n        case 'sidebar':\n          if (state.sidebarMode === 'collapsed') return state;\n          return { ...state, sidebarMode: 'collapsed' };\n        case 'inspector':\n          if (state.inspectorMode === 'collapsed') return state;\n          return { ...state, inspectorMode: 'collapsed' };\n        case 'bottom':\n          if (state.bottomMode === 'collapsed') return state;\n          return { ...state, bottomMode: 'collapsed' };\n        default:\n          return state;\n      }\n    }\n  }\n  return state;\n}\n\n// Root Component\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n  children: React.ReactNode;\n  height?: 'full' | 'auto' | string | number;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, children, height = 'full', ...props }, ref) => {\n  const { breakpoint: currentBreakpoint, ready: currentBreakpointReady } = useBreakpoint();\n\n  // Store hasPanelDefaultOpen for use in passthrough props (computed once during lazy init)\n  const hasPanelDefaultOpenRef = React.useRef<boolean>(false);\n\n  // Pane state management via reducer with lazy initialization\n  // This computation only runs once on mount, not on every render\n  const [paneState, dispatchPane] = React.useReducer(paneReducer, children, (initialChildren) => {\n    const childArray = React.Children.toArray(initialChildren) as React.ReactElement[];\n\n    // Compute initial defaults from immediate children (one-time, uncontrolled defaults)\n    const hasPanelDefaultOpen = childArray.some(\n      (el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Panel' && Boolean((el as any).props?.defaultOpen),\n    );\n    // Store for use in passthrough props\n    hasPanelDefaultOpenRef.current = hasPanelDefaultOpen;\n\n    // Rail defaults to open (true) unless explicitly set to false\n    // Supports responsive objects: { initial: false, md: true }\n    const railEl = childArray.find((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Rail');\n    const railDefaultOpen = railEl ? (railEl as any).props?.defaultOpen : undefined;\n    const hasRailDefaultOpen = (() => {\n      if (!railEl) return false;\n      if (railDefaultOpen === undefined) return true; // Default to open\n      if (typeof railDefaultOpen === 'boolean') return railDefaultOpen;\n      // Responsive object - use 'initial' value, or first defined value, or default true\n      if (typeof railDefaultOpen === 'object') {\n        return railDefaultOpen.initial ?? Object.values(railDefaultOpen)[0] ?? true;\n      }\n      return true;\n    })();\n\n    const hasInspectorDefaultOpen = childArray.some(\n      (el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Inspector' && Boolean((el as any).props?.defaultOpen),\n    );\n    const hasInspectorOpenControlled = childArray.some(\n      (el) =>\n        React.isValidElement(el) &&\n        (el as any).type?.displayName === 'Shell.Inspector' &&\n        typeof (el as any).props?.open !== 'undefined' &&\n        Boolean((el as any).props?.open),\n    );\n\n    // Detect Panel controlled open state for initial reducer state\n    const hasPanelOpenControlled = childArray.some((el) => {\n      if (!React.isValidElement(el) || (el as any).type?.displayName !== 'Shell.Panel') return false;\n      const openProp = (el as any).props?.open;\n      if (typeof openProp === 'undefined') return false;\n      if (typeof openProp === 'boolean') return openProp;\n      // Responsive object - check 'initial' or first truthy value\n      if (typeof openProp === 'object' && openProp !== null) {\n        return openProp.initial ?? Object.values(openProp)[0] ?? false;\n      }\n      return false;\n    });\n\n    // Detect Sidebar initial state from props\n    const getSidebarInitialState = (): SidebarMode => {\n      const sidebarEl = childArray.find((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Sidebar');\n      if (!sidebarEl) return 'expanded';\n      const sidebarProps = (sidebarEl as any).props;\n      // Check controlled state first\n      if (typeof sidebarProps?.state !== 'undefined') {\n        if (typeof sidebarProps.state === 'string') return sidebarProps.state as SidebarMode;\n        // Responsive object - use 'initial' breakpoint or first defined value\n        if (typeof sidebarProps.state === 'object') {\n          return (sidebarProps.state.initial ?? Object.values(sidebarProps.state)[0] ?? 'expanded') as SidebarMode;\n        }\n      }\n      // Check defaultState\n      if (typeof sidebarProps?.defaultState !== 'undefined') {\n        if (typeof sidebarProps.defaultState === 'string') return sidebarProps.defaultState as SidebarMode;\n        if (typeof sidebarProps.defaultState === 'object') {\n          return (sidebarProps.defaultState.initial ?? Object.values(sidebarProps.defaultState)[0] ?? 'expanded') as SidebarMode;\n        }\n      }\n      return 'expanded';\n    };\n\n    // Detect Bottom initial state from props\n    const getBottomInitialState = (): PaneMode => {\n      const bottomEl = childArray.find((el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Bottom');\n      if (!bottomEl) return 'collapsed';\n      const bottomProps = (bottomEl as any).props;\n      // Check controlled open first\n      if (typeof bottomProps?.open !== 'undefined') {\n        if (typeof bottomProps.open === 'boolean') return bottomProps.open ? 'expanded' : 'collapsed';\n        // Responsive object - use 'initial' breakpoint or first defined value\n        if (typeof bottomProps.open === 'object') {\n          const val = bottomProps.open.initial ?? Object.values(bottomProps.open)[0];\n          return val ? 'expanded' : 'collapsed';\n        }\n      }\n      // Check defaultOpen\n      if (typeof bottomProps?.defaultOpen !== 'undefined') {\n        return bottomProps.defaultOpen ? 'expanded' : 'collapsed';\n      }\n      return 'collapsed';\n    };\n\n    return {\n      leftMode: hasPanelDefaultOpen || hasPanelOpenControlled || hasRailDefaultOpen ? 'expanded' : ('collapsed' as PaneMode),\n      panelMode: hasPanelDefaultOpen || hasPanelOpenControlled ? 'expanded' : ('collapsed' as PaneMode),\n      sidebarMode: getSidebarInitialState(),\n      inspectorMode: hasInspectorDefaultOpen || hasInspectorOpenControlled ? 'expanded' : ('collapsed' as PaneMode),\n      bottomMode: getBottomInitialState(),\n    };\n  });\n  const setLeftMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_LEFT_MODE', mode }), []);\n  const setPanelMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_PANEL_MODE', mode }), []);\n  const setSidebarMode = React.useCallback((mode: SidebarMode) => dispatchPane({ type: 'SET_SIDEBAR_MODE', mode }), []);\n  const setInspectorMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_INSPECTOR_MODE', mode }), []);\n  const setBottomMode = React.useCallback((mode: PaneMode) => dispatchPane({ type: 'SET_BOTTOM_MODE', mode }), []);\n\n  // Removed: defaultMode responsiveness and manual change tracking\n\n  // Composition detection\n  const [hasLeft, setHasLeft] = React.useState(false);\n  const [hasSidebar, setHasSidebar] = React.useState(false);\n\n  // Customizable sidebar toggle sequencing\n  const sidebarToggleComputerRef = React.useRef<(current: SidebarMode) => SidebarMode>((current) => (current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed'));\n  const setSidebarToggleComputer = React.useCallback((fn: (current: SidebarMode) => SidebarMode) => {\n    sidebarToggleComputerRef.current = fn;\n  }, []);\n\n  // Reducer handles left\u2192panel cascade; no effect needed\n\n  // Composition validation\n  React.useLayoutEffect(() => {\n    if (hasSidebar && hasLeft) {\n      console.warn('Shell: Sidebar cannot coexist with Rail or Panel. Use either Rail+Panel OR Sidebar.');\n    }\n  }, [hasSidebar, hasLeft]);\n\n  // Left presentation + defaults from children\n  const [devLeftPres, setDevLeftPres] = React.useState<PresentationValue | undefined>(undefined);\n  const onLeftPres = React.useCallback((p: PresentationValue) => setDevLeftPres(p), []);\n  const railDefaultSizeRef = React.useRef<number>(64);\n  const panelDefaultSizeRef = React.useRef<number>(288);\n  const onRailDefaults = React.useCallback((size: number) => {\n    railDefaultSizeRef.current = size;\n  }, []);\n  const onPanelDefaults = React.useCallback((size: number) => {\n    panelDefaultSizeRef.current = size;\n  }, []);\n\n  // Determine children presence for left composition\n  const hasLeftChildren = React.useMemo(() => {\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    return childArray.some((el) => isShellComponentType(el, Rail) || isShellComponentType(el, Panel));\n  }, [children]);\n\n  const hasSidebarChildren = React.useMemo(() => {\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    return childArray.some((el) => isShellComponentType(el, Sidebar));\n  }, [children]);\n\n  // Keep a ref to sidebar mode so togglePane doesn't depend on it,\n  // preventing ActionsContext churn on every sidebar mode change\n  const sidebarModeRef = React.useRef(paneState.sidebarMode);\n  sidebarModeRef.current = paneState.sidebarMode;\n\n  const togglePane = React.useCallback(\n    (target: PaneTarget) => {\n      if (target === 'sidebar') {\n        const next = sidebarToggleComputerRef.current(sidebarModeRef.current as SidebarMode);\n        setSidebarMode(next);\n        return;\n      }\n      dispatchPane({ type: 'TOGGLE_PANE', target });\n    },\n    [setSidebarMode],\n  );\n\n  const expandPane = React.useCallback(\n    (target: PaneTarget) => {\n      if (target === 'sidebar') return setSidebarMode('expanded');\n      dispatchPane({ type: 'EXPAND_PANE', target });\n    },\n    [setSidebarMode],\n  );\n\n  const collapsePane = React.useCallback(\n    (target: PaneTarget) => {\n      if (target === 'sidebar') return setSidebarMode('collapsed');\n      dispatchPane({ type: 'COLLAPSE_PANE', target });\n    },\n    [setSidebarMode],\n  );\n\n  const baseContextValue = React.useMemo(\n    () => ({\n      leftMode: paneState.leftMode,\n      setLeftMode,\n      panelMode: paneState.panelMode,\n      setPanelMode,\n      sidebarMode: paneState.sidebarMode,\n      setSidebarMode,\n      inspectorMode: paneState.inspectorMode,\n      setInspectorMode,\n      bottomMode: paneState.bottomMode,\n      setBottomMode,\n      hasLeft,\n      setHasLeft,\n      hasSidebar,\n      setHasSidebar,\n      currentBreakpoint,\n      currentBreakpointReady,\n      leftResolvedPresentation: devLeftPres,\n      togglePane,\n      expandPane,\n      collapsePane,\n      setSidebarToggleComputer,\n      onLeftPres,\n      onRailDefaults,\n      onPanelDefaults,\n    }),\n    [\n      paneState.leftMode,\n      setLeftMode,\n      paneState.panelMode,\n      setPanelMode,\n      paneState.sidebarMode,\n      setSidebarMode,\n      paneState.inspectorMode,\n      setInspectorMode,\n      paneState.bottomMode,\n      setBottomMode,\n      hasLeft,\n      hasSidebar,\n      currentBreakpoint,\n      currentBreakpointReady,\n      devLeftPres,\n      togglePane,\n      expandPane,\n      collapsePane,\n      setSidebarToggleComputer,\n      onLeftPres,\n      onRailDefaults,\n      onPanelDefaults,\n    ],\n  );\n\n  // Organize children by type \u2014 single pass instead of 7 filter calls\n  const { headerEls, railEls, panelEls, sidebarEls, contentEls, inspectorEls, bottomEls } = React.useMemo(() => {\n    const result = {\n      headerEls: [] as React.ReactElement[],\n      railEls: [] as React.ReactElement[],\n      panelEls: [] as React.ReactElement[],\n      sidebarEls: [] as React.ReactElement[],\n      contentEls: [] as React.ReactElement[],\n      inspectorEls: [] as React.ReactElement[],\n      bottomEls: [] as React.ReactElement[],\n    };\n    for (const el of React.Children.toArray(children) as React.ReactElement[]) {\n      if (isShellComponentType(el, Header)) result.headerEls.push(el);\n      else if (isShellComponentType(el, Rail)) result.railEls.push(el);\n      else if (isShellComponentType(el, Panel)) result.panelEls.push(el);\n      else if (isShellComponentType(el, Sidebar)) result.sidebarEls.push(el);\n      else if (isShellComponentType(el, Content)) result.contentEls.push(el);\n      else if (isShellComponentType(el, Inspector)) result.inspectorEls.push(el);\n      else if (isShellComponentType(el, Bottom)) result.bottomEls.push(el);\n    }\n    return result;\n  }, [children]);\n\n  // Controlled sync in Root: mirror first Rail/Panel open if provided\n  const firstRailOpen = (railEls[0] as any)?.props?.open;\n  const resolvedFirstRailOpen = React.useMemo(() => {\n    if (typeof firstRailOpen === 'undefined') return undefined;\n    if (typeof firstRailOpen === 'boolean') return firstRailOpen;\n    if (typeof firstRailOpen !== 'object' || firstRailOpen === null) return Boolean(firstRailOpen);\n\n    const responsive = firstRailOpen as Partial<Record<Breakpoint, boolean>>;\n    if (responsive[currentBreakpoint] !== undefined) return responsive[currentBreakpoint];\n\n    const fallbackOrder: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n    const startIdx = fallbackOrder.indexOf(currentBreakpoint);\n    for (let i = startIdx + 1; i < fallbackOrder.length; i++) {\n      const bp = fallbackOrder[i];\n      if (responsive[bp] !== undefined) return responsive[bp];\n    }\n    return undefined;\n  }, [firstRailOpen, currentBreakpoint]);\n\n  const firstPanelOpen = (panelEls[0] as any)?.props?.open;\n  const resolvedFirstPanelOpen = React.useMemo(() => {\n    if (typeof firstPanelOpen === 'undefined') return undefined;\n    if (typeof firstPanelOpen === 'boolean') return firstPanelOpen;\n    if (typeof firstPanelOpen !== 'object' || firstPanelOpen === null) return Boolean(firstPanelOpen);\n\n    const responsive = firstPanelOpen as Partial<Record<Breakpoint, boolean>>;\n    if (responsive[currentBreakpoint] !== undefined) return responsive[currentBreakpoint];\n\n    const fallbackOrder: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n    const startIdx = fallbackOrder.indexOf(currentBreakpoint);\n    for (let i = startIdx + 1; i < fallbackOrder.length; i++) {\n      const bp = fallbackOrder[i];\n      if (responsive[bp] !== undefined) return responsive[bp];\n    }\n    return undefined;\n  }, [firstPanelOpen, currentBreakpoint]);\n\n  const controlSeqRef = React.useRef(0);\n  const lastRailChangeRef = React.useRef(0);\n  const lastPanelChangeRef = React.useRef(0);\n  const lastRailOpenRef = React.useRef<boolean | undefined>(resolvedFirstRailOpen);\n  const lastPanelOpenRef = React.useRef<boolean | undefined>(resolvedFirstPanelOpen);\n\n  React.useLayoutEffect(() => {\n    if (resolvedFirstRailOpen === undefined) {\n      lastRailOpenRef.current = undefined;\n      return;\n    }\n    if (lastRailOpenRef.current === resolvedFirstRailOpen) return;\n    lastRailOpenRef.current = resolvedFirstRailOpen;\n    lastRailChangeRef.current = ++controlSeqRef.current;\n  }, [resolvedFirstRailOpen]);\n\n  React.useLayoutEffect(() => {\n    if (resolvedFirstPanelOpen === undefined) {\n      lastPanelOpenRef.current = undefined;\n      return;\n    }\n    if (lastPanelOpenRef.current === resolvedFirstPanelOpen) return;\n    lastPanelOpenRef.current = resolvedFirstPanelOpen;\n    lastPanelChangeRef.current = ++controlSeqRef.current;\n  }, [resolvedFirstPanelOpen]);\n\n  React.useLayoutEffect(() => {\n    if (typeof resolvedFirstRailOpen === 'undefined') return;\n    setLeftMode(resolvedFirstRailOpen ? 'expanded' : 'collapsed');\n  }, [resolvedFirstRailOpen, setLeftMode]);\n\n  const railOnOpenChange = (railEls[0] as any)?.props?.onOpenChange as\n    | ((open: boolean, meta: { reason: 'init' | 'toggle' | 'responsive' | 'panel' }) => void)\n    | undefined;\n  const panelOnOpenChange = (panelEls[0] as any)?.props?.onOpenChange as\n    | ((open: boolean, meta: { reason: 'toggle' | 'left' | 'init' | 'responsive' }) => void)\n    | undefined;\n  const lastConflictRef = React.useRef<{ railSeq: number; panelSeq: number; action: 'open-rail' | 'close-panel' } | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (resolvedFirstRailOpen !== false || resolvedFirstPanelOpen !== true) {\n      lastConflictRef.current = null;\n      return;\n    }\n\n    const panelWins = lastPanelChangeRef.current > lastRailChangeRef.current;\n    const action: 'open-rail' | 'close-panel' = panelWins ? 'open-rail' : 'close-panel';\n    const lastConflict = lastConflictRef.current;\n    if (lastConflict && lastConflict.railSeq === lastRailChangeRef.current && lastConflict.panelSeq === lastPanelChangeRef.current && lastConflict.action === action) {\n      return;\n    }\n    lastConflictRef.current = { railSeq: lastRailChangeRef.current, panelSeq: lastPanelChangeRef.current, action };\n\n    if (panelWins) {\n      railOnOpenChange?.(true, { reason: 'panel' });\n    } else {\n      panelOnOpenChange?.(false, { reason: 'left' });\n    }\n  }, [resolvedFirstRailOpen, resolvedFirstPanelOpen, railOnOpenChange, panelOnOpenChange]);\n\n  const leftControlledOpen = resolvedFirstRailOpen;\n\n  const heightStyle = React.useMemo(() => {\n    if (height === 'full') return { height: '100vh' };\n    if (height === 'auto') return { height: 'auto' };\n    if (typeof height === 'string') return { height };\n    if (typeof height === 'number') return { height: `${height}px` };\n    return {};\n  }, [height]);\n\n  // Peek state (layout-only overlay without mode changes)\n  const [peekTarget, setPeekTarget] = React.useState<PaneTarget | null>(null);\n  const peekPane = React.useCallback((target: PaneTarget) => setPeekTarget(target), []);\n  const clearPeek = React.useCallback(() => setPeekTarget(null), []);\n\n  // Memoized slice context values to avoid notifying unrelated consumers\n  const presentationCtxValue = React.useMemo(() => ({ currentBreakpoint, currentBreakpointReady, leftResolvedPresentation: devLeftPres }), [currentBreakpoint, currentBreakpointReady, devLeftPres]);\n  const leftModeCtxValue = React.useMemo(() => ({ leftMode: paneState.leftMode, setLeftMode }), [paneState.leftMode, setLeftMode]);\n  const panelModeCtxValue = React.useMemo(() => ({ panelMode: paneState.panelMode, setPanelMode }), [paneState.panelMode, setPanelMode]);\n  const sidebarModeCtxValue = React.useMemo(() => ({ sidebarMode: paneState.sidebarMode, setSidebarMode }), [paneState.sidebarMode, setSidebarMode]);\n  const inspectorModeCtxValue = React.useMemo(() => ({ inspectorMode: paneState.inspectorMode, setInspectorMode }), [paneState.inspectorMode, setInspectorMode]);\n  const bottomModeCtxValue = React.useMemo(() => ({ bottomMode: paneState.bottomMode, setBottomMode }), [paneState.bottomMode, setBottomMode]);\n  const compositionCtxValue = React.useMemo(() => ({ hasLeft, setHasLeft, hasSidebar, setHasSidebar }), [hasLeft, setHasLeft, hasSidebar, setHasSidebar]);\n\n  // Inset state management\n  const [insetPanes, setInsetPanes] = React.useState<Set<InsetPaneId>>(new Set());\n  const registerInset = React.useCallback((id: InsetPaneId) => {\n    setInsetPanes((prev) => {\n      if (prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n  }, []);\n  const unregisterInset = React.useCallback((id: InsetPaneId) => {\n    setInsetPanes((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n  const hasAnyInset = insetPanes.size > 0;\n  const insetCtxValue = React.useMemo(\n    () => ({ insetPanes, registerInset, unregisterInset, hasAnyInset }),\n    [insetPanes, registerInset, unregisterInset, hasAnyInset],\n  );\n  const peekCtxValue = React.useMemo(() => ({ peekTarget, setPeekTarget, peekPane, clearPeek }), [peekTarget, setPeekTarget, peekPane, clearPeek]);\n  const actionsCtxValue = React.useMemo(() => ({ togglePane, expandPane, collapsePane, setSidebarToggleComputer }), [togglePane, expandPane, collapsePane, setSidebarToggleComputer]);\n\n  // Memoized full context value for ShellProvider to prevent unnecessary effect re-runs\n  const shellContextValue = React.useMemo(\n    () => ({\n      ...baseContextValue,\n      leftControlledOpen,\n      peekTarget,\n      setPeekTarget,\n      peekPane,\n      clearPeek,\n    }),\n    [baseContextValue, leftControlledOpen, peekTarget, setPeekTarget, peekPane, clearPeek],\n  );\n\n  // Memoize the Left content to avoid recreating the IIFE on every render\n  const leftContent = React.useMemo(() => {\n    if (!hasLeftChildren || hasSidebarChildren) return null;\n    const firstRail = railEls[0] as any;\n    const firstPanel = panelEls[0] as any;\n    const leftInset = Boolean(firstRail?.props?.inset) || Boolean(firstPanel?.props?.inset);\n    const passthroughProps = firstRail\n      ? {\n          // Notification passthrough used by Left; not spread to DOM in Left\n          onOpenChange: firstRail.props?.onOpenChange,\n          open: firstRail.props?.open,\n          defaultOpen: firstRail.props?.defaultOpen,\n          presentation: firstRail.props?.presentation,\n          collapsible: firstRail.props?.collapsible,\n          onExpand: firstRail.props?.onExpand,\n          onCollapse: firstRail.props?.onCollapse,\n          inset: leftInset,\n        }\n      : { defaultOpen: hasPanelDefaultOpenRef.current ? true : undefined, inset: leftInset };\n    return (\n      <Left {...(passthroughProps as any)}>\n        {railEls}\n        {panelEls}\n      </Left>\n    );\n  }, [hasLeftChildren, hasSidebarChildren, railEls, panelEls]);\n\n  return (\n    <div {...props} ref={ref} className={classNames('rt-ShellRoot', className)} style={{ ...heightStyle, ...props.style }}>\n      <ShellProvider value={shellContextValue}>\n        <PresentationContext.Provider value={presentationCtxValue}>\n          <LeftModeContext.Provider value={leftModeCtxValue}>\n            <PanelModeContext.Provider value={panelModeCtxValue}>\n              <SidebarModeContext.Provider value={sidebarModeCtxValue}>\n                <InspectorModeContext.Provider value={inspectorModeCtxValue}>\n                  <BottomModeContext.Provider value={bottomModeCtxValue}>\n                    <CompositionContext.Provider value={compositionCtxValue}>\n                      <PeekContext.Provider value={peekCtxValue}>\n                        <ActionsContext.Provider value={actionsCtxValue}>\n                          <InsetContext.Provider value={insetCtxValue}>\n                            {headerEls}\n                            <div\n                              className=\"rt-ShellBody\"\n                              data-peek-target={peekTarget ?? undefined}\n                              data-has-inset={hasAnyInset || undefined}\n                              style={\n                                peekTarget === 'rail' || peekTarget === 'panel'\n                                  ? ({\n                                      '--peek-rail-width': `${railDefaultSizeRef.current}px`,\n                                    } as CSSPropertiesWithVars)\n                                  : undefined\n                              }\n                            >\n                              {leftContent ?? sidebarEls}\n                              {contentEls}\n                              {inspectorEls}\n                            </div>\n                            {bottomEls}\n                          </InsetContext.Provider>\n                        </ActionsContext.Provider>\n                      </PeekContext.Provider>\n                    </CompositionContext.Provider>\n                  </BottomModeContext.Provider>\n                </InspectorModeContext.Provider>\n              </SidebarModeContext.Provider>\n            </PanelModeContext.Provider>\n          </LeftModeContext.Provider>\n        </PresentationContext.Provider>\n      </ShellProvider>\n    </div>\n  );\n}) as PanelComponent;\nRoot.displayName = 'Shell.Root';\n\n// Header\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n  height?: number;\n}\n\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(({ className, height = 64, style, ...props }, ref) => (\n  <header\n    {...props}\n    ref={ref}\n    className={classNames('rt-ShellHeader', className)}\n    style={{\n      ...style,\n      '--shell-header-height': `${height}px`,\n    } as CSSPropertiesWithVars}\n  />\n));\nHeader.displayName = 'Shell.Header';\n\n// Pane Props Interface (shared by Panel, Sidebar, Inspector, Bottom)\ntype PaneProps = PaneBaseProps;\n\n// Left container (auto-created for Rail+Panel)\ninterface LeftProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  // New: passthrough from Rail\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean, meta: { reason: 'init' | 'toggle' | 'panel' | 'responsive' }) => void;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  mode?: never;\n  defaultMode?: never;\n  onModeChange?: never;\n  /** When true, adds margin and triggers gray backdrop on Shell. */\n  inset?: boolean;\n}\n\n// Rail (special case)\ntype LeftOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' | 'panel' };\n\ntype RailControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void; defaultOpen?: never };\ntype RailUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: LeftOpenChangeMeta) => void; open?: never };\n\ntype RailProps = React.ComponentPropsWithoutRef<'div'> & {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  /** When true, adds margin to Rail+Panel and triggers gray backdrop on Shell. */\n  inset?: boolean;\n} & (RailControlledProps | RailUncontrolledProps);\n\n// Left container - behaves like Inspector but contains Rail+Panel\nconst LEFT_DOM_OMIT_PROPS = ['open', 'defaultOpen', 'onOpenChange', 'mode', 'defaultMode', 'onModeChange'] as const;\n\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>((initialProps, ref) => {\n  const { className, presentation = { initial: 'fixed', sm: 'fixed' }, collapsible: _collapsible = true, onExpand, onCollapse, children, style, inset, ...restProps } = initialProps;\n  const { registerInset, unregisterInset } = useInset();\n\n  // Register/unregister inset\n  React.useEffect(() => {\n    if (inset) {\n      registerInset('left');\n      return () => unregisterInset('left');\n    }\n  }, [inset, registerInset, unregisterInset]);\n  const propsOpen = restProps.open;\n  const propsDefaultOpen = restProps.defaultOpen;\n  const propsOnOpenChange = restProps.onOpenChange;\n  const domProps = omitPaneProps(restProps, LEFT_DOM_OMIT_PROPS);\n  const shell = useShell();\n  const { setHasLeft } = shell;\n  const resolvedPresentation = useResponsivePresentation(presentation);\n  const isOverlay = resolvedPresentation === 'overlay';\n  const isStacked = resolvedPresentation === 'stacked';\n  const localRef = React.useRef<HTMLDivElement | null>(null);\n  // Publish resolved presentation so Root can gate peeking in overlay\n  React.useEffect(() => {\n    shell.onLeftPres?.(resolvedPresentation);\n  }, [shell, resolvedPresentation]);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      localRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n\n  // Register with shell\n  React.useEffect(() => {\n    setHasLeft(true);\n    return () => setHasLeft(false);\n  }, [setHasLeft]);\n\n  const lastLeftModeRef = React.useRef<PaneMode | null>(null);\n  const lastResolvedLeftControlledRef = React.useRef<PaneMode | undefined>(undefined);\n  const normalizedLeftControlled = React.useMemo(() => {\n    if (typeof propsOpen === 'undefined') return undefined;\n    return propsOpen ? 'expanded' : 'collapsed';\n  }, [propsOpen]);\n  const normalizedLeftDefault = React.useMemo(() => mapResponsiveBooleanToPaneMode(propsDefaultOpen), [propsDefaultOpen]);\n\n  // Stable refs for notification callbacks to avoid effect dep churn\n  const propsOnOpenChangeRef = React.useRef(propsOnOpenChange);\n  const propsOpenRef = React.useRef(propsOpen);\n  React.useLayoutEffect(() => {\n    propsOnOpenChangeRef.current = propsOnOpenChange;\n    propsOpenRef.current = propsOpen;\n  });\n\n  const { resolvedControlled: resolvedLeftControlled } = useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedLeftControlled,\n    defaultValue: normalizedLeftDefault,\n    currentValue: shell.leftMode,\n    setValue: shell.setLeftMode,\n    breakpointReady: shell.currentBreakpointReady,\n    onInit: (initial) => propsOnOpenChangeRef.current?.(initial === 'expanded', { reason: 'init' }),\n  });\n\n  // Emit mode changes for user/internal transitions.\n  // In controlled mode, skip when the mode matches the controlled prop (prop-driven sync).\n  const prevPanelModeRef = React.useRef<PaneMode | null>(null);\n  React.useEffect(() => {\n    const prevLeftMode = lastLeftModeRef.current;\n    const prevPanelMode = prevPanelModeRef.current;\n\n    const prevResolvedControlled = lastResolvedLeftControlledRef.current;\n    const controlledChanged = prevResolvedControlled !== resolvedLeftControlled;\n\n    if (prevLeftMode !== null && prevLeftMode !== shell.leftMode) {\n      const isControlled = typeof propsOpenRef.current !== 'undefined';\n      const controlledTarget = resolvedLeftControlled === undefined ? undefined : resolvedLeftControlled === 'expanded';\n      const nextOpen = shell.leftMode === 'expanded';\n\n      // In controlled mode, only notify when internal mode diverges from the\n      // controlled prop \u2014 that means a trigger/cascade changed it, not a prop sync.\n      if (!isControlled || (!controlledChanged && nextOpen !== controlledTarget)) {\n        let reason: LeftOpenChangeMeta['reason'] = 'toggle';\n        const panelDrivenOpen = prevPanelMode !== null && prevPanelMode !== shell.panelMode && prevLeftMode === 'collapsed' && shell.leftMode === 'expanded' && shell.panelMode === 'expanded';\n        if (panelDrivenOpen) {\n          reason = 'panel';\n        }\n        propsOnOpenChangeRef.current?.(nextOpen, { reason });\n      }\n    }\n\n    lastLeftModeRef.current = shell.leftMode;\n    prevPanelModeRef.current = shell.panelMode;\n    lastResolvedLeftControlledRef.current = resolvedLeftControlled;\n  }, [shell.leftMode, shell.panelMode, resolvedLeftControlled]);\n\n  // Emit expand/collapse events.\n  // Use callback refs to avoid re-running effect when inline callbacks change,\n  // matching the pattern used by Inspector and Bottom.\n  const onExpandRef = React.useRef(onExpand);\n  const onCollapseRef = React.useRef(onCollapse);\n  React.useLayoutEffect(() => {\n    onExpandRef.current = onExpand;\n    onCollapseRef.current = onCollapse;\n  });\n\n  const prevLeftModeForCallbackRef = React.useRef<PaneMode | null>(null);\n  const hasLeftInitializedRef = React.useRef(false);\n  React.useEffect(() => {\n    const currentMode = shell.leftMode;\n\n    if (!shell.currentBreakpointReady) {\n      prevLeftModeForCallbackRef.current = currentMode;\n      return;\n    }\n\n    if (!hasLeftInitializedRef.current) {\n      hasLeftInitializedRef.current = true;\n      prevLeftModeForCallbackRef.current = currentMode;\n      return;\n    }\n\n    const prevMode = prevLeftModeForCallbackRef.current;\n\n    if (prevMode !== null && prevMode !== currentMode) {\n      if (currentMode === 'expanded') {\n        onExpandRef.current?.();\n      } else if (currentMode === 'collapsed') {\n        onCollapseRef.current?.();\n      }\n      prevLeftModeForCallbackRef.current = currentMode;\n    }\n  }, [shell.leftMode, shell.currentBreakpointReady]);\n\n  const _isExpanded = shell.leftMode === 'expanded';\n\n  // Left is not resizable; width derives from Rail/Panel.\n\n  if (isOverlay) {\n    const open = shell.leftMode === 'expanded';\n    // Compute overlay width from child Rail/Panel expanded sizes\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const railEl = childArray.find((el) => isShellComponentType(el, Rail));\n    const panelEl = childArray.find((el) => isShellComponentType(el, Panel));\n    const railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n    const panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n    const hasRail = Boolean(railEl);\n    const hasPanel = Boolean(panelEl);\n    const overlayPx = (hasRail ? railSize : 0) + (shell.panelMode === 'expanded' && hasPanel ? panelSize : 0);\n    return (\n      <Sheet.Root open={open} onOpenChange={(o) => shell.setLeftMode(o ? 'expanded' : 'collapsed')}>\n        <Sheet.Content\n          side=\"start\"\n          style={{ padding: 0 }}\n          aria-label=\"Navigation\"\n          aria-describedby={undefined}\n          width={{\n            initial: `${overlayPx}px`,\n          }}\n        >\n          <VisuallyHidden>\n            <Sheet.Title>Navigation</Sheet.Title>\n          </VisuallyHidden>\n          <div className=\"rt-ShellLeft\">{children}</div>\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n\n  if (isStacked) {\n    const open = shell.leftMode === 'expanded';\n    // Compute floating width from child Rail/Panel expanded sizes (like overlay)\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const railEl = childArray.find((el) => isShellComponentType(el, Rail));\n    const panelEl = childArray.find((el) => isShellComponentType(el, Panel));\n    const _railSize = typeof (railEl as any)?.props?.expandedSize === 'number' ? (railEl as any).props.expandedSize : 64;\n    const _panelSize = typeof (panelEl as any)?.props?.expandedSize === 'number' ? (panelEl as any).props.expandedSize : 288;\n    const _hasRail = Boolean(railEl);\n    const _hasPanel = Boolean(panelEl);\n    const _includePanel = _hasPanel && (shell.panelMode === 'expanded' || shell.peekTarget === 'panel');\n\n    // Strip control props from DOM spread\n    return (\n      <div\n        {...domProps}\n        ref={setRef}\n        className={classNames('rt-ShellLeft', className)}\n        data-mode={shell.leftMode}\n        data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n        data-presentation={resolvedPresentation}\n        data-inset={inset || undefined}\n        style={{\n          ...style,\n        }}\n        data-open={open || undefined}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  // Strip control/legacy props from DOM spread\n  return (\n    <div\n      {...domProps}\n      ref={setRef}\n      className={classNames('rt-ShellLeft', className)}\n      data-mode={shell.leftMode}\n      data-peek={shell.peekTarget === 'left' || shell.peekTarget === 'rail' || shell.peekTarget === 'panel' || undefined}\n      data-presentation={resolvedPresentation}\n      data-inset={inset || undefined}\n      style={{\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n});\nLeft.displayName = 'Shell.Left';\nassignShellSlot(Left as any, 'Shell.Left');\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>((initialProps, ref) => {\n  const { className, presentation, expandedSize = 64, collapsible, onExpand, onCollapse, children, style, open, defaultOpen, onOpenChange, inset: _inset, ...domProps } = initialProps;\n  const shell = useShell();\n\n  // Dev guards\n  const wasControlledRef = React.useRef<boolean | null>(null);\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n      console.error('Shell.Rail: Do not pass both `open` and `defaultOpen`. Choose one.');\n    }\n  }\n\n  // Warn on controlled/uncontrolled mode switch\n  React.useEffect(() => {\n    const isControlled = typeof open !== 'undefined';\n    if (wasControlledRef.current === null) {\n      wasControlledRef.current = isControlled;\n      return;\n    }\n    if (wasControlledRef.current !== isControlled) {\n      console.warn('Shell.Rail: Switching between controlled and uncontrolled `open` is not supported.');\n      wasControlledRef.current = isControlled;\n    }\n  }, [open]);\n\n  // Register expanded size with Left container\n  React.useEffect(() => {\n    shell.onRailDefaults?.(expandedSize);\n  }, [shell, expandedSize]);\n\n  const isExpanded = shell.leftMode === 'expanded';\n\n  // Strip unknown open/defaultOpen props from DOM by not spreading them\n  return (\n    <div\n      {...domProps}\n      ref={ref}\n      className={classNames('rt-ShellRail', className)}\n      data-mode={shell.leftMode}\n      data-peek={(shell.currentBreakpointReady && shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail') || undefined}\n      style={{\n        ...style,\n        '--rail-size': `${expandedSize}px`,\n      } as CSSPropertiesWithVars}\n    >\n      <div className=\"rt-ShellRailContent\" data-visible={(shell.currentBreakpointReady && (isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'rail'))) || undefined}>\n        {children}\n      </div>\n    </div>\n  );\n});\nRail.displayName = 'Shell.Rail';\nassignShellSlot(Rail as any, 'Shell.Rail');\n\n// Panel\ntype HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;\n\ntype PanelOpenChangeMeta = { reason: 'toggle' | 'left' | 'init' | 'responsive' };\ntype PanelControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; defaultOpen?: never };\ntype PanelUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; open?: never };\n\ntype PanelSizeControlledProps = { size: number | string; defaultSize?: never };\ntype PanelSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\n\ntype PanelSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype PanelPublicProps = Omit<PaneProps, 'presentation' | 'defaultMode'> &\n  (PanelControlledProps | PanelUncontrolledProps) &\n  (PanelSizeControlledProps | PanelSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: PanelSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n    /** When true, adds margin to Rail+Panel and triggers gray backdrop on Shell. */\n    inset?: boolean;\n  };\ntype PanelComponent = React.ForwardRefExoticComponent<PanelPublicProps & React.RefAttributes<HTMLDivElement>> & {\n  Handle: HandleComponent;\n};\n\ntype _SidebarComponent = React.ForwardRefExoticComponent<\n  (Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    state?: Responsive<SidebarMode>;\n    defaultState?: SidebarMode;\n    onStateChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  }) &\n    React.RefAttributes<HTMLDivElement>\n> & { Handle: HandleComponent };\n\ntype _InspectorComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\ntype _BottomComponent = React.ForwardRefExoticComponent<PaneProps & React.RefAttributes<HTMLDivElement>> & { Handle: HandleComponent };\n\nconst PANEL_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n] as const satisfies readonly (keyof PanelPublicProps)[];\n\nconst Panel = assignShellSlot(\n  React.forwardRef<HTMLDivElement, PanelPublicProps>((initialProps, ref) => {\n    const {\n      className,\n      defaultOpen,\n      open,\n      onOpenChange,\n      size,\n      defaultSize,\n      expandedSize = 288,\n      minSize,\n      maxSize,\n      resizable,\n      collapsible = true,\n      onExpand: _onExpand,\n      onCollapse: _onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      onSizeChange,\n      sizeUpdate,\n      sizeUpdateMs = 50,\n    } = initialProps;\n    const panelDomProps = extractPaneDomProps(initialProps, PANEL_DOM_PROP_KEYS);\n    // Ref for debounce cleanup\n    const debounceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n    // Cleanup debounce timeout on unmount or when dependencies change\n    React.useLayoutEffect(() => {\n      return () => {\n        if (debounceTimeoutRef.current) {\n          clearTimeout(debounceTimeoutRef.current);\n          debounceTimeoutRef.current = null;\n        }\n      };\n    }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      if (!onSizeChange) return () => {};\n      if (sizeUpdate === 'debounce') {\n        const fn = (s: number, meta: PanelSizeChangeMeta) => {\n          if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);\n          debounceTimeoutRef.current = setTimeout(() => {\n            onSizeChange?.(s, meta);\n            debounceTimeoutRef.current = null;\n          }, sizeUpdateMs);\n        };\n        return fn;\n      }\n      if (sizeUpdate === 'throttle') {\n        let last = 0;\n        return (s: number, meta: PanelSizeChangeMeta) => {\n          const now = Date.now();\n          if (now - last >= sizeUpdateMs) {\n            last = now;\n            onSizeChange?.(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: PanelSizeChangeMeta) => onSizeChange?.(s, meta);\n    }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n    const shell = useShell();\n    const prevPanelModeRef = React.useRef<PaneMode | null>(null);\n    const prevLeftModeRef = React.useRef<PaneMode | null>(null);\n    const lastResolvedPanelControlledRef = React.useRef<PaneMode | undefined>(undefined);\n    // Dev-only runtime guard\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n        console.error('Shell.Panel: Do not pass both `open` and `defaultOpen`. Choose one.');\n      }\n      if (typeof size !== 'undefined' && typeof defaultSize !== 'undefined') {\n        console.error('Shell.Panel: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\n    // Normalize responsive open/defaultOpen to PaneMode\n    const normalizedControlledOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(open), [open]);\n    const normalizedDefaultOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(defaultOpen), [defaultOpen]);\n    const openIsResponsive = typeof open === 'object' && open !== null;\n\n    // Stable ref for onOpenChange to avoid effect dep churn\n    const onOpenChangeRef = React.useRef(onOpenChange);\n    React.useLayoutEffect(() => {\n      onOpenChangeRef.current = onOpenChange;\n    });\n\n    // Use responsive initial state hook for proper breakpoint handling\n    const { resolvedControlled: resolvedPanelControlled } = useResponsiveInitialState<PaneMode>({\n      controlledValue: normalizedControlledOpen,\n      defaultValue: normalizedDefaultOpen,\n      currentValue: shell.panelMode,\n      setValue: (mode) => {\n        // Ensure Left is expanded when Panel is expanded unless Rail is controlled closed\n        if (mode === 'expanded' && shell.leftMode !== 'expanded' && shell.leftControlledOpen !== false) {\n          shell.setLeftMode('expanded');\n        }\n        shell.setPanelMode(mode);\n      },\n      breakpointReady: shell.currentBreakpointReady,\n      controlledIsResponsive: openIsResponsive,\n      onResponsiveChange: (next) => onOpenChangeRef.current?.(next === 'expanded', { reason: 'responsive' }),\n      onInit: (initial) => {\n        if (typeof open === 'undefined') {\n          onOpenChangeRef.current?.(initial === 'expanded', { reason: 'init' });\n        }\n      },\n    });\n\n    // Dev-only warning if switching controlled/uncontrolled between renders\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    React.useEffect(() => {\n      const isControlled = typeof open !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        console.warn('Shell.Panel: Switching between controlled and uncontrolled `open` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [open]);\n\n    React.useEffect(() => {\n      shell.onPanelDefaults?.(expandedSize);\n    }, [shell, expandedSize]);\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === PanelHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === PanelHandle));\n\n    const isOverlay = shell.leftResolvedPresentation === 'overlay';\n\n    // Normalize CSS lengths to px helper\n    const normalizeSizeToPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, 'horizontal'), []);\n\n    // Derive a default persistence adapter from paneId if none provided\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:panel:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          try {\n            const v = window.localStorage.getItem(key);\n            return v ? Number(v) : undefined;\n          } catch (err) {\n            if (process.env.NODE_ENV !== 'production') {\n              console.warn('Shell.Panel: failed to load persisted size', err);\n            }\n            return undefined;\n          }\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          try {\n            window.localStorage.setItem(key, String(size));\n          } catch (err) {\n            if (process.env.NODE_ENV !== 'production') {\n              console.warn('Shell.Panel: failed to save persisted size', err);\n            }\n          }\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    // Load persisted size if configured (only in fixed presentation)\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--panel-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // In overlay, ensure panel uses the fixed expandedSize, ignoring any persisted size\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (isOverlay) {\n        localRef.current.style.setProperty('--panel-size', `${expandedSize}px`);\n      }\n    }, [isOverlay, expandedSize]);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n        const px = normalizeSizeToPx(defaultSize);\n        if (typeof px === 'number' && Number.isFinite(px)) {\n          // Clamp to min/max if provided\n          const minPx = typeof minSize === 'number' ? minSize : undefined;\n          const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n          const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n          localRef.current.style.setProperty('--panel-size', `${clamped}px`);\n          emitSizeChange(clamped, { reason: 'init' });\n        }\n      }\n      // Intentionally run only on mount - defaultSize is an uncontrolled initial value\n      // that should not trigger re-application when props change\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Controlled size sync\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (typeof size === 'undefined') return;\n      const px = normalizeSizeToPx(size);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--panel-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [size, minSize, maxSize, normalizeSizeToPx, emitSizeChange]);\n\n    // Ensure Left container width is auto whenever Panel is expanded in fixed presentation\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      if (shell.leftResolvedPresentation !== 'overlay' && shell.leftMode === 'expanded' && shell.panelMode === 'expanded') {\n        const leftEl = (localRef.current.parentElement as HTMLElement) || null;\n        try {\n          leftEl?.style.removeProperty('width');\n        } catch (e) {\n          // Style manipulation can fail in edge cases (e.g., detached elements)\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('[Shell.Panel] Style cleanup warning:', e);\n          }\n        }\n      }\n    }, [shell.leftResolvedPresentation, shell.leftMode, shell.panelMode]);\n\n    const isExpanded = shell.leftMode === 'expanded' && shell.panelMode === 'expanded';\n\n    // Notify on internal toggles and left cascade.\n    // In controlled mode, skip when the mode matches the controlled prop (prop-driven sync).\n    React.useEffect(() => {\n      const prevPanel = prevPanelModeRef.current;\n      const prevLeft = prevLeftModeRef.current;\n      const prevResolvedControlled = lastResolvedPanelControlledRef.current;\n      const controlledChanged = prevResolvedControlled !== resolvedPanelControlled;\n      if (prevPanel !== null && prevPanel !== shell.panelMode) {\n        const nextOpen = shell.panelMode === 'expanded';\n        const isControlled = typeof open !== 'undefined';\n        const controlledTarget = resolvedPanelControlled === undefined ? undefined : resolvedPanelControlled === 'expanded';\n\n        if (!isControlled || (!controlledChanged && nextOpen !== controlledTarget)) {\n          let reason: PanelOpenChangeMeta['reason'] = 'toggle';\n          if (prevLeft !== shell.leftMode && shell.leftMode === 'collapsed' && !nextOpen) {\n            reason = 'left';\n          }\n          onOpenChangeRef.current?.(nextOpen, { reason });\n        }\n      }\n      prevPanelModeRef.current = shell.panelMode;\n      prevLeftModeRef.current = shell.leftMode;\n      lastResolvedPanelControlledRef.current = resolvedPanelControlled;\n    }, [shell.panelMode, shell.leftMode, open, resolvedPanelControlled]);\n\n    // Provide resizer handle when fixed (not overlay)\n    const handleEl =\n      resizable && shell.leftResolvedPresentation !== 'overlay' && isExpanded ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--panel-size',\n            minSize: typeof minSize === 'number' ? minSize : 100,\n            maxSize: typeof maxSize === 'number' ? maxSize : 800,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart: (size) => {\n              // Ensure Left container is not stuck with a fixed width in stacked\n              const panelEl = localRef.current as HTMLElement | null;\n              const leftEl = panelEl?.parentElement as HTMLElement | null;\n              try {\n                leftEl?.style.removeProperty('width');\n              } catch (e) {\n                // Style manipulation can fail in edge cases\n                if (process.env.NODE_ENV !== 'production') {\n                  console.warn('[Shell.Panel] Resize start style cleanup warning:', e);\n                }\n              }\n              onResizeStart?.(size);\n            },\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'panel',\n            collapsible: Boolean(collapsible),\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setPanelMode('collapsed'),\n            requestToggle: () => shell.togglePane('panel'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    return (\n      <div\n        {...panelDomProps}\n        ref={setRef}\n        className={classNames('rt-ShellPanel', className)}\n        data-mode={shell.panelMode}\n        data-visible={(shell.currentBreakpointReady && (isExpanded || (shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel'))) || undefined}\n        data-peek={(shell.currentBreakpointReady && shell.leftResolvedPresentation !== 'overlay' && shell.peekTarget === 'panel') || undefined}\n        style={{\n          ...style,\n          '--panel-size': `${expandedSize}px`,\n        } as CSSPropertiesWithVars}\n      >\n        <div className=\"rt-ShellPanelContent\" data-visible={isExpanded || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  }),\n  'Shell.Panel',\n) as PanelComponent;\nPanel.displayName = 'Shell.Panel';\nPanel.Handle = PanelHandle;\n\n// Sidebar moved to ./_internal/shell-sidebar\n\n// Content (always required)\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {\n  /** When true, adds margin and triggers gray backdrop on Shell. */\n  inset?: boolean;\n}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, inset, ...props }, ref) => {\n  const { registerInset, unregisterInset } = useInset();\n\n  // Register/unregister inset\n  React.useEffect(() => {\n    if (inset) {\n      registerInset('content');\n      return () => unregisterInset('content');\n    }\n  }, [inset, registerInset, unregisterInset]);\n\n  return <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} data-inset={inset || undefined} />;\n});\nContent.displayName = 'Shell.Content';\nassignShellSlot(Content as any, 'Shell.Content');\n\n// Inspector moved to ./_internal/shell-inspector\n\n// Bottom\n// Bottom moved to ./_internal/shell-bottom\n// (Bottom implementation extracted)\n\n// Trigger\n// PaneTarget type moved to shell.types.ts\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  target: PaneTarget;\n  action?: TriggerAction;\n  /**\n   * Whether to show peek preview on hover when the target pane is collapsed.\n   * Defaults to false.\n   */\n  peekOnHover?: boolean;\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n  // Slice hooks \u2014 Trigger only re-renders when its target pane's slice changes,\n  // not on every unrelated shell state update (peek, composition, presentation, etc.)\n  const { leftMode } = useLeftMode();\n  const { panelMode } = usePanelMode();\n  const { sidebarMode } = useSidebarMode();\n  const { inspectorMode } = useInspectorMode();\n  const { bottomMode } = useBottomMode();\n  const { peekTarget, clearPeek, peekPane } = usePeek();\n  const { togglePane, expandPane, collapsePane } = useShellActions();\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      // Clear any active peek on this target before toggling to avoid sticky peek state\n      if (peekTarget === target) {\n        clearPeek();\n      }\n\n      switch (action) {\n        case 'toggle':\n          togglePane(target);\n          break;\n        case 'expand':\n          expandPane(target);\n          break;\n        case 'collapse':\n          collapsePane(target);\n          break;\n      }\n    },\n    [peekTarget, clearPeek, togglePane, expandPane, collapsePane, target, action, onClick],\n  );\n\n  const isCollapsed = (() => {\n    switch (target) {\n      case 'left':\n      case 'rail':\n        return leftMode === 'collapsed';\n      case 'panel':\n        return leftMode === 'collapsed' || panelMode === 'collapsed';\n      case 'sidebar':\n        return sidebarMode === 'collapsed';\n      case 'inspector':\n        return inspectorMode === 'collapsed';\n      case 'bottom':\n        return bottomMode === 'collapsed';\n    }\n  })();\n\n  const handleMouseEnter = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseEnter?.(event);\n      if (!peekOnHover || !isCollapsed) return;\n      peekPane(target);\n    },\n    [onMouseEnter, peekOnHover, isCollapsed, peekPane, target],\n  );\n\n  const handleMouseLeave = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onMouseLeave?.(event);\n      if (!peekOnHover) return;\n      if (peekTarget === target) {\n        clearPeek();\n      }\n    },\n    [onMouseLeave, peekOnHover, peekTarget, clearPeek, target],\n  );\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      data-shell-trigger={target}\n      data-shell-action={action}\n      aria-expanded={!isCollapsed}\n    >\n      {children}\n    </button>\n  );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n  Root,\n  Header,\n  Left,\n  Rail,\n  Panel,\n  Sidebar,\n  Content,\n  Inspector,\n  Bottom,\n  Trigger,\n  useShell,\n  useSidebarMode,\n  useResponsivePresentation,\n  type PaneMode,\n  type SidebarMode,\n  type ResponsivePresentation,\n  type PaneTarget,\n  type TriggerAction,\n};\n"],
+  "mappings": "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",
+  "names": ["shell_exports", "__export", "Bottom", "Content", "Header", "Inspector", "Left", "Panel", "Rail", "Root", "Sidebar", "Trigger", "useResponsivePresentation", "useShell", "useSidebarMode", "React", "classNames", "SHELL_SLOT", "assignShellSlot", "component", "slot", "isShellComponentType", "el", "comp", "Sidebar", "Inspector", "Bottom", "paneReducer", "state", "action", "next", "Root", "className", "children", "height", "props", "ref", "currentBreakpoint", "currentBreakpointReady", "useBreakpoint", "hasPanelDefaultOpenRef", "paneState", "dispatchPane", "initialChildren", "childArray", "hasPanelDefaultOpen", "railEl", "railDefaultOpen", "hasRailDefaultOpen", "hasInspectorDefaultOpen", "hasInspectorOpenControlled", "hasPanelOpenControlled", "openProp", "getSidebarInitialState", "sidebarEl", "sidebarProps", "getBottomInitialState", "bottomEl", "bottomProps", "setLeftMode", "mode", "setPanelMode", "setSidebarMode", "setInspectorMode", "setBottomMode", "hasLeft", "setHasLeft", "hasSidebar", "setHasSidebar", "sidebarToggleComputerRef", "current", "setSidebarToggleComputer", "fn", "devLeftPres", "setDevLeftPres", "onLeftPres", "p", "railDefaultSizeRef", "panelDefaultSizeRef", "onRailDefaults", "size", "onPanelDefaults", "hasLeftChildren", "Rail", "Panel", "hasSidebarChildren", "sidebarModeRef", "togglePane", "target", "expandPane", "collapsePane", "baseContextValue", "headerEls", "railEls", "panelEls", "sidebarEls", "contentEls", "inspectorEls", "bottomEls", "result", "Header", "Content", "firstRailOpen", "resolvedFirstRailOpen", "responsive", "fallbackOrder", "startIdx", "i", "bp", "firstPanelOpen", "resolvedFirstPanelOpen", "controlSeqRef", "lastRailChangeRef", "lastPanelChangeRef", "lastRailOpenRef", "lastPanelOpenRef", "railOnOpenChange", "panelOnOpenChange", "lastConflictRef", "panelWins", "lastConflict", "leftControlledOpen", "heightStyle", "peekTarget", "setPeekTarget", "peekPane", "clearPeek", "presentationCtxValue", "leftModeCtxValue", "panelModeCtxValue", "sidebarModeCtxValue", "inspectorModeCtxValue", "bottomModeCtxValue", "compositionCtxValue", "insetPanes", "setInsetPanes", "registerInset", "id", "prev", "unregisterInset", "hasAnyInset", "insetCtxValue", "peekCtxValue", "actionsCtxValue", "shellContextValue", "leftContent", "firstRail", "firstPanel", "leftInset", "passthroughProps", "Left", "classNames", "ShellProvider", "PresentationContext", "LeftModeContext", "PanelModeContext", "SidebarModeContext", "InspectorModeContext", "BottomModeContext", "CompositionContext", "PeekContext", "ActionsContext", "InsetContext", "style", "LEFT_DOM_OMIT_PROPS", "initialProps", "presentation", "_collapsible", "onExpand", "onCollapse", "inset", "restProps", "useInset", "propsOpen", "propsDefaultOpen", "propsOnOpenChange", "domProps", "omitPaneProps", "shell", "useShell", "resolvedPresentation", "useResponsivePresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "lastLeftModeRef", "lastResolvedLeftControlledRef", "normalizedLeftControlled", "normalizedLeftDefault", "mapResponsiveBooleanToPaneMode", "propsOnOpenChangeRef", "propsOpenRef", "resolvedLeftControlled", "useResponsiveInitialState", "initial", "prevPanelModeRef", "prevLeftMode", "prevPanelMode", "controlledChanged", "isControlled", "controlledTarget", "nextOpen", "reason", "onExpandRef", "onCollapseRef", "prevLeftModeForCallbackRef", "hasLeftInitializedRef", "currentMode", "prevMode", "_isExpanded", "open", "panelEl", "railSize", "panelSize", "hasRail", "hasPanel", "overlayPx", "o", "VisuallyHidden", "Title", "_railSize", "_panelSize", "_hasRail", "_includePanel", "expandedSize", "collapsible", "defaultOpen", "onOpenChange", "_inset", "wasControlledRef", "isExpanded", "PANEL_DOM_PROP_KEYS", "defaultSize", "minSize", "maxSize", "resizable", "_onExpand", "_onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "panelDomProps", "extractPaneDomProps", "debounceTimeoutRef", "emitSizeChange", "s", "meta", "last", "now", "prevLeftModeRef", "lastResolvedPanelControlledRef", "normalizedControlledOpen", "normalizedDefaultOpen", "openIsResponsive", "onOpenChangeRef", "resolvedPanelControlled", "handleChildren", "PanelHandle", "contentChildren", "normalizeSizeToPx", "value", "normalizeToPx", "persistenceAdapter", "key", "v", "mounted", "loaded", "px", "clamped", "leftEl", "prevPanel", "prevLeft", "handleEl", "PaneResizeContext", "client", "startClient", "startSize", "isRtl", "delta", "PaneHandle", "Trigger", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "leftMode", "useLeftMode", "panelMode", "usePanelMode", "sidebarMode", "useSidebarMode", "inspectorMode", "useInspectorMode", "bottomMode", "useBottomMode", "usePeek", "useShellActions", "handleClick", "event", "isCollapsed", "handleMouseEnter", "handleMouseLeave"]
+}

package/dist/esm/chunk-RQ2ZPMHJ.js

@@ -0,0 +1,2 @@
+import{a as s}from"./chunk-VK7RNXUO.js";import{a as n}from"./chunk-7CBAHIVG.js";import*as e from"react";import{Toggle as f}from"radix-ui";var m=e.forwardRef(({pressed:o,onPressedChange:r,defaultPressed:a,children:t,...g},p)=>{let l=e.useCallback(()=>typeof t=="string"?t:e.isValidElement(t)&&typeof t.props?.children=="string"?t.props.children:"Toggle button",[t]),{handlePressedChange:u}=s({pressed:o,onPressedChange:r,getAccessibleName:l,componentName:"ToggleButton"});return e.createElement(f.Root,{pressed:o,onPressedChange:u,defaultPressed:a,asChild:!0},e.createElement(n,{...g,ref:p},t))});m.displayName="ToggleButton";export{m as a};
+//# sourceMappingURL=chunk-RQ2ZPMHJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toggle-button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { Button } from './button.js';\nimport { useToggleState } from '../hooks/use-toggle-state.js';\n\n/**\n * ToggleButton props that extend Button with toggle-specific functionality\n *\n * The ToggleButton component provides a button that can be pressed/unpressed\n * with proper accessibility announcements and state management.\n */\ninterface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof Button> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Callback when pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: boolean;\n}\n\ntype ToggleButtonElement = React.ElementRef<typeof Button>;\n\n/**\n * ToggleButton component for buttons that can be pressed/unpressed\n *\n * The ToggleButton component extends Button with toggle functionality using\n * Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing Button component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Automatic state validation and warnings\n * - Seamless integration with Button props and styling\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle button\n * <ToggleButton defaultPressed={false}>\n *   Toggle Me\n * </ToggleButton>\n *\n * // Controlled toggle button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n * >\n *   {pressed ? 'On' : 'Off'}\n * </ToggleButton>\n *\n * // Toggle button with all Button props\n * <ToggleButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n * >\n *   {isActive ? 'Active' : 'Inactive'}\n * </ToggleButton>\n * ```\n */\nconst ToggleButton = React.forwardRef<ToggleButtonElement, ToggleButtonProps>(({ pressed, onPressedChange, defaultPressed, children, ...buttonProps }, forwardedRef) => {\n  /**\n   * Extract accessible name from button content for announcements.\n   * This ensures screen readers announce meaningful state changes.\n   */\n  const getAccessibleName = React.useCallback(() => {\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n    return 'Toggle button';\n  }, [children]);\n\n  // Use shared toggle state hook for accessibility announcements and warnings\n  const { handlePressedChange } = useToggleState({\n    pressed,\n    onPressedChange,\n    getAccessibleName,\n    componentName: 'ToggleButton',\n  });\n\n  // Render the toggle button using Radix UI's Toggle primitive\n  // This provides proper ARIA attributes and keyboard navigation\n  return (\n    <Toggle.Root pressed={pressed} onPressedChange={handlePressedChange} defaultPressed={defaultPressed} asChild>\n      <Button {...buttonProps} ref={forwardedRef}>\n        {children}\n      </Button>\n    </Toggle.Root>\n  );\n});\nToggleButton.displayName = 'ToggleButton';\n\nexport { ToggleButton };\nexport type { ToggleButtonProps };\n"],
+  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WAgEvB,IAAMC,EAAqB,aAAmD,CAAC,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,SAAAC,EAAU,GAAGC,CAAY,EAAGC,IAAiB,CAKtK,IAAMC,EAA0B,cAAY,IACtC,OAAOH,GAAa,SAAiBA,EAC/B,iBAAeA,CAAQ,GAAK,OAAQA,EAAS,OAAe,UAAa,SACzEA,EAAS,MAAc,SAE1B,gBACN,CAACA,CAAQ,CAAC,EAGP,CAAE,oBAAAI,CAAoB,EAAIC,EAAe,CAC7C,QAAAR,EACA,gBAAAC,EACA,kBAAAK,EACA,cAAe,cACjB,CAAC,EAID,OACE,gBAACG,EAAO,KAAP,CAAY,QAAST,EAAS,gBAAiBO,EAAqB,eAAgBL,EAAgB,QAAO,IAC1G,gBAACQ,EAAA,CAAQ,GAAGN,EAAa,IAAKC,GAC3BF,CACH,CACF,CAEJ,CAAC,EACDJ,EAAa,YAAc",
+  "names": ["React", "Toggle", "ToggleButton", "pressed", "onPressedChange", "defaultPressed", "children", "buttonProps", "forwardedRef", "getAccessibleName", "handlePressedChange", "useToggleState", "Toggle", "Button"]
+}

package/dist/esm/chunk-RZCX6IBE.js

@@ -0,0 +1,2 @@
+var n=new Set(["initial","xs","sm","md","lg","xl"]);function i(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(n.has(t))return!0;return!1}export{i as a};
+//# sourceMappingURL=chunk-RZCX6IBE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/is-responsive-object.ts"],
+  "sourcesContent": ["import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n"],
+  "mappings": "AAGA,IAAMA,EAAgB,IAAI,IAAY,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAExE,SAASC,EACdC,EACmC,CACnC,GAAI,OAAOA,GAAQ,UAAYA,IAAQ,KACrC,MAAO,GAGT,QAAWC,KAAOD,EAChB,GAAIF,EAAc,IAAIG,CAAG,EACvB,MAAO,GAGX,MAAO,EACT",
+  "names": ["breakpointSet", "isResponsiveObject", "obj", "key"]
+}

package/dist/esm/chunk-SESAEJ6W.js

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

package/dist/esm/chunk-SESAEJ6W.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'] as const;\nconst variants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\nconst resizeValues = ['none', 'vertical', 'horizontal', 'both'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] 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: 'surface' },\n  resize: { type: 'enum', className: 'rt-r-resize', values: resizeValues,  responsive: true },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n  // Error and validation props\n  error: { type: 'boolean', default: false },\n  errorMessage: { type: 'string', default: undefined },\n  isInvalid: { type: 'boolean', default: false },\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  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  error: PropDef<boolean>;\n  errorMessage: PropDef<string | undefined>;\n  isInvalid: PropDef<boolean>;\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,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAC5DC,EAAe,CAAC,OAAQ,WAAY,aAAc,MAAM,EACxDC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAGnCC,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,OAAQ,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAe,WAAY,EAAK,EAC1F,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAEhE,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,aAAc,CAAE,KAAM,SAAU,QAAS,MAAU,EACnD,UAAW,CAAE,KAAM,UAAW,QAAS,EAAM,EAC7C,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", "panelBackgrounds", "materials", "textAreaPropDefs", "colorPropDef", "radiusPropDef"]
+}

package/dist/esm/chunk-SGU4HUHF.js

@@ -0,0 +1,5 @@
+import{a as U,b as _}from"./chunk-YVBCDTTD.js";import{a as G}from"./chunk-GSTOGDAJ.js";import{a as q}from"./chunk-KMPBTEZH.js";import{a as se}from"./chunk-3XT5P2HO.js";var ie={};se(ie,{Root:()=>Q,Slot:()=>$});import*as e from"react";import*as z from"react-dom";import Z from"classnames";import{composeRefs as J}from"radix-ui/internal";var Q=e.forwardRef((P,x)=>{let o=e.useRef(null),{children:h,className:E,color:w,radius:L,panelBackground:C,material:k,style:I,...s}=q(P,U,G),D=k||C,y=e.useId(),v=s.error||s.isInvalid,{"aria-describedby":g,"aria-labelledby":S}=s,f=e.useMemo(()=>{let i=[];return s.errorMessage&&i.push(y),g&&i.push(g),i.length>0?i.join(" "):void 0},[s.errorMessage,g,y]),n=e.useMemo(()=>({"aria-invalid":v,"aria-describedby":f,"aria-labelledby":S}),[v,f,S]),{error:N,errorMessage:V,isInvalid:j,required:m,"aria-describedby":p,"aria-labelledby":a,...b}=s,M=e.useCallback(i=>{let X=i.target;if(X.closest("input, button, a"))return;let d=o.current;if(!d)return;let A=X.closest(`
+        .rt-TextFieldSlot[data-side='right'],
+        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
+      `)?d.value.length:0;requestAnimationFrame(()=>{try{d.setSelectionRange(A,A)}catch{}d.focus()})},[]);return e.createElement("div",{"data-accent-color":w,"data-radius":L,"data-panel-background":D,"data-material":D,style:I,className:Z("rt-TextFieldRoot",E,{"rt-error":v}),onPointerDown:M},e.createElement("input",{spellCheck:"false",...b,...n,ref:J(o,x),className:"rt-reset rt-TextFieldInput"}),h,s.errorMessage&&e.createElement("div",{id:y,className:"rt-TextFieldErrorMessage",role:"alert","aria-live":"polite"},s.errorMessage))});Q.displayName="TextField.Root";var R=(()=>{if(typeof navigator>"u")return!1;let P=navigator.userAgent,x=/^((?!chrome|android).)*safari/i.test(P),o=/firefox/i.test(P);return x||o})(),$=e.forwardRef((P,x)=>{let{scrub:o,scrubValue:h,scrubStep:E=1,scrubSensitivity:w=1,scrubMin:L,scrubMax:C,scrubShiftMultiplier:k=10,scrubAltMultiplier:I=.1,onScrub:s,...D}=P,{className:y,color:v,side:g,...S}=q(D,_),f=e.useRef(null),[n,N]=e.useState(!1),[V,j]=e.useState({x:0,y:0}),m=e.useRef(0),p=e.useRef(0),a=e.useRef(0),b=e.useRef(null),M=e.useRef(0),i=e.useRef({scrubValue:h,scrubStep:E,scrubSensitivity:w,scrubMin:L,scrubMax:C,scrubShiftMultiplier:k,scrubAltMultiplier:I,onScrub:s});i.current={scrubValue:h,scrubStep:E,scrubSensitivity:w,scrubMin:L,scrubMax:C,scrubShiftMultiplier:k,scrubAltMultiplier:I,onScrub:s};let X=e.useCallback(t=>{if(!o||t.target.closest("input, button, a"))return;t.preventDefault(),m.current=0,p.current=h??0,a.current=t.clientX,j({x:t.clientX,y:t.clientY});let c=f.current;c&&(R?(b.current=t.pointerId,M.current=t.clientX,c.setPointerCapture(t.pointerId),N(!0)):c.requestPointerLock())},[o,h]);e.useEffect(()=>{if(R)return;let t=()=>{let r=document.pointerLockElement===f.current;N(r),r||(i.current.onScrub?.(0,!1),m.current=0,p.current=0)};return document.addEventListener("pointerlockchange",t),()=>{document.removeEventListener("pointerlockchange",t)}},[]);let d=e.useCallback((t,r,c,oe)=>{let l=i.current,H=window.innerWidth,O=window.innerHeight;a.current+=t,a.current>H?a.current=a.current%H:a.current<0&&(a.current=H+a.current%H),j(F=>{let u=F.y+r;return u>O?u=u%O:u<0&&(u=O+u%O),{x:a.current,y:u}}),m.current+=t;let W=m.current/l.scrubSensitivity;if(Math.abs(W)>=1){let F=1;c?F=l.scrubShiftMultiplier:oe&&(F=l.scrubAltMultiplier);let u=Math.trunc(W),K=u*l.scrubStep*F,Y=K;if(l.scrubMin!==void 0||l.scrubMax!==void 0){let ne=p.current+K,B=Math.max(l.scrubMin??-1/0,Math.min(l.scrubMax??1/0,ne));Y=B-p.current,p.current=B}else p.current+=K;Y!==0&&l.onScrub?.(Y,!0),m.current=(W-u)*l.scrubSensitivity}},[]),T=e.useCallback(()=>{i.current.onScrub?.(0,!1),m.current=0,p.current=0,b.current=null,N(!1)},[]),A=e.useCallback(t=>{if(!n||!R)return;let r=t.clientX-M.current;M.current=t.clientX,d(r,t.movementY,t.shiftKey,t.altKey)},[n,d]),ee=e.useCallback(t=>{if(!R||b.current!==t.pointerId)return;let r=f.current;r&&b.current!==null&&r.releasePointerCapture(b.current),T()},[T]),te=e.useCallback(()=>{R&&n&&T()},[n,T]);e.useEffect(()=>{if(!n||R)return;let t=c=>{d(c.movementX,c.movementY,c.shiftKey,c.altKey)},r=()=>{document.exitPointerLock()};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",r),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",r),document.body.style.userSelect=""}},[n,d]),e.useEffect(()=>{if(!n||!R)return;let t=document.createElement("style");return t.textContent="* { cursor: none !important; user-select: none !important; }",document.head.appendChild(t),()=>{document.head.removeChild(t)}},[n]);let re=n?z.createPortal(e.createElement("img",{className:"rt-TextFieldSlotScrubCursor",src:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E",alt:"",style:{position:"fixed",left:V.x,top:V.y,transform:"translate(-50%, -50%)",pointerEvents:"none",zIndex:99999,width:24,height:24},"aria-hidden":"true"}),document.body):null;return e.createElement("div",{"data-accent-color":v,"data-side":g,"data-scrub":o||void 0,"data-scrubbing":n||void 0,...S,ref:J(f,x),className:Z("rt-TextFieldSlot",y),onPointerDown:o?X:void 0,onPointerMove:o?A:void 0,onPointerUp:o?ee:void 0,onLostPointerCapture:o?te:void 0},S.children,re)});$.displayName="TextField.Slot";export{Q as a,$ as b,ie as c};
+//# sourceMappingURL=chunk-SGU4HUHF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-field.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs, type TextFieldSlotScrubProps } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?: 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<'input', NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((props, forwardedRef) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const { children, className, color, radius, panelBackground, material, style, ...inputProps } = extractProps(props, textFieldRootPropDefs, marginPropDefs);\n  const effectiveMaterial = material || panelBackground;\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  // Determine invalid state\n  const isInvalid = inputProps.error || inputProps.isInvalid;\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = inputProps;\n\n  // Build aria-describedby string\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (inputProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [inputProps.errorMessage, ariaDescribedby, errorId]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const { error, errorMessage, isInvalid: _isInvalid, required, 'aria-describedby': _ariaDescribedby, 'aria-labelledby': _ariaLabelledby, ...nativeInputProps } = inputProps;\n\n  // Memoized pointer event handler\n  const handlePointerDown = React.useCallback((event: React.PointerEvent) => {\n    const target = event.target as HTMLElement;\n    if (target.closest('input, button, a')) return;\n\n    const input = inputRef.current;\n    if (!input) return;\n\n    // Same selector as in the CSS to find the right slot\n    const isRightSlot = target.closest(`\n        .rt-TextFieldSlot[data-side='right'],\n        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n      `);\n\n    const cursorPosition = isRightSlot ? input.value.length : 0;\n\n    requestAnimationFrame(() => {\n      // Only some input types support this, browsers will throw an error if not supported\n      // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n      try {\n        input.setSelectionRange(cursorPosition, cursorPosition);\n      } catch {}\n      input.focus();\n    });\n  }, []);\n\n  return (\n    <div\n      data-accent-color={color}\n      data-radius={radius}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      style={style}\n      className={classNames('rt-TextFieldRoot', className, {\n        'rt-error': isInvalid,\n      })}\n      onPointerDown={handlePointerDown}\n    >\n      <input spellCheck=\"false\" {...nativeInputProps} {...ariaProps} ref={composeRefs(inputRef, forwardedRef)} className=\"rt-reset rt-TextFieldInput\" />\n      {children}\n      {inputProps.errorMessage && (\n        <div id={errorId} className=\"rt-TextFieldErrorMessage\" role=\"alert\" aria-live=\"polite\">\n          {inputProps.errorMessage}\n        </div>\n      )}\n    </div>\n  );\n});\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs> & TextFieldSlotScrubProps;\ninterface TextFieldSlotProps extends ComponentPropsWithout<'div', RemovedProps>, TextFieldSlotOwnProps {}\n\n// Detect if we should use pointer capture instead of pointer lock\n// Safari and Firefox show intrusive browser warnings with pointer lock\nconst usePointerCapture = (() => {\n  if (typeof navigator === 'undefined') return false;\n  const ua = navigator.userAgent;\n  const isSafari = /^((?!chrome|android).)*safari/i.test(ua);\n  const isFirefox = /firefox/i.test(ua);\n  return isSafari || isFirefox;\n})();\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>((props, forwardedRef) => {\n  // Extract scrub props first (not part of PropDef system)\n  const { scrub, scrubValue, scrubStep = 1, scrubSensitivity = 1, scrubMin, scrubMax, scrubShiftMultiplier = 10, scrubAltMultiplier = 0.1, onScrub, ...restProps } = props;\n\n  // Then extract styling props\n  const { className, color, side, ...slotProps } = extractProps(restProps, textFieldSlotPropDefs);\n\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const [isScrubbing, setIsScrubbing] = React.useState(false);\n  // Virtual cursor position - X wraps around viewport, Y follows mouse\n  const [cursorPosition, setCursorPosition] = React.useState({ x: 0, y: 0 });\n\n  // Track accumulated sub-step movement for precision\n  const accumulatedMovement = React.useRef(0);\n  // Track current value for clamping (initialized to scrubValue when scrubbing starts)\n  const currentValue = React.useRef(0);\n  // Track virtual X position for wrap-around (separate from rendered position)\n  const virtualX = React.useRef(0);\n  // Track pointer ID for capture mode\n  const pointerIdRef = React.useRef<number | null>(null);\n  // Track last X position for capture mode (movementX calculation)\n  const lastXRef = React.useRef(0);\n\n  // Store scrub config in refs so document handlers can access latest values\n  const scrubConfigRef = React.useRef({\n    scrubValue,\n    scrubStep,\n    scrubSensitivity,\n    scrubMin,\n    scrubMax,\n    scrubShiftMultiplier,\n    scrubAltMultiplier,\n    onScrub,\n  });\n  scrubConfigRef.current = {\n    scrubValue,\n    scrubStep,\n    scrubSensitivity,\n    scrubMin,\n    scrubMax,\n    scrubShiftMultiplier,\n    scrubAltMultiplier,\n    onScrub,\n  };\n\n  const handlePointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!scrub) return;\n\n      // Don't start scrubbing if clicking on interactive elements\n      const target = event.target as HTMLElement;\n      if (target.closest('input, button, a')) return;\n\n      event.preventDefault();\n      accumulatedMovement.current = 0;\n      // Initialize to current value so min/max clamping works correctly\n      currentValue.current = scrubValue ?? 0;\n\n      // Initialize virtual cursor at actual mouse position\n      virtualX.current = event.clientX;\n      setCursorPosition({ x: event.clientX, y: event.clientY });\n\n      const slot = slotRef.current;\n      if (!slot) return;\n\n      if (usePointerCapture) {\n        // Safari/Firefox: Use pointer capture (no browser warning)\n        pointerIdRef.current = event.pointerId;\n        lastXRef.current = event.clientX;\n        slot.setPointerCapture(event.pointerId);\n        setIsScrubbing(true);\n      } else {\n        // Chrome: Use pointer lock for infinite movement\n        slot.requestPointerLock();\n      }\n    },\n    [scrub, scrubValue],\n  );\n\n  // Handle pointer lock state changes (Chrome only)\n  React.useEffect(() => {\n    if (usePointerCapture) return;\n\n    const handlePointerLockChange = () => {\n      const isLocked = document.pointerLockElement === slotRef.current;\n      setIsScrubbing(isLocked);\n      if (!isLocked) {\n        // Fire callback with isChanging = false when scrubbing ends\n        scrubConfigRef.current.onScrub?.(0, false);\n        accumulatedMovement.current = 0;\n        currentValue.current = 0;\n      }\n    };\n\n    document.addEventListener('pointerlockchange', handlePointerLockChange);\n    return () => {\n      document.removeEventListener('pointerlockchange', handlePointerLockChange);\n    };\n  }, []);\n\n  // Shared scrub calculation logic\n  const processScrubMovement = React.useCallback((movementX: number, movementY: number, shiftKey: boolean, altKey: boolean) => {\n    const config = scrubConfigRef.current;\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Update virtual position with wrap-around at viewport edges\n    virtualX.current += movementX;\n    if (virtualX.current > viewportWidth) {\n      virtualX.current = virtualX.current % viewportWidth;\n    } else if (virtualX.current < 0) {\n      virtualX.current = viewportWidth + (virtualX.current % viewportWidth);\n    }\n\n    // Also track Y with wrap-around\n    setCursorPosition((prev) => {\n      let newY = prev.y + movementY;\n      if (newY > viewportHeight) {\n        newY = newY % viewportHeight;\n      } else if (newY < 0) {\n        newY = viewportHeight + (newY % viewportHeight);\n      }\n      return { x: virtualX.current, y: newY };\n    });\n\n    // Accumulate movement for sensitivity calculation\n    accumulatedMovement.current += movementX;\n\n    // Calculate how many steps we've moved\n    const stepsFromMovement = accumulatedMovement.current / config.scrubSensitivity;\n\n    if (Math.abs(stepsFromMovement) >= 1) {\n      // Determine modifier multiplier\n      let multiplier = 1;\n      if (shiftKey) {\n        multiplier = config.scrubShiftMultiplier;\n      } else if (altKey) {\n        multiplier = config.scrubAltMultiplier;\n      }\n\n      // Calculate delta\n      const wholeSteps = Math.trunc(stepsFromMovement);\n      const delta = wholeSteps * config.scrubStep * multiplier;\n\n      // Apply min/max clamping if bounds are set\n      let clampedDelta = delta;\n      if (config.scrubMin !== undefined || config.scrubMax !== undefined) {\n        const newValue = currentValue.current + delta;\n        const clampedValue = Math.max(config.scrubMin ?? -Infinity, Math.min(config.scrubMax ?? Infinity, newValue));\n        clampedDelta = clampedValue - currentValue.current;\n        currentValue.current = clampedValue;\n      } else {\n        currentValue.current += delta;\n      }\n\n      // Fire callback with clamped delta (isChanging = true during drag)\n      if (clampedDelta !== 0) {\n        config.onScrub?.(clampedDelta, true);\n      }\n\n      // Keep the fractional remainder for smooth sub-pixel accumulation\n      accumulatedMovement.current = (stepsFromMovement - wholeSteps) * config.scrubSensitivity;\n    }\n  }, []);\n\n  // End scrubbing helper\n  const endScrubbing = React.useCallback(() => {\n    scrubConfigRef.current.onScrub?.(0, false);\n    accumulatedMovement.current = 0;\n    currentValue.current = 0;\n    pointerIdRef.current = null;\n    setIsScrubbing(false);\n  }, []);\n\n  // Handle pointer capture mode events (Safari/Firefox)\n  const handlePointerMove = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!isScrubbing || !usePointerCapture) return;\n\n      const movementX = event.clientX - lastXRef.current;\n      lastXRef.current = event.clientX;\n\n      processScrubMovement(movementX, event.movementY, event.shiftKey, event.altKey);\n    },\n    [isScrubbing, processScrubMovement],\n  );\n\n  const handlePointerUp = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!usePointerCapture || pointerIdRef.current !== event.pointerId) return;\n\n      const slot = slotRef.current;\n      if (slot && pointerIdRef.current !== null) {\n        slot.releasePointerCapture(pointerIdRef.current);\n      }\n      endScrubbing();\n    },\n    [endScrubbing],\n  );\n\n  const handleLostPointerCapture = React.useCallback(() => {\n    if (usePointerCapture && isScrubbing) {\n      endScrubbing();\n    }\n  }, [isScrubbing, endScrubbing]);\n\n  // Attach document-level listeners for pointer lock mode (Chrome)\n  React.useEffect(() => {\n    if (!isScrubbing || usePointerCapture) return;\n\n    const handleMouseMove = (event: MouseEvent) => {\n      processScrubMovement(event.movementX, event.movementY, event.shiftKey, event.altKey);\n    };\n\n    const handleMouseUp = () => {\n      // Exit pointer lock to end scrubbing\n      document.exitPointerLock();\n    };\n\n    // Use mousemove for pointer lock (pointermove doesn't work well with pointer lock)\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n\n    // Disable text selection during scrubbing\n    document.body.style.userSelect = 'none';\n\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n      document.body.style.userSelect = '';\n    };\n  }, [isScrubbing, processScrubMovement]);\n\n  // Hide native cursor and disable text selection during pointer capture scrubbing\n  React.useEffect(() => {\n    if (!isScrubbing || !usePointerCapture) return;\n\n    // Create a style element to hide cursor globally during scrub\n    const style = document.createElement('style');\n    style.textContent = '* { cursor: none !important; user-select: none !important; }';\n    document.head.appendChild(style);\n\n    return () => {\n      document.head.removeChild(style);\n    };\n  }, [isScrubbing]);\n\n  // Render virtual cursor via portal to body so it's not clipped\n  // Using a data URI of ew-resize cursor for a native look\n  const virtualCursor = isScrubbing\n    ? ReactDOM.createPortal(\n        <img\n          className=\"rt-TextFieldSlotScrubCursor\"\n          src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E\"\n          alt=\"\"\n          style={{\n            position: 'fixed',\n            left: cursorPosition.x,\n            top: cursorPosition.y,\n            transform: 'translate(-50%, -50%)',\n            pointerEvents: 'none',\n            zIndex: 99999,\n            width: 24,\n            height: 24,\n          }}\n          aria-hidden=\"true\"\n        />,\n        document.body,\n      )\n    : null;\n\n  return (\n    <div\n      data-accent-color={color}\n      data-side={side}\n      data-scrub={scrub || undefined}\n      data-scrubbing={isScrubbing || undefined}\n      {...slotProps}\n      ref={composeRefs(slotRef, forwardedRef)}\n      className={classNames('rt-TextFieldSlot', className)}\n      onPointerDown={scrub ? handlePointerDown : undefined}\n      onPointerMove={scrub ? handlePointerMove : undefined}\n      onPointerUp={scrub ? handlePointerUp : undefined}\n      onLostPointerCapture={scrub ? handleLostPointerCapture : undefined}\n    >\n      {slotProps.children}\n      {virtualCursor}\n    </div>\n  );\n});\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
+  "mappings": "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",
+  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "React", "ReactDOM", "classNames", "composeRefs", "TextFieldRoot", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "panelBackground", "material", "style", "inputProps", "extractProps", "textFieldRootPropDefs", "marginPropDefs", "effectiveMaterial", "errorId", "isInvalid", "ariaDescribedby", "ariaLabelledby", "describedBy", "parts", "ariaProps", "error", "errorMessage", "_isInvalid", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeInputProps", "handlePointerDown", "event", "target", "input", "cursorPosition", "classNames", "composeRefs", "usePointerCapture", "ua", "isSafari", "isFirefox", "TextFieldSlot", "scrub", "scrubValue", "scrubStep", "scrubSensitivity", "scrubMin", "scrubMax", "scrubShiftMultiplier", "scrubAltMultiplier", "onScrub", "restProps", "side", "slotProps", "textFieldSlotPropDefs", "slotRef", "isScrubbing", "setIsScrubbing", "setCursorPosition", "accumulatedMovement", "currentValue", "virtualX", "pointerIdRef", "lastXRef", "scrubConfigRef", "slot", "handlePointerLockChange", "isLocked", "processScrubMovement", "movementX", "movementY", "shiftKey", "altKey", "config", "viewportWidth", "viewportHeight", "prev", "newY", "stepsFromMovement", "multiplier", "wholeSteps", "delta", "clampedDelta", "newValue", "clampedValue", "endScrubbing", "handlePointerMove", "handlePointerUp", "handleLostPointerCapture", "handleMouseMove", "handleMouseUp", "virtualCursor"]
+}

package/dist/esm/chunk-SMGDH54W.js

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

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

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

package/dist/esm/chunk-SNHEJU2S.js

@@ -0,0 +1,2 @@
+import*as t from"react";var o=t.createContext(null);function M(){let e=t.useContext(o);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}function p({value:e,children:n}){return t.createElement(o.Provider,{value:e},n)}var r=t.createContext(null);function b(){let e=t.useContext(r);if(!e)throw new Error("useLeftMode must be used within Shell.Root");return e}var a=t.createContext(null);function h(){let e=t.useContext(a);if(!e)throw new Error("usePanelMode must be used within Shell.Root");return e}var s=t.createContext(null);function f(){let e=t.useContext(s);if(!e)throw new Error("useSidebarMode must be used within Shell.Root");return e}var d=t.createContext(null);function S(){let e=t.useContext(d);if(!e)throw new Error("useInspectorMode must be used within Shell.Root");return e}var l=t.createContext(null);function C(){let e=t.useContext(l);if(!e)throw new Error("useBottomMode must be used within Shell.Root");return e}var i=t.createContext(null);function R(){let e=t.useContext(i);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var u=t.createContext(null);function v(){let e=t.useContext(u);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var c=t.createContext(null);function m(){let e=t.useContext(c);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var x=t.createContext(null);function w(){let e=t.useContext(x);if(!e)throw new Error("useComposition must be used within Shell.Root");return e}var P=t.createContext(null);function g(){let e=t.useContext(P);if(!e)throw new Error("useInset must be used within Shell.Root");return e}export{M as a,p as b,r as c,b as d,a as e,h as f,s as g,f as h,d as i,S as j,l as k,C as l,i as m,R as n,u as o,v as p,c as q,m as r,x as s,w as t,P as u,g as v};
+//# sourceMappingURL=chunk-SNHEJU2S.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/shell.context.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport type { Breakpoint, PresentationValue, SidebarMode, PaneMode, PaneTarget } from './shell.types.js';\n\nexport interface ShellContextValue {\n  // Pane states\n  leftMode: PaneMode;\n  setLeftMode: (mode: PaneMode) => void;\n  /** When Rail is controlled, this reflects the resolved open state for the current breakpoint. */\n  leftControlledOpen?: boolean;\n  panelMode: PaneMode; // Panel state within left container\n  setPanelMode: (mode: PaneMode) => void;\n  sidebarMode: SidebarMode;\n  setSidebarMode: (mode: SidebarMode) => void;\n  inspectorMode: PaneMode;\n  setInspectorMode: (mode: PaneMode) => void;\n  bottomMode: PaneMode;\n  setBottomMode: (mode: PaneMode) => void;\n\n  // Peek state (layout-only, ephemeral)\n  peekTarget: PaneTarget | null;\n  setPeekTarget: (target: PaneTarget | null) => void;\n  peekPane: (target: PaneTarget) => void;\n  clearPeek: () => void;\n\n  // Composition detection\n  hasLeft: boolean;\n  setHasLeft: (has: boolean) => void;\n  hasSidebar: boolean;\n  setHasSidebar: (has: boolean) => void;\n\n  // Presentation resolution\n  currentBreakpoint: Breakpoint;\n  currentBreakpointReady: boolean;\n  leftResolvedPresentation?: PresentationValue;\n\n  // Actions\n  togglePane: (target: PaneTarget) => void;\n  expandPane: (target: PaneTarget) => void;\n  collapsePane: (target: PaneTarget) => void;\n  // Toggle customization\n  setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;\n  // Dev-only hooks for presentation warnings\n  onLeftPres?: (p: PresentationValue) => void;\n  // Sizing info for overlay grouping\n  onLeftDefaults?: (size: number) => void;\n  onRailDefaults?: (size: number) => void;\n  onPanelDefaults?: (size: number) => void;\n}\n\nconst ShellContext = React.createContext<ShellContextValue | null>(null);\n\n/** @internal Shell root context. Prefer slice hooks (useSidebarMode, useShellActions, etc.). */\nexport function useShell() {\n  const ctx = React.useContext(ShellContext);\n  if (!ctx) throw new Error('Shell components must be used within <Shell.Root>');\n  return ctx;\n}\n\nexport function ShellProvider({ value, children }: { value: ShellContextValue; children: React.ReactNode }) {\n  return <ShellContext.Provider value={value}>{children}</ShellContext.Provider>;\n}\n\n// Phase 7: Split contexts for render isolation\n\n// Pane mode slice contexts\ntype ModeSetter<T> = (mode: T) => void;\n\nexport const LeftModeContext = React.createContext<{ leftMode: PaneMode; setLeftMode: ModeSetter<PaneMode> } | null>(null);\nexport function useLeftMode() {\n  const ctx = React.useContext(LeftModeContext);\n  if (!ctx) throw new Error('useLeftMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const PanelModeContext = React.createContext<{ panelMode: PaneMode; setPanelMode: ModeSetter<PaneMode> } | null>(null);\nexport function usePanelMode() {\n  const ctx = React.useContext(PanelModeContext);\n  if (!ctx) throw new Error('usePanelMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const SidebarModeContext = React.createContext<{ sidebarMode: SidebarMode; setSidebarMode: ModeSetter<SidebarMode> } | null>(null);\nexport function useSidebarMode() {\n  const ctx = React.useContext(SidebarModeContext);\n  if (!ctx) throw new Error('useSidebarMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const InspectorModeContext = React.createContext<{ inspectorMode: PaneMode; setInspectorMode: ModeSetter<PaneMode> } | null>(null);\nexport function useInspectorMode() {\n  const ctx = React.useContext(InspectorModeContext);\n  if (!ctx) throw new Error('useInspectorMode must be used within Shell.Root');\n  return ctx;\n}\n\nexport const BottomModeContext = React.createContext<{ bottomMode: PaneMode; setBottomMode: ModeSetter<PaneMode> } | null>(null);\nexport function useBottomMode() {\n  const ctx = React.useContext(BottomModeContext);\n  if (!ctx) throw new Error('useBottomMode must be used within Shell.Root');\n  return ctx;\n}\n\n// Presentation slice\nexport const PresentationContext = React.createContext<{ currentBreakpoint: Breakpoint; currentBreakpointReady: boolean; leftResolvedPresentation?: PresentationValue } | null>(null);\nexport function usePresentation() {\n  const ctx = React.useContext(PresentationContext);\n  if (!ctx) throw new Error('usePresentation must be used within Shell.Root');\n  return ctx;\n}\n\n// Peek slice\nexport const PeekContext = React.createContext<{ peekTarget: PaneTarget | null; setPeekTarget: (t: PaneTarget | null) => void; peekPane: (t: PaneTarget) => void; clearPeek: () => void } | null>(\n  null,\n);\nexport function usePeek() {\n  const ctx = React.useContext(PeekContext);\n  if (!ctx) throw new Error('usePeek must be used within Shell.Root');\n  return ctx;\n}\n\n// Actions slice (stable callbacks)\nexport const ActionsContext = React.createContext<{\n  togglePane: (t: PaneTarget) => void;\n  expandPane: (t: PaneTarget) => void;\n  collapsePane: (t: PaneTarget) => void;\n  setSidebarToggleComputer?: (fn: (current: SidebarMode) => SidebarMode) => void;\n} | null>(null);\nexport function useShellActions() {\n  const ctx = React.useContext(ActionsContext);\n  if (!ctx) throw new Error('useShellActions must be used within Shell.Root');\n  return ctx;\n}\n\n// Composition slice\nexport const CompositionContext = React.createContext<{ hasLeft: boolean; setHasLeft: (v: boolean) => void; hasSidebar: boolean; setHasSidebar: (v: boolean) => void } | null>(null);\nexport function useComposition() {\n  const ctx = React.useContext(CompositionContext);\n  if (!ctx) throw new Error('useComposition must be used within Shell.Root');\n  return ctx;\n}\n\n// Inset slice - tracks which panes have inset for gray backdrop\nexport type InsetPaneId = 'left' | 'sidebar' | 'content' | 'inspector' | 'bottom';\nexport const InsetContext = React.createContext<{\n  insetPanes: Set<InsetPaneId>;\n  registerInset: (id: InsetPaneId) => void;\n  unregisterInset: (id: InsetPaneId) => void;\n  hasAnyInset: boolean;\n} | null>(null);\nexport function useInset() {\n  const ctx = React.useContext(InsetContext);\n  if (!ctx) throw new Error('useInset must be used within Shell.Root');\n  return ctx;\n}\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAiDvB,IAAMC,EAAqB,gBAAwC,IAAI,EAGhE,SAASC,GAAW,CACzB,IAAMC,EAAY,aAAWF,CAAY,EACzC,GAAI,CAACE,EAAK,MAAM,IAAI,MAAM,mDAAmD,EAC7E,OAAOA,CACT,CAEO,SAASC,EAAc,CAAE,MAAAC,EAAO,SAAAC,CAAS,EAA4D,CAC1G,OAAO,gBAACL,EAAa,SAAb,CAAsB,MAAOI,GAAQC,CAAS,CACxD,CAOO,IAAMC,EAAwB,gBAAgF,IAAI,EAClH,SAASC,GAAc,CAC5B,IAAML,EAAY,aAAWI,CAAe,EAC5C,GAAI,CAACJ,EAAK,MAAM,IAAI,MAAM,4CAA4C,EACtE,OAAOA,CACT,CAEO,IAAMM,EAAyB,gBAAkF,IAAI,EACrH,SAASC,GAAe,CAC7B,IAAMP,EAAY,aAAWM,CAAgB,EAC7C,GAAI,CAACN,EAAK,MAAM,IAAI,MAAM,6CAA6C,EACvE,OAAOA,CACT,CAEO,IAAMQ,EAA2B,gBAA4F,IAAI,EACjI,SAASC,GAAiB,CAC/B,IAAMT,EAAY,aAAWQ,CAAkB,EAC/C,GAAI,CAACR,EAAK,MAAM,IAAI,MAAM,+CAA+C,EACzE,OAAOA,CACT,CAEO,IAAMU,EAA6B,gBAA0F,IAAI,EACjI,SAASC,GAAmB,CACjC,IAAMX,EAAY,aAAWU,CAAoB,EACjD,GAAI,CAACV,EAAK,MAAM,IAAI,MAAM,iDAAiD,EAC3E,OAAOA,CACT,CAEO,IAAMY,EAA0B,gBAAoF,IAAI,EACxH,SAASC,GAAgB,CAC9B,IAAMb,EAAY,aAAWY,CAAiB,EAC9C,GAAI,CAACZ,EAAK,MAAM,IAAI,MAAM,8CAA8C,EACxE,OAAOA,CACT,CAGO,IAAMc,EAA4B,gBAAuI,IAAI,EAC7K,SAASC,GAAkB,CAChC,IAAMf,EAAY,aAAWc,CAAmB,EAChD,GAAI,CAACd,EAAK,MAAM,IAAI,MAAM,gDAAgD,EAC1E,OAAOA,CACT,CAGO,IAAMgB,EAAoB,gBAC/B,IACF,EACO,SAASC,GAAU,CACxB,IAAMjB,EAAY,aAAWgB,CAAW,EACxC,GAAI,CAAChB,EAAK,MAAM,IAAI,MAAM,wCAAwC,EAClE,OAAOA,CACT,CAGO,IAAMkB,EAAuB,gBAK1B,IAAI,EACP,SAASC,GAAkB,CAChC,IAAMnB,EAAY,aAAWkB,CAAc,EAC3C,GAAI,CAAClB,EAAK,MAAM,IAAI,MAAM,gDAAgD,EAC1E,OAAOA,CACT,CAGO,IAAMoB,EAA2B,gBAAuI,IAAI,EAC5K,SAASC,GAAiB,CAC/B,IAAMrB,EAAY,aAAWoB,CAAkB,EAC/C,GAAI,CAACpB,EAAK,MAAM,IAAI,MAAM,+CAA+C,EACzE,OAAOA,CACT,CAIO,IAAMsB,EAAqB,gBAKxB,IAAI,EACP,SAASC,GAAW,CACzB,IAAMvB,EAAY,aAAWsB,CAAY,EACzC,GAAI,CAACtB,EAAK,MAAM,IAAI,MAAM,yCAAyC,EACnE,OAAOA,CACT",
+  "names": ["React", "ShellContext", "useShell", "ctx", "ShellProvider", "value", "children", "LeftModeContext", "useLeftMode", "PanelModeContext", "usePanelMode", "SidebarModeContext", "useSidebarMode", "InspectorModeContext", "useInspectorMode", "BottomModeContext", "useBottomMode", "PresentationContext", "usePresentation", "PeekContext", "usePeek", "ActionsContext", "useShellActions", "CompositionContext", "useComposition", "InsetContext", "useInset"]
+}

package/dist/esm/chunk-SNR5VFWG.js

@@ -0,0 +1,2 @@
+var e=["0","1","2","3","4","5","6","7","8","9","10","11","12"],p={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:e,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:e,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:e,responsive:!0}};export{p as a};
+//# sourceMappingURL=chunk-SNR5VFWG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/gap.props.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst gapValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\n\nconst gapPropDefs = {\n  /**\n   * Sets the CSS **gap** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * gap=\"4\"\n   * gap=\"20px\"\n   * gap={{ sm: '2', lg: '3em' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/gap\n   */\n  gap: {\n    type: 'enum | string',\n    className: 'rt-r-gap',\n    customProperties: ['--gap'],\n    values: gapValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **row-gap** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * gapX=\"4\"\n   * gapX=\"20px\"\n   * gapX={{ sm: '2', lg: '3em' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap\n   */\n  gapX: {\n    type: 'enum | string',\n    className: 'rt-r-cg',\n    customProperties: ['--column-gap'],\n    values: gapValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **column-gap** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * gapY=\"4\"\n   * gapY=\"20px\"\n   * gapY={{ sm: '2', lg: '3em' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap\n   */\n  gapY: {\n    type: 'enum | string',\n    className: 'rt-r-rg',\n    customProperties: ['--row-gap'],\n    values: gapValues,\n    responsive: true,\n  },\n} satisfies {\n  gap: PropDef<(typeof gapValues)[number]>;\n  gapX: PropDef<(typeof gapValues)[number]>;\n  gapY: PropDef<(typeof gapValues)[number]>;\n};\n\nexport { gapPropDefs };\n"],
+  "mappings": "AAEA,IAAMA,EAAY,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAE/EC,EAAc,CAalB,IAAK,CACH,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,OAAO,EAC1B,OAAQD,EACR,WAAY,EACd,EAaA,KAAM,CACJ,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,cAAc,EACjC,OAAQA,EACR,WAAY,EACd,EAaA,KAAM,CACJ,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,WAAW,EAC9B,OAAQA,EACR,WAAY,EACd,CACF",
+  "names": ["gapValues", "gapPropDefs"]
+}

package/dist/esm/chunk-STPMPY3X.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-SVLY6B5F.js

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