@marimo-team/frontend 0.25.2-dev4 → 0.25.2-dev40

package/dist/assets/react-resizable-panels.browser.esm-BL2E7f5c.js

@@ -0,0 +1 @@
+import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{t}from"./react-CUdNIagt.js";var n=e(t()),r=(0,n.createContext)(null);r.displayName=`PanelGroupContext`;var i={group:`data-panel-group`,groupDirection:`data-panel-group-direction`,groupId:`data-panel-group-id`,panel:`data-panel`,panelCollapsible:`data-panel-collapsible`,panelId:`data-panel-id`,panelSize:`data-panel-size`,resizeHandle:`data-resize-handle`,resizeHandleActive:`data-resize-handle-active`,resizeHandleEnabled:`data-panel-resize-handle-enabled`,resizeHandleId:`data-panel-resize-handle-id`,resizeHandleState:`data-resize-handle-state`},a=10,o=n.useLayoutEffect,s=n.useId,c=typeof s==`function`?s:()=>null,l=0;function u(e=null){let t=c(),r=(0,n.useRef)(e||t||null);return r.current===null&&(r.current=``+l++),e??r.current}function d({children:e,className:t=``,collapsedSize:a,collapsible:s,defaultSize:c,forwardedRef:l,id:d,maxSize:f,minSize:p,onCollapse:m,onExpand:h,onResize:g,order:_,style:v,tagName:y=`div`,...b}){let x=(0,n.useContext)(r);if(x===null)throw Error(`Panel components must be rendered within a PanelGroup container`);let{collapsePanel:S,expandPanel:C,getPanelSize:w,getPanelStyle:T,groupId:E,isPanelCollapsed:D,reevaluatePanelConstraints:O,registerPanel:k,resizePanel:A,unregisterPanel:j}=x,M=u(d),N=(0,n.useRef)({callbacks:{onCollapse:m,onExpand:h,onResize:g},constraints:{collapsedSize:a,collapsible:s,defaultSize:c,maxSize:f,minSize:p},id:M,idIsFromProps:d!==void 0,order:_});(0,n.useRef)({didLogMissingDefaultSizeWarning:!1}),o(()=>{let{callbacks:e,constraints:t}=N.current,n={...t};N.current.id=M,N.current.idIsFromProps=d!==void 0,N.current.order=_,e.onCollapse=m,e.onExpand=h,e.onResize=g,t.collapsedSize=a,t.collapsible=s,t.defaultSize=c,t.maxSize=f,t.minSize=p,(n.collapsedSize!==t.collapsedSize||n.collapsible!==t.collapsible||n.maxSize!==t.maxSize||n.minSize!==t.minSize)&&O(N.current,n)}),o(()=>{let e=N.current;return k(e),()=>{j(e)}},[_,M,k,j]),(0,n.useImperativeHandle)(l,()=>({collapse:()=>{S(N.current)},expand:e=>{C(N.current,e)},getId(){return M},getSize(){return w(N.current)},isCollapsed(){return D(N.current)},isExpanded(){return!D(N.current)},resize:e=>{A(N.current,e)}}),[S,C,w,D,M,A]);let P=T(N.current,c);return(0,n.createElement)(y,{...b,children:e,className:t,id:M,style:{...P,...v},[i.groupId]:E,[i.panel]:``,[i.panelCollapsible]:s||void 0,[i.panelId]:M,[i.panelSize]:parseFloat(``+P.flexGrow).toFixed(1)})}var f=(0,n.forwardRef)((e,t)=>(0,n.createElement)(d,{...e,forwardedRef:t}));d.displayName=`Panel`,f.displayName=`forwardRef(Panel)`;var p=null,m=!0,h=-1,g=null;function _(e,t){if(t){let e=(t&P)!==0,n=(t&ee)!==0,r=(t&te)!==0,i=(t&ne)!==0;if(e)return r?`se-resize`:i?`ne-resize`:`e-resize`;if(n)return r?`sw-resize`:i?`nw-resize`:`w-resize`;if(r)return`s-resize`;if(i)return`n-resize`}switch(e){case`horizontal`:return`ew-resize`;case`intersection`:return`move`;case`vertical`:return`ns-resize`}}function v(){g!==null&&(document.head.removeChild(g),p=null,g=null,h=-1)}function y(e,t){if(!m)return;let n=_(e,t);if(p!==n){if(p=n,g===null&&(g=document.createElement(`style`),document.head.appendChild(g)),h>=0){var r;(r=g.sheet)==null||r.removeRule(h)}h=g.sheet?.insertRule(`*{cursor: ${n} !important;}`)??-1}}function b(e){return e.type===`keydown`}function x(e){return e.type.startsWith(`pointer`)}function S(e){return e.type.startsWith(`mouse`)}function C(e){if(x(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(S(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}}function w(){if(typeof matchMedia==`function`)return matchMedia(`(pointer:coarse)`).matches?`coarse`:`fine`}function T(e,t,n){return n?e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y:e.x<=t.x+t.width&&e.x+e.width>=t.x&&e.y<=t.y+t.height&&e.y+e.height>=t.y}function E(e,t){if(e===t)throw Error(`Cannot compare node with itself`);let n={a:M(e),b:M(t)},r;for(;n.a.at(-1)===n.b.at(-1);)e=n.a.pop(),t=n.b.pop(),r=e;W(r,`Stacking order can only be calculated for elements with a common ancestor`);let i={a:j(A(n.a)),b:j(A(n.b))};if(i.a===i.b){let e=r.childNodes,t={a:n.a.at(-1),b:n.b.at(-1)},i=e.length;for(;i--;){let n=e[i];if(n===t.a)return 1;if(n===t.b)return-1}}return Math.sign(i.a-i.b)}var D=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function O(e){let t=getComputedStyle(N(e)??e).display;return t===`flex`||t===`inline-flex`}function k(e){let t=getComputedStyle(e);return!!(t.position===`fixed`||t.zIndex!==`auto`&&(t.position!==`static`||O(e))||+t.opacity<1||`transform`in t&&t.transform!==`none`||`webkitTransform`in t&&t.webkitTransform!==`none`||`mixBlendMode`in t&&t.mixBlendMode!==`normal`||`filter`in t&&t.filter!==`none`||`webkitFilter`in t&&t.webkitFilter!==`none`||`isolation`in t&&t.isolation===`isolate`||D.test(t.willChange)||t.webkitOverflowScrolling===`touch`)}function A(e){let t=e.length;for(;t--;){let n=e[t];if(W(n,`Missing node`),k(n))return n}return null}function j(e){return e&&Number(getComputedStyle(e).zIndex)||0}function M(e){let t=[];for(;e;)t.push(e),e=N(e);return t}function N(e){let{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}var P=1,ee=2,te=4,ne=8,F=w()===`coarse`,I=[],L=!1,R=new Map,z=new Map,B=new Set;function V(e,t,n,r,i){let{ownerDocument:a}=t,o={direction:n,element:t,hitAreaMargins:r,setResizeHandlerState:i},s=R.get(a)??0;return R.set(a,s+1),B.add(o),le(),function(){z.delete(e),B.delete(o);let t=R.get(a)??1;if(R.set(a,t-1),le(),t===1&&R.delete(a),I.includes(o)){let e=I.indexOf(o);e>=0&&I.splice(e,1),se(),i(`up`,!0,null)}}}function re(e){let{target:t}=e,{x:n,y:r}=C(e);L=!0,ae({target:t,x:n,y:r}),le(),I.length>0&&(ue(`down`,e),e.preventDefault(),ie(t)||e.stopImmediatePropagation())}function H(e){let{x:t,y:n}=C(e);if(L&&e.buttons===0&&(L=!1,ue(`up`,e)),!L){let{target:r}=e;ae({target:r,x:t,y:n})}ue(`move`,e),se(),I.length>0&&e.preventDefault()}function U(e){let{target:t}=e,{x:n,y:r}=C(e);z.clear(),L=!1,I.length>0&&(e.preventDefault(),ie(t)||e.stopImmediatePropagation()),ue(`up`,e),ae({target:t,x:n,y:r}),se(),le()}function ie(e){let t=e;for(;t;){if(t.hasAttribute(i.resizeHandle))return!0;t=t.parentElement}return!1}function ae({target:e,x:t,y:n}){I.splice(0);let r=null;(e instanceof HTMLElement||e instanceof SVGElement)&&(r=e),B.forEach(e=>{let{element:i,hitAreaMargins:a}=e,o=i.getBoundingClientRect(),{bottom:s,left:c,right:l,top:u}=o,d=F?a.coarse:a.fine;if(t>=c-d&&t<=l+d&&n>=u-d&&n<=s+d){if(r!==null&&document.contains(r)&&i!==r&&!i.contains(r)&&!r.contains(i)&&E(r,i)>0){let e=r,t=!1;for(;e&&!e.contains(i);){if(T(e.getBoundingClientRect(),o,!0)){t=!0;break}e=e.parentElement}if(t)return}I.push(e)}})}function oe(e,t){z.set(e,t)}function se(){let e=!1,t=!1;I.forEach(n=>{let{direction:r}=n;r===`horizontal`?e=!0:t=!0});let n=0;z.forEach(e=>{n|=e}),e&&t?y(`intersection`,n):e?y(`horizontal`,n):t?y(`vertical`,n):v()}var ce=new AbortController;function le(){ce.abort(),ce=new AbortController;let e={capture:!0,signal:ce.signal};B.size&&(L?(I.length>0&&R.forEach((t,n)=>{let{body:r}=n;t>0&&(r.addEventListener(`contextmenu`,U,e),r.addEventListener(`pointerleave`,H,e),r.addEventListener(`pointermove`,H,e))}),window.addEventListener(`pointerup`,U,e),window.addEventListener(`pointercancel`,U,e)):R.forEach((t,n)=>{let{body:r}=n;t>0&&(r.addEventListener(`pointerdown`,re,e),r.addEventListener(`pointermove`,H,e))}))}function ue(e,t){B.forEach(n=>{let{setResizeHandlerState:r}=n;r(e,I.includes(n),t)})}function de(){let[e,t]=(0,n.useState)(0);return(0,n.useCallback)(()=>t(e=>e+1),[])}function W(e,t){if(!e)throw console.error(t),Error(t)}function G(e,t,n=a){return e.toFixed(n)===t.toFixed(n)?0:e>t?1:-1}function K(e,t,n=a){return G(e,t,n)===0}function q(e,t,n){return G(e,t,n)===0}function fe(e,t,n){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++){let i=e[r],a=t[r];if(!q(i,a,n))return!1}return!0}function J({panelConstraints:e,panelIndex:t,size:n}){let r=e[t];W(r!=null,`Panel constraints not found for index ${t}`);let{collapsedSize:i=0,collapsible:o,maxSize:s=100,minSize:c=0}=r;if(G(n,c)<0){if(o){let e=(i+c)/2;n=G(n,e)<0?i:c}else n=c}return n=Math.min(s,n),n=parseFloat(n.toFixed(a)),n}function Y({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:r,prevLayout:i,trigger:a}){if(q(e,0))return t;let o=[...t],[s,c]=r;W(s!=null,`Invalid first pivot index`),W(c!=null,`Invalid second pivot index`);let l=0;if(a===`keyboard`){{let r=e<0?c:s,i=n[r];W(i,`Panel constraints not found for index ${r}`);let{collapsedSize:a=0,collapsible:o,minSize:l=0}=i;if(o){let n=t[r];if(W(n!=null,`Previous layout not found for panel index ${r}`),q(n,a)){let t=l-n;G(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}{let r=e<0?s:c,i=n[r];W(i,`No panel constraints found for index ${r}`);let{collapsedSize:a=0,collapsible:o,minSize:l=0}=i;if(o){let n=t[r];if(W(n!=null,`Previous layout not found for panel index ${r}`),q(n,l)){let t=n-a;G(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}}{let r=e<0?1:-1,i=e<0?c:s,a=0;for(;;){let e=t[i];W(e!=null,`Previous layout not found for panel index ${i}`);let o=J({panelConstraints:n,panelIndex:i,size:100})-e;if(a+=o,i+=r,i<0||i>=n.length)break}let o=Math.min(Math.abs(e),Math.abs(a));e=e<0?0-o:o}{let r=e<0?s:c;for(;r>=0&&r<n.length;){let i=Math.abs(e)-Math.abs(l),a=t[r];W(a!=null,`Previous layout not found for panel index ${r}`);let s=a-i,c=J({panelConstraints:n,panelIndex:r,size:s});if(!q(a,c)&&(l+=a-c,o[r]=c,l.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3),void 0,{numeric:!0})>=0))break;e<0?r--:r++}}if(fe(i,o))return i;{let r=e<0?c:s,i=t[r];W(i!=null,`Previous layout not found for panel index ${r}`);let a=i+l,u=J({panelConstraints:n,panelIndex:r,size:a});if(o[r]=u,!q(u,a)){let t=a-u,r=e<0?c:s;for(;r>=0&&r<n.length;){let i=o[r];W(i!=null,`Previous layout not found for panel index ${r}`);let a=i+t,s=J({panelConstraints:n,panelIndex:r,size:a});if(q(i,s)||(t-=s-i,o[r]=s),q(t,0))break;e>0?r--:r++}}}return q(o.reduce((e,t)=>t+e,0),100)?o:i}function pe({layout:e,panelsArray:t,pivotIndices:n}){let r=0,i=100,a=0,o=0,s=n[0];return W(s!=null,`No pivot index found`),t.forEach((e,t)=>{let{constraints:n}=e,{maxSize:c=100,minSize:l=0}=n;t===s?(r=l,i=c):(a+=l,o+=c)}),{valueMax:Math.min(i,100-a),valueMin:Math.max(r,100-o),valueNow:e[s]}}function X(e,t=document){return Array.from(t.querySelectorAll(`[${i.resizeHandleId}][data-panel-group-id="${e}"]`))}function me(e,t,n=document){return X(e,n).findIndex(e=>e.getAttribute(i.resizeHandleId)===t)??null}function he(e,t,n){let r=me(e,t,n);return r==null?[-1,-1]:[r,r+1]}function ge(e,t=document){return t instanceof HTMLElement&&t?.dataset?.panelGroupId==e?t:t.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`)||null}function _e(e,t=document){return t.querySelector(`[${i.resizeHandleId}="${e}"]`)||null}function ve(e,t,n,r=document){let i=_e(t,r),a=X(e,r),o=i?a.indexOf(i):-1;return[n[o]?.id??null,n[o+1]?.id??null]}function ye({committedValuesRef:e,eagerValuesRef:t,groupId:r,layout:a,panelDataArray:s,panelGroupElement:c,setLayout:l}){(0,n.useRef)({didWarnAboutMissingResizeHandle:!1}),o(()=>{if(!c)return;let e=X(r,c);for(let t=0;t<s.length-1;t++){let{valueMax:n,valueMin:r,valueNow:i}=pe({layout:a,panelsArray:s,pivotIndices:[t,t+1]}),o=e[t];if(o!=null){let e=s[t];W(e,`No panel data found for index "${t}"`),o.setAttribute(`aria-controls`,e.id),o.setAttribute(`aria-valuemax`,``+Math.round(n)),o.setAttribute(`aria-valuemin`,``+Math.round(r)),o.setAttribute(`aria-valuenow`,i==null?``:``+Math.round(i))}}return()=>{e.forEach((e,t)=>{e.removeAttribute(`aria-controls`),e.removeAttribute(`aria-valuemax`),e.removeAttribute(`aria-valuemin`),e.removeAttribute(`aria-valuenow`)})}},[r,a,s,c]),(0,n.useEffect)(()=>{if(!c)return;let e=t.current;W(e,`Eager values not found`);let{panelDataArray:n}=e;W(ge(r,c)!=null,`No group found for id "${r}"`);let o=X(r,c);W(o,`No resize handles found for group id "${r}"`);let s=o.map(e=>{let t=e.getAttribute(i.resizeHandleId);W(t,`Resize handle element has no handle id attribute`);let[o,s]=ve(r,t,n,c);if(o==null||s==null)return()=>{};let u=e=>{if(!e.defaultPrevented)switch(e.key){case`Enter`:{e.preventDefault();let i=n.findIndex(e=>e.id===o);if(i>=0){let e=n[i];W(e,`No panel data found for index ${i}`);let o=a[i],{collapsedSize:s=0,collapsible:u,minSize:d=0}=e.constraints;if(o!=null&&u){let e=Y({delta:q(o,s)?d-s:s-o,initialLayout:a,panelConstraints:n.map(e=>e.constraints),pivotIndices:he(r,t,c),prevLayout:a,trigger:`keyboard`});a!==e&&l(e)}}break}}};return e.addEventListener(`keydown`,u),()=>{e.removeEventListener(`keydown`,u)}});return()=>{s.forEach(e=>e())}},[c,e,t,r,a,s,l])}function be(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function xe(e,t){let n=e===`horizontal`,{x:r,y:i}=C(t);return n?r:i}function Se(e,t,n,r,a){let o=n===`horizontal`,s=_e(t,a);W(s,`No resize handle element found for id "${t}"`);let c=s.getAttribute(i.groupId);W(c,`Resize handle element has no group id attribute`);let{initialCursorPosition:l}=r,u=xe(n,e),d=ge(c,a);W(d,`No group element found for id "${c}"`);let f=d.getBoundingClientRect(),p=o?f.width:f.height;return(u-l)/p*100}function Ce(e,t,n,r,i,a){if(b(e)){let t=n===`horizontal`,r=0;r=e.shiftKey?100:i??10;let a=0;switch(e.key){case`ArrowDown`:a=t?0:r;break;case`ArrowLeft`:a=t?-r:0;break;case`ArrowRight`:a=t?r:0;break;case`ArrowUp`:a=t?0:-r;break;case`End`:a=100;break;case`Home`:a=-100}return a}return r==null?0:Se(e,t,n,r,a)}function we({panelDataArray:e}){let t=Array(e.length),n=e.map(e=>e.constraints),r=0,i=100;for(let a=0;a<e.length;a++){let e=n[a];W(e,`Panel constraints not found for index ${a}`);let{defaultSize:o}=e;o!=null&&(r++,t[a]=o,i-=o)}for(let a=0;a<e.length;a++){let o=n[a];W(o,`Panel constraints not found for index ${a}`);let{defaultSize:s}=o;if(s!=null)continue;let c=e.length-r,l=i/c;r++,t[a]=l,i-=l}return t}function Z(e,t,n){t.forEach((t,r)=>{let i=e[r];W(i,`Panel data not found for index ${r}`);let{callbacks:a,constraints:o,id:s}=i,{collapsedSize:c=0,collapsible:l}=o,u=n[s];if(u==null||t!==u){n[s]=t;let{onCollapse:e,onExpand:r,onResize:i}=a;i&&i(t,u),l&&(e||r)&&(r&&(u==null||K(u,c))&&!K(t,c)&&r(),e&&(u==null||!K(u,c))&&K(t,c)&&e())}})}function Te(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!=t[n])return!1;return!0}function Ee({defaultSize:e,dragState:t,layout:n,panelData:r,panelIndex:i,precision:a=3}){let o=n[i],s;return s=o==null?e==null?`1`:e.toPrecision(a):r.length===1?`1`:o.toPrecision(a),{flexBasis:0,flexGrow:s,flexShrink:1,overflow:`hidden`,pointerEvents:t===null?void 0:`none`}}function De(e,t=10){let n=null;return(...r)=>{n!==null&&clearTimeout(n),n=setTimeout(()=>{e(...r)},t)}}function Oe(e){try{if(typeof localStorage<`u`)e.getItem=e=>localStorage.getItem(e),e.setItem=(e,t)=>{localStorage.setItem(e,t)};else throw Error(`localStorage not supported in this environment`)}catch(t){console.error(t),e.getItem=()=>null,e.setItem=()=>{}}}function ke(e){return`react-resizable-panels:${e}`}function Ae(e){return e.map(e=>{let{constraints:t,id:n,idIsFromProps:r,order:i}=e;return r?n:i?`${i}:${JSON.stringify(t)}`:JSON.stringify(t)}).sort((e,t)=>e.localeCompare(t)).join(`,`)}function je(e,t){try{let n=ke(e),r=t.getItem(n);if(r){let e=JSON.parse(r);if(typeof e==`object`&&e)return e}}catch{}return null}function Me(e,t,n){return(je(e,n)??{})[Ae(t)]??null}function Ne(e,t,n,r,i){let a=ke(e),o=Ae(t),s=je(e,i)??{};s[o]={expandToSizes:Object.fromEntries(n.entries()),layout:r};try{i.setItem(a,JSON.stringify(s))}catch(e){console.error(e)}}function Pe({layout:e,panelConstraints:t}){let n=[...e],r=n.reduce((e,t)=>e+t,0);if(n.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${n.map(e=>`${e}%`).join(`, `)}`);if(!q(r,100)&&n.length>0)for(let e=0;e<t.length;e++){let t=n[e];W(t!=null,`No layout data found for index ${e}`);let i=100/r*t;n[e]=i}let i=0;for(let e=0;e<t.length;e++){let r=n[e];W(r!=null,`No layout data found for index ${e}`);let a=J({panelConstraints:t,panelIndex:e,size:r});r!=a&&(i+=r-a,n[e]=a)}if(!q(i,0))for(let e=0;e<t.length;e++){let r=n[e];W(r!=null,`No layout data found for index ${e}`);let a=r+i,o=J({panelConstraints:t,panelIndex:e,size:a});if(r!==o&&(i-=o-r,n[e]=o,q(i,0)))break}return n}var Fe=100,Ie={getItem:e=>(Oe(Ie),Ie.getItem(e)),setItem:(e,t)=>{Oe(Ie),Ie.setItem(e,t)}},Le={};function Re({autoSaveId:e=null,children:t,className:a=``,direction:s,forwardedRef:c,id:l=null,onLayout:d=null,keyboardResizeBy:f=null,storage:p=Ie,style:m,tagName:h=`div`,...g}){let _=u(l),v=(0,n.useRef)(null),[y,C]=(0,n.useState)(null),[w,T]=(0,n.useState)([]),E=de(),D=(0,n.useRef)({}),O=(0,n.useRef)(new Map),k=(0,n.useRef)(0),A=(0,n.useRef)({autoSaveId:e,direction:s,dragState:y,id:_,keyboardResizeBy:f,onLayout:d,storage:p}),j=(0,n.useRef)({layout:w,panelDataArray:[],panelDataArrayChanged:!1});(0,n.useRef)({didLogIdAndOrderWarning:!1,didLogPanelConstraintsWarning:!1,prevPanelIds:[]}),(0,n.useImperativeHandle)(c,()=>({getId:()=>A.current.id,getLayout:()=>{let{layout:e}=j.current;return e},setLayout:e=>{let{onLayout:t}=A.current,{layout:n,panelDataArray:r}=j.current,i=Pe({layout:e,panelConstraints:r.map(e=>e.constraints)});be(n,i)||(T(i),j.current.layout=i,t&&t(i),Z(r,i,D.current))}}),[]),o(()=>{A.current.autoSaveId=e,A.current.direction=s,A.current.dragState=y,A.current.id=_,A.current.onLayout=d,A.current.storage=p}),ye({committedValuesRef:A,eagerValuesRef:j,groupId:_,layout:w,panelDataArray:j.current.panelDataArray,setLayout:T,panelGroupElement:v.current}),(0,n.useEffect)(()=>{let{panelDataArray:t}=j.current;if(e){if(w.length===0||w.length!==t.length)return;let n=Le[e];n??(n=De(Ne,Fe),Le[e]=n);let r=[...t],i=new Map(O.current);n(e,r,i,w,p)}},[e,w,p]),(0,n.useEffect)(()=>{});let M=(0,n.useCallback)(e=>{let{onLayout:t}=A.current,{layout:n,panelDataArray:r}=j.current;if(e.constraints.collapsible){let i=r.map(e=>e.constraints),{collapsedSize:a=0,panelSize:o,pivotIndices:s}=$(r,e,n);if(W(o!=null,`Panel size not found for panel "${e.id}"`),!K(o,a)){O.current.set(e.id,o);let c=Y({delta:Q(r,e)===r.length-1?o-a:a-o,initialLayout:n,panelConstraints:i,pivotIndices:s,prevLayout:n,trigger:`imperative-api`});Te(n,c)||(T(c),j.current.layout=c,t&&t(c),Z(r,c,D.current))}}},[]),N=(0,n.useCallback)((e,t)=>{let{onLayout:n}=A.current,{layout:r,panelDataArray:i}=j.current;if(e.constraints.collapsible){let a=i.map(e=>e.constraints),{collapsedSize:o=0,panelSize:s=0,minSize:c=0,pivotIndices:l}=$(i,e,r),u=t??c;if(K(s,o)){let t=O.current.get(e.id),o=t!=null&&t>=u?t:u,c=Y({delta:Q(i,e)===i.length-1?s-o:o-s,initialLayout:r,panelConstraints:a,pivotIndices:l,prevLayout:r,trigger:`imperative-api`});Te(r,c)||(T(c),j.current.layout=c,n&&n(c),Z(i,c,D.current))}}},[]),F=(0,n.useCallback)(e=>{let{layout:t,panelDataArray:n}=j.current,{panelSize:r}=$(n,e,t);return W(r!=null,`Panel size not found for panel "${e.id}"`),r},[]),I=(0,n.useCallback)((e,t)=>{let{panelDataArray:n}=j.current,r=Q(n,e);return Ee({defaultSize:t,dragState:y,layout:w,panelData:n,panelIndex:r})},[y,w]),L=(0,n.useCallback)(e=>{let{layout:t,panelDataArray:n}=j.current,{collapsedSize:r=0,collapsible:i,panelSize:a}=$(n,e,t);return W(a!=null,`Panel size not found for panel "${e.id}"`),i===!0&&K(a,r)},[]),R=(0,n.useCallback)(e=>{let{layout:t,panelDataArray:n}=j.current,{collapsedSize:r=0,collapsible:i,panelSize:a}=$(n,e,t);return W(a!=null,`Panel size not found for panel "${e.id}"`),!i||G(a,r)>0},[]),z=(0,n.useCallback)(e=>{let{panelDataArray:t}=j.current;t.push(e),t.sort((e,t)=>{let n=e.order,r=t.order;return n==null&&r==null?0:n==null?-1:r==null?1:n-r}),j.current.panelDataArrayChanged=!0,E()},[E]);o(()=>{if(j.current.panelDataArrayChanged){j.current.panelDataArrayChanged=!1;let{autoSaveId:e,onLayout:t,storage:n}=A.current,{layout:r,panelDataArray:i}=j.current,a=null;if(e){let t=Me(e,i,n);t&&(O.current=new Map(Object.entries(t.expandToSizes)),a=t.layout)}a??=we({panelDataArray:i});let o=Pe({layout:a,panelConstraints:i.map(e=>e.constraints)});be(r,o)||(T(o),j.current.layout=o,t&&t(o),Z(i,o,D.current))}}),o(()=>{let e=j.current;return()=>{e.layout=[]}},[]);let B=(0,n.useCallback)(e=>{let t=!1,n=v.current;return n&&window.getComputedStyle(n,null).getPropertyValue(`direction`)===`rtl`&&(t=!0),function(n){n.preventDefault();let r=v.current;if(!r)return()=>null;let{direction:i,dragState:a,id:o,keyboardResizeBy:s,onLayout:c}=A.current,{layout:l,panelDataArray:u}=j.current,{initialLayout:d}=a??{},f=he(o,e,r),p=Ce(n,e,i,a,s,r),m=i===`horizontal`;m&&t&&(p=-p);let h=u.map(e=>e.constraints),g=Y({delta:p,initialLayout:d??l,panelConstraints:h,pivotIndices:f,prevLayout:l,trigger:b(n)?`keyboard`:`mouse-or-touch`}),_=!Te(l,g);(x(n)||S(n))&&k.current!=p&&(k.current=p,!_&&p!==0?m?oe(e,p<0?P:ee):oe(e,p<0?te:ne):oe(e,0)),_&&(T(g),j.current.layout=g,c&&c(g),Z(u,g,D.current))}},[]),V=(0,n.useCallback)((e,t)=>{let{onLayout:n}=A.current,{layout:r,panelDataArray:i}=j.current,a=i.map(e=>e.constraints),{panelSize:o,pivotIndices:s}=$(i,e,r);W(o!=null,`Panel size not found for panel "${e.id}"`);let c=Y({delta:Q(i,e)===i.length-1?o-t:t-o,initialLayout:r,panelConstraints:a,pivotIndices:s,prevLayout:r,trigger:`imperative-api`});Te(r,c)||(T(c),j.current.layout=c,n&&n(c),Z(i,c,D.current))},[]),re=(0,n.useCallback)((e,t)=>{let{layout:n,panelDataArray:r}=j.current,{collapsedSize:i=0,collapsible:a}=t,{collapsedSize:o=0,collapsible:s,maxSize:c=100,minSize:l=0}=e.constraints,{panelSize:u}=$(r,e,n);u!=null&&(a&&s&&K(u,i)?K(i,o)||V(e,o):u<l?V(e,l):u>c&&V(e,c))},[V]),H=(0,n.useCallback)((e,t)=>{let{direction:n}=A.current,{layout:r}=j.current;if(!v.current)return;let i=_e(e,v.current);W(i,`Drag handle element not found for id "${e}"`);let a=xe(n,t);C({dragHandleId:e,dragHandleRect:i.getBoundingClientRect(),initialCursorPosition:a,initialLayout:r})},[]),U=(0,n.useCallback)(()=>{C(null)},[]),ie=(0,n.useCallback)(e=>{let{panelDataArray:t}=j.current,n=Q(t,e);n>=0&&(t.splice(n,1),delete D.current[e.id],j.current.panelDataArrayChanged=!0,E())},[E]),ae=(0,n.useMemo)(()=>({collapsePanel:M,direction:s,dragState:y,expandPanel:N,getPanelSize:F,getPanelStyle:I,groupId:_,isPanelCollapsed:L,isPanelExpanded:R,reevaluatePanelConstraints:re,registerPanel:z,registerResizeHandle:B,resizePanel:V,startDragging:H,stopDragging:U,unregisterPanel:ie,panelGroupElement:v.current}),[M,y,s,N,F,I,_,L,R,re,z,B,V,H,U,ie]),se={display:`flex`,flexDirection:s===`horizontal`?`row`:`column`,height:`100%`,overflow:`hidden`,width:`100%`};return(0,n.createElement)(r.Provider,{value:ae},(0,n.createElement)(h,{...g,children:t,className:a,id:l,ref:v,style:{...se,...m},[i.group]:``,[i.groupDirection]:s,[i.groupId]:_}))}var ze=(0,n.forwardRef)((e,t)=>(0,n.createElement)(Re,{...e,forwardedRef:t}));Re.displayName=`PanelGroup`,ze.displayName=`forwardRef(PanelGroup)`;function Q(e,t){return e.findIndex(e=>e===t||e.id===t.id)}function $(e,t,n){let r=Q(e,t),i=r===e.length-1?[r-1,r]:[r,r+1],a=n[r];return{...t.constraints,panelSize:a,pivotIndices:i}}function Be({disabled:e,handleId:t,resizeHandler:r,panelGroupElement:a}){(0,n.useEffect)(()=>{if(e||r==null||a==null)return;let n=_e(t,a);if(n==null)return;let o=e=>{if(!e.defaultPrevented)switch(e.key){case`ArrowDown`:case`ArrowLeft`:case`ArrowRight`:case`ArrowUp`:case`End`:case`Home`:e.preventDefault(),r(e);break;case`F6`:{e.preventDefault();let r=n.getAttribute(i.groupId);W(r,`No group element found for id "${r}"`);let o=X(r,a),s=me(r,t,a);W(s!==null,`No resize element found for id "${t}"`),o[e.shiftKey?s>0?s-1:o.length-1:s+1<o.length?s+1:0].focus();break}}};return n.addEventListener(`keydown`,o),()=>{n.removeEventListener(`keydown`,o)}},[a,e,t,r])}function Ve({children:e=null,className:t=``,disabled:a=!1,hitAreaMargins:s,id:c,onBlur:l,onClick:d,onDragging:f,onFocus:p,onPointerDown:m,onPointerUp:h,style:g={},tabIndex:_=0,tagName:v=`div`,...y}){let b=(0,n.useRef)(null),x=(0,n.useRef)({onClick:d,onDragging:f,onPointerDown:m,onPointerUp:h});(0,n.useEffect)(()=>{x.current.onClick=d,x.current.onDragging=f,x.current.onPointerDown=m,x.current.onPointerUp=h});let S=(0,n.useContext)(r);if(S===null)throw Error(`PanelResizeHandle components must be rendered within a PanelGroup container`);let{direction:C,groupId:w,registerResizeHandle:T,startDragging:E,stopDragging:D,panelGroupElement:O}=S,k=u(c),[A,j]=(0,n.useState)(`inactive`),[M,N]=(0,n.useState)(!1),[P,ee]=(0,n.useState)(null),te=(0,n.useRef)({state:A});o(()=>{te.current.state=A}),(0,n.useEffect)(()=>{if(a)ee(null);else{let e=T(k);ee(()=>e)}},[a,k,T]);let ne=s?.coarse??15,F=s?.fine??5;(0,n.useEffect)(()=>{if(a||P==null)return;let e=b.current;W(e,`Element ref not attached`);let t=!1;return V(k,e,C,{coarse:ne,fine:F},(e,n,r)=>{if(!n){j(`inactive`);return}switch(e){case`down`:{j(`drag`),t=!1,W(r,`Expected event to be defined for "down" action`),E(k,r);let{onDragging:e,onPointerDown:n}=x.current;e?.(!0),n?.();break}case`move`:{let{state:e}=te.current;t=!0,e!==`drag`&&j(`hover`),W(r,`Expected event to be defined for "move" action`),P(r);break}case`up`:{j(`hover`),D();let{onClick:e,onDragging:n,onPointerUp:r}=x.current;n?.(!1),r?.(),t||e?.();break}}})},[ne,C,a,F,T,k,P,E,D]),Be({disabled:a,handleId:k,resizeHandler:P,panelGroupElement:O});let I={touchAction:`none`,userSelect:`none`};return(0,n.createElement)(v,{...y,children:e,className:t,id:c,onBlur:()=>{N(!1),l?.()},onFocus:()=>{N(!0),p?.()},ref:b,role:`separator`,style:{...I,...g},tabIndex:_,[i.groupDirection]:C,[i.groupId]:w,[i.resizeHandle]:``,[i.resizeHandleActive]:A===`drag`?`pointer`:M?`keyboard`:void 0,[i.resizeHandleEnabled]:!a,[i.resizeHandleId]:k,[i.resizeHandleState]:A})}Ve.displayName=`PanelResizeHandle`;export{ze as n,Ve as r,f as t};