react-zeugma 4.1.1 → 5.0.0

package/dist/index.d.ts

@@ -1,4 +1,9 @@
-import React, { Dispatch, SetStateAction, RefObject, ReactNode } from 'react';
+import * as React from 'react';
+import React__default, { Dispatch, SetStateAction, ReactNode, RefObject } from 'react';
+
+declare const DEFAULT_SNAP_THRESHOLD = 8;
+declare const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8;
+declare const DEFAULT_RESIZER_SIZE = 4;
 
 type SplitDirection = 'row' | 'column';
 interface SplitNode {
@@ -17,13 +22,12 @@ interface PaneNode {
     tabsMetadata?: Record<string, Record<string, unknown>>;
 }
 type TreeNode = SplitNode | PaneNode;
-
 interface UseZeugmaOptions {
     /** Initial layout tree model defining pane organization for uncontrolled mode. Only used on initial mount. */
     initialLayout?: TreeNode | null;
     /** Controlled layout tree model. If provided, the hook will run in controlled mode and sync with this value. */
     layout?: TreeNode | null;
-    /** Callback triggered when the layout changes via drag-and-drop actions, splits, swaps, or resizes. */
+    /** Callback triggered when the layout changes via drag-and-drop actions, splits, moves, or resizes. */
     onChange?: (newLayout: TreeNode | null) => void;
     /** The ID of the pane that is currently taking up the full dashboard area. Null if no pane is fullscreen. */
     fullscreenPaneId?: string | null;
@@ -47,9 +51,9 @@ interface UseZeugmaOptions {
     onRemove?: (paneId: string) => void;
     /** Callback triggered when dragging starts for a pane. */
     onDragStart?: (activeId: string) => void;
-    /** Callback triggered when dragging ends, providing details on target pane and drop action (split or swap). */
+    /** Callback triggered when dragging ends, providing details on target pane and drop action (split or move). */
     onDragEnd?: (activeId: string, overId: string | null, dropAction: {
-        type: 'split' | 'swap';
+        type: 'split' | 'move';
         direction?: SplitDirection;
         position?: 'top' | 'bottom' | 'left' | 'right' | 'center';
     } | null) => void;
@@ -63,12 +67,35 @@ interface UseZeugmaOptions {
     onDismissIntentChange?: (paneId: string | null) => void;
 }
 interface ZeugmaController {
+    /** The current active layout tree structure, or null if empty. */
     layout: TreeNode | null;
+    /** Updates the layout tree. */
     setLayout: Dispatch<SetStateAction<TreeNode | null>>;
+    /** The ID of the pane currently zoomed to fullscreen, or null. */
     fullscreenPaneId: string | null;
+    /** Programmatically sets the fullscreen pane ID. */
     setFullscreenPaneId: (paneId: string | null) => void;
+    /** Whether the layout is globally locked. */
     locked: boolean;
+    /** Programmatically updates the global locked status. */
     setLocked: Dispatch<SetStateAction<boolean>>;
+    /** Removes the specified pane from the layout tree and collapses its parent split. */
+    removePane: (paneId: string) => void;
+    /** Appends/inserts a pane at the bottom-rightmost leaf of the layout tree. */
+    addPane: (paneId: string) => void;
+    /** Stable callback to update metadata for a specific tab. */
+    updateTabMetadata: (tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined) => void;
+    /** Stable callback to update the locked status of a specific pane in the layout tree. */
+    updatePaneLock: (paneId: string, locked: boolean) => void;
+    /** Stable callback to activate a tab within a pane. */
+    selectTab: (paneId: string, tabId: string) => void;
+    /** Stable callback to merge a dragged tab/pane into another pane's tab list. */
+    mergeTab: (draggedTabId: string, targetPaneId: string) => void;
+    /** Stable callback to remove/close a specific tab from the layout. */
+    removeTab: (tabId: string) => void;
+}
+/** @internal */
+interface ZeugmaInternalController extends ZeugmaController {
     activeId: string | null;
     setActiveId: Dispatch<SetStateAction<string | null>>;
     activeType: 'pane' | 'tab' | null;
@@ -86,7 +113,7 @@ interface ZeugmaController {
     onRemove?: (paneId: string) => void;
     onDragStart?: (activeId: string) => void;
     onDragEnd?: (activeId: string, overId: string | null, dropAction: {
-        type: 'split' | 'swap';
+        type: 'split' | 'move';
         direction?: SplitDirection;
         position?: 'top' | 'bottom' | 'left' | 'right' | 'center';
     } | null) => void;
@@ -94,18 +121,15 @@ interface ZeugmaController {
     onResize?: (currentNode: SplitNode, percentage: number) => void;
     onResizeEnd?: (currentNode: SplitNode, percentage: number) => void;
     onDismissIntentChange?: (paneId: string | null) => void;
-    removePane: (paneId: string) => void;
-    addPane: (paneId: string) => void;
     splitPane: (targetId: string, direction: SplitDirection, splitType: 'left' | 'right' | 'top' | 'bottom', paneToAdd: string) => void;
     updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void;
-    updateTabMetadata: (tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined) => void;
-    updatePaneLock: (paneId: string, locked: boolean) => void;
-    selectTab: (paneId: string, tabId: string) => void;
-    mergeTab: (draggedTabId: string, targetPaneId: string) => void;
     moveTab: (draggedTabId: string, targetTabId: string, position?: 'before' | 'after') => void;
-    removeTab: (tabId: string) => void;
 }
 interface ZeugmaClassNames {
+    /** CSS class applied to the root dashboard container. */
+    dashboard?: string;
+    /** CSS class applied to the root dashboard container when a drag-out dismiss is active. */
+    dashboardDismissActive?: string;
     /** CSS class applied to the outer container div of each `<Pane>`. */
     pane?: string;
     /** CSS class applied to the pane container when locked. */
@@ -122,13 +146,15 @@ interface ZeugmaClassNames {
     dashboardLocked?: string;
     /** CSS class applied to drop zone indicator when hovering over a locked pane. */
     lockedPreview?: string;
+    /** CSS class applied to tab container when dragging a tab over it. */
+    tabDropPreview?: string;
 }
 interface ZeugmaProps extends ZeugmaController {
     /** Render function mapping unique pane IDs to React elements. Usually renders a <Pane> wrapper. */
     renderPane: (paneId: string) => ReactNode;
     /** Custom overlay renderer function used to customize the cursor-following drag preview for an active pane or tab. */
     renderDragOverlay?: (activeId: string, type: 'pane' | 'tab') => ReactNode;
-    /** Optional CSS class name mapping overrides for custom styles of components like panes, drop/swap previews, overlays, etc. */
+    /** Optional CSS class name mapping overrides for custom styles of components like panes, drop previews, overlays, etc. */
     classNames?: ZeugmaClassNames;
     /** Render function mapping tab IDs to React elements. Used to render tab widgets inside portals. */
     renderWidget?: (tabId: string) => ReactNode;
@@ -143,37 +169,33 @@ interface ZeugmaStateValue {
     /** The current active layout tree structure, or null if empty. */
     layout: TreeNode | null;
     /** Callback to update the layout tree. */
-    onLayoutChange: (newLayout: TreeNode | null, localOnly?: boolean) => void;
+    setLayout: Dispatch<SetStateAction<TreeNode | null>>;
     /** Renders the inner content of a pane given its unique ID. */
     renderPane: (paneId: string) => ReactNode;
-    /** The ID of the pane currently being dragged, or null. */
-    activeId: string | null;
-    /** The ID of the pane currently targeted for dismiss/drag-out, or null. */
-    dismissIntentId: string | null;
-    /** Ref setter to measure and track the dashboard root container element. */
-    setContainerRef: (element: HTMLElement | null) => void;
     /** The ID of the pane currently zoomed to fullscreen, or null. */
     fullscreenPaneId: string | null;
     /** Normalized or overridden CSS classes for custom layout styling. */
     classNames: ZeugmaClassNames;
-    /** Callback triggered when a pane is closed/removed from the dashboard. */
+    /** Whether the layout is globally locked. */
+    locked: boolean;
+}
+/** @internal */
+interface ZeugmaInternalStateValue extends ZeugmaStateValue {
+    /** The ID of the tab currently hovered over during a tab drag, or null. */
+    overTabId: string | null;
+    /** The position of the tab drop preview relative to the hovered tab ('before' | 'after'). */
+    overTabPosition: 'before' | 'after' | null;
+    activeId: string | null;
+    dismissIntentId: string | null;
+    setContainerRef: (element: HTMLElement | null) => void;
     onRemove?: (paneId: string) => void;
-    /** Callback triggered to toggle fullscreen status for a pane. */
     onFullscreenChange?: (paneId: string | null) => void;
-    /** Threshold in pixels to snap layout resizers to adjacent edges. */
     snapThreshold?: number;
-    /** Callback triggered when a split pane starts being resized. */
     onResizeStart?: (currentNode: SplitNode) => void;
-    /** Callback triggered continuously during a split pane resize. */
     onResize?: (currentNode: SplitNode, percentage: number) => void;
-    /** Callback triggered when a split pane resize action is completed. */
     onResizeEnd?: (currentNode: SplitNode, percentage: number) => void;
-    /** Minimum split percentage allowed when resizing. */
     minSplitPercentage?: number;
-    /** Maximum split percentage allowed when resizing. */
     maxSplitPercentage?: number;
-    /** Whether the layout is globally locked. */
-    locked: boolean;
 }
 /**
  * Actions context — holds stable dispatch functions with permanent identity.
@@ -184,10 +206,6 @@ interface ZeugmaActionsValue {
     removePane: (paneId: string) => void;
     /** Appends/inserts a pane at the bottom-rightmost leaf of the layout tree. */
     addPane: (paneId: string) => void;
-    /** Splits a target pane with a new pane in the specified direction and side. */
-    splitPane: (targetId: string, direction: SplitDirection, splitType: 'left' | 'right' | 'top' | 'bottom', paneToAdd: string) => void;
-    /** Updates the split percentage of a specific split branch node. */
-    updateSplitPercentage: (currentNode: SplitNode, percentage: number) => void;
     /** Stable callback to update metadata for a specific tab. */
     updateTabMetadata: (tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined) => void;
     /** Stable callback to update the locked status of a specific pane in the layout tree. */
@@ -196,22 +214,131 @@ interface ZeugmaActionsValue {
     selectTab: (paneId: string, tabId: string) => void;
     /** Stable callback to merge a dragged tab/pane into another pane's tab list. */
     mergeTab: (draggedTabId: string, targetPaneId: string) => void;
-    /** Stable callback to move/reorder a tab to another pane next to a target tab. */
-    moveTab: (draggedTabId: string, targetTabId: string, position?: 'before' | 'after') => void;
     /** Stable callback to remove/close a specific tab from the layout. */
     removeTab: (tabId: string) => void;
 }
 interface ZeugmaContextValue extends ZeugmaStateValue, ZeugmaActionsValue {
 }
+interface PortalRegistryValue {
+    registerPortalTarget: (tabId: string, el: HTMLDivElement | null) => void;
+}
+
+declare function generateUniqueId(): string;
+/**
+ * Tree Helper: Remove a pane container and consolidate the tree structure.
+ */
+declare function removePane(tree: TreeNode | null, paneId: string): TreeNode | null;
+/**
+ * Tree Helper: Remove a tab from a pane and consolidate the tree structure if no tabs remain.
+ */
+declare function removeTab(tree: TreeNode | null, tabId: string): TreeNode | null;
+/**
+ * Tree Helper: Insert a pane by splitting an existing target node.
+ */
+declare function splitPane(tree: TreeNode | null, targetId: string, direction: SplitDirection, splitType: 'left' | 'right' | 'top' | 'bottom', paneToAdd: string | PaneNode): TreeNode | null;
+/**
+ * Tree Helper: Add a pane by recursively splitting the rightmost/bottommost pane in the tree.
+ */
+declare function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode;
+/**
+ * Tree Helper: Update split percentage recursively.
+ */
+declare function updateSplitPercentage(tree: TreeNode | null, target: SplitNode, newPercentage: number): TreeNode | null;
+/**
+ * Find a PaneNode by its ID.
+ */
+declare function findPaneById(tree: TreeNode | null, paneId: string): PaneNode | null;
+/**
+ * Find a PaneNode containing the given tab ID.
+ */
+declare function findPaneContainingTab(tree: TreeNode | null, tabId: string): PaneNode | null;
+/**
+ * Update metadata on a specific tab node using an updater function.
+ */
+declare function updateTabMetadata(tree: TreeNode | null, tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined): TreeNode | null;
+/**
+ * Update the locked status on a specific pane node in the layout tree.
+ */
+declare function updatePaneLock(tree: TreeNode | null, paneId: string, locked: boolean): TreeNode | null;
+/**
+ * Tree Helper: Activate a tab within a pane.
+ */
+declare function selectTab(tree: TreeNode | null, paneId: string, tabId: string): TreeNode | null;
+/**
+ * Tree Helper: Merge a tab into a target pane node.
+ */
+declare function mergeTab(tree: TreeNode | null, draggedTabId: string, targetPaneId: string): TreeNode | null;
+/**
+ * Tree Helper: Move/reorder a tab inside or to a target pane next to a target tab.
+ */
+declare function moveTab(tree: TreeNode | null, draggedTabId: string, targetTabId: string, position?: 'before' | 'after'): TreeNode | null;
+interface ComputedPane {
+    paneId: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    node: PaneNode;
+}
+interface ComputedSplitter {
+    id: string;
+    currentNode: SplitNode;
+    direction: SplitDirection;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    parentLeft: number;
+    parentTop: number;
+    parentWidth: number;
+    parentHeight: number;
+}
+declare function computeLayout(node: TreeNode | null, left?: number, top?: number, width?: number, height?: number, path?: string): {
+    panes: ComputedPane[];
+    splitters: ComputedSplitter[];
+};
+
+/**
+ * Shared drag-session lifecycle utility.
+ *
+ * Handles the common boilerplate for pointer-based resize operations:
+ * - Adds `zeugma-resizing` class to `document.body`
+ * - Injects a global `cursor` style so the resize cursor stays active
+ *   even when the pointer leaves the handle element
+ * - Sets `data-resizing` on the resizer element
+ * - Attaches `pointermove` / `pointerup` listeners to `document`
+ * - Cleans everything up on pointer-up
+ *
+ * Consumers provide domain-specific `onMove` and `onEnd` callbacks.
+ */
+interface DragSessionConfig {
+    /** CSS cursor to enforce globally during the drag */
+    cursor: 'col-resize' | 'row-resize';
+    /** The resizer DOM element (receives `data-resizing` attribute) */
+    resizerEl: HTMLElement;
+    /** Called on every `pointermove` during the drag */
+    onMove: (e: PointerEvent) => void;
+    /** Called once on `pointerup` — after cleanup has already run */
+    onEnd: () => void;
+}
+declare function createDragSession({ cursor, resizerEl, onMove, onEnd }: DragSessionConfig): void;
+
+declare function safeJsonStringify(val: unknown): string;
+
+declare const ZeugmaStateContext: React.Context<ZeugmaInternalStateValue | undefined>;
+declare const ZeugmaActionsContext: React.Context<ZeugmaActionsValue | undefined>;
+declare const PortalRegistryContext: React.Context<PortalRegistryValue | undefined>;
+declare const useZeugmaState: () => ZeugmaStateValue;
+declare const useZeugmaActions: () => ZeugmaActionsValue;
 
 declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;
 
 declare const useZeugmaContext: () => ZeugmaContextValue;
 
-declare const Zeugma: React.FC<ZeugmaProps>;
+declare const Zeugma: React__default.FC<ZeugmaProps>;
 
 interface UseResizerProps {
-    containerRef: React.RefObject<HTMLDivElement | null>;
+    containerRef: React__default.RefObject<HTMLDivElement | null>;
     isRow: boolean;
     direction: SplitDirection;
     splitPercentage: number;
@@ -227,7 +354,7 @@ interface UseResizerProps {
     parentWidth: number;
     parentHeight: number;
 }
-declare function useResizer({ containerRef, isRow, direction, splitPercentage, resizerSize, snapThreshold, layout, currentNode, onLayoutChange, onResizeStart: localOnResizeStart, onResizeEnd: localOnResizeEnd, parentLeft, parentTop, parentWidth, parentHeight, }: UseResizerProps): (e: React.PointerEvent<HTMLDivElement>) => void;
+declare function useResizer({ containerRef, isRow, direction, splitPercentage, resizerSize, snapThreshold, layout, currentNode, onLayoutChange, onResizeStart: localOnResizeStart, onResizeEnd: localOnResizeEnd, parentLeft, parentTop, parentWidth, parentHeight, }: UseResizerProps): (e: React__default.PointerEvent<HTMLDivElement>) => void;
 
 interface PaneTreeProps {
     /** The layout subtree node to render. If not specified, defaults to the root layout tree from the Zeugma context. */
@@ -237,10 +364,10 @@ interface PaneTreeProps {
     /** Threshold distance in pixels to snap layout resizers to adjacent edges (default 8). */
     snapThreshold?: number;
 }
-declare const PaneTree: React.FC<PaneTreeProps>;
+declare const PaneTree: React__default.FC<PaneTreeProps>;
 
 interface ResizableContainerProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** Whether the resizable container is active. When false, acts as a normal 100% height container. */
     active?: boolean;
     /** Current height in pixels (controlled mode) or default/initial height */
@@ -262,7 +389,7 @@ interface ResizableContainerProps {
     /** CSS class applied to the resizer handle */
     resizerClassName?: string;
 }
-declare const ResizableContainer: React.FC<ResizableContainerProps>;
+declare const ResizableContainer: React__default.FC<ResizableContainerProps>;
 
 interface PaneRenderProps {
     /** True if the pane is actively being dragged. */
@@ -299,23 +426,23 @@ interface PaneProps {
     /** The unique ID of the pane, matching a `paneId` in the layout tree schema. */
     id: string;
     /** Render prop function providing pane state (isDragging, isFullscreen, etc.) and handlers. */
-    children: (props: PaneRenderProps) => React.ReactNode;
+    children: (props: PaneRenderProps) => React__default.ReactNode;
     /** Optional inline CSS styles applied to the pane outer container. */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     /** Optional override to lock this specific pane. */
     locked?: boolean;
 }
-declare const Pane: React.FC<PaneProps>;
+declare const Pane: React__default.FC<PaneProps>;
 
 interface DragHandleProps {
     /** The children elements that will trigger dragging when held and dragged. */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /** Custom CSS class applied to the drag handle element. */
     className?: string;
     /** Optional inline CSS styles applied to the drag handle. */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
 }
-declare const DragHandle: React.FC<DragHandleProps>;
+declare const DragHandle: React__default.FC<DragHandleProps>;
 
 interface TabRenderProps {
     isDragging: boolean;
@@ -327,114 +454,12 @@ interface TabProps {
     /** Whether dragging is locked on this tab. */
     locked?: boolean;
     /** Render prop child function. */
-    children: (props: TabRenderProps) => React.ReactNode;
+    children: (props: TabRenderProps) => React__default.ReactNode;
     /** Custom CSS class applied to the tab wrapper. */
     className?: string;
     /** Custom inline CSS style applied to the tab wrapper. */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
 }
-declare const Tab: React.FC<TabProps>;
-
-declare const DEFAULT_SNAP_THRESHOLD = 8;
-declare const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8;
-declare const DEFAULT_RESIZER_SIZE = 4;
-
-declare function generateUniqueId(): string;
-/**
- * Tree Helper: Remove a pane container and consolidate the tree structure.
- */
-declare function removePane(tree: TreeNode | null, paneId: string): TreeNode | null;
-/**
- * Tree Helper: Remove a tab from a pane and consolidate the tree structure if no tabs remain.
- */
-declare function removeTab(tree: TreeNode | null, tabId: string): TreeNode | null;
-/**
- * Tree Helper: Insert a pane by splitting an existing target node.
- */
-declare function splitPane(tree: TreeNode | null, targetId: string, direction: SplitDirection, splitType: 'left' | 'right' | 'top' | 'bottom', paneToAdd: string | PaneNode): TreeNode | null;
-/**
- * Tree Helper: Add a pane by recursively splitting the rightmost/bottommost pane in the tree.
- */
-declare function addPane(tree: TreeNode | null, paneToAdd: string): TreeNode;
-/**
- * Tree Helper: Update split percentage recursively.
- */
-declare function updateSplitPercentage(tree: TreeNode | null, target: SplitNode, newPercentage: number): TreeNode | null;
-/**
- * Find a PaneNode by its ID or by any of its tab IDs.
- */
-declare function findPane(tree: TreeNode | null, paneId: string): PaneNode | null;
-/**
- * Update metadata on a specific tab node using an updater function.
- */
-declare function updateTabMetadata(tree: TreeNode | null, tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined): TreeNode | null;
-/**
- * Update the locked status on a specific pane node in the layout tree.
- */
-declare function updatePaneLock(tree: TreeNode | null, paneId: string, locked: boolean): TreeNode | null;
-/**
- * Tree Helper: Activate a tab within a pane.
- */
-declare function selectTab(tree: TreeNode | null, paneId: string, tabId: string): TreeNode | null;
-/**
- * Tree Helper: Merge a tab into a target pane node.
- */
-declare function mergeTab(tree: TreeNode | null, draggedTabId: string, targetPaneId: string): TreeNode | null;
-/**
- * Tree Helper: Move/reorder a tab inside or to a target pane next to a target tab.
- */
-declare function moveTab(tree: TreeNode | null, draggedTabId: string, targetTabId: string, position?: 'before' | 'after'): TreeNode | null;
-interface ComputedPane {
-    paneId: string;
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    node: PaneNode;
-}
-interface ComputedSplitter {
-    id: string;
-    currentNode: SplitNode;
-    direction: SplitDirection;
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    parentLeft: number;
-    parentTop: number;
-    parentWidth: number;
-    parentHeight: number;
-}
-declare function computeLayout(node: TreeNode | null, left?: number, top?: number, width?: number, height?: number, path?: string): {
-    panes: ComputedPane[];
-    splitters: ComputedSplitter[];
-};
-
-/**
- * Shared drag-session lifecycle utility.
- *
- * Handles the common boilerplate for pointer-based resize operations:
- * - Adds `zeugma-resizing` class to `document.body`
- * - Injects a global `cursor` style so the resize cursor stays active
- *   even when the pointer leaves the handle element
- * - Sets `data-resizing` on the resizer element
- * - Attaches `pointermove` / `pointerup` listeners to `document`
- * - Cleans everything up on pointer-up
- *
- * Consumers provide domain-specific `onMove` and `onEnd` callbacks.
- */
-interface DragSessionConfig {
-    /** CSS cursor to enforce globally during the drag */
-    cursor: 'col-resize' | 'row-resize';
-    /** The resizer DOM element (receives `data-resizing` attribute) */
-    resizerEl: HTMLElement;
-    /** Called on every `pointermove` during the drag */
-    onMove: (e: PointerEvent) => void;
-    /** Called once on `pointerup` — after cleanup has already run */
-    onEnd: () => void;
-}
-declare function createDragSession({ cursor, resizerEl, onMove, onEnd }: DragSessionConfig): void;
-
-declare function safeJsonStringify(val: unknown): string;
+declare const Tab: React__default.FC<TabProps>;
 
-export { type ComputedPane, type ComputedSplitter, DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, DragHandle, type DragHandleProps, type DragSessionConfig, Pane, type PaneNode, type PaneProps, type PaneRenderProps, PaneTree, ResizableContainer, type ResizableContainerProps, type SplitDirection, type SplitNode, Tab, type TabProps, type TabRenderProps, type TreeNode, type UseZeugmaOptions, Zeugma, type ZeugmaClassNames, type ZeugmaContextValue, type ZeugmaController, type ZeugmaProps, addPane, computeLayout, createDragSession, findPane, generateUniqueId, mergeTab, moveTab, removePane, removeTab, safeJsonStringify, selectTab, splitPane, updatePaneLock, updateSplitPercentage, updateTabMetadata, useResizer, useZeugma, useZeugmaContext };
+export { type ComputedPane, type ComputedSplitter, DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, DragHandle, type DragHandleProps, type DragSessionConfig, Pane, type PaneNode, type PaneProps, type PaneRenderProps, PaneTree, PortalRegistryContext, type PortalRegistryValue, ResizableContainer, type ResizableContainerProps, type SplitDirection, type SplitNode, Tab, type TabProps, type TabRenderProps, type TreeNode, type UseZeugmaOptions, Zeugma, ZeugmaActionsContext, type ZeugmaActionsValue, type ZeugmaClassNames, type ZeugmaContextValue, type ZeugmaController, type ZeugmaInternalController, type ZeugmaInternalStateValue, type ZeugmaProps, ZeugmaStateContext, type ZeugmaStateValue, addPane, computeLayout, createDragSession, findPaneById, findPaneContainingTab, generateUniqueId, mergeTab, moveTab, removePane, removeTab, safeJsonStringify, selectTab, splitPane, updatePaneLock, updateSplitPercentage, updateTabMetadata, useResizer, useZeugma, useZeugmaActions, useZeugmaContext, useZeugmaState };