react-panel-layout 0.6.0 → 0.6.1

package/dist/modules/dialog/types.d.ts

@@ -0,0 +1,183 @@
+/**
+ * @file Dialog module type definitions
+ */
+import type * as React from "react";
+import type { Position } from "../../types";
+/**
+ * Transition mode for dialog animations
+ * - "none": No animation
+ * - "css": CSS-based fade/scale animation
+ * - "swipe": Swipeable with multi-phase animation
+ */
+export type DialogTransitionMode = "none" | "css" | "swipe";
+/**
+ * Direction from which the dialog opens.
+ * The close animation uses the same direction (swipe down to close if opened from bottom).
+ */
+export type DialogOpenDirection = "center" | "top" | "bottom" | "left" | "right";
+/**
+ * Base props for DialogContainer component
+ */
+export type DialogContainerProps = {
+    /** Whether the dialog is visible */
+    visible: boolean;
+    /** Callback when dialog should close */
+    onClose: () => void;
+    /** Dialog content */
+    children: React.ReactNode;
+    /** Position: 'center' for screen center, or Position for absolute coordinates */
+    position?: "center" | Position;
+    /** Whether clicking backdrop closes the dialog */
+    dismissible?: boolean;
+    /** Whether pressing Escape closes the dialog */
+    closeOnEscape?: boolean;
+    /** Whether to prevent body scroll when open */
+    preventBodyScroll?: boolean;
+    /** Whether to return focus to previous element on close */
+    returnFocus?: boolean;
+    /** Aria label for the dialog */
+    ariaLabel?: string;
+    /** ID of element that labels the dialog */
+    ariaLabelledBy?: string;
+    /** ID of element that describes the dialog */
+    ariaDescribedBy?: string;
+    /** Transition mode */
+    transitionMode?: DialogTransitionMode;
+    /** Transition duration (CSS value, e.g. '200ms') */
+    transitionDuration?: string;
+    /** Transition easing (CSS value, e.g. 'ease-out') */
+    transitionEasing?: string;
+    /** Whether the dialog can be dismissed by swiping. @default false for "css", true for "swipe" */
+    swipeDismissible?: boolean;
+    /** Direction the dialog opens from (used for swipe mode). @default "center" */
+    openDirection?: DialogOpenDirection;
+    /** Whether to use viewTransition API for close animation (when available). @default false */
+    useViewTransition?: boolean;
+};
+/**
+ * Header configuration for Modal
+ */
+export type ModalHeader = {
+    /** Title displayed in the header */
+    title: string;
+    /** Whether to show close button (default: true) */
+    showCloseButton?: boolean;
+};
+/**
+ * Props for Modal component
+ */
+export type ModalProps = Omit<DialogContainerProps, "position"> & {
+    /** Header configuration */
+    header?: ModalHeader;
+    /** Modal width */
+    width?: string | number;
+    /** Modal height */
+    height?: string | number;
+    /** Max width (default: 90vw) */
+    maxWidth?: string | number;
+    /** Max height (default: 85vh) */
+    maxHeight?: string | number;
+    /** Whether to use FloatingPanelFrame chrome (default: true) */
+    chrome?: boolean;
+    /** Custom content style */
+    contentStyle?: React.CSSProperties;
+};
+/**
+ * Options for alert dialog
+ */
+export type AlertOptions = {
+    /** Optional title */
+    title?: string;
+    /** Message to display */
+    message: string;
+    /** OK button label (default: 'OK') */
+    okLabel?: string;
+};
+/**
+ * Options for confirm dialog
+ */
+export type ConfirmOptions = AlertOptions & {
+    /** Confirm button label (default: 'OK') */
+    confirmLabel?: string;
+    /** Cancel button label (default: 'Cancel') */
+    cancelLabel?: string;
+};
+/**
+ * Options for prompt dialog
+ */
+export type PromptOptions = ConfirmOptions & {
+    /** Default input value */
+    defaultValue?: string;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Input type (default: 'text') */
+    inputType?: "text" | "password" | "email" | "number";
+};
+/**
+ * Internal state for dialog queue
+ */
+export type DialogQueueItem = {
+    type: "alert";
+    options: AlertOptions;
+    resolve: (value: void) => void;
+} | {
+    type: "confirm";
+    options: ConfirmOptions;
+    resolve: (value: boolean) => void;
+} | {
+    type: "prompt";
+    options: PromptOptions;
+    resolve: (value: string | null) => void;
+};
+/**
+ * Return type of useDialog hook
+ */
+export type UseDialogReturn = {
+    /** Show an alert dialog */
+    alert: (options: AlertOptions | string) => Promise<void>;
+    /** Show a confirm dialog */
+    confirm: (options: ConfirmOptions | string) => Promise<boolean>;
+    /** Show a prompt dialog */
+    prompt: (options: PromptOptions | string) => Promise<string | null>;
+    /** Outlet component to render dialogs */
+    Outlet: React.FC;
+};
+/**
+ * Props for useDialog hook
+ */
+export type UseDialogProps = {
+    /**
+     * Custom component to render alert/confirm/prompt dialogs.
+     * When provided, replaces the default AlertDialog component.
+     */
+    alertDialogComponent?: React.ComponentType<AlertDialogProps>;
+};
+/**
+ * Props for AlertDialog component (internal)
+ */
+export type AlertDialogProps = {
+    /** Dialog type */
+    type: "alert" | "confirm" | "prompt";
+    /** Whether the dialog is visible */
+    visible: boolean;
+    /** Title */
+    title?: string;
+    /** Message */
+    message: string;
+    /** OK/Confirm button label */
+    confirmLabel?: string;
+    /** Cancel button label */
+    cancelLabel?: string;
+    /** Placeholder for prompt input */
+    placeholder?: string;
+    /** Default value for prompt input */
+    defaultValue?: string;
+    /** Input type for prompt */
+    inputType?: "text" | "password" | "email" | "number";
+    /** Callback for confirm/OK action */
+    onConfirm: (value?: string) => void;
+    /** Callback for cancel action */
+    onCancel: () => void;
+    /** Whether the dialog can be dismissed by swiping. @default false for alert, true for confirm/prompt */
+    swipeDismissible?: boolean;
+};

package/dist/modules/dialog/useDialog.d.ts

@@ -0,0 +1,39 @@
+import type { UseDialogReturn, UseDialogProps } from "./types";
+/**
+ * Hook for imperative alert/confirm/prompt dialogs.
+ *
+ * Returns functions to show dialogs and an Outlet component that must be rendered.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { alert, confirm, prompt, Outlet } = useDialog();
+ *
+ *   const handleClick = async () => {
+ *     await alert("Hello!");
+ *
+ *     const confirmed = await confirm({
+ *       message: "Are you sure?",
+ *       confirmLabel: "Yes",
+ *       cancelLabel: "No",
+ *     });
+ *
+ *     if (confirmed) {
+ *       const name = await prompt({
+ *         message: "Enter your name:",
+ *         defaultValue: "Anonymous",
+ *       });
+ *       console.log("Name:", name);
+ *     }
+ *   };
+ *
+ *   return (
+ *     <>
+ *       <button onClick={handleClick}>Show dialogs</button>
+ *       <Outlet />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export declare const useDialog: (props?: UseDialogProps) => UseDialogReturn;

package/dist/modules/dialog/useDialogContainer.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @file Hook for managing dialog element lifecycle
+ */
+import * as React from "react";
+export type UseDialogContainerOptions = {
+    /** Whether the dialog is visible */
+    visible: boolean;
+    /** Callback when dialog should close */
+    onClose: () => void;
+    /** Whether clicking backdrop closes the dialog (default: true) */
+    dismissible?: boolean;
+    /** Whether pressing Escape closes the dialog (default: true) */
+    closeOnEscape?: boolean;
+    /** Whether to return focus to previous element on close (default: true) */
+    returnFocus?: boolean;
+    /** Whether to prevent body scroll when open (default: true) */
+    preventBodyScroll?: boolean;
+};
+export type UseDialogContainerReturn = {
+    /** Ref to attach to the dialog element */
+    dialogRef: React.RefObject<HTMLDialogElement | null>;
+    /** Props to spread onto the dialog element */
+    dialogProps: {
+        onCancel: (event: React.SyntheticEvent) => void;
+        onClick: (event: React.MouseEvent<HTMLDialogElement>) => void;
+    };
+};
+/**
+ * Hook for managing native dialog element lifecycle
+ *
+ * @example
+ * ```tsx
+ * function MyDialog({ visible, onClose }) {
+ *   const { dialogRef, dialogProps } = useDialogContainer({
+ *     visible,
+ *     onClose,
+ *   });
+ *
+ *   return (
+ *     <dialog ref={dialogRef} {...dialogProps}>
+ *       <div>Dialog content</div>
+ *     </dialog>
+ *   );
+ * }
+ * ```
+ */
+export declare const useDialogContainer: (options: UseDialogContainerOptions) => UseDialogContainerReturn;

package/dist/modules/dialog/useDialogSwipeInput.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @file Hook for detecting swipe gestures to dismiss a dialog.
+ *
+ * This hook provides free 2D movement during swipe:
+ * - User can drag in any direction freely
+ * - Close intent is detected on release based on displacement direction
+ * - If movement matches close direction and exceeds threshold, dismiss
+ * - Otherwise, snap back to original position
+ */
+import * as React from "react";
+import { type ContinuousOperationState, type Vector2 } from "../../hooks/gesture/types.js";
+import type { DialogOpenDirection } from "./dialogAnimationUtils.js";
+/**
+ * Options for useDialogSwipeInput hook.
+ */
+export type UseDialogSwipeInputOptions = {
+    /** Ref to the dialog container element */
+    containerRef: React.RefObject<HTMLElement | null>;
+    /** Direction the dialog opened from (swipe closes in same direction) */
+    openDirection: DialogOpenDirection;
+    /** Whether swipe dismiss is enabled */
+    enabled: boolean;
+    /** Callback when swipe exceeds threshold and dialog should dismiss */
+    onSwipeDismiss: () => void;
+    /** Threshold ratio (0-1) of container size to trigger dismiss. @default 0.3 */
+    dismissThreshold?: number;
+};
+/**
+ * Result from useDialogSwipeInput hook.
+ */
+export type UseDialogSwipeInputResult = {
+    /** Current operation state (idle, operating, or ended) */
+    state: ContinuousOperationState;
+    /** Props to spread on the container element */
+    containerProps: React.HTMLAttributes<HTMLElement> & {
+        style: React.CSSProperties;
+    };
+    /** Swipe progress (0-1) towards dismiss threshold */
+    progress: number;
+    /** Whether user is currently swiping */
+    isOperating: boolean;
+    /** Current displacement in pixels (primary axis based on openDirection) */
+    displacement: number;
+    /** Full 2D displacement for free movement transform */
+    displacement2D: Vector2;
+};
+/**
+ * Hook for detecting swipe gestures to dismiss a dialog.
+ *
+ * Allows free 2D movement - user can drag in any direction.
+ * On release, detects if the movement matches the close direction:
+ * - "center" or "bottom": close if moved down significantly
+ * - "top": close if moved up significantly
+ * - "left": close if moved left significantly
+ * - "right": close if moved right significantly
+ *
+ * @example
+ * ```tsx
+ * const { state, containerProps, displacement2D } = useDialogSwipeInput({
+ *   containerRef,
+ *   openDirection: "bottom",
+ *   enabled: true,
+ *   onSwipeDismiss: () => setVisible(false),
+ * });
+ *
+ * // Apply 2D transform for free movement
+ * style={{ transform: `translate(${displacement2D.x}px, ${displacement2D.y}px)` }}
+ * ```
+ */
+export declare function useDialogSwipeInput(options: UseDialogSwipeInputOptions): UseDialogSwipeInputResult;

package/dist/modules/dialog/useDialogTransform.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @file Hook for managing dialog transform during swipe and animation.
+ *
+ * This hook provides:
+ * - Real-time transform updates during swipe gestures
+ * - Smooth open/close animations with multi-phase easing
+ * - Backdrop opacity animation
+ * - Support for viewTransition API (optional)
+ */
+import * as React from "react";
+import type { ContinuousOperationState } from "../../hooks/gesture/types.js";
+import type { DialogOpenDirection } from "./dialogAnimationUtils.js";
+/**
+ * Phase of dialog animation lifecycle.
+ */
+export type DialogAnimationPhase = "idle" | "opening" | "open" | "closing" | "closed";
+/**
+ * 2D displacement for free movement.
+ */
+export type Displacement2D = {
+    x: number;
+    y: number;
+};
+/**
+ * Options for useDialogTransform hook.
+ */
+export type UseDialogTransformOptions = {
+    /** Ref to the dialog content element */
+    elementRef: React.RefObject<HTMLElement | null>;
+    /** Ref to the backdrop element */
+    backdropRef: React.RefObject<HTMLElement | null>;
+    /** Whether the dialog is visible */
+    visible: boolean;
+    /** Direction the dialog opens from */
+    openDirection: DialogOpenDirection;
+    /** Current swipe state */
+    swipeState: ContinuousOperationState;
+    /** Current swipe displacement in pixels (primary axis) */
+    displacement: number;
+    /** Full 2D displacement for free movement */
+    displacement2D: Displacement2D;
+    /** Animation duration in ms. @default 350 */
+    animationDuration?: number;
+    /** Whether to use viewTransition API for close animation */
+    useViewTransition?: boolean;
+    /** Callback when open animation completes */
+    onOpenComplete?: () => void;
+    /** Callback when close animation completes */
+    onCloseComplete?: () => void;
+};
+/**
+ * Result from useDialogTransform hook.
+ */
+export type UseDialogTransformResult = {
+    /** Current animation phase */
+    phase: DialogAnimationPhase;
+    /** Whether any animation is running */
+    isAnimating: boolean;
+    /** Trigger close animation (use instead of setting visible=false directly) */
+    triggerClose: () => Promise<void>;
+};
+/**
+ * Hook for managing dialog transform during swipe and animation.
+ *
+ * During swipe: directly updates element transform based on displacement.
+ * After swipe: animates to target position (close or snap back).
+ * On visible change: animates open/close transition.
+ *
+ * @example
+ * ```tsx
+ * const { phase, isAnimating, triggerClose } = useDialogTransform({
+ *   elementRef,
+ *   backdropRef,
+ *   visible,
+ *   openDirection: "bottom",
+ *   swipeState: inputState,
+ *   displacement: inputDisplacement,
+ *   onCloseComplete: () => onClose(),
+ * });
+ * ```
+ */
+export declare function useDialogTransform(options: UseDialogTransformOptions): UseDialogTransformResult;

package/dist/modules/drawer/types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @file Type definitions for Drawer swipe gesture handling.
+ */
+import type * as React from "react";
+import type { ContinuousOperationState } from "../../hooks/gesture/types.js";
+/**
+ * Direction for drawer anchor (same as anchor edge).
+ */
+export type DrawerSwipeDirection = "left" | "right" | "top" | "bottom";
+/**
+ * Options for useDrawerSwipeInput hook.
+ */
+export type UseDrawerSwipeInputOptions = {
+    /** Container ref for edge detection zone (e.g., GridLayout container) */
+    edgeContainerRef: React.RefObject<HTMLElement | null>;
+    /** Drawer content ref (for close gesture) */
+    drawerContentRef: React.RefObject<HTMLElement | null>;
+    /** Drawer direction (anchor edge) */
+    direction: DrawerSwipeDirection;
+    /** Whether the drawer is currently open */
+    isOpen: boolean;
+    /** Callback when swipe should open the drawer */
+    onSwipeOpen: () => void;
+    /** Callback when swipe should close the drawer */
+    onSwipeClose: () => void;
+    /** Whether edge swipe to open is enabled. @default true */
+    enableEdgeSwipeOpen?: boolean;
+    /** Whether swipe to close is enabled. @default true */
+    enableSwipeClose?: boolean;
+    /** Width of edge detection zone in pixels. @default 20 */
+    edgeWidth?: number;
+    /** Dismiss threshold ratio (0-1). @default 0.3 */
+    dismissThreshold?: number;
+};
+/**
+ * Result from useDrawerSwipeInput hook.
+ */
+export type UseDrawerSwipeInputResult = {
+    /** Current operation state */
+    state: ContinuousOperationState;
+    /** Whether currently opening via edge swipe */
+    isOpening: boolean;
+    /** Whether currently closing via drag */
+    isClosing: boolean;
+    /** Progress (0-1) towards open/close threshold */
+    progress: number;
+    /** Displacement in pixels (primary axis) */
+    displacement: number;
+    /** Props for edge container (open gesture zone) */
+    edgeContainerProps: React.HTMLAttributes<HTMLElement> & {
+        style: React.CSSProperties;
+    };
+    /** Props for drawer content (close gesture zone) */
+    drawerContentProps: React.HTMLAttributes<HTMLElement> & {
+        style: React.CSSProperties;
+    };
+};
+/**
+ * Get animation axis from direction.
+ */
+export declare function getDrawerAnimationAxis(direction: DrawerSwipeDirection): "x" | "y";
+/**
+ * Get the sign for the close swipe direction.
+ * Left drawer closes by swiping left (-1).
+ * Right drawer closes by swiping right (+1).
+ * Top drawer closes by swiping up (-1).
+ * Bottom drawer closes by swiping down (+1).
+ */
+export declare function getDrawerCloseSwipeSign(direction: DrawerSwipeDirection): 1 | -1;
+/**
+ * Get the sign for the open swipe direction.
+ * This is the opposite of the close direction.
+ */
+export declare function getDrawerOpenSwipeSign(direction: DrawerSwipeDirection): 1 | -1;

package/dist/modules/drawer/useDrawerSwipeInput.d.ts

@@ -0,0 +1,24 @@
+import type { UseDrawerSwipeInputOptions, UseDrawerSwipeInputResult } from "./types.js";
+/**
+ * Hook for detecting swipe gestures to open/close a drawer.
+ *
+ * When drawer is closed:
+ * - Detects edge swipe from the anchor edge to trigger open
+ *
+ * When drawer is open:
+ * - Detects drag gesture within drawer to trigger close
+ * - Respects scrollable content boundaries
+ *
+ * @example
+ * ```tsx
+ * const { state, edgeContainerProps, drawerContentProps } = useDrawerSwipeInput({
+ *   edgeContainerRef: gridLayoutRef,
+ *   drawerContentRef: drawerRef,
+ *   direction: "left",
+ *   isOpen,
+ *   onSwipeOpen: () => setOpen(true),
+ *   onSwipeClose: () => setOpen(false),
+ * });
+ * ```
+ */
+export declare function useDrawerSwipeInput(options: UseDrawerSwipeInputOptions): UseDrawerSwipeInputResult;

package/dist/modules/pivot/SwipePivotTabBar.d.ts

@@ -86,4 +86,7 @@ export type SwipePivotTabBarProps<TId extends string = string> = {
      */
     renderIndicator?: (props: IndicatorRenderProps) => React.ReactNode;
 };
+/**
+ * Swipeable tab bar for pivot navigation.
+ */
 export declare function SwipePivotTabBar<TId extends string = string>({ items, activeId, activeIndex, itemCount, inputState, tabWidth, viewportWidth, navigationMode, axis, renderTab, animationDuration, fixedTabs, renderIndicator, }: SwipePivotTabBarProps<TId>): React.ReactElement;

package/dist/modules/stack/SwipeStackContent.d.ts

@@ -8,10 +8,13 @@
  * Uses useSwipeContentTransform for immediate DOM updates.
  */
 import * as React from "react";
-import type { SwipeInputState, GestureAxis } from "../../hooks/gesture/types.js";
+import type { ContinuousOperationState, GestureAxis } from "../../hooks/gesture/types.js";
 import type { StackDisplayMode } from "./types.js";
 /**
  * Props for SwipeStackContent component.
+ *
+ * This component accepts ContinuousOperationState, meaning it responds uniformly
+ * to any continuous operation (whether human gesture or system animation).
  */
 export type SwipeStackContentProps = {
     /** Panel ID */
@@ -22,8 +25,8 @@ export type SwipeStackContentProps = {
     navigationDepth: number;
     /** Whether this panel is currently active */
     isActive: boolean;
-    /** Swipe input state from useStackSwipeInput */
-    inputState: SwipeInputState;
+    /** Continuous operation state (from gesture input or animation system) */
+    operationState: ContinuousOperationState;
     /** Container size in pixels (width for horizontal, height for vertical) */
     containerSize: number;
     /** Gesture axis. @default "horizontal" */

package/dist/modules/stack/SwipeStackOutlet.d.ts

@@ -5,7 +5,7 @@
  * providing iOS-style smooth swipe-to-go-back behavior.
  */
 import * as React from "react";
-import type { SwipeInputState } from "../../hooks/gesture/types.js";
+import type { ContinuousOperationState } from "../../hooks/gesture/types.js";
 import type { StackPanel, StackNavigationState } from "./types.js";
 /**
  * Props for SwipeStackOutlet component.
@@ -15,8 +15,8 @@ export type SwipeStackOutletProps = {
     panels: ReadonlyArray<StackPanel>;
     /** Current navigation state */
     navigationState: StackNavigationState;
-    /** Swipe input state from useStackSwipeInput */
-    inputState: SwipeInputState;
+    /** Continuous operation state (from gesture input or animation system) */
+    operationState: ContinuousOperationState;
     /** Container size in pixels (width for horizontal swipe) */
     containerSize: number;
     /** Function to get cached content for a panel */
@@ -70,7 +70,7 @@ export type SwipeStackOutletProps = {
  *     <SwipeStackOutlet
  *       panels={navigation.panels}
  *       navigationState={navigation.state}
- *       inputState={swipeInput.inputState}
+ *       operationState={toContinuousOperationState(swipeInput.inputState)}
  *       containerSize={containerWidth}
  *     />
  *   </div>

package/dist/modules/stack/computeSwipeStackTransform.d.ts

@@ -48,7 +48,7 @@ export type ComputeSwipeVisibilityInput = {
     /** Whether this panel is currently active */
     isActive: boolean;
     /** Whether swipe gesture is active */
-    isSwiping: boolean;
+    isOperating: boolean;
     /** Whether snap-back animation is running */
     isAnimating: boolean;
 };

package/dist/panels.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PanelSystem-Bs8bQwQF.cjs");exports.DropSuggestOverlay=e.DropSuggestOverlay;exports.PanelGroupView=e.PanelGroupView;exports.PanelSystem=e.PanelSystem;exports.PanelSystemProvider=e.PanelSystemProvider;exports.addTabToGroup=e.addTabToGroup;exports.addTabToGroupAtIndex=e.addTabToGroupAtIndex;exports.buildInitialState=e.buildInitialState;exports.closeLeaf=e.closeLeaf;exports.collectGroupsInOrder=e.collectGroupsInOrder;exports.createEmptyGroup=e.createEmptyGroup;exports.focusGroupIndex=e.focusGroupIndex;exports.isGroup=e.isGroup;exports.moveTab=e.moveTab;exports.nextGroup=e.nextGroup;exports.prevGroup=e.prevGroup;exports.refreshGroupOrder=e.refreshGroupOrder;exports.removeTabFromGroup=e.removeTabFromGroup;exports.reorderTabWithinGroup=e.reorderTabWithinGroup;exports.setActiveTab=e.setActiveTab;exports.setFocusedGroup=e.setFocusedGroup;exports.setSplitRatio=e.setSplitRatio;exports.splitGroup=e.splitGroup;exports.splitLeaf=e.splitLeaf;exports.usePanelSystem=e.usePanelSystem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PanelSystem-D603LKKv.cjs");exports.DropSuggestOverlay=e.DropSuggestOverlay;exports.PanelGroupView=e.PanelGroupView;exports.PanelSystem=e.PanelSystem;exports.PanelSystemProvider=e.PanelSystemProvider;exports.addTabToGroup=e.addTabToGroup;exports.addTabToGroupAtIndex=e.addTabToGroupAtIndex;exports.buildInitialState=e.buildInitialState;exports.closeLeaf=e.closeLeaf;exports.collectGroupsInOrder=e.collectGroupsInOrder;exports.createEmptyGroup=e.createEmptyGroup;exports.focusGroupIndex=e.focusGroupIndex;exports.isGroup=e.isGroup;exports.moveTab=e.moveTab;exports.nextGroup=e.nextGroup;exports.prevGroup=e.prevGroup;exports.refreshGroupOrder=e.refreshGroupOrder;exports.removeTabFromGroup=e.removeTabFromGroup;exports.reorderTabWithinGroup=e.reorderTabWithinGroup;exports.setActiveTab=e.setActiveTab;exports.setFocusedGroup=e.setFocusedGroup;exports.setSplitRatio=e.setSplitRatio;exports.splitGroup=e.splitGroup;exports.splitLeaf=e.splitLeaf;exports.usePanelSystem=e.usePanelSystem;
 //# sourceMappingURL=panels.cjs.map

package/dist/panels.js

@@ -1,4 +1,4 @@
-import { D as e, a as r, P as o, b as t, g as p, k as u, v as i, d as l, c as G, f as d, n, i as m, m as b, o as c, p as T, q as v, r as f, j as P, h as S, l as y, e as x, t as I, s as g, u as h } from "./PanelSystem-Dr1TBhxM.js";
+import { D as e, a as r, P as o, b as t, g as p, k as u, v as i, d as l, c as G, f as d, n, i as m, m as b, o as c, p as T, q as v, r as f, j as P, h as S, l as y, e as x, t as I, s as g, u as h } from "./PanelSystem-BqUzNtf2.js";
 export {
   e as DropSuggestOverlay,
   r as PanelGroupView,

package/dist/pivot.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./SwipePivotTabBar-BrQismcZ.cjs"),s=(e,c,l)=>{if(c<=0||l<=0||e.phase==="idle")return e;const o=l/c;return{...e,displacement:{x:e.displacement.x*o,y:e.displacement.y*o},velocity:{x:e.velocity.x*o,y:e.velocity.y*o}}};exports.SwipePivotTabBar=r.SwipePivotTabBar;exports.usePivot=r.usePivot;exports.scaleInputState=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./SwipePivotTabBar-fjjXkpj7.cjs"),s=(e,c,l)=>{if(c<=0||l<=0||e.phase==="idle")return e;const o=l/c;return{...e,displacement:{x:e.displacement.x*o,y:e.displacement.y*o},velocity:{x:e.velocity.x*o,y:e.velocity.y*o}}};exports.SwipePivotTabBar=r.SwipePivotTabBar;exports.usePivot=r.usePivot;exports.scaleInputState=s;
 //# sourceMappingURL=pivot.cjs.map

package/dist/pivot.js

@@ -1,4 +1,4 @@
-import { S as x, u as v } from "./SwipePivotTabBar-BGO9X94m.js";
+import { S as x, u as v } from "./SwipePivotTabBar-DWrCuwEI.js";
 const o = (e, c, l) => {
   if (c <= 0 || l <= 0 || e.phase === "idle")
     return e;

package/dist/resizer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResizeHandle-CScipO5l.cjs"),i=require("./HorizontalDivider-B5Z-KZLk.cjs");exports.ResizeHandle=e.ResizeHandle;exports.useResizeDrag=e.useResizeDrag;exports.HorizontalDivider=i.HorizontalDivider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResizeHandle-CBcAS918.cjs"),i=require("./HorizontalDivider-_pgV4Mcv.cjs");exports.ResizeHandle=e.ResizeHandle;exports.useResizeDrag=e.useResizeDrag;exports.HorizontalDivider=i.HorizontalDivider;
 //# sourceMappingURL=resizer.cjs.map

package/dist/resizer.js

@@ -1,5 +1,5 @@
-import { R as a, u as o } from "./ResizeHandle-CdA_JYfN.js";
-import { H as i } from "./HorizontalDivider-WF1k_qND.js";
+import { R as a, u as o } from "./ResizeHandle-CXjc1meV.js";
+import { H as i } from "./HorizontalDivider-DdxzfV0l.js";
 export {
   i as HorizontalDivider,
   a as ResizeHandle,