@womp/kookie-ui 0.24.0 → 0.25.0

package/dist/cjs/components/shell.js

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