react-zeugma 5.0.0 → 5.2.0

package/README.md

@@ -132,10 +132,10 @@ A custom state hook that initializes and manages the recursive layout tree and h
 
 A custom React context hook that returns the unified layout controller properties and state actions. Must be used within a `<Zeugma>` provider component.
 
-Provides direct access to the current layout state (e.g., `layout`, `locked`) and mutation actions (e.g., `addPane`, `removePane`, `updateTabMetadata`, `removeTab`, `selectTab`, etc.).
+Provides direct access to the current layout state (e.g., `layout`, `locked`), state setters (e.g., `setLocked`), queries (e.g., `findTabById`, `findPaneContainingTab`, `findPaneById`), and mutation actions (e.g., `addPane`, `removePane`, `updateTabMetadata`, `removeTab`, `selectTab`, etc.).
 
 ```ts
-const { layout, locked, addPane, removeTab } = useZeugmaContext()
+const { layout, locked, findTabById, setLocked } = useZeugmaContext()
 ```
 
 ### `<PaneTree>`
@@ -196,7 +196,7 @@ A vertical-resize container wrapper that wraps any node (typically `<PaneTree />
 
 ## Tree Utilities
 
-react-zeugma exposes serializable tree utility functions for programmatically mutating layout schemas.
+Import these serializable tree utility functions from `react-zeugma/utils` for programmatically mutating or querying layout schemas.
 
 #### `removePane(tree: TreeNode | null, id: string): TreeNode | null`
 
@@ -210,10 +210,18 @@ Recursively matches the bottommost/rightmost pane leaf in the tree, splits it, a
 
 Splits the targeted `targetId` pane inside the tree with `direction` (_row_ / _column_) and type (_left_, _right_, _top_, _bottom_) to insert `paneToAdd`.
 
-#### `findPane(tree: TreeNode | null, paneId: string): PaneNode | null`
+#### `findPaneById(tree: TreeNode | null, paneId: string): PaneNode | null`
 
 Recursively searches the layout tree and returns the target `PaneNode` if found, or `null` otherwise.
 
+#### `findPaneContainingTab(tree: TreeNode | null, tabId: string): PaneNode | null`
+
+Recursively searches the layout tree and returns the `PaneNode` containing the specified `tabId`.
+
+#### `findTabById(tree: TreeNode | null, tabId: string): TabDetails | null`
+
+Searches the layout tree for the given `tabId` and returns computed details (parent `paneId`, `isActive`, `index`, and custom `metadata`).
+
 ---
 
 ## Custom Styling
@@ -262,6 +270,14 @@ export interface PaneNode {
 }
 
 export type TreeNode = SplitNode | PaneNode
+
+export interface TabDetails {
+  id: string
+  paneId: string
+  isActive: boolean
+  index: number
+  metadata: Record<string, unknown> | undefined
+}
 ```
 
 ---
@@ -309,6 +325,14 @@ export interface PaneNode {
 }
 
 export type TreeNode = SplitNode | PaneNode
+
+export interface TabDetails {
+  id: string
+  paneId: string
+  isActive: boolean
+  index: number
+  metadata: Record<string, unknown> | undefined
+}
 ```
 
 - **`PaneNode` (Leaf):** Represents a single content pane. It must have a unique `paneId`.
@@ -433,7 +457,7 @@ A vertical-resize container wrapper that wraps any node (typically `<PaneTree />
 
 ## 3. Programmatic State Utilities
 
-Import these helpers from `react-zeugma` to manipulate the tree layout programmatically in your state handlers:
+Import these helpers from `react-zeugma/utils` to manipulate or query the tree layout programmatically in your state handlers:
 
 - **`removePane(tree: TreeNode | null, idToRemove: string): TreeNode | null`**
   Removes a pane from the tree and collapses the leftover sibling split node.
@@ -441,8 +465,12 @@ Import these helpers from `react-zeugma` to manipulate the tree layout programma
   Splits a specific target pane by nesting it under a new `SplitNode` along with a new pane.
 - **`updateTabMetadata(tree: TreeNode | null, tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined): TreeNode | null`**
   Updates the metadata of a specific tab.
-- **`findPane(tree: TreeNode | null, paneId: string): PaneNode | null`**
+- **`findPaneById(tree: TreeNode | null, paneId: string): PaneNode | null`**
   Recursively searches the layout tree and returns the target `PaneNode` if found, or `null` otherwise.
+- **`findPaneContainingTab(tree: TreeNode | null, tabId: string): PaneNode | null`**
+  Recursively searches the layout tree and returns the `PaneNode` containing the specified `tabId`.
+- **`findTabById(tree: TreeNode | null, tabId: string): TabDetails | null`**
+  Searches the layout tree for the given `tabId` and returns computed details (parent `paneId`, `isActive`, `index`, and custom `metadata`).
 
 ---
 

package/dist/index.cjs

@@ -1,7 +1,7 @@
-'use strict';var $t=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime'),reactDom=require('react-dom');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var $t__default=/*#__PURE__*/_interopDefault($t);function Ae(e){let t=$t.useRef(null);return $t.useEffect(()=>{if(!e){t.current=null;return}let n=r=>{t.current={x:r.clientX,y:r.clientY};},s=r=>{let o=r.touches[0]||r.changedTouches[0];o&&(t.current={x:o.clientX,y:o.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",s,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",s);}},[e]),t}function Fe(e){$t.useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function Oe(){let[e,t]=$t.useState({}),n=$t.useRef(true);$t.useEffect(()=>(n.current=true,()=>{n.current=false;}),[]);let s=$t.useCallback((r,o)=>{n.current&&t(i=>i[r]===o?i:{...i,[r]:o});},[]);return {portalTargets:e,registerPortalTarget:s}}var dt=8,pt=8,gn=4;function ie(){return "pane-"+Math.random().toString(36).substring(2,11)}function ue(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=ue(e.first,t),s=ue(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function ae(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let r=e.tabs.filter(a=>a!==t);if(r.length===0)return null;let o=e.activeTabId;e.activeTabId===t&&(o=r[0]);let i={...e.tabsMetadata};return delete i[t],{...e,tabs:r,activeTabId:o,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}let n=ae(e.first,t),s=ae(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function me(e,t,n,s,r){if(e===null)return typeof r=="string"?{type:"pane",id:ie(),tabs:[r],activeTabId:r}:r;if(e.type==="pane"){if(e.id===t){let o=typeof r=="string"?{type:"pane",id:ie(),tabs:[r],activeTabId:r}:r,i=s==="left"||s==="top";return {type:"split",direction:n,first:i?o:e,second:i?e:o,splitPercentage:50}}return e}return {...e,first:me(e.first,t,n,s,r)||e.first,second:me(e.second,t,n,s,r)||e.second}}function Ve(e,t){if(e===null)return {type:"pane",id:ie(),tabs:[t],activeTabId:t};function n(s,r){return s.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:s,second:{type:"pane",id:ie(),tabs:[t],activeTabId:t}}:{...s,second:n(s.second,s.direction)}}return n(e,null)}function de(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:de(e.first,t,n)||e.first,second:de(e.second,t,n)||e.second}:e}function ee(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:ee(e.first,t)??ee(e.second,t)}function G(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:G(e.first,t)??G(e.second,t)}function he(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let s=e.tabsMetadata||{},r=s[t],o=n(r),i={...s};return o===void 0?delete i[t]:i[t]=o,{...e,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}return {...e,first:he(e.first,t,n)??e.first,second:he(e.second,t,n)??e.second}}function Pe(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:s,...r}=e;return r}return {...e,locked:n}}return e}return {...e,first:Pe(e.first,t,n)??e.first,second:Pe(e.second,t,n)??e.second}}function ye(e,t,n){return e===null?null:e.type==="pane"?e.id===t?{...e,activeTabId:n}:e:{...e,first:ye(e.first,t,n)??e.first,second:ye(e.second,t,n)??e.second}}function We(e,t,n){if(e===null)return null;let r=G(e,t)?.tabsMetadata?.[t],o=ae(e,t);if(o===null)return {type:"pane",id:ie(),tabs:[t],activeTabId:t,tabsMetadata:r?{[t]:r}:void 0};function i(a){if(a.type==="pane"){if(a.id===n){let u=[...a.tabs];u.includes(t)||u.push(t);let f={...a.tabsMetadata};return r&&(f[t]=r),{...a,tabs:u,activeTabId:t,tabsMetadata:Object.keys(f).length>0?f:void 0}}return a}return {...a,first:i(a.first),second:i(a.second)}}return i(o)}function Ue(e,t,n,s="before"){if(e===null)return null;let o=G(e,t)?.tabsMetadata?.[t],i=ae(e,t);if(i===null)return {type:"pane",id:ie(),tabs:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function a(u){if(u.type==="pane"){if(u.tabs.includes(n)){let I=[...u.tabs].filter(R=>R!==t),b=I.indexOf(n);b<0&&(b=0),s==="after"&&(b+=1),I.splice(b,0,t);let v={...u.tabsMetadata};return o&&(v[t]=o),{...u,tabs:I,activeTabId:t,tabsMetadata:Object.keys(v).length>0?v:void 0}}return u}return {...u,first:a(u.first),second:a(u.second)}}return a(i)}function se(e,t=0,n=0,s=100,r=100,o="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:s,height:r,node:e}],splitters:[]};let{direction:i,splitPercentage:a,first:u,second:f}=e,b={id:`splitter-${o}-${i}`,currentNode:e,direction:i,left:i==="row"?t+s*(a/100):t,top:i==="column"?n+r*(a/100):n,width:i==="row"?0:s,height:i==="column"?0:r,parentLeft:t,parentTop:n,parentWidth:s,parentHeight:r},v={panes:[],splitters:[]},R={panes:[],splitters:[]};if(i==="row"){let y=s*(a/100);v=se(u,t,n,y,r,`${o}-L`),R=se(f,t+y,n,s-y,r,`${o}-R`);}else {let y=r*(a/100);v=se(u,t,n,s,y,`${o}-T`),R=se(f,t,n+y,s,r-y,`${o}-B`);}return {panes:[...v.panes,...R.panes],splitters:[b,...v.splitters,...R.splitters]}}function Te({cursor:e,resizerEl:t,onMove:n,onEnd:s}){document.body.classList.add("zeugma-resizing");let r=document.createElement("style");r.id="zeugma-global-cursor-style",r.textContent=`
+'use strict';var Ot=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime'),reactDom=require('react-dom');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Ot__default=/*#__PURE__*/_interopDefault(Ot);function We(e){let t=Ot.useRef(null);return Ot.useEffect(()=>{if(!e){t.current=null;return}let n=r=>{t.current={x:r.clientX,y:r.clientY};},s=r=>{let o=r.touches[0]||r.changedTouches[0];o&&(t.current={x:o.clientX,y:o.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",s,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",s);}},[e]),t}function Ue(e){Ot.useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function _e(){let[e,t]=Ot.useState({}),n=Ot.useRef(true);Ot.useEffect(()=>(n.current=true,()=>{n.current=false;}),[]);let s=Ot.useCallback((r,o)=>{n.current&&t(i=>i[r]===o?i:{...i,[r]:o});},[]);return {portalTargets:e,registerPortalTarget:s}}var vt=8,ht=8,yn=4;function ce(){return "pane-"+Math.random().toString(36).substring(2,11)}function fe(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=fe(e.first,t),s=fe(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function de(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let r=e.tabs.filter(a=>a!==t);if(r.length===0)return null;let o=e.activeTabId;e.activeTabId===t&&(o=r[0]);let i={...e.tabsMetadata};return delete i[t],{...e,tabs:r,activeTabId:o,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}let n=de(e.first,t),s=de(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function ve(e,t,n,s,r){if(e===null)return typeof r=="string"?{type:"pane",id:ce(),tabs:[r],activeTabId:r}:r;if(e.type==="pane"){if(e.id===t){let o=typeof r=="string"?{type:"pane",id:ce(),tabs:[r],activeTabId:r}:r,i=s==="left"||s==="top";return {type:"split",direction:n,first:i?o:e,second:i?e:o,splitPercentage:50}}return e}return {...e,first:ve(e.first,t,n,s,r)||e.first,second:ve(e.second,t,n,s,r)||e.second}}function Ye(e,t,n){if(e===null)return {type:"pane",id:ce(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0};function s(r,o){return r.type==="pane"?{type:"split",direction:o==="row"?"column":"row",splitPercentage:50,first:r,second:{type:"pane",id:ce(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0}}:{...r,second:s(r.second,r.direction)}}return s(e,null)}function me(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:me(e.first,t,n)||e.first,second:me(e.second,t,n)||e.second}:e}function Q(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:Q(e.first,t)??Q(e.second,t)}function _(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:_(e.first,t)??_(e.second,t)}function Xe(e,t){let n=_(e,t);if(!n)return null;let s=n.tabs.indexOf(t);return {id:t,paneId:n.id,isActive:n.activeTabId===t,index:s,metadata:n.tabsMetadata?.[t]}}function ye(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let s=e.tabsMetadata||{},r=s[t],o=n(r),i={...s};return o===void 0?delete i[t]:i[t]=o,{...e,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}return {...e,first:ye(e.first,t,n)??e.first,second:ye(e.second,t,n)??e.second}}function xe(e,t,n,s){if(e===null)return null;if(e.type==="pane"){if(e.id===t){let r=[...e.tabs];r.includes(n)||r.push(n);let o=e.tabsMetadata;return s&&(o={...e.tabsMetadata,[n]:s}),{...e,tabs:r,activeTabId:n,tabsMetadata:o}}return e}return {...e,first:xe(e.first,t,n,s)||e.first,second:xe(e.second,t,n,s)||e.second}}function Se(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:s,...r}=e;return r}return {...e,locked:n}}return e}return {...e,first:Se(e.first,t,n)??e.first,second:Se(e.second,t,n)??e.second}}function Re(e,t,n){return e===null?null:e.type==="pane"?e.id===t?{...e,activeTabId:n}:e:{...e,first:Re(e.first,t,n)??e.first,second:Re(e.second,t,n)??e.second}}function qe(e,t,n){if(e===null)return null;let r=_(e,t)?.tabsMetadata?.[t],o=de(e,t);if(o===null)return {type:"pane",id:ce(),tabs:[t],activeTabId:t,tabsMetadata:r?{[t]:r}:void 0};function i(a){if(a.type==="pane"){if(a.id===n){let u=[...a.tabs];u.includes(t)||u.push(t);let m={...a.tabsMetadata};return r&&(m[t]=r),{...a,tabs:u,activeTabId:t,tabsMetadata:Object.keys(m).length>0?m:void 0}}return a}return {...a,first:i(a.first),second:i(a.second)}}return i(o)}function Je(e,t,n,s="before"){if(e===null)return null;let o=_(e,t)?.tabsMetadata?.[t],i=de(e,t);if(i===null)return {type:"pane",id:ce(),tabs:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function a(u){if(u.type==="pane"){if(u.tabs.includes(n)){let E=[...u.tabs].filter(x=>x!==t),v=E.indexOf(n);v<0&&(v=0),s==="after"&&(v+=1),E.splice(v,0,t);let T={...u.tabsMetadata};return o&&(T[t]=o),{...u,tabs:E,activeTabId:t,tabsMetadata:Object.keys(T).length>0?T:void 0}}return u}return {...u,first:a(u.first),second:a(u.second)}}return a(i)}function le(e,t=0,n=0,s=100,r=100,o="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:s,height:r,node:e}],splitters:[]};let{direction:i,splitPercentage:a,first:u,second:m}=e,v={id:`splitter-${o}-${i}`,currentNode:e,direction:i,left:i==="row"?t+s*(a/100):t,top:i==="column"?n+r*(a/100):n,width:i==="row"?0:s,height:i==="column"?0:r,parentLeft:t,parentTop:n,parentWidth:s,parentHeight:r},T={panes:[],splitters:[]},x={panes:[],splitters:[]};if(i==="row"){let S=s*(a/100);T=le(u,t,n,S,r,`${o}-L`),x=le(m,t+S,n,s-S,r,`${o}-R`);}else {let S=r*(a/100);T=le(u,t,n,s,S,`${o}-T`),x=le(m,t,n+S,s,r-S,`${o}-B`);}return {panes:[...T.panes,...x.panes],splitters:[v,...T.splitters,...x.splitters]}}function Pe(e){try{return JSON.stringify(e)}catch{return ""}}function Tt(e){let{initialLayout:t,layout:n,onChange:s,fullscreenPaneId:r,onFullscreenChange:o,locked:i=false,dragActivationDistance:a=8,snapThreshold:u=8,minSplitPercentage:m=5,maxSplitPercentage:E=95,enableDragToDismiss:v=false,dismissThreshold:T=60,onRemove:x,onDragStart:S,onDragEnd:M,onResizeStart:f,onResize:R,onResizeEnd:g,onDismissIntentChange:D}=e,[b,I]=Ot.useState(()=>n!==void 0?n:t??null),[k,B]=Ot.useState(()=>Pe(n!==void 0?n:null)),[Y,$]=Ot.useState(r||null),[G,O]=Ot.useState(i),[X,ee]=Ot.useState(null),[te,p]=Ot.useState(null),[y,Z]=Ot.useState(null),w=Ot.useRef(null),C=Ot.useCallback(l=>{w.current=l;},[]),c=Ot.useCallback(l=>{$(l),o?.(l);},[o]);if(Ot.useEffect(()=>{O(i);},[i]),Ot.useEffect(()=>{r!==void 0&&$(r);},[r]),n!==void 0){let l=Pe(n);l!==k&&(B(l),I(n));}let d=Ot.useCallback(l=>(...h)=>{let F=b,W=l(F,...h);Pe(F)!==Pe(W)&&(I(W),s?.(W));},[b,s]),P=Ot.useCallback(d((l,h)=>typeof h=="function"?h(l):h),[d]),ne=Ot.useCallback(d((l,h)=>fe(l,h)),[d]),V=Ot.useCallback(d((l,h,F)=>Ye(l,h,F)),[d]),A=Ot.useCallback(d((l,h,F,W)=>{let ae=Q(l,h)??_(l,h);return ae?xe(l,ae.id,F,W):l}),[d]),J=Ot.useCallback(d((l,h,F,W,ae)=>{let Ve=Q(l,h)??_(l,h);if(!Ve)return l;let ft=Q(l,ae)??_(l,ae)??{type:"pane",id:ae,tabs:[ae],activeTabId:ae},mt=fe(l,ae);return ve(mt,Ve.id,F,W,ft)}),[d]),re=Ot.useCallback(d((l,h,F)=>me(l,h,F)),[d]),N=Ot.useCallback(d((l,h,F)=>ye(l,h,F)),[d]),L=Ot.useCallback(d((l,h,F)=>{let W=Q(l,h)??_(l,h);return W?Se(l,W.id,F):l}),[d]),z=Ot.useCallback(d((l,h,F)=>{let W=Q(l,h)??_(l,h);return W?Re(l,W.id,F):l}),[d]),oe=Ot.useCallback(d((l,h,F)=>{let W=Q(l,F)??_(l,F);return W?qe(l,h,W.id):l}),[d]),H=Ot.useCallback(d((l,h,F,W)=>Je(l,h,F,W)),[d]),K=Ot.useCallback(d((l,h)=>de(l,h)),[d]),j=Ot.useCallback(l=>Q(b,l),[b]),ie=Ot.useCallback(l=>_(b,l),[b]),ue=Ot.useCallback(l=>Xe(b,l),[b]);return {layout:b,setLayout:P,fullscreenPaneId:Y,setFullscreenPaneId:c,locked:G,setLocked:O,activeId:X,setActiveId:ee,activeType:te,setActiveType:p,dismissIntentId:y,setDismissIntentId:Z,containerRef:w,setContainerRef:C,dragActivationDistance:a,snapThreshold:u,minSplitPercentage:m,maxSplitPercentage:E,enableDragToDismiss:v,dismissThreshold:T,onRemove:x,onDragStart:S,onDragEnd:M,onResizeStart:f,onResize:R,onResizeEnd:g,onDismissIntentChange:D,removePane:ne,addPane:V,addTab:A,splitPane:J,updateSplitPercentage:re,updateTabMetadata:N,updatePaneLock:L,selectTab:z,mergeTab:oe,moveTab:H,removeTab:K,findPaneById:j,findPaneContainingTab:ie,findTabById:ue}}function De({cursor:e,resizerEl:t,onMove:n,onEnd:s}){document.body.classList.add("zeugma-resizing");let r=document.createElement("style");r.id="zeugma-global-cursor-style",r.textContent=`
     * {
       cursor: ${e} !important;
       user-select: none !important;
     }
-  `,document.head.appendChild(r),t.setAttribute("data-resizing","true");let o=a=>{n(a);},i=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let a=document.getElementById("zeugma-global-cursor-style");a&&a.remove(),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",i),s();};document.addEventListener("pointermove",o),document.addEventListener("pointerup",i);}function be(e){try{return JSON.stringify(e)}catch{return ""}}var Me=$t.createContext(void 0),ze=$t.createContext(void 0),xe=$t.createContext(void 0),re=()=>{let e=$t.useContext(Me);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},Se=()=>{let e=$t.useContext(ze);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e};function mt(e){let{initialLayout:t,layout:n,onChange:s,fullscreenPaneId:r,onFullscreenChange:o,locked:i=false,dragActivationDistance:a=8,snapThreshold:u=8,minSplitPercentage:f=5,maxSplitPercentage:I=95,enableDragToDismiss:b=false,dismissThreshold:v=60,onRemove:R,onDragStart:y,onDragEnd:M,onResizeStart:m,onResize:D,onResizeEnd:g,onDismissIntentChange:C}=e,[T,L]=$t.useState(()=>n!==void 0?n:t??null),[$,U]=$t.useState(()=>be(n!==void 0?n:null)),[Y,z]=$t.useState(r||null),[q,V]=$t.useState(i),[B,J]=$t.useState(null),[j,d]=$t.useState(null),[x,Z]=$t.useState(null),N=$t.useRef(null),E=$t.useCallback(c=>{N.current=c;},[]),l=$t.useCallback(c=>{z(c),o?.(c);},[o]);if($t.useEffect(()=>{V(i);},[i]),$t.useEffect(()=>{r!==void 0&&z(r);},[r]),n!==void 0){let c=be(n);c!==$&&(U(c),L(n));}let p=$t.useCallback(c=>(...h)=>{let H=T,A=c(H,...h);be(H)!==be(A)&&(L(A),s?.(A));},[T,s]),P=$t.useCallback(p((c,h)=>typeof h=="function"?h(c):h),[p]),Q=$t.useCallback(p((c,h)=>ue(c,h)),[p]),W=$t.useCallback(p((c,h)=>Ve(c,h)),[p]),O=$t.useCallback(p((c,h,H,A,ne)=>{let ce=ee(c,h)??G(c,h);if(!ce)return c;let at=ee(c,ne)??G(c,ne)??{type:"pane",id:ne,tabs:[ne],activeTabId:ne},lt=ue(c,ne);return me(lt,ce.id,H,A,at)}),[p]),X=$t.useCallback(p((c,h,H)=>de(c,h,H)),[p]),F=$t.useCallback(p((c,h,H)=>he(c,h,H)),[p]),S=$t.useCallback(p((c,h,H)=>{let A=ee(c,h)??G(c,h);return A?Pe(c,A.id,H):c}),[p]),w=$t.useCallback(p((c,h,H)=>{let A=ee(c,h)??G(c,h);return A?ye(c,A.id,H):c}),[p]),k=$t.useCallback(p((c,h,H)=>{let A=ee(c,H)??G(c,H);return A?We(c,h,A.id):c}),[p]),oe=$t.useCallback(p((c,h,H,A)=>Ue(c,h,H,A)),[p]),te=$t.useCallback(p((c,h)=>ae(c,h)),[p]);return {layout:T,setLayout:P,fullscreenPaneId:Y,setFullscreenPaneId:l,locked:q,setLocked:V,activeId:B,setActiveId:J,activeType:j,setActiveType:d,dismissIntentId:x,setDismissIntentId:Z,containerRef:N,setContainerRef:E,dragActivationDistance:a,snapThreshold:u,minSplitPercentage:f,maxSplitPercentage:I,enableDragToDismiss:b,dismissThreshold:v,onRemove:R,onDragStart:y,onDragEnd:M,onResizeStart:m,onResize:D,onResizeEnd:g,onDismissIntentChange:C,removePane:Q,addPane:W,splitPane:O,updateSplitPercentage:X,updateTabMetadata:F,updatePaneLock:S,selectTab:w,mergeTab:k,moveTab:oe,removeTab:te}}var gt=()=>{let e=re(),t=Se();return {...e,...t}};var Re=class extends core.PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},De=class extends core.TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function Ce(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function Xe(e){let{layout:t,setLayout:n,activeId:s,setActiveId:r,setActiveType:o,dismissIntentId:i,setDismissIntentId:a,setOverTabId:u,setOverTabPosition:f,containerRef:I,dragActivationDistance:b,enableDragToDismiss:v,dismissThreshold:R,onRemove:y,onDragStart:M,onDragEnd:m,onDismissIntentChange:D,removeTab:g,moveTab:C,selectTab:T}=e,L=$t.useRef(null),$=Ae(s),[U,Y]=$t.useState(false);Fe(U);let z=core.useSensors(core.useSensor(Re,{activationConstraint:{distance:b}}),core.useSensor(De,{activationConstraint:{delay:250,tolerance:5}})),q=$t.useCallback(d=>{let x=core.pointerWithin(d);if(x.length>0)return x;if(d.active.id.toString().startsWith("tab-header-")){let N=d.droppableContainers.filter(E=>E.id.toString().startsWith("tab-drop-"));return core.closestCenter({...d,droppableContainers:N})}return []},[]);return {sensors:z,collisionDetection:q,onDragStart:d=>{let x=d.active.id.toString(),Z=x.startsWith("tab-header-"),N=Z?x.substring(11):x;r(N),o(Z?"tab":"pane"),u(null),f(null);let E=d.activatorEvent;if($.current=Ce(E),v&&I.current?L.current=I.current.getBoundingClientRect():L.current=null,Z){let l=G(t,N);l&&T(l.id,N);}M&&M(N);},onDragMove:d=>{let{over:x}=d,Z=x?.id.toString()||"",N=Z.startsWith("drop-locked-");Y(N);let E=Z.match(/^tab-drop-(.+)$/);if(E&&x){let[,S]=E,w=d.active.id.toString();if((w.startsWith("tab-header-")?w.substring(11):w)!==S){let te="before",c=x.rect,h=d.activatorEvent,H=null;if($.current)H=$.current.x;else {let A=Ce(h);A&&(H=A.x+d.delta.x);}if(H!==null){let A=c.left+c.width/2;H>A&&(te="after");}u(S),f(te);}else u(null),f(null);}else u(null),f(null);if(!v)return;let l=d.active.id.toString(),_=l.startsWith("tab-header-")?l.substring(11):l,P=L.current;if(!P){i!==null&&(a(null),D?.(null));return}let Q=d.activatorEvent,W=null,O=null;if($.current)W=$.current.x,O=$.current.y;else {let S=Ce(Q);S&&(W=S.x+d.delta.x,O=S.y+d.delta.y);}let X=0;if(W!==null&&O!==null){let S=0,w=0;W<P.left?S=P.left-W:W>P.right&&(S=W-P.right),O<P.top?w=P.top-O:O>P.bottom&&(w=O-P.bottom),X=Math.sqrt(S*S+w*w);}else {let S=d.active.rect.current.translated;if(S){let w=S.left+S.width/2,k=S.top+S.height/2,oe=0,te=0;w<P.left?oe=P.left-w:w>P.right&&(oe=w-P.right),k<P.top?te=P.top-k:k>P.bottom&&(te=k-P.bottom),X=Math.sqrt(oe*oe+te*te);}}X>R?i!==_&&(a(_),D?.(_)):i!==null&&(a(null),D?.(null));},onDragEnd:d=>{r(null),o(null),Y(false),u(null),f(null);let{active:x,over:Z}=d,N=x.id.toString(),E=N.startsWith("tab-header-"),l=E?N.substring(11):N,p=v&&i===l;if(a(null),D?.(null),L.current=null,p){y?y(l):g(l),m&&m(l,null,null);return}if(!Z){m&&m(l,null,null);return}let _=Z.id.toString();if(_.startsWith("drop-locked-")){m&&m(l,null,null);return}let P=_.match(/^tab-drop-(.+)$/);if(P){let[,c]=P;if(l!==c){let h="before",H=Z.rect,A=d.activatorEvent,ne=null;if($.current)ne=$.current.x;else {let ce=Ce(A);ce&&(ne=ce.x+d.delta.x);}if(ne!==null){let ce=H.left+H.width/2;ne>ce&&(h="after");}C(l,c,h),m&&m(l,c,{type:"move",position:"center"});}else m&&m(l,null,null);return}let Q=_.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!Q){m&&m(l,null,null);return}let[,W,O]=Q,X=E?G(t,l):ee(t,l),F=X&&X.id===O,S=X&&X.tabs.length===1;if(l===O||F&&S){m&&m(l,null,null);return}let w=W==="left"||W==="right"?"row":"column",k;if(E){let h=G(t,l)?.tabsMetadata?.[l];k={type:"pane",id:ie(),tabs:[l],activeTabId:l,tabsMetadata:h?{[l]:h}:void 0};}else k=ee(t,l)??{type:"pane",id:ie(),tabs:[l],activeTabId:l};let oe=E?ae(t,l):ue(t,l),te=me(oe,O,w,W,k);n(te),m&&m(l,O,{type:"split",direction:w,position:W});},onDragCancel:()=>{r(null),o(null),Y(false),u(null),f(null),a(null),D?.(null),L.current=null;}}}var qe=({activeId:e,render:t,className:n})=>{let s=$t.useRef(null);return $t.useEffect(()=>{let r=o=>{s.current&&(s.current.style.transform=`translate(${o.clientX+12}px, ${o.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var Je=({tabId:e,target:t,renderWidget:n})=>{let[s,r]=$t.useState(false),o=$t.useRef(null);if($t.useEffect(()=>{r(true);},[]),$t.useEffect(()=>{if(!s||!o.current)return;let a=o.current;if(t)t.appendChild(a);else {let u=document.getElementById("zeugma-hidden-portal-container");u||(u=document.createElement("div"),u.id="zeugma-hidden-portal-container",u.style.display="none",document.body.appendChild(u)),u.appendChild(a);}},[t,s]),$t.useEffect(()=>()=>{o.current&&o.current.remove();},[]),!s)return null;o.current||(o.current=document.createElement("div"),o.current.className=`zeugma-portal-wrapper-${e}`,o.current.style.width="100%",o.current.style.height="100%");let i=o.current;return !i||!n?null:reactDom.createPortal(n(e),i)};var Lt=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:r,classNames:o={},children:i,layout:a,setLayout:u,fullscreenPaneId:f,setFullscreenPaneId:I,locked:b,activeId:v,activeType:R,dismissIntentId:y,setContainerRef:M,snapThreshold:m,minSplitPercentage:D,maxSplitPercentage:g,onRemove:C,onResizeStart:T,onResize:L,onResizeEnd:$,removePane:U,addPane:Y,updateTabMetadata:z,updatePaneLock:q,selectTab:V,mergeTab:B,removeTab:J}=t,{portalTargets:j,registerPortalTarget:d}=Oe(),[x,Z]=$t.useState(null),[N,E]=$t.useState(null),l=Xe({...t,setOverTabId:Z,setOverTabPosition:E}),p=$t.useCallback(F=>n(F),[n]),_=$t.useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview]),P=$t.useCallback((F,S)=>{$&&$(F,S);},[$]),Q=$t.useMemo(()=>({layout:a,setLayout:u,renderPane:p,activeId:v,dismissIntentId:y,overTabId:x,overTabPosition:N,setContainerRef:M,fullscreenPaneId:f,classNames:_,onRemove:C,onFullscreenChange:I,snapThreshold:m,onResizeStart:T,onResize:L,onResizeEnd:P,minSplitPercentage:D,maxSplitPercentage:g,locked:b}),[a,v,y,x,N,M,f,_,C,I,m,T,L,D,g,u,p,P,b]),W=$t.useMemo(()=>({removePane:U,addPane:Y,updateTabMetadata:z,updatePaneLock:q,selectTab:V,mergeTab:B,removeTab:J}),[U,Y,z,q,V,B,J]),O=$t.useMemo(()=>{let F=[];function S(w){w&&(w.type==="pane"?F.push(...w.tabs):(S(w.first),S(w.second)));}return S(a),F},[a]),X=$t.useMemo(()=>({registerPortalTarget:d}),[d]);return jsxRuntime.jsx(ze.Provider,{value:W,children:jsxRuntime.jsx(Me.Provider,{value:Q,children:jsxRuntime.jsxs(xe.Provider,{value:X,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",...l,children:i}),v&&R&&r&&jsxRuntime.jsx(qe,{activeId:v,render:F=>r(F,R),className:`${o.dragOverlay||""} ${v===y&&o.dismissPreview||""}`.trim()}),jsxRuntime.jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:O.map(F=>jsxRuntime.jsx(Je,{tabId:F,target:j[F]||null,renderWidget:s},F))})]})})})};function Ze({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:r,snapThreshold:o,layout:i,currentNode:a,onLayoutChange:u,onResizeStart:f,onResizeEnd:I,parentLeft:b,parentTop:v,parentWidth:R,parentHeight:y}){let{onResizeStart:M,onResize:m,onResizeEnd:D,minSplitPercentage:g=5,maxSplitPercentage:C=95,locked:T=false}=re();return $t.useCallback(L=>{if(T)return;L.preventDefault();let $=e.current;if(!$)return;f&&f(),M&&M(a);let U=$.getBoundingClientRect(),Y=L.clientX,z=L.clientY,q=s,V=L.currentTarget,B=U.left+U.width*(b/100),J=U.top+U.height*(v/100),j=U.width*(R/100),d=U.height*(y/100),Z=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(E=>E!==V&&E.getAttribute("data-direction")===n).map(E=>{let l=E.getBoundingClientRect();return t?l.left+l.width/2:l.top+l.height/2}),N=q;Te({cursor:t?"col-resize":"row-resize",resizerEl:V,onMove:E=>{let l=t?(E.clientX-Y)/j*100:(E.clientY-z)/d*100,p=q+l,_=t?B+(j-r)*(p/100)+r/2:J+(d-r)*(p/100)+r/2,P=1/0,Q=null;for(let F of Z){let S=Math.abs(_-F);S<o&&S<P&&(P=S,Q=F);}let W=p;Q!==null&&(W=t?(Q-r/2-B)/(j-r)*100:(Q-r/2-J)/(d-r)*100);let O=Math.max(g,Math.min(C,W));N=O;let X=de(i,a,O);if(X){let{panes:F,splitters:S}=se(X),w=e.current;if(w){for(let k of F)w.style.setProperty(`--pane-left-${k.paneId}`,`${k.left}%`),w.style.setProperty(`--pane-top-${k.paneId}`,`${k.top}%`),w.style.setProperty(`--pane-width-${k.paneId}`,`${k.width}%`),w.style.setProperty(`--pane-height-${k.paneId}`,`${k.height}%`);for(let k of S)w.style.setProperty(`--splitter-pos-${k.id}`,`${k.direction==="row"?k.left:k.top}%`);}}m&&m(a,O);},onEnd:()=>{let E=de(i,a,N),l=e.current;if(l){let{panes:p,splitters:_}=se(E);for(let P of p)l.style.removeProperty(`--pane-left-${P.paneId}`),l.style.removeProperty(`--pane-top-${P.paneId}`),l.style.removeProperty(`--pane-width-${P.paneId}`),l.style.removeProperty(`--pane-height-${P.paneId}`);for(let P of _)l.style.removeProperty(`--splitter-pos-${P.id}`);}u(E),I&&I(),D&&D(a,N);}});},[e,t,n,s,r,o,i,a,u,f,I,M,m,D,g,C,b,v,R,y])}var At=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:r,setLayout:o,classNames:i,locked:a}=re(),[u,f]=$t.useState(false),{currentNode:I,direction:b,left:v,top:R,width:y,height:M,parentLeft:m,parentTop:D,parentWidth:g,parentHeight:C}=e,T=b==="row",L=Ze({containerRef:s,isRow:T,direction:b,splitPercentage:I.splitPercentage,resizerSize:t,snapThreshold:n,layout:r,currentNode:I,onLayoutChange:o,onResizeStart:()=>f(true),onResizeEnd:()=>f(false),parentLeft:m,parentTop:D,parentWidth:g,parentHeight:C}),$=T?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${v}%) - ${t/2}px)`,top:`calc(${R}% + ${t/2}px)`,width:`${t}px`,height:`calc(${M}% - ${t}px)`,cursor:a?"default":"col-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${v}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${R}%) - ${t/2}px)`,width:`calc(${y}% - ${t}px)`,height:`${t}px`,cursor:a?"default":"row-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsxRuntime.jsx("div",{className:i.resizer||"","data-direction":b,"data-resizing":u||void 0,style:$,onPointerDown:L,role:"separator","aria-valuenow":I.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},Ft=$t__default.default.memo(({paneId:e,renderPane:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),Ot=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:r,activeId:o,dismissIntentId:i,setContainerRef:a,fullscreenPaneId:u,snapThreshold:f,locked:I,classNames:b}=re(),v=n!==void 0?n:f??8,R=e!==void 0?e:s,y=$t.useRef(null),{panes:M,splitters:m}=$t.useMemo(()=>R?se(R):{panes:[],splitters:[]},[R]);if(!R)return null;let D=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[M.map(g=>{let C=u===g.paneId;return jsxRuntime.jsx("div",{style:{position:"absolute",left:C?"0%":`var(--pane-left-${g.paneId}, ${g.left}%)`,top:C?"0%":`var(--pane-top-${g.paneId}, ${g.top}%)`,width:C?"100%":`var(--pane-width-${g.paneId}, ${g.width}%)`,height:C?"100%":`var(--pane-height-${g.paneId}, ${g.height}%)`,overflow:"hidden",zIndex:C?20:1,display:u&&!C?"none":"block",padding:C?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsxRuntime.jsx(Ft,{paneId:g.paneId,renderPane:r})},g.paneId)}),!u&&m.map(g=>jsxRuntime.jsx(At,{splitter:g,resizerSize:t,snapThreshold:v,containerRef:y},g.id))]});if(e===void 0){let g=o!==null&&o===i,C=L=>{a(L),y.current=L;},T=`${b.dashboard||""} ${g&&b.dashboardDismissActive||""} ${I&&b.dashboardLocked||""}`.trim();return jsxRuntime.jsx("div",{ref:C,className:T,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:D()})}return jsxRuntime.jsx("div",{ref:y,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:D()})};var nt="zeugma-height:",_t="default-pane";function Yt(e){try{let t=localStorage.getItem(nt+e);if(t!==null){let n=Number(t);if(Number.isFinite(n)&&n>0)return n}}catch{}return null}function tt(e,t){try{localStorage.setItem(nt+e,String(Math.round(t)));}catch{}}var rt=({children:e,active:t=true,height:n,onHeightChange:s,minHeight:r=100,maxHeight:o=1/0,persist:i,localStorageKey:a,resizerHeight:u=6,className:f,resizerClassName:I})=>{let b=i?a||_t:null,v=()=>{let T=(b?Yt(b):null)??n??400;return Ee(T,r,o)},[R,y]=$t.useState(v),M=$t.useRef(null),m=b?R:n??R,D=$t.useRef(n);$t.useEffect(()=>{if(n!==void 0&&n!==D.current){let T=Ee(n,r,o);y(T),b&&tt(b,T);}D.current=n;},[n,r,o,b]);let g=$t.useCallback(()=>o,[o]),C=$t.useCallback(T=>{T.preventDefault();let L=T.clientY,$=m,U=g(),Y=T.currentTarget,z=ot(M.current),q=z?z.scrollTop:0,V=L,B=null,J=(d,x)=>{let Z=x-q,E=d-L+Z,l=Ee($+E,r,U);return M.current&&(M.current.style.height=`${l}px`),l},j=()=>{if(!z)return;let d=z===document.documentElement||z===document.body?{top:0,bottom:window.innerHeight}:z.getBoundingClientRect(),x=40,Z=10,N=0;V>d.bottom-x?N=Math.min(1,(V-(d.bottom-x))/x)*Z:V<d.top+x&&(N=-Math.min(1,(d.top+x-V)/x)*Z),N!==0&&(z.scrollTop+=N,J(V,z.scrollTop)),B=requestAnimationFrame(j);};B=requestAnimationFrame(j),Te({cursor:"row-resize",resizerEl:Y,onMove:d=>{V=d.clientY,z&&J(V,z.scrollTop);},onEnd:()=>{B!==null&&cancelAnimationFrame(B);let d=$;M.current&&(d=M.current.getBoundingClientRect().height),d=Ee(d,r,U),y(d),s&&s(d),b&&tt(b,d);}});},[m,r,g,s,b]);return t?jsxRuntime.jsxs("div",{ref:M,className:`zeugma-resizable-container ${f||""}`.trim(),style:{height:`${m}px`,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[jsxRuntime.jsx("div",{style:{height:`calc(100% - ${u}px)`,overflow:"hidden"},children:e}),jsxRuntime.jsx("div",{className:`zeugma-resizable-handle ${I||""}`.trim(),style:{height:`${u}px`,cursor:"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:C,role:"separator","aria-orientation":"horizontal","aria-valuenow":Math.round(m),"aria-valuemin":r,"aria-valuemax":o===1/0?void 0:o})]}):jsxRuntime.jsx("div",{className:`zeugma-resizable-container disabled ${f||""}`.trim(),style:{height:"100%",position:"relative",overflow:"hidden",boxSizing:"border-box"},children:jsxRuntime.jsx("div",{style:{height:"100%",overflow:"hidden"},children:e})})};function Ee(e,t,n){return Math.max(t,Math.min(n,e))}function ot(e){if(typeof window>"u"||!e)return null;let t=e.parentElement;if(!t)return document.documentElement;let s=window.getComputedStyle(t).overflowY;return s==="auto"||s==="scroll"?t:ot(t)}var Ne=$t.createContext(null);var en={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},tn={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},st=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:s,style:en[t]}),r&&jsxRuntime.jsx("div",{className:n,style:tn[t]})]})},nn=({id:e,children:t,style:n,locked:s=false})=>{let r=$t.useRef(null),{layout:o,activeId:i,classNames:a,fullscreenPaneId:u,onFullscreenChange:f,locked:I}=re(),{removePane:b,updateTabMetadata:v,selectTab:R,removeTab:y}=Se(),M=$t.useContext(xe);if(!M)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:m}=M,D=$t.useMemo(()=>ee(o,e),[o,e]),g=D?.id??e,C=D?.tabs??[e],T=D?.activeTabId??e,L=D?.tabsMetadata,$=L?.[e],U=D?.locked??false,Y=s||U,z=I||Y,q=I||Y,V=i!==null&&i!==e&&(!C.includes(i)||C.length>1)&&!q,{attributes:B,listeners:J,setNodeRef:j}=core.useDraggable({id:e,disabled:z}),d=i!==null&&C.includes(i),x=u===e,Z=$t.useCallback(()=>jsxRuntime.jsx("div",{ref:r,id:`zeugma-tab-target-${T}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[T]);$t.useEffect(()=>{let p=r.current;return m(T,p),()=>{m(T,null);}},[T,m]);let N=$t.useMemo(()=>({isDragging:d,isFullscreen:x,toggleFullscreen:()=>f?.(x?null:e),remove:()=>{x&&f?.(null),b(g);},metadata:$,updateMetadata:p=>{v(e,p);},locked:z,tabs:C,activeTabId:T,selectTab:p=>R(g,p),removeTab:p=>{x&&p===T&&f?.(null),y(p);},tabsMetadata:L,updateTabMetadata:(p,_)=>{v(p,_);},renderActiveTab:Z}),[d,x,f,e,y,$,v,z,C,T,R,g,L,Z]),E=$t.useMemo(()=>z?{disabled:true}:{...J,...B},[J,B,z]),l=`${a.pane||""} ${Y&&a.paneLocked||""}`.trim();return jsxRuntime.jsx(Ne.Provider,{value:E,children:jsxRuntime.jsxs("div",{ref:j,className:l,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(N),V&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(p=>jsxRuntime.jsx(st,{id:`drop-${p}-${e}`,position:p,activeClassName:a.dropPreview},p))}),i!==null&&i!==e&&q&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsxRuntime.jsx(st,{id:`drop-locked-${e}`,position:"full",activeClassName:a.lockedPreview||""})})]})})};var sn=({children:e,className:t,style:n})=>{let s=$t.useContext(Ne);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:r,...o}=s;return jsxRuntime.jsx("div",{className:t,style:{cursor:r?"default":"grab",userSelect:r?"auto":"none",touchAction:r?"auto":"none",...n},...r?{}:o,children:e})};var un=({id:e,locked:t=false,children:n,className:s,style:r})=>{let{locked:o,classNames:i={},overTabId:a,overTabPosition:u}=re(),f=t||o,{attributes:I,listeners:b,setNodeRef:v,isDragging:R}=core.useDraggable({id:`tab-header-${e}`,disabled:f}),{setNodeRef:y,isOver:M}=core.useDroppable({id:`tab-drop-${e}`,disabled:f}),m=C=>{v(C),y(C);},D=M&&a===e,g=D?u:null;return jsxRuntime.jsxs("div",{ref:m,className:s,style:{display:"inline-flex",position:"relative",cursor:f?"default":"grab",...r},...f?{}:b,...f?{}:I,children:[n({isDragging:R,isOver:D}),D&&g&&jsxRuntime.jsx("div",{className:i.tabDropPreview||"",style:{position:"absolute",top:0,bottom:0,width:"2px",backgroundColor:"#6366f1",left:g==="before"?0:void 0,right:g==="after"?0:void 0,pointerEvents:"none",zIndex:10}})]})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=pt;exports.DEFAULT_RESIZER_SIZE=gn;exports.DEFAULT_SNAP_THRESHOLD=dt;exports.DragHandle=sn;exports.Pane=nn;exports.PaneTree=Ot;exports.PortalRegistryContext=xe;exports.ResizableContainer=rt;exports.Tab=un;exports.Zeugma=Lt;exports.ZeugmaActionsContext=ze;exports.ZeugmaStateContext=Me;exports.addPane=Ve;exports.computeLayout=se;exports.createDragSession=Te;exports.findPaneById=ee;exports.findPaneContainingTab=G;exports.generateUniqueId=ie;exports.mergeTab=We;exports.moveTab=Ue;exports.removePane=ue;exports.removeTab=ae;exports.safeJsonStringify=be;exports.selectTab=ye;exports.splitPane=me;exports.updatePaneLock=Pe;exports.updateSplitPercentage=de;exports.updateTabMetadata=he;exports.useResizer=Ze;exports.useZeugma=mt;exports.useZeugmaActions=Se;exports.useZeugmaContext=gt;exports.useZeugmaState=re;//# sourceMappingURL=index.cjs.map
+  `,document.head.appendChild(r),t.setAttribute("data-resizing","true");let o=a=>{n(a);},i=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let a=document.getElementById("zeugma-global-cursor-style");a&&a.remove(),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",i),s();};document.addEventListener("pointermove",o),document.addEventListener("pointerup",i);}var ke=Ot.createContext(void 0),He=Ot.createContext(void 0),Ce=Ot.createContext(void 0),se=()=>{let e=Ot.useContext(ke);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},we=()=>{let e=Ot.useContext(He);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e};var yt=()=>{let e=se(),t=we();return {...e,...t}};var Ee=class extends core.PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Ne=class extends core.TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function Ie(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function Qe(e){let{layout:t,setLayout:n,activeId:s,setActiveId:r,setActiveType:o,dismissIntentId:i,setDismissIntentId:a,setOverTabId:u,setOverTabPosition:m,containerRef:E,dragActivationDistance:v,enableDragToDismiss:T,dismissThreshold:x,onRemove:S,onDragStart:M,onDragEnd:f,onDismissIntentChange:R,removeTab:g,moveTab:D,selectTab:b}=e,I=Ot.useRef(null),k=We(s),[B,Y]=Ot.useState(false);Ue(B);let $=core.useSensors(core.useSensor(Ee,{activationConstraint:{distance:v}}),core.useSensor(Ne,{activationConstraint:{delay:250,tolerance:5}})),G=Ot.useCallback(p=>{let y=core.pointerWithin(p);if(y.length>0)return y;if(p.active.id.toString().startsWith("tab-header-")){let w=p.droppableContainers.filter(C=>C.id.toString().startsWith("tab-drop-"));return core.closestCenter({...p,droppableContainers:w})}return []},[]);return {sensors:$,collisionDetection:G,onDragStart:p=>{let y=p.active.id.toString(),Z=y.startsWith("tab-header-"),w=Z?y.substring(11):y;r(w),o(Z?"tab":"pane"),u(null),m(null);let C=p.activatorEvent;if(k.current=Ie(C),T&&E.current?I.current=E.current.getBoundingClientRect():I.current=null,Z){let c=_(t,w);c&&b(c.id,w);}M&&M(w);},onDragMove:p=>{let{over:y}=p,Z=y?.id.toString()||"",w=Z.startsWith("drop-locked-");Y(w);let C=Z.match(/^tab-drop-(.+)$/);if(C&&y){let[,N]=C,L=p.active.id.toString();if((L.startsWith("tab-header-")?L.substring(11):L)!==N){let H="before",K=y.rect,j=p.activatorEvent,ie=null;if(k.current)ie=k.current.x;else {let ue=Ie(j);ue&&(ie=ue.x+p.delta.x);}if(ie!==null){let ue=K.left+K.width/2;ie>ue&&(H="after");}u(N),m(H);}else u(null),m(null);}else u(null),m(null);if(!T)return;let c=p.active.id.toString(),q=c.startsWith("tab-header-")?c.substring(11):c,P=I.current;if(!P){i!==null&&(a(null),R?.(null));return}let ne=p.activatorEvent,V=null,A=null;if(k.current)V=k.current.x,A=k.current.y;else {let N=Ie(ne);N&&(V=N.x+p.delta.x,A=N.y+p.delta.y);}let J=0;if(V!==null&&A!==null){let N=0,L=0;V<P.left?N=P.left-V:V>P.right&&(N=V-P.right),A<P.top?L=P.top-A:A>P.bottom&&(L=A-P.bottom),J=Math.sqrt(N*N+L*L);}else {let N=p.active.rect.current.translated;if(N){let L=N.left+N.width/2,z=N.top+N.height/2,oe=0,H=0;L<P.left?oe=P.left-L:L>P.right&&(oe=L-P.right),z<P.top?H=P.top-z:z>P.bottom&&(H=z-P.bottom),J=Math.sqrt(oe*oe+H*H);}}J>x?i!==q&&(a(q),R?.(q)):i!==null&&(a(null),R?.(null));},onDragEnd:p=>{r(null),o(null),Y(false),u(null),m(null);let{active:y,over:Z}=p,w=y.id.toString(),C=w.startsWith("tab-header-"),c=C?w.substring(11):w,d=T&&i===c;if(a(null),R?.(null),I.current=null,d){S?S(c):g(c),f&&f(c,null,null);return}if(!Z){f&&f(c,null,null);return}let q=Z.id.toString();if(q.startsWith("drop-locked-")){f&&f(c,null,null);return}let P=q.match(/^tab-drop-(.+)$/);if(P){let[,K]=P;if(c!==K){let j="before",ie=Z.rect,ue=p.activatorEvent,l=null;if(k.current)l=k.current.x;else {let h=Ie(ue);h&&(l=h.x+p.delta.x);}if(l!==null){let h=ie.left+ie.width/2;l>h&&(j="after");}D(c,K,j),f&&f(c,K,{type:"move",position:"center"});}else f&&f(c,null,null);return}let ne=q.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!ne){f&&f(c,null,null);return}let[,V,A]=ne,J=C?_(t,c):Q(t,c),re=J&&J.id===A,N=J&&J.tabs.length===1;if(c===A||re&&N){f&&f(c,null,null);return}let L=V==="left"||V==="right"?"row":"column",z;if(C){let j=_(t,c)?.tabsMetadata?.[c];z={type:"pane",id:ce(),tabs:[c],activeTabId:c,tabsMetadata:j?{[c]:j}:void 0};}else z=Q(t,c)??{type:"pane",id:ce(),tabs:[c],activeTabId:c};let oe=C?de(t,c):fe(t,c),H=ve(oe,A,L,V,z);n(H),f&&f(c,A,{type:"split",direction:L,position:V});},onDragCancel:()=>{r(null),o(null),Y(false),u(null),m(null),a(null),R?.(null),I.current=null;}}}var et=({activeId:e,render:t,className:n})=>{let s=Ot.useRef(null);return Ot.useEffect(()=>{let r=o=>{s.current&&(s.current.style.transform=`translate(${o.clientX+12}px, ${o.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var tt=({tabId:e,target:t,renderWidget:n})=>{let[s,r]=Ot.useState(false),o=Ot.useRef(null);if(Ot.useEffect(()=>{r(true);},[]),Ot.useEffect(()=>{if(!s||!o.current)return;let a=o.current;if(t)t.appendChild(a);else {let u=document.getElementById("zeugma-hidden-portal-container");u||(u=document.createElement("div"),u.id="zeugma-hidden-portal-container",u.style.display="none",document.body.appendChild(u)),u.appendChild(a);}},[t,s]),Ot.useEffect(()=>()=>{o.current&&o.current.remove();},[]),!s)return null;o.current||(o.current=document.createElement("div"),o.current.className=`zeugma-portal-wrapper-${e}`,o.current.style.width="100%",o.current.style.height="100%");let i=o.current;return !i||!n?null:reactDom.createPortal(n(e),i)};var Ht=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:r,classNames:o={},children:i,layout:a,setLayout:u,fullscreenPaneId:m,setFullscreenPaneId:E,locked:v,setLocked:T,findPaneById:x,findPaneContainingTab:S,findTabById:M,activeId:f,activeType:R,dismissIntentId:g,setContainerRef:D,snapThreshold:b,minSplitPercentage:I,maxSplitPercentage:k,onRemove:B,onResizeStart:Y,onResize:$,onResizeEnd:G,removePane:O,addPane:X,addTab:ee,updateTabMetadata:te,updatePaneLock:p,selectTab:y,mergeTab:Z,removeTab:w}=t,{portalTargets:C,registerPortalTarget:c}=_e(),[d,q]=Ot.useState(null),[P,ne]=Ot.useState(null),V=Qe({...t,setOverTabId:q,setOverTabPosition:ne}),A=Ot.useCallback(H=>n(H),[n]),J=Ot.useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview]),re=Ot.useCallback((H,K)=>{G&&G(H,K);},[G]),N=Ot.useMemo(()=>({layout:a,setLayout:u,renderPane:A,activeId:f,dismissIntentId:g,overTabId:d,overTabPosition:P,setContainerRef:D,fullscreenPaneId:m,classNames:J,onRemove:B,onFullscreenChange:E,snapThreshold:b,onResizeStart:Y,onResize:$,onResizeEnd:re,minSplitPercentage:I,maxSplitPercentage:k,locked:v,setLocked:T,findPaneById:x,findPaneContainingTab:S,findTabById:M}),[a,f,g,d,P,D,m,J,B,E,b,Y,$,I,k,u,A,re,v,T,x,S,M]),L=Ot.useMemo(()=>({removePane:O,addPane:X,addTab:ee,updateTabMetadata:te,updatePaneLock:p,selectTab:y,mergeTab:Z,removeTab:w}),[O,X,ee,te,p,y,Z,w]),z=Ot.useMemo(()=>{let H=[];function K(j){j&&(j.type==="pane"?H.push(...j.tabs):(K(j.first),K(j.second)));}return K(a),H},[a]),oe=Ot.useMemo(()=>({registerPortalTarget:c}),[c]);return jsxRuntime.jsx(He.Provider,{value:L,children:jsxRuntime.jsx(ke.Provider,{value:N,children:jsxRuntime.jsxs(Ce.Provider,{value:oe,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",...V,children:i}),f&&R&&r&&jsxRuntime.jsx(et,{activeId:f,render:H=>r(H,R),className:`${o.dragOverlay||""} ${f===g&&o.dismissPreview||""}`.trim()}),jsxRuntime.jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:z.map(H=>jsxRuntime.jsx(tt,{tabId:H,target:C[H]||null,renderWidget:s},H))})]})})})};function Fe({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:r,snapThreshold:o,layout:i,currentNode:a,onLayoutChange:u,onResizeStart:m,onResizeEnd:E,parentLeft:v,parentTop:T,parentWidth:x,parentHeight:S}){let{onResizeStart:M,onResize:f,onResizeEnd:R,minSplitPercentage:g=5,maxSplitPercentage:D=95,locked:b=false}=se();return Ot.useCallback(I=>{if(b)return;I.preventDefault();let k=e.current;if(!k)return;m&&m(),M&&M(a);let B=k.getBoundingClientRect(),Y=I.clientX,$=I.clientY,G=s,O=I.currentTarget,X=B.left+B.width*(v/100),ee=B.top+B.height*(T/100),te=B.width*(x/100),p=B.height*(S/100),Z=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(C=>C!==O&&C.getAttribute("data-direction")===n).map(C=>{let c=C.getBoundingClientRect();return t?c.left+c.width/2:c.top+c.height/2}),w=G;De({cursor:t?"col-resize":"row-resize",resizerEl:O,onMove:C=>{let c=t?(C.clientX-Y)/te*100:(C.clientY-$)/p*100,d=G+c,q=t?X+(te-r)*(d/100)+r/2:ee+(p-r)*(d/100)+r/2,P=1/0,ne=null;for(let re of Z){let N=Math.abs(q-re);N<o&&N<P&&(P=N,ne=re);}let V=d;ne!==null&&(V=t?(ne-r/2-X)/(te-r)*100:(ne-r/2-ee)/(p-r)*100);let A=Math.max(g,Math.min(D,V));w=A;let J=me(i,a,A);if(J){let{panes:re,splitters:N}=le(J),L=e.current;if(L){for(let z of re)L.style.setProperty(`--pane-left-${z.paneId}`,`${z.left}%`),L.style.setProperty(`--pane-top-${z.paneId}`,`${z.top}%`),L.style.setProperty(`--pane-width-${z.paneId}`,`${z.width}%`),L.style.setProperty(`--pane-height-${z.paneId}`,`${z.height}%`);for(let z of N)L.style.setProperty(`--splitter-pos-${z.id}`,`${z.direction==="row"?z.left:z.top}%`);}}f&&f(a,A);},onEnd:()=>{let C=me(i,a,w),c=e.current;if(c){let{panes:d,splitters:q}=le(C);for(let P of d)c.style.removeProperty(`--pane-left-${P.paneId}`),c.style.removeProperty(`--pane-top-${P.paneId}`),c.style.removeProperty(`--pane-width-${P.paneId}`),c.style.removeProperty(`--pane-height-${P.paneId}`);for(let P of q)c.style.removeProperty(`--splitter-pos-${P.id}`);}u(C),E&&E(),R&&R(a,w);}});},[e,t,n,s,r,o,i,a,u,m,E,M,f,R,g,D,v,T,x,S])}var Ut=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:r,setLayout:o,classNames:i,locked:a}=se(),[u,m]=Ot.useState(false),{currentNode:E,direction:v,left:T,top:x,width:S,height:M,parentLeft:f,parentTop:R,parentWidth:g,parentHeight:D}=e,b=v==="row",I=Fe({containerRef:s,isRow:b,direction:v,splitPercentage:E.splitPercentage,resizerSize:t,snapThreshold:n,layout:r,currentNode:E,onLayoutChange:o,onResizeStart:()=>m(true),onResizeEnd:()=>m(false),parentLeft:f,parentTop:R,parentWidth:g,parentHeight:D}),k=b?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${T}%) - ${t/2}px)`,top:`calc(${x}% + ${t/2}px)`,width:`${t}px`,height:`calc(${M}% - ${t}px)`,cursor:a?"default":"col-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${T}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${x}%) - ${t/2}px)`,width:`calc(${S}% - ${t}px)`,height:`${t}px`,cursor:a?"default":"row-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsxRuntime.jsx("div",{className:i.resizer||"","data-direction":v,"data-resizing":u||void 0,style:k,onPointerDown:I,role:"separator","aria-valuenow":E.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},_t=Ot__default.default.memo(({paneId:e,renderPane:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),Yt=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:r,activeId:o,dismissIntentId:i,setContainerRef:a,fullscreenPaneId:u,snapThreshold:m,locked:E,classNames:v}=se(),T=n!==void 0?n:m??8,x=e!==void 0?e:s,S=Ot.useRef(null),{panes:M,splitters:f}=Ot.useMemo(()=>x?le(x):{panes:[],splitters:[]},[x]);if(!x)return null;let R=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[M.map(g=>{let D=u===g.paneId;return jsxRuntime.jsx("div",{style:{position:"absolute",left:D?"0%":`var(--pane-left-${g.paneId}, ${g.left}%)`,top:D?"0%":`var(--pane-top-${g.paneId}, ${g.top}%)`,width:D?"100%":`var(--pane-width-${g.paneId}, ${g.width}%)`,height:D?"100%":`var(--pane-height-${g.paneId}, ${g.height}%)`,overflow:"hidden",zIndex:D?20:1,display:u&&!D?"none":"block",padding:D?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsxRuntime.jsx(_t,{paneId:g.paneId,renderPane:r})},g.paneId)}),!u&&f.map(g=>jsxRuntime.jsx(Ut,{splitter:g,resizerSize:t,snapThreshold:T,containerRef:S},g.id))]});if(e===void 0){let g=o!==null&&o===i,D=I=>{a(I),S.current=I;},b=`${v.dashboard||""} ${g&&v.dashboardDismissActive||""} ${E&&v.dashboardLocked||""}`.trim();return jsxRuntime.jsx("div",{ref:D,className:b,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:R()})}return jsxRuntime.jsx("div",{ref:S,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:R()})};var lt="zeugma-height:",Gt="default-pane";function Kt(e){try{let t=localStorage.getItem(lt+e);if(t!==null){let n=Number(t);if(Number.isFinite(n)&&n>0)return n}}catch{}return null}function at(e,t){try{localStorage.setItem(lt+e,String(Math.round(t)));}catch{}}var ct=({children:e,active:t=true,height:n,onHeightChange:s,minHeight:r=100,maxHeight:o=1/0,persist:i,localStorageKey:a,resizerHeight:u=6,className:m,resizerClassName:E})=>{let v=i?a||Gt:null,T=()=>{let b=(v?Kt(v):null)??n??400;return Me(b,r,o)},[x,S]=Ot.useState(T),M=Ot.useRef(null),f=v?x:n??x,R=Ot.useRef(n);Ot.useEffect(()=>{if(n!==void 0&&n!==R.current){let b=Me(n,r,o);S(b),v&&at(v,b);}R.current=n;},[n,r,o,v]);let g=Ot.useCallback(()=>o,[o]),D=Ot.useCallback(b=>{b.preventDefault();let I=b.clientY,k=f,B=g(),Y=b.currentTarget,$=ut(M.current),G=$?$.scrollTop:0,O=I,X=null,ee=(p,y)=>{let Z=y-G,C=p-I+Z,c=Me(k+C,r,B);return M.current&&(M.current.style.height=`${c}px`),c},te=()=>{if(!$)return;let p=$===document.documentElement||$===document.body?{top:0,bottom:window.innerHeight}:$.getBoundingClientRect(),y=40,Z=10,w=0;O>p.bottom-y?w=Math.min(1,(O-(p.bottom-y))/y)*Z:O<p.top+y&&(w=-Math.min(1,(p.top+y-O)/y)*Z),w!==0&&($.scrollTop+=w,ee(O,$.scrollTop)),X=requestAnimationFrame(te);};X=requestAnimationFrame(te),De({cursor:"row-resize",resizerEl:Y,onMove:p=>{O=p.clientY,$&&ee(O,$.scrollTop);},onEnd:()=>{X!==null&&cancelAnimationFrame(X);let p=k;M.current&&(p=M.current.getBoundingClientRect().height),p=Me(p,r,B),S(p),s&&s(p),v&&at(v,p);}});},[f,r,g,s,v]);return t?jsxRuntime.jsxs("div",{ref:M,className:`zeugma-resizable-container ${m||""}`.trim(),style:{height:`${f}px`,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[jsxRuntime.jsx("div",{style:{height:`calc(100% - ${u}px)`,overflow:"hidden"},children:e}),jsxRuntime.jsx("div",{className:`zeugma-resizable-handle ${E||""}`.trim(),style:{height:`${u}px`,cursor:"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:D,role:"separator","aria-orientation":"horizontal","aria-valuenow":Math.round(f),"aria-valuemin":r,"aria-valuemax":o===1/0?void 0:o})]}):jsxRuntime.jsx("div",{className:`zeugma-resizable-container disabled ${m||""}`.trim(),style:{height:"100%",position:"relative",overflow:"hidden",boxSizing:"border-box"},children:jsxRuntime.jsx("div",{style:{height:"100%",overflow:"hidden"},children:e})})};function Me(e,t,n){return Math.max(t,Math.min(n,e))}function ut(e){if(typeof window>"u"||!e)return null;let t=e.parentElement;if(!t)return document.documentElement;let s=window.getComputedStyle(t).overflowY;return s==="auto"||s==="scroll"?t:ut(t)}var ze=Ot.createContext(null);var an={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},ln={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},dt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:s,style:an[t]}),r&&jsxRuntime.jsx("div",{className:n,style:ln[t]})]})},cn=({id:e,children:t,style:n,locked:s=false})=>{let r=Ot.useRef(null),{layout:o,activeId:i,classNames:a,fullscreenPaneId:u,onFullscreenChange:m,locked:E}=se(),{removePane:v,updateTabMetadata:T,selectTab:x,removeTab:S}=we(),M=Ot.useContext(Ce);if(!M)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:f}=M,R=Ot.useMemo(()=>Q(o,e),[o,e]),g=R?.id??e,D=R?.tabs??[e],b=R?.activeTabId??e,I=R?.tabsMetadata,k=I?.[e],B=R?.locked??false,Y=s||B,$=E||Y,G=E||Y,O=i!==null&&i!==e&&(!D.includes(i)||D.length>1)&&!G,{attributes:X,listeners:ee,setNodeRef:te}=core.useDraggable({id:e,disabled:$}),p=i!==null&&D.includes(i),y=u===e,Z=Ot.useCallback(()=>jsxRuntime.jsx("div",{ref:r,id:`zeugma-tab-target-${b}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[b]);Ot.useEffect(()=>{let d=r.current;return f(b,d),()=>{f(b,null);}},[b,f]);let w=Ot.useMemo(()=>({isDragging:p,isFullscreen:y,toggleFullscreen:()=>m?.(y?null:e),remove:()=>{y&&m?.(null),v(g);},metadata:k,updateMetadata:d=>{T(e,d);},locked:$,tabs:D,activeTabId:b,selectTab:d=>x(g,d),removeTab:d=>{y&&d===b&&m?.(null),S(d);},tabsMetadata:I,updateTabMetadata:(d,q)=>{T(d,q);},renderActiveTab:Z}),[p,y,m,e,S,k,T,$,D,b,x,g,I,Z]),C=Ot.useMemo(()=>$?{disabled:true}:{...ee,...X},[ee,X,$]),c=`${a.pane||""} ${Y&&a.paneLocked||""}`.trim();return jsxRuntime.jsx(ze.Provider,{value:C,children:jsxRuntime.jsxs("div",{ref:te,className:c,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(w),O&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(d=>jsxRuntime.jsx(dt,{id:`drop-${d}-${e}`,position:d,activeClassName:a.dropPreview},d))}),i!==null&&i!==e&&G&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsxRuntime.jsx(dt,{id:`drop-locked-${e}`,position:"full",activeClassName:a.lockedPreview||""})})]})})};var pn=({children:e,className:t,style:n})=>{let s=Ot.useContext(ze);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:r,...o}=s;return jsxRuntime.jsx("div",{className:t,style:{cursor:r?"default":"grab",userSelect:r?"auto":"none",touchAction:r?"auto":"none",...n},...r?{}:o,children:e})};var bn=({id:e,locked:t=false,children:n,className:s,style:r})=>{let{locked:o,classNames:i={},overTabId:a,overTabPosition:u}=se(),m=t||o,{attributes:E,listeners:v,setNodeRef:T,isDragging:x}=core.useDraggable({id:`tab-header-${e}`,disabled:m}),{setNodeRef:S,isOver:M}=core.useDroppable({id:`tab-drop-${e}`,disabled:m}),f=D=>{T(D),S(D);},R=M&&a===e,g=R?u:null;return jsxRuntime.jsxs("div",{ref:f,className:s,style:{display:"inline-flex",position:"relative",cursor:m?"default":"grab",...r},...m?{}:v,...m?{}:E,children:[n({isDragging:x,isOver:R}),R&&g&&jsxRuntime.jsx("div",{className:i.tabDropPreview||"",style:{position:"absolute",top:0,bottom:0,width:"2px",backgroundColor:"#6366f1",left:g==="before"?0:void 0,right:g==="after"?0:void 0,pointerEvents:"none",zIndex:10}})]})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=ht;exports.DEFAULT_RESIZER_SIZE=yn;exports.DEFAULT_SNAP_THRESHOLD=vt;exports.DragHandle=pn;exports.Pane=cn;exports.PaneTree=Yt;exports.PortalRegistryContext=Ce;exports.ResizableContainer=ct;exports.Tab=bn;exports.Zeugma=Ht;exports.ZeugmaActionsContext=He;exports.ZeugmaStateContext=ke;exports.createDragSession=De;exports.safeJsonStringify=Pe;exports.useResizer=Fe;exports.useZeugma=Tt;exports.useZeugmaActions=we;exports.useZeugmaContext=yt;exports.useZeugmaState=se;//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map