@womp/kookie-ui 0.21.0 → 0.22.1

package/dist/cjs/components/shell.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var Nn=Object.create;var $e=Object.defineProperty;var Vn=Object.getOwnPropertyDescriptor;var kn=Object.getOwnPropertyNames;var Bn=Object.getPrototypeOf,Hn=Object.prototype.hasOwnProperty;var In=(e,t)=>{for(var n in t)$e(e,n,{get:t[n],enumerable:!0})},Ht=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of kn(t))!Hn.call(e,r)&&r!==n&&$e(e,r,{get:()=>t[r],enumerable:!(o=Vn(t,r))||o.enumerable});return e};var $=(e,t,n)=>(n=e!=null?Nn(Bn(e)):{},Ht(t||!e||!e.__esModule?$e(n,"default",{value:e,enumerable:!0}):n,e)),An=e=>Ht($e({},"__esModule",{value:!0}),e);var lo={};In(lo,{Bottom:()=>st,Content:()=>Mn,Header:()=>xn,Inspector:()=>it,Left:()=>En,PaneFooter:()=>Tt,PaneHeader:()=>Et,Panel:()=>Nt,Rail:()=>Tn,Root:()=>zn,Scroll:()=>Mt,Sidebar:()=>at,Trigger:()=>wn,useResponsivePresentation:()=>Rn,useShell:()=>hn,useSidebarMode:()=>Pn});module.exports=An(lo);var d=$(require("react")),we=$(require("classnames")),ut=require("radix-ui/internal");var We=$(require("react")),me=We.createContext(null);function It(){let e=We.useContext(me);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var K=$(require("react")),At=$(require("classnames"));var oe=K.forwardRef(({className:e,children:t,...n},o)=>{let{containerRef:r,controls:i,cssVarName:l,minSize:S,maxSize:m,defaultSize:b,orientation:p,edge:N,growth:R,onResize:w,onResizeStart:D,onResizeEnd:V,snapPoints:y,snapTolerance:h,collapseThreshold:H,collapsible:T,target:F,requestCollapse:k,requestToggle:_}=It(),O=K.useRef(null),Q=K.useCallback(c=>{O.current=c,typeof o=="function"?o(c):o&&(o.current=c)},[o]),f=K.useRef(null);K.useEffect(()=>()=>{f.current?.(),f.current=null},[]);let C=K.useCallback(()=>{let c=r.current;if(!c)return b;let g=Number.parseFloat(getComputedStyle(c).getPropertyValue(l));return Number.isFinite(g)?g:b},[r,l,b]),L=K.useCallback(()=>{let c=r.current,g=O.current,z=c?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!c||!z||!g)return m;let P=c.getBoundingClientRect(),I=g.getBoundingClientRect(),U=R(getComputedStyle(c).direction==="rtl"),a;p==="vertical"?a=U>0?z.right-P.left:P.right-z.left:a=U>0?z.bottom-P.top:P.bottom-z.top;let u=p==="vertical"?I.width:I.height;return!(z.width>0&&z.height>0)||!Number.isFinite(a)?m:Math.max(S,Math.min(m,Math.round(a-u)))},[r,R,m,S,p]),M=()=>{O.current?.setAttribute("aria-valuemax",String(L()))};K.useLayoutEffect(()=>{O.current?.setAttribute("aria-valuenow",String(Math.round(C())))},[C]);let E=(c,g)=>{c.style.setProperty(l,`${g}px`),O.current?.setAttribute("aria-valuenow",String(Math.round(g)))},X=F.charAt(0).toUpperCase()+F.slice(1);return K.createElement("div",{ref:Q,className:(0,At.default)("rt-ShellResizer",e),"data-orientation":p,"data-edge":N,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":i,"aria-orientation":p,"aria-valuemin":S,"aria-valuemax":m,...n,onPointerDown:c=>{n.onPointerDown?.(c);let g=r.current;if(!g||c.defaultPrevented||c.button!==0)return;c.preventDefault();let z=c.currentTarget,P=c.pointerId;f.current?.();try{z.setPointerCapture(P)}catch{}let I=getComputedStyle(g),U=Number.parseFloat(I.getPropertyValue(l)),a=Number.isFinite(U)?U:b,u=p==="vertical"?c.clientX:c.clientY,s=R(I.direction==="rtl"),x=L();z.setAttribute("aria-valuemax",String(x));let j=Y=>Math.min(Math.max(Y,S),x);g.setAttribute("data-resizing",""),z.setAttribute("data-dragging","");let G=document.body,se=G.style.cursor,Ce=G.style.userSelect;G.style.cursor=p==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",D?.(a);let ee=a,ze=a,v=0,q=null,J=()=>{if(v=0,q===null)return;let Y=q;q=null,w?.(Y)},xe=null,re=!1,Ln=(Y,Le)=>{if(Y.type===Le)re=!0;else if(re)return!1;return!0},pe=Y=>{if(!Ln(Y,"pointermove")||Y===xe)return;xe=Y;let Le=p==="vertical"?Y.clientX:Y.clientY;ze=a+(Le-u)*s,ee=j(ze),E(g,ee),q=ee,v||(v=requestAnimationFrame(J))},Ue=()=>{v&&cancelAnimationFrame(v),v=0;try{z.releasePointerCapture(P)}catch{}window.removeEventListener("pointermove",pe),document.removeEventListener("pointermove",pe),window.removeEventListener("mousemove",pe),document.removeEventListener("mousemove",pe),z.removeEventListener("pointermove",pe),window.removeEventListener("pointerup",te),document.removeEventListener("pointerup",te),window.removeEventListener("mouseup",te),document.removeEventListener("mouseup",te),window.removeEventListener("pointercancel",te),document.removeEventListener("pointercancel",te),window.removeEventListener("keydown",Vt),z.removeEventListener("lostpointercapture",te),g.removeAttribute("data-resizing"),z.removeAttribute("data-dragging"),G.style.cursor=se,G.style.userSelect=Ce,f.current=null},pt=!1,te=()=>{if(pt)return;if(pt=!0,v&&cancelAnimationFrame(v),J(),T&&typeof H=="number"&&ze<=H){E(g,a),w?.(a),Ue(),k?.(),V?.(a);return}let Y=ee;if(y&&y.length){let Le=y.reduce((kt,Bt)=>Math.abs(Bt-ee)<Math.abs(kt-ee)?Bt:kt,y[0]);Math.abs(Le-ee)<=h&&(Y=j(Le),E(g,Y),w?.(Y))}V?.(Y),Ue()},Vt=Y=>{Y.key==="Escape"&&(v&&cancelAnimationFrame(v),v=0,q=null,E(g,a),w?.(a),pt=!0,V?.(a),Ue())};window.addEventListener("pointermove",pe),document.addEventListener("pointermove",pe),window.addEventListener("mousemove",pe),document.addEventListener("mousemove",pe),z.addEventListener("pointermove",pe),window.addEventListener("pointerup",te),document.addEventListener("pointerup",te),window.addEventListener("mouseup",te),document.addEventListener("mouseup",te),window.addEventListener("pointercancel",te),document.addEventListener("pointercancel",te),window.addEventListener("keydown",Vt),z.addEventListener("lostpointercapture",te),f.current=Ue},onDoubleClick:c=>{n.onDoubleClick?.(c),!c.defaultPrevented&&T&&_?.()},onFocus:c=>{n.onFocus?.(c),M()},onKeyDown:c=>{n.onKeyDown?.(c);let g=r.current;if(!g||c.defaultPrevented)return;let z=C(),P=L(),I=a=>Math.min(Math.max(a,S),P),U;if(c.key==="Home")U=I(S);else if(c.key==="End")U=I(P);else{let a=p==="vertical"?c.key==="ArrowRight"?1:c.key==="ArrowLeft"?-1:0:c.key==="ArrowDown"?1:c.key==="ArrowUp"?-1:0;if(a===0)return;let u=c.shiftKey?32:8;U=I(z+a*u*R(getComputedStyle(g).direction==="rtl"))}c.preventDefault(),D?.(z),E(g,U),w?.(U),V?.(U)}},t)});oe.displayName="Shell.Handle";var _e=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));_e.displayName="Shell.Panel.Handle";var je=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));je.displayName="Shell.Sidebar.Handle";var qe=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));qe.displayName="Shell.Inspector.Handle";var Ke=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));Ke.displayName="Shell.Bottom.Handle";var ae=$(require("react")),sn=$(require("classnames")),ln=require("radix-ui/internal");var A=$(require("react"));var Oe=$(require("react"));var Ot={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Ge=["initial","xs","sm","md","lg","xl"];var On=Object.entries(Ot),ft=null,Ae=new Set,Ee=null;function mt(){return ft??(ft=On.map(([e,t])=>[e,window.matchMedia(t)])),ft}function Xe(){let e="initial";for(let[t,n]of mt())n.matches&&(e=t);return e}function Qe(){let e=Xe();e!==Ee&&(Ee=e,Ae.forEach(t=>t()))}function Dt(e){if(typeof window>"u")return()=>{};if(Ae.size===0){Ee=Xe();for(let[,t]of mt())typeof t.addEventListener=="function"?t.addEventListener("change",Qe):t.addListener?.(Qe)}return Ae.add(e),()=>{if(Ae.delete(e),!(Ae.size>0)){for(let[,t]of mt())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",Qe):t.removeListener?.(Qe)}catch{}Ee=null}}}function Dn(){return typeof window>"u"?"initial":(Ee??(Ee=Xe()),Ee)}function Fn(){return"initial"}function ie(){return typeof window>"u"?"initial":Xe()}var Un=()=>!0,$n=()=>!1,Ft=()=>()=>{},Wn=()=>"initial";function Ne(e=!0){let t=Oe.useSyncExternalStore(e?Dt:Ft,e?Dn:Wn,Fn),n=Oe.useSyncExternalStore(e?Dt:Ft,Un,$n);return Oe.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var Z=$(require("react"));function Ut(e){return typeof e=="object"&&e!==null}function Te(e,t){let n={},o=null;for(let r of Ge){if(e!==void 0&&!Ut(e)){n[r]=e;continue}let i=Ut(e)?e[r]:void 0;i!==void 0&&(o={value:i}),n[r]=o?o.value:t(r)}return n}function Ve(e){let t=e.initial;return Ge.every(n=>e[n]===t)?t:void 0}function bt(e,t){let n=Ve(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of Ge)o[`data-${e}-${r}`]=t[r];return o}function Pt(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var ht=Te("fixed",()=>"fixed");function $t(){return{entries:new Map,listeners:new Set,version:0,peek:null}}function Ye(e){e.version+=1;for(let t of e.listeners)t()}function Me(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}function ke(e,t){e.peek!==t&&(e.peek=t,Ye(e))}var St=Z.createContext(null);function Se(e){let t=Z.useContext(St);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Rt(e,t){let n=Z.useCallback(r=>Me(e,r),[e]),o=Z.useCallback(()=>e.entries.get(t),[e,t]);return Z.useSyncExternalStore(n,o,()=>{})}function Wt(e,t){let n=Z.useCallback(o=>Me(e,o),[e]);return Z.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var vt=Z.createContext(null);function fe(e,t){let n=Z.useContext(vt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:r}=n;Z.useLayoutEffect(()=>{if(t)return o(e),()=>r(e)},[e,t,o,r])}var gt=e=>typeof e=="object"&&e!==null;function _n(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function be(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:i}=e,l=Se(`Shell.${n}`),S=A.useId(),m=e.id??`shell-${t}${S}`,b=e.controlled!==void 0,p=gt(e.controlled);p&&(`${n}${o.controlled}${o.default}`,void 0);let N=p?e.controlled:void 0,R=N??(gt(e.defaultValue)?e.defaultValue:void 0),w=Pt(R),[D,V]=A.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),y=A.useMemo(()=>N?Te(N,()=>_n(N)):Te(R,s=>i(r[s])),[w,p,r,i]),h=D;b&&(h=N?"auto":e.controlled);let H=Ve(r)===void 0||h==="auto"&&Ve(y)===void 0,{breakpoint:T,ready:F}=Ne(H),k=s=>{let x=Ve(s);return x!==void 0?x:F?s[T]:void 0},_=h==="auto"?k(y):h,O=k(r),Q=O==="overlay",f=_===void 0?void 0:_!=="closed",C=f===!0&&Q,L=e.defaultValue,M=A.useRef({state:h,value:_,autoTable:y,defaultValue:L,controlled:b,onChange:e.onChange,toggleNext:e.toggleNext});A.useLayoutEffect(()=>{M.current={state:h,value:_,autoTable:y,defaultValue:L,controlled:b,onChange:e.onChange,toggleNext:e.toggleNext}});let E=A.useCallback(()=>{let s=M.current;return s.value!==void 0?s.value:s.state==="auto"?s.autoTable[ie()]:void 0},[]),X=A.useCallback(()=>{let s=M.current;return typeof s.defaultValue=="string"?s.defaultValue:gt(s.defaultValue)?s.autoTable[ie()]:void 0},[]),c=A.useCallback((s,x)=>{let j=M.current;E()!==s&&(j.onChange?.(s,x),j.controlled||V(s))},[E]),g=A.useCallback(s=>{let x=M.current,j=E()??"closed",G=x.toggleNext?x.toggleNext(j,X()):j==="closed"?"open":"closed";c(G,s)},[c,E,X]),z=A.useRef(null),P=A.useCallback(s=>{z.current=s},[]);A.useLayoutEffect(()=>{let s={name:t,id:m,el:z.current,value:_,presentation:O,presentationTable:r,overlayLive:C,size:e.size,setValue:c,toggle:g};return l.entries.set(t,s),Ye(l),()=>{l.entries.get(t)===s&&(l.entries.delete(t),Ye(l))}},[l,t,m,_,O,r,C,e.size,c,g]);let I=A.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});A.useLayoutEffect(()=>{I.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let U=A.useRef({state:h,shown:f});A.useEffect(()=>{let s=U.current;s.state!==h&&s.shown!==void 0&&f!==void 0&&s.shown!==f&&(f?I.current.onExpand?.():I.current.onCollapse?.()),U.current={state:h,shown:f}},[h,f]),A.useLayoutEffect(()=>{},[]);let a=A.useRef(b);A.useEffect(()=>{},[b,n,o.controlled]);let u=Wt(l,t)&&f===!1&&!Q;return{store:l,id:m,state:h,value:_,shown:f,presentation:O,overlaying:Q,overlayLive:C,peeking:u,ready:F,breakpoint:T,autoTable:y,setValue:c,toggle:g,defaultHereNow:X,setElement:P}}function Pe(e,t){let{state:n,value:o,presentation:r,shown:i}=e;return{...t,"data-state":n,...n==="auto"?bt("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":r==="stacked"&&i?"":void 0,"data-peek":e.peeking?"":void 0}}function he(e,t){let n=Pt(e),o=A.useMemo(()=>Te(e,()=>t),[n,t]),r=A.useMemo(()=>Ve(o)===void 0?bt("presentation",o):{},[o]);return{table:o,attributes:r}}var B=$(require("react"));function _t(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),i=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*i}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var yt=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Re(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:i,maxSize:l,resizable:S,size:m,defaultSize:b,paneId:p,persistence:N}=e,R=B.useRef(e);B.useLayoutEffect(()=>{R.current=e});let w=B.useRef(null),D=B.useRef(0);B.useEffect(()=>()=>{w.current&&clearTimeout(w.current)},[]);let V=B.useCallback((f,C)=>{let{onSizeChange:L,sizeUpdate:M,sizeUpdateMs:E}=R.current;if(L){if(M==="debounce"){w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{w.current=null,R.current.onSizeChange?.(f,C)},E);return}if(M==="throttle"){let X=Date.now();if(X-D.current<E)return;D.current=X}L(f,C)}},[]),y=B.useCallback(f=>_t(f,r==="vertical"?"horizontal":"vertical"),[r]),h=B.useRef(!1),H=B.useCallback((f,C)=>{let L=n.current;if(L){L.style.setProperty(o,`${f}px`);for(let M of L.querySelectorAll(":scope > .rt-ShellResizer"))M.setAttribute("aria-valuenow",String(Math.round(f)));C&&(h.current=!0)}},[n,o]);B.useLayoutEffect(()=>{h.current||H(e.expandedSize,!1)},[e.expandedSize,H]),B.useLayoutEffect(()=>{if(m!==void 0||b===void 0)return;let f=y(b);if(typeof f!="number"||!Number.isFinite(f))return;let C=yt(f,i,l);H(C,!0),V(C,{reason:"init"})},[]),B.useLayoutEffect(()=>{if(m===void 0||R.current.overlayingNow())return;let f=y(m);if(typeof f!="number"||!Number.isFinite(f))return;let C=yt(f,i,l);H(C,!0),V(C,{reason:"controlled"})},[m,i,l,e.overlaying,y,H,V]);let T=B.useMemo(()=>{if(!p||N)return N;let f=`kookie-ui:shell:${t}:${p}`;return{load:()=>{if(!(typeof window>"u"))try{let C=window.localStorage.getItem(f);return C?Number(C):void 0}catch{return}},save:C=>{if(!(typeof window>"u"))try{window.localStorage.setItem(f,String(C))}catch{}}}},[t,p,N]);B.useLayoutEffect(()=>{if(!S||!T?.load||R.current.overlayingNow())return;let f=!0,C=M=>{if(!f||typeof M!="number"||!Number.isFinite(M))return;let E=yt(M,i,l);H(E,!0),R.current.onResize?.(E)},L=T.load();return L instanceof Promise?L.then(C).catch(M=>{}):C(L),()=>{f=!1}},[S,T,e.overlaying,H,i,l,t]);let F=B.useCallback(f=>R.current.onResize?.(f),[]),k=B.useCallback(f=>{h.current=!0,R.current.onResizeStart?.(f)},[]),_=B.useCallback(f=>{R.current.onResizeEnd?.(f),V(f,{reason:"resize"}),T?.save?.(f)},[V,T]),O=B.useCallback(()=>R.current.requestCollapse(),[]),Q=B.useCallback(()=>R.current.requestToggle(),[]);return B.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:i,maxSize:l,defaultSize:e.expandedSize,orientation:r,edge:e.edge,growth:e.growth,onResize:F,onResizeStart:k,onResizeEnd:_,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:O,requestToggle:Q}),[n,e.elementId,o,i,l,e.expandedSize,r,e.edge,e.growth,F,k,_,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,O,Q])}function ve(e,t){let n=B.Children.toArray(e),o=n.filter(i=>B.isValidElement(i)&&i.type===t),r=n.filter(i=>!(B.isValidElement(i)&&i.type===t));return{handles:o,content:r}}function le(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var Je=e=>e==="overlay"?"closed":"open",He=()=>"closed",Ze=e=>e?-1:1,jt=e=>e?1:-1,qt=()=>-1;function ge(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var W=$(require("react")),rt=$(require("classnames"));var ne=$(require("react")),Zt=$(require("classnames")),ye=require("radix-ui"),en=require("radix-ui/internal");var Kt={asChild:{type:"boolean"}};var jn=["none","small","medium","large","full"],Gt={radius:{type:"enum",values:jn,default:void 0}};var qn=["vertical","horizontal","both"],et={...Kt,...Gt,scrollbars:{type:"enum",values:qn,default:"both"},fade:{type:"boolean",default:!1}};var tt=$(require("react"));function Qt(e){let[t,n]=tt.useState(null);return tt.useEffect(()=>{if(!e||!t)return;let o=0,r=()=>{o=0;let m=Math.max(0,t.scrollTop),b=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${m}px`),t.style.setProperty("--scroll-overflow-end",`${b}px`)},i=()=>{o||(o=requestAnimationFrame(r))};r(),t.addEventListener("scroll",i,{passive:!0});let l=typeof ResizeObserver>"u"?null:new ResizeObserver(i);l?.observe(t);for(let m of Array.from(t.children))l?.observe(m);let S=typeof MutationObserver>"u"?null:new MutationObserver(i);return S?.observe(t,{childList:!0}),()=>{o&&cancelAnimationFrame(o),t.removeEventListener("scroll",i),l?.disconnect(),S?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}var nt=$(require("react"));function Yt(){let[e,t]=nt.useState(null);return nt.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let o=0,r=()=>{o=0;for(let l of n.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let S=l.parentElement,m=getComputedStyle(S);if(S.dataset.orientation==="horizontal"){let b=S.clientWidth-parseFloat(m.paddingLeft)-parseFloat(m.paddingRight),p=Xt(e.scrollLeft,e.scrollWidth-e.offsetWidth,b-l.offsetWidth);l.style.transform=`translate3d(${p}px, 0, 0)`}else{let b=S.clientHeight-parseFloat(m.paddingTop)-parseFloat(m.paddingBottom),p=Xt(e.scrollTop,e.scrollHeight-e.offsetHeight,b-l.offsetHeight);l.style.transform=`translate3d(0, ${p}px, 0)`}}},i=()=>{o||(o=requestAnimationFrame(r))};return e.addEventListener("scroll",i,{passive:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",i)}},[e]),t}function Xt(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}var ot=$(require("react"));function Jt(e,t){let{asChild:n,children:o}=e;if(!n)return typeof t=="function"?t(o):t;let r=ot.Children.only(o);return ot.cloneElement(r,{children:typeof t=="function"?t(r.props.children):t})}var Ct=ne.forwardRef((e,t)=>{let{asChild:n,children:o,className:r,style:i,type:l,scrollHideDelay:S=l!=="scroll"?0:void 0,dir:m,radius:b=et.radius.default,scrollbars:p=et.scrollbars.default,fade:N=et.fade.default,...R}=e,w=Qt(N),D=Yt(),V=(0,en.useComposedRefs)(t,w,D);return ne.createElement(ye.ScrollArea.Root,{type:l,scrollHideDelay:S,className:(0,Zt.default)("rt-ScrollAreaRoot",r),"data-fade":N?"":void 0,style:i,asChild:n},Jt({asChild:n,children:o},y=>ne.createElement(ne.Fragment,null,ne.createElement(ye.ScrollArea.Viewport,{...R,ref:V,className:"rt-ScrollAreaViewport"},y),ne.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),p!=="vertical"?ne.createElement(ye.ScrollArea.Scrollbar,{"data-radius":b,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},ne.createElement(ye.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,p!=="horizontal"?ne.createElement(ye.ScrollArea.Scrollbar,{"data-radius":b,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},ne.createElement(ye.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,p==="both"?ne.createElement(ye.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});Ct.displayName="ScrollArea";var tn=W.createContext(null);function nn(){return W.useContext(tn)}var Ie=W.createContext("2");function De({children:e,presentation:t}){let n=W.useContext(Ie),o=W.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return W.createElement(tn.Provider,{value:o},e)}function zt(){let e=nn(),t=W.useContext(Ie),n=e?.size??t,o=e?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${n}`,`rt-menu-variant-${o}`]}var Kn={1:"2",2:"3",3:"4",4:"4"},xt=W.createContext(null);function on(){let e=nn(),t=W.useContext(Ie);return Kn[e?.size??t]}var Et=W.forwardRef(({className:e,float:t,children:n,...o},r)=>{let i=zt(),l=on();return W.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,rt.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...i,e)},W.createElement(xt.Provider,{value:l},n))});Et.displayName="Shell.PaneHeader";var Tt=W.forwardRef(({className:e,float:t,children:n,...o},r)=>{let i=zt(),l=on();return W.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,rt.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...i,e)},W.createElement(xt.Provider,{value:l},n))});Tt.displayName="Shell.PaneFooter";var Mt=W.forwardRef(({className:e,children:t,fade:n=!1,...o},r)=>{let i=zt();return W.createElement(Ct,{type:"hover",fade:n,className:"rt-ShellScroll"},W.createElement("div",{...o,ref:r,className:(0,rt.default)("rt-BaseMenuContent","rt-SidebarContent",...i,e)},W.createElement(xt.Provider,{value:null},W.createElement("div",{className:"rt-BaseMenuViewport"},t))))});Mt.displayName="Shell.Scroll";var rn=e=>e==="collapsed"?"closed":"open",Gn=e=>e==="closed"?"collapsed":"expanded";function an(e){if(e===void 0)return;if(typeof e=="string")return rn(e);let t={};for(let[n,o]of Object.entries(e))o!==void 0&&(t[n]=rn(o));return t}var Qn={controlled:"state",default:"defaultState"},Xn={initial:"overlay",sm:"fixed"},at=ae.forwardRef((e,t)=>{let{className:n,presentation:o=Xn,expandedSize:r=288,minSize:i=200,maxSize:l=400,resizable:S=!1,collapsible:m=!0,onExpand:b,onCollapse:p,onResize:N,onResizeStart:R,onResizeEnd:w,snapPoints:D,snapTolerance:V,collapseThreshold:y,paneId:h,persistence:H,children:T,style:F,state:k,defaultState:_,onStateChange:O,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:L,sizeUpdateMs:M=50,inset:E,id:X,...c}=e,{table:g,attributes:z}=he(o,"fixed"),P=be({name:"sidebar",label:"Sidebar",propNames:Qn,id:X,controlled:an(k),defaultValue:an(_),presentationTable:g,builtIn:Je,onChange:(G,se)=>O?.(Gn(G),{reason:se}),onExpand:b,onCollapse:p,size:r});fe("sidebar",E),ae.useEffect(()=>{(D!==void 0||y!==void 0||h!==void 0||H!==void 0)&&void 0},[D,y,h,H]);let I=ae.useRef(null),U=(0,ln.useComposedRefs)(t,P.setElement,I),a=Re({name:"sidebar",elementId:P.id,elementRef:I,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:Ze,expandedSize:r,minSize:i,maxSize:l,resizable:S,collapsible:m,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:L,sizeUpdateMs:M,onResize:N,onResizeStart:R,onResizeEnd:w,snapPoints:D,snapTolerance:V,collapseThreshold:y,paneId:h,persistence:H,overlaying:P.overlaying,overlayingNow:()=>g[ie()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:u,content:s}=ve(T,je),x=S&&P.value!=="closed"&&!P.overlaying?ae.createElement(me.Provider,{value:a},u.length>0?u:ae.createElement(oe,null)):null,j=P.peeking?`var(--sidebar-size, ${r}px)`:void 0;return ae.createElement("div",{...ge(c),id:P.id,ref:U,className:(0,sn.default)("rt-ShellPane","rt-ShellSidebar",n),...Pe(P,z),"data-inset":E||void 0,tabIndex:P.overlaying?-1:c.tabIndex,style:{...F,"--sidebar-expanded-size":`${r}px`,"--sidebar-min-size":`${i}px`,"--sidebar-max-size":`${l}px`,...j?{"--peek-sidebar-width":j}:{}}},ae.createElement("div",{className:"rt-ShellSidebarContent"},ae.createElement(De,null,s)),x)});at.displayName="Shell.Sidebar";at.Handle=je;var de=$(require("react")),dn=$(require("classnames")),cn=require("radix-ui/internal");var Yn={controlled:"open",default:"defaultOpen"},st=de.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:i,onOpenChange:l,expandedSize:S=200,minSize:m=100,maxSize:b=400,resizable:p=!1,collapsible:N=!0,onExpand:R,onCollapse:w,onResize:D,onResizeStart:V,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:k,children:_,style:O,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:L,sizeUpdateMs:M=50,inset:E,id:X,...c}=e,{table:g,attributes:z}=he(o,"fixed"),P=be({name:"bottom",label:"Bottom",propNames:Yn,id:X,controlled:le(i),defaultValue:le(r),presentationTable:g,builtIn:He,onChange:(j,G)=>l?.(j!=="closed",{reason:G}),onExpand:R,onCollapse:w,size:S});fe("bottom",E),de.useEffect(()=>{(h!==void 0||T!==void 0||F!==void 0||k!==void 0)&&void 0},[h,T,F,k]);let I=de.useRef(null),U=(0,cn.useComposedRefs)(t,P.setElement,I),a=Re({name:"bottom",elementId:P.id,elementRef:I,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:qt,expandedSize:S,minSize:m,maxSize:b,resizable:p,collapsible:N,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:L,sizeUpdateMs:M,onResize:D,onResizeStart:V,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:k,overlaying:P.overlaying,overlayingNow:()=>g[ie()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:u,content:s}=ve(_,Ke),x=p&&P.shown!==!1&&!P.overlaying?de.createElement(me.Provider,{value:a},u.length>0?u:de.createElement(oe,null)):null;return de.createElement("div",{...ge(c),id:P.id,ref:U,className:(0,dn.default)("rt-ShellPane","rt-ShellBottom",n),...Pe(P,z),"data-inset":E||void 0,tabIndex:P.overlaying?-1:c.tabIndex,style:{...O,"--bottom-expanded-size":`${S}px`,"--bottom-min-size":`${m}px`,"--bottom-max-size":`${b}px`}},de.createElement("div",{className:"rt-ShellBottomContent"},s),x)});st.displayName="Shell.Bottom";st.Handle=Ke;var ce=$(require("react")),un=$(require("classnames")),pn=require("radix-ui/internal");var Jn={controlled:"open",default:"defaultOpen"},Zn={initial:"overlay",sm:"fixed"},it=ce.forwardRef((e,t)=>{let{className:n,presentation:o=Zn,defaultOpen:r,open:i,onOpenChange:l,expandedSize:S=320,minSize:m=200,maxSize:b=500,resizable:p=!1,collapsible:N=!0,onExpand:R,onCollapse:w,onResize:D,onResizeStart:V,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:k,children:_,style:O,onSizeChange:Q,sizeUpdate:f,sizeUpdateMs:C=50,size:L,defaultSize:M,inset:E,id:X,...c}=e,{table:g,attributes:z}=he(o,"fixed"),P=be({name:"inspector",label:"Inspector",propNames:Jn,id:X,controlled:le(i),defaultValue:le(r),presentationTable:g,builtIn:He,onChange:(j,G)=>l?.(j!=="closed",{reason:G}),onExpand:R,onCollapse:w,size:S});fe("inspector",E),ce.useEffect(()=>{(h!==void 0||T!==void 0||F!==void 0||k!==void 0)&&void 0},[h,T,F,k]);let I=ce.useRef(null),U=(0,pn.useComposedRefs)(t,P.setElement,I),a=Re({name:"inspector",elementId:P.id,elementRef:I,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:jt,expandedSize:S,minSize:m,maxSize:b,resizable:p,collapsible:N,size:L,defaultSize:M,onSizeChange:Q,sizeUpdate:f,sizeUpdateMs:C,onResize:D,onResizeStart:V,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:k,overlaying:P.overlaying,overlayingNow:()=>g[ie()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:u,content:s}=ve(_,qe),x=p&&P.shown!==!1&&!P.overlaying?ce.createElement(me.Provider,{value:a},u.length>0?u:ce.createElement(oe,null)):null;return ce.createElement("div",{...ge(c),id:P.id,ref:U,className:(0,un.default)("rt-ShellPane","rt-ShellInspector",n),...Pe(P,z),"data-inset":E||void 0,tabIndex:P.overlaying?-1:c.tabIndex,style:{...O,"--inspector-expanded-size":`${S}px`,"--inspector-min-size":`${m}px`,"--inspector-max-size":`${b}px`}},ce.createElement("div",{className:"rt-ShellInspectorContent"},s),x)});it.displayName="Shell.Inspector";it.Handle=qe;var ue=$(require("react"));var mn=e=>e===void 0?void 0:e==="closed"?"collapsed":"expanded",bn=e=>e==="collapsed"?"closed":"open",lt=e=>e===void 0||e==="closed"?"collapsed":"expanded",dt=e=>e==="left"?"rail":e;function eo(e){let t=ue.useCallback(n=>Me(e,n),[e]);return ue.useSyncExternalStore(t,()=>e.version,()=>0)}function Pn(){let e=Se("useSidebarMode"),t=ue.useCallback(r=>Me(e,r),[e]),n=ue.useSyncExternalStore(t,()=>e.entries.get("sidebar")?.value,()=>{}),o=ue.useCallback(r=>{e.entries.get("sidebar")?.setValue(bn(r),"toggle")},[e]);return{sidebarMode:mn(n)??"expanded",setSidebarMode:o}}var fn=()=>{};function hn(){let e=Se("useShell");ue.useEffect(()=>{},[]),eo(e);let{breakpoint:t,ready:n}=Ne(),o=ue.useMemo(()=>{let l=m=>b=>e.entries.get(m)?.setValue(b==="collapsed"?"closed":"open","toggle"),S=m=>ke(e,m===null?null:dt(m));return{setLeftMode:l("rail"),setPanelMode:l("panel"),setInspectorMode:l("inspector"),setBottomMode:l("bottom"),setSidebarMode:m=>e.entries.get("sidebar")?.setValue(bn(m),"toggle"),setPeekTarget:S,peekPane:m=>S(m),clearPeek:()=>S(null),setHasLeft:fn,setHasSidebar:fn,togglePane:m=>e.entries.get(dt(m))?.toggle("toggle"),expandPane:m=>e.entries.get(dt(m))?.setValue("open","toggle"),collapsePane:m=>e.entries.get(dt(m))?.setValue("closed","toggle")}},[e]),r=l=>e.entries.get(l)?.value,i=e.entries.get("rail");return{leftMode:lt(r("rail")),leftControlledOpen:i?.value===void 0?void 0:i.value!=="closed",panelMode:lt(r("panel")),sidebarMode:mn(r("sidebar"))??"expanded",inspectorMode:lt(r("inspector")),bottomMode:lt(r("bottom")),peekTarget:e.peek,hasLeft:e.entries.has("rail"),hasSidebar:e.entries.has("sidebar"),currentBreakpoint:t,currentBreakpointReady:n,leftResolvedPresentation:i?.presentation,...o}}var Sn=$(require("react"));function Rn(e){Sn.useEffect(()=>{},[]);let{breakpoint:t}=Ne(typeof e!="string");return Te(e,()=>"fixed")[t]}var ct=$(require("react")),to="2",vn=ct.createContext(to);vn.displayName="ThemeSizeContext";function no(e,t){if(t.includes(e))return e;let n=Number(e),o=t[0],r=1/0;for(let i=0;i<t.length;i++){let l=Math.abs(Number(t[i])-n);l<r&&(r=l,o=t[i])}return o}function gn(e,t){let n=ct.useContext(vn);return e!==void 0?e:no(n,t.values)}var wt=0;function yn(e){wt=Math.max(0,wt+e);let t=document.documentElement;wt>0?t.setAttribute("data-rt-shell-lock",""):t.removeAttribute("data-rt-shell-lock")}var Lt="data-rt-shell-inert",oo=30;function Fe(e,t){return t===null||t===e||t===e.body||t===e.documentElement}function Cn(e,t,n){for(let o of e.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(o.getAttribute("aria-controls")!==t||o.closest("[inert]"))&&!(n&&!n.some(r=>r.contains(o))))return o;return null}var ro={values:["1","2","3"]},zn=d.forwardRef(({className:e,children:t,height:n="full",size:o,style:r,onKeyDown:i,onFocus:l,...S},m)=>{let b=gn(o,ro),[p]=d.useState($t),N=d.useCallback(a=>Me(p,a),[p]);d.useSyncExternalStore(N,()=>p.version,()=>0);let R=d.useRef(null),w=(0,ut.useComposedRefs)(m,R),[D,V]=d.useState(()=>new Set),y=d.useCallback(a=>{V(u=>u.has(a)?u:new Set(u).add(a))},[]),h=d.useCallback(a=>{V(u=>{if(!u.has(a))return u;let s=new Set(u);return s.delete(a),s})},[]),H=d.useMemo(()=>({registerInset:y,unregisterInset:h}),[y,h]),T=d.useCallback(()=>{for(let a of p.entries.values())a.overlayLive&&a.setValue("closed","dismiss")},[p]),F=d.useCallback(()=>[...p.entries.values()].filter(a=>a.overlayLive&&a.el).map(a=>({name:a.name,id:a.id,el:a.el})),[p]),k=[...p.entries.values()].filter(a=>a.overlayLive&&a.el).length,_=n!=="full"&&n!=="auto",O=d.useCallback(()=>{let a=R.current;if(!a)return;let u=F().map(s=>s.el);for(let s of a.children){if(!(s instanceof HTMLElement)||s.classList.contains("rt-ShellScrim"))continue;let x=u.some(j=>s===j||s.contains(j));u.length===0||x?s.hasAttribute(Lt)&&(s.removeAttribute(Lt),s.inert=!1):s.inert||(s.setAttribute(Lt,""),s.inert=!0)}},[F]),Q=d.useRef(null),f=d.useRef([]),C=d.useRef(null),L=d.useRef(!1),M=d.useRef(0),E=d.useCallback(()=>{M.current&&cancelAnimationFrame(M.current),M.current=0},[]),X=d.useCallback((a,u)=>{E();let s=0,x=()=>{if(M.current=0,!!a.isConnected){if(u(a.ownerDocument.activeElement)){a.focus({preventScroll:!0});return}s+=1,s<oo&&(M.current=requestAnimationFrame(x))}};M.current=requestAnimationFrame(x)},[E]);d.useEffect(()=>()=>{E(),L.current&&(L.current=!1,yn(-1))},[E]),d.useEffect(()=>{let a=R.current;if(!a)return;let u=a.ownerDocument,s=F(),x=s.map(v=>v.el),j=!_&&s.length>0;j!==L.current&&(L.current=j,yn(j?1:-1));let G=f.current;f.current=s;let se=G.filter(v=>{if(x.includes(v.el))return!1;let q=p.entries.get(v.name);return!v.el.isConnected||!q||q.el!==v.el||q.value==="closed"}),Ce=v=>v!==null&&se.some(q=>q.el.contains(v));if(G.length===0&&s.length>0){let v=u.activeElement,q=v instanceof HTMLElement&&!Fe(u,v)&&!x.some(J=>J.contains(v))?v:null;if(q&&!a.contains(q)){let J=C.current;J&&J.isConnected&&!x.some(xe=>xe.contains(J))&&(q=J)}Q.current=q}if(O(),s.length===0){let v=Q.current;if(Q.current=null,se.length===0)return;let J=(re=>re!==null&&re.isConnected&&!re.closest("[inert]")&&!Ce(re))(v)?v:null;for(let re of se)J??(J=Cn(u,re.id));if(!J)return;let xe=re=>Fe(u,re)||Ce(re);xe(u.activeElement)?J.focus({preventScroll:!0}):X(J,xe);return}if(se.length>0){let v=u.activeElement;if(Fe(u,v)||Ce(v)){let q=null;for(let J of se)q??(q=Cn(u,J.id,x));(q??x[x.length-1]).focus({preventScroll:!0})}}let ee=x.filter(v=>!G.some(q=>q.el===v)),ze=u.activeElement;ee.length>0&&!x.some(v=>v.contains(ze))&&(ee[0].focus({preventScroll:!0}),X(ee[0],v=>Fe(u,v)||v instanceof Element&&v.closest("[inert]")!==null))}),d.useEffect(()=>{let a=R.current;if(!a||k===0||typeof MutationObserver>"u")return;let u=new MutationObserver(O);return u.observe(a,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>u.disconnect()},[k,O]);let c=a=>{i?.(a),!(a.key!=="Escape"||a.defaultPrevented||k===0)&&(T(),a.stopPropagation())};d.useEffect(()=>{let a=R.current;if(!a||k===0)return;let u=a.ownerDocument,s=x=>{x.key!=="Escape"||x.defaultPrevented||!Fe(u,x.target)||T()};return u.addEventListener("keydown",s),()=>u.removeEventListener("keydown",s)},[k,T]);let g=a=>{l?.(a),a.target instanceof HTMLElement&&R.current?.contains(a.target)&&(C.current=a.target)},z=p.entries.get("rail"),I=z!==void 0&&z.value!==void 0&&z.value!=="closed"?D.has("rail")?`calc(${z.size}px + 2 * var(--shell-inset-gap))`:`${z.size}px`:void 0,U=n==="full"?{}:n==="auto"?{height:"auto"}:typeof n=="number"?{height:`${n}px`}:{height:n};return d.createElement(St.Provider,{value:p},d.createElement(Ie.Provider,{value:b},d.createElement(vt.Provider,{value:H},d.createElement("div",{...S,ref:w,className:(0,we.default)("rt-ShellRoot",e),"data-height":n==="auto"?"auto":void 0,"data-has-inset":D.size>0||void 0,"data-overlay-live":k>0||void 0,onKeyDown:c,onFocus:g,style:{...U,...I?{"--shell-rail-offset":I}:{},...r}},t,d.createElement("div",{className:"rt-ShellScrim","aria-hidden":!0,onClick:T})))))});zn.displayName="Shell.Root";var xn=d.forwardRef(({className:e,height:t=64,style:n,...o},r)=>d.createElement("header",{...o,ref:r,className:(0,we.default)("rt-ShellHeader",e),style:{...n,"--shell-header-height":`${t}px`}}));xn.displayName="Shell.Header";var En=d.forwardRef(({children:e},t)=>(d.useEffect(()=>{},[]),d.createElement(d.Fragment,null,e)));En.displayName="Shell.Left";var ao={controlled:"open",default:"defaultOpen"},Tn=d.forwardRef((e,t)=>{let{className:n,presentation:o,expandedSize:r=64,collapsible:i,onExpand:l,onCollapse:S,children:m,style:b,open:p,defaultOpen:N,onOpenChange:R,inset:w,id:D,...V}=e,{table:y,attributes:h}=he(o,"fixed"),H=be({name:"rail",label:"Rail",propNames:ao,id:D,controlled:le(p),defaultValue:le(N),presentationTable:y,builtIn:Je,onChange:(F,k)=>R?.(F!=="closed",{reason:k}),onExpand:l,onCollapse:S,size:r});fe("rail",w);let T=(0,ut.useComposedRefs)(t,H.setElement);return d.createElement("div",{...V,id:H.id,ref:T,className:(0,we.default)("rt-ShellPane","rt-ShellRail",n),...Pe(H,h),"data-inset":w||void 0,tabIndex:H.overlaying?-1:V.tabIndex,style:{...b,"--rail-size":`${r}px`}},d.createElement(so,null,m))});Tn.displayName="Shell.Rail";function so({children:e}){let t=d.useContext(Ie);return d.createElement("div",{className:(0,we.default)("rt-ShellRailContent",`rt-r-size-${t}`)},d.createElement(De,{presentation:"thin"},e))}var io={controlled:"open",default:"defaultOpen"},Nt=d.forwardRef((e,t)=>{let{className:n,presentation:o,defaultOpen:r,open:i,onOpenChange:l,size:S,defaultSize:m,expandedSize:b=288,minSize:p=100,maxSize:N=800,resizable:R=!1,collapsible:w=!0,onExpand:D,onCollapse:V,onResize:y,onResizeStart:h,onResizeEnd:H,snapPoints:T,snapTolerance:F,collapseThreshold:k,paneId:_,persistence:O,children:Q,style:f,onSizeChange:C,sizeUpdate:L,sizeUpdateMs:M=50,inset:E,id:X,...c}=e,g=Se("Shell.Panel"),z=Rt(g,"rail"),P=he(o,"fixed"),I=o===void 0,U=I?z?.presentationTable??ht:P.table,a=I?{"data-presentation-follows":""}:P.attributes,u=be({name:"panel",label:"Panel",propNames:io,id:X,controlled:le(i),defaultValue:le(r),presentationTable:U,builtIn:He,onChange:(ee,ze)=>l?.(ee!=="closed",{reason:ze}),onExpand:D,onCollapse:V,size:b});fe("panel",E),d.useEffect(()=>{(T!==void 0||k!==void 0||_!==void 0||O!==void 0)&&void 0},[T,k,_,O]);let s=d.useRef(null),x=(0,ut.useComposedRefs)(t,u.setElement,s),j=Re({name:"panel",elementId:u.id,elementRef:s,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:Ze,expandedSize:b,minSize:p,maxSize:N,resizable:R,collapsible:w,size:S,defaultSize:m,onSizeChange:C,sizeUpdate:L,sizeUpdateMs:M,onResize:y,onResizeStart:h,onResizeEnd:H,snapPoints:T,snapTolerance:F,collapseThreshold:k,paneId:_,persistence:O,overlaying:u.overlaying,overlayingNow:()=>(I?g.entries.get("rail")?.presentationTable??ht:P.table)[ie()]==="overlay",requestCollapse:()=>u.setValue("closed","toggle"),requestToggle:()=>u.toggle("toggle")}),{handles:G,content:se}=ve(Q,_e),Ce=R&&u.shown!==!1&&!u.overlaying?d.createElement(me.Provider,{value:j},G.length>0?G:d.createElement(oe,null)):null;return d.createElement("div",{...ge(c),id:u.id,ref:x,className:(0,we.default)("rt-ShellPane","rt-ShellPanel",n),...Pe(u,a),"data-inset":E||void 0,tabIndex:u.overlaying?-1:c.tabIndex,style:{...f,"--panel-expanded-size":`${b}px`}},d.createElement("div",{className:"rt-ShellPanelContent"},d.createElement(De,null,se)),Ce)});Nt.displayName="Shell.Panel";Nt.Handle=_e;var Mn=d.forwardRef(({className:e,inset:t,...n},o)=>(fe("content",t),d.createElement("main",{...n,ref:o,className:(0,we.default)("rt-ShellContent",e),"data-inset":t||void 0})));Mn.displayName="Shell.Content";var wn=d.forwardRef(({target:e,action:t="toggle",peekOnHover:n,onClick:o,onMouseEnter:r,onMouseLeave:i,children:l,...S},m)=>{let b=Se("Shell.Trigger");d.useEffect(()=>{e==="left"&&void 0,n&&void 0},[e,n]);let p=e==="left"?"rail":e,N=Rt(b,p),R=N?.value===void 0?void 0:N.value!=="closed",w=y=>{if(o?.(y),y.defaultPrevented)return;let h=b.entries.get(p);h&&(b.peek===p&&ke(b,null),t==="toggle"?h.toggle("toggle"):t==="expand"?h.setValue("open","toggle"):h.setValue("closed","toggle"))},D=y=>{if(r?.(y),!n)return;let h=b.entries.get(p);h&&h.value==="closed"&&h.presentation!=="overlay"&&ke(b,p)},V=y=>{i?.(y),n&&b.peek===p&&ke(b,null)};return d.createElement("button",{type:"button","aria-controls":N?.id,"aria-expanded":R,...S,ref:m,onClick:w,onMouseEnter:D,onMouseLeave:V,"data-shell-trigger":e,"data-shell-action":t},l)});wn.displayName="Shell.Trigger";
+"use strict";"use client";var Ln=Object.create;var $e=Object.defineProperty;var Nn=Object.getOwnPropertyDescriptor;var Vn=Object.getOwnPropertyNames;var Bn=Object.getPrototypeOf,Hn=Object.prototype.hasOwnProperty;var In=(e,t)=>{for(var n in t)$e(e,n,{get:t[n],enumerable:!0})},Ht=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Vn(t))!Hn.call(e,r)&&r!==n&&$e(e,r,{get:()=>t[r],enumerable:!(o=Nn(t,r))||o.enumerable});return e};var $=(e,t,n)=>(n=e!=null?Ln(Bn(e)):{},Ht(t||!e||!e.__esModule?$e(n,"default",{value:e,enumerable:!0}):n,e)),An=e=>Ht($e({},"__esModule",{value:!0}),e);var lo={};In(lo,{Bottom:()=>st,Content:()=>Mn,Header:()=>xn,Inspector:()=>it,Left:()=>En,PaneFooter:()=>Tt,PaneHeader:()=>Et,Panel:()=>Lt,Rail:()=>Tn,Root:()=>zn,Scroll:()=>Mt,Sidebar:()=>at,Trigger:()=>wn,useResponsivePresentation:()=>Rn,useShell:()=>hn,useSidebarMode:()=>Pn});module.exports=An(lo);var d=$(require("react")),we=$(require("classnames")),ut=require("radix-ui/internal");var We=$(require("react")),me=We.createContext(null);function It(){let e=We.useContext(me);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var K=$(require("react")),At=$(require("classnames"));var oe=K.forwardRef(({className:e,children:t,...n},o)=>{let{containerRef:r,controls:i,cssVarName:l,minSize:S,maxSize:m,defaultSize:b,orientation:p,edge:L,growth:R,onResize:w,onResizeStart:D,onResizeEnd:N,snapPoints:y,snapTolerance:h,collapseThreshold:H,collapsible:T,target:F,requestCollapse:V,requestToggle:_}=It(),O=K.useRef(null),Q=K.useCallback(c=>{O.current=c,typeof o=="function"?o(c):o&&(o.current=c)},[o]),f=K.useRef(null);K.useEffect(()=>()=>{f.current?.(),f.current=null},[]);let C=K.useCallback(()=>{let c=r.current;if(!c)return b;let g=Number.parseFloat(getComputedStyle(c).getPropertyValue(l));return Number.isFinite(g)?g:b},[r,l,b]),k=K.useCallback(()=>{let c=r.current,g=O.current,z=c?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!c||!z||!g)return m;let P=c.getBoundingClientRect(),I=g.getBoundingClientRect(),U=R(getComputedStyle(c).direction==="rtl"),a;p==="vertical"?a=U>0?z.right-P.left:P.right-z.left:a=U>0?z.bottom-P.top:P.bottom-z.top;let u=p==="vertical"?I.width:I.height;return!(z.width>0&&z.height>0)||!Number.isFinite(a)?m:Math.max(S,Math.min(m,Math.round(a-u)))},[r,R,m,S,p]),M=()=>{O.current?.setAttribute("aria-valuemax",String(k()))};K.useLayoutEffect(()=>{O.current?.setAttribute("aria-valuenow",String(Math.round(C())))},[C]);let E=(c,g)=>{c.style.setProperty(l,`${g}px`),O.current?.setAttribute("aria-valuenow",String(Math.round(g)))},X=F.charAt(0).toUpperCase()+F.slice(1);return K.createElement("div",{ref:Q,className:(0,At.default)("kui-ShellResizer",e),"data-orientation":p,"data-edge":L,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":i,"aria-orientation":p,"aria-valuemin":S,"aria-valuemax":m,...n,onPointerDown:c=>{n.onPointerDown?.(c);let g=r.current;if(!g||c.defaultPrevented||c.button!==0)return;c.preventDefault();let z=c.currentTarget,P=c.pointerId;f.current?.();try{z.setPointerCapture(P)}catch{}let I=getComputedStyle(g),U=Number.parseFloat(I.getPropertyValue(l)),a=Number.isFinite(U)?U:b,u=p==="vertical"?c.clientX:c.clientY,s=R(I.direction==="rtl"),x=k();z.setAttribute("aria-valuemax",String(x));let j=Y=>Math.min(Math.max(Y,S),x);g.setAttribute("data-resizing",""),z.setAttribute("data-dragging","");let G=document.body,se=G.style.cursor,Ce=G.style.userSelect;G.style.cursor=p==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",D?.(a);let ee=a,ze=a,v=0,q=null,J=()=>{if(v=0,q===null)return;let Y=q;q=null,w?.(Y)},xe=null,re=!1,kn=(Y,ke)=>{if(Y.type===ke)re=!0;else if(re)return!1;return!0},pe=Y=>{if(!kn(Y,"pointermove")||Y===xe)return;xe=Y;let ke=p==="vertical"?Y.clientX:Y.clientY;ze=a+(ke-u)*s,ee=j(ze),E(g,ee),q=ee,v||(v=requestAnimationFrame(J))},Ue=()=>{v&&cancelAnimationFrame(v),v=0;try{z.releasePointerCapture(P)}catch{}window.removeEventListener("pointermove",pe),document.removeEventListener("pointermove",pe),window.removeEventListener("mousemove",pe),document.removeEventListener("mousemove",pe),z.removeEventListener("pointermove",pe),window.removeEventListener("pointerup",te),document.removeEventListener("pointerup",te),window.removeEventListener("mouseup",te),document.removeEventListener("mouseup",te),window.removeEventListener("pointercancel",te),document.removeEventListener("pointercancel",te),window.removeEventListener("keydown",Nt),z.removeEventListener("lostpointercapture",te),g.removeAttribute("data-resizing"),z.removeAttribute("data-dragging"),G.style.cursor=se,G.style.userSelect=Ce,f.current=null},pt=!1,te=()=>{if(pt)return;if(pt=!0,v&&cancelAnimationFrame(v),J(),T&&typeof H=="number"&&ze<=H){E(g,a),w?.(a),Ue(),V?.(),N?.(a);return}let Y=ee;if(y&&y.length){let ke=y.reduce((Vt,Bt)=>Math.abs(Bt-ee)<Math.abs(Vt-ee)?Bt:Vt,y[0]);Math.abs(ke-ee)<=h&&(Y=j(ke),E(g,Y),w?.(Y))}N?.(Y),Ue()},Nt=Y=>{Y.key==="Escape"&&(v&&cancelAnimationFrame(v),v=0,q=null,E(g,a),w?.(a),pt=!0,N?.(a),Ue())};window.addEventListener("pointermove",pe),document.addEventListener("pointermove",pe),window.addEventListener("mousemove",pe),document.addEventListener("mousemove",pe),z.addEventListener("pointermove",pe),window.addEventListener("pointerup",te),document.addEventListener("pointerup",te),window.addEventListener("mouseup",te),document.addEventListener("mouseup",te),window.addEventListener("pointercancel",te),document.addEventListener("pointercancel",te),window.addEventListener("keydown",Nt),z.addEventListener("lostpointercapture",te),f.current=Ue},onDoubleClick:c=>{n.onDoubleClick?.(c),!c.defaultPrevented&&T&&_?.()},onFocus:c=>{n.onFocus?.(c),M()},onKeyDown:c=>{n.onKeyDown?.(c);let g=r.current;if(!g||c.defaultPrevented)return;let z=C(),P=k(),I=a=>Math.min(Math.max(a,S),P),U;if(c.key==="Home")U=I(S);else if(c.key==="End")U=I(P);else{let a=p==="vertical"?c.key==="ArrowRight"?1:c.key==="ArrowLeft"?-1:0:c.key==="ArrowDown"?1:c.key==="ArrowUp"?-1:0;if(a===0)return;let u=c.shiftKey?32:8;U=I(z+a*u*R(getComputedStyle(g).direction==="rtl"))}c.preventDefault(),D?.(z),E(g,U),w?.(U),N?.(U)}},t)});oe.displayName="Shell.Handle";var _e=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));_e.displayName="Shell.Panel.Handle";var je=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));je.displayName="Shell.Sidebar.Handle";var qe=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));qe.displayName="Shell.Inspector.Handle";var Ke=K.forwardRef((e,t)=>K.createElement(oe,{...e,ref:t}));Ke.displayName="Shell.Bottom.Handle";var ae=$(require("react")),sn=$(require("classnames")),ln=require("radix-ui/internal");var A=$(require("react"));var Oe=$(require("react"));var Ot={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Ge=["initial","xs","sm","md","lg","xl"];var On=Object.entries(Ot),ft=null,Ae=new Set,Ee=null;function mt(){return ft??(ft=On.map(([e,t])=>[e,window.matchMedia(t)])),ft}function Xe(){let e="initial";for(let[t,n]of mt())n.matches&&(e=t);return e}function Qe(){let e=Xe();e!==Ee&&(Ee=e,Ae.forEach(t=>t()))}function Dt(e){if(typeof window>"u")return()=>{};if(Ae.size===0){Ee=Xe();for(let[,t]of mt())typeof t.addEventListener=="function"?t.addEventListener("change",Qe):t.addListener?.(Qe)}return Ae.add(e),()=>{if(Ae.delete(e),!(Ae.size>0)){for(let[,t]of mt())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",Qe):t.removeListener?.(Qe)}catch{}Ee=null}}}function Dn(){return typeof window>"u"?"initial":(Ee??(Ee=Xe()),Ee)}function Fn(){return"initial"}function ie(){return typeof window>"u"?"initial":Xe()}var Un=()=>!0,$n=()=>!1,Ft=()=>()=>{},Wn=()=>"initial";function Le(e=!0){let t=Oe.useSyncExternalStore(e?Dt:Ft,e?Dn:Wn,Fn),n=Oe.useSyncExternalStore(e?Dt:Ft,Un,$n);return Oe.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var Z=$(require("react"));function Ut(e){return typeof e=="object"&&e!==null}function Te(e,t){let n={},o=null;for(let r of Ge){if(e!==void 0&&!Ut(e)){n[r]=e;continue}let i=Ut(e)?e[r]:void 0;i!==void 0&&(o={value:i}),n[r]=o?o.value:t(r)}return n}function Ne(e){let t=e.initial;return Ge.every(n=>e[n]===t)?t:void 0}function bt(e,t){let n=Ne(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of Ge)o[`data-${e}-${r}`]=t[r];return o}function Pt(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var ht=Te("fixed",()=>"fixed");function $t(){return{entries:new Map,listeners:new Set,version:0,peek:null}}function Ye(e){e.version+=1;for(let t of e.listeners)t()}function Me(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}function Ve(e,t){e.peek!==t&&(e.peek=t,Ye(e))}var St=Z.createContext(null);function Se(e){let t=Z.useContext(St);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Rt(e,t){let n=Z.useCallback(r=>Me(e,r),[e]),o=Z.useCallback(()=>e.entries.get(t),[e,t]);return Z.useSyncExternalStore(n,o,()=>{})}function Wt(e,t){let n=Z.useCallback(o=>Me(e,o),[e]);return Z.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var vt=Z.createContext(null);function fe(e,t){let n=Z.useContext(vt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:r}=n;Z.useLayoutEffect(()=>{if(t)return o(e),()=>r(e)},[e,t,o,r])}var gt=e=>typeof e=="object"&&e!==null;function _n(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function be(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:i}=e,l=Se(`Shell.${n}`),S=A.useId(),m=e.id??`shell-${t}${S}`,b=e.controlled!==void 0,p=gt(e.controlled);p&&(`${n}${o.controlled}${o.default}`,void 0);let L=p?e.controlled:void 0,R=L??(gt(e.defaultValue)?e.defaultValue:void 0),w=Pt(R),[D,N]=A.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),y=A.useMemo(()=>L?Te(L,()=>_n(L)):Te(R,s=>i(r[s])),[w,p,r,i]),h=D;b&&(h=L?"auto":e.controlled);let H=Ne(r)===void 0||h==="auto"&&Ne(y)===void 0,{breakpoint:T,ready:F}=Le(H),V=s=>{let x=Ne(s);return x!==void 0?x:F?s[T]:void 0},_=h==="auto"?V(y):h,O=V(r),Q=O==="overlay",f=_===void 0?void 0:_!=="closed",C=f===!0&&Q,k=e.defaultValue,M=A.useRef({state:h,value:_,autoTable:y,defaultValue:k,controlled:b,onChange:e.onChange,toggleNext:e.toggleNext});A.useLayoutEffect(()=>{M.current={state:h,value:_,autoTable:y,defaultValue:k,controlled:b,onChange:e.onChange,toggleNext:e.toggleNext}});let E=A.useCallback(()=>{let s=M.current;return s.value!==void 0?s.value:s.state==="auto"?s.autoTable[ie()]:void 0},[]),X=A.useCallback(()=>{let s=M.current;return typeof s.defaultValue=="string"?s.defaultValue:gt(s.defaultValue)?s.autoTable[ie()]:void 0},[]),c=A.useCallback((s,x)=>{let j=M.current;E()!==s&&(j.onChange?.(s,x),j.controlled||N(s))},[E]),g=A.useCallback(s=>{let x=M.current,j=E()??"closed",G=x.toggleNext?x.toggleNext(j,X()):j==="closed"?"open":"closed";c(G,s)},[c,E,X]),z=A.useRef(null),P=A.useCallback(s=>{z.current=s},[]);A.useLayoutEffect(()=>{let s={name:t,id:m,el:z.current,value:_,presentation:O,presentationTable:r,overlayLive:C,size:e.size,setValue:c,toggle:g};return l.entries.set(t,s),Ye(l),()=>{l.entries.get(t)===s&&(l.entries.delete(t),Ye(l))}},[l,t,m,_,O,r,C,e.size,c,g]);let I=A.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});A.useLayoutEffect(()=>{I.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let U=A.useRef({state:h,shown:f});A.useEffect(()=>{let s=U.current;s.state!==h&&s.shown!==void 0&&f!==void 0&&s.shown!==f&&(f?I.current.onExpand?.():I.current.onCollapse?.()),U.current={state:h,shown:f}},[h,f]),A.useLayoutEffect(()=>{},[]);let a=A.useRef(b);A.useEffect(()=>{},[b,n,o.controlled]);let u=Wt(l,t)&&f===!1&&!Q;return{store:l,id:m,state:h,value:_,shown:f,presentation:O,overlaying:Q,overlayLive:C,peeking:u,ready:F,breakpoint:T,autoTable:y,setValue:c,toggle:g,defaultHereNow:X,setElement:P}}function Pe(e,t){let{state:n,value:o,presentation:r,shown:i}=e;return{...t,"data-state":n,...n==="auto"?bt("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":r==="stacked"&&i?"":void 0,"data-peek":e.peeking?"":void 0}}function he(e,t){let n=Pt(e),o=A.useMemo(()=>Te(e,()=>t),[n,t]),r=A.useMemo(()=>Ne(o)===void 0?bt("presentation",o):{},[o]);return{table:o,attributes:r}}var B=$(require("react"));function _t(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),i=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*i}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var yt=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Re(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:i,maxSize:l,resizable:S,size:m,defaultSize:b,paneId:p,persistence:L}=e,R=B.useRef(e);B.useLayoutEffect(()=>{R.current=e});let w=B.useRef(null),D=B.useRef(0);B.useEffect(()=>()=>{w.current&&clearTimeout(w.current)},[]);let N=B.useCallback((f,C)=>{let{onSizeChange:k,sizeUpdate:M,sizeUpdateMs:E}=R.current;if(k){if(M==="debounce"){w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{w.current=null,R.current.onSizeChange?.(f,C)},E);return}if(M==="throttle"){let X=Date.now();if(X-D.current<E)return;D.current=X}k(f,C)}},[]),y=B.useCallback(f=>_t(f,r==="vertical"?"horizontal":"vertical"),[r]),h=B.useRef(!1),H=B.useCallback((f,C)=>{let k=n.current;if(k){k.style.setProperty(o,`${f}px`);for(let M of k.querySelectorAll(":scope > .kui-ShellResizer"))M.setAttribute("aria-valuenow",String(Math.round(f)));C&&(h.current=!0)}},[n,o]);B.useLayoutEffect(()=>{h.current||H(e.expandedSize,!1)},[e.expandedSize,H]),B.useLayoutEffect(()=>{if(m!==void 0||b===void 0)return;let f=y(b);if(typeof f!="number"||!Number.isFinite(f))return;let C=yt(f,i,l);H(C,!0),N(C,{reason:"init"})},[]),B.useLayoutEffect(()=>{if(m===void 0||R.current.overlayingNow())return;let f=y(m);if(typeof f!="number"||!Number.isFinite(f))return;let C=yt(f,i,l);H(C,!0),N(C,{reason:"controlled"})},[m,i,l,e.overlaying,y,H,N]);let T=B.useMemo(()=>{if(!p||L)return L;let f=`kookie-ui:shell:${t}:${p}`;return{load:()=>{if(!(typeof window>"u"))try{let C=window.localStorage.getItem(f);return C?Number(C):void 0}catch{return}},save:C=>{if(!(typeof window>"u"))try{window.localStorage.setItem(f,String(C))}catch{}}}},[t,p,L]);B.useLayoutEffect(()=>{if(!S||!T?.load||R.current.overlayingNow())return;let f=!0,C=M=>{if(!f||typeof M!="number"||!Number.isFinite(M))return;let E=yt(M,i,l);H(E,!0),R.current.onResize?.(E)},k=T.load();return k instanceof Promise?k.then(C).catch(M=>{}):C(k),()=>{f=!1}},[S,T,e.overlaying,H,i,l,t]);let F=B.useCallback(f=>R.current.onResize?.(f),[]),V=B.useCallback(f=>{h.current=!0,R.current.onResizeStart?.(f)},[]),_=B.useCallback(f=>{R.current.onResizeEnd?.(f),N(f,{reason:"resize"}),T?.save?.(f)},[N,T]),O=B.useCallback(()=>R.current.requestCollapse(),[]),Q=B.useCallback(()=>R.current.requestToggle(),[]);return B.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:i,maxSize:l,defaultSize:e.expandedSize,orientation:r,edge:e.edge,growth:e.growth,onResize:F,onResizeStart:V,onResizeEnd:_,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:O,requestToggle:Q}),[n,e.elementId,o,i,l,e.expandedSize,r,e.edge,e.growth,F,V,_,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,O,Q])}function ve(e,t){let n=B.Children.toArray(e),o=n.filter(i=>B.isValidElement(i)&&i.type===t),r=n.filter(i=>!(B.isValidElement(i)&&i.type===t));return{handles:o,content:r}}function le(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var Je=e=>e==="overlay"?"closed":"open",He=()=>"closed",Ze=e=>e?-1:1,jt=e=>e?1:-1,qt=()=>-1;function ge(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var W=$(require("react")),rt=$(require("classnames"));var ne=$(require("react")),Zt=$(require("classnames")),ye=require("radix-ui"),en=require("radix-ui/internal");var Kt={asChild:{type:"boolean"}};var jn=["none","small","medium","large","full"],Gt={radius:{type:"enum",values:jn,default:void 0}};var qn=["vertical","horizontal","both"],et={...Kt,...Gt,scrollbars:{type:"enum",values:qn,default:"both"},fade:{type:"boolean",default:!1}};var tt=$(require("react"));function Qt(e){let[t,n]=tt.useState(null);return tt.useEffect(()=>{if(!e||!t)return;let o=0,r=()=>{o=0;let m=Math.max(0,t.scrollTop),b=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${m}px`),t.style.setProperty("--scroll-overflow-end",`${b}px`)},i=()=>{o||(o=requestAnimationFrame(r))};r(),t.addEventListener("scroll",i,{passive:!0});let l=typeof ResizeObserver>"u"?null:new ResizeObserver(i);l?.observe(t);for(let m of Array.from(t.children))l?.observe(m);let S=typeof MutationObserver>"u"?null:new MutationObserver(i);return S?.observe(t,{childList:!0}),()=>{o&&cancelAnimationFrame(o),t.removeEventListener("scroll",i),l?.disconnect(),S?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}var nt=$(require("react"));function Yt(){let[e,t]=nt.useState(null);return nt.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let o=0,r=()=>{o=0;for(let l of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let S=l.parentElement,m=getComputedStyle(S);if(S.dataset.orientation==="horizontal"){let b=S.clientWidth-parseFloat(m.paddingLeft)-parseFloat(m.paddingRight),p=Xt(e.scrollLeft,e.scrollWidth-e.offsetWidth,b-l.offsetWidth);l.style.transform=`translate3d(${p}px, 0, 0)`}else{let b=S.clientHeight-parseFloat(m.paddingTop)-parseFloat(m.paddingBottom),p=Xt(e.scrollTop,e.scrollHeight-e.offsetHeight,b-l.offsetHeight);l.style.transform=`translate3d(0, ${p}px, 0)`}}},i=()=>{o||(o=requestAnimationFrame(r))};return e.addEventListener("scroll",i,{passive:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",i)}},[e]),t}function Xt(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}var ot=$(require("react"));function Jt(e,t){let{asChild:n,children:o}=e;if(!n)return typeof t=="function"?t(o):t;let r=ot.Children.only(o);return ot.cloneElement(r,{children:typeof t=="function"?t(r.props.children):t})}var Ct=ne.forwardRef((e,t)=>{let{asChild:n,children:o,className:r,style:i,type:l,scrollHideDelay:S=l!=="scroll"?0:void 0,dir:m,radius:b=et.radius.default,scrollbars:p=et.scrollbars.default,fade:L=et.fade.default,...R}=e,w=Qt(L),D=Yt(),N=(0,en.useComposedRefs)(t,w,D);return ne.createElement(ye.ScrollArea.Root,{type:l,scrollHideDelay:S,className:(0,Zt.default)("kui-ScrollAreaRoot",r),"data-fade":L?"":void 0,style:i,asChild:n},Jt({asChild:n,children:o},y=>ne.createElement(ne.Fragment,null,ne.createElement(ye.ScrollArea.Viewport,{...R,ref:N,className:"kui-ScrollAreaViewport"},y),ne.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),p!=="vertical"?ne.createElement(ye.ScrollArea.Scrollbar,{"data-radius":b,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},ne.createElement(ye.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,p!=="horizontal"?ne.createElement(ye.ScrollArea.Scrollbar,{"data-radius":b,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},ne.createElement(ye.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,p==="both"?ne.createElement(ye.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});Ct.displayName="ScrollArea";var tn=W.createContext(null);function nn(){return W.useContext(tn)}var Ie=W.createContext("2");function De({children:e,presentation:t}){let n=W.useContext(Ie),o=W.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return W.createElement(tn.Provider,{value:o},e)}function zt(){let e=nn(),t=W.useContext(Ie),n=e?.size??t,o=e?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${o}`]}var Kn={1:"2",2:"3",3:"4",4:"4"},xt=W.createContext(null);function on(){let e=nn(),t=W.useContext(Ie);return Kn[e?.size??t]}var Et=W.forwardRef(({className:e,float:t,children:n,...o},r)=>{let i=zt(),l=on();return W.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,rt.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,e)},W.createElement(xt.Provider,{value:l},n))});Et.displayName="Shell.PaneHeader";var Tt=W.forwardRef(({className:e,float:t,children:n,...o},r)=>{let i=zt(),l=on();return W.createElement("div",{...o,ref:r,"data-float":t||void 0,className:(0,rt.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,e)},W.createElement(xt.Provider,{value:l},n))});Tt.displayName="Shell.PaneFooter";var Mt=W.forwardRef(({className:e,children:t,fade:n=!1,...o},r)=>{let i=zt();return W.createElement(Ct,{type:"hover",fade:n,className:"kui-ShellScroll"},W.createElement("div",{...o,ref:r,className:(0,rt.default)("kui-BaseMenuContent","kui-SidebarContent",...i,e)},W.createElement(xt.Provider,{value:null},W.createElement("div",{className:"kui-BaseMenuViewport"},t))))});Mt.displayName="Shell.Scroll";var rn=e=>e==="collapsed"?"closed":"open",Gn=e=>e==="closed"?"collapsed":"expanded";function an(e){if(e===void 0)return;if(typeof e=="string")return rn(e);let t={};for(let[n,o]of Object.entries(e))o!==void 0&&(t[n]=rn(o));return t}var Qn={controlled:"state",default:"defaultState"},Xn={initial:"overlay",sm:"fixed"},at=ae.forwardRef((e,t)=>{let{className:n,presentation:o=Xn,expandedSize:r=288,minSize:i=200,maxSize:l=400,resizable:S=!1,collapsible:m=!0,onExpand:b,onCollapse:p,onResize:L,onResizeStart:R,onResizeEnd:w,snapPoints:D,snapTolerance:N,collapseThreshold:y,paneId:h,persistence:H,children:T,style:F,state:V,defaultState:_,onStateChange:O,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:k,sizeUpdateMs:M=50,inset:E,id:X,...c}=e,{table:g,attributes:z}=he(o,"fixed"),P=be({name:"sidebar",label:"Sidebar",propNames:Qn,id:X,controlled:an(V),defaultValue:an(_),presentationTable:g,builtIn:Je,onChange:(G,se)=>O?.(Gn(G),{reason:se}),onExpand:b,onCollapse:p,size:r});fe("sidebar",E),ae.useEffect(()=>{(D!==void 0||y!==void 0||h!==void 0||H!==void 0)&&void 0},[D,y,h,H]);let I=ae.useRef(null),U=(0,ln.useComposedRefs)(t,P.setElement,I),a=Re({name:"sidebar",elementId:P.id,elementRef:I,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:Ze,expandedSize:r,minSize:i,maxSize:l,resizable:S,collapsible:m,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:k,sizeUpdateMs:M,onResize:L,onResizeStart:R,onResizeEnd:w,snapPoints:D,snapTolerance:N,collapseThreshold:y,paneId:h,persistence:H,overlaying:P.overlaying,overlayingNow:()=>g[ie()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:u,content:s}=ve(T,je),x=S&&P.value!=="closed"&&!P.overlaying?ae.createElement(me.Provider,{value:a},u.length>0?u:ae.createElement(oe,null)):null,j=P.peeking?`var(--sidebar-size, ${r}px)`:void 0;return ae.createElement("div",{...ge(c),id:P.id,ref:U,className:(0,sn.default)("kui-ShellPane","kui-ShellSidebar",n),...Pe(P,z),"data-inset":E||void 0,tabIndex:P.overlaying?-1:c.tabIndex,style:{...F,"--sidebar-expanded-size":`${r}px`,"--sidebar-min-size":`${i}px`,"--sidebar-max-size":`${l}px`,...j?{"--peek-sidebar-width":j}:{}}},ae.createElement("div",{className:"kui-ShellSidebarContent"},ae.createElement(De,null,s)),x)});at.displayName="Shell.Sidebar";at.Handle=je;var de=$(require("react")),dn=$(require("classnames")),cn=require("radix-ui/internal");var Yn={controlled:"open",default:"defaultOpen"},st=de.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:i,onOpenChange:l,expandedSize:S=200,minSize:m=100,maxSize:b=400,resizable:p=!1,collapsible:L=!0,onExpand:R,onCollapse:w,onResize:D,onResizeStart:N,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:V,children:_,style:O,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:k,sizeUpdateMs:M=50,inset:E,id:X,...c}=e,{table:g,attributes:z}=he(o,"fixed"),P=be({name:"bottom",label:"Bottom",propNames:Yn,id:X,controlled:le(i),defaultValue:le(r),presentationTable:g,builtIn:He,onChange:(j,G)=>l?.(j!=="closed",{reason:G}),onExpand:R,onCollapse:w,size:S});fe("bottom",E),de.useEffect(()=>{(h!==void 0||T!==void 0||F!==void 0||V!==void 0)&&void 0},[h,T,F,V]);let I=de.useRef(null),U=(0,cn.useComposedRefs)(t,P.setElement,I),a=Re({name:"bottom",elementId:P.id,elementRef:I,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:qt,expandedSize:S,minSize:m,maxSize:b,resizable:p,collapsible:L,size:Q,defaultSize:f,onSizeChange:C,sizeUpdate:k,sizeUpdateMs:M,onResize:D,onResizeStart:N,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:V,overlaying:P.overlaying,overlayingNow:()=>g[ie()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:u,content:s}=ve(_,Ke),x=p&&P.shown!==!1&&!P.overlaying?de.createElement(me.Provider,{value:a},u.length>0?u:de.createElement(oe,null)):null;return de.createElement("div",{...ge(c),id:P.id,ref:U,className:(0,dn.default)("kui-ShellPane","kui-ShellBottom",n),...Pe(P,z),"data-inset":E||void 0,tabIndex:P.overlaying?-1:c.tabIndex,style:{...O,"--bottom-expanded-size":`${S}px`,"--bottom-min-size":`${m}px`,"--bottom-max-size":`${b}px`}},de.createElement("div",{className:"kui-ShellBottomContent"},s),x)});st.displayName="Shell.Bottom";st.Handle=Ke;var ce=$(require("react")),un=$(require("classnames")),pn=require("radix-ui/internal");var Jn={controlled:"open",default:"defaultOpen"},Zn={initial:"overlay",sm:"fixed"},it=ce.forwardRef((e,t)=>{let{className:n,presentation:o=Zn,defaultOpen:r,open:i,onOpenChange:l,expandedSize:S=320,minSize:m=200,maxSize:b=500,resizable:p=!1,collapsible:L=!0,onExpand:R,onCollapse:w,onResize:D,onResizeStart:N,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:V,children:_,style:O,onSizeChange:Q,sizeUpdate:f,sizeUpdateMs:C=50,size:k,defaultSize:M,inset:E,id:X,...c}=e,{table:g,attributes:z}=he(o,"fixed"),P=be({name:"inspector",label:"Inspector",propNames:Jn,id:X,controlled:le(i),defaultValue:le(r),presentationTable:g,builtIn:He,onChange:(j,G)=>l?.(j!=="closed",{reason:G}),onExpand:R,onCollapse:w,size:S});fe("inspector",E),ce.useEffect(()=>{(h!==void 0||T!==void 0||F!==void 0||V!==void 0)&&void 0},[h,T,F,V]);let I=ce.useRef(null),U=(0,pn.useComposedRefs)(t,P.setElement,I),a=Re({name:"inspector",elementId:P.id,elementRef:I,cssVarName:"--inspector-size",orientation:"vertical",edge:"start",growth:jt,expandedSize:S,minSize:m,maxSize:b,resizable:p,collapsible:L,size:k,defaultSize:M,onSizeChange:Q,sizeUpdate:f,sizeUpdateMs:C,onResize:D,onResizeStart:N,onResizeEnd:y,snapPoints:h,snapTolerance:H,collapseThreshold:T,paneId:F,persistence:V,overlaying:P.overlaying,overlayingNow:()=>g[ie()]==="overlay",requestCollapse:()=>P.setValue("closed","toggle"),requestToggle:()=>P.toggle("toggle")}),{handles:u,content:s}=ve(_,qe),x=p&&P.shown!==!1&&!P.overlaying?ce.createElement(me.Provider,{value:a},u.length>0?u:ce.createElement(oe,null)):null;return ce.createElement("div",{...ge(c),id:P.id,ref:U,className:(0,un.default)("kui-ShellPane","kui-ShellInspector",n),...Pe(P,z),"data-inset":E||void 0,tabIndex:P.overlaying?-1:c.tabIndex,style:{...O,"--inspector-expanded-size":`${S}px`,"--inspector-min-size":`${m}px`,"--inspector-max-size":`${b}px`}},ce.createElement("div",{className:"kui-ShellInspectorContent"},s),x)});it.displayName="Shell.Inspector";it.Handle=qe;var ue=$(require("react"));var mn=e=>e===void 0?void 0:e==="closed"?"collapsed":"expanded",bn=e=>e==="collapsed"?"closed":"open",lt=e=>e===void 0||e==="closed"?"collapsed":"expanded",dt=e=>e==="left"?"rail":e;function eo(e){let t=ue.useCallback(n=>Me(e,n),[e]);return ue.useSyncExternalStore(t,()=>e.version,()=>0)}function Pn(){let e=Se("useSidebarMode"),t=ue.useCallback(r=>Me(e,r),[e]),n=ue.useSyncExternalStore(t,()=>e.entries.get("sidebar")?.value,()=>{}),o=ue.useCallback(r=>{e.entries.get("sidebar")?.setValue(bn(r),"toggle")},[e]);return{sidebarMode:mn(n)??"expanded",setSidebarMode:o}}var fn=()=>{};function hn(){let e=Se("useShell");ue.useEffect(()=>{},[]),eo(e);let{breakpoint:t,ready:n}=Le(),o=ue.useMemo(()=>{let l=m=>b=>e.entries.get(m)?.setValue(b==="collapsed"?"closed":"open","toggle"),S=m=>Ve(e,m===null?null:dt(m));return{setLeftMode:l("rail"),setPanelMode:l("panel"),setInspectorMode:l("inspector"),setBottomMode:l("bottom"),setSidebarMode:m=>e.entries.get("sidebar")?.setValue(bn(m),"toggle"),setPeekTarget:S,peekPane:m=>S(m),clearPeek:()=>S(null),setHasLeft:fn,setHasSidebar:fn,togglePane:m=>e.entries.get(dt(m))?.toggle("toggle"),expandPane:m=>e.entries.get(dt(m))?.setValue("open","toggle"),collapsePane:m=>e.entries.get(dt(m))?.setValue("closed","toggle")}},[e]),r=l=>e.entries.get(l)?.value,i=e.entries.get("rail");return{leftMode:lt(r("rail")),leftControlledOpen:i?.value===void 0?void 0:i.value!=="closed",panelMode:lt(r("panel")),sidebarMode:mn(r("sidebar"))??"expanded",inspectorMode:lt(r("inspector")),bottomMode:lt(r("bottom")),peekTarget:e.peek,hasLeft:e.entries.has("rail"),hasSidebar:e.entries.has("sidebar"),currentBreakpoint:t,currentBreakpointReady:n,leftResolvedPresentation:i?.presentation,...o}}var Sn=$(require("react"));function Rn(e){Sn.useEffect(()=>{},[]);let{breakpoint:t}=Le(typeof e!="string");return Te(e,()=>"fixed")[t]}var ct=$(require("react")),to="2",vn=ct.createContext(to);vn.displayName="ThemeSizeContext";function no(e,t){if(t.includes(e))return e;let n=Number(e),o=t[0],r=1/0;for(let i=0;i<t.length;i++){let l=Math.abs(Number(t[i])-n);l<r&&(r=l,o=t[i])}return o}function gn(e,t){let n=ct.useContext(vn);return e!==void 0?e:no(n,t.values)}var wt=0;function yn(e){wt=Math.max(0,wt+e);let t=document.documentElement;wt>0?t.setAttribute("data-kui-shell-lock",""):t.removeAttribute("data-kui-shell-lock")}var kt="data-kui-shell-inert",oo=30;function Fe(e,t){return t===null||t===e||t===e.body||t===e.documentElement}function Cn(e,t,n){for(let o of e.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(o.getAttribute("aria-controls")!==t||o.closest("[inert]"))&&!(n&&!n.some(r=>r.contains(o))))return o;return null}var ro={values:["1","2","3"]},zn=d.forwardRef(({className:e,children:t,height:n="full",size:o,style:r,onKeyDown:i,onFocus:l,...S},m)=>{let b=gn(o,ro),[p]=d.useState($t),L=d.useCallback(a=>Me(p,a),[p]);d.useSyncExternalStore(L,()=>p.version,()=>0);let R=d.useRef(null),w=(0,ut.useComposedRefs)(m,R),[D,N]=d.useState(()=>new Set),y=d.useCallback(a=>{N(u=>u.has(a)?u:new Set(u).add(a))},[]),h=d.useCallback(a=>{N(u=>{if(!u.has(a))return u;let s=new Set(u);return s.delete(a),s})},[]),H=d.useMemo(()=>({registerInset:y,unregisterInset:h}),[y,h]),T=d.useCallback(()=>{for(let a of p.entries.values())a.overlayLive&&a.setValue("closed","dismiss")},[p]),F=d.useCallback(()=>[...p.entries.values()].filter(a=>a.overlayLive&&a.el).map(a=>({name:a.name,id:a.id,el:a.el})),[p]),V=[...p.entries.values()].filter(a=>a.overlayLive&&a.el).length,_=n!=="full"&&n!=="auto",O=d.useCallback(()=>{let a=R.current;if(!a)return;let u=F().map(s=>s.el);for(let s of a.children){if(!(s instanceof HTMLElement)||s.classList.contains("kui-ShellScrim"))continue;let x=u.some(j=>s===j||s.contains(j));u.length===0||x?s.hasAttribute(kt)&&(s.removeAttribute(kt),s.inert=!1):s.inert||(s.setAttribute(kt,""),s.inert=!0)}},[F]),Q=d.useRef(null),f=d.useRef([]),C=d.useRef(null),k=d.useRef(!1),M=d.useRef(0),E=d.useCallback(()=>{M.current&&cancelAnimationFrame(M.current),M.current=0},[]),X=d.useCallback((a,u)=>{E();let s=0,x=()=>{if(M.current=0,!!a.isConnected){if(u(a.ownerDocument.activeElement)){a.focus({preventScroll:!0});return}s+=1,s<oo&&(M.current=requestAnimationFrame(x))}};M.current=requestAnimationFrame(x)},[E]);d.useEffect(()=>()=>{E(),k.current&&(k.current=!1,yn(-1))},[E]),d.useEffect(()=>{let a=R.current;if(!a)return;let u=a.ownerDocument,s=F(),x=s.map(v=>v.el),j=!_&&s.length>0;j!==k.current&&(k.current=j,yn(j?1:-1));let G=f.current;f.current=s;let se=G.filter(v=>{if(x.includes(v.el))return!1;let q=p.entries.get(v.name);return!v.el.isConnected||!q||q.el!==v.el||q.value==="closed"}),Ce=v=>v!==null&&se.some(q=>q.el.contains(v));if(G.length===0&&s.length>0){let v=u.activeElement,q=v instanceof HTMLElement&&!Fe(u,v)&&!x.some(J=>J.contains(v))?v:null;if(q&&!a.contains(q)){let J=C.current;J&&J.isConnected&&!x.some(xe=>xe.contains(J))&&(q=J)}Q.current=q}if(O(),s.length===0){let v=Q.current;if(Q.current=null,se.length===0)return;let J=(re=>re!==null&&re.isConnected&&!re.closest("[inert]")&&!Ce(re))(v)?v:null;for(let re of se)J??(J=Cn(u,re.id));if(!J)return;let xe=re=>Fe(u,re)||Ce(re);xe(u.activeElement)?J.focus({preventScroll:!0}):X(J,xe);return}if(se.length>0){let v=u.activeElement;if(Fe(u,v)||Ce(v)){let q=null;for(let J of se)q??(q=Cn(u,J.id,x));(q??x[x.length-1]).focus({preventScroll:!0})}}let ee=x.filter(v=>!G.some(q=>q.el===v)),ze=u.activeElement;ee.length>0&&!x.some(v=>v.contains(ze))&&(ee[0].focus({preventScroll:!0}),X(ee[0],v=>Fe(u,v)||v instanceof Element&&v.closest("[inert]")!==null))}),d.useEffect(()=>{let a=R.current;if(!a||V===0||typeof MutationObserver>"u")return;let u=new MutationObserver(O);return u.observe(a,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>u.disconnect()},[V,O]);let c=a=>{i?.(a),!(a.key!=="Escape"||a.defaultPrevented||V===0)&&(T(),a.stopPropagation())};d.useEffect(()=>{let a=R.current;if(!a||V===0)return;let u=a.ownerDocument,s=x=>{x.key!=="Escape"||x.defaultPrevented||!Fe(u,x.target)||T()};return u.addEventListener("keydown",s),()=>u.removeEventListener("keydown",s)},[V,T]);let g=a=>{l?.(a),a.target instanceof HTMLElement&&R.current?.contains(a.target)&&(C.current=a.target)},z=p.entries.get("rail"),I=z!==void 0&&z.value!==void 0&&z.value!=="closed"?D.has("rail")?`calc(${z.size}px + 2 * var(--shell-inset-gap))`:`${z.size}px`:void 0,U=n==="full"?{}:n==="auto"?{height:"auto"}:typeof n=="number"?{height:`${n}px`}:{height:n};return d.createElement(St.Provider,{value:p},d.createElement(Ie.Provider,{value:b},d.createElement(vt.Provider,{value:H},d.createElement("div",{...S,ref:w,className:(0,we.default)("kui-ShellRoot",e),"data-height":n==="auto"?"auto":void 0,"data-has-inset":D.size>0||void 0,"data-overlay-live":V>0||void 0,onKeyDown:c,onFocus:g,style:{...U,...I?{"--shell-rail-offset":I}:{},...r}},t,d.createElement("div",{className:"kui-ShellScrim","aria-hidden":!0,onClick:T})))))});zn.displayName="Shell.Root";var xn=d.forwardRef(({className:e,height:t=64,style:n,...o},r)=>d.createElement("header",{...o,ref:r,className:(0,we.default)("kui-ShellHeader",e),style:{...n,"--shell-header-height":`${t}px`}}));xn.displayName="Shell.Header";var En=d.forwardRef(({children:e},t)=>(d.useEffect(()=>{},[]),d.createElement(d.Fragment,null,e)));En.displayName="Shell.Left";var ao={controlled:"open",default:"defaultOpen"},Tn=d.forwardRef((e,t)=>{let{className:n,presentation:o,expandedSize:r=64,collapsible:i,onExpand:l,onCollapse:S,children:m,style:b,open:p,defaultOpen:L,onOpenChange:R,inset:w,id:D,...N}=e,{table:y,attributes:h}=he(o,"fixed"),H=be({name:"rail",label:"Rail",propNames:ao,id:D,controlled:le(p),defaultValue:le(L),presentationTable:y,builtIn:Je,onChange:(F,V)=>R?.(F!=="closed",{reason:V}),onExpand:l,onCollapse:S,size:r});fe("rail",w);let T=(0,ut.useComposedRefs)(t,H.setElement);return d.createElement("div",{...N,id:H.id,ref:T,className:(0,we.default)("kui-ShellPane","kui-ShellRail",n),...Pe(H,h),"data-inset":w||void 0,tabIndex:H.overlaying?-1:N.tabIndex,style:{...b,"--rail-size":`${r}px`}},d.createElement(so,null,m))});Tn.displayName="Shell.Rail";function so({children:e}){let t=d.useContext(Ie);return d.createElement("div",{className:(0,we.default)("kui-ShellRailContent",`kui-r-size-${t}`)},d.createElement(De,{presentation:"thin"},e))}var io={controlled:"open",default:"defaultOpen"},Lt=d.forwardRef((e,t)=>{let{className:n,presentation:o,defaultOpen:r,open:i,onOpenChange:l,size:S,defaultSize:m,expandedSize:b=288,minSize:p=100,maxSize:L=800,resizable:R=!1,collapsible:w=!0,onExpand:D,onCollapse:N,onResize:y,onResizeStart:h,onResizeEnd:H,snapPoints:T,snapTolerance:F,collapseThreshold:V,paneId:_,persistence:O,children:Q,style:f,onSizeChange:C,sizeUpdate:k,sizeUpdateMs:M=50,inset:E,id:X,...c}=e,g=Se("Shell.Panel"),z=Rt(g,"rail"),P=he(o,"fixed"),I=o===void 0,U=I?z?.presentationTable??ht:P.table,a=I?{"data-presentation-follows":""}:P.attributes,u=be({name:"panel",label:"Panel",propNames:io,id:X,controlled:le(i),defaultValue:le(r),presentationTable:U,builtIn:He,onChange:(ee,ze)=>l?.(ee!=="closed",{reason:ze}),onExpand:D,onCollapse:N,size:b});fe("panel",E),d.useEffect(()=>{(T!==void 0||V!==void 0||_!==void 0||O!==void 0)&&void 0},[T,V,_,O]);let s=d.useRef(null),x=(0,ut.useComposedRefs)(t,u.setElement,s),j=Re({name:"panel",elementId:u.id,elementRef:s,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:Ze,expandedSize:b,minSize:p,maxSize:L,resizable:R,collapsible:w,size:S,defaultSize:m,onSizeChange:C,sizeUpdate:k,sizeUpdateMs:M,onResize:y,onResizeStart:h,onResizeEnd:H,snapPoints:T,snapTolerance:F,collapseThreshold:V,paneId:_,persistence:O,overlaying:u.overlaying,overlayingNow:()=>(I?g.entries.get("rail")?.presentationTable??ht:P.table)[ie()]==="overlay",requestCollapse:()=>u.setValue("closed","toggle"),requestToggle:()=>u.toggle("toggle")}),{handles:G,content:se}=ve(Q,_e),Ce=R&&u.shown!==!1&&!u.overlaying?d.createElement(me.Provider,{value:j},G.length>0?G:d.createElement(oe,null)):null;return d.createElement("div",{...ge(c),id:u.id,ref:x,className:(0,we.default)("kui-ShellPane","kui-ShellPanel",n),...Pe(u,a),"data-inset":E||void 0,tabIndex:u.overlaying?-1:c.tabIndex,style:{...f,"--panel-expanded-size":`${b}px`}},d.createElement("div",{className:"kui-ShellPanelContent"},d.createElement(De,null,se)),Ce)});Lt.displayName="Shell.Panel";Lt.Handle=_e;var Mn=d.forwardRef(({className:e,inset:t,...n},o)=>(fe("content",t),d.createElement("main",{...n,ref:o,className:(0,we.default)("kui-ShellContent",e),"data-inset":t||void 0})));Mn.displayName="Shell.Content";var wn=d.forwardRef(({target:e,action:t="toggle",peekOnHover:n,onClick:o,onMouseEnter:r,onMouseLeave:i,children:l,...S},m)=>{let b=Se("Shell.Trigger");d.useEffect(()=>{e==="left"&&void 0,n&&void 0},[e,n]);let p=e==="left"?"rail":e,L=Rt(b,p),R=L?.value===void 0?void 0:L.value!=="closed",w=y=>{if(o?.(y),y.defaultPrevented)return;let h=b.entries.get(p);h&&(b.peek===p&&Ve(b,null),t==="toggle"?h.toggle("toggle"):t==="expand"?h.setValue("open","toggle"):h.setValue("closed","toggle"))},D=y=>{if(r?.(y),!n)return;let h=b.entries.get(p);h&&h.value==="closed"&&h.presentation!=="overlay"&&Ve(b,p)},N=y=>{i?.(y),n&&b.peek===p&&Ve(b,null)};return d.createElement("button",{type:"button","aria-controls":L?.id,"aria-expanded":R,...S,ref:m,onClick:w,onMouseEnter:D,onMouseLeave:N,"data-shell-trigger":e,"data-shell-action":t},l)});wn.displayName="Shell.Trigger";
 //# sourceMappingURL=shell.js.map