react-resizable-panels 4.12.3 → 4.13.0

package/README.md

@@ -77,7 +77,7 @@ Falls back to <code>useId</code> when not provided.</p>
     <tr>
       <td>style</td>
       <td><p>CSS properties.</p>
-<p>⚠️ The following styles cannot be overridden: <code>display</code>, <code>flex-direction</code>, <code>flex-wrap</code>, and <code>overflow</code>.</p>
+<p>⚠️ The default inline styles cannot be overridden, except for <a href="https://react-resizable-panels.vercel.app/examples/overflow"><code>overflow</code></a>.</p>
 </td>
     </tr>
     <tr>
@@ -135,6 +135,14 @@ This method is recommended when saving layouts to some storage api.</p>
 The <code>isUserInteraction</code> attribute signals whether the resize was caused by direct user input.
 It is true for resizes caused by pointer or keyboard input
 and false for other triggers (e.g. imperative API calls, initial mount, etc.)</p>
+</td>
+    </tr>
+    <tr>
+      <td>resizePreviewMode</td>
+      <td><p>Controls whether pointer dragging updates <code>Panel</code>s sizes immediately,
+or renders overlay separator previews until the pointer is released.</p>
+<p>Defaults to <code>&quot;panel&quot;</code> (immediate resizing); <code>&quot;separator&quot;</code> defers resizing until release.</p>
+<p>Customize previews using the <code>SeparatorOverlay</code> component.</p>
 </td>
     </tr>
     <tr>
@@ -223,12 +231,27 @@ Falls back to <code>useId</code> when not provided.</p>
     <tr>
       <td>style</td>
       <td><p>CSS properties.</p>
-<p>⚠️ Style is applied to nested <code>HTMLDivElement</code> to avoid styles that interfere with Flex layout.</p>
+<p>⚠️ The default inline styles cannot be overridden, except for <a href="https://react-resizable-panels.vercel.app/examples/overflow"><code>overflow</code></a>.</p>
 </td>
     </tr>
     <tr>
       <td>collapsedSize</td>
       <td><p>Panel size when collapsed; defaults to 0%.</p>
+</td>
+    </tr>
+    <tr>
+      <td>collapsedThreshold</td>
+      <td><p>Distance a collapsible panel must be resized past its <code>minSize</code> to collapse,
+or past its <code>collapsedSize</code> to expand.
+Defaults to half the distance between <code>collapsedSize</code> and <code>minSize</code>.</p>
+<p>For example if a panel declares <code>collapsedSize=&quot;5%&quot;</code>, <code>collapsedThreshold=&quot;5%&quot;</code>, and <code>minSize=&quot;25%&quot;</code>,
+it will collapse when resized below 20% and expands when resized above 10%.</p>
+<p>ℹ️ Interpretation rules:</p>
+<ul>
+<li>Numbers are interpreted as pixels (e.g. <code>minSize={200}</code> is 200 pixels)</li>
+<li>Strings without explicit units are interpreted as percentage (e.g. <code>minSize=&quot;50&quot;</code> is 50 percent)</li>
+<li>Use explicit units (e.g. &quot;px&quot;, &quot;%&quot;, &quot;em&quot;, &quot;rem&quot;, &quot;vh&quot;, or &quot;vw&quot;) to change interpretation</li>
+</ul>
 </td>
     </tr>
     <tr>
@@ -392,6 +415,11 @@ To prevent a panel from being resized at all, it needs to also be disabled.</p>
     <tr>
       <td>elementRef</td>
       <td><p>Ref attached to the root <code>HTMLDivElement</code>.</p>
+</td>
+    </tr>
+    <tr>
+      <td>preview</td>
+      <td><p>Overrides the <code>Group</code> default preview for this <code>Separator</code> when <code>resizePreviewMode</code> is &quot;separator&quot;.</p>
 </td>
     </tr>
   </tbody>

package/dist/react-resizable-panels.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react/jsx-runtime"),z=require("react");function dt(e,t){const n=getComputedStyle(e),o=parseFloat(n.fontSize);return t*o}function pt(e,t){const n=getComputedStyle(e.ownerDocument.documentElement),o=parseFloat(n.fontSize);return t*o}function ht(e){return e/100*window.innerHeight}function mt(e){return e/100*window.innerWidth}function gt(e){switch(typeof e){case"number":return[e,"px"];case"string":{const t=parseFloat(e);return e.endsWith("%")?[t,"%"]:e.endsWith("px")?[t,"px"]:e.endsWith("rem")?[t,"rem"]:e.endsWith("em")?[t,"em"]:e.endsWith("vh")?[t,"vh"]:e.endsWith("vw")?[t,"vw"]:[t,"%"]}}}function oe({groupSize:e,panelElement:t,styleProp:n}){let o;const[i,s]=gt(n);switch(s){case"%":{o=i/100*e;break}case"px":{o=i;break}case"rem":{o=pt(t,i);break}case"em":{o=dt(t,i);break}case"vh":{o=ht(i);break}case"vw":{o=mt(i);break}}return o}function O(e){return parseFloat(e.toFixed(3))}function te({group:e}){const{orientation:t,panels:n}=e;return n.reduce((o,i)=>(o+=t==="horizontal"?i.element.offsetWidth:i.element.offsetHeight,o),0)}function me(e){const{panels:t}=e,n=te({group:e});return n===0?t.map(o=>({groupResizeBehavior:o.panelConstraints.groupResizeBehavior,collapsedSize:0,collapsible:o.panelConstraints.collapsible===!0,defaultSize:void 0,disabled:o.panelConstraints.disabled,minSize:0,maxSize:100,panelId:o.id})):t.map(o=>{const{element:i,panelConstraints:s}=o;let u=0;if(s.collapsedSize!==void 0){const c=oe({groupSize:n,panelElement:i,styleProp:s.collapsedSize});u=O(c/n*100)}let a;if(s.defaultSize!==void 0){const c=oe({groupSize:n,panelElement:i,styleProp:s.defaultSize});a=O(c/n*100)}let r=0;if(s.minSize!==void 0){const c=oe({groupSize:n,panelElement:i,styleProp:s.minSize});r=O(c/n*100)}let l=100;if(s.maxSize!==void 0){const c=oe({groupSize:n,panelElement:i,styleProp:s.maxSize});l=O(c/n*100)}return{groupResizeBehavior:s.groupResizeBehavior,collapsedSize:u,collapsible:s.collapsible===!0,defaultSize:a,disabled:s.disabled,minSize:r,maxSize:l,panelId:o.id}})}function R(e,t="Assertion error"){if(!e)throw Error(t)}function ge(e,t){return Array.from(t).sort(e==="horizontal"?yt:St)}function yt(e,t){const n=e.element.offsetLeft-t.element.offsetLeft;return n!==0?n:e.element.offsetWidth-t.element.offsetWidth}function St(e,t){const n=e.element.offsetTop-t.element.offsetTop;return n!==0?n:e.element.offsetHeight-t.element.offsetHeight}function Ve(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&e.nodeType===Node.ELEMENT_NODE}function Ue(e,t){return{x:e.x>=t.left&&e.x<=t.right?0:Math.min(Math.abs(e.x-t.left),Math.abs(e.x-t.right)),y:e.y>=t.top&&e.y<=t.bottom?0:Math.min(Math.abs(e.y-t.top),Math.abs(e.y-t.bottom))}}function vt({orientation:e,rects:t,targetRect:n}){const o={x:n.x+n.width/2,y:n.y+n.height/2};let i,s=Number.MAX_VALUE;for(const u of t){const{x:a,y:r}=Ue(o,u),l=e==="horizontal"?a:r;l<s&&(s=l,i=u)}return R(i,"No rect found"),i}let ue;function Be(){return ue===void 0&&(typeof matchMedia=="function"?ue=!!matchMedia("(pointer:coarse)").matches:ue=!1),ue}function We(e){const{element:t,orientation:n,panels:o,separators:i}=e,s=ge(n,Array.from(t.children).filter(Ve).map(x=>({element:x}))).map(({element:x})=>x),u=[];let a=!1,r=!1,l=-1,c=-1,m=0,p,S=[];{let x=-1;for(const f of s)f.hasAttribute("data-panel")&&(x++,f.hasAttribute("data-disabled")||(m++,l===-1&&(l=x),c=x))}if(m>1){let x=-1;for(const f of s)if(f.hasAttribute("data-panel")){x++;const d=o.find(h=>h.element===f);if(d){if(p){const h=p.element.getBoundingClientRect(),y=f.getBoundingClientRect();let b;if(r){const v=n==="horizontal"?new DOMRect(h.right,h.top,0,h.height):new DOMRect(h.left,h.bottom,h.width,0),g=n==="horizontal"?new DOMRect(y.left,y.top,0,y.height):new DOMRect(y.left,y.top,y.width,0);switch(S.length){case 0:{b=[v,g];break}case 1:{const L=S[0],M=vt({orientation:n,rects:[h,y],targetRect:L.element.getBoundingClientRect()});b=[L,M===h?g:v];break}default:{b=S;break}}}else S.length?b=S:b=[n==="horizontal"?new DOMRect(h.right,y.top,y.left-h.right,y.height):new DOMRect(y.left,h.bottom,y.width,y.top-h.bottom)];for(const v of b){let g="width"in v?v:v.element.getBoundingClientRect();const L=Be()?e.resizeTargetMinimumSize.coarse:e.resizeTargetMinimumSize.fine;if(g.width<L){const C=L-g.width;g=new DOMRect(g.x-C/2,g.y,g.width+C,g.height)}if(g.height<L){const C=L-g.height;g=new DOMRect(g.x,g.y-C/2,g.width,g.height+C)}const M=x<=l||x>c;!a&&!M&&u.push({group:e,groupSize:te({group:e}),panels:[p,d],separator:"width"in v?void 0:v,rect:g}),a=!1}}r=!1,p=d,S=[]}}else if(f.hasAttribute("data-separator")){f.ariaDisabled!==null&&(a=!0);const d=i.find(h=>h.element===f);d?S.push(d):(p=void 0,S=[])}else r=!0}return u}class Ke{#e={};addListener(t,n){const o=this.#e[t];return o===void 0?this.#e[t]=[n]:o.includes(n)||o.push(n),()=>{this.removeListener(t,n)}}emit(t,n){const o=this.#e[t];if(o!==void 0)if(o.length===1)o[0].call(null,n);else{let i=!1,s=null;const u=Array.from(o);for(let a=0;a<u.length;a++){const r=u[a];try{r.call(null,n)}catch(l){s===null&&(i=!0,s=l)}}if(i)throw s}}removeAllListeners(){this.#e={}}removeListener(t,n){const o=this.#e[t];if(o!==void 0){const i=o.indexOf(n);i>=0&&o.splice(i,1)}}}let Q={cursorFlags:0,state:"inactive"};const ye=new Ke;function W(){return Q}function bt(e){return ye.addListener("change",e)}function xt(e){const t=Q,n={...Q};n.cursorFlags=e,Q=n,ye.emit("change",{prev:t,next:n})}function ee(e){const t=Q;Q=e,ye.emit("change",{prev:t,next:e})}const zt=e=>e,he=()=>{},qe=1,Xe=2,Ye=4,Je=8,Ce=3,Re=12;let ce;function Ee(){return ce===void 0&&(ce=!1,typeof window<"u"&&(window.navigator.userAgent.includes("Chrome")||window.navigator.userAgent.includes("Firefox"))&&(ce=!0)),ce}function Pt({cursorFlags:e,groups:t,state:n}){let o=0,i=0;switch(n){case"active":case"hover":t.forEach(s=>{if(!s.mutableState.disableCursor)switch(s.orientation){case"horizontal":{o++;break}case"vertical":{i++;break}}})}if(!(o===0&&i===0)){switch(n){case"active":{if(e&&Ee()){const s=(e&qe)!==0,u=(e&Xe)!==0,a=(e&Ye)!==0,r=(e&Je)!==0;if(s)return a?"se-resize":r?"ne-resize":"e-resize";if(u)return a?"sw-resize":r?"nw-resize":"w-resize";if(a)return"s-resize";if(r)return"n-resize"}break}}return Ee()?o>0&&i>0?"move":o>0?"ew-resize":"ns-resize":o>0&&i>0?"grab":o>0?"col-resize":"row-resize"}}const Me=new WeakMap;function Se(e){if(!e.defaultView||!e.adoptedStyleSheets)return;let{prevStyle:t,styleSheet:n}=Me.get(e)??{};n===void 0&&(n=new e.defaultView.CSSStyleSheet,e.adoptedStyleSheets&&(Object.isExtensible(e.adoptedStyleSheets)?e.adoptedStyleSheets.push(n):e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]));const o=W();switch(o.state){case"active":case"hover":{const i=Pt({cursorFlags:o.cursorFlags,groups:o.hitRegions.map(u=>u.group),state:o.state}),s=`*, *:hover {cursor: ${i} !important; }`;if(t===s)return;t=s,i?n.cssRules.length===0?n.insertRule(s):n.replaceSync(s):n.cssRules.length===1&&n.deleteRule(0);break}case"inactive":{t=void 0,n.cssRules.length===1&&n.deleteRule(0);break}}Me.set(e,{prevStyle:t,styleSheet:n})}let F=new Map;const Ze=new Ke;function wt(e){F=new Map(F),F.delete(e)}function ke(e,t){for(const[n]of F)if(n.id===e)return n}function H(e,t){for(const[n,o]of F)if(n.id===e)return o;if(t)throw Error(`Could not find data for Group with id ${e}`)}function V(){return F}function ve(e,t){return Ze.addListener("groupChange",n=>{n.group.id===e&&t(n)})}function $(e,t,n){const o=F.get(e);F=new Map(F),F.set(e,t),Ze.emit("groupChange",{group:e,isUserInteraction:n?.isUserInteraction===!0,prev:o,next:t})}function Qe(e){const t=W(),n=V();let o=!1;switch(t.state){case"active":ee({cursorFlags:0,state:"inactive"}),t.hitRegions.length>0&&(Se(e),o=!0,t.hitRegions.forEach(i=>{if(!n.has(i.group))return;const s=H(i.group.id,!0);$(i.group,s,{isUserInteraction:!0})}))}return o}function Ie(e){e.defaultPrevented||Qe(e.currentTarget)}function Lt(e,t,n){let o,i={x:1/0,y:1/0};for(const s of t){const u=Ue(n,s.rect);switch(e){case"horizontal":{u.x<=i.x&&(o=s,i=u);break}case"vertical":{u.y<=i.y&&(o=s,i=u);break}}}return o?{distance:i,hitRegion:o}:void 0}function Ct(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE}function Rt(e,t){if(e===t)throw new Error("Cannot compare node with itself");const n={a:Oe(e),b:Oe(t)};let o;for(;n.a.at(-1)===n.b.at(-1);)o=n.a.pop(),n.b.pop();R(o,"Stacking order can only be calculated for elements with a common ancestor");const i={a:Te(De(n.a)),b:Te(De(n.b))};if(i.a===i.b){const s=o.childNodes,u={a:n.a.at(-1),b:n.b.at(-1)};let a=s.length;for(;a--;){const r=s[a];if(r===u.a)return 1;if(r===u.b)return-1}}return Math.sign(i.a-i.b)}const Et=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Mt(e){const t=getComputedStyle(et(e)??e).display;return t==="flex"||t==="inline-flex"}function kt(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||Mt(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"||Et.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function De(e){let t=e.length;for(;t--;){const n=e[t];if(R(n,"Missing node"),kt(n))return n}return null}function Te(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Oe(e){const t=[];for(;e;)t.push(e),e=et(e);return t}function et(e){const{parentNode:t}=e;return Ct(t)?t.host:t}function It(e,t){return 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 Dt({groupElement:e,hitRegion:t,pointerEventTarget:n}){if(!Ve(n)||n.contains(e)||e.contains(n))return!0;if(Rt(n,e)>0){let o=n;for(;o;){if(o.contains(e))return!0;if(It(o.getBoundingClientRect(),t))return!1;o=o.parentElement}}return!0}function be(e,t){const n=[];return t.forEach((o,i)=>{if(i.disabled)return;const s=We(i),u=Lt(i.orientation,s,{x:e.clientX,y:e.clientY});u&&u.distance.x<=0&&u.distance.y<=0&&Dt({groupElement:i.element,hitRegion:u.hitRegion.rect,pointerEventTarget:e.target})&&n.push(u.hitRegion)}),n}function Tt(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 D(e,t,n=0){return Math.abs(O(e)-O(t))<=n}function A(e,t){return D(e,t)?0:e>t?1:-1}function Z({overrideDisabledPanels:e,panelConstraints:t,prevSize:n,size:o}){const{collapsedSize:i=0,collapsible:s,disabled:u,maxSize:a=100,minSize:r=0}=t;if(u&&!e)return n;if(A(o,r)<0)if(s){const l=(i+r)/2;A(o,l)<0?o=i:o=r}else o=r;return o=Math.min(a,o),o=O(o),o}function se({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:o,prevLayout:i,trigger:s}){if(D(e,0))return t;const u=s==="imperative-api",a=Object.values(t),r=Object.values(i),l=[...a],[c,m]=o;R(c!=null,"Invalid first pivot index"),R(m!=null,"Invalid second pivot index");let p=0;switch(s){case"keyboard":{{const f=e<0?m:c,d=n[f];R(d,`Panel constraints not found for index ${f}`);const{collapsedSize:h=0,collapsible:y,minSize:b=0}=d;if(y){const v=a[f];if(R(v!=null,`Previous layout not found for panel index ${f}`),D(v,h)){const g=b-v;A(g,Math.abs(e))>0&&(e=e<0?0-g:g)}}}{const f=e<0?c:m,d=n[f];R(d,`No panel constraints found for index ${f}`);const{collapsedSize:h=0,collapsible:y,minSize:b=0}=d;if(y){const v=a[f];if(R(v!=null,`Previous layout not found for panel index ${f}`),D(v,b)){const g=v-h;A(g,Math.abs(e))>0&&(e=e<0?0-g:g)}}}break}default:{const f=e<0?m:c,d=n[f];R(d,`Panel constraints not found for index ${f}`);const h=a[f],{collapsible:y,collapsedSize:b,minSize:v}=d;if(y&&A(h,v)<0)if(e>0){const g=v-b,L=g/2,M=h+e;A(M,v)<0&&(e=A(e,L)<=0?0:g)}else{const g=v-b,L=100-g/2,M=h-e;A(M,v)<0&&(e=A(100+e,L)>0?0:-g)}break}}{const f=e<0?1:-1;let d=e<0?m:c,h=0;for(;;){const b=a[d];R(b!=null,`Previous layout not found for panel index ${d}`);const g=Z({overrideDisabledPanels:u,panelConstraints:n[d],prevSize:b,size:100})-b;if(h+=g,d+=f,d<0||d>=n.length)break}const y=Math.min(Math.abs(e),Math.abs(h));e=e<0?0-y:y}{let d=e<0?c:m;for(;d>=0&&d<n.length;){const h=Math.abs(e)-Math.abs(p),y=a[d];R(y!=null,`Previous layout not found for panel index ${d}`);const b=y-h,v=Z({overrideDisabledPanels:u,panelConstraints:n[d],prevSize:y,size:b});if(!D(y,v)&&(p+=y-v,l[d]=v,p.toFixed(3).localeCompare(Math.abs(e).toFixed(3),void 0,{numeric:!0})>=0))break;e<0?d--:d++}}if(Tt(r,l))return i;{const f=e<0?m:c,d=a[f];R(d!=null,`Previous layout not found for panel index ${f}`);const h=d+p,y=Z({overrideDisabledPanels:u,panelConstraints:n[f],prevSize:d,size:h});if(l[f]=y,!D(y,h)){let b=h-y,g=e<0?m:c;for(;g>=0&&g<n.length;){const L=l[g];R(L!=null,`Previous layout not found for panel index ${g}`);const M=L+b,C=Z({overrideDisabledPanels:u,panelConstraints:n[g],prevSize:L,size:M});if(D(L,C)||(b-=C-L,l[g]=C),D(b,0))break;e>0?g--:g++}}}const S=Object.values(l).reduce((f,d)=>d+f,0);if(!D(S,100,.1))return i;const x=Object.keys(i);return l.reduce((f,d,h)=>(f[x[h]]=d,f),{})}function K(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(t[n]===void 0||A(e[n],t[n])!==0)return!1;return!0}function q({layout:e,panelConstraints:t}){const n=Object.values(e),o=[...n],i=o.reduce((a,r)=>a+r,0);if(o.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${o.map(a=>`${a}%`).join(", ")}`);if(!D(i,100)&&o.length>0)for(let a=0;a<t.length;a++){const r=o[a];R(r!=null,`No layout data found for index ${a}`);const l=100/i*r;o[a]=l}let s=0;for(let a=0;a<t.length;a++){const r=n[a];R(r!=null,`No layout data found for index ${a}`);const l=o[a];R(l!=null,`No layout data found for index ${a}`);const c=Z({overrideDisabledPanels:!0,panelConstraints:t[a],prevSize:r,size:l});l!=c&&(s+=l-c,o[a]=c)}if(!D(s,0))for(let a=0;a<t.length;a++){const r=o[a];R(r!=null,`No layout data found for index ${a}`);const l=r+s,c=Z({overrideDisabledPanels:!0,panelConstraints:t[a],prevSize:r,size:l});if(r!==c&&(s-=c-r,o[a]=c,D(s,0)))break}const u=Object.keys(e);return o.reduce((a,r,l)=>(a[u[l]]=r,a),{})}function tt({groupId:e,panelId:t}){const n=()=>{const r=V();for(const[l,{defaultLayoutDeferred:c,derivedPanelConstraints:m,layout:p,groupSize:S,separatorToPanels:x}]of r)if(l.id===e)return{defaultLayoutDeferred:c,derivedPanelConstraints:m,group:l,groupSize:S,layout:p,separatorToPanels:x};throw Error(`Group ${e} not found`)},o=()=>{const r=n().derivedPanelConstraints.find(l=>l.panelId===t);if(r!==void 0)return r;throw Error(`Panel constraints not found for Panel ${t}`)},i=()=>{const r=n().group.panels.find(l=>l.id===t);if(r!==void 0)return r;throw Error(`Layout not found for Panel ${t}`)},s=()=>{const r=n().layout[t];if(r!==void 0)return r;throw Error(`Layout not found for Panel ${t}`)},u=({nextSize:r,panels:l,prevLayout:c,derivedPanelConstraints:m})=>{const p=s(),S=l.findIndex(h=>h.id===t),x=S===0,f=S===l.length-1;if(f&&r<p&&(x||l.slice(0,S).every((h,y)=>{const b=m[y];return b?.collapsible&&D(b.collapsedSize,c[b.panelId])}))){const h=l.slice(0,S).reduce((y,b)=>y+c[b.id],0);return{...c,[t]:O(100-h)}}return se({delta:f?p-r:r-p,initialLayout:c,panelConstraints:m,pivotIndices:f?[S-1,S]:[S,S+1],prevLayout:c,trigger:"imperative-api"})},a=r=>{const l=s();if(r===l)return;const{defaultLayoutDeferred:c,derivedPanelConstraints:m,group:p,groupSize:S,layout:x,separatorToPanels:f}=n(),d=u({nextSize:r,panels:p.panels,prevLayout:x,derivedPanelConstraints:m}),h=q({layout:d,panelConstraints:m});K(x,h)||$(p,{defaultLayoutDeferred:c,derivedPanelConstraints:m,groupSize:S,layout:h,separatorToPanels:f})};return{collapse:()=>{const{collapsible:r,collapsedSize:l}=o(),{mutableValues:c}=i(),m=s();r&&m!==l&&(c.expandToSize=m,a(l))},expand:()=>{const{collapsible:r,collapsedSize:l,minSize:c}=o(),{mutableValues:m}=i(),p=s();if(r&&p===l){let S=m.expandToSize??c;S===0&&(S=1),a(S)}},getSize:()=>{const{group:r}=n(),l=s(),{element:c}=i(),m=r.orientation==="horizontal"?c.offsetWidth:c.offsetHeight;return{asPercentage:l,inPixels:m}},isCollapsed:()=>{const{collapsible:r,collapsedSize:l}=o(),c=s();return r&&D(l,c)},resize:r=>{const{group:l}=n(),{element:c}=i(),m=te({group:l}),p=oe({groupSize:m,panelElement:c,styleProp:r}),S=O(p/m*100);a(S)}}}function Ge(e){if(e.defaultPrevented)return;const t=V();be(e,t).forEach(o=>{if(o.separator&&!o.separator.disableDoubleClick){const i=o.panels.find(s=>s.panelConstraints.defaultSize!==void 0);if(i){const s=i.panelConstraints.defaultSize,u=tt({groupId:o.group.id,panelId:i.id});u&&s!==void 0&&(u.resize(s),e.preventDefault())}}})}function fe(e){const t=V();for(const[n]of t)if(n.separators.some(o=>o.element===e))return n;throw Error("Could not find parent Group for separator element")}function nt({groupId:e}){const t=()=>{const n=V();for(const[o,i]of n)if(o.id===e)return{group:o,...i};throw Error(`Could not find Group with id "${e}"`)};return{getLayout(){const{defaultLayoutDeferred:n,layout:o}=t();return n?{}:o},setLayout(n){const{defaultLayoutDeferred:o,derivedPanelConstraints:i,group:s,groupSize:u,layout:a,separatorToPanels:r}=t(),l=q({layout:n,panelConstraints:i});return o?a:(K(a,l)||$(s,{defaultLayoutDeferred:o,derivedPanelConstraints:i,groupSize:u,layout:l,separatorToPanels:r}),l)}}}function B(e,t){const n=fe(e),o=H(n.id,!0),i=n.separators.find(m=>m.element===e);R(i,"Matching separator not found");const s=o.separatorToPanels.get(i);R(s,"Matching panels not found");const u=s.map(m=>n.panels.indexOf(m)),r=nt({groupId:n.id}).getLayout(),l=se({delta:t,initialLayout:r,panelConstraints:o.derivedPanelConstraints,pivotIndices:u,prevLayout:r,trigger:"keyboard"}),c=q({layout:l,panelConstraints:o.derivedPanelConstraints});K(r,c)||$(n,{defaultLayoutDeferred:o.defaultLayoutDeferred,derivedPanelConstraints:o.derivedPanelConstraints,groupSize:o.groupSize,layout:c,separatorToPanels:o.separatorToPanels},{isUserInteraction:!0})}function Ae(e){if(e.defaultPrevented)return;const t=e.currentTarget,n=fe(t);if(!n.disabled)switch(e.key){case"ArrowDown":{e.preventDefault(),n.orientation==="vertical"&&B(t,5);break}case"ArrowLeft":{e.preventDefault(),n.orientation==="horizontal"&&B(t,-5);break}case"ArrowRight":{e.preventDefault(),n.orientation==="horizontal"&&B(t,5);break}case"ArrowUp":{e.preventDefault(),n.orientation==="vertical"&&B(t,-5);break}case"End":{e.preventDefault(),B(t,100);break}case"Enter":{e.preventDefault();const o=fe(t),i=H(o.id,!0),{derivedPanelConstraints:s,layout:u,separatorToPanels:a}=i,r=o.separators.find(p=>p.element===t);R(r,"Matching separator not found");const l=a.get(r);R(l,"Matching panels not found");const c=l[0],m=s.find(p=>p.panelId===c.id);if(R(m,"Panel metadata not found"),m.collapsible){const p=u[c.id],S=m.collapsedSize===p?o.mutableState.expandedPanelSizes[c.id]??m.minSize:m.collapsedSize;B(t,S-p)}break}case"F6":{e.preventDefault();const i=fe(t).separators.map(r=>r.element),s=Array.from(i).findIndex(r=>r===e.currentTarget);R(s!==null,"Index not found");const u=e.shiftKey?s>0?s-1:i.length-1:s+1<i.length?s+1:0;i[u].focus({preventScroll:!0});break}case"Home":{e.preventDefault(),B(t,-100);break}}}function Fe(e){if(e.defaultPrevented)return;if(e.pointerType==="mouse"&&e.button>0)return;const t=V(),n=be(e,t),o=new Map;let i=!1;n.forEach(s=>{s.separator&&(i||(i=!0,s.separator.element.focus({focusVisible:!1,preventScroll:!0})));const u=t.get(s.group);u&&o.set(s.group,u.layout)}),ee({cursorFlags:0,hitRegions:n,initialLayoutMap:o,pointerDownAtPoint:{x:e.clientX,y:e.clientY},state:"active"}),n.length&&e.preventDefault()}function ot({document:e,event:t,hitRegions:n,initialLayoutMap:o,mountedGroups:i,pointerDownAtPoint:s,prevCursorFlags:u}){let a=0;n.forEach(l=>{const{group:c,groupSize:m}=l,{orientation:p,panels:S}=c,{disableCursor:x}=c.mutableState;let f=0;s?p==="horizontal"?f=(t.clientX-s.x)/m*100:f=(t.clientY-s.y)/m*100:p==="horizontal"?f=t.clientX<0?-100:100:f=t.clientY<0?-100:100;const d=o.get(c),h=i.get(c);if(!d||!h)return;const{defaultLayoutDeferred:y,derivedPanelConstraints:b,groupSize:v,layout:g,separatorToPanels:L}=h;if(b&&g&&L){const M=se({delta:f,initialLayout:d,panelConstraints:b,pivotIndices:l.panels.map(C=>S.indexOf(C)),prevLayout:g,trigger:"mouse-or-touch"});if(K(M,g)){if(f!==0&&!x)switch(p){case"horizontal":{a|=f<0?qe:Xe;break}case"vertical":{a|=f<0?Ye:Je;break}}}else $(l.group,{defaultLayoutDeferred:y,derivedPanelConstraints:b,groupSize:v,layout:M,separatorToPanels:L})}});let r=0;t.movementX===0?r|=u&Ce:r|=a&Ce,t.movementY===0?r|=u&Re:r|=a&Re,xt(r),Se(e)}function Ne(e){const t=V(),n=W();switch(n.state){case"active":ot({document:e.currentTarget,event:e,hitRegions:n.hitRegions,initialLayoutMap:n.initialLayoutMap,mountedGroups:t,prevCursorFlags:n.cursorFlags})}}function _e(e){if(e.defaultPrevented)return;const t=W(),n=V();switch(t.state){case"active":{if(e.buttons===0){ee({cursorFlags:0,state:"inactive"}),t.hitRegions.forEach(o=>{if(!n.has(o.group))return;const i=H(o.group.id,!0);$(o.group,i,{isUserInteraction:!0})});return}for(const o of t.hitRegions)if(o.separator){const{element:i}=o.separator;i.hasPointerCapture?.(e.pointerId)||i.setPointerCapture?.(e.pointerId)}ot({document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n,pointerDownAtPoint:t.pointerDownAtPoint,prevCursorFlags:t.cursorFlags});break}default:{const o=be(e,n);o.length===0?t.state!=="inactive"&&ee({cursorFlags:0,state:"inactive"}):ee({cursorFlags:0,hitRegions:o,state:"hover"}),Se(e.currentTarget);break}}}function je(e){if(e.relatedTarget instanceof HTMLIFrameElement)switch(W().state){case"hover":ee({cursorFlags:0,state:"inactive"})}}function $e(e){if(e.defaultPrevented)return;if(e.pointerType==="mouse"&&e.button>0)return;Qe(e.currentTarget)&&e.preventDefault()}function He(e){let t=0,n=0;const o={};for(const s of e)if(s.defaultSize!==void 0){t++;const u=O(s.defaultSize);n+=u,o[s.panelId]=u}else o[s.panelId]=void 0;const i=e.length-t;if(i!==0){const s=O((100-n)/i);for(const u of e)u.defaultSize===void 0&&(o[u.panelId]=s)}return o}function Ot(e,t,n){if(!n[0])return;const i=e.panels.find(l=>l.element===t);if(!i||!i.onResize)return;const s=te({group:e}),u=e.orientation==="horizontal"?i.element.offsetWidth:i.element.offsetHeight,a=i.mutableValues.prevSize,r={asPercentage:O(u/s*100),inPixels:u};i.mutableValues.prevSize=r,i.onResize(r,i.id,a)}function Gt(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const o in e)if(e[o]!==t[o])return!1;return!0}function At(e,t){return e.length!==t.length?!1:e.every((n,o)=>Gt(n,t[o]))}function Ft({group:e,nextGroupSize:t,prevGroupSize:n,prevLayout:o}){if(n<=0||t<=0||n===t)return o;let i=0,s=0,u=!1;const a=new Map,r=[];for(const m of e.panels){const p=o[m.id]??0;switch(m.panelConstraints.groupResizeBehavior){case"preserve-pixel-size":{u=!0;const S=p/100*n,x=O(S/t*100);a.set(m.id,x),i+=x;break}case"preserve-relative-size":default:{r.push(m.id),s+=p;break}}}if(!u||r.length===0)return o;const l=100-i,c={...o};if(a.forEach((m,p)=>{c[p]=m}),s>0)for(const m of r){const p=o[m]??0;c[m]=O(p/s*l)}else{const m=O(l/r.length);for(const p of r)c[p]=m}return c}function Nt(e,t){const n=e.map(i=>i.id),o=Object.keys(t);if(n.length!==o.length)return!1;for(const i of n)if(!o.includes(i))return!1;return!0}const J=new Map;function _t(e){let t=!0;R(e.element.ownerDocument.defaultView,"Cannot register an unmounted Group");const n=e.element.ownerDocument.defaultView.ResizeObserver,o=new Set,i=new Set,s=new n(f=>{for(const d of f){const{borderBoxSize:h,target:y}=d;if(y===e.element){if(t){const b=te({group:e});if(b===0)return;const v=H(e.id);if(!v)return;const g=me(e),L=v.defaultLayoutDeferred?He(g):v.layout,M=Ft({group:e,nextGroupSize:b,prevGroupSize:v.groupSize,prevLayout:L}),C=q({layout:M,panelConstraints:g});if(!v.defaultLayoutDeferred&&K(v.layout,C)&&At(v.derivedPanelConstraints,g)&&v.groupSize===b)continue;$(e,{defaultLayoutDeferred:!1,derivedPanelConstraints:g,groupSize:b,layout:C,separatorToPanels:v.separatorToPanels})}}else Ot(e,y,h)}});s.observe(e.element),e.panels.forEach(f=>{R(!o.has(f.id),`Panel ids must be unique; id "${f.id}" was used more than once`),o.add(f.id),f.onResize&&s.observe(f.element)});const u=te({group:e}),a=me(e),r=e.panels.map(({id:f})=>f).join(",");let l=e.mutableState.defaultLayout;l&&(Nt(e.panels,l)||(l=void 0));const c=e.mutableState.layouts[r]??l??He(a),m=q({layout:c,panelConstraints:a}),p=e.element.ownerDocument;J.set(p,(J.get(p)??0)+1);const S=new Map;return We(e).forEach(f=>{f.separator&&S.set(f.separator,f.panels)}),$(e,{defaultLayoutDeferred:u===0,derivedPanelConstraints:a,groupSize:u,layout:m,separatorToPanels:S}),e.separators.forEach(f=>{R(!i.has(f.id),`Separator ids must be unique; id "${f.id}" was used more than once`),i.add(f.id),f.element.addEventListener("keydown",Ae)}),J.get(p)===1&&(p.addEventListener("contextmenu",Ie,!0),p.addEventListener("dblclick",Ge,!0),p.addEventListener("pointerdown",Fe,!0),p.addEventListener("pointerleave",Ne),p.addEventListener("pointermove",_e),p.addEventListener("pointerout",je),p.addEventListener("pointerup",$e,!0)),function(){t=!1,J.set(p,Math.max(0,(J.get(p)??0)-1)),wt(e),e.separators.forEach(d=>{d.element.removeEventListener("keydown",Ae)}),J.get(p)||(p.removeEventListener("contextmenu",Ie,!0),p.removeEventListener("dblclick",Ge,!0),p.removeEventListener("pointerdown",Fe,!0),p.removeEventListener("pointerleave",Ne),p.removeEventListener("pointermove",_e),p.removeEventListener("pointerout",je),p.removeEventListener("pointerup",$e,!0)),s.disconnect()}}function jt(){const[e,t]=z.useState({}),n=z.useCallback(()=>t({}),[]);return[e,n]}function xe(e){const t=z.useId();return`${e??t}`}const X=typeof window<"u"?z.useLayoutEffect:z.useEffect;function ie(e){const t=z.useRef(e);return X(()=>{t.current=e},[e]),z.useCallback((...n)=>t.current?.(...n),[t])}function ze(...e){return ie(t=>{e.forEach(n=>{if(n)switch(typeof n){case"function":{n(t);break}case"object":{n.current=t;break}}})})}function Pe(e){const t=z.useRef({...e});return X(()=>{for(const n in e)t.current[n]=e[n]},[e]),t.current}const it=z.createContext(null);function $t(e,t){const n=z.useRef({getLayout:()=>({}),setLayout:zt});z.useImperativeHandle(t,()=>n.current,[]),X(()=>{Object.assign(n.current,nt({groupId:e}))})}function rt({children:e,className:t,defaultLayout:n,disableCursor:o,disabled:i,elementRef:s,groupRef:u,id:a,onLayoutChange:r,onLayoutChanged:l,orientation:c="horizontal",resizeTargetMinimumSize:m={coarse:20,fine:10},style:p,...S}){const x=z.useRef({onLayoutChange:{},onLayoutChanged:{}}),f=ie(P=>{K(x.current.onLayoutChange,P)||(x.current.onLayoutChange=P,r?.(P))}),d=ie((P,w)=>{K(x.current.onLayoutChanged,P)||(x.current.onLayoutChanged=P,l?.(P,{isUserInteraction:w}))}),h=xe(a),y=z.useRef(null),[b,v]=jt(),g=z.useRef({lastExpandedPanelSizes:{},layouts:{},panels:[],resizeTargetMinimumSize:m,separators:[]}),L=ze(y,s);$t(h,u);const M=ie((P,w)=>{const I=W(),E=ke(P),k=H(P);if(k){let T=!1;switch(I.state){case"active":{T=I.hitRegions.some(U=>U.group===E);break}}return{flexGrow:k.layout[w]??1,pointerEvents:T?"none":void 0}}if(n?.[w])return{flexGrow:n?.[w]}}),C=Pe({defaultLayout:n,disableCursor:o}),G=z.useMemo(()=>({get disableCursor(){return!!C.disableCursor},getPanelStyles:M,id:h,orientation:c,registerPanel:P=>{const w=g.current;return w.panels=ge(c,[...w.panels,P]),v(),()=>{w.panels=w.panels.filter(I=>I!==P),v()}},registerSeparator:P=>{const w=g.current;return w.separators=ge(c,[...w.separators,P]),v(),()=>{w.separators=w.separators.filter(I=>I!==P),v()}},updatePanelProps:(P,{disabled:w})=>{const E=g.current.panels.find(U=>U.id===P);E&&(E.panelConstraints.disabled=w);const k=ke(h),T=H(h);k&&T&&$(k,{...T,derivedPanelConstraints:me(k)})},updateSeparatorProps:(P,{disabled:w,disableDoubleClick:I})=>{const k=g.current.separators.find(T=>T.id===P);k&&(k.disabled=w,k.disableDoubleClick=I)}}),[M,h,v,c,C]),N=z.useRef(null);return X(()=>{const P=y.current;if(P===null)return;const w=g.current;let I;if(C.defaultLayout!==void 0&&Object.keys(C.defaultLayout).length===w.panels.length){I={};for(const _ of w.panels){const Y=C.defaultLayout[_.id];Y!==void 0&&(I[_.id]=Y)}}const E={disabled:!!i,element:P,id:h,mutableState:{defaultLayout:I,disableCursor:!!C.disableCursor,expandedPanelSizes:g.current.lastExpandedPanelSizes,layouts:g.current.layouts},orientation:c,panels:w.panels,resizeTargetMinimumSize:w.resizeTargetMinimumSize,separators:w.separators};N.current=E;const k=_t(E),{defaultLayoutDeferred:T,derivedPanelConstraints:U,layout:ae}=H(E.id,!0);!T&&U.length>0&&(f(ae),d(ae,!1));const ne=ve(h,_=>{const{defaultLayoutDeferred:Y,derivedPanelConstraints:Le,layout:le}=_.next;if(Y||Le.length===0)return;const lt=E.panels.map(({id:j})=>j).join(",");E.mutableState.layouts[lt]=le,Le.forEach(j=>{if(j.collapsible){const{layout:pe}=_.prev??{};if(pe){const ct=D(j.collapsedSize,le[j.panelId]),ft=D(j.collapsedSize,pe[j.panelId]);ct&&!ft&&(E.mutableState.expandedPanelSizes[j.panelId]=pe[j.panelId])}}});const ut=W().state!=="active";f(le),ut&&d(le,_.isUserInteraction)});return()=>{N.current=null,k(),ne()}},[i,h,d,f,c,b,C]),z.useEffect(()=>{const P=N.current;P&&(P.mutableState.defaultLayout=n,P.mutableState.disableCursor=!!o)}),re.jsx(it.Provider,{value:G,children:re.jsx("div",{...S,className:t,"data-group":!0,"data-testid":h,id:h,ref:L,style:{height:"100%",width:"100%",overflow:"hidden",...p,display:"flex",flexDirection:c==="horizontal"?"row":"column",flexWrap:"nowrap",touchAction:c==="horizontal"?"pan-y":"pan-x"},children:e})})}rt.displayName="Group";function de(e,t){return`react-resizable-panels:${[e,...t].join(":")}`}function Ht({id:e,panelIds:t,storage:n}){const o=de(e,[]),i=n.getItem(o);if(i)try{const s=JSON.parse(i);if(t){const u=t.join(","),a=s[u];if(a&&Array.isArray(a.layout)&&t.length===a.layout.length){const r={};for(let l=0;l<t.length;l++)r[t[l]]=a.layout[l];return r}}else{const u=Object.keys(s);if(u.length===1){const a=s[u[0]];if(a&&Array.isArray(a.layout)){const r=u[0].split(",");if(r.length===a.layout.length){const l={};for(let c=0;c<r.length;c++)l[r[c]]=a.layout[c];return l}}}}}catch{}}function Vt({debounceSaveMs:e=100,onlySaveAfterUserInteractions:t,panelIds:n,storage:o=localStorage,...i}){const s=n!==void 0,u="id"in i?i.id:i.groupId,a=de(u,n??[]),r=z.useSyncExternalStore(Ut,()=>o.getItem(a),()=>o.getItem(a)),l=z.useMemo(()=>{if(r){const d=JSON.parse(r),h=Object.values(d);if(Array.from(h).every(y=>typeof y=="number"))return d}},[r]),c=z.useMemo(()=>{if(!l)return Ht({id:u,panelIds:n,storage:o})},[l,u,n,o]),m=l??c,p=z.useRef(null),S=z.useCallback(()=>{const d=p.current;d&&(p.current=null,clearTimeout(d))},[]);z.useLayoutEffect(()=>()=>{S()},[S]);const x=z.useCallback((d,h)=>{if(t&&!h.isUserInteraction)return;S();let y;s?y=de(u,Object.keys(d)):y=de(u,[]);try{o.setItem(y,JSON.stringify(d))}catch(b){console.error(b)}},[S,s,u,t,o]),f=z.useCallback(d=>{S(),e===0?x(d,{isUserInteraction:!1}):p.current=setTimeout(()=>{x(d,{isUserInteraction:!1})},e)},[S,e,x]);return{defaultLayout:m,onLayoutChange:f,onLayoutChanged:x}}function Ut(){return function(){}}function Bt(){return z.useState(null)}function Wt(){return z.useRef(null)}function we(){const e=z.useContext(it);return R(e,"Group Context not found; did you render a Panel or Separator outside of a Group?"),e}function Kt(e,t){const{id:n}=we(),o=z.useRef({collapse:he,expand:he,getSize:()=>({asPercentage:0,inPixels:0}),isCollapsed:()=>!1,resize:he});z.useImperativeHandle(t,()=>o.current,[]),X(()=>{Object.assign(o.current,tt({groupId:n,panelId:e}))})}function st({children:e,className:t,collapsedSize:n="0%",collapsible:o=!1,defaultSize:i,disabled:s,elementRef:u,groupResizeBehavior:a="preserve-relative-size",id:r,maxSize:l="100%",minSize:c="0%",onResize:m,panelRef:p,style:S,...x}){const f=!!r,d=xe(r),h=Pe({disabled:s}),y=z.useRef(null),b=ze(y,u),{getPanelStyles:v,id:g,orientation:L,registerPanel:M,updatePanelProps:C}=we(),G=m!==null,N=ie((E,k,T)=>{m?.(E,r,T)});X(()=>{const E=y.current;if(E!==null){const k={element:E,id:d,idIsStable:f,mutableValues:{expandToSize:void 0,prevSize:void 0},onResize:G?N:void 0,panelConstraints:{groupResizeBehavior:a,collapsedSize:n,collapsible:o,defaultSize:i,disabled:h.disabled,maxSize:l,minSize:c}};return M(k)}},[a,n,o,i,G,d,f,l,c,N,M,h]),z.useEffect(()=>{C(d,{disabled:s})},[s,d,C]),Kt(d,p);const P=()=>{const E=v(g,d);if(E)return JSON.stringify(E)},w=z.useSyncExternalStore(E=>ve(g,E),P,P);let I;return w?I=JSON.parse(w):i!==void 0?I={flexGrow:void 0,flexShrink:void 0,flexBasis:i}:I={flexGrow:1},re.jsx("div",{...x,"data-disabled":s||void 0,"data-panel":!0,"data-testid":d,id:d,ref:b,style:{...qt,display:"flex",flexBasis:0,flexShrink:1,overflow:"visible",...I},children:re.jsx("div",{className:t,style:{maxHeight:"100%",maxWidth:"100%",flexGrow:1,overflow:"auto",...S,touchAction:L==="horizontal"?"pan-y":"pan-x"},children:e})})}st.displayName="Panel";const qt={minHeight:0,maxHeight:"100%",height:"auto",minWidth:0,maxWidth:"100%",width:"auto",border:"none",borderWidth:0,padding:0,margin:0};function Xt(){return z.useState(null)}function Yt(){return z.useRef(null)}function Jt({layout:e,panelConstraints:t,panelId:n,panelIndex:o}){let i,s;const u=e[n],a=t.find(r=>r.panelId===n);if(a){const r=a.maxSize,l=a.collapsible?a.collapsedSize:a.minSize,c=[o,o+1];s=q({layout:se({delta:l-u,initialLayout:e,panelConstraints:t,pivotIndices:c,prevLayout:e}),panelConstraints:t})[n],i=q({layout:se({delta:r-u,initialLayout:e,panelConstraints:t,pivotIndices:c,prevLayout:e}),panelConstraints:t})[n]}return{valueControls:n,valueMax:i,valueMin:s,valueNow:u}}function at({children:e,className:t,disabled:n,disableDoubleClick:o,elementRef:i,id:s,style:u,...a}){const r=xe(s),l=Pe({disabled:n,disableDoubleClick:o}),[c,m]=z.useState({}),[p,S]=z.useState("inactive"),[x,f]=z.useState(!1),d=z.useRef(null),h=ze(d,i),{disableCursor:y,id:b,orientation:v,registerSeparator:g,updateSeparatorProps:L}=we(),M=v==="horizontal"?"vertical":"horizontal";X(()=>{const N=d.current;if(N!==null){const P={disabled:l.disabled,disableDoubleClick:l.disableDoubleClick,element:N,id:r},w=g(P),I=bt(k=>{S(k.next.state!=="inactive"&&k.next.hitRegions.some(T=>T.separator===P)?k.next.state:"inactive")}),E=ve(b,k=>{const{derivedPanelConstraints:T,layout:U,separatorToPanels:ae}=k.next,ne=ae.get(P);if(ne){const _=ne[0],Y=ne.indexOf(_);m(Jt({layout:U,panelConstraints:T,panelId:_.id,panelIndex:Y}))}});return()=>{I(),E(),w()}}},[b,r,g,l]),z.useEffect(()=>{L(r,{disabled:n,disableDoubleClick:o})},[n,o,r,L]);let C;n&&!y&&(C="not-allowed");let G;if(n)G="disabled";else switch(p){case"active":{G="active";break}default:x?G="focus":G=p}return re.jsx("div",{...a,"aria-controls":c.valueControls,"aria-disabled":n||void 0,"aria-orientation":M,"aria-valuemax":c.valueMax,"aria-valuemin":c.valueMin,"aria-valuenow":c.valueNow,children:e,className:t,"data-separator":G,"data-testid":r,id:r,onBlur:()=>f(!1),onFocus:()=>f(!0),ref:h,role:"separator",style:{flexBasis:"auto",cursor:C,...u,flexGrow:0,flexShrink:0,touchAction:"none"},tabIndex:n?void 0:0})}at.displayName="Separator";exports.Group=rt;exports.Panel=st;exports.Separator=at;exports.isCoarsePointer=Be;exports.useDefaultLayout=Vt;exports.useGroupCallbackRef=Bt;exports.useGroupRef=Wt;exports.usePanelCallbackRef=Xt;exports.usePanelRef=Yt;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),x=require("react");function St(e,t){const n=getComputedStyle(e),o=parseFloat(n.fontSize);return t*o}function bt(e,t){const n=getComputedStyle(e.ownerDocument.documentElement),o=parseFloat(n.fontSize);return t*o}function xt(e){return e/100*window.innerHeight}function zt(e){return e/100*window.innerWidth}function wt(e){switch(typeof e){case"number":return[e,"px"];case"string":{const t=parseFloat(e);return e.endsWith("%")?[t,"%"]:e.endsWith("px")?[t,"px"]:e.endsWith("rem")?[t,"rem"]:e.endsWith("em")?[t,"em"]:e.endsWith("vh")?[t,"vh"]:e.endsWith("vw")?[t,"vw"]:[t,"%"]}}}function re({groupSize:e,panelElement:t,styleProp:n}){let o;const[r,i]=wt(n);switch(i){case"%":{o=r/100*e;break}case"px":{o=r;break}case"rem":{o=bt(t,r);break}case"em":{o=St(t,r);break}case"vh":{o=xt(r);break}case"vw":{o=zt(r);break}}return o}function G(e){return parseFloat(e.toFixed(3))}function se({group:e}){const{orientation:t,panels:n}=e;return n.reduce((o,r)=>(o+=t==="horizontal"?r.element.offsetWidth:r.element.offsetHeight,o),0)}function xe(e){const{panels:t}=e,n=se({group:e});return n===0?t.map(o=>({groupResizeBehavior:o.panelConstraints.groupResizeBehavior,collapsedSize:0,collapsible:o.panelConstraints.collapsible===!0,defaultSize:void 0,disabled:o.panelConstraints.disabled,minSize:0,maxSize:100,panelId:o.id})):t.map(o=>{const{element:r,panelConstraints:i}=o;let u=0;if(i.collapsedSize!==void 0){const f=re({groupSize:n,panelElement:r,styleProp:i.collapsedSize});u=G(f/n*100)}let l;if(i.collapsedThreshold!==void 0){const f=re({groupSize:n,panelElement:r,styleProp:i.collapsedThreshold});l=G(f/n*100)}let a;if(i.defaultSize!==void 0){const f=re({groupSize:n,panelElement:r,styleProp:i.defaultSize});a=G(f/n*100)}let s=0;if(i.minSize!==void 0){const f=re({groupSize:n,panelElement:r,styleProp:i.minSize});s=G(f/n*100)}let c=100;if(i.maxSize!==void 0){const f=re({groupSize:n,panelElement:r,styleProp:i.maxSize});c=G(f/n*100)}return{groupResizeBehavior:i.groupResizeBehavior,collapsedSize:u,collapsedThreshold:l,collapsible:i.collapsible===!0,defaultSize:a,disabled:i.disabled,minSize:s,maxSize:c,panelId:o.id}})}class Xe{#e={};addListener(t,n){const o=this.#e[t];return o===void 0?this.#e[t]=[n]:o.includes(n)||o.push(n),()=>{this.removeListener(t,n)}}emit(t,n){const o=this.#e[t];if(o!==void 0)if(o.length===1)o[0].call(null,n);else{let r=!1,i=null;const u=Array.from(o);for(let l=0;l<u.length;l++){const a=u[l];try{a.call(null,n)}catch(s){i===null&&(r=!0,i=s)}}if(r)throw i}}removeAllListeners(){this.#e={}}removeListener(t,n){const o=this.#e[t];if(o!==void 0){const r=o.indexOf(n);r>=0&&o.splice(r,1)}}}let T={cursorFlags:0,state:"inactive"};const we=new Xe;function X(){return T}function Ye(e){return we.addListener("change",e)}function Pt(e,t=[],n){const o=T,r={...T};r.cursorFlags=e,r.state==="active"&&(r.previews=t,n&&(r.previewLayoutMap=n)),T=r,we.emit("change",{prev:o,next:r})}function U(e){const t=T;T=e,we.emit("change",{prev:t,next:e})}function Lt(e){T.state!=="active"||!T.previews.some(t=>t.separator===e)||U({...T,previews:T.previews.map(t=>t.separator===e?{...t}:t)})}function Rt(e){if(T.state==="inactive")return!1;const t=T.hitRegions.filter(o=>o.group!==e),n=T.state==="active"&&T.previews.some(o=>o.group===e);if(t.length===T.hitRegions.length&&!n)return!1;if(t.length===0)U({cursorFlags:0,state:"inactive"});else if(T.state==="active"){const o=new Map(T.initialLayoutMap),r=new Map(T.previewLayoutMap);o.delete(e),r.delete(e),U({...T,cursorFlags:0,hitRegions:t,initialLayoutMap:o,previewLayoutMap:r,previews:T.previews.filter(i=>i.group!==e)})}else U({...T,hitRegions:t});return!0}const Ct=e=>e,be=()=>{},Je=1,Ze=2,Qe=4,et=8,Oe=3,De=12;let pe;function Ge(){return pe===void 0&&(pe=!1,typeof window<"u"&&(window.navigator.userAgent.includes("Chrome")||window.navigator.userAgent.includes("Firefox"))&&(pe=!0)),pe}function Mt({cursorFlags:e,groups:t,state:n}){let o=0,r=0;switch(n){case"active":case"hover":t.forEach(i=>{if(!i.mutableState.disableCursor)switch(i.orientation){case"horizontal":{o++;break}case"vertical":{r++;break}}})}if(!(o===0&&r===0)){switch(n){case"active":{if(e&&Ge()){const i=(e&Je)!==0,u=(e&Ze)!==0,l=(e&Qe)!==0,a=(e&et)!==0;if(i)return l?"se-resize":a?"ne-resize":"e-resize";if(u)return l?"sw-resize":a?"nw-resize":"w-resize";if(l)return"s-resize";if(a)return"n-resize"}break}}return Ge()?o>0&&r>0?"move":o>0?"ew-resize":"ns-resize":o>0&&r>0?"grab":o>0?"col-resize":"row-resize"}}const Ae=new WeakMap;function ue(e){if(!e.defaultView||!e.adoptedStyleSheets)return;let{prevStyle:t,styleSheet:n}=Ae.get(e)??{};n===void 0&&(n=new e.defaultView.CSSStyleSheet,e.adoptedStyleSheets&&(Object.isExtensible(e.adoptedStyleSheets)?e.adoptedStyleSheets.push(n):e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]));const o=X();switch(o.state){case"active":case"hover":{const r=Mt({cursorFlags:o.cursorFlags,groups:o.hitRegions.map(u=>u.group),state:o.state}),i=`*, *:hover {cursor: ${r} !important; }`;if(t===i)return;t=i,r?n.cssRules.length===0?n.insertRule(i):n.replaceSync(i):n.cssRules.length===1&&n.deleteRule(0);break}case"inactive":{t=void 0,n.cssRules.length===1&&n.deleteRule(0);break}}Ae.set(e,{prevStyle:t,styleSheet:n})}function M(e,t="Assertion error"){if(!e)throw Error(t)}function ze(e,t){return Array.from(t).sort(e==="horizontal"?Et:kt)}function Et(e,t){const n=e.element.offsetLeft-t.element.offsetLeft;return n!==0?n:e.element.offsetWidth-t.element.offsetWidth}function kt(e,t){const n=e.element.offsetTop-t.element.offsetTop;return n!==0?n:e.element.offsetHeight-t.element.offsetHeight}function tt(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&e.nodeType===Node.ELEMENT_NODE}function nt(e,t){return{x:e.x>=t.left&&e.x<=t.right?0:Math.min(Math.abs(e.x-t.left),Math.abs(e.x-t.right)),y:e.y>=t.top&&e.y<=t.bottom?0:Math.min(Math.abs(e.y-t.top),Math.abs(e.y-t.bottom))}}function It({orientation:e,rects:t,targetRect:n}){const o={x:n.x+n.width/2,y:n.y+n.height/2};let r,i=Number.MAX_VALUE;for(const u of t){const{x:l,y:a}=nt(o,u),s=e==="horizontal"?l:a;s<i&&(i=s,r=u)}return M(r,"No rect found"),r}let he;function ot(){return he===void 0&&(typeof matchMedia=="function"?he=!!matchMedia("(pointer:coarse)").matches:he=!1),he}function Pe({expandHitTargets:e=!0,group:t,includeDisabled:n=!1}){const{element:o,orientation:r,panels:i,separators:u}=t,l=ze(r,Array.from(o.children).filter(tt).filter(h=>!h.hasAttribute("data-resize-preview")).map(h=>({element:h}))).map(({element:h})=>h),a=[];let s=!1,c=!1,f=-1,d=-1,v=0,w,p=[];{let h=-1;for(const g of l)g.hasAttribute("data-panel")&&(h++,g.hasAttribute("data-disabled")||(v++,f===-1&&(f=h),d=h))}if(n||v>1){let h=-1;for(const g of l)if(g.hasAttribute("data-panel")){h++;const y=i.find(m=>m.element===g);if(y){if(w){const m=w.element.getBoundingClientRect(),b=g.getBoundingClientRect();let z;if(c){const R=r==="horizontal"?new DOMRect(m.right,m.top,0,m.height):new DOMRect(m.left,m.bottom,m.width,0),P=r==="horizontal"?new DOMRect(b.left,b.top,0,b.height):new DOMRect(b.left,b.top,b.width,0);switch(p.length){case 0:{z=[R,P];break}case 1:{const C=p[0],E=It({orientation:r,rects:[m,b],targetRect:C.element.getBoundingClientRect()});z=[C,E===m?P:R];break}default:{z=p;break}}}else p.length?z=p:z=[r==="horizontal"?new DOMRect(m.right,b.top,b.left-m.right,b.height):new DOMRect(b.left,m.bottom,b.width,b.top-m.bottom)];for(const R of z){let P="width"in R?R:R.element.getBoundingClientRect();const C=e?ot()?t.resizeTargetMinimumSize.coarse:t.resizeTargetMinimumSize.fine:0;if(P.width<C){const O=C-P.width;P=new DOMRect(P.x-O/2,P.y,P.width+O,P.height)}if(P.height<C){const O=C-P.height;P=new DOMRect(P.x,P.y-O/2,P.width,P.height+O)}const E=h<=f||h>d;(n||!s&&!E)&&a.push({group:t,groupSize:se({group:t}),panels:[w,y],separator:"width"in R?void 0:R,rect:P}),s=!1}}c=!1,w=y,p=[]}}else if(g.hasAttribute("data-separator")){g.ariaDisabled!==null&&(s=!0);const y=u.find(m=>m.element===g);y?p.push(y):(w=void 0,p=[])}else c=!0}return a}let B=new Map;const rt=new Xe;function Tt(e){B=new Map(B),B.delete(e)}function it(e,t){for(const[n]of B)if(n.id===e)return n}function Z(e,t){for(const[n,o]of B)if(n.id===e)return o;if(t)throw Error(`Could not find data for Group with id ${e}`)}function Q(){return B}function Le(e,t){return rt.addListener("groupChange",n=>{n.group.id===e&&t(n)})}function K(e,t,n){const o=B.get(e);B=new Map(B),B.set(e,t),rt.emit("groupChange",{group:e,isUserInteraction:n?.isUserInteraction===!0,prev:o,next:t})}function Ot(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 D(e,t,n=0){return Math.abs(G(e)-G(t))<=n}function V(e,t){return D(e,t)?0:e>t?1:-1}function ie({overrideDisabledPanels:e,panelConstraints:t,prevSize:n,size:o}){const{collapsedSize:r=0,collapsedThreshold:i,collapsible:u,disabled:l,maxSize:a=100,minSize:s=0}=t;if(l&&!e)return n;if(V(o,s)<0)if(u){const c=i??(s-r)/2,f=V(n,r)<=0,d=f?r+c:s-c,v=V(o,d);V(o,r)<=0||v<0||i!==void 0&&f&&v===0?o=r:o=s}else o=s;return o=Math.min(a,o),o=G(o),o}function ce({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:o,prevLayout:r,trigger:i}){if(D(e,0))return t;const u=i==="imperative-api",l=Object.values(t),a=Object.values(r),s=[...l],[c,f]=o;M(c!=null,"Invalid first pivot index"),M(f!=null,"Invalid second pivot index");let d=0;switch(i){case"keyboard":{{const p=e<0?f:c,h=n[p];M(h,`Panel constraints not found for index ${p}`);const{collapsedSize:g=0,collapsible:y,minSize:m=0}=h;if(y){const b=l[p];if(M(b!=null,`Previous layout not found for panel index ${p}`),D(b,g)){const z=m-b;V(z,Math.abs(e))>0&&(e=e<0?0-z:z)}}}{const p=e<0?c:f,h=n[p];M(h,`No panel constraints found for index ${p}`);const{collapsedSize:g=0,collapsible:y,minSize:m=0}=h;if(y){const b=l[p];if(M(b!=null,`Previous layout not found for panel index ${p}`),D(b,m)){const z=b-g;V(z,Math.abs(e))>0&&(e=e<0?0-z:z)}}}break}default:{const p=e<0?f:c,h=n[p];M(h,`Panel constraints not found for index ${p}`);const g=l[p],{collapsedSize:y,collapsedThreshold:m,collapsible:b,minSize:z}=h;if(b&&V(g,z)<0){const R=z-y,P=m??R/2,C=g+Math.abs(e);if(V(C,z)<0){const E=V(Math.abs(e),P),O=m===void 0&&e<0;E>0||E===0&&O?e=e<0?-R:R:e=0}}break}}{const p=e<0?1:-1;let h=e<0?f:c,g=0;for(;;){const m=l[h];M(m!=null,`Previous layout not found for panel index ${h}`);const z=ie({overrideDisabledPanels:u,panelConstraints:n[h],prevSize:m,size:100})-m;if(g+=z,h+=p,h<0||h>=n.length)break}const y=Math.min(Math.abs(e),Math.abs(g));e=e<0?0-y:y}{let h=e<0?c:f;for(;h>=0&&h<n.length;){const g=Math.abs(e)-Math.abs(d),y=l[h];M(y!=null,`Previous layout not found for panel index ${h}`);const m=y-g,b=ie({overrideDisabledPanels:u,panelConstraints:n[h],prevSize:y,size:m});if(!D(y,b)&&(d+=y-b,s[h]=b,d.toFixed(3).localeCompare(Math.abs(e).toFixed(3),void 0,{numeric:!0})>=0))break;e<0?h--:h++}}if(Ot(a,s))return r;{const p=e<0?f:c,h=l[p];M(h!=null,`Previous layout not found for panel index ${p}`);const g=h+d,y=ie({overrideDisabledPanels:u,panelConstraints:n[p],prevSize:h,size:g});if(s[p]=y,!D(y,g)){let m=g-y,z=e<0?f:c;for(;z>=0&&z<n.length;){const R=s[z];M(R!=null,`Previous layout not found for panel index ${z}`);const P=R+m,C=ie({overrideDisabledPanels:u,panelConstraints:n[z],prevSize:R,size:P});if(D(R,C)||(m-=C-R,s[z]=C),D(m,0))break;e>0?z--:z++}}}const v=Object.values(s).reduce((p,h)=>h+p,0);if(!D(v,100,.1))return r;const w=Object.keys(r);return s.reduce((p,h,g)=>(p[w[g]]=h,p),{})}function W(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(t[n]===void 0||V(e[n],t[n])!==0)return!1;return!0}function Re({commit:e,document:t,event:n,hitRegions:o,initialLayoutMap:r,mountedGroups:i,pointerDownAtPoint:u,prevCursorFlags:l}){let a=0;const s=X();let c=s.state==="active"?s.previews:[];const f=new Map(s.state==="active"?s.previewLayoutMap:void 0);o.forEach(v=>{const{group:w,groupSize:p}=v,{orientation:h,panels:g}=w;if(e&&w.resizePreviewMode!=="separator")return;const{disableCursor:y}=w.mutableState;let m=0;u?h==="horizontal"?m=(n.clientX-u.x)/p*100:m=(n.clientY-u.y)/p*100:h==="horizontal"?m=n.clientX<0?-100:100:m=n.clientY<0?-100:100;const b=r.get(w),z=i.get(w);if(!b||!z)return;const{defaultLayoutDeferred:R,derivedPanelConstraints:P,groupSize:C,layout:E,separatorToPanels:O}=z;if(P&&E&&O){const A=w.resizePreviewMode==="separator"?f.get(w)??E:E,k=ce({delta:m,initialLayout:b,panelConstraints:P,pivotIndices:v.panels.map(N=>g.indexOf(N)),prevLayout:A,trigger:"mouse-or-touch"});if(w.resizePreviewMode==="separator"&&!e&&!W(k,A)){f.set(w,k);let N=0;const j=g.map(S=>(N+=k[S.id]-b[S.id],N*(p/100)));c=c.map(S=>{if(S.group!==w)return S;const L=j[S.panelIndex];return L===S.offset?S:{...S,offset:L}})}if(W(k,A)&&m!==0&&!y)switch(h){case"horizontal":{a|=m<0?Je:Ze;break}case"vertical":{a|=m<0?Qe:et;break}}(w.resizePreviewMode!=="separator"||e)&&!W(k,E)&&K(v.group,{defaultLayoutDeferred:R,derivedPanelConstraints:P,groupSize:C,layout:k,separatorToPanels:O})}});let d=0;n.movementX===0?d|=l&Oe:d|=a&Oe,n.movementY===0?d|=l&De:d|=a&De,Pt(d,c,f),ue(t)}function st(e,t){const n=X(),o=Q();let r=!1;switch(n.state){case"active":Re({commit:!0,document:e,event:t,hitRegions:n.hitRegions,initialLayoutMap:n.initialLayoutMap,mountedGroups:o,pointerDownAtPoint:n.pointerDownAtPoint,prevCursorFlags:n.cursorFlags}),U({cursorFlags:0,state:"inactive"}),n.hitRegions.length>0&&(ue(e),r=!0,n.hitRegions.forEach(i=>{if(!o.has(i.group))return;const u=Z(i.group.id,!0);K(i.group,u,{isUserInteraction:!0})}))}return r}function Fe(e){e.defaultPrevented||st(e.currentTarget,e)}function Dt(e,t,n){let o,r={x:1/0,y:1/0};for(const i of t){const u=nt(n,i.rect);switch(e){case"horizontal":{u.x<=r.x&&(o=i,r=u);break}case"vertical":{u.y<=r.y&&(o=i,r=u);break}}}return o?{distance:r,hitRegion:o}:void 0}function Gt(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE}function At(e,t){if(e===t)throw new Error("Cannot compare node with itself");const n={a:_e(e),b:_e(t)};let o;for(;n.a.at(-1)===n.b.at(-1);)o=n.a.pop(),n.b.pop();M(o,"Stacking order can only be calculated for elements with a common ancestor");const r={a:je(Ne(n.a)),b:je(Ne(n.b))};if(r.a===r.b){const i=o.childNodes,u={a:n.a.at(-1),b:n.b.at(-1)};let l=i.length;for(;l--;){const a=i[l];if(a===u.a)return 1;if(a===u.b)return-1}}return Math.sign(r.a-r.b)}const Ft=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Nt(e){const t=getComputedStyle(at(e)??e).display;return t==="flex"||t==="inline-flex"}function jt(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||Nt(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"||Ft.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function Ne(e){let t=e.length;for(;t--;){const n=e[t];if(M(n,"Missing node"),jt(n))return n}return null}function je(e){return e&&Number(getComputedStyle(e).zIndex)||0}function _e(e){const t=[];for(;e;)t.push(e),e=at(e);return t}function at(e){const{parentNode:t}=e;return Gt(t)?t.host:t}function _t(e,t){return 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 $t({groupElement:e,hitRegion:t,pointerEventTarget:n}){if(!tt(n)||n.contains(e)||e.contains(n))return!0;if(At(n,e)>0){let o=n;for(;o;){if(o.contains(e))return!0;if(_t(o.getBoundingClientRect(),t))return!1;o=o.parentElement}}return!0}function Ce(e,t){const n=[];return t.forEach((o,r)=>{if(r.disabled)return;const i=Pe({group:r}),u=Dt(r.orientation,i,{x:e.clientX,y:e.clientY});u&&u.distance.x<=0&&u.distance.y<=0&&$t({groupElement:r.element,hitRegion:u.hitRegion.rect,pointerEventTarget:e.target})&&n.push(u.hitRegion)}),n}function te({layout:e,panelConstraints:t}){const n=Object.values(e),o=[...n],r=o.reduce((l,a)=>l+a,0);if(o.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${o.map(l=>`${l}%`).join(", ")}`);if(!D(r,100)&&o.length>0)for(let l=0;l<t.length;l++){const a=o[l];M(a!=null,`No layout data found for index ${l}`);const s=100/r*a;o[l]=s}let i=0;for(let l=0;l<t.length;l++){const a=n[l];M(a!=null,`No layout data found for index ${l}`);const s=o[l];M(s!=null,`No layout data found for index ${l}`);const c=ie({overrideDisabledPanels:!0,panelConstraints:t[l],prevSize:a,size:s});s!=c&&(i+=s-c,o[l]=c)}if(!D(i,0))for(let l=0;l<t.length;l++){const a=o[l];M(a!=null,`No layout data found for index ${l}`);const s=a+i,c=ie({overrideDisabledPanels:!0,panelConstraints:t[l],prevSize:a,size:s});if(a!==c&&(i-=c-a,o[l]=c,D(i,0)))break}const u=Object.keys(e);return o.reduce((l,a,s)=>(l[u[s]]=a,l),{})}function lt({groupId:e,panelId:t}){const n=()=>{const a=Q();for(const[s,{defaultLayoutDeferred:c,derivedPanelConstraints:f,layout:d,groupSize:v,separatorToPanels:w}]of a)if(s.id===e)return{defaultLayoutDeferred:c,derivedPanelConstraints:f,group:s,groupSize:v,layout:d,separatorToPanels:w};throw Error(`Group ${e} not found`)},o=()=>{const a=n().derivedPanelConstraints.find(s=>s.panelId===t);if(a!==void 0)return a;throw Error(`Panel constraints not found for Panel ${t}`)},r=()=>{const a=n().group.panels.find(s=>s.id===t);if(a!==void 0)return a;throw Error(`Layout not found for Panel ${t}`)},i=()=>{const a=n().layout[t];if(a!==void 0)return a;throw Error(`Layout not found for Panel ${t}`)},u=({nextSize:a,panels:s,prevLayout:c,derivedPanelConstraints:f})=>{const d=i(),v=s.findIndex(g=>g.id===t),w=v===0,p=v===s.length-1;if(p&&a<d&&(w||s.slice(0,v).every((g,y)=>{const m=f[y];return m?.collapsible&&D(m.collapsedSize,c[m.panelId])}))){const g=s.slice(0,v).reduce((y,m)=>y+c[m.id],0);return{...c,[t]:G(100-g)}}return ce({delta:p?d-a:a-d,initialLayout:c,panelConstraints:f,pivotIndices:p?[v-1,v]:[v,v+1],prevLayout:c,trigger:"imperative-api"})},l=a=>{const s=i();if(a===s)return;const{defaultLayoutDeferred:c,derivedPanelConstraints:f,group:d,groupSize:v,layout:w,separatorToPanels:p}=n(),h=u({nextSize:a,panels:d.panels,prevLayout:w,derivedPanelConstraints:f}),g=te({layout:h,panelConstraints:f});W(w,g)||K(d,{defaultLayoutDeferred:c,derivedPanelConstraints:f,groupSize:v,layout:g,separatorToPanels:p})};return{collapse:()=>{const{collapsible:a,collapsedSize:s}=o(),{mutableValues:c}=r(),f=i();a&&f!==s&&(c.expandToSize=f,l(s))},expand:()=>{const{collapsible:a,collapsedSize:s,minSize:c}=o(),{mutableValues:f}=r(),d=i();if(a&&d===s){let v=f.expandToSize??c;v===0&&(v=1),l(v)}},getSize:()=>{const{group:a}=n(),s=i(),{element:c}=r(),f=a.orientation==="horizontal"?c.offsetWidth:c.offsetHeight;return{asPercentage:s,inPixels:f}},isCollapsed:()=>{const{collapsible:a,collapsedSize:s}=o(),c=i();return a&&D(s,c)},resize:a=>{const{group:s}=n(),{element:c}=r(),f=se({group:s}),d=re({groupSize:f,panelElement:c,styleProp:a}),v=G(d/f*100);l(v)}}}function $e(e){if(e.defaultPrevented)return;const t=Q();Ce(e,t).forEach(o=>{if(o.separator&&!o.separator.disableDoubleClick){const r=o.panels.find(i=>i.panelConstraints.defaultSize!==void 0);if(r){const i=r.panelConstraints.defaultSize,u=lt({groupId:o.group.id,panelId:r.id});u&&i!==void 0&&(u.resize(i),e.preventDefault())}}})}function me(e){const t=Q();for(const[n]of t)if(n.separators.some(o=>o.element===e))return n;throw Error("Could not find parent Group for separator element")}function ut({groupId:e}){const t=()=>{const n=Q();for(const[o,r]of n)if(o.id===e)return{group:o,...r};throw Error(`Could not find Group with id "${e}"`)};return{getLayout(){const{defaultLayoutDeferred:n,layout:o}=t();return n?{}:o},setLayout(n){const{defaultLayoutDeferred:o,derivedPanelConstraints:r,group:i,groupSize:u,layout:l,separatorToPanels:a}=t(),s=te({layout:n,panelConstraints:r});return o?l:(W(l,s)||K(i,{defaultLayoutDeferred:o,derivedPanelConstraints:r,groupSize:u,layout:s,separatorToPanels:a}),s)}}}function ee(e,t){const n=me(e),o=Z(n.id,!0),r=n.separators.find(f=>f.element===e);M(r,"Matching separator not found");const i=o.separatorToPanels.get(r);M(i,"Matching panels not found");const u=i.map(f=>n.panels.indexOf(f)),a=ut({groupId:n.id}).getLayout(),s=ce({delta:t,initialLayout:a,panelConstraints:o.derivedPanelConstraints,pivotIndices:u,prevLayout:a,trigger:"keyboard"}),c=te({layout:s,panelConstraints:o.derivedPanelConstraints});W(a,c)||K(n,{defaultLayoutDeferred:o.defaultLayoutDeferred,derivedPanelConstraints:o.derivedPanelConstraints,groupSize:o.groupSize,layout:c,separatorToPanels:o.separatorToPanels},{isUserInteraction:!0})}function He(e){if(e.defaultPrevented)return;const t=e.currentTarget,n=me(t);if(!n.disabled)switch(e.key){case"ArrowDown":{e.preventDefault(),n.orientation==="vertical"&&ee(t,5);break}case"ArrowLeft":{e.preventDefault(),n.orientation==="horizontal"&&ee(t,-5);break}case"ArrowRight":{e.preventDefault(),n.orientation==="horizontal"&&ee(t,5);break}case"ArrowUp":{e.preventDefault(),n.orientation==="vertical"&&ee(t,-5);break}case"End":{e.preventDefault(),ee(t,100);break}case"Enter":{e.preventDefault();const o=me(t),r=Z(o.id,!0),{derivedPanelConstraints:i,layout:u,separatorToPanels:l}=r,a=o.separators.find(d=>d.element===t);M(a,"Matching separator not found");const s=l.get(a);M(s,"Matching panels not found");const c=s[0],f=i.find(d=>d.panelId===c.id);if(M(f,"Panel metadata not found"),f.collapsible){const d=u[c.id],v=f.collapsedSize===d?o.mutableState.expandedPanelSizes[c.id]??f.minSize:f.collapsedSize;ee(t,v-d)}break}case"F6":{e.preventDefault();const r=me(t).separators.map(a=>a.element),i=Array.from(r).findIndex(a=>a===e.currentTarget);M(i!==null,"Index not found");const u=e.shiftKey?i>0?i-1:r.length-1:i+1<r.length?i+1:0;r[u].focus({preventScroll:!0});break}case"Home":{e.preventDefault(),ee(t,-100);break}}}function Ht(e,t){const{element:n,orientation:o,panels:r}=e,i=n.getBoundingClientRect(),u=o==="horizontal";return Pe({expandHitTargets:!1,group:e,includeDisabled:!0}).map(({panels:a,rect:s,separator:c},f)=>{const d=r.indexOf(a[0]),v=u?s.left+s.width/2:s.top+s.height/2;return{active:t.some(p=>{if(p.group!==e||p.panels[0]!==a[0])return!1;if(c||p.separator)return p.separator===c;const h=u?p.rect.left+p.rect.width/2:p.rect.top+p.rect.height/2;return D(v,h)}),group:e,key:c?`separator-${c.id}`:`panel-${a[0].id}-${f}`,offset:0,panelIndex:d,rect:new DOMRect((u&&!c?v:s.left)-i.left-n.clientLeft+n.scrollLeft,(!u&&!c?v:s.top)-i.top-n.clientTop+n.scrollTop,u&&!c?0:s.width,!u&&!c?0:s.height),separator:c}})}function Ve(e){if(e.defaultPrevented)return;if(e.pointerType==="mouse"&&e.button>0)return;const t=Q(),n=Ce(e,t),o=new Map;let r=!1;n.forEach(u=>{u.separator&&(r||(r=!0,u.separator.element.focus({focusVisible:!1,preventScroll:!0})));const l=t.get(u.group);l&&o.set(u.group,l.layout)});const i=Array.from(o.keys()).flatMap(u=>u.resizePreviewMode==="separator"?Ht(u,n):[]);U({cursorFlags:0,hitRegions:n,initialLayoutMap:o,pointerDownAtPoint:{x:e.clientX,y:e.clientY},previewLayoutMap:new Map(o),previews:i,state:"active"}),n.length&&e.preventDefault()}function Be(e){const t=Q(),n=X();switch(n.state){case"active":Re({commit:!1,document:e.currentTarget,event:e,hitRegions:n.hitRegions,initialLayoutMap:n.initialLayoutMap,mountedGroups:t,prevCursorFlags:n.cursorFlags})}}function Ue(e){if(e.defaultPrevented)return;const t=X(),n=Q();switch(t.state){case"active":{if(e.buttons===0){t.previewLayoutMap.forEach((o,r)=>{const i=n.get(r);r.resizePreviewMode==="separator"&&i&&!W(o,i.layout)&&K(r,{...i,layout:o})}),U({cursorFlags:0,state:"inactive"}),t.hitRegions.forEach(o=>{if(!n.has(o.group))return;const r=Z(o.group.id,!0);K(o.group,r,{isUserInteraction:!0})}),ue(e.currentTarget);return}for(const o of t.hitRegions)if(o.separator){const{element:r}=o.separator;r.isConnected&&!r.hasPointerCapture?.(e.pointerId)&&r.setPointerCapture?.(e.pointerId)}Re({commit:!1,document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n,pointerDownAtPoint:t.pointerDownAtPoint,prevCursorFlags:t.cursorFlags});break}default:{const o=Ce(e,n);o.length===0?t.state!=="inactive"&&U({cursorFlags:0,state:"inactive"}):U({cursorFlags:0,hitRegions:o,state:"hover"}),ue(e.currentTarget);break}}}function We(e){if(e.relatedTarget instanceof HTMLIFrameElement)switch(X().state){case"hover":U({cursorFlags:0,state:"inactive"})}}function Ke(e){if(e.defaultPrevented)return;if(e.pointerType==="mouse"&&e.button>0)return;st(e.currentTarget,e)&&e.preventDefault()}function qe(e){let t=0,n=0;const o={};for(const i of e)if(i.defaultSize!==void 0){t++;const u=G(i.defaultSize);n+=u,o[i.panelId]=u}else o[i.panelId]=void 0;const r=e.length-t;if(r!==0){const i=G((100-n)/r);for(const u of e)u.defaultSize===void 0&&(o[u.panelId]=i)}return o}function Vt(e,t,n){if(!n[0])return;const r=e.panels.find(s=>s.element===t);if(!r||!r.onResize)return;const i=se({group:e}),u=e.orientation==="horizontal"?r.element.offsetWidth:r.element.offsetHeight,l=r.mutableValues.prevSize,a={asPercentage:G(u/i*100),inPixels:u};r.mutableValues.prevSize=a,r.onResize(a,r.id,l)}function ct(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const o in e)if(e[o]!==t[o])return!1;return!0}function Bt(e,t){return e.length!==t.length?!1:e.every((n,o)=>ct(n,t[o]))}function Ut({group:e,nextGroupSize:t,prevGroupSize:n,prevLayout:o}){if(n<=0||t<=0||n===t)return o;let r=0,i=0,u=!1;const l=new Map,a=[];for(const f of e.panels){const d=o[f.id]??0;switch(f.panelConstraints.groupResizeBehavior){case"preserve-pixel-size":{u=!0;const v=d/100*n,w=G(v/t*100);l.set(f.id,w),r+=w;break}case"preserve-relative-size":default:{a.push(f.id),i+=d;break}}}if(!u||a.length===0)return o;const s=100-r,c={...o};if(l.forEach((f,d)=>{c[d]=f}),i>0)for(const f of a){const d=o[f]??0;c[f]=G(d/i*s)}else{const f=G(s/a.length);for(const d of a)c[d]=f}return c}function Wt(e,t){const n=e.map(r=>r.id),o=Object.keys(t);if(n.length!==o.length)return!1;for(const r of n)if(!o.includes(r))return!1;return!0}const oe=new Map;function Kt(e){let t=!0;M(e.element.ownerDocument.defaultView,"Cannot register an unmounted Group");const n=e.element.ownerDocument.defaultView.ResizeObserver,o=new Set,r=new Set,i=new n(p=>{for(const h of p){const{borderBoxSize:g,target:y}=h;if(y===e.element){if(t){const m=se({group:e});if(m===0)return;const b=Z(e.id);if(!b)return;const z=xe(e),R=b.defaultLayoutDeferred?qe(z):b.layout,P=Ut({group:e,nextGroupSize:m,prevGroupSize:b.groupSize,prevLayout:R}),C=te({layout:P,panelConstraints:z});if(!b.defaultLayoutDeferred&&W(b.layout,C)&&Bt(b.derivedPanelConstraints,z)&&b.groupSize===m)continue;K(e,{defaultLayoutDeferred:!1,derivedPanelConstraints:z,groupSize:m,layout:C,separatorToPanels:b.separatorToPanels})}}else Vt(e,y,g)}});i.observe(e.element),e.panels.forEach(p=>{M(!o.has(p.id),`Panel ids must be unique; id "${p.id}" was used more than once`),o.add(p.id),p.onResize&&i.observe(p.element)});const u=se({group:e}),l=xe(e),a=e.panels.map(({id:p})=>p).join(",");let s=e.mutableState.defaultLayout;s&&(Wt(e.panels,s)||(s=void 0));const c=e.mutableState.layouts[a]??s??qe(l),f=te({layout:c,panelConstraints:l}),d=e.element.ownerDocument;oe.set(d,(oe.get(d)??0)+1);const v=new Map;return Pe({group:e}).forEach(p=>{p.separator&&v.set(p.separator,p.panels)}),K(e,{defaultLayoutDeferred:u===0,derivedPanelConstraints:l,groupSize:u,layout:f,separatorToPanels:v}),e.separators.forEach(p=>{M(!r.has(p.id),`Separator ids must be unique; id "${p.id}" was used more than once`),r.add(p.id),p.element.addEventListener("keydown",He)}),oe.get(d)===1&&(d.addEventListener("contextmenu",Fe,!0),d.addEventListener("dblclick",$e,!0),d.addEventListener("pointerdown",Ve,!0),d.addEventListener("pointerleave",Be),d.addEventListener("pointermove",Ue),d.addEventListener("pointerout",We),d.addEventListener("pointerup",Ke,!0)),function(){t=!1,oe.set(d,Math.max(0,(oe.get(d)??0)-1)),Tt(e),Rt(e)&&ue(d),e.separators.forEach(h=>{h.element.removeEventListener("keydown",He)}),oe.get(d)||(d.removeEventListener("contextmenu",Fe,!0),d.removeEventListener("dblclick",$e,!0),d.removeEventListener("pointerdown",Ve,!0),d.removeEventListener("pointerleave",Be),d.removeEventListener("pointermove",Ue),d.removeEventListener("pointerout",We),d.removeEventListener("pointerup",Ke,!0)),i.disconnect()}}function qt(){const[e,t]=x.useState({}),n=x.useCallback(()=>t({}),[]);return[e,n]}function Me(e){const t=x.useId();return`${e??t}`}const H=typeof window<"u"?x.useLayoutEffect:x.useEffect;function le(e){const t=x.useRef(e);return H(()=>{t.current=e},[e]),x.useCallback((...n)=>t.current?.(...n),[t])}function Ee(...e){return le(t=>{e.forEach(n=>{if(n)switch(typeof n){case"function":{n(t);break}case"object":{n.current=t;break}}})})}function ke(e){const t=x.useRef({...e});return H(()=>{for(const n in e)t.current[n]=e[n]},[e]),t.current}const ft=x.createContext(null);function Xt({separator:e}){const{element:t}=e,n=x.useRef(null);return H(()=>{const o=t.cloneNode(!0),r=[t,...t.querySelectorAll("*")],i=[o,...o.querySelectorAll("*")],u=t.ownerDocument.defaultView;return r.forEach((l,a)=>{const s=i[a];if(s instanceof u.HTMLElement||s instanceof u.SVGElement){const c=u.getComputedStyle(l);for(let f=0;f<c.length;f++){const d=c.item(f);s.style.setProperty(d,c.getPropertyValue(d))}}s.removeAttribute("data-testid"),s.removeAttribute("id")}),Object.assign(o.style,{boxSizing:"border-box",height:"100%",margin:"0",position:"static",transform:"none",width:"100%"}),n.current.appendChild(o),()=>o.remove()},[t]),$.jsx("div",{ref:n,style:{height:"100%",opacity:.65,pointerEvents:"none",width:"100%"}})}function ye(){const e=x.useContext(ft);return M(e,"Group Context not found; did you render a Panel or Separator outside of a Group?"),e}function Ie(e){const{registerOverlay:t}=ye(),n=x.useRef(e);ct(n.current,e)||(n.current=e);const o=n.current;return H(()=>t(o),[t,o]),null}Ie.displayName="SeparatorOverlay";function Yt({active:e,orientation:t,style:n,...o}){let r;switch(t){case"horizontal":{r={height:"100%",minWidth:"1px"};break}case"vertical":{r={minHeight:"1px",width:"100%"};break}}return $.jsx("div",{...o,"data-separator-overlay":e?"active":"inactive",style:{...r,...n,flexShrink:0,pointerEvents:"none"}})}function Jt({overlay:e,preview:t}){const{group:n,offset:o,rect:r,separator:i}=t,u=n.orientation==="horizontal";let l=i?.preview,a=e;return x.isValidElement(l)&&l.type===Ie&&(a=l.props,l=void 0),l==null&&(a?l=$.jsx(Yt,{...a,active:t.active,orientation:n.orientation}):i&&(l=$.jsx(Xt,{separator:i}))),$.jsx("div",{"aria-hidden":"true","data-resize-preview":!0,inert:!0,style:{height:r.height,left:r.left,pointerEvents:"none",position:"absolute",top:r.top,transform:u?`translateX(${o}px)`:`translateY(${o}px)`,width:r.width},children:l})}function Zt(e,t){const n=x.useRef({getLayout:()=>({}),setLayout:Ct});x.useImperativeHandle(t,()=>n.current,[]),H(()=>{Object.assign(n.current,ut({groupId:e}))})}function Qt({groupId:e,resizePreviewMode:t}){const[n,o]=x.useState([]),r=x.useRef(n);return H(()=>{const i=l=>{const a=it(e),s=t==="separator"&&l.state==="active"?l.previews.filter(f=>f.group===a&&(f.active||!D(f.offset,0))):[],c=r.current;c.length===s.length&&s.every((f,d)=>f===c[d])||(r.current=s,o(s))};if(t!=="separator"){i(X());return}const u=Ye(({next:l})=>i(l));return i(X()),u},[e,t]),n}function dt({children:e,className:t,defaultLayout:n,disableCursor:o,disabled:r,elementRef:i,groupRef:u,id:l,onLayoutChange:a,onLayoutChanged:s,orientation:c="horizontal",resizePreviewMode:f="panel",resizeTargetMinimumSize:d={coarse:20,fine:10},style:v,...w}){const p=x.useRef({onLayoutChange:{},onLayoutChanged:{}}),h=le(S=>{W(p.current.onLayoutChange,S)||(p.current.onLayoutChange=S,a?.(S))}),g=le((S,L)=>{W(p.current.onLayoutChanged,S)||(p.current.onLayoutChanged=S,s?.(S,{isUserInteraction:L}))}),y=Me(l),[m,b]=x.useState(),z=Qt({groupId:y,resizePreviewMode:f}),R=x.useRef(null),[P,C]=qt(),E=x.useRef({lastExpandedPanelSizes:{},layouts:{},panels:[],resizeTargetMinimumSize:d,separators:[]}),O=Ee(R,i);Zt(y,u);const A=le((S,L)=>{const I=Z(S);if(I)return{flexGrow:I.layout[L]??1};if(n?.[L])return{flexGrow:n?.[L]}}),k=ke({defaultLayout:n,disableCursor:o}),N=x.useMemo(()=>({get disableCursor(){return!!k.disableCursor},getPanelStyles:A,id:y,orientation:c,registerPanel:S=>{const L=E.current;return L.panels=ze(c,[...L.panels,S]),C(),()=>{L.panels=L.panels.filter(I=>I!==S),C()}},registerOverlay:S=>(b(S),()=>{b(void 0)}),registerSeparator:S=>{const L=E.current;return L.separators=ze(c,[...L.separators,S]),C(),()=>{L.separators=L.separators.filter(I=>I!==S),C()}},updatePanelProps:(S,{disabled:L})=>{const F=E.current.panels.find(ne=>ne.id===S);F&&(F.panelConstraints.disabled=L);const _=it(y),Y=Z(y);_&&Y&&K(_,{...Y,derivedPanelConstraints:xe(_)})},updateSeparatorProps:(S,{disabled:L,disableDoubleClick:I})=>{const _=E.current.separators.find(Y=>Y.id===S);_&&(_.disabled=L,_.disableDoubleClick=I)}}),[A,y,C,c,k]),j=x.useRef(null);return H(()=>{const S=R.current;if(S===null)return;const L=E.current;let I;if(k.defaultLayout!==void 0&&Object.keys(k.defaultLayout).length===L.panels.length){I={};for(const J of L.panels){const fe=k.defaultLayout[J.id];fe!==void 0&&(I[J.id]=fe)}}const F={disabled:!!r,element:S,id:y,mutableState:{defaultLayout:I,disableCursor:!!k.disableCursor,expandedPanelSizes:E.current.lastExpandedPanelSizes,layouts:E.current.layouts},orientation:c,panels:L.panels,resizePreviewMode:f,resizeTargetMinimumSize:L.resizeTargetMinimumSize,separators:L.separators};j.current=F;const _=Kt(F),{defaultLayoutDeferred:Y,derivedPanelConstraints:ne,layout:ae}=Z(F.id,!0);!Y&&ne.length>0&&(h(ae),g(ae,!1));const ve=Le(y,J=>{const{defaultLayoutDeferred:fe,derivedPanelConstraints:Te,layout:de}=J.next;if(fe||Te.length===0)return;const mt=F.panels.map(({id:q})=>q).join(",");F.mutableState.layouts[mt]=de,Te.forEach(q=>{if(q.collapsible){const{layout:Se}=J.prev??{};if(Se){const yt=D(q.collapsedSize,de[q.panelId]),vt=D(q.collapsedSize,Se[q.panelId]);yt&&!vt&&(F.mutableState.expandedPanelSizes[q.panelId]=Se[q.panelId])}}});const gt=X().state!=="active";h(de),gt&&g(de,J.isUserInteraction)});return()=>{j.current=null,_(),ve()}},[r,y,g,h,c,P,f,k]),x.useEffect(()=>{const S=j.current;S&&(S.mutableState.defaultLayout=n,S.mutableState.disableCursor=!!o)}),$.jsx(ft.Provider,{value:N,children:$.jsxs("div",{...w,className:t,"data-group":!0,"data-testid":y,id:y,ref:O,style:{height:"100%",width:"100%",overflow:"hidden",position:f==="separator"?"relative":void 0,...v,display:"flex",flexDirection:c==="horizontal"?"row":"column",flexWrap:"nowrap",touchAction:c==="horizontal"?"pan-y":"pan-x"},children:[e,z.map(S=>$.jsx(Jt,{overlay:m,preview:S},S.key))]})})}dt.displayName="Group";function ge(e,t){return`react-resizable-panels:${[e,...t].join(":")}`}function en({id:e,panelIds:t,storage:n}){const o=ge(e,[]),r=n.getItem(o);if(r)try{const i=JSON.parse(r);if(t){const u=t.join(","),l=i[u];if(l&&Array.isArray(l.layout)&&t.length===l.layout.length){const a={};for(let s=0;s<t.length;s++)a[t[s]]=l.layout[s];return a}}else{const u=Object.keys(i);if(u.length===1){const l=i[u[0]];if(l&&Array.isArray(l.layout)){const a=u[0].split(",");if(a.length===l.layout.length){const s={};for(let c=0;c<a.length;c++)s[a[c]]=l.layout[c];return s}}}}}catch{}}function tn({debounceSaveMs:e=100,onlySaveAfterUserInteractions:t,panelIds:n,storage:o=localStorage,...r}){const i=n!==void 0,u="id"in r?r.id:r.groupId,l=ge(u,n??[]),a=x.useSyncExternalStore(nn,()=>o.getItem(l),()=>o.getItem(l)),s=x.useMemo(()=>{if(a){const h=JSON.parse(a),g=Object.values(h);if(Array.from(g).every(y=>typeof y=="number"))return h}},[a]),c=x.useMemo(()=>{if(!s)return en({id:u,panelIds:n,storage:o})},[s,u,n,o]),f=s??c,d=x.useRef(null),v=x.useCallback(()=>{const h=d.current;h&&(d.current=null,clearTimeout(h))},[]);x.useLayoutEffect(()=>()=>{v()},[v]);const w=x.useCallback((h,g)=>{if(t&&!g.isUserInteraction)return;v();let y;i?y=ge(u,Object.keys(h)):y=ge(u,[]);try{o.setItem(y,JSON.stringify(h))}catch(m){console.error(m)}},[v,i,u,t,o]),p=x.useCallback(h=>{v(),e===0?w(h,{isUserInteraction:!1}):d.current=setTimeout(()=>{w(h,{isUserInteraction:!1})},e)},[v,e,w]);return{defaultLayout:f,onLayoutChange:p,onLayoutChanged:w}}function nn(){return function(){}}function on(){return x.useState(null)}function rn(){return x.useRef(null)}function sn(e,t){const{id:n}=ye(),o=x.useRef({collapse:be,expand:be,getSize:()=>({asPercentage:0,inPixels:0}),isCollapsed:()=>!1,resize:be});x.useImperativeHandle(t,()=>o.current,[]),H(()=>{Object.assign(o.current,lt({groupId:n,panelId:e}))})}function pt({children:e,className:t,collapsedSize:n="0%",collapsedThreshold:o,collapsible:r=!1,defaultSize:i,disabled:u,elementRef:l,groupResizeBehavior:a="preserve-relative-size",id:s,maxSize:c="100%",minSize:f="0%",onResize:d,panelRef:v,style:w,...p}){const h=!!s,g=Me(s),y=ke({disabled:u}),m=x.useRef(null),b=Ee(m,l),{getPanelStyles:z,id:R,orientation:P,registerPanel:C,updatePanelProps:E}=ye(),O=d!==null,A=le((S,L,I)=>{d?.(S,s,I)});H(()=>{const S=m.current;if(S!==null){const L={element:S,id:g,idIsStable:h,mutableValues:{expandToSize:void 0,prevSize:void 0},onResize:O?A:void 0,panelConstraints:{groupResizeBehavior:a,collapsedSize:n,collapsedThreshold:o,collapsible:r,defaultSize:i,disabled:y.disabled,maxSize:c,minSize:f}};return C(L)}},[a,n,o,r,i,O,g,h,c,f,A,C,y]),x.useEffect(()=>{E(g,{disabled:u})},[u,g,E]),sn(g,v);const k=()=>{const S=z(R,g);if(S)return JSON.stringify(S)},N=x.useSyncExternalStore(S=>Le(R,S),k,k);let j;return N?j=JSON.parse(N):i!==void 0?j={flexGrow:void 0,flexShrink:void 0,flexBasis:i}:j={flexGrow:1},$.jsx("div",{...p,"data-disabled":u||void 0,"data-panel":!0,"data-testid":g,id:g,ref:b,style:{...an,display:"flex",flexBasis:0,flexShrink:1,overflow:"visible",...j},children:$.jsx("div",{className:t,style:{maxHeight:"100%",maxWidth:"100%",flexGrow:1,overflow:"auto",...w,touchAction:P==="horizontal"?"pan-y":"pan-x"},children:e})})}pt.displayName="Panel";const an={minHeight:0,maxHeight:"100%",height:"auto",minWidth:0,maxWidth:"100%",width:"auto",border:"none",borderWidth:0,padding:0,margin:0};function ln(){return x.useState(null)}function un(){return x.useRef(null)}function cn({layout:e,panelConstraints:t,panelId:n,panelIndex:o}){let r,i;const u=e[n],l=t.find(a=>a.panelId===n);if(l){const a=l.maxSize,s=l.collapsible?l.collapsedSize:l.minSize,c=[o,o+1];i=te({layout:ce({delta:s-u,initialLayout:e,panelConstraints:t,pivotIndices:c,prevLayout:e}),panelConstraints:t})[n],r=te({layout:ce({delta:a-u,initialLayout:e,panelConstraints:t,pivotIndices:c,prevLayout:e}),panelConstraints:t})[n]}return{valueControls:n,valueMax:r,valueMin:i,valueNow:u}}function ht({children:e,className:t,disabled:n,disableDoubleClick:o,elementRef:r,id:i,preview:u,style:l,...a}){const s=Me(i),c=ke({disabled:n,disableDoubleClick:o,children:e,className:t,preview:u,style:l}),[f,d]=x.useState({}),[v,w]=x.useState("inactive"),[p,h]=x.useState(!1),g=x.useRef(null),y=x.useRef(null),m=Ee(g,r),{disableCursor:b,id:z,orientation:R,registerSeparator:P,updateSeparatorProps:C}=ye(),E=R==="horizontal"?"vertical":"horizontal";H(()=>{const k=g.current;if(k!==null){const N={disabled:c.disabled,disableDoubleClick:c.disableDoubleClick,element:k,id:s,get children(){return c.children},get className(){return c.className},get preview(){return c.preview},get style(){return c.style}};y.current=N;const j=P(N),S=Ye(I=>{w(I.next.state!=="inactive"&&I.next.hitRegions.some(F=>F.separator===N)?I.next.state:"inactive")}),L=Le(z,I=>{const{derivedPanelConstraints:F,layout:_,separatorToPanels:Y}=I.next,ne=Y.get(N);if(ne){const ae=ne[0],ve=F.findIndex(J=>J.panelId===ae.id);d(cn({layout:_,panelConstraints:F,panelId:ae.id,panelIndex:ve}))}});return()=>{y.current=null,S(),L(),j()}}},[z,s,P,c]),H(()=>{const k=y.current;k&&Lt(k)},[u]),x.useEffect(()=>{C(s,{disabled:n,disableDoubleClick:o})},[n,o,s,C]);let O;n&&!b&&(O="not-allowed");let A;if(n)A="disabled";else switch(v){case"active":{A="active";break}default:p?A="focus":A=v}return $.jsx("div",{...a,"aria-controls":f.valueControls,"aria-disabled":n||void 0,"aria-orientation":E,"aria-valuemax":f.valueMax,"aria-valuemin":f.valueMin,"aria-valuenow":f.valueNow,children:e,className:t,"data-separator":A,"data-testid":s,id:s,onBlur:()=>h(!1),onFocus:()=>h(!0),ref:m,role:"separator",style:{flexBasis:"auto",cursor:O,...l,flexGrow:0,flexShrink:0,touchAction:"none"},tabIndex:n?void 0:0})}ht.displayName="Separator";exports.Group=dt;exports.Panel=pt;exports.Separator=ht;exports.SeparatorOverlay=Ie;exports.isCoarsePointer=ot;exports.useDefaultLayout=tn;exports.useGroupCallbackRef=on;exports.useGroupRef=rn;exports.usePanelCallbackRef=ln;exports.usePanelRef=un;
 //# sourceMappingURL=react-resizable-panels.cjs.map