react-zeugma 6.3.0 → 6.4.1

package/dist/index.d.cts

@@ -1,55 +1,16 @@
-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-Diujkc-H.cjs';
-export { L as LeafNode, g as PaneNode, h as TabDetails, W as WidgetNode, i as ZeugmaClassNames } from './types-Diujkc-H.cjs';
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
-
-declare const DEFAULT_SNAP_THRESHOLD = 8;
-declare const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8;
-declare const DEFAULT_RESIZER_SIZE = 4;
-
-/**
- * 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<ZeugmaStateValue | undefined>;
-declare const ZeugmaActionsContext: React.Context<ZeugmaActionsValue | undefined>;
-declare const PortalRegistryContext: React.Context<PortalRegistryValue | undefined>;
-declare const ZeugmaDragContext: React.Context<ZeugmaDragStateValue | undefined>;
-declare const useZeugmaState: () => ZeugmaStateValue;
-declare const useZeugmaActions: () => ZeugmaActionsValue;
-declare const useZeugmaDrag: () => ZeugmaDragStateValue;
+import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, b as ZeugmaProviderProps, S as SplitDirection, T as TreeNode, c as SplitNode, d as TabDetails } from './types-BN5W7EvY.cjs';
+export { D as DragOverlayActiveItem, P as PaneNode, e as ZeugmaClassNames } from './types-BN5W7EvY.cjs';
+import React from 'react';
 
 declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;
 
-declare const useZeugmaContext: () => ZeugmaContextValue;
+declare const useZeugmaContext: () => ZeugmaController;
 
-declare const Zeugma: React__default.FC<ZeugmaProps>;
+declare const ZeugmaProvider: React.FC<ZeugmaProviderProps>;
+declare const Zeugma: React.FC<ZeugmaProps>;
 
 interface UseResizerProps {
-    containerRef: React__default.RefObject<HTMLDivElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     isRow: boolean;
     direction: SplitDirection;
     splitPercentage: number;
@@ -65,9 +26,11 @@ 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__default.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.PointerEvent<HTMLDivElement>) => void;
 
 interface PaneTreeProps {
+    /** Render function mapping unique pane nodes to React elements. Usually renders a <Pane> wrapper. */
+    renderPane?: (paneId: string) => React.ReactNode;
     /** The layout subtree node to render. If not specified, defaults to the root layout tree from the Zeugma context. */
     tree?: TreeNode | null;
     /** Size/thickness of the split handle resizer bars in pixels (default 4). */
@@ -75,7 +38,7 @@ interface PaneTreeProps {
     /** Threshold distance in pixels to snap layout resizers to adjacent edges (default 8). */
     snapThreshold?: number;
 }
-declare const PaneTree: React__default.FC<PaneTreeProps>;
+declare const PaneTree: React.FC<PaneTreeProps>;
 
 interface BaseLeafRenderProps {
     /** True if the leaf is actively being dragged. */
@@ -106,49 +69,49 @@ interface PaneRenderProps extends BaseLeafRenderProps {
     tabsMetadata: Record<string, Record<string, unknown>> | undefined;
     /** Updates the metadata of a specific tab. */
     updateTabMetadata: (tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined) => void;
-    /** Renders the target placeholder element for the currently active tab in the pane. */
-    renderActiveTab: () => ReactNode;
-}
-interface WidgetRenderProps extends BaseLeafRenderProps {
-    /** Renders the target placeholder element for the widget content. */
-    renderActiveWidget: () => ReactNode;
 }
 
-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__default.ReactNode;
-    /** Optional inline CSS styles applied to the pane outer container. */
-    style?: React__default.CSSProperties;
-    /** Optional override to lock this specific pane. */
-    locked?: boolean;
-}
-declare const Pane: React__default.FC<PaneProps>;
-
 interface DragHandleProps {
     /** The children elements that will trigger dragging when held and dragged. */
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
     /** Custom CSS class applied to the drag handle element. */
     className?: string;
     /** Optional inline CSS styles applied to the drag handle. */
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
+}
+declare const DragHandle: React.FC<DragHandleProps>;
+
+interface TabRenderProps {
+    isDragging: boolean;
+    isOver: boolean;
+}
+interface TabProps {
+    /** The unique ID of the tab, which corresponds to the pane/widget ID. */
+    id: string;
+    /** Whether dragging is locked on this tab. */
+    locked?: boolean;
+    /** Render prop child function. */
+    children: (props: TabRenderProps) => React.ReactNode;
+    /** Custom CSS class applied to the tab wrapper. */
+    className?: string;
+    /** Custom inline CSS style applied to the tab wrapper. */
+    style?: React.CSSProperties;
 }
-declare const DragHandle: React__default.FC<DragHandleProps>;
+declare const Tab: React.FC<TabProps>;
 
 interface TabsProps {
     /** The list of tab IDs in this pane. */
-    tabs: string[];
+    tabs?: string[];
     /** The currently active tab ID. */
-    activeTabId: string;
+    activeTabId?: string;
     /** Whether dragging is locked on these tabs. */
     locked?: boolean;
     /** Metadata for the tabs. */
     tabsMetadata?: Record<string, Record<string, unknown>>;
     /** Callback when a tab is selected. */
-    selectTab: (id: string) => void;
+    selectTab?: (id: string) => void;
     /** Callback when a tab is closed/removed. */
-    removeTab: (id: string) => void;
+    removeTab?: (id: string) => void;
     /** Render function for each individual tab content. */
     renderTab: (props: {
         tabId: string;
@@ -156,9 +119,9 @@ interface TabsProps {
         isDragging: boolean;
         isOver: boolean;
         metadata?: Record<string, unknown>;
-        selectTab: (id: string) => void;
-        removeTab: (id: string) => void;
-    }) => React__default.ReactNode;
+        onSelect: () => void;
+        onRemove: () => void;
+    }) => React.ReactNode;
     /** Custom CSS classes for Tabs container and tab wrappers. */
     classNames?: {
         container?: string;
@@ -166,38 +129,53 @@ interface TabsProps {
     };
     /** Custom inline CSS styles for Tabs container and tab wrappers. */
     styles?: {
-        container?: React__default.CSSProperties;
-        tab?: React__default.CSSProperties | ((tabId: string) => React__default.CSSProperties);
+        container?: React.CSSProperties;
+        tab?: React.CSSProperties | ((tabId: string) => React.CSSProperties);
     };
 }
-declare const Tabs: React__default.FC<TabsProps>;
+declare const Tabs: React.FC<TabsProps> & {
+    Tab: typeof Tab;
+};
 
-interface TabContextValue {
-    tabId: string;
-    isActive: boolean;
-    isDragging: boolean;
-    isOver: boolean;
-    metadata?: Record<string, unknown>;
-    locked: boolean;
-    selectTab: () => void;
-    removeTab: () => void;
-}
-declare const useTabContext: () => TabContextValue;
-interface TabRenderProps {
-    isDragging: boolean;
-    isOver: boolean;
+interface PaneControlsProps {
+    /** Custom CSS class applied to the controls container. */
+    className?: string;
+    /** Custom inline CSS style applied to the controls container. */
+    style?: React.CSSProperties;
+    /** The children elements (e.g. close and fullscreen buttons) to render inside the controls container. */
+    children?: React.ReactNode;
 }
+declare const PaneControls: React.FC<PaneControlsProps>;
 
-interface WidgetProps {
-    /** The unique ID of the widget, matching a `id` in the layout tree schema. */
+interface PaneContextValue extends PaneRenderProps {
+    id: string;
+}
+declare const usePaneContext: () => PaneContextValue;
+interface PaneContentProps {
+    /** A render callback (tab) => ReactNode or static ReactNode content to render for the active tab. */
+    children?: React.ReactNode | ((tab: TabDetails) => React.ReactNode);
+    /** Custom CSS class applied to the tab content wrapper. */
+    className?: string;
+    /** Custom inline CSS style applied to the tab content wrapper. */
+    style?: React.CSSProperties;
+}
+declare const PaneContent: React.FC<PaneContentProps>;
+interface PaneProps {
+    /** The unique ID of the pane, matching a `paneId` in the layout tree schema. */
     id: string;
-    /** Render prop function providing widget state (isDragging, isFullscreen, etc.) and handlers. */
-    children: (props: WidgetRenderProps) => React__default.ReactNode;
-    /** Optional inline CSS styles applied to the widget outer container. */
-    style?: React__default.CSSProperties;
-    /** Optional override to lock this specific widget. */
+    /** The children elements inside the pane (e.g. headers, tabs, content). */
+    children: React.ReactNode;
+    /** Optional inline CSS styles applied to the pane outer container. */
+    style?: React.CSSProperties;
+    /** Optional override to lock this specific pane. */
     locked?: boolean;
 }
-declare const Widget: React__default.FC<WidgetProps>;
-
-export { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, DragHandle, type DragHandleProps, type DragSessionConfig, Pane, type PaneProps, type PaneRenderProps, PaneTree, PortalRegistryContext, PortalRegistryValue, SplitDirection, SplitNode, type TabContextValue, type TabRenderProps, Tabs, type TabsProps, TreeNode, UseZeugmaOptions, Widget, type WidgetProps, type WidgetRenderProps, Zeugma, ZeugmaActionsContext, ZeugmaActionsValue, ZeugmaContextValue, ZeugmaController, ZeugmaDragContext, ZeugmaDragStateValue, ZeugmaProps, ZeugmaStateContext, ZeugmaStateValue, createDragSession, safeJsonStringify, useResizer, useTabContext, useZeugma, useZeugmaActions, useZeugmaContext, useZeugmaDrag, useZeugmaState };
+declare const Pane: React.FC<PaneProps> & {
+    Content: typeof PaneContent;
+    DragHandle: typeof DragHandle;
+    Tabs: typeof Tabs;
+    Tab: typeof Tab;
+    Controls: typeof PaneControls;
+};
+
+export { type DragHandleProps, Pane, type PaneControlsProps, type PaneProps, type PaneRenderProps, PaneTree, SplitDirection, SplitNode, TabDetails, type TabsProps, TreeNode, UseZeugmaOptions, Zeugma, ZeugmaController, ZeugmaProps, ZeugmaProvider, ZeugmaProviderProps, usePaneContext, useResizer, useZeugma, useZeugmaContext };

package/dist/index.d.ts

@@ -1,55 +1,16 @@
-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-Diujkc-H.js';
-export { L as LeafNode, g as PaneNode, h as TabDetails, W as WidgetNode, i as ZeugmaClassNames } from './types-Diujkc-H.js';
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
-
-declare const DEFAULT_SNAP_THRESHOLD = 8;
-declare const DEFAULT_DRAG_ACTIVATION_DISTANCE = 8;
-declare const DEFAULT_RESIZER_SIZE = 4;
-
-/**
- * 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<ZeugmaStateValue | undefined>;
-declare const ZeugmaActionsContext: React.Context<ZeugmaActionsValue | undefined>;
-declare const PortalRegistryContext: React.Context<PortalRegistryValue | undefined>;
-declare const ZeugmaDragContext: React.Context<ZeugmaDragStateValue | undefined>;
-declare const useZeugmaState: () => ZeugmaStateValue;
-declare const useZeugmaActions: () => ZeugmaActionsValue;
-declare const useZeugmaDrag: () => ZeugmaDragStateValue;
+import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, b as ZeugmaProviderProps, S as SplitDirection, T as TreeNode, c as SplitNode, d as TabDetails } from './types-BN5W7EvY.js';
+export { D as DragOverlayActiveItem, P as PaneNode, e as ZeugmaClassNames } from './types-BN5W7EvY.js';
+import React from 'react';
 
 declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;
 
-declare const useZeugmaContext: () => ZeugmaContextValue;
+declare const useZeugmaContext: () => ZeugmaController;
 
-declare const Zeugma: React__default.FC<ZeugmaProps>;
+declare const ZeugmaProvider: React.FC<ZeugmaProviderProps>;
+declare const Zeugma: React.FC<ZeugmaProps>;
 
 interface UseResizerProps {
-    containerRef: React__default.RefObject<HTMLDivElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     isRow: boolean;
     direction: SplitDirection;
     splitPercentage: number;
@@ -65,9 +26,11 @@ 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__default.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.PointerEvent<HTMLDivElement>) => void;
 
 interface PaneTreeProps {
+    /** Render function mapping unique pane nodes to React elements. Usually renders a <Pane> wrapper. */
+    renderPane?: (paneId: string) => React.ReactNode;
     /** The layout subtree node to render. If not specified, defaults to the root layout tree from the Zeugma context. */
     tree?: TreeNode | null;
     /** Size/thickness of the split handle resizer bars in pixels (default 4). */
@@ -75,7 +38,7 @@ interface PaneTreeProps {
     /** Threshold distance in pixels to snap layout resizers to adjacent edges (default 8). */
     snapThreshold?: number;
 }
-declare const PaneTree: React__default.FC<PaneTreeProps>;
+declare const PaneTree: React.FC<PaneTreeProps>;
 
 interface BaseLeafRenderProps {
     /** True if the leaf is actively being dragged. */
@@ -106,49 +69,49 @@ interface PaneRenderProps extends BaseLeafRenderProps {
     tabsMetadata: Record<string, Record<string, unknown>> | undefined;
     /** Updates the metadata of a specific tab. */
     updateTabMetadata: (tabId: string, updater: (current: Record<string, unknown> | undefined) => Record<string, unknown> | undefined) => void;
-    /** Renders the target placeholder element for the currently active tab in the pane. */
-    renderActiveTab: () => ReactNode;
-}
-interface WidgetRenderProps extends BaseLeafRenderProps {
-    /** Renders the target placeholder element for the widget content. */
-    renderActiveWidget: () => ReactNode;
 }
 
-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__default.ReactNode;
-    /** Optional inline CSS styles applied to the pane outer container. */
-    style?: React__default.CSSProperties;
-    /** Optional override to lock this specific pane. */
-    locked?: boolean;
-}
-declare const Pane: React__default.FC<PaneProps>;
-
 interface DragHandleProps {
     /** The children elements that will trigger dragging when held and dragged. */
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
     /** Custom CSS class applied to the drag handle element. */
     className?: string;
     /** Optional inline CSS styles applied to the drag handle. */
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
+}
+declare const DragHandle: React.FC<DragHandleProps>;
+
+interface TabRenderProps {
+    isDragging: boolean;
+    isOver: boolean;
+}
+interface TabProps {
+    /** The unique ID of the tab, which corresponds to the pane/widget ID. */
+    id: string;
+    /** Whether dragging is locked on this tab. */
+    locked?: boolean;
+    /** Render prop child function. */
+    children: (props: TabRenderProps) => React.ReactNode;
+    /** Custom CSS class applied to the tab wrapper. */
+    className?: string;
+    /** Custom inline CSS style applied to the tab wrapper. */
+    style?: React.CSSProperties;
 }
-declare const DragHandle: React__default.FC<DragHandleProps>;
+declare const Tab: React.FC<TabProps>;
 
 interface TabsProps {
     /** The list of tab IDs in this pane. */
-    tabs: string[];
+    tabs?: string[];
     /** The currently active tab ID. */
-    activeTabId: string;
+    activeTabId?: string;
     /** Whether dragging is locked on these tabs. */
     locked?: boolean;
     /** Metadata for the tabs. */
     tabsMetadata?: Record<string, Record<string, unknown>>;
     /** Callback when a tab is selected. */
-    selectTab: (id: string) => void;
+    selectTab?: (id: string) => void;
     /** Callback when a tab is closed/removed. */
-    removeTab: (id: string) => void;
+    removeTab?: (id: string) => void;
     /** Render function for each individual tab content. */
     renderTab: (props: {
         tabId: string;
@@ -156,9 +119,9 @@ interface TabsProps {
         isDragging: boolean;
         isOver: boolean;
         metadata?: Record<string, unknown>;
-        selectTab: (id: string) => void;
-        removeTab: (id: string) => void;
-    }) => React__default.ReactNode;
+        onSelect: () => void;
+        onRemove: () => void;
+    }) => React.ReactNode;
     /** Custom CSS classes for Tabs container and tab wrappers. */
     classNames?: {
         container?: string;
@@ -166,38 +129,53 @@ interface TabsProps {
     };
     /** Custom inline CSS styles for Tabs container and tab wrappers. */
     styles?: {
-        container?: React__default.CSSProperties;
-        tab?: React__default.CSSProperties | ((tabId: string) => React__default.CSSProperties);
+        container?: React.CSSProperties;
+        tab?: React.CSSProperties | ((tabId: string) => React.CSSProperties);
     };
 }
-declare const Tabs: React__default.FC<TabsProps>;
+declare const Tabs: React.FC<TabsProps> & {
+    Tab: typeof Tab;
+};
 
-interface TabContextValue {
-    tabId: string;
-    isActive: boolean;
-    isDragging: boolean;
-    isOver: boolean;
-    metadata?: Record<string, unknown>;
-    locked: boolean;
-    selectTab: () => void;
-    removeTab: () => void;
-}
-declare const useTabContext: () => TabContextValue;
-interface TabRenderProps {
-    isDragging: boolean;
-    isOver: boolean;
+interface PaneControlsProps {
+    /** Custom CSS class applied to the controls container. */
+    className?: string;
+    /** Custom inline CSS style applied to the controls container. */
+    style?: React.CSSProperties;
+    /** The children elements (e.g. close and fullscreen buttons) to render inside the controls container. */
+    children?: React.ReactNode;
 }
+declare const PaneControls: React.FC<PaneControlsProps>;
 
-interface WidgetProps {
-    /** The unique ID of the widget, matching a `id` in the layout tree schema. */
+interface PaneContextValue extends PaneRenderProps {
+    id: string;
+}
+declare const usePaneContext: () => PaneContextValue;
+interface PaneContentProps {
+    /** A render callback (tab) => ReactNode or static ReactNode content to render for the active tab. */
+    children?: React.ReactNode | ((tab: TabDetails) => React.ReactNode);
+    /** Custom CSS class applied to the tab content wrapper. */
+    className?: string;
+    /** Custom inline CSS style applied to the tab content wrapper. */
+    style?: React.CSSProperties;
+}
+declare const PaneContent: React.FC<PaneContentProps>;
+interface PaneProps {
+    /** The unique ID of the pane, matching a `paneId` in the layout tree schema. */
     id: string;
-    /** Render prop function providing widget state (isDragging, isFullscreen, etc.) and handlers. */
-    children: (props: WidgetRenderProps) => React__default.ReactNode;
-    /** Optional inline CSS styles applied to the widget outer container. */
-    style?: React__default.CSSProperties;
-    /** Optional override to lock this specific widget. */
+    /** The children elements inside the pane (e.g. headers, tabs, content). */
+    children: React.ReactNode;
+    /** Optional inline CSS styles applied to the pane outer container. */
+    style?: React.CSSProperties;
+    /** Optional override to lock this specific pane. */
     locked?: boolean;
 }
-declare const Widget: React__default.FC<WidgetProps>;
-
-export { DEFAULT_DRAG_ACTIVATION_DISTANCE, DEFAULT_RESIZER_SIZE, DEFAULT_SNAP_THRESHOLD, DragHandle, type DragHandleProps, type DragSessionConfig, Pane, type PaneProps, type PaneRenderProps, PaneTree, PortalRegistryContext, PortalRegistryValue, SplitDirection, SplitNode, type TabContextValue, type TabRenderProps, Tabs, type TabsProps, TreeNode, UseZeugmaOptions, Widget, type WidgetProps, type WidgetRenderProps, Zeugma, ZeugmaActionsContext, ZeugmaActionsValue, ZeugmaContextValue, ZeugmaController, ZeugmaDragContext, ZeugmaDragStateValue, ZeugmaProps, ZeugmaStateContext, ZeugmaStateValue, createDragSession, safeJsonStringify, useResizer, useTabContext, useZeugma, useZeugmaActions, useZeugmaContext, useZeugmaDrag, useZeugmaState };
+declare const Pane: React.FC<PaneProps> & {
+    Content: typeof PaneContent;
+    DragHandle: typeof DragHandle;
+    Tabs: typeof Tabs;
+    Tab: typeof Tab;
+    Controls: typeof PaneControls;
+};
+
+export { type DragHandleProps, Pane, type PaneControlsProps, type PaneProps, type PaneRenderProps, PaneTree, SplitDirection, SplitNode, TabDetails, type TabsProps, TreeNode, UseZeugmaOptions, Zeugma, ZeugmaController, ZeugmaProps, ZeugmaProvider, ZeugmaProviderProps, usePaneContext, useResizer, useZeugma, useZeugmaContext };