@womp/kookie-ui 0.23.0 → 0.24.0

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

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