react-zeugma 6.1.2 → 6.2.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaDragStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './dom-R8IgsWVo.cjs';
-export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames, j as copyStyles, k as getOrCreateHiddenContainer } from './dom-R8IgsWVo.cjs';
+import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaDragStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './types-Kf7gkm94.cjs';
+export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames } from './types-Kf7gkm94.cjs';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaDragStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './dom-R8IgsWVo.js';
-export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames, j as copyStyles, k as getOrCreateHiddenContainer } from './dom-R8IgsWVo.js';
+import { P as PortalRegistryValue, Z as ZeugmaActionsValue, a as ZeugmaDragStateValue, b as ZeugmaStateValue, U as UseZeugmaOptions, c as ZeugmaController, d as ZeugmaContextValue, e as ZeugmaProps, S as SplitDirection, T as TreeNode, f as SplitNode } from './types-Kf7gkm94.js';
+export { g as PaneNode, h as TabDetails, i as ZeugmaClassNames } from './types-Kf7gkm94.js';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 

package/dist/index.js

@@ -1,8 +1,7 @@
-import jt,{createContext,useState,useRef,useEffect,useCallback,useContext,useMemo}from'react';import {DndContext,useDraggable,useSensors,useSensor,pointerWithin,closestCenter,useDroppable,PointerSensor,TouchSensor}from'@dnd-kit/core';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {createPortal}from'react-dom';function rt(e,t){let n=e.documentElement,s=t.documentElement;Array.from(s.attributes).forEach(i=>{s.removeAttribute(i.name);}),Array.from(n.attributes).forEach(i=>{s.setAttribute(i.name,i.value);});let o=e.body,r=t.body;Array.from(r.attributes).forEach(i=>{r.removeAttribute(i.name);}),Array.from(o.attributes).forEach(i=>{r.setAttribute(i.name,i.value);}),Array.from(e.querySelectorAll('link[rel="stylesheet"], style')).forEach(i=>{try{let l=i.cloneNode(!0);if(i.tagName.toLowerCase()==="style"){let u=i;u.sheet&&u.sheet.cssRules&&u.sheet.cssRules.length>0&&(l.textContent=Array.from(u.sheet.cssRules).map(f=>f.cssText).join(`
-`));}t.head.appendChild(l);}catch{try{t.head.appendChild(i.cloneNode(!0));}catch(l){console.error("Failed to copy style element:",l);}}});}function Xe(e){let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,t.style.display="none",document.body.appendChild(t)),t}function it(e){let t=useRef(null);return useEffect(()=>{if(!e){t.current=null;return}let n=o=>{t.current={x:o.clientX,y:o.clientY};},s=o=>{let r=o.touches[0]||o.changedTouches[0];r&&(t.current={x:r.clientX,y:r.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 at(e){useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function lt(){let[e,t]=useState({}),n=useRef(true);useEffect(()=>(n.current=true,()=>{n.current=false;}),[]);let s=useCallback((o,r)=>{n.current&&t(i=>i[o]===r?i:{...i,[o]:r});},[]);return {portalTargets:e,registerPortalTarget:s}}function ct({tabId:e,isOpenedInNewWindow:t,onClose:n}){let s=useRef(null),[o,r]=useState(null);return useEffect(()=>{let i=null;if(t){if(!s.current||s.current.closed){let l=`zeugma-tab-${e.replace(/[^a-zA-Z0-9]/g,"_")}`,u=window.open("",l,"width=800,height=600,menubar=no,toolbar=no,location=no,status=no,resizable=yes");if(u){s.current=u;let f=e.includes("/")?e.split("/").pop():e;u.document.title=f,rt(document,u.document);let m=u.document.createElement("div");m.id="zeugma-popup-root",u.document.body.appendChild(m),r(m),u.addEventListener("beforeunload",n),i=setInterval(()=>{u.closed&&n();},300);}else console.warn("Popup window blocked or failed to open."),n();}}else s.current&&!s.current.closed&&s.current.close(),s.current=null,r(null);return ()=>{i&&clearInterval(i),s.current&&s.current.removeEventListener("beforeunload",n);}},[t,e,n]),useEffect(()=>()=>{s.current&&!s.current.closed&&s.current.close();},[]),{popupWindow:s.current,popupContainer:o}}var zt=8,At=8,qn=4;function de(){return "pane-"+Math.random().toString(36).substring(2,11)}function he(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=he(e.first,t),s=he(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function fe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let o=e.tabs.filter(l=>l!==t);if(o.length===0)return null;let r=e.activeTabId;e.activeTabId===t&&(r=o[0]);let i={...e.tabsMetadata};return delete i[t],{...e,tabs:o,activeTabId:r,tabsMetadata:Object.keys(i).length>0?i:void 0}}return 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 Ce(e,t,n,s,o){if(e===null)return typeof o=="string"?{type:"pane",id:de(),tabs:[o],activeTabId:o}:o;if(e.type==="pane"){if(e.id===t){let r=typeof o=="string"?{type:"pane",id:de(),tabs:[o],activeTabId:o}:o,i=s==="left"||s==="top";return {type:"split",direction:n,first:i?r:e,second:i?e:r,splitPercentage:50}}return e}return {...e,first:Ce(e.first,t,n,s,o)||e.first,second:Ce(e.second,t,n,s,o)||e.second}}function ut(e,t,n){if(e===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0};function s(o,r){return o.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:o,second:{type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0}}:{...o,second:s(o.second,o.direction)}}return s(e,null)}function Te(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:Te(e.first,t,n)||e.first,second:Te(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 X(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:X(e.first,t)??X(e.second,t)}function dt(e,t){let n=X(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 Me(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let s=e.tabsMetadata||{},o=s[t],r=n(o),i={...s};return r===void 0?delete i[t]:i[t]=r,{...e,tabsMetadata:Object.keys(i).length>0?i:void 0}}return e}return {...e,first:Me(e.first,t,n)??e.first,second:Me(e.second,t,n)??e.second}}function Ze(e,t,n,s){if(e===null)return null;if(e.type==="pane"){if(e.id===t){let o=[...e.tabs];o.includes(n)||o.push(n);let r=e.tabsMetadata;return s&&(r={...e.tabsMetadata,[n]:s}),{...e,tabs:o,activeTabId:n,tabsMetadata:r}}return e}return {...e,first:Ze(e.first,t,n,s)||e.first,second:Ze(e.second,t,n,s)||e.second}}function ke(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:s,...o}=e;return o}return {...e,locked:n}}return e}return {...e,first:ke(e.first,t,n)??e.first,second:ke(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,activeTabId:n}:e:{...e,first:Re(e.first,t,n)??e.first,second:Re(e.second,t,n)??e.second}}function pt(e,t,n){if(e===null)return null;let o=X(e,t)?.tabsMetadata?.[t],r=fe(e,t);if(r===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function i(l){if(l.type==="pane"){if(l.id===n){let u=[...l.tabs];u.includes(t)||u.push(t);let f={...l.tabsMetadata};return o&&(f[t]=o),{...l,tabs:u,activeTabId:t,tabsMetadata:Object.keys(f).length>0?f:void 0}}return l}return {...l,first:i(l.first),second:i(l.second)}}return i(r)}function $e(e,t,n,s="before"){if(e===null)return null;let r=X(e,t)?.tabsMetadata?.[t],i=fe(e,t);if(i===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:r?{[t]:r}:void 0};function l(u){if(u.type==="pane"){if(u.tabs.includes(n)){let m=[...u.tabs].filter(P=>P!==t),h=m.indexOf(n);h<0&&(h=0),s==="after"&&(h+=1),m.splice(h,0,t);let T={...u.tabsMetadata};return r&&(T[t]=r),{...u,tabs:m,activeTabId:t,tabsMetadata:Object.keys(T).length>0?T:void 0}}return u}return {...u,first:l(u.first),second:l(u.second)}}return l(i)}function ge(e,t=0,n=0,s=100,o=100,r="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:s,height:o,node:e}],splitters:[]};let{direction:i,splitPercentage:l,first:u,second:f}=e,h={id:`splitter-${r}-${i}`,currentNode:e,direction:i,left:i==="row"?t+s*(l/100):t,top:i==="column"?n+o*(l/100):n,width:i==="row"?0:s,height:i==="column"?0:o,parentLeft:t,parentTop:n,parentWidth:s,parentHeight:o},T={panes:[],splitters:[]},P={panes:[],splitters:[]};if(i==="row"){let y=s*(l/100);T=ge(u,t,n,y,o,`${r}-L`),P=ge(f,t+y,n,s-y,o,`${r}-R`);}else {let y=o*(l/100);T=ge(u,t,n,s,y,`${r}-T`),P=ge(f,t,n+y,s,o-y,`${r}-B`);}return {panes:[...T.panes,...P.panes],splitters:[h,...T.splitters,...P.splitters]}}function ft(e,t,n,s){if(!(t==="tab"&&n&&e.includes(n))||!s)return  -1;let i=e.indexOf(n);return s==="before"?i:i+1}function Le(e){try{return JSON.stringify(e)}catch{return ""}}function Ht(e){let{initialLayout:t,layout:n,onChange:s,fullscreenPaneId:o,onFullscreenChange:r,locked:i=false,dragActivationDistance:l=8,snapThreshold:u=8,minSplitPercentage:f=5,maxSplitPercentage:m=95,enableDragToDismiss:h=false,dismissThreshold:T=60,onRemove:P,onDragStart:y,onDragEnd:E,onResizeStart:L,onResize:S,onResizeEnd:p,onDismissIntentChange:v}=e,[z,D]=useState(()=>n!==void 0?n:t??null),[H,W]=useState(()=>Le(n!==void 0?n:null)),[B,ee]=useState(o||null),[oe,te]=useState(i),[re,ie]=useState(null),[le,x]=useState({}),U=useCallback((d,R)=>{x(I=>I[d]===R?I:{...I,[d]:R});},[]),[A,M]=useState(null),[C,a]=useState(null),[Z,g]=useState(null),b=useRef(null),G=useCallback(d=>{b.current=d;},[]),k=useRef(z);k.current=z;let O=useRef(s);O.current=s;let F=useRef(r);F.current=r;let j=useCallback(d=>{ee(d),F.current?.(d);},[]);if(useEffect(()=>{te(i);},[i]),useEffect(()=>{o!==void 0&&ee(o);},[o]),n!==void 0){let d=Le(n);d!==H&&(W(d),D(n));}let c=useCallback(d=>(...R)=>{let I=k.current,_=d(I,...R);Le(I)!==Le(_)&&(k.current=_,D(_),O.current?.(_));},[]),N=useCallback(c((d,R)=>typeof R=="function"?R(d):R),[c]),se=useCallback(c((d,R)=>he(d,R)),[c]),q=useCallback(c((d,R,I)=>ut(d,R,I)),[c]),K=useCallback(c((d,R,I,_)=>{let pe=Q(d,R)??X(d,R);if(!pe)return d;let Ne=X(d,I),_e=Ne&&Ne.id===pe.id?d:fe(d,I)??d;return Ze(_e,pe.id,I,_)}),[c]),Ee=useCallback(c((d,R,I,_,pe)=>{let Ne=Q(d,R)??X(d,R);if(!Ne)return d;let ot=Q(d,pe)??X(d,pe)??{type:"pane",id:pe,tabs:[pe],activeTabId:pe},_e=he(d,pe);return Ce(_e,Ne.id,I,_,ot)}),[c]),ce=useCallback(c((d,R,I)=>Te(d,R,I)),[c]),ue=useCallback(c((d,R,I)=>Me(d,R,I)),[c]),J=useCallback(c((d,R,I)=>{let _=Q(d,R)??X(d,R);return _?ke(d,_.id,I):d}),[c]),me=useCallback(c((d,R,I)=>{let _=Q(d,R)??X(d,R);return _?Re(d,_.id,I):d}),[c]),$=useCallback(c((d,R,I)=>{let _=Q(d,I)??X(d,I);return _?pt(d,R,_.id):d}),[c]),ae=useCallback(c((d,R,I,_)=>$e(d,R,I,_)),[c]),V=useCallback(c((d,R)=>fe(d,R)),[c]),Pe=useCallback(d=>Q(k.current,d),[]),nt=useCallback(d=>X(k.current,d),[]),kt=useCallback(d=>dt(k.current,d),[]);return {layout:z,setLayout:N,layoutBeforeDrag:re,setLayoutBeforeDrag:ie,fullscreenPaneId:B,setFullscreenPaneId:j,locked:oe,setLocked:te,popoutTabs:le,activeId:A,setActiveId:M,activeType:C,setActiveType:a,dismissIntentId:Z,setDismissIntentId:g,containerRef:b,setContainerRef:G,dragActivationDistance:l,snapThreshold:u,minSplitPercentage:f,maxSplitPercentage:m,enableDragToDismiss:h,dismissThreshold:T,onRemove:P,onDragStart:y,onDragEnd:E,onResizeStart:L,onResize:S,onResizeEnd:p,onDismissIntentChange:v,removePane:se,addPane:q,addTab:K,splitPane:Ee,updateSplitPercentage:ce,updateTabMetadata:ue,updatePaneLock:J,selectTab:me,mergeTab:$,moveTab:ae,removeTab:V,setTabPopout:U,findPaneById:Pe,findPaneContainingTab:nt,findTabById:kt}}function gt({cursor:e,resizerEl:t,onMove:n,onEnd:s}){document.body.classList.add("zeugma-resizing");let o=document.createElement("style");o.id="zeugma-global-cursor-style",o.textContent=`
+import _t,{createContext,useState,useRef,useEffect,useCallback,useContext,useMemo}from'react';import {DndContext,useDraggable,useSensors,useSensor,pointerWithin,closestCenter,useDroppable,PointerSensor,TouchSensor}from'@dnd-kit/core';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {createPortal}from'react-dom';function tt(e){let t=useRef(null);return useEffect(()=>{if(!e){t.current=null;return}let n=o=>{t.current={x:o.clientX,y:o.clientY};},s=o=>{let r=o.touches[0]||o.changedTouches[0];r&&(t.current={x:r.clientX,y:r.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 nt(e){useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function ot(){let[e,t]=useState({}),n=useRef(true);useEffect(()=>(n.current=true,()=>{n.current=false;}),[]);let s=useCallback((o,r)=>{n.current&&t(a=>a[o]===r?a:{...a,[o]:r});},[]);return {portalTargets:e,registerPortalTarget:s}}var It=8,Lt=8,On=4;function de(){return "pane-"+Math.random().toString(36).substring(2,11)}function be(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=be(e.first,t),s=be(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function fe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let o=e.tabs.filter(l=>l!==t);if(o.length===0)return null;let r=e.activeTabId;e.activeTabId===t&&(r=o[0]);let a={...e.tabsMetadata};return delete a[t],{...e,tabs:o,activeTabId:r,tabsMetadata:Object.keys(a).length>0?a:void 0}}return 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 ye(e,t,n,s,o){if(e===null)return typeof o=="string"?{type:"pane",id:de(),tabs:[o],activeTabId:o}:o;if(e.type==="pane"){if(e.id===t){let r=typeof o=="string"?{type:"pane",id:de(),tabs:[o],activeTabId:o}:o,a=s==="left"||s==="top";return {type:"split",direction:n,first:a?r:e,second:a?e:r,splitPercentage:50}}return e}return {...e,first:ye(e.first,t,n,s,o)||e.first,second:ye(e.second,t,n,s,o)||e.second}}function rt(e,t,n){if(e===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0};function s(o,r){return o.type==="pane"?{type:"split",direction:r==="row"?"column":"row",splitPercentage:50,first:o,second:{type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0}}:{...o,second:s(o.second,o.direction)}}return s(e,null)}function Pe(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:Pe(e.first,t,n)||e.first,second:Pe(e.second,t,n)||e.second}:e}function j(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:j(e.first,t)??j(e.second,t)}function B(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:B(e.first,t)??B(e.second,t)}function st(e,t){let n=B(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 Ee(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let s=e.tabsMetadata||{},o=s[t],r=n(o),a={...s};return r===void 0?delete a[t]:a[t]=r,{...e,tabsMetadata:Object.keys(a).length>0?a:void 0}}return e}return {...e,first:Ee(e.first,t,n)??e.first,second:Ee(e.second,t,n)??e.second}}function Ie(e,t,n,s){if(e===null)return null;if(e.type==="pane"){if(e.id===t){let o=[...e.tabs];o.includes(n)||o.push(n);let r=e.tabsMetadata;return s&&(r={...e.tabsMetadata,[n]:s}),{...e,tabs:o,activeTabId:n,tabsMetadata:r}}return e}return {...e,first:Ie(e.first,t,n,s)||e.first,second:Ie(e.second,t,n,s)||e.second}}function Le(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:s,...o}=e;return o}return {...e,locked:n}}return e}return {...e,first:Le(e.first,t,n)??e.first,second:Le(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,activeTabId:n}:e:{...e,first:Re(e.first,t,n)??e.first,second:Re(e.second,t,n)??e.second}}function it(e,t,n){if(e===null)return null;let o=B(e,t)?.tabsMetadata?.[t],r=fe(e,t);if(r===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function a(l){if(l.type==="pane"){if(l.id===n){let d=[...l.tabs];d.includes(t)||d.push(t);let p={...l.tabsMetadata};return o&&(p[t]=o),{...l,tabs:d,activeTabId:t,tabsMetadata:Object.keys(p).length>0?p:void 0}}return l}return {...l,first:a(l.first),second:a(l.second)}}return a(r)}function Me(e,t,n,s="before"){if(e===null)return null;let r=B(e,t)?.tabsMetadata?.[t],a=fe(e,t);if(a===null)return {type:"pane",id:de(),tabs:[t],activeTabId:t,tabsMetadata:r?{[t]:r}:void 0};function l(d){if(d.type==="pane"){if(d.tabs.includes(n)){let g=[...d.tabs].filter(w=>w!==t),P=g.indexOf(n);P<0&&(P=0),s==="after"&&(P+=1),g.splice(P,0,t);let y={...d.tabsMetadata};return r&&(y[t]=r),{...d,tabs:g,activeTabId:t,tabsMetadata:Object.keys(y).length>0?y:void 0}}return d}return {...d,first:l(d.first),second:l(d.second)}}return l(a)}function ge(e,t=0,n=0,s=100,o=100,r="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:s,height:o,node:e}],splitters:[]};let{direction:a,splitPercentage:l,first:d,second:p}=e,P={id:`splitter-${r}-${a}`,currentNode:e,direction:a,left:a==="row"?t+s*(l/100):t,top:a==="column"?n+o*(l/100):n,width:a==="row"?0:s,height:a==="column"?0:o,parentLeft:t,parentTop:n,parentWidth:s,parentHeight:o},y={panes:[],splitters:[]},w={panes:[],splitters:[]};if(a==="row"){let x=s*(l/100);y=ge(d,t,n,x,o,`${r}-L`),w=ge(p,t+x,n,s-x,o,`${r}-R`);}else {let x=o*(l/100);y=ge(d,t,n,s,x,`${r}-T`),w=ge(p,t,n+x,s,o-x,`${r}-B`);}return {panes:[...y.panes,...w.panes],splitters:[P,...y.splitters,...w.splitters]}}function at(e,t,n,s){if(!(t==="tab"&&n&&e.includes(n))||!s)return  -1;let a=e.indexOf(n);return s==="before"?a:a+1}function Ne(e){try{return JSON.stringify(e)}catch{return ""}}function Mt(e){let{initialLayout:t,layout:n,onChange:s,fullscreenPaneId:o,onFullscreenChange:r,locked:a=false,dragActivationDistance:l=8,snapThreshold:d=8,minSplitPercentage:p=5,maxSplitPercentage:g=95,enableDragToDismiss:P=false,dismissThreshold:y=60,onRemove:w,onDragStart:x,onDragEnd:k,onResizeStart:L,onResize:M,onResizeEnd:u,onDismissIntentChange:T}=e,[N,E]=useState(()=>n!==void 0?n:t??null),[A,J]=useState(()=>Ne(n!==void 0?n:null)),[q,W]=useState(o||null),[ee,te]=useState(a),[ie,ne]=useState(null),[le,D]=useState(null),[O,$]=useState(null),[z,R]=useState(null),i=useRef(null),h=useCallback(c=>{i.current=c;},[]),v=useRef(N);v.current=N;let b=useRef(s);b.current=s;let U=useRef(r);U.current=r;let F=useCallback(c=>{W(c),U.current?.(c);},[]);if(useEffect(()=>{te(a);},[a]),useEffect(()=>{o!==void 0&&W(o);},[o]),n!==void 0){let c=Ne(n);c!==A&&(J(c),E(n));}let f=useCallback(c=>(...S)=>{let H=v.current,V=c(H,...S);Ne(H)!==Ne(V)&&(v.current=V,E(V),b.current?.(V));},[]),G=useCallback(f((c,S)=>typeof S=="function"?S(c):S),[f]),m=useCallback(f((c,S)=>be(c,S)),[f]),C=useCallback(f((c,S,H)=>rt(c,S,H)),[f]),Z=useCallback(f((c,S,H,V)=>{let pe=j(c,S)??B(c,S);if(!pe)return c;let we=B(c,H),We=we&&we.id===pe.id?c:fe(c,H)??c;return Ie(We,pe.id,H,V)}),[f]),oe=useCallback(f((c,S,H,V,pe)=>{let we=j(c,S)??B(c,S);if(!we)return c;let je=j(c,pe)??B(c,pe)??{type:"pane",id:pe,tabs:[pe],activeTabId:pe},We=be(c,pe);return ye(We,we.id,H,V,je)}),[f]),K=useCallback(f((c,S,H)=>Pe(c,S,H)),[f]),Q=useCallback(f((c,S,H)=>Ee(c,S,H)),[f]),Se=useCallback(f((c,S,H)=>{let V=j(c,S)??B(c,S);return V?Le(c,V.id,H):c}),[f]),ce=useCallback(f((c,S,H)=>{let V=j(c,S)??B(c,S);return V?Re(c,V.id,H):c}),[f]),ue=useCallback(f((c,S,H)=>{let V=j(c,H)??B(c,H);return V?it(c,S,V.id):c}),[f]),I=useCallback(f((c,S,H,V)=>Me(c,S,H,V)),[f]),re=useCallback(f((c,S)=>fe(c,S)),[f]),X=useCallback(c=>j(v.current,c),[]),me=useCallback(c=>B(v.current,c),[]),se=useCallback(c=>st(v.current,c),[]);return {layout:N,setLayout:G,layoutBeforeDrag:ie,setLayoutBeforeDrag:ne,fullscreenPaneId:q,setFullscreenPaneId:F,locked:ee,setLocked:te,activeId:le,setActiveId:D,activeType:O,setActiveType:$,dismissIntentId:z,setDismissIntentId:R,containerRef:i,setContainerRef:h,dragActivationDistance:l,snapThreshold:d,minSplitPercentage:p,maxSplitPercentage:g,enableDragToDismiss:P,dismissThreshold:y,onRemove:w,onDragStart:x,onDragEnd:k,onResizeStart:L,onResize:M,onResizeEnd:u,onDismissIntentChange:T,removePane:m,addPane:C,addTab:Z,splitPane:oe,updateSplitPercentage:K,updateTabMetadata:Q,updatePaneLock:Se,selectTab:ce,mergeTab:ue,moveTab:I,removeTab:re,findPaneById:X,findPaneContainingTab:me,findTabById:se}}function ct({cursor:e,resizerEl:t,onMove:n,onEnd:s}){document.body.classList.add("zeugma-resizing");let o=document.createElement("style");o.id="zeugma-global-cursor-style",o.textContent=`
     * {
       cursor: ${e} !important;
       user-select: none !important;
     }
-  `,document.head.appendChild(o),t.setAttribute("data-resizing","true");let r=l=>{n(l);},i=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let l=document.getElementById("zeugma-global-cursor-style");l&&l.remove(),document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",i),s();};document.addEventListener("pointermove",r),document.addEventListener("pointerup",i);}var Je=createContext(void 0),Ge=createContext(void 0),He=createContext(void 0),je=createContext(void 0),ne=()=>{let e=useContext(Je);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},we=()=>{let e=useContext(Ge);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},Oe=()=>{let e=useContext(je);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};var Ot=()=>{let e=ne(),t=we();return {...e,...t}};var Fe=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Ve=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function We(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 ht(e){let{layout:t,setLayout:n,layoutBeforeDrag:s,setLayoutBeforeDrag:o,activeId:r,setActiveId:i,setActiveType:l,dismissIntentId:u,setDismissIntentId:f,setOverTabId:m,setOverTabPosition:h,containerRef:T,dragActivationDistance:P,enableDragToDismiss:y,dismissThreshold:E,onRemove:L,onDragStart:S,onDragEnd:p,onDismissIntentChange:v,removeTab:z}=e,D=useRef(null),H=it(r),[W,B]=useState(false);at(W);let ee=useSensors(useSensor(Fe,{activationConstraint:{distance:P}}),useSensor(Ve,{activationConstraint:{delay:250,tolerance:5}})),oe=useCallback(x=>{let A=x.active.id.toString().startsWith("tab-header-"),M=pointerWithin(x),C=A?M:M.filter(a=>!a.id.toString().startsWith("tab-drop-"));if(C.length>0)return [...C].sort((Z,g)=>{let b=Z.id.toString(),G=g.id.toString();if(A){let F=b.startsWith("tab-drop-"),j=G.startsWith("tab-drop-");if(F&&!j)return  -1;if(!F&&j)return 1}let k=b.startsWith("drop-root-"),O=G.startsWith("drop-root-");return k&&!O?-1:!k&&O?1:0});if(A){let a=x.droppableContainers.filter(Z=>Z.id.toString().startsWith("tab-drop-"));return closestCenter({...x,droppableContainers:a})}return []},[]);return {sensors:ee,collisionDetection:oe,onDragStart:x=>{let U=x.active.id.toString(),A=U.startsWith("tab-header-"),M=A?U.substring(11):U;i(M),l(A?"tab":"pane"),m(null),h(null);let C=x.activatorEvent;H.current=We(C),y&&T.current?D.current=T.current.getBoundingClientRect():D.current=null;let a=t;if(A){let Z=X(t,M);Z&&(a=Re(t,Z.id,M)||t);}o(a),A&&a!==t&&n(a),S&&S(M);},onDragMove:x=>{let{over:U}=x,A=U?.id.toString()||"",M=A.startsWith("drop-locked-");B(c=>c===M?c:M);let C=x.active.id.toString(),a=C.startsWith("tab-header-"),Z=a?C.substring(11):C,g=A.match(/^tab-drop-(.+)$/);if(g&&U&&a){let[,c]=g;if(Z!==c){let w="before",N=U.rect,se=x.activatorEvent,q=null;if(H.current)q=H.current.x;else {let K=We(se);K&&(q=K.x+x.delta.x);}if(q!==null){let K=N.left+N.width/2;q>K&&(w="after");}m(K=>K===c?K:c),h(K=>K===w?K:w);}else m(w=>w===null?w:null),h(w=>w===null?w:null);}else m(c=>c===null?c:null),h(c=>c===null?c:null);if(!y)return;let b=D.current;if(!b){u!==null&&(f(null),v?.(null));return}let G=x.activatorEvent,k=null,O=null;if(H.current)k=H.current.x,O=H.current.y;else {let c=We(G);c&&(k=c.x+x.delta.x,O=c.y+x.delta.y);}let F=0;if(k!==null&&O!==null){let c=0,w=0;k<b.left?c=b.left-k:k>b.right&&(c=k-b.right),O<b.top?w=b.top-O:O>b.bottom&&(w=O-b.bottom),F=Math.sqrt(c*c+w*w);}else {let c=x.active.rect.current.translated;if(c){let w=c.left+c.width/2,N=c.top+c.height/2,se=0,q=0;w<b.left?se=b.left-w:w>b.right&&(se=w-b.right),N<b.top?q=b.top-N:N>b.bottom&&(q=N-b.bottom),F=Math.sqrt(se*se+q*q);}}F>E?u!==Z&&(f(Z),v?.(Z)):u!==null&&(f(null),v?.(null));},onDragEnd:x=>{i(null),l(null),B(false),m(null),h(null);let{active:U,over:A}=x,M=U.id.toString(),C=M.startsWith("tab-header-"),a=C?M.substring(11):M,Z=y&&u===a;f(null),v?.(null),D.current=null;let g=s||t;if(o(null),Z){L?L(a):z(a),p&&p(a,null,null);return}if(!A){n(g),p&&p(a,null,null);return}let b=A.id.toString();if(b.startsWith("drop-locked-")){n(g),p&&p(a,null,null);return}let G=b.match(/^tab-drop-(.+)$/);if(G){if(!C){n(g),p&&p(a,null,null);return}let[,ce]=G;if(a!==ce){let ue="before",J=A.rect,me=x.activatorEvent,$=null;if(H.current)$=H.current.x;else {let V=We(me);V&&($=V.x+x.delta.x);}if($!==null){let V=J.left+J.width/2;$>V&&(ue="after");}let ae=$e(g,a,ce,ue);n(ae),p&&p(a,ce,{type:"move",position:"center"});}else n(g),p&&p(a,null,null);return}let k=b.match(/^drop-root-(1\/4|1\/3)-(top|bottom|left|right|start|end)$/);if(k){let[,ce,ue]=k,J=ue;J==="start"&&(J="left"),J==="end"&&(J="right");let me=C?fe(g,a):he(g,a),$;if(C){let V=X(g,a)?.tabsMetadata?.[a];$={type:"pane",id:de(),tabs:[a],activeTabId:a,tabsMetadata:V?{[a]:V}:void 0};}else $=Q(g,a)??{type:"pane",id:de(),tabs:[a],activeTabId:a};if(me===null)n($);else {let ae=J==="left"||J==="right",V=J==="left"||J==="top",Pe=50;ce==="1/4"?Pe=V?25:75:ce==="1/3"&&(Pe=V?100/3:200/3),n({type:"split",direction:ae?"row":"column",first:V?$:me,second:V?me:$,splitPercentage:Pe});}p&&p(a,"root",{type:"split",direction:J==="left"||J==="right"?"row":"column",position:J});return}let O=b.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!O){n(g),p&&p(a,null,null);return}let[,F,j]=O,c=C?X(g,a):Q(g,a),w=c&&c.id===j,N=c&&c.tabs.length===1;if(a===j||w&&N){n(g),p&&p(a,null,null);return}let se=F==="left"||F==="right"?"row":"column",q;if(C){let ue=X(g,a)?.tabsMetadata?.[a];q={type:"pane",id:de(),tabs:[a],activeTabId:a,tabsMetadata:ue?{[a]:ue}:void 0};}else q=Q(g,a)??{type:"pane",id:de(),tabs:[a],activeTabId:a};let K=C?fe(g,a):he(g,a),Ee=Ce(K,j,se,F,q);n(Ee),p&&p(a,j,{type:"split",direction:se,position:F});},onDragCancel:()=>{i(null),l(null),B(false),m(null),h(null),f(null),v?.(null),D.current=null,s!==null&&(n(s),o(null));}}}var vt=({activeId:e,render:t,className:n})=>{let s=useRef(null);return useEffect(()=>{let o=r=>{s.current&&(s.current.style.transform=`translate(${r.clientX+12}px, ${r.clientY+12}px)`);};return document.addEventListener("pointermove",o),()=>document.removeEventListener("pointermove",o)},[]),jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var Pt=jt.memo(({tabId:e,target:t,renderWidget:n})=>{let[s,o]=useState(false),r=useRef(null),{popoutTabs:i}=ne(),{setTabPopout:l}=we(),u=!!i[e];useEffect(()=>{o(true);},[]);let f=useCallback(()=>{r.current&&(document.adoptNode(r.current),Xe("zeugma-hidden-portal-container").appendChild(r.current)),l(e,false);},[e,l]),{popupWindow:m,popupContainer:h}=ct({tabId:e,isOpenedInNewWindow:u,onClose:f});if(useEffect(()=>{if(!s||!r.current)return;let P=r.current;u?h&&m&&(m.document.adoptNode(P),h.appendChild(P)):(document.adoptNode(P),t?t.appendChild(P):Xe("zeugma-hidden-portal-container").appendChild(P));},[t,s,u,h,m]),useEffect(()=>()=>{r.current&&r.current.remove();},[]),!s)return null;r.current||(r.current=document.createElement("div"),r.current.className=`zeugma-portal-wrapper-${e}`,r.current.style.width="100%",r.current.style.height="100%");let T=r.current;return !T||!n?null:createPortal(n(e),T)});var on=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:o,classNames:r={},children:i,layout:l,setLayout:u,fullscreenPaneId:f,setFullscreenPaneId:m,locked:h,setLocked:T,popoutTabs:P,findPaneById:y,findPaneContainingTab:E,findTabById:L,activeId:S,activeType:p,dismissIntentId:v,setContainerRef:z,layoutBeforeDrag:D,snapThreshold:H,minSplitPercentage:W,maxSplitPercentage:B,onRemove:ee,onResizeStart:oe,onResize:te,onResizeEnd:re,removePane:ie,addPane:le,addTab:x,updateTabMetadata:U,updatePaneLock:A,selectTab:M,mergeTab:C,removeTab:a,splitPane:Z,updateSplitPercentage:g,moveTab:b,setTabPopout:G}=t,{portalTargets:k,registerPortalTarget:O}=lt(),[F,j]=useState(null),[c,w]=useState(null),N=ht({...t,setOverTabId:j,setOverTabPosition:w}),se=useCallback($=>n($),[n]),q=useMemo(()=>r,[r.dashboard,r.dashboardDismissActive,r.pane,r.paneLocked,r.dropPreview,r.dragOverlay,r.resizer,r.dismissPreview,r.dashboardLocked,r.lockedPreview,r.tabDropPreview,r.tabSeparator]),K=useCallback(($,ae)=>{re&&re($,ae);},[re]),Ee=useMemo(()=>({layout:l,setLayout:u,renderPane:se,activeId:S,activeType:p,dismissIntentId:v,setContainerRef:z,fullscreenPaneId:f,classNames:q,onRemove:ee,onFullscreenChange:m,snapThreshold:H,onResizeStart:oe,onResize:te,onResizeEnd:K,minSplitPercentage:W,maxSplitPercentage:B,locked:h,setLocked:T,popoutTabs:P,findPaneById:y,findPaneContainingTab:E,findTabById:L}),[l,S,p,v,z,f,q,ee,m,H,oe,te,W,B,u,se,K,h,T,P,y,E,L]),ce=useMemo(()=>({overTabId:F,overTabPosition:c}),[F,c]),ue=useMemo(()=>({removePane:ie,addPane:le,addTab:x,updateTabMetadata:U,updatePaneLock:A,selectTab:M,mergeTab:C,removeTab:a,setFullscreenPaneId:m,setLocked:T,splitPane:Z,updateSplitPercentage:g,moveTab:b,setTabPopout:G}),[ie,le,x,U,A,M,C,a,m,T,Z,g,b,G]),J=useMemo(()=>{let $=new Set;function ae(V){V&&(V.type==="pane"?V.tabs.forEach(Pe=>{$.add(Pe);}):(ae(V.first),ae(V.second)));}return ae(l),D&&ae(D),Array.from($).sort()},[l,S,D]),me=useMemo(()=>({registerPortalTarget:O}),[O]);return jsx(Ge.Provider,{value:ue,children:jsx(Je.Provider,{value:Ee,children:jsx(je.Provider,{value:ce,children:jsxs(He.Provider,{value:me,children:[jsx(DndContext,{id:"zeugma-dnd-context",...N,children:i}),S&&p&&o&&jsx(vt,{activeId:S,render:$=>o($,p),className:`${r.dragOverlay||""} ${S===v&&r.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:J.map($=>jsx(Pt,{tabId:$,target:k[$]||null,renderWidget:s},$))})]})})})})};var an={top:{"1/4":{position:"absolute",top:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",top:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},bottom:{"1/4":{position:"absolute",bottom:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",bottom:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},left:{"1/4":{position:"absolute",left:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",left:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}},right:{"1/4":{position:"absolute",right:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",right:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}}},ln={top:{"1/4":{top:0,left:0,width:"100%",height:"25%"},"1/3":{top:0,left:0,width:"100%",height:"33.3333%"}},bottom:{"1/4":{bottom:0,left:0,width:"100%",height:"25%"},"1/3":{bottom:0,left:0,width:"100%",height:"33.3333%"}},left:{"1/4":{left:0,top:0,width:"25%",height:"100%"},"1/3":{left:0,top:0,width:"33.3333%",height:"100%"}},right:{"1/4":{right:0,top:0,width:"25%",height:"100%"},"1/3":{right:0,top:0,width:"33.3333%",height:"100%"}}},cn=({id:e,fraction:t,edge:n,activeClassName:s})=>{let{setNodeRef:o,isOver:r}=useDroppable({id:e}),i={position:"absolute",pointerEvents:"none",zIndex:101,boxSizing:"border-box",...ln[n][t]};return jsxs(Fragment,{children:[jsx("div",{ref:o,style:an[n][t]}),r&&jsx("div",{className:s,style:i})]})},xt=({activeClassName:e})=>jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:99,pointerEvents:"none"},children:[{id:"drop-root-1/3-top",fraction:"1/3",edge:"top"},{id:"drop-root-1/3-bottom",fraction:"1/3",edge:"bottom"},{id:"drop-root-1/4-left",fraction:"1/4",edge:"left"},{id:"drop-root-1/3-left",fraction:"1/3",edge:"left"},{id:"drop-root-1/4-right",fraction:"1/4",edge:"right"},{id:"drop-root-1/3-right",fraction:"1/3",edge:"right"}].map(n=>jsx(cn,{id:n.id,fraction:n.fraction,edge:n.edge,activeClassName:e},n.id))});function Qe({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:o,snapThreshold:r,layout:i,currentNode:l,onLayoutChange:u,onResizeStart:f,onResizeEnd:m,parentLeft:h,parentTop:T,parentWidth:P,parentHeight:y}){let{onResizeStart:E,onResize:L,onResizeEnd:S,minSplitPercentage:p=5,maxSplitPercentage:v=95,locked:z=false}=ne();return useCallback(D=>{if(z)return;D.preventDefault();let H=e.current;if(!H)return;f&&f(),E&&E(l);let W=H.getBoundingClientRect(),B=D.clientX,ee=D.clientY,oe=s,te=D.currentTarget,re=W.left+W.width*(h/100),ie=W.top+W.height*(T/100),le=W.width*(P/100),x=W.height*(y/100),A=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(C=>C!==te&&C.getAttribute("data-direction")===n).map(C=>{let a=C.getBoundingClientRect();return t?a.left+a.width/2:a.top+a.height/2}),M=oe;gt({cursor:t?"col-resize":"row-resize",resizerEl:te,onMove:C=>{let a=t?(C.clientX-B)/le*100:(C.clientY-ee)/x*100,Z=oe+a,g=t?re+(le-o)*(Z/100)+o/2:ie+(x-o)*(Z/100)+o/2,b=1/0,G=null;for(let j of A){let c=Math.abs(g-j);c<r&&c<b&&(b=c,G=j);}let k=Z;G!==null&&(k=t?(G-o/2-re)/(le-o)*100:(G-o/2-ie)/(x-o)*100);let O=Math.max(p,Math.min(v,k));M=O;let F=Te(i,l,O);if(F){let{panes:j,splitters:c}=ge(F),w=e.current;if(w){for(let N of j)w.style.setProperty(`--pane-left-${N.paneId}`,`${N.left}%`),w.style.setProperty(`--pane-top-${N.paneId}`,`${N.top}%`),w.style.setProperty(`--pane-width-${N.paneId}`,`${N.width}%`),w.style.setProperty(`--pane-height-${N.paneId}`,`${N.height}%`);for(let N of c)w.style.setProperty(`--splitter-pos-${N.id}`,`${N.direction==="row"?N.left:N.top}%`);}}L&&L(l,O);},onEnd:()=>{let C=Te(i,l,M),a=e.current;if(a){let{panes:Z,splitters:g}=ge(C);for(let b of Z)a.style.removeProperty(`--pane-left-${b.paneId}`),a.style.removeProperty(`--pane-top-${b.paneId}`),a.style.removeProperty(`--pane-width-${b.paneId}`),a.style.removeProperty(`--pane-height-${b.paneId}`);for(let b of g)a.style.removeProperty(`--splitter-pos-${b.id}`);}u(C),m&&m(),S&&S(l,M);}});},[e,t,n,s,o,r,i,l,u,f,m,E,L,S,p,v,h,T,P,y])}var hn=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:o,setLayout:r,classNames:i,locked:l}=ne(),[u,f]=useState(false),{currentNode:m,direction:h,left:T,top:P,width:y,height:E,parentLeft:L,parentTop:S,parentWidth:p,parentHeight:v}=e,z=h==="row",D=Qe({containerRef:s,isRow:z,direction:h,splitPercentage:m.splitPercentage,resizerSize:t,snapThreshold:n,layout:o,currentNode:m,onLayoutChange:r,onResizeStart:()=>f(true),onResizeEnd:()=>f(false),parentLeft:L,parentTop:S,parentWidth:p,parentHeight:v}),H=z?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${T}%) - ${t/2}px)`,top:`calc(${P}% + ${t/2}px)`,width:`${t}px`,height:`calc(${E}% - ${t}px)`,cursor:l?"default":"col-resize",pointerEvents:l?"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}, ${P}%) - ${t/2}px)`,width:`calc(${y}% - ${t}px)`,height:`${t}px`,cursor:l?"default":"row-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:i.resizer||"","data-direction":h,"data-resizing":u||void 0,style:H,onPointerDown:D,role:"separator","aria-valuenow":m.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},vn=jt.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),Pn=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:o,activeId:r,dismissIntentId:i,setContainerRef:l,fullscreenPaneId:u,snapThreshold:f,locked:m,classNames:h}=ne(),T=n!==void 0?n:f??8,P=e!==void 0?e:s,y=useRef(null),{panes:E,splitters:L}=useMemo(()=>P?ge(P):{panes:[],splitters:[]},[P]);if(!P)return null;let S=()=>jsxs(Fragment,{children:[E.map(p=>{let v=u===p.paneId;return jsx("div",{style:{position:"absolute",left:v?"0%":`var(--pane-left-${p.paneId}, ${p.left}%)`,top:v?"0%":`var(--pane-top-${p.paneId}, ${p.top}%)`,width:v?"100%":`var(--pane-width-${p.paneId}, ${p.width}%)`,height:v?"100%":`var(--pane-height-${p.paneId}, ${p.height}%)`,overflow:"hidden",zIndex:v?20:1,display:u&&!v?"none":"block",padding:v?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsx(vn,{paneId:p.paneId,renderPane:o})},p.paneId)}),!u&&L.map(p=>jsx(hn,{splitter:p,resizerSize:t,snapThreshold:T,containerRef:y},p.id))]});if(e===void 0){let p=r!==null&&r===i,v=D=>{l(D),y.current=D;},z=`${h.dashboard||""} ${p&&h.dashboardDismissActive||""} ${m&&h.dashboardLocked||""}`.trim();return jsxs("div",{ref:v,className:z,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[S(),r!==null&&!m&&jsx(xt,{activeClassName:h.dropPreview})]})}return jsx("div",{ref:y,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:S()})};var Ue=createContext(null);var Sn={top:{position:"absolute",top:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},En={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"}},wt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:o}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:s,style:Sn[t]}),o&&jsx("div",{className:n,style:En[t]})]})},Nn=({id:e,children:t,style:n,locked:s=false})=>{let{layout:o,activeId:r,classNames:i,fullscreenPaneId:l,onFullscreenChange:u,locked:f}=ne(),{removePane:m,updateTabMetadata:h,selectTab:T,removeTab:P}=we(),y=useContext(He);if(!y)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:E}=y,L=useMemo(()=>Q(o,e),[o,e]),S=L?.id??e,p=L?.tabs??[e],v=L?.activeTabId??e,z=L?.tabsMetadata,D=z?.[e],H=L?.locked??false,W=s||H,B=f||W,ee=f||W,oe=r!==null&&r!==e&&(!p.includes(r)||p.length>1)&&!ee,{attributes:te,listeners:re,setNodeRef:ie}=useDraggable({id:e,disabled:B}),le=r!==null&&p.includes(r),x=l===e,[U,A]=useState(null);useEffect(()=>(E(v,U),()=>{E(v,null);}),[v,U,E]);let M=useCallback(()=>jsx("div",{ref:A,id:`zeugma-tab-target-${v}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[v]),C=useMemo(()=>({isDragging:le,isFullscreen:x,toggleFullscreen:()=>u?.(x?null:e),remove:()=>{x&&u?.(null),m(S);},metadata:D,updateMetadata:g=>{h(e,g);},locked:B,tabs:p,activeTabId:v,selectTab:g=>T(S,g),removeTab:g=>{x&&g===v&&u?.(null),P(g);},tabsMetadata:z,updateTabMetadata:(g,b)=>{h(g,b);},renderActiveTab:M}),[le,x,u,e,P,D,h,B,p,v,T,S,z,M]),a=useMemo(()=>B?{disabled:true}:{...re,...te},[re,te,B]),Z=`${i.pane||""} ${W&&i.paneLocked||""}`.trim();return jsx(Ue.Provider,{value:a,children:jsxs("div",{ref:ie,className:Z,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(C),oe&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(g=>jsx(wt,{id:`drop-${g}-${e}`,position:g,activeClassName:i.dropPreview},g))}),r!==null&&r!==e&&ee&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(wt,{id:`drop-locked-${e}`,position:"full",activeClassName:i.lockedPreview||""})})]})})};var Mn=({children:e,className:t,style:n})=>{let s=useContext(Ue);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:o,...r}=s;return jsx("div",{className:t,style:{cursor:o?"default":"grab",userSelect:o?"auto":"none",touchAction:o?"auto":"none",...n},...o?{}:r,children:e})};var It=createContext(void 0),Hn=()=>{let e=useContext(It);if(!e)throw new Error("useTabContext must be used within a Tab component");return e},Lt=({id:e,locked:t=false,children:n,className:s,style:o})=>{let{locked:r,classNames:i={},activeType:l}=ne(),{overTabId:u}=Oe(),f=useContext(tt),m=t||r||(f?.locked??false),{attributes:h,listeners:T,setNodeRef:P,isDragging:y}=useDraggable({id:`tab-header-${e}`,disabled:m}),{setNodeRef:E,isOver:L}=useDroppable({id:`tab-drop-${e}`,disabled:m||l==="pane"}),S=ie=>{P(ie),E(ie);},p=L&&u===e,v=f?.tabs||[],z=v.indexOf(e),D=f?.activeTabId,W=z>0&&e!==D&&v[z-1]!==D?jsx("div",{className:i.tabSeparator}):null,B=f?f.activeTabId===e:false,ee=f?.tabsMetadata?.[e],oe=useCallback(()=>{f?.selectTab(e);},[f,e]),te=useCallback(()=>{f?.removeTab(e);},[f,e]),re=useMemo(()=>({tabId:e,isActive:B,isDragging:y,isOver:p,metadata:ee,locked:m,selectTab:oe,removeTab:te}),[e,B,y,p,ee,m,oe,te]);return jsx(It.Provider,{value:re,children:jsxs("div",{ref:S,className:s,style:{display:"inline-flex",position:"relative",cursor:m?"default":"grab",...o},...m?{}:T,...m?{}:h,children:[W,n({isDragging:y,isOver:p})]})})};var tt=createContext(void 0);var Mt=(e,t)=>typeof e=="function"?e(t):e,Bn=({tabs:e,activeTabId:t,locked:n=false,tabsMetadata:s,selectTab:o,removeTab:r,renderTab:i,classNames:l,styles:u})=>{let{classNames:f={},activeType:m}=ne(),{overTabId:h,overTabPosition:T}=Oe(),P=useMemo(()=>({tabs:e,activeTabId:t,locked:n,tabsMetadata:s,selectTab:o,removeTab:r}),[e,t,n,s,o,r]),y=ft(e,m,h,T);return jsx(tt.Provider,{value:P,children:jsxs("div",{className:l?.container,style:{display:"flex",alignItems:"center",height:"100%",...u?.container},children:[e.map((E,L)=>{let S=s?.[E],p=Mt(l?.tab,E),v=Mt(u?.tab,E),z=L===y;return jsxs(jt.Fragment,{children:[z&&f.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:f.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:L===0?"none":"translateX(-50%)"}})}),jsx(Lt,{id:E,locked:n,className:p,style:v,children:({isDragging:D,isOver:H})=>i({tabId:E,activeTabId:t,isDragging:D,isOver:H,metadata:S,selectTab:o,removeTab:r})})]},E)}),y===e.length&&f.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:f.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:"translateX(-100%)"}})})]})})};export{At as DEFAULT_DRAG_ACTIVATION_DISTANCE,qn as DEFAULT_RESIZER_SIZE,zt as DEFAULT_SNAP_THRESHOLD,Mn as DragHandle,Nn as Pane,Pn as PaneTree,He as PortalRegistryContext,Bn as Tabs,on as Zeugma,Ge as ZeugmaActionsContext,je as ZeugmaDragContext,Je as ZeugmaStateContext,rt as copyStyles,gt as createDragSession,Xe as getOrCreateHiddenContainer,Le as safeJsonStringify,Qe as useResizer,Hn as useTabContext,Ht as useZeugma,we as useZeugmaActions,Ot as useZeugmaContext,Oe as useZeugmaDrag,ne as useZeugmaState};//# sourceMappingURL=index.js.map
+  `,document.head.appendChild(o),t.setAttribute("data-resizing","true");let r=l=>{n(l);},a=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let l=document.getElementById("zeugma-global-cursor-style");l&&l.remove(),document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",a),s();};document.addEventListener("pointermove",r),document.addEventListener("pointerup",a);}var Xe=createContext(void 0),Ye=createContext(void 0),$e=createContext(void 0),Je=createContext(void 0),ae=()=>{let e=useContext(Xe);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},ze=()=>{let e=useContext(Ye);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},Ae=()=>{let e=useContext(Je);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};var Zt=()=>{let e=ae(),t=ze();return {...e,...t}};var He=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Oe=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function Fe(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 dt(e){let{layout:t,setLayout:n,layoutBeforeDrag:s,setLayoutBeforeDrag:o,activeId:r,setActiveId:a,setActiveType:l,dismissIntentId:d,setDismissIntentId:p,setOverTabId:g,setOverTabPosition:P,containerRef:y,dragActivationDistance:w,enableDragToDismiss:x,dismissThreshold:k,onRemove:L,onDragStart:M,onDragEnd:u,onDismissIntentChange:T,removeTab:N}=e,E=useRef(null),A=tt(r),[J,q]=useState(false);nt(J);let W=useSensors(useSensor(He,{activationConstraint:{distance:w}}),useSensor(Oe,{activationConstraint:{delay:250,tolerance:5}})),ee=useCallback(D=>{let $=D.active.id.toString().startsWith("tab-header-"),z=pointerWithin(D),R=$?z:z.filter(i=>!i.id.toString().startsWith("tab-drop-"));if(R.length>0)return [...R].sort((h,v)=>{let b=h.id.toString(),U=v.id.toString();if($){let _=b.startsWith("tab-drop-"),G=U.startsWith("tab-drop-");if(_&&!G)return  -1;if(!_&&G)return 1}let F=b.startsWith("drop-root-"),f=U.startsWith("drop-root-");return F&&!f?-1:!F&&f?1:0});if($){let i=D.droppableContainers.filter(h=>h.id.toString().startsWith("tab-drop-"));return closestCenter({...D,droppableContainers:i})}return []},[]);return {sensors:W,collisionDetection:ee,onDragStart:D=>{let O=D.active.id.toString(),$=O.startsWith("tab-header-"),z=$?O.substring(11):O;a(z),l($?"tab":"pane"),g(null),P(null);let R=D.activatorEvent;A.current=Fe(R),x&&y.current?E.current=y.current.getBoundingClientRect():E.current=null;let i=t;if($){let h=B(t,z);h&&(i=Re(t,h.id,z)||t);}o(i),$&&i!==t&&n(i),M&&M(z);},onDragMove:D=>{let{over:O}=D,$=O?.id.toString()||"",z=$.startsWith("drop-locked-");q(m=>m===z?m:z);let R=D.active.id.toString(),i=R.startsWith("tab-header-"),h=i?R.substring(11):R,v=$.match(/^tab-drop-(.+)$/);if(v&&O&&i){let[,m]=v;if(h!==m){let C="before",Z=O.rect,oe=D.activatorEvent,K=null;if(A.current)K=A.current.x;else {let Q=Fe(oe);Q&&(K=Q.x+D.delta.x);}if(K!==null){let Q=Z.left+Z.width/2;K>Q&&(C="after");}g(Q=>Q===m?Q:m),P(Q=>Q===C?Q:C);}else g(C=>C===null?C:null),P(C=>C===null?C:null);}else g(m=>m===null?m:null),P(m=>m===null?m:null);if(!x)return;let b=E.current;if(!b){d!==null&&(p(null),T?.(null));return}let U=D.activatorEvent,F=null,f=null;if(A.current)F=A.current.x,f=A.current.y;else {let m=Fe(U);m&&(F=m.x+D.delta.x,f=m.y+D.delta.y);}let _=0;if(F!==null&&f!==null){let m=0,C=0;F<b.left?m=b.left-F:F>b.right&&(m=F-b.right),f<b.top?C=b.top-f:f>b.bottom&&(C=f-b.bottom),_=Math.sqrt(m*m+C*C);}else {let m=D.active.rect.current.translated;if(m){let C=m.left+m.width/2,Z=m.top+m.height/2,oe=0,K=0;C<b.left?oe=b.left-C:C>b.right&&(oe=C-b.right),Z<b.top?K=b.top-Z:Z>b.bottom&&(K=Z-b.bottom),_=Math.sqrt(oe*oe+K*K);}}_>k?d!==h&&(p(h),T?.(h)):d!==null&&(p(null),T?.(null));},onDragEnd:D=>{a(null),l(null),q(false),g(null),P(null);let{active:O,over:$}=D,z=O.id.toString(),R=z.startsWith("tab-header-"),i=R?z.substring(11):z,h=x&&d===i;p(null),T?.(null),E.current=null;let v=s||t;if(o(null),h){L?L(i):N(i),u&&u(i,null,null);return}if(!$){n(v),u&&u(i,null,null);return}let b=$.id.toString();if(b.startsWith("drop-locked-")){n(v),u&&u(i,null,null);return}let U=b.match(/^tab-drop-(.+)$/);if(U){if(!R){n(v),u&&u(i,null,null);return}let[,ce]=U;if(i!==ce){let ue="before",I=$.rect,re=D.activatorEvent,X=null;if(A.current)X=A.current.x;else {let se=Fe(re);se&&(X=se.x+D.delta.x);}if(X!==null){let se=I.left+I.width/2;X>se&&(ue="after");}let me=Me(v,i,ce,ue);n(me),u&&u(i,ce,{type:"move",position:"center"});}else n(v),u&&u(i,null,null);return}let F=b.match(/^drop-root-(1\/4|1\/3)-(top|bottom|left|right|start|end)$/);if(F){let[,ce,ue]=F,I=ue;I==="start"&&(I="left"),I==="end"&&(I="right");let re=R?fe(v,i):be(v,i),X;if(R){let se=B(v,i)?.tabsMetadata?.[i];X={type:"pane",id:de(),tabs:[i],activeTabId:i,tabsMetadata:se?{[i]:se}:void 0};}else X=j(v,i)??{type:"pane",id:de(),tabs:[i],activeTabId:i};if(re===null)n(X);else {let me=I==="left"||I==="right",se=I==="left"||I==="top",c=50;ce==="1/4"?c=se?25:75:ce==="1/3"&&(c=se?100/3:200/3),n({type:"split",direction:me?"row":"column",first:se?X:re,second:se?re:X,splitPercentage:c});}u&&u(i,"root",{type:"split",direction:I==="left"||I==="right"?"row":"column",position:I});return}let f=b.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!f){n(v),u&&u(i,null,null);return}let[,_,G]=f,m=R?B(v,i):j(v,i),C=m&&m.id===G,Z=m&&m.tabs.length===1;if(i===G||C&&Z){n(v),u&&u(i,null,null);return}let oe=_==="left"||_==="right"?"row":"column",K;if(R){let ue=B(v,i)?.tabsMetadata?.[i];K={type:"pane",id:de(),tabs:[i],activeTabId:i,tabsMetadata:ue?{[i]:ue}:void 0};}else K=j(v,i)??{type:"pane",id:de(),tabs:[i],activeTabId:i};let Q=R?fe(v,i):be(v,i),Se=ye(Q,G,oe,_,K);n(Se),u&&u(i,G,{type:"split",direction:oe,position:_});},onDragCancel:()=>{a(null),l(null),q(false),g(null),P(null),p(null),T?.(null),E.current=null,s!==null&&(n(s),o(null));}}}var pt=({activeId:e,render:t,className:n})=>{let s=useRef(null);return useEffect(()=>{let o=r=>{s.current&&(s.current.style.transform=`translate(${r.clientX+12}px, ${r.clientY+12}px)`);};return document.addEventListener("pointermove",o),()=>document.removeEventListener("pointermove",o)},[]),jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var ft=_t.memo(({tabId:e,target:t,renderWidget:n})=>{let[s,o]=useState(false),r=useRef(null);if(useEffect(()=>{o(true);},[]),useEffect(()=>{if(!s||!r.current)return;let l=r.current;if(t)t.appendChild(l);else {let d=document.getElementById("zeugma-hidden-portal-container");d||(d=document.createElement("div"),d.id="zeugma-hidden-portal-container",d.style.display="none",document.body.appendChild(d)),d.appendChild(l);}},[t,s]),useEffect(()=>()=>{r.current&&r.current.remove();},[]),!s)return null;r.current||(r.current=document.createElement("div"),r.current.className=`zeugma-portal-wrapper-${e}`,r.current.style.width="100%",r.current.style.height="100%");let a=r.current;return !a||!n?null:createPortal(n(e),a)});var Gt=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:o,classNames:r={},children:a,layout:l,setLayout:d,fullscreenPaneId:p,setFullscreenPaneId:g,locked:P,setLocked:y,findPaneById:w,findPaneContainingTab:x,findTabById:k,activeId:L,activeType:M,dismissIntentId:u,setContainerRef:T,layoutBeforeDrag:N,snapThreshold:E,minSplitPercentage:A,maxSplitPercentage:J,onRemove:q,onResizeStart:W,onResize:ee,onResizeEnd:te,removePane:ie,addPane:ne,addTab:le,updateTabMetadata:D,updatePaneLock:O,selectTab:$,mergeTab:z,removeTab:R,splitPane:i,updateSplitPercentage:h,moveTab:v}=t,{portalTargets:b,registerPortalTarget:U}=ot(),[F,f]=useState(null),[_,G]=useState(null),m=dt({...t,setOverTabId:f,setOverTabPosition:G}),C=useCallback(I=>n(I),[n]),Z=useMemo(()=>r,[r.dashboard,r.dashboardDismissActive,r.pane,r.paneLocked,r.dropPreview,r.dragOverlay,r.resizer,r.dismissPreview,r.dashboardLocked,r.lockedPreview,r.tabDropPreview,r.tabSeparator]),oe=useCallback((I,re)=>{te&&te(I,re);},[te]),K=useMemo(()=>({layout:l,setLayout:d,renderPane:C,activeId:L,activeType:M,dismissIntentId:u,setContainerRef:T,fullscreenPaneId:p,classNames:Z,onRemove:q,onFullscreenChange:g,snapThreshold:E,onResizeStart:W,onResize:ee,onResizeEnd:oe,minSplitPercentage:A,maxSplitPercentage:J,locked:P,setLocked:y,findPaneById:w,findPaneContainingTab:x,findTabById:k}),[l,L,M,u,T,p,Z,q,g,E,W,ee,A,J,d,C,oe,P,y,w,x,k]),Q=useMemo(()=>({overTabId:F,overTabPosition:_}),[F,_]),Se=useMemo(()=>({removePane:ie,addPane:ne,addTab:le,updateTabMetadata:D,updatePaneLock:O,selectTab:$,mergeTab:z,removeTab:R,setFullscreenPaneId:g,setLocked:y,splitPane:i,updateSplitPercentage:h,moveTab:v}),[ie,ne,le,D,O,$,z,R,g,y,i,h,v]),ce=useMemo(()=>{let I=new Set;function re(X){X&&(X.type==="pane"?X.tabs.forEach(me=>{I.add(me);}):(re(X.first),re(X.second)));}return re(l),N&&re(N),Array.from(I).sort()},[l,L,N]),ue=useMemo(()=>({registerPortalTarget:U}),[U]);return jsx(Ye.Provider,{value:Se,children:jsx(Xe.Provider,{value:K,children:jsx(Je.Provider,{value:Q,children:jsxs($e.Provider,{value:ue,children:[jsx(DndContext,{id:"zeugma-dnd-context",...m,children:a}),L&&M&&o&&jsx(pt,{activeId:L,render:I=>o(I,M),className:`${r.dragOverlay||""} ${L===u&&r.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:ce.map(I=>jsx(ft,{tabId:I,target:b[I]||null,renderWidget:s},I))})]})})})})};var jt={top:{"1/4":{position:"absolute",top:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",top:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},bottom:{"1/4":{position:"absolute",bottom:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",bottom:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},left:{"1/4":{position:"absolute",left:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",left:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}},right:{"1/4":{position:"absolute",right:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",right:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}}},en={top:{"1/4":{top:0,left:0,width:"100%",height:"25%"},"1/3":{top:0,left:0,width:"100%",height:"33.3333%"}},bottom:{"1/4":{bottom:0,left:0,width:"100%",height:"25%"},"1/3":{bottom:0,left:0,width:"100%",height:"33.3333%"}},left:{"1/4":{left:0,top:0,width:"25%",height:"100%"},"1/3":{left:0,top:0,width:"33.3333%",height:"100%"}},right:{"1/4":{right:0,top:0,width:"25%",height:"100%"},"1/3":{right:0,top:0,width:"33.3333%",height:"100%"}}},tn=({id:e,fraction:t,edge:n,activeClassName:s})=>{let{setNodeRef:o,isOver:r}=useDroppable({id:e}),a={position:"absolute",pointerEvents:"none",zIndex:101,boxSizing:"border-box",...en[n][t]};return jsxs(Fragment,{children:[jsx("div",{ref:o,style:jt[n][t]}),r&&jsx("div",{className:s,style:a})]})},bt=({activeClassName:e})=>jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:99,pointerEvents:"none"},children:[{id:"drop-root-1/3-top",fraction:"1/3",edge:"top"},{id:"drop-root-1/3-bottom",fraction:"1/3",edge:"bottom"},{id:"drop-root-1/4-left",fraction:"1/4",edge:"left"},{id:"drop-root-1/3-left",fraction:"1/3",edge:"left"},{id:"drop-root-1/4-right",fraction:"1/4",edge:"right"},{id:"drop-root-1/3-right",fraction:"1/3",edge:"right"}].map(n=>jsx(tn,{id:n.id,fraction:n.fraction,edge:n.edge,activeClassName:e},n.id))});function Ge({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:o,snapThreshold:r,layout:a,currentNode:l,onLayoutChange:d,onResizeStart:p,onResizeEnd:g,parentLeft:P,parentTop:y,parentWidth:w,parentHeight:x}){let{onResizeStart:k,onResize:L,onResizeEnd:M,minSplitPercentage:u=5,maxSplitPercentage:T=95,locked:N=false}=ae();return useCallback(E=>{if(N)return;E.preventDefault();let A=e.current;if(!A)return;p&&p(),k&&k(l);let J=A.getBoundingClientRect(),q=E.clientX,W=E.clientY,ee=s,te=E.currentTarget,ie=J.left+J.width*(P/100),ne=J.top+J.height*(y/100),le=J.width*(w/100),D=J.height*(x/100),$=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(R=>R!==te&&R.getAttribute("data-direction")===n).map(R=>{let i=R.getBoundingClientRect();return t?i.left+i.width/2:i.top+i.height/2}),z=ee;ct({cursor:t?"col-resize":"row-resize",resizerEl:te,onMove:R=>{let i=t?(R.clientX-q)/le*100:(R.clientY-W)/D*100,h=ee+i,v=t?ie+(le-o)*(h/100)+o/2:ne+(D-o)*(h/100)+o/2,b=1/0,U=null;for(let G of $){let m=Math.abs(v-G);m<r&&m<b&&(b=m,U=G);}let F=h;U!==null&&(F=t?(U-o/2-ie)/(le-o)*100:(U-o/2-ne)/(D-o)*100);let f=Math.max(u,Math.min(T,F));z=f;let _=Pe(a,l,f);if(_){let{panes:G,splitters:m}=ge(_),C=e.current;if(C){for(let Z of G)C.style.setProperty(`--pane-left-${Z.paneId}`,`${Z.left}%`),C.style.setProperty(`--pane-top-${Z.paneId}`,`${Z.top}%`),C.style.setProperty(`--pane-width-${Z.paneId}`,`${Z.width}%`),C.style.setProperty(`--pane-height-${Z.paneId}`,`${Z.height}%`);for(let Z of m)C.style.setProperty(`--splitter-pos-${Z.id}`,`${Z.direction==="row"?Z.left:Z.top}%`);}}L&&L(l,f);},onEnd:()=>{let R=Pe(a,l,z),i=e.current;if(i){let{panes:h,splitters:v}=ge(R);for(let b of h)i.style.removeProperty(`--pane-left-${b.paneId}`),i.style.removeProperty(`--pane-top-${b.paneId}`),i.style.removeProperty(`--pane-width-${b.paneId}`),i.style.removeProperty(`--pane-height-${b.paneId}`);for(let b of v)i.style.removeProperty(`--splitter-pos-${b.id}`);}d(R),g&&g(),M&&M(l,z);}});},[e,t,n,s,o,r,a,l,d,p,g,k,L,M,u,T,P,y,w,x])}var un=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:o,setLayout:r,classNames:a,locked:l}=ae(),[d,p]=useState(false),{currentNode:g,direction:P,left:y,top:w,width:x,height:k,parentLeft:L,parentTop:M,parentWidth:u,parentHeight:T}=e,N=P==="row",E=Ge({containerRef:s,isRow:N,direction:P,splitPercentage:g.splitPercentage,resizerSize:t,snapThreshold:n,layout:o,currentNode:g,onLayoutChange:r,onResizeStart:()=>p(true),onResizeEnd:()=>p(false),parentLeft:L,parentTop:M,parentWidth:u,parentHeight:T}),A=N?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${y}%) - ${t/2}px)`,top:`calc(${w}% + ${t/2}px)`,width:`${t}px`,height:`calc(${k}% - ${t}px)`,cursor:l?"default":"col-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${y}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${w}%) - ${t/2}px)`,width:`calc(${x}% - ${t}px)`,height:`${t}px`,cursor:l?"default":"row-resize",pointerEvents:l?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:a.resizer||"","data-direction":P,"data-resizing":d||void 0,style:A,onPointerDown:E,role:"separator","aria-valuenow":g.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},dn=_t.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),pn=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:o,activeId:r,dismissIntentId:a,setContainerRef:l,fullscreenPaneId:d,snapThreshold:p,locked:g,classNames:P}=ae(),y=n!==void 0?n:p??8,w=e!==void 0?e:s,x=useRef(null),{panes:k,splitters:L}=useMemo(()=>w?ge(w):{panes:[],splitters:[]},[w]);if(!w)return null;let M=()=>jsxs(Fragment,{children:[k.map(u=>{let T=d===u.paneId;return jsx("div",{style:{position:"absolute",left:T?"0%":`var(--pane-left-${u.paneId}, ${u.left}%)`,top:T?"0%":`var(--pane-top-${u.paneId}, ${u.top}%)`,width:T?"100%":`var(--pane-width-${u.paneId}, ${u.width}%)`,height:T?"100%":`var(--pane-height-${u.paneId}, ${u.height}%)`,overflow:"hidden",zIndex:T?20:1,display:d&&!T?"none":"block",padding:T?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsx(dn,{paneId:u.paneId,renderPane:o})},u.paneId)}),!d&&L.map(u=>jsx(un,{splitter:u,resizerSize:t,snapThreshold:y,containerRef:x},u.id))]});if(e===void 0){let u=r!==null&&r===a,T=E=>{l(E),x.current=E;},N=`${P.dashboard||""} ${u&&P.dashboardDismissActive||""} ${g&&P.dashboardLocked||""}`.trim();return jsxs("div",{ref:T,className:N,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[M(),r!==null&&!g&&jsx(bt,{activeClassName:P.dropPreview})]})}return jsx("div",{ref:x,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:M()})};var Be=createContext(null);var Tn={top:{position:"absolute",top:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},xn={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"}},Pt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:o}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:s,style:Tn[t]}),o&&jsx("div",{className:n,style:xn[t]})]})},yn=({id:e,children:t,style:n,locked:s=false})=>{let o=useRef(null),{layout:r,activeId:a,classNames:l,fullscreenPaneId:d,onFullscreenChange:p,locked:g}=ae(),{removePane:P,updateTabMetadata:y,selectTab:w,removeTab:x}=ze(),k=useContext($e);if(!k)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:L}=k,M=useMemo(()=>j(r,e),[r,e]),u=M?.id??e,T=M?.tabs??[e],N=M?.activeTabId??e,E=M?.tabsMetadata,A=E?.[e],J=M?.locked??false,q=s||J,W=g||q,ee=g||q,te=a!==null&&a!==e&&(!T.includes(a)||T.length>1)&&!ee,{attributes:ie,listeners:ne,setNodeRef:le}=useDraggable({id:e,disabled:W}),D=a!==null&&T.includes(a),O=d===e,$=useCallback(()=>jsx("div",{ref:o,id:`zeugma-tab-target-${N}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[N]);useEffect(()=>{let h=o.current;return L(N,h),()=>{L(N,null);}},[N,L]);let z=useMemo(()=>({isDragging:D,isFullscreen:O,toggleFullscreen:()=>p?.(O?null:e),remove:()=>{O&&p?.(null),P(u);},metadata:A,updateMetadata:h=>{y(e,h);},locked:W,tabs:T,activeTabId:N,selectTab:h=>w(u,h),removeTab:h=>{O&&h===N&&p?.(null),x(h);},tabsMetadata:E,updateTabMetadata:(h,v)=>{y(h,v);},renderActiveTab:$}),[D,O,p,e,x,A,y,W,T,N,w,u,E,$]),R=useMemo(()=>W?{disabled:true}:{...ne,...ie},[ne,ie,W]),i=`${l.pane||""} ${q&&l.paneLocked||""}`.trim();return jsx(Be.Provider,{value:R,children:jsxs("div",{ref:le,className:i,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(z),te&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(h=>jsx(Pt,{id:`drop-${h}-${e}`,position:h,activeClassName:l.dropPreview},h))}),a!==null&&a!==e&&ee&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(Pt,{id:`drop-locked-${e}`,position:"full",activeClassName:l.lockedPreview||""})})]})})};var Dn=({children:e,className:t,style:n})=>{let s=useContext(Be);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:o,...r}=s;return jsx("div",{className:t,style:{cursor:o?"default":"grab",userSelect:o?"auto":"none",touchAction:o?"auto":"none",...n},...o?{}:r,children:e})};var Ct=createContext(void 0),Ln=()=>{let e=useContext(Ct);if(!e)throw new Error("useTabContext must be used within a Tab component");return e},Dt=({id:e,locked:t=false,children:n,className:s,style:o})=>{let{locked:r,classNames:a={},activeType:l}=ae(),{overTabId:d}=Ae(),p=useContext(Qe),g=t||r||(p?.locked??false),{attributes:P,listeners:y,setNodeRef:w,isDragging:x}=useDraggable({id:`tab-header-${e}`,disabled:g}),{setNodeRef:k,isOver:L}=useDroppable({id:`tab-drop-${e}`,disabled:g||l==="pane"}),M=ne=>{w(ne),k(ne);},u=L&&d===e,T=p?.tabs||[],N=T.indexOf(e),E=p?.activeTabId,J=N>0&&e!==E&&T[N-1]!==E?jsx("div",{className:a.tabSeparator}):null,q=p?p.activeTabId===e:false,W=p?.tabsMetadata?.[e],ee=useCallback(()=>{p?.selectTab(e);},[p,e]),te=useCallback(()=>{p?.removeTab(e);},[p,e]),ie=useMemo(()=>({tabId:e,isActive:q,isDragging:x,isOver:u,metadata:W,locked:g,selectTab:ee,removeTab:te}),[e,q,x,u,W,g,ee,te]);return jsx(Ct.Provider,{value:ie,children:jsxs("div",{ref:M,className:s,style:{display:"inline-flex",position:"relative",cursor:g?"default":"grab",...o},...g?{}:y,...g?{}:P,children:[J,n({isDragging:x,isOver:u})]})})};var Qe=createContext(void 0);var St=(e,t)=>typeof e=="function"?e(t):e,zn=({tabs:e,activeTabId:t,locked:n=false,tabsMetadata:s,selectTab:o,removeTab:r,renderTab:a,classNames:l,styles:d})=>{let{classNames:p={},activeType:g}=ae(),{overTabId:P,overTabPosition:y}=Ae(),w=useMemo(()=>({tabs:e,activeTabId:t,locked:n,tabsMetadata:s,selectTab:o,removeTab:r}),[e,t,n,s,o,r]),x=at(e,g,P,y);return jsx(Qe.Provider,{value:w,children:jsxs("div",{className:l?.container,style:{display:"flex",alignItems:"center",height:"100%",...d?.container},children:[e.map((k,L)=>{let M=s?.[k],u=St(l?.tab,k),T=St(d?.tab,k),N=L===x;return jsxs(_t.Fragment,{children:[N&&p.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:p.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:L===0?"none":"translateX(-50%)"}})}),jsx(Dt,{id:k,locked:n,className:u,style:T,children:({isDragging:E,isOver:A})=>a({tabId:k,activeTabId:t,isDragging:E,isOver:A,metadata:M,selectTab:o,removeTab:r})})]},k)}),x===e.length&&p.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:p.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:"translateX(-100%)"}})})]})})};export{Lt as DEFAULT_DRAG_ACTIVATION_DISTANCE,On as DEFAULT_RESIZER_SIZE,It as DEFAULT_SNAP_THRESHOLD,Dn as DragHandle,yn as Pane,pn as PaneTree,$e as PortalRegistryContext,zn as Tabs,Gt as Zeugma,Ye as ZeugmaActionsContext,Je as ZeugmaDragContext,Xe as ZeugmaStateContext,ct as createDragSession,Ne as safeJsonStringify,Ge as useResizer,Ln as useTabContext,Mt as useZeugma,ze as useZeugmaActions,Zt as useZeugmaContext,Ae as useZeugmaDrag,ae as useZeugmaState};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map