@womp/kookie-ui 0.26.1 → 0.26.2

package/dist/cjs/components/shell.js

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