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