@womp/kookie-ui 0.20.0 → 0.22.0

package/dist/cjs/components/_internal/shell-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var Wt=Object.create;var me=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Ut=Object.getOwnPropertyNames;var _t=Object.getPrototypeOf,Gt=Object.prototype.hasOwnProperty;var Kt=(e,t)=>{for(var n in t)me(e,n,{get:t[n],enumerable:!0})},Je=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ut(t))!Gt.call(e,o)&&o!==n&&me(e,o,{get:()=>t[o],enumerable:!(r=qt(t,o))||r.enumerable});return e};var B=(e,t,n)=>(n=e!=null?Wt(_t(e)):{},Je(t||!e||!e.__esModule?me(n,"default",{value:e,enumerable:!0}):n,e)),Qt=e=>Je(me({},"__esModule",{value:!0}),e);var Cn={};Kt(Cn,{Sidebar:()=>Ue});module.exports=Qt(Cn);var _=B(require("react")),It=B(require("classnames")),$t=require("radix-ui/internal");var be=B(require("react")),Ve=be.createContext(null);function Ze(){let e=be.useContext(Ve);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var x=B(require("react")),et=B(require("classnames"));var re=x.forwardRef(({className:e,children:t,...n},r)=>{let{containerRef:o,controls:a,cssVarName:s,minSize:u,maxSize:c,defaultSize:d,orientation:p,edge:T,growth:E,onResize:w,onResizeStart:H,onResizeEnd:L,snapPoints:C,snapTolerance:h,collapseThreshold:k,collapsible:O,target:W,requestCollapse:ee,requestToggle:$}=Ze(),I=x.useRef(null),Q=x.useCallback(l=>{I.current=l,typeof r=="function"?r(l):r&&(r.current=l)},[r]),i=x.useRef(null);x.useEffect(()=>()=>{i.current?.(),i.current=null},[]);let b=x.useCallback(()=>{let l=o.current;if(!l)return d;let g=Number.parseFloat(getComputedStyle(l).getPropertyValue(s));return Number.isFinite(g)?g:d},[o,s,d]),z=x.useCallback(()=>{let l=o.current,g=I.current,y=l?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!l||!y||!g)return c;let v=l.getBoundingClientRect(),A=g.getBoundingClientRect(),M=E(getComputedStyle(l).direction==="rtl"),R;p==="vertical"?R=M>0?y.right-v.left:v.right-y.left:R=M>0?y.bottom-v.top:v.bottom-y.top;let Y=p==="vertical"?A.width:A.height;return!(y.width>0&&y.height>0)||!Number.isFinite(R)?c:Math.max(u,Math.min(c,Math.round(R-Y)))},[o,E,c,u,p]),N=()=>{I.current?.setAttribute("aria-valuemax",String(z()))};x.useLayoutEffect(()=>{I.current?.setAttribute("aria-valuenow",String(Math.round(b())))},[b]);let V=(l,g)=>{l.style.setProperty(s,`${g}px`),I.current?.setAttribute("aria-valuenow",String(Math.round(g)))},X=W.charAt(0).toUpperCase()+W.slice(1);return x.createElement("div",{ref:Q,className:(0,et.default)("rt-ShellResizer",e),"data-orientation":p,"data-edge":T,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":a,"aria-orientation":p,"aria-valuemin":u,"aria-valuemax":c,...n,onPointerDown:l=>{n.onPointerDown?.(l);let g=o.current;if(!g||l.defaultPrevented||l.button!==0)return;l.preventDefault();let y=l.currentTarget,v=l.pointerId;i.current?.();try{y.setPointerCapture(v)}catch{}let A=getComputedStyle(g),M=Number.parseFloat(A.getPropertyValue(s)),R=Number.isFinite(M)?M:d,Y=p==="vertical"?l.clientX:l.clientY,f=E(A.direction==="rtl"),q=z();y.setAttribute("aria-valuemax",String(q));let G=D=>Math.min(Math.max(D,u),q);g.setAttribute("data-resizing",""),y.setAttribute("data-dragging","");let J=document.body,Te=J.style.cursor,Ft=J.style.userSelect;J.style.cursor=p==="vertical"?"col-resize":"row-resize",J.style.userSelect="none",H?.(R);let ne=R,we=R,K=0,le=null,_e=()=>{if(K=0,le===null)return;let D=le;le=null,w?.(D)},Ge=null,Ke=!1,jt=(D,se)=>{if(D.type===se)Ke=!0;else if(Ke)return!1;return!0},Z=D=>{if(!jt(D,"pointermove")||D===Ge)return;Ge=D;let se=p==="vertical"?D.clientX:D.clientY;we=R+(se-Y)*f,ne=G(we),V(g,ne),le=ne,K||(K=requestAnimationFrame(_e))},fe=()=>{K&&cancelAnimationFrame(K),K=0;try{y.releasePointerCapture(v)}catch{}window.removeEventListener("pointermove",Z),document.removeEventListener("pointermove",Z),window.removeEventListener("mousemove",Z),document.removeEventListener("mousemove",Z),y.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",F),document.removeEventListener("pointerup",F),window.removeEventListener("mouseup",F),document.removeEventListener("mouseup",F),window.removeEventListener("pointercancel",F),document.removeEventListener("pointercancel",F),window.removeEventListener("keydown",Qe),y.removeEventListener("lostpointercapture",F),g.removeAttribute("data-resizing"),y.removeAttribute("data-dragging"),J.style.cursor=Te,J.style.userSelect=Ft,i.current=null},Ne=!1,F=()=>{if(Ne)return;if(Ne=!0,K&&cancelAnimationFrame(K),_e(),O&&typeof k=="number"&&we<=k){V(g,R),w?.(R),fe(),ee?.(),L?.(R);return}let D=ne;if(C&&C.length){let se=C.reduce((Xe,Ye)=>Math.abs(Ye-ne)<Math.abs(Xe-ne)?Ye:Xe,C[0]);Math.abs(se-ne)<=h&&(D=G(se),V(g,D),w?.(D))}L?.(D),fe()},Qe=D=>{D.key==="Escape"&&(K&&cancelAnimationFrame(K),K=0,le=null,V(g,R),w?.(R),Ne=!0,L?.(R),fe())};window.addEventListener("pointermove",Z),document.addEventListener("pointermove",Z),window.addEventListener("mousemove",Z),document.addEventListener("mousemove",Z),y.addEventListener("pointermove",Z),window.addEventListener("pointerup",F),document.addEventListener("pointerup",F),window.addEventListener("mouseup",F),document.addEventListener("mouseup",F),window.addEventListener("pointercancel",F),document.addEventListener("pointercancel",F),window.addEventListener("keydown",Qe),y.addEventListener("lostpointercapture",F),i.current=fe},onDoubleClick:l=>{n.onDoubleClick?.(l),!l.defaultPrevented&&O&&$?.()},onFocus:l=>{n.onFocus?.(l),N()},onKeyDown:l=>{n.onKeyDown?.(l);let g=o.current;if(!g||l.defaultPrevented)return;let y=b(),v=z(),A=R=>Math.min(Math.max(R,u),v),M;if(l.key==="Home")M=A(u);else if(l.key==="End")M=A(v);else{let R=p==="vertical"?l.key==="ArrowRight"?1:l.key==="ArrowLeft"?-1:0:l.key==="ArrowDown"?1:l.key==="ArrowUp"?-1:0;if(R===0)return;let Y=l.shiftKey?32:8;M=A(y+R*Y*E(getComputedStyle(g).direction==="rtl"))}l.preventDefault(),H?.(y),V(g,M),w?.(M),L?.(M)}},t)});re.displayName="Shell.Handle";var Xt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Xt.displayName="Shell.Panel.Handle";var ge=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));ge.displayName="Shell.Sidebar.Handle";var Yt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Yt.displayName="Shell.Inspector.Handle";var Jt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Jt.displayName="Shell.Bottom.Handle";var P=B(require("react"));var ce=B(require("react"));var tt={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Pe=["initial","xs","sm","md","lg","xl"];var Zt=Object.entries(tt),ke=null,ue=new Set,oe=null;function De(){return ke??(ke=Zt.map(([e,t])=>[e,window.matchMedia(t)])),ke}function Re(){let e="initial";for(let[t,n]of De())n.matches&&(e=t);return e}function ye(){let e=Re();e!==oe&&(oe=e,ue.forEach(t=>t()))}function nt(e){if(typeof window>"u")return()=>{};if(ue.size===0){oe=Re();for(let[,t]of De())typeof t.addEventListener=="function"?t.addEventListener("change",ye):t.addListener?.(ye)}return ue.add(e),()=>{if(ue.delete(e),!(ue.size>0)){for(let[,t]of De())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",ye):t.removeListener?.(ye)}catch{}oe=null}}}function en(){return typeof window>"u"?"initial":(oe??(oe=Re()),oe)}function tn(){return"initial"}function de(){return typeof window>"u"?"initial":Re()}var nn=()=>!0,rn=()=>!1,rt=()=>()=>{},on=()=>"initial";function ot(e=!0){let t=ce.useSyncExternalStore(e?nt:rt,e?en:on,tn),n=ce.useSyncExternalStore(e?nt:rt,nn,rn);return ce.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var U=B(require("react"));function at(e){return typeof e=="object"&&e!==null}function pe(e,t){let n={},r=null;for(let o of Pe){if(e!==void 0&&!at(e)){n[o]=e;continue}let a=at(e)?e[o]:void 0;a!==void 0&&(r={value:a}),n[o]=r?r.value:t(o)}return n}function ie(e){let t=e.initial;return Pe.every(n=>e[n]===t)?t:void 0}function Le(e,t){let n=ie(t);if(n!==void 0)return{[`data-${e}`]:n};let r={};for(let o of Pe)r[`data-${e}-${o}`]=t[o];return r}function Me(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Mn=pe("fixed",()=>"fixed");function Ae(e){e.version+=1;for(let t of e.listeners)t()}function an(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var sn=U.createContext(null);function st(e){let t=U.useContext(sn);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function it(e,t){let n=U.useCallback(r=>an(e,r),[e]);return U.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var ln=U.createContext(null);function lt(e,t){let n=U.useContext(ln);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=n;U.useLayoutEffect(()=>{if(t)return r(e),()=>o(e)},[e,t,r,o])}var Be=e=>typeof e=="object"&&e!==null;function cn(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function ut(e){let{name:t,label:n,propNames:r,presentationTable:o,builtIn:a}=e,s=st(`Shell.${n}`),u=P.useId(),c=e.id??`shell-${t}${u}`,d=e.controlled!==void 0,p=Be(e.controlled);p&&(`${n}${r.controlled}${r.default}`,void 0);let T=p?e.controlled:void 0,E=T??(Be(e.defaultValue)?e.defaultValue:void 0),w=Me(E),[H,L]=P.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),C=P.useMemo(()=>T?pe(T,()=>cn(T)):pe(E,f=>a(o[f])),[w,p,o,a]),h=H;d&&(h=T?"auto":e.controlled);let k=ie(o)===void 0||h==="auto"&&ie(C)===void 0,{breakpoint:O,ready:W}=ot(k),ee=f=>{let q=ie(f);return q!==void 0?q:W?f[O]:void 0},$=h==="auto"?ee(C):h,I=ee(o),Q=I==="overlay",i=$===void 0?void 0:$!=="closed",b=i===!0&&Q,z=e.defaultValue,N=P.useRef({state:h,value:$,autoTable:C,defaultValue:z,controlled:d,onChange:e.onChange,toggleNext:e.toggleNext});P.useLayoutEffect(()=>{N.current={state:h,value:$,autoTable:C,defaultValue:z,controlled:d,onChange:e.onChange,toggleNext:e.toggleNext}});let V=P.useCallback(()=>{let f=N.current;return f.value!==void 0?f.value:f.state==="auto"?f.autoTable[de()]:void 0},[]),X=P.useCallback(()=>{let f=N.current;return typeof f.defaultValue=="string"?f.defaultValue:Be(f.defaultValue)?f.autoTable[de()]:void 0},[]),l=P.useCallback((f,q)=>{let G=N.current;V()!==f&&(G.onChange?.(f,q),G.controlled||L(f))},[V]),g=P.useCallback(f=>{let q=N.current,G=V()??"closed",J=q.toggleNext?q.toggleNext(G,X()):G==="closed"?"open":"closed";l(J,f)},[l,V,X]),y=P.useRef(null),v=P.useCallback(f=>{y.current=f},[]);P.useLayoutEffect(()=>{let f={name:t,id:c,el:y.current,value:$,presentation:I,presentationTable:o,overlayLive:b,size:e.size,setValue:l,toggle:g};return s.entries.set(t,f),Ae(s),()=>{s.entries.get(t)===f&&(s.entries.delete(t),Ae(s))}},[s,t,c,$,I,o,b,e.size,l,g]);let A=P.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});P.useLayoutEffect(()=>{A.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let M=P.useRef({state:h,shown:i});P.useEffect(()=>{let f=M.current;f.state!==h&&f.shown!==void 0&&i!==void 0&&f.shown!==i&&(i?A.current.onExpand?.():A.current.onCollapse?.()),M.current={state:h,shown:i}},[h,i]),P.useLayoutEffect(()=>{},[]);let R=P.useRef(d);P.useEffect(()=>{},[d,n,r.controlled]);let Y=it(s,t)&&i===!1&&!Q;return{store:s,id:c,state:h,value:$,shown:i,presentation:I,overlaying:Q,overlayLive:b,peeking:Y,ready:W,breakpoint:O,autoTable:C,setValue:l,toggle:g,defaultHereNow:X,setElement:v}}function ct(e,t){let{state:n,value:r,presentation:o,shown:a}=e;return{...t,"data-state":n,...n==="auto"?Le("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":"expanded","data-open":o==="stacked"&&a?"":void 0,"data-peek":e.peeking?"":void 0}}function dt(e,t){let n=Me(e),r=P.useMemo(()=>pe(e,()=>t),[n,t]),o=P.useMemo(()=>ie(r)===void 0?Le("presentation",r):{},[r]);return{table:r,attributes:o}}var m=B(require("react"));function pt(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 o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*o}if(n.endsWith("%")){let o=Number.parseFloat(n),a=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*a}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var He=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function ft(e){let{name:t,elementRef:n,cssVarName:r,orientation:o,minSize:a,maxSize:s,resizable:u,size:c,defaultSize:d,paneId:p,persistence:T}=e,E=m.useRef(e);m.useLayoutEffect(()=>{E.current=e});let w=m.useRef(null),H=m.useRef(0);m.useEffect(()=>()=>{w.current&&clearTimeout(w.current)},[]);let L=m.useCallback((i,b)=>{let{onSizeChange:z,sizeUpdate:N,sizeUpdateMs:V}=E.current;if(z){if(N==="debounce"){w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{w.current=null,E.current.onSizeChange?.(i,b)},V);return}if(N==="throttle"){let X=Date.now();if(X-H.current<V)return;H.current=X}z(i,b)}},[]),C=m.useCallback(i=>pt(i,o==="vertical"?"horizontal":"vertical"),[o]),h=m.useRef(!1),k=m.useCallback((i,b)=>{let z=n.current;if(z){z.style.setProperty(r,`${i}px`);for(let N of z.querySelectorAll(":scope > .rt-ShellResizer"))N.setAttribute("aria-valuenow",String(Math.round(i)));b&&(h.current=!0)}},[n,r]);m.useLayoutEffect(()=>{h.current||k(e.expandedSize,!1)},[e.expandedSize,k]),m.useLayoutEffect(()=>{if(c!==void 0||d===void 0)return;let i=C(d);if(typeof i!="number"||!Number.isFinite(i))return;let b=He(i,a,s);k(b,!0),L(b,{reason:"init"})},[]),m.useLayoutEffect(()=>{if(c===void 0||E.current.overlayingNow())return;let i=C(c);if(typeof i!="number"||!Number.isFinite(i))return;let b=He(i,a,s);k(b,!0),L(b,{reason:"controlled"})},[c,a,s,e.overlaying,C,k,L]);let O=m.useMemo(()=>{if(!p||T)return T;let i=`kookie-ui:shell:${t}:${p}`;return{load:()=>{if(!(typeof window>"u"))try{let b=window.localStorage.getItem(i);return b?Number(b):void 0}catch{return}},save:b=>{if(!(typeof window>"u"))try{window.localStorage.setItem(i,String(b))}catch{}}}},[t,p,T]);m.useLayoutEffect(()=>{if(!u||!O?.load||E.current.overlayingNow())return;let i=!0,b=N=>{if(!i||typeof N!="number"||!Number.isFinite(N))return;let V=He(N,a,s);k(V,!0),E.current.onResize?.(V)},z=O.load();return z instanceof Promise?z.then(b).catch(N=>{}):b(z),()=>{i=!1}},[u,O,e.overlaying,k,a,s,t]);let W=m.useCallback(i=>E.current.onResize?.(i),[]),ee=m.useCallback(i=>{h.current=!0,E.current.onResizeStart?.(i)},[]),$=m.useCallback(i=>{E.current.onResizeEnd?.(i),L(i,{reason:"resize"}),O?.save?.(i)},[L,O]),I=m.useCallback(()=>E.current.requestCollapse(),[]),Q=m.useCallback(()=>E.current.requestToggle(),[]);return m.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:r,minSize:a,maxSize:s,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:W,onResizeStart:ee,onResizeEnd:$,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:I,requestToggle:Q}),[n,e.elementId,r,a,s,e.expandedSize,o,e.edge,e.growth,W,ee,$,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,I,Q])}function mt(e,t){let n=m.Children.toArray(e),r=n.filter(a=>m.isValidElement(a)&&a.type===t),o=n.filter(a=>!(m.isValidElement(a)&&a.type===t));return{handles:r,content:o}}var bt=e=>e==="overlay"?"closed":"open";var gt=e=>e?-1:1;function Pt(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...r}=e;return r}var S=B(require("react")),ze=B(require("classnames"));var j=B(require("react")),kt=B(require("classnames")),te=require("radix-ui"),Dt=require("radix-ui/internal");var yt={asChild:{type:"boolean"}};var dn=["none","small","medium","large","full"],Rt={radius:{type:"enum",values:dn,default:void 0}};var pn=["vertical","horizontal","both"],Se={...yt,...Rt,scrollbars:{type:"enum",values:pn,default:"both"},fade:{type:"boolean",default:!1}};var ve=B(require("react"));function St(e){let[t,n]=ve.useState(null);return ve.useEffect(()=>{if(!e||!t)return;let r=0,o=()=>{r=0;let c=Math.max(0,t.scrollTop),d=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${c}px`),t.style.setProperty("--scroll-overflow-end",`${d}px`)},a=()=>{r||(r=requestAnimationFrame(o))};o(),t.addEventListener("scroll",a,{passive:!0});let s=typeof ResizeObserver>"u"?null:new ResizeObserver(a);s?.observe(t);for(let c of Array.from(t.children))s?.observe(c);let u=typeof MutationObserver>"u"?null:new MutationObserver(a);return u?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",a),s?.disconnect(),u?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}var he=B(require("react"));function ht(){let[e,t]=he.useState(null);return he.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let r=0,o=()=>{r=0;for(let s of n.querySelectorAll(":scope > .rt-ScrollAreaScrollbar > .rt-ScrollAreaThumb")){let u=s.parentElement,c=getComputedStyle(u);if(u.dataset.orientation==="horizontal"){let d=u.clientWidth-parseFloat(c.paddingLeft)-parseFloat(c.paddingRight),p=vt(e.scrollLeft,e.scrollWidth-e.offsetWidth,d-s.offsetWidth);s.style.transform=`translate3d(${p}px, 0, 0)`}else{let d=u.clientHeight-parseFloat(c.paddingTop)-parseFloat(c.paddingBottom),p=vt(e.scrollTop,e.scrollHeight-e.offsetHeight,d-s.offsetHeight);s.style.transform=`translate3d(0, ${p}px, 0)`}}},a=()=>{r||(r=requestAnimationFrame(o))};return e.addEventListener("scroll",a,{passive:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",a)}},[e]),t}function vt(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}function xt(e){let{m:t,mx:n,my:r,mt:o,mr:a,mb:s,ml:u,...c}=e;return{m:t,mx:n,my:r,mt:o,mr:a,mb:s,ml:u,rest:c}}var fn=["initial","xs","sm","md","lg","xl"],Oe=new Set(fn);function Ie(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var mn=new Set(["initial","xs","sm","md","lg","xl"]);function $e(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(mn.has(t))return!0;return!1}function xe(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function Ct({className:e,customProperties:t,...n}){let r=bn({allowArbitraryValues:!0,className:e,...n}),o=gn({customProperties:t,...n});return[r,o]}function bn({allowArbitraryValues:e,value:t,className:n,propValues:r,propValueSet:o,parseValue:a=s=>s}){if(t){if(typeof t=="string")return xe(r,o,t)?Et(n,t,a):e?n:void 0;if($e(t)){let s=t,u=[];for(let c in s){if(!Ie(s,c)||!Oe.has(c))continue;let d=s[c];if(d!==void 0){if(xe(r,o,d)){let p=Et(n,d,a),T=c==="initial"?p:`${c}:${p}`;u.push(T)}else if(e){let p=c==="initial"?n:`${c}:${n}`;u.push(p)}}}return u.length>0?u.join(" "):""}if(e)return n}}function Et(e,t,n){let r=e?"-":"",o=n(t),a=o?.startsWith("-"),s=a?"-":"",u=a?o?.substring(1):o;return`${s}${e}${r}${u}`}function gn({customProperties:e,value:t,propValues:n,propValueSet:r,parseValue:o=a=>a}){if(!t||typeof t=="string"&&xe(n,r,t))return;let a;if(typeof t=="string"){let s=o(t);a={};for(let u of e)a[u]=s;return a}if($e(t)){let s=t;for(let u in s){if(!Ie(s,u)||!Oe.has(u))continue;let c=s[u];if(c===void 0||xe(n,r,c))continue;let d=o(c);a??(a={});for(let p of e){let T=u==="initial"?p:`${p}-${u}`;a[T]=d}}}return a??{}}function Ee(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}var ae=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],zt={m:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var wt=zt.m.values,Pn=new Set(wt),Tt=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function Nt(e){let t,n;for(let r=0;r<Tt.length;r++){let{key:o,className:a,customProperties:s}=Tt[r],u=e[o];if(u===void 0)continue;let[c,d]=Ct({className:a,customProperties:s,propValues:wt,propValueSet:Pn,value:u});c&&(t??(t=[])).push(c),d&&(n=Ee(n,d))}return[t!==void 0?t.join(" "):"",n]}var Ce=B(require("react"));function Vt(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t=="function"?t(r):t;let o=Ce.Children.only(r);return Ce.cloneElement(o,{children:typeof t=="function"?t(o.props.children):t})}var Fe=j.forwardRef((e,t)=>{let{rest:n,...r}=xt(e),[o,a]=Nt(r),{asChild:s,children:u,className:c,style:d,type:p,scrollHideDelay:T=p!=="scroll"?0:void 0,dir:E,radius:w=Se.radius.default,scrollbars:H=Se.scrollbars.default,fade:L=Se.fade.default,...C}=n,h=St(L),k=ht(),O=(0,Dt.useComposedRefs)(t,h,k);return j.createElement(te.ScrollArea.Root,{type:p,scrollHideDelay:T,className:(0,kt.default)("rt-ScrollAreaRoot",o,c),"data-fade":L?"":void 0,style:Ee(a,d),asChild:s},Vt({asChild:s,children:u},W=>j.createElement(j.Fragment,null,j.createElement(te.ScrollArea.Viewport,{...C,ref:O,className:"rt-ScrollAreaViewport"},W),j.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),H!=="vertical"?j.createElement(te.ScrollArea.Scrollbar,{"data-radius":w,orientation:"horizontal",className:"rt-ScrollAreaScrollbar"},j.createElement(te.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,H!=="horizontal"?j.createElement(te.ScrollArea.Scrollbar,{"data-radius":w,orientation:"vertical",className:"rt-ScrollAreaScrollbar"},j.createElement(te.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,H==="both"?j.createElement(te.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});Fe.displayName="ScrollArea";var Lt=S.createContext(null);function Mt(){return S.useContext(Lt)}var je=S.createContext("2");function At({children:e,presentation:t}){let n=S.useContext(je),r=S.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return S.createElement(Lt.Provider,{value:r},e)}function We(){let e=Mt(),t=S.useContext(je),n=e?.size??t,r=e?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${n}`,`rt-menu-variant-${r}`]}var yn={1:"2",2:"3",3:"4",4:"4"},qe=S.createContext(null);function Bt(){let e=Mt(),t=S.useContext(je);return yn[e?.size??t]}var Rn=S.forwardRef(({className:e,float:t,children:n,...r},o)=>{let a=We(),s=Bt();return S.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,ze.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...a,e)},S.createElement(qe.Provider,{value:s},n))});Rn.displayName="Shell.PaneHeader";var Sn=S.forwardRef(({className:e,float:t,children:n,...r},o)=>{let a=We(),s=Bt();return S.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,ze.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...a,e)},S.createElement(qe.Provider,{value:s},n))});Sn.displayName="Shell.PaneFooter";var vn=S.forwardRef(({className:e,children:t,fade:n=!1,...r},o)=>{let a=We();return S.createElement(Fe,{type:"hover",fade:n,className:"rt-ShellScroll"},S.createElement("div",{...r,ref:o,className:(0,ze.default)("rt-BaseMenuContent","rt-SidebarContent",...a,e)},S.createElement(qe.Provider,{value:null},S.createElement("div",{className:"rt-BaseMenuViewport"},t))))});vn.displayName="Shell.Scroll";var Ht=e=>e==="collapsed"?"closed":"open",hn=e=>e==="closed"?"collapsed":"expanded";function Ot(e){if(e===void 0)return;if(typeof e=="string")return Ht(e);let t={};for(let[n,r]of Object.entries(e))r!==void 0&&(t[n]=Ht(r));return t}var xn={controlled:"state",default:"defaultState"},En={initial:"overlay",sm:"fixed"},Ue=_.forwardRef((e,t)=>{let{className:n,presentation:r=En,expandedSize:o=288,minSize:a=200,maxSize:s=400,resizable:u=!1,collapsible:c=!0,onExpand:d,onCollapse:p,onResize:T,onResizeStart:E,onResizeEnd:w,snapPoints:H,snapTolerance:L,collapseThreshold:C,paneId:h,persistence:k,children:O,style:W,state:ee,defaultState:$,onStateChange:I,size:Q,defaultSize:i,onSizeChange:b,sizeUpdate:z,sizeUpdateMs:N=50,inset:V,id:X,...l}=e,{table:g,attributes:y}=dt(r,"fixed"),v=ut({name:"sidebar",label:"Sidebar",propNames:xn,id:X,controlled:Ot(ee),defaultValue:Ot($),presentationTable:g,builtIn:bt,onChange:(J,Te)=>I?.(hn(J),{reason:Te}),onExpand:d,onCollapse:p,size:o});lt("sidebar",V),_.useEffect(()=>{(H!==void 0||C!==void 0||h!==void 0||k!==void 0)&&void 0},[H,C,h,k]);let A=_.useRef(null),M=(0,$t.useComposedRefs)(t,v.setElement,A),R=ft({name:"sidebar",elementId:v.id,elementRef:A,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:gt,expandedSize:o,minSize:a,maxSize:s,resizable:u,collapsible:c,size:Q,defaultSize:i,onSizeChange:b,sizeUpdate:z,sizeUpdateMs:N,onResize:T,onResizeStart:E,onResizeEnd:w,snapPoints:H,snapTolerance:L,collapseThreshold:C,paneId:h,persistence:k,overlaying:v.overlaying,overlayingNow:()=>g[de()]==="overlay",requestCollapse:()=>v.setValue("closed","toggle"),requestToggle:()=>v.toggle("toggle")}),{handles:Y,content:f}=mt(O,ge),q=u&&v.value!=="closed"&&!v.overlaying?_.createElement(Ve.Provider,{value:R},Y.length>0?Y:_.createElement(re,null)):null,G=v.peeking?`var(--sidebar-size, ${o}px)`:void 0;return _.createElement("div",{...Pt(l),id:v.id,ref:M,className:(0,It.default)("rt-ShellPane","rt-ShellSidebar",n),...ct(v,y),"data-inset":V||void 0,tabIndex:v.overlaying?-1:l.tabIndex,style:{...W,"--sidebar-expanded-size":`${o}px`,"--sidebar-min-size":`${a}px`,"--sidebar-max-size":`${s}px`,...G?{"--peek-sidebar-width":G}:{}}},_.createElement("div",{className:"rt-ShellSidebarContent"},_.createElement(At,null,f)),q)});Ue.displayName="Shell.Sidebar";Ue.Handle=ge;
+"use strict";"use client";var Vt=Object.create;var fe=Object.defineProperty;var Lt=Object.getOwnPropertyDescriptor;var Nt=Object.getOwnPropertyNames;var Mt=Object.getPrototypeOf,At=Object.prototype.hasOwnProperty;var Bt=(e,t)=>{for(var n in t)fe(e,n,{get:t[n],enumerable:!0})},Ue=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Nt(t))!At.call(e,o)&&o!==n&&fe(e,o,{get:()=>t[o],enumerable:!(r=Lt(t,o))||r.enumerable});return e};var H=(e,t,n)=>(n=e!=null?Vt(Mt(e)):{},Ue(t||!e||!e.__esModule?fe(n,"default",{value:e,enumerable:!0}):n,e)),Ht=e=>Ue(fe({},"__esModule",{value:!0}),e);var sn={};Bt(sn,{Sidebar:()=>Oe});module.exports=Ht(sn);var _=H(require("react")),Ct=H(require("classnames")),wt=require("radix-ui/internal");var me=H(require("react")),we=me.createContext(null);function Ke(){let e=me.useContext(we);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var x=H(require("react")),Ge=H(require("classnames"));var re=x.forwardRef(({className:e,children:t,...n},r)=>{let{containerRef:o,controls:s,cssVarName:l,minSize:P,maxSize:b,defaultSize:S,orientation:m,edge:N,growth:g,onResize:k,onResizeStart:$,onResizeEnd:M,snapPoints:z,snapTolerance:E,collapseThreshold:A,collapsible:j,target:G,requestCollapse:ee,requestToggle:I}=Ke(),D=x.useRef(null),Q=x.useCallback(i=>{D.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]),a=x.useRef(null);x.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let d=x.useCallback(()=>{let i=o.current;if(!i)return S;let p=Number.parseFloat(getComputedStyle(i).getPropertyValue(l));return Number.isFinite(p)?p:S},[o,l,S]),C=x.useCallback(()=>{let i=o.current,p=D.current,h=i?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!i||!h||!p)return b;let y=i.getBoundingClientRect(),B=p.getBoundingClientRect(),L=g(getComputedStyle(i).direction==="rtl"),R;m==="vertical"?R=L>0?h.right-y.left:y.right-h.left:R=L>0?h.bottom-y.top:y.bottom-h.top;let Y=m==="vertical"?B.width:B.height;return!(h.width>0&&h.height>0)||!Number.isFinite(R)?b:Math.max(P,Math.min(b,Math.round(R-Y)))},[o,g,b,P,m]),w=()=>{D.current?.setAttribute("aria-valuemax",String(C()))};x.useLayoutEffect(()=>{D.current?.setAttribute("aria-valuenow",String(Math.round(d())))},[d]);let T=(i,p)=>{i.style.setProperty(l,`${p}px`),D.current?.setAttribute("aria-valuenow",String(Math.round(p)))},X=G.charAt(0).toUpperCase()+G.slice(1);return x.createElement("div",{ref:Q,className:(0,Ge.default)("kui-ShellResizer",e),"data-orientation":m,"data-edge":N,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":s,"aria-orientation":m,"aria-valuemin":P,"aria-valuemax":b,...n,onPointerDown:i=>{n.onPointerDown?.(i);let p=o.current;if(!p||i.defaultPrevented||i.button!==0)return;i.preventDefault();let h=i.currentTarget,y=i.pointerId;a.current?.();try{h.setPointerCapture(y)}catch{}let B=getComputedStyle(p),L=Number.parseFloat(B.getPropertyValue(l)),R=Number.isFinite(L)?L:S,Y=m==="vertical"?i.clientX:i.clientY,u=g(B.direction==="rtl"),W=C();h.setAttribute("aria-valuemax",String(W));let U=V=>Math.min(Math.max(V,P),W);p.setAttribute("data-resizing",""),h.setAttribute("data-dragging","");let J=document.body,Ee=J.style.cursor,Tt=J.style.userSelect;J.style.cursor=m==="vertical"?"col-resize":"row-resize",J.style.userSelect="none",$?.(R);let ne=R,ze=R,K=0,se=null,Fe=()=>{if(K=0,se===null)return;let V=se;se=null,k?.(V)},$e=null,je=!1,kt=(V,ae)=>{if(V.type===ae)je=!0;else if(je)return!1;return!0},Z=V=>{if(!kt(V,"pointermove")||V===$e)return;$e=V;let ae=m==="vertical"?V.clientX:V.clientY;ze=R+(ae-Y)*u,ne=U(ze),T(p,ne),se=ne,K||(K=requestAnimationFrame(Fe))},pe=()=>{K&&cancelAnimationFrame(K),K=0;try{h.releasePointerCapture(y)}catch{}window.removeEventListener("pointermove",Z),document.removeEventListener("pointermove",Z),window.removeEventListener("mousemove",Z),document.removeEventListener("mousemove",Z),h.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",O),document.removeEventListener("pointerup",O),window.removeEventListener("mouseup",O),document.removeEventListener("mouseup",O),window.removeEventListener("pointercancel",O),document.removeEventListener("pointercancel",O),window.removeEventListener("keydown",We),h.removeEventListener("lostpointercapture",O),p.removeAttribute("data-resizing"),h.removeAttribute("data-dragging"),J.style.cursor=Ee,J.style.userSelect=Tt,a.current=null},Ce=!1,O=()=>{if(Ce)return;if(Ce=!0,K&&cancelAnimationFrame(K),Fe(),j&&typeof A=="number"&&ze<=A){T(p,R),k?.(R),pe(),ee?.(),M?.(R);return}let V=ne;if(z&&z.length){let ae=z.reduce((qe,_e)=>Math.abs(_e-ne)<Math.abs(qe-ne)?_e:qe,z[0]);Math.abs(ae-ne)<=E&&(V=U(ae),T(p,V),k?.(V))}M?.(V),pe()},We=V=>{V.key==="Escape"&&(K&&cancelAnimationFrame(K),K=0,se=null,T(p,R),k?.(R),Ce=!0,M?.(R),pe())};window.addEventListener("pointermove",Z),document.addEventListener("pointermove",Z),window.addEventListener("mousemove",Z),document.addEventListener("mousemove",Z),h.addEventListener("pointermove",Z),window.addEventListener("pointerup",O),document.addEventListener("pointerup",O),window.addEventListener("mouseup",O),document.addEventListener("mouseup",O),window.addEventListener("pointercancel",O),document.addEventListener("pointercancel",O),window.addEventListener("keydown",We),h.addEventListener("lostpointercapture",O),a.current=pe},onDoubleClick:i=>{n.onDoubleClick?.(i),!i.defaultPrevented&&j&&I?.()},onFocus:i=>{n.onFocus?.(i),w()},onKeyDown:i=>{n.onKeyDown?.(i);let p=o.current;if(!p||i.defaultPrevented)return;let h=d(),y=C(),B=R=>Math.min(Math.max(R,P),y),L;if(i.key==="Home")L=B(P);else if(i.key==="End")L=B(y);else{let R=m==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(R===0)return;let Y=i.shiftKey?32:8;L=B(h+R*Y*g(getComputedStyle(p).direction==="rtl"))}i.preventDefault(),$?.(h),T(p,L),k?.(L),M?.(L)}},t)});re.displayName="Shell.Handle";var Dt=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Dt.displayName="Shell.Panel.Handle";var be=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));be.displayName="Shell.Sidebar.Handle";var It=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));It.displayName="Shell.Inspector.Handle";var Ot=x.forwardRef((e,t)=>x.createElement(re,{...e,ref:t}));Ot.displayName="Shell.Bottom.Handle";var f=H(require("react"));var ue=H(require("react"));var Qe={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Se=["initial","xs","sm","md","lg","xl"];var Ft=Object.entries(Qe),Te=null,le=new Set,oe=null;function ke(){return Te??(Te=Ft.map(([e,t])=>[e,window.matchMedia(t)])),Te}function Re(){let e="initial";for(let[t,n]of ke())n.matches&&(e=t);return e}function he(){let e=Re();e!==oe&&(oe=e,le.forEach(t=>t()))}function Xe(e){if(typeof window>"u")return()=>{};if(le.size===0){oe=Re();for(let[,t]of ke())typeof t.addEventListener=="function"?t.addEventListener("change",he):t.addListener?.(he)}return le.add(e),()=>{if(le.delete(e),!(le.size>0)){for(let[,t]of ke())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",he):t.removeListener?.(he)}catch{}oe=null}}}function $t(){return typeof window>"u"?"initial":(oe??(oe=Re()),oe)}function jt(){return"initial"}function ce(){return typeof window>"u"?"initial":Re()}var Wt=()=>!0,qt=()=>!1,Ye=()=>()=>{},_t=()=>"initial";function Je(e=!0){let t=ue.useSyncExternalStore(e?Xe:Ye,e?$t:_t,jt),n=ue.useSyncExternalStore(e?Xe:Ye,Wt,qt);return ue.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var q=H(require("react"));function Ze(e){return typeof e=="object"&&e!==null}function de(e,t){let n={},r=null;for(let o of Se){if(e!==void 0&&!Ze(e)){n[o]=e;continue}let s=Ze(e)?e[o]:void 0;s!==void 0&&(r={value:s}),n[o]=r?r.value:t(o)}return n}function ie(e){let t=e.initial;return Se.every(n=>e[n]===t)?t:void 0}function Ve(e,t){let n=ie(t);if(n!==void 0)return{[`data-${e}`]:n};let r={};for(let o of Se)r[`data-${e}-${o}`]=t[o];return r}function Le(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Sn=de("fixed",()=>"fixed");function Ne(e){e.version+=1;for(let t of e.listeners)t()}function Ut(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var Kt=q.createContext(null);function et(e){let t=q.useContext(Kt);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function tt(e,t){let n=q.useCallback(r=>Ut(e,r),[e]);return q.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var Gt=q.createContext(null);function nt(e,t){let n=q.useContext(Gt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=n;q.useLayoutEffect(()=>{if(t)return r(e),()=>o(e)},[e,t,r,o])}var Me=e=>typeof e=="object"&&e!==null;function Xt(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function rt(e){let{name:t,label:n,propNames:r,presentationTable:o,builtIn:s}=e,l=et(`Shell.${n}`),P=f.useId(),b=e.id??`shell-${t}${P}`,S=e.controlled!==void 0,m=Me(e.controlled);m&&(`${n}${r.controlled}${r.default}`,void 0);let N=m?e.controlled:void 0,g=N??(Me(e.defaultValue)?e.defaultValue:void 0),k=Le(g),[$,M]=f.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),z=f.useMemo(()=>N?de(N,()=>Xt(N)):de(g,u=>s(o[u])),[k,m,o,s]),E=$;S&&(E=N?"auto":e.controlled);let A=ie(o)===void 0||E==="auto"&&ie(z)===void 0,{breakpoint:j,ready:G}=Je(A),ee=u=>{let W=ie(u);return W!==void 0?W:G?u[j]:void 0},I=E==="auto"?ee(z):E,D=ee(o),Q=D==="overlay",a=I===void 0?void 0:I!=="closed",d=a===!0&&Q,C=e.defaultValue,w=f.useRef({state:E,value:I,autoTable:z,defaultValue:C,controlled:S,onChange:e.onChange,toggleNext:e.toggleNext});f.useLayoutEffect(()=>{w.current={state:E,value:I,autoTable:z,defaultValue:C,controlled:S,onChange:e.onChange,toggleNext:e.toggleNext}});let T=f.useCallback(()=>{let u=w.current;return u.value!==void 0?u.value:u.state==="auto"?u.autoTable[ce()]:void 0},[]),X=f.useCallback(()=>{let u=w.current;return typeof u.defaultValue=="string"?u.defaultValue:Me(u.defaultValue)?u.autoTable[ce()]:void 0},[]),i=f.useCallback((u,W)=>{let U=w.current;T()!==u&&(U.onChange?.(u,W),U.controlled||M(u))},[T]),p=f.useCallback(u=>{let W=w.current,U=T()??"closed",J=W.toggleNext?W.toggleNext(U,X()):U==="closed"?"open":"closed";i(J,u)},[i,T,X]),h=f.useRef(null),y=f.useCallback(u=>{h.current=u},[]);f.useLayoutEffect(()=>{let u={name:t,id:b,el:h.current,value:I,presentation:D,presentationTable:o,overlayLive:d,size:e.size,setValue:i,toggle:p};return l.entries.set(t,u),Ne(l),()=>{l.entries.get(t)===u&&(l.entries.delete(t),Ne(l))}},[l,t,b,I,D,o,d,e.size,i,p]);let B=f.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});f.useLayoutEffect(()=>{B.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let L=f.useRef({state:E,shown:a});f.useEffect(()=>{let u=L.current;u.state!==E&&u.shown!==void 0&&a!==void 0&&u.shown!==a&&(a?B.current.onExpand?.():B.current.onCollapse?.()),L.current={state:E,shown:a}},[E,a]),f.useLayoutEffect(()=>{},[]);let R=f.useRef(S);f.useEffect(()=>{},[S,n,r.controlled]);let Y=tt(l,t)&&a===!1&&!Q;return{store:l,id:b,state:E,value:I,shown:a,presentation:D,overlaying:Q,overlayLive:d,peeking:Y,ready:G,breakpoint:j,autoTable:z,setValue:i,toggle:p,defaultHereNow:X,setElement:y}}function ot(e,t){let{state:n,value:r,presentation:o,shown:s}=e;return{...t,"data-state":n,...n==="auto"?Ve("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":"expanded","data-open":o==="stacked"&&s?"":void 0,"data-peek":e.peeking?"":void 0}}function at(e,t){let n=Le(e),r=f.useMemo(()=>de(e,()=>t),[n,t]),o=f.useMemo(()=>ie(r)===void 0?Ve("presentation",r):{},[r]);return{table:r,attributes:o}}var c=H(require("react"));function it(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 o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*o}if(n.endsWith("%")){let o=Number.parseFloat(n),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*s}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var Ae=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function st(e){let{name:t,elementRef:n,cssVarName:r,orientation:o,minSize:s,maxSize:l,resizable:P,size:b,defaultSize:S,paneId:m,persistence:N}=e,g=c.useRef(e);c.useLayoutEffect(()=>{g.current=e});let k=c.useRef(null),$=c.useRef(0);c.useEffect(()=>()=>{k.current&&clearTimeout(k.current)},[]);let M=c.useCallback((a,d)=>{let{onSizeChange:C,sizeUpdate:w,sizeUpdateMs:T}=g.current;if(C){if(w==="debounce"){k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{k.current=null,g.current.onSizeChange?.(a,d)},T);return}if(w==="throttle"){let X=Date.now();if(X-$.current<T)return;$.current=X}C(a,d)}},[]),z=c.useCallback(a=>it(a,o==="vertical"?"horizontal":"vertical"),[o]),E=c.useRef(!1),A=c.useCallback((a,d)=>{let C=n.current;if(C){C.style.setProperty(r,`${a}px`);for(let w of C.querySelectorAll(":scope > .kui-ShellResizer"))w.setAttribute("aria-valuenow",String(Math.round(a)));d&&(E.current=!0)}},[n,r]);c.useLayoutEffect(()=>{E.current||A(e.expandedSize,!1)},[e.expandedSize,A]),c.useLayoutEffect(()=>{if(b!==void 0||S===void 0)return;let a=z(S);if(typeof a!="number"||!Number.isFinite(a))return;let d=Ae(a,s,l);A(d,!0),M(d,{reason:"init"})},[]),c.useLayoutEffect(()=>{if(b===void 0||g.current.overlayingNow())return;let a=z(b);if(typeof a!="number"||!Number.isFinite(a))return;let d=Ae(a,s,l);A(d,!0),M(d,{reason:"controlled"})},[b,s,l,e.overlaying,z,A,M]);let j=c.useMemo(()=>{if(!m||N)return N;let a=`kookie-ui:shell:${t}:${m}`;return{load:()=>{if(!(typeof window>"u"))try{let d=window.localStorage.getItem(a);return d?Number(d):void 0}catch{return}},save:d=>{if(!(typeof window>"u"))try{window.localStorage.setItem(a,String(d))}catch{}}}},[t,m,N]);c.useLayoutEffect(()=>{if(!P||!j?.load||g.current.overlayingNow())return;let a=!0,d=w=>{if(!a||typeof w!="number"||!Number.isFinite(w))return;let T=Ae(w,s,l);A(T,!0),g.current.onResize?.(T)},C=j.load();return C instanceof Promise?C.then(d).catch(w=>{}):d(C),()=>{a=!1}},[P,j,e.overlaying,A,s,l,t]);let G=c.useCallback(a=>g.current.onResize?.(a),[]),ee=c.useCallback(a=>{E.current=!0,g.current.onResizeStart?.(a)},[]),I=c.useCallback(a=>{g.current.onResizeEnd?.(a),M(a,{reason:"resize"}),j?.save?.(a)},[M,j]),D=c.useCallback(()=>g.current.requestCollapse(),[]),Q=c.useCallback(()=>g.current.requestToggle(),[]);return c.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:r,minSize:s,maxSize:l,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:G,onResizeStart:ee,onResizeEnd:I,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:D,requestToggle:Q}),[n,e.elementId,r,s,l,e.expandedSize,o,e.edge,e.growth,G,ee,I,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,D,Q])}function lt(e,t){let n=c.Children.toArray(e),r=n.filter(s=>c.isValidElement(s)&&s.type===t),o=n.filter(s=>!(c.isValidElement(s)&&s.type===t));return{handles:r,content:o}}var ut=e=>e==="overlay"?"closed":"open";var ct=e=>e?-1:1;function dt(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...r}=e;return r}var v=H(require("react")),xe=H(require("classnames"));var F=H(require("react")),Rt=H(require("classnames")),te=require("radix-ui"),vt=require("radix-ui/internal");var pt={asChild:{type:"boolean"}};var Yt=["none","small","medium","large","full"],ft={radius:{type:"enum",values:Yt,default:void 0}};var Jt=["vertical","horizontal","both"],ve={...pt,...ft,scrollbars:{type:"enum",values:Jt,default:"both"},fade:{type:"boolean",default:!1}};var Pe=H(require("react"));function mt(e){let[t,n]=Pe.useState(null);return Pe.useEffect(()=>{if(!e||!t)return;let r=0,o=()=>{r=0;let b=Math.max(0,t.scrollTop),S=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${b}px`),t.style.setProperty("--scroll-overflow-end",`${S}px`)},s=()=>{r||(r=requestAnimationFrame(o))};o(),t.addEventListener("scroll",s,{passive:!0});let l=typeof ResizeObserver>"u"?null:new ResizeObserver(s);l?.observe(t);for(let b of Array.from(t.children))l?.observe(b);let P=typeof MutationObserver>"u"?null:new MutationObserver(s);return P?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",s),l?.disconnect(),P?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}var ye=H(require("react"));function St(){let[e,t]=ye.useState(null);return ye.useEffect(()=>{let n=e?.parentElement;if(!e||!n)return;let r=0,o=()=>{r=0;for(let l of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let P=l.parentElement,b=getComputedStyle(P);if(P.dataset.orientation==="horizontal"){let S=P.clientWidth-parseFloat(b.paddingLeft)-parseFloat(b.paddingRight),m=bt(e.scrollLeft,e.scrollWidth-e.offsetWidth,S-l.offsetWidth);l.style.transform=`translate3d(${m}px, 0, 0)`}else{let S=P.clientHeight-parseFloat(b.paddingTop)-parseFloat(b.paddingBottom),m=bt(e.scrollTop,e.scrollHeight-e.offsetHeight,S-l.offsetHeight);l.style.transform=`translate3d(0, ${m}px, 0)`}}},s=()=>{r||(r=requestAnimationFrame(o))};return e.addEventListener("scroll",s,{passive:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",s)}},[e]),t}function bt(e,t,n){return t<=0||n<=0?0:Math.min(Math.max(e,-t),t)/t*n}var ge=H(require("react"));function ht(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t=="function"?t(r):t;let o=ge.Children.only(r);return ge.cloneElement(o,{children:typeof t=="function"?t(o.props.children):t})}var Be=F.forwardRef((e,t)=>{let{asChild:n,children:r,className:o,style:s,type:l,scrollHideDelay:P=l!=="scroll"?0:void 0,dir:b,radius:S=ve.radius.default,scrollbars:m=ve.scrollbars.default,fade:N=ve.fade.default,...g}=e,k=mt(N),$=St(),M=(0,vt.useComposedRefs)(t,k,$);return F.createElement(te.ScrollArea.Root,{type:l,scrollHideDelay:P,className:(0,Rt.default)("kui-ScrollAreaRoot",o),"data-fade":N?"":void 0,style:s,asChild:n},ht({asChild:n,children:r},z=>F.createElement(F.Fragment,null,F.createElement(te.ScrollArea.Viewport,{...g,ref:M,className:"kui-ScrollAreaViewport"},z),F.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),m!=="vertical"?F.createElement(te.ScrollArea.Scrollbar,{"data-radius":S,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},F.createElement(te.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,m!=="horizontal"?F.createElement(te.ScrollArea.Scrollbar,{"data-radius":S,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},F.createElement(te.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,m==="both"?F.createElement(te.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});Be.displayName="ScrollArea";var Pt=v.createContext(null);function yt(){return v.useContext(Pt)}var He=v.createContext("2");function gt({children:e,presentation:t}){let n=v.useContext(He),r=v.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return v.createElement(Pt.Provider,{value:r},e)}function De(){let e=yt(),t=v.useContext(He),n=e?.size??t,r=e?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${r}`]}var Zt={1:"2",2:"3",3:"4",4:"4"},Ie=v.createContext(null);function xt(){let e=yt(),t=v.useContext(He);return Zt[e?.size??t]}var en=v.forwardRef(({className:e,float:t,children:n,...r},o)=>{let s=De(),l=xt();return v.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,xe.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...s,e)},v.createElement(Ie.Provider,{value:l},n))});en.displayName="Shell.PaneHeader";var tn=v.forwardRef(({className:e,float:t,children:n,...r},o)=>{let s=De(),l=xt();return v.createElement("div",{...r,ref:o,"data-float":t||void 0,className:(0,xe.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...s,e)},v.createElement(Ie.Provider,{value:l},n))});tn.displayName="Shell.PaneFooter";var nn=v.forwardRef(({className:e,children:t,fade:n=!1,...r},o)=>{let s=De();return v.createElement(Be,{type:"hover",fade:n,className:"kui-ShellScroll"},v.createElement("div",{...r,ref:o,className:(0,xe.default)("kui-BaseMenuContent","kui-SidebarContent",...s,e)},v.createElement(Ie.Provider,{value:null},v.createElement("div",{className:"kui-BaseMenuViewport"},t))))});nn.displayName="Shell.Scroll";var Et=e=>e==="collapsed"?"closed":"open",rn=e=>e==="closed"?"collapsed":"expanded";function zt(e){if(e===void 0)return;if(typeof e=="string")return Et(e);let t={};for(let[n,r]of Object.entries(e))r!==void 0&&(t[n]=Et(r));return t}var on={controlled:"state",default:"defaultState"},an={initial:"overlay",sm:"fixed"},Oe=_.forwardRef((e,t)=>{let{className:n,presentation:r=an,expandedSize:o=288,minSize:s=200,maxSize:l=400,resizable:P=!1,collapsible:b=!0,onExpand:S,onCollapse:m,onResize:N,onResizeStart:g,onResizeEnd:k,snapPoints:$,snapTolerance:M,collapseThreshold:z,paneId:E,persistence:A,children:j,style:G,state:ee,defaultState:I,onStateChange:D,size:Q,defaultSize:a,onSizeChange:d,sizeUpdate:C,sizeUpdateMs:w=50,inset:T,id:X,...i}=e,{table:p,attributes:h}=at(r,"fixed"),y=rt({name:"sidebar",label:"Sidebar",propNames:on,id:X,controlled:zt(ee),defaultValue:zt(I),presentationTable:p,builtIn:ut,onChange:(J,Ee)=>D?.(rn(J),{reason:Ee}),onExpand:S,onCollapse:m,size:o});nt("sidebar",T),_.useEffect(()=>{($!==void 0||z!==void 0||E!==void 0||A!==void 0)&&void 0},[$,z,E,A]);let B=_.useRef(null),L=(0,wt.useComposedRefs)(t,y.setElement,B),R=st({name:"sidebar",elementId:y.id,elementRef:B,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:ct,expandedSize:o,minSize:s,maxSize:l,resizable:P,collapsible:b,size:Q,defaultSize:a,onSizeChange:d,sizeUpdate:C,sizeUpdateMs:w,onResize:N,onResizeStart:g,onResizeEnd:k,snapPoints:$,snapTolerance:M,collapseThreshold:z,paneId:E,persistence:A,overlaying:y.overlaying,overlayingNow:()=>p[ce()]==="overlay",requestCollapse:()=>y.setValue("closed","toggle"),requestToggle:()=>y.toggle("toggle")}),{handles:Y,content:u}=lt(j,be),W=P&&y.value!=="closed"&&!y.overlaying?_.createElement(we.Provider,{value:R},Y.length>0?Y:_.createElement(re,null)):null,U=y.peeking?`var(--sidebar-size, ${o}px)`:void 0;return _.createElement("div",{...dt(i),id:y.id,ref:L,className:(0,Ct.default)("kui-ShellPane","kui-ShellSidebar",n),...ot(y,h),"data-inset":T||void 0,tabIndex:y.overlaying?-1:i.tabIndex,style:{...G,"--sidebar-expanded-size":`${o}px`,"--sidebar-min-size":`${s}px`,"--sidebar-max-size":`${l}px`,...U?{"--peek-sidebar-width":U}:{}}},_.createElement("div",{className:"kui-ShellSidebarContent"},_.createElement(gt,null,u)),W)});Oe.displayName="Shell.Sidebar";Oe.Handle=be;
 //# sourceMappingURL=shell-sidebar.js.map