@blorkfield/blork-tabs 0.3.0 → 0.4.0

package/dist/index.d.cts

@@ -52,6 +52,8 @@ interface PanelConfig {
     title?: string;
     /** Initial width (default: 300) */
     width?: number;
+    /** Initial pin state (default: false) */
+    startPinned?: boolean;
     /** Initial collapsed state (default: true) */
     startCollapsed?: boolean;
     /** Initial position (optional - will be auto-positioned if not provided) */
@@ -65,12 +67,16 @@ interface PanelConfig {
     element?: HTMLDivElement;
     /** Custom drag handle element */
     dragHandle?: HTMLDivElement;
+    /** Custom pin button element */
+    pinButton?: HTMLButtonElement;
     /** Custom collapse button element */
     collapseButton?: HTMLButtonElement;
     /** Custom content wrapper element */
     contentWrapper?: HTMLDivElement;
     /** Custom detach grip element */
     detachGrip?: HTMLDivElement;
+    /** Whether panel can be pinned (default: false) */
+    pinnable?: boolean;
     /** Whether panel can be collapsed (default: true) */
     collapsible?: boolean;
     /** Whether panel can be detached from group (default: true) */
@@ -111,12 +117,16 @@ interface PanelState {
     element: HTMLDivElement;
     /** Drag handle element */
     dragHandle: HTMLDivElement;
+    /** Pin button element (if pinable) */
+    pinButton: HTMLButtonElement | null;
     /** Collapse button element (if collapsible) */
     collapseButton: HTMLButtonElement | null;
     /** Content wrapper element */
     contentWrapper: HTMLDivElement;
     /** Detach grip element (if detachable) */
     detachGrip: HTMLDivElement | null;
+    /** Whether panel is currently pinned */
+    isPinned: boolean;
     /** Whether panel is currently collapsed */
     isCollapsed: boolean;
     /** ID of panel this is snapped to on its right (outgoing link) */
@@ -226,6 +236,8 @@ interface TabManagerEvents {
     'snap:anchor': AnchorSnapEvent;
     /** Fired when a panel is detached from group */
     'panel:detached': PanelDetachedEvent;
+    /** Fired when panel pin state changes */
+    'panel:pin': PanelPinEvent;
     /** Fired when panel collapse state changes */
     'panel:collapse': PanelCollapseEvent;
     /** Fired when a panel becomes visible (auto-hide) */
@@ -269,6 +281,10 @@ interface PanelDetachedEvent {
     panel: PanelState;
     previousGroup: PanelState[];
 }
+interface PanelPinEvent {
+    panel: PanelState;
+    isPinned: boolean;
+}
 interface PanelCollapseEvent {
     panel: PanelState;
     isCollapsed: boolean;
@@ -295,6 +311,7 @@ interface CSSClasses {
     panelContent: string;
     panelContentCollapsed: string;
     detachGrip: string;
+    pinButton: string;
     collapseButton: string;
     snapPreview: string;
     snapPreviewVisible: string;
@@ -324,6 +341,19 @@ interface DebugPanelConfig extends Omit<PanelConfig, 'content'> {
     maxEntries?: number;
     /** Show timestamps on entries (default: false) */
     showTimestamps?: boolean;
+    /** Milliseconds to hover before enlarging (default: 5000, 0 = disable) */
+    hoverDelay?: number;
+}
+/**
+ * Configuration for creating an embeddable debug log
+ */
+interface DebugLogConfig {
+    /** Maximum log entries before oldest are removed (default: 50) */
+    maxEntries?: number;
+    /** Show timestamps on entries (default: false) */
+    showTimestamps?: boolean;
+    /** Milliseconds to hover before enlarging (default: 5000, 0 = disable) */
+    hoverDelay?: number;
 }
 /**
  * Log level for debug entries
@@ -346,6 +376,21 @@ interface DebugPanel {
     /** The underlying panel state */
     panel: PanelState;
 }
+/**
+ * Interface for an embeddable debug log (without panel)
+ */
+interface DebugLog {
+    /** Log an event (alias for info) */
+    log(eventName: string, data?: Record<string, unknown>): void;
+    /** Log an info event (blue) */
+    info(eventName: string, data?: Record<string, unknown>): void;
+    /** Log a warning event (yellow) */
+    warn(eventName: string, data?: Record<string, unknown>): void;
+    /** Log an error event (red) */
+    error(eventName: string, data?: Record<string, unknown>): void;
+    /** Clear all log entries */
+    clear(): void;
+}
 
 /**
  * @blorkfield/blork-tabs - TabManager
@@ -375,6 +420,7 @@ declare class TabManager {
      */
     registerPanel(id: string, element: HTMLDivElement, options?: {
         dragHandle?: HTMLDivElement;
+        pinButton?: HTMLButtonElement;
         collapseButton?: HTMLButtonElement;
         contentWrapper?: HTMLDivElement;
         detachGrip?: HTMLDivElement;
@@ -396,6 +442,10 @@ declare class TabManager {
      * Add a debug panel with built-in logging functionality
      */
     addDebugPanel(config: DebugPanelConfig): DebugPanel;
+    /**
+     * Create an embeddable debug log in any container element
+     */
+    createDebugLog(container: HTMLElement, config?: DebugLogConfig): DebugLog;
     /**
      * Set up event handlers for a panel
      */
@@ -666,6 +716,7 @@ declare class AutoHideManager {
     private classes;
     private callbacks;
     private hideTimers;
+    private pausedPanels;
     private boundActivityHandler;
     private listenersAttached;
     constructor(panels: Map<string, PanelState>, classes: CSSClasses, callbacks: AutoHideCallbacks);
@@ -680,11 +731,19 @@ declare class AutoHideManager {
     /**
      * Schedule a panel to hide after its delay
      */
-    private scheduleHide;
+    scheduleHide(panel: PanelState): void;
     /**
      * Clear hide timer for a panel
      */
-    private clearTimer;
+    clearTimer(panelId: string): void;
+    /**
+     * Pause auto-hide timer for a panel (e.g., during debug hover)
+     */
+    pauseTimer(panelId: string): void;
+    /**
+     * Resume auto-hide timer for a panel
+     */
+    resumeTimer(panelId: string): void;
     /**
      * Show a panel
      */
@@ -693,6 +752,12 @@ declare class AutoHideManager {
      * Hide a panel
      */
     hide(panel: PanelState, trigger: 'timeout' | 'api'): void;
+    /**
+     * Called when a panel's pin state changes.
+     * Pinning cancels the hide timer and reveals the panel if hidden.
+     * Unpinning restarts the timer if the panel participates in auto-hide.
+     */
+    onPanelPinChanged(panel: PanelState): void;
     /**
      * Initialize a newly added panel's auto-hide state
      */
@@ -724,9 +789,39 @@ declare function createDebugPanelContent(_config: DebugPanelConfig, classes: CSS
     elements: DebugPanelElements;
 };
 /**
- * Create the interface for interacting with a debug panel
+ * Create the interface for interacting with a debug panel.
+ * Uses the shared createDebugLogInterface internally.
  */
 declare function createDebugPanelInterface(panel: PanelState, elements: DebugPanelElements, config: DebugPanelConfig, classes: CSSClasses): DebugPanel;
+interface DebugLogSetup {
+    debugLog: DebugLog;
+    logContainer: HTMLDivElement;
+}
+/**
+ * Create an embeddable debug log in any container element
+ */
+declare function createDebugLog(container: HTMLElement, config: DebugLogConfig, classes: CSSClasses): DebugLogSetup;
+interface HoverEnlargeConfig {
+    /** The log container element (.blork-tabs-debug-log) to enlarge */
+    logContainer: HTMLElement;
+    /** Hover delay in ms (0 = disable) */
+    hoverDelay: number;
+    /** Container to append backdrop to */
+    backdropContainer: HTMLElement;
+    /** CSS classes */
+    classes: CSSClasses;
+    /** Called when hovering starts */
+    onHoverStart?: () => void;
+    /** Called when hovering ends (without enlarging) */
+    onHoverEnd?: () => void;
+    /** Called when enlarged view is closed */
+    onClose?: () => void;
+}
+/**
+ * Set up hover-to-enlarge behavior for a debug log container.
+ * Works the same for both standalone debug panels and embedded logs.
+ */
+declare function setupHoverEnlarge(config: HoverEnlargeConfig): void;
 
 /**
  * @blorkfield/blork-tabs - Panel
@@ -739,6 +834,7 @@ declare function createDebugPanelInterface(panel: PanelState, elements: DebugPan
 declare function createPanelElement(config: PanelConfig, classes: CSSClasses): {
     element: HTMLDivElement;
     dragHandle: HTMLDivElement;
+    pinButton: HTMLButtonElement | null;
     collapseButton: HTMLButtonElement | null;
     contentWrapper: HTMLDivElement;
     detachGrip: HTMLDivElement | null;
@@ -754,6 +850,10 @@ declare function createPanelState(config: PanelConfig, classes: CSSClasses, glob
  * Toggle panel collapse state
  */
 declare function toggleCollapse(state: PanelState, classes: CSSClasses, collapsed?: boolean): boolean;
+/**
+ * Toggle panel pin state
+ */
+declare function togglePin(state: PanelState, pinned?: boolean): boolean;
 /**
  * Show a hidden panel
  */
@@ -838,9 +938,21 @@ declare function areInSameChain(panel1: PanelState, panel2: PanelState, panels:
  * Establish a snap relationship between two panels
  */
 declare function snapPanels(leftPanel: PanelState, rightPanel: PanelState): void;
+/**
+ * Get the subset of connected panels that should move when a panel is grabbed,
+ * stopping at any pinned panel in the chain.
+ *
+ * Pinned panels act as immoveable barriers — the chain splits at each one,
+ * and only the panels on the same side as the grabbed panel are returned.
+ * The snap bonds at each pin boundary are severed as a side effect.
+ *
+ * Example: chain [A, B, P(pinned), C, D], grab B → returns [A, B], unseats B↔P
+ * Example: chain [A, P(pinned), B, C], grab C → returns [B, C], unseats P↔B
+ */
+declare function getMovingGroupRespectingPins(grabbedPanel: PanelState, panels: Map<string, PanelState>): PanelState[];
 /**
  * Break the snap relationship between two specific panels
  */
 declare function unsnap(leftPanel: PanelState, rightPanel: PanelState): void;
 
-export { type AnchorConfig, AnchorManager, type AnchorPreset, type AnchorSnapEvent, type AnchorSnapResult, type AnchorState, type AutoHideCallbacks, AutoHideManager, type Bounds, type CSSClasses, type DebugLogLevel, type DebugPanel, type DebugPanelConfig, type DragEndEvent, DragManager, type DragMode, type DragMoveEvent, type DragStartEvent, type DragState, type EventListener, type PanelAddedEvent, type PanelCollapseEvent, type PanelConfig, type PanelDetachedEvent, type PanelHideEvent, type PanelRemovedEvent, type PanelShowEvent, type PanelSnapEvent, type PanelState, type Position, type ResolvedTabManagerConfig, SnapPreview, type SnapSide, type SnapTarget, TabManager, type TabManagerConfig, type TabManagerEvents, areInSameChain, createDebugPanelContent, createDebugPanelInterface, createPanelElement, createPanelState, createPresetAnchor, detachFromGroup, findSnapTarget, getConnectedGroup, getDefaultAnchorConfigs, getDefaultZIndex, getDragZIndex, getLeftmostPanel, getPanelDimensions, getPanelPosition, getRightmostPanel, hidePanel, setPanelPosition, setPanelZIndex, showPanel, snapPanels, snapPanelsToTarget, toggleCollapse, unsnap, updateSnappedPositions };
+export { type AnchorConfig, AnchorManager, type AnchorPreset, type AnchorSnapEvent, type AnchorSnapResult, type AnchorState, type AutoHideCallbacks, AutoHideManager, type Bounds, type CSSClasses, type DebugLog, type DebugLogConfig, type DebugLogLevel, type DebugPanel, type DebugPanelConfig, type DragEndEvent, DragManager, type DragMode, type DragMoveEvent, type DragStartEvent, type DragState, type EventListener, type PanelAddedEvent, type PanelCollapseEvent, type PanelConfig, type PanelDetachedEvent, type PanelHideEvent, type PanelPinEvent, type PanelRemovedEvent, type PanelShowEvent, type PanelSnapEvent, type PanelState, type Position, type ResolvedTabManagerConfig, SnapPreview, type SnapSide, type SnapTarget, TabManager, type TabManagerConfig, type TabManagerEvents, areInSameChain, createDebugLog, createDebugPanelContent, createDebugPanelInterface, createPanelElement, createPanelState, createPresetAnchor, detachFromGroup, findSnapTarget, getConnectedGroup, getDefaultAnchorConfigs, getDefaultZIndex, getDragZIndex, getLeftmostPanel, getMovingGroupRespectingPins, getPanelDimensions, getPanelPosition, getRightmostPanel, hidePanel, setPanelPosition, setPanelZIndex, setupHoverEnlarge, showPanel, snapPanels, snapPanelsToTarget, toggleCollapse, togglePin, unsnap, updateSnappedPositions };

package/dist/index.d.ts

@@ -52,6 +52,8 @@ interface PanelConfig {
     title?: string;
     /** Initial width (default: 300) */
     width?: number;
+    /** Initial pin state (default: false) */
+    startPinned?: boolean;
     /** Initial collapsed state (default: true) */
     startCollapsed?: boolean;
     /** Initial position (optional - will be auto-positioned if not provided) */
@@ -65,12 +67,16 @@ interface PanelConfig {
     element?: HTMLDivElement;
     /** Custom drag handle element */
     dragHandle?: HTMLDivElement;
+    /** Custom pin button element */
+    pinButton?: HTMLButtonElement;
     /** Custom collapse button element */
     collapseButton?: HTMLButtonElement;
     /** Custom content wrapper element */
     contentWrapper?: HTMLDivElement;
     /** Custom detach grip element */
     detachGrip?: HTMLDivElement;
+    /** Whether panel can be pinned (default: false) */
+    pinnable?: boolean;
     /** Whether panel can be collapsed (default: true) */
     collapsible?: boolean;
     /** Whether panel can be detached from group (default: true) */
@@ -111,12 +117,16 @@ interface PanelState {
     element: HTMLDivElement;
     /** Drag handle element */
     dragHandle: HTMLDivElement;
+    /** Pin button element (if pinable) */
+    pinButton: HTMLButtonElement | null;
     /** Collapse button element (if collapsible) */
     collapseButton: HTMLButtonElement | null;
     /** Content wrapper element */
     contentWrapper: HTMLDivElement;
     /** Detach grip element (if detachable) */
     detachGrip: HTMLDivElement | null;
+    /** Whether panel is currently pinned */
+    isPinned: boolean;
     /** Whether panel is currently collapsed */
     isCollapsed: boolean;
     /** ID of panel this is snapped to on its right (outgoing link) */
@@ -226,6 +236,8 @@ interface TabManagerEvents {
     'snap:anchor': AnchorSnapEvent;
     /** Fired when a panel is detached from group */
     'panel:detached': PanelDetachedEvent;
+    /** Fired when panel pin state changes */
+    'panel:pin': PanelPinEvent;
     /** Fired when panel collapse state changes */
     'panel:collapse': PanelCollapseEvent;
     /** Fired when a panel becomes visible (auto-hide) */
@@ -269,6 +281,10 @@ interface PanelDetachedEvent {
     panel: PanelState;
     previousGroup: PanelState[];
 }
+interface PanelPinEvent {
+    panel: PanelState;
+    isPinned: boolean;
+}
 interface PanelCollapseEvent {
     panel: PanelState;
     isCollapsed: boolean;
@@ -295,6 +311,7 @@ interface CSSClasses {
     panelContent: string;
     panelContentCollapsed: string;
     detachGrip: string;
+    pinButton: string;
     collapseButton: string;
     snapPreview: string;
     snapPreviewVisible: string;
@@ -324,6 +341,19 @@ interface DebugPanelConfig extends Omit<PanelConfig, 'content'> {
     maxEntries?: number;
     /** Show timestamps on entries (default: false) */
     showTimestamps?: boolean;
+    /** Milliseconds to hover before enlarging (default: 5000, 0 = disable) */
+    hoverDelay?: number;
+}
+/**
+ * Configuration for creating an embeddable debug log
+ */
+interface DebugLogConfig {
+    /** Maximum log entries before oldest are removed (default: 50) */
+    maxEntries?: number;
+    /** Show timestamps on entries (default: false) */
+    showTimestamps?: boolean;
+    /** Milliseconds to hover before enlarging (default: 5000, 0 = disable) */
+    hoverDelay?: number;
 }
 /**
  * Log level for debug entries
@@ -346,6 +376,21 @@ interface DebugPanel {
     /** The underlying panel state */
     panel: PanelState;
 }
+/**
+ * Interface for an embeddable debug log (without panel)
+ */
+interface DebugLog {
+    /** Log an event (alias for info) */
+    log(eventName: string, data?: Record<string, unknown>): void;
+    /** Log an info event (blue) */
+    info(eventName: string, data?: Record<string, unknown>): void;
+    /** Log a warning event (yellow) */
+    warn(eventName: string, data?: Record<string, unknown>): void;
+    /** Log an error event (red) */
+    error(eventName: string, data?: Record<string, unknown>): void;
+    /** Clear all log entries */
+    clear(): void;
+}
 
 /**
  * @blorkfield/blork-tabs - TabManager
@@ -375,6 +420,7 @@ declare class TabManager {
      */
     registerPanel(id: string, element: HTMLDivElement, options?: {
         dragHandle?: HTMLDivElement;
+        pinButton?: HTMLButtonElement;
         collapseButton?: HTMLButtonElement;
         contentWrapper?: HTMLDivElement;
         detachGrip?: HTMLDivElement;
@@ -396,6 +442,10 @@ declare class TabManager {
      * Add a debug panel with built-in logging functionality
      */
     addDebugPanel(config: DebugPanelConfig): DebugPanel;
+    /**
+     * Create an embeddable debug log in any container element
+     */
+    createDebugLog(container: HTMLElement, config?: DebugLogConfig): DebugLog;
     /**
      * Set up event handlers for a panel
      */
@@ -666,6 +716,7 @@ declare class AutoHideManager {
     private classes;
     private callbacks;
     private hideTimers;
+    private pausedPanels;
     private boundActivityHandler;
     private listenersAttached;
     constructor(panels: Map<string, PanelState>, classes: CSSClasses, callbacks: AutoHideCallbacks);
@@ -680,11 +731,19 @@ declare class AutoHideManager {
     /**
      * Schedule a panel to hide after its delay
      */
-    private scheduleHide;
+    scheduleHide(panel: PanelState): void;
     /**
      * Clear hide timer for a panel
      */
-    private clearTimer;
+    clearTimer(panelId: string): void;
+    /**
+     * Pause auto-hide timer for a panel (e.g., during debug hover)
+     */
+    pauseTimer(panelId: string): void;
+    /**
+     * Resume auto-hide timer for a panel
+     */
+    resumeTimer(panelId: string): void;
     /**
      * Show a panel
      */
@@ -693,6 +752,12 @@ declare class AutoHideManager {
      * Hide a panel
      */
     hide(panel: PanelState, trigger: 'timeout' | 'api'): void;
+    /**
+     * Called when a panel's pin state changes.
+     * Pinning cancels the hide timer and reveals the panel if hidden.
+     * Unpinning restarts the timer if the panel participates in auto-hide.
+     */
+    onPanelPinChanged(panel: PanelState): void;
     /**
      * Initialize a newly added panel's auto-hide state
      */
@@ -724,9 +789,39 @@ declare function createDebugPanelContent(_config: DebugPanelConfig, classes: CSS
     elements: DebugPanelElements;
 };
 /**
- * Create the interface for interacting with a debug panel
+ * Create the interface for interacting with a debug panel.
+ * Uses the shared createDebugLogInterface internally.
  */
 declare function createDebugPanelInterface(panel: PanelState, elements: DebugPanelElements, config: DebugPanelConfig, classes: CSSClasses): DebugPanel;
+interface DebugLogSetup {
+    debugLog: DebugLog;
+    logContainer: HTMLDivElement;
+}
+/**
+ * Create an embeddable debug log in any container element
+ */
+declare function createDebugLog(container: HTMLElement, config: DebugLogConfig, classes: CSSClasses): DebugLogSetup;
+interface HoverEnlargeConfig {
+    /** The log container element (.blork-tabs-debug-log) to enlarge */
+    logContainer: HTMLElement;
+    /** Hover delay in ms (0 = disable) */
+    hoverDelay: number;
+    /** Container to append backdrop to */
+    backdropContainer: HTMLElement;
+    /** CSS classes */
+    classes: CSSClasses;
+    /** Called when hovering starts */
+    onHoverStart?: () => void;
+    /** Called when hovering ends (without enlarging) */
+    onHoverEnd?: () => void;
+    /** Called when enlarged view is closed */
+    onClose?: () => void;
+}
+/**
+ * Set up hover-to-enlarge behavior for a debug log container.
+ * Works the same for both standalone debug panels and embedded logs.
+ */
+declare function setupHoverEnlarge(config: HoverEnlargeConfig): void;
 
 /**
  * @blorkfield/blork-tabs - Panel
@@ -739,6 +834,7 @@ declare function createDebugPanelInterface(panel: PanelState, elements: DebugPan
 declare function createPanelElement(config: PanelConfig, classes: CSSClasses): {
     element: HTMLDivElement;
     dragHandle: HTMLDivElement;
+    pinButton: HTMLButtonElement | null;
     collapseButton: HTMLButtonElement | null;
     contentWrapper: HTMLDivElement;
     detachGrip: HTMLDivElement | null;
@@ -754,6 +850,10 @@ declare function createPanelState(config: PanelConfig, classes: CSSClasses, glob
  * Toggle panel collapse state
  */
 declare function toggleCollapse(state: PanelState, classes: CSSClasses, collapsed?: boolean): boolean;
+/**
+ * Toggle panel pin state
+ */
+declare function togglePin(state: PanelState, pinned?: boolean): boolean;
 /**
  * Show a hidden panel
  */
@@ -838,9 +938,21 @@ declare function areInSameChain(panel1: PanelState, panel2: PanelState, panels:
  * Establish a snap relationship between two panels
  */
 declare function snapPanels(leftPanel: PanelState, rightPanel: PanelState): void;
+/**
+ * Get the subset of connected panels that should move when a panel is grabbed,
+ * stopping at any pinned panel in the chain.
+ *
+ * Pinned panels act as immoveable barriers — the chain splits at each one,
+ * and only the panels on the same side as the grabbed panel are returned.
+ * The snap bonds at each pin boundary are severed as a side effect.
+ *
+ * Example: chain [A, B, P(pinned), C, D], grab B → returns [A, B], unseats B↔P
+ * Example: chain [A, P(pinned), B, C], grab C → returns [B, C], unseats P↔B
+ */
+declare function getMovingGroupRespectingPins(grabbedPanel: PanelState, panels: Map<string, PanelState>): PanelState[];
 /**
  * Break the snap relationship between two specific panels
  */
 declare function unsnap(leftPanel: PanelState, rightPanel: PanelState): void;
 
-export { type AnchorConfig, AnchorManager, type AnchorPreset, type AnchorSnapEvent, type AnchorSnapResult, type AnchorState, type AutoHideCallbacks, AutoHideManager, type Bounds, type CSSClasses, type DebugLogLevel, type DebugPanel, type DebugPanelConfig, type DragEndEvent, DragManager, type DragMode, type DragMoveEvent, type DragStartEvent, type DragState, type EventListener, type PanelAddedEvent, type PanelCollapseEvent, type PanelConfig, type PanelDetachedEvent, type PanelHideEvent, type PanelRemovedEvent, type PanelShowEvent, type PanelSnapEvent, type PanelState, type Position, type ResolvedTabManagerConfig, SnapPreview, type SnapSide, type SnapTarget, TabManager, type TabManagerConfig, type TabManagerEvents, areInSameChain, createDebugPanelContent, createDebugPanelInterface, createPanelElement, createPanelState, createPresetAnchor, detachFromGroup, findSnapTarget, getConnectedGroup, getDefaultAnchorConfigs, getDefaultZIndex, getDragZIndex, getLeftmostPanel, getPanelDimensions, getPanelPosition, getRightmostPanel, hidePanel, setPanelPosition, setPanelZIndex, showPanel, snapPanels, snapPanelsToTarget, toggleCollapse, unsnap, updateSnappedPositions };
+export { type AnchorConfig, AnchorManager, type AnchorPreset, type AnchorSnapEvent, type AnchorSnapResult, type AnchorState, type AutoHideCallbacks, AutoHideManager, type Bounds, type CSSClasses, type DebugLog, type DebugLogConfig, type DebugLogLevel, type DebugPanel, type DebugPanelConfig, type DragEndEvent, DragManager, type DragMode, type DragMoveEvent, type DragStartEvent, type DragState, type EventListener, type PanelAddedEvent, type PanelCollapseEvent, type PanelConfig, type PanelDetachedEvent, type PanelHideEvent, type PanelPinEvent, type PanelRemovedEvent, type PanelShowEvent, type PanelSnapEvent, type PanelState, type Position, type ResolvedTabManagerConfig, SnapPreview, type SnapSide, type SnapTarget, TabManager, type TabManagerConfig, type TabManagerEvents, areInSameChain, createDebugLog, createDebugPanelContent, createDebugPanelInterface, createPanelElement, createPanelState, createPresetAnchor, detachFromGroup, findSnapTarget, getConnectedGroup, getDefaultAnchorConfigs, getDefaultZIndex, getDragZIndex, getLeftmostPanel, getMovingGroupRespectingPins, getPanelDimensions, getPanelPosition, getRightmostPanel, hidePanel, setPanelPosition, setPanelZIndex, setupHoverEnlarge, showPanel, snapPanels, snapPanelsToTarget, toggleCollapse, togglePin, unsnap, updateSnappedPositions };