@zag-js/splitter 1.38.1 → 1.39.0

package/dist/chunk-QZ7TP4HQ.mjs

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export {
+  __publicField
+};

package/dist/index.d.mts

@@ -4,6 +4,7 @@ export { machine } from './splitter.machine.mjs';
 export { panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps } from './splitter.props.mjs';
 export { SplitterApi as Api, CursorState, DragState, ElementIds, ExpandCollapseDetails, SplitterItem as Item, KeyboardState, SplitterMachine as Machine, PanelData, PanelId, PanelItem, PanelProps, SplitterProps as Props, ResizeDetails, ResizeEndDetails, ResizeEvent, ResizeTriggerId, ResizeTriggerItem, ResizeTriggerProps, ResizeTriggerState, SplitterService as Service } from './splitter.types.mjs';
 export { getPanelLayout as layout } from './utils/panel.mjs';
+export { HitAreaMargins, SplitterRegistry, SplitterRegistryOptions, registry } from './utils/registry.mjs';
 import '@zag-js/anatomy';
 import '@zag-js/types';
 import '@zag-js/core';

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { machine } from './splitter.machine.js';
 export { panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps } from './splitter.props.js';
 export { SplitterApi as Api, CursorState, DragState, ElementIds, ExpandCollapseDetails, SplitterItem as Item, KeyboardState, SplitterMachine as Machine, PanelData, PanelId, PanelItem, PanelProps, SplitterProps as Props, ResizeDetails, ResizeEndDetails, ResizeEvent, ResizeTriggerId, ResizeTriggerItem, ResizeTriggerProps, ResizeTriggerState, SplitterService as Service } from './splitter.types.js';
 export { getPanelLayout as layout } from './utils/panel.js';
+export { HitAreaMargins, SplitterRegistry, SplitterRegistryOptions, registry } from './utils/registry.js';
 import '@zag-js/anatomy';
 import '@zag-js/types';
 import '@zag-js/core';

package/dist/index.js

@@ -24,7 +24,8 @@ __export(index_exports, {
   anatomy: () => import_splitter.anatomy,
   connect: () => import_splitter2.connect,
   layout: () => import_panel.getPanelLayout,
-  machine: () => import_splitter3.machine
+  machine: () => import_splitter3.machine,
+  registry: () => import_registry.registry
 });
 module.exports = __toCommonJS(index_exports);
 var import_splitter = require("./splitter.anatomy.js");
@@ -32,11 +33,13 @@ var import_splitter2 = require("./splitter.connect.js");
 var import_splitter3 = require("./splitter.machine.js");
 __reExport(index_exports, require("./splitter.props.js"), module.exports);
 var import_panel = require("./utils/panel.js");
+var import_registry = require("./utils/registry.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   anatomy,
   connect,
   layout,
   machine,
+  registry,
   ...require("./splitter.props.js")
 });

package/dist/index.mjs

@@ -1,12 +1,16 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
 // src/index.ts
 import { anatomy } from "./splitter.anatomy.mjs";
 import { connect } from "./splitter.connect.mjs";
 import { machine } from "./splitter.machine.mjs";
 export * from "./splitter.props.mjs";
 import { getPanelLayout } from "./utils/panel.mjs";
+import { registry } from "./utils/registry.mjs";
 export {
   anatomy,
   connect,
   getPanelLayout as layout,
-  machine
+  machine,
+  registry
 };

package/dist/splitter.anatomy.mjs

@@ -1,3 +1,5 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
 // src/splitter.anatomy.ts
 import { createAnatomy } from "@zag-js/anatomy";
 var anatomy = createAnatomy("splitter").parts("root", "panel", "resizeTrigger", "resizeTriggerIndicator");

package/dist/splitter.connect.d.mts

@@ -1,6 +1,7 @@
 import { PropTypes, NormalizeProps } from '@zag-js/types';
 import { SplitterService, SplitterApi } from './splitter.types.mjs';
 import '@zag-js/core';
+import './utils/registry.mjs';
 
 declare function connect<T extends PropTypes>(service: SplitterService, normalize: NormalizeProps<T>): SplitterApi<T>;
 

package/dist/splitter.connect.d.ts

@@ -1,6 +1,7 @@
 import { PropTypes, NormalizeProps } from '@zag-js/types';
 import { SplitterService, SplitterApi } from './splitter.types.js';
 import '@zag-js/core';
+import './utils/registry.js';
 
 declare function connect<T extends PropTypes>(service: SplitterService, normalize: NormalizeProps<T>): SplitterApi<T>;
 

package/dist/splitter.connect.js

@@ -44,6 +44,7 @@ function connect(service, normalize) {
   const { state, send, prop, computed, context, scope } = service;
   const horizontal = computed("horizontal");
   const dragging = state.matches("dragging");
+  const registry = prop("registry");
   const orientation = prop("orientation");
   const getPanelStyle = (id) => {
     const panels = prop("panels");
@@ -203,7 +204,7 @@ function connect(service, normalize) {
           WebkitUserSelect: "none",
           flex: "0 0 auto",
           pointerEvents: triggerState.disabled ? "none" : triggerState.dragging && !triggerState.focused ? "none" : void 0,
-          cursor: triggerState.disabled ? void 0 : horizontal ? "col-resize" : "row-resize",
+          cursor: triggerState.disabled || registry ? void 0 : horizontal ? "col-resize" : "row-resize",
           [horizontal ? "minHeight" : "minWidth"]: "0"
         },
         onPointerDown(event) {
@@ -212,6 +213,9 @@ function connect(service, normalize) {
             event.preventDefault();
             return;
           }
+          if (registry) {
+            return;
+          }
           const point = (0, import_dom_query.getEventPoint)(event);
           send({ type: "POINTER_DOWN", id, point });
           event.currentTarget.setPointerCapture(event.pointerId);
@@ -225,11 +229,11 @@ function connect(service, normalize) {
           }
         },
         onPointerOver() {
-          if (triggerState.disabled) return;
+          if (triggerState.disabled || registry) return;
           send({ type: "POINTER_OVER", id });
         },
         onPointerLeave() {
-          if (triggerState.disabled) return;
+          if (triggerState.disabled || registry) return;
           send({ type: "POINTER_LEAVE", id });
         },
         onBlur() {

package/dist/splitter.connect.mjs

@@ -1,3 +1,5 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
 // src/splitter.connect.ts
 import { dataAttr, getEventKey, getEventPoint, isLeftClick } from "@zag-js/dom-query";
 import { ensure } from "@zag-js/utils";
@@ -10,6 +12,7 @@ function connect(service, normalize) {
   const { state, send, prop, computed, context, scope } = service;
   const horizontal = computed("horizontal");
   const dragging = state.matches("dragging");
+  const registry = prop("registry");
   const orientation = prop("orientation");
   const getPanelStyle = (id) => {
     const panels = prop("panels");
@@ -169,7 +172,7 @@ function connect(service, normalize) {
           WebkitUserSelect: "none",
           flex: "0 0 auto",
           pointerEvents: triggerState.disabled ? "none" : triggerState.dragging && !triggerState.focused ? "none" : void 0,
-          cursor: triggerState.disabled ? void 0 : horizontal ? "col-resize" : "row-resize",
+          cursor: triggerState.disabled || registry ? void 0 : horizontal ? "col-resize" : "row-resize",
           [horizontal ? "minHeight" : "minWidth"]: "0"
         },
         onPointerDown(event) {
@@ -178,6 +181,9 @@ function connect(service, normalize) {
             event.preventDefault();
             return;
           }
+          if (registry) {
+            return;
+          }
           const point = getEventPoint(event);
           send({ type: "POINTER_DOWN", id, point });
           event.currentTarget.setPointerCapture(event.pointerId);
@@ -191,11 +197,11 @@ function connect(service, normalize) {
           }
         },
         onPointerOver() {
-          if (triggerState.disabled) return;
+          if (triggerState.disabled || registry) return;
           send({ type: "POINTER_OVER", id });
         },
         onPointerLeave() {
-          if (triggerState.disabled) return;
+          if (triggerState.disabled || registry) return;
           send({ type: "POINTER_LEAVE", id });
         },
         onBlur() {

package/dist/splitter.dom.d.mts

@@ -1,6 +1,7 @@
 import { Scope } from '@zag-js/core';
 import { CursorState } from './splitter.types.mjs';
 import '@zag-js/types';
+import './utils/registry.mjs';
 
 declare const getRootId: (ctx: Scope) => any;
 declare const getResizeTriggerId: (ctx: Scope, id: string) => any;

package/dist/splitter.dom.d.ts

@@ -1,6 +1,7 @@
 import { Scope } from '@zag-js/core';
 import { CursorState } from './splitter.types.js';
 import '@zag-js/types';
+import './utils/registry.js';
 
 declare const getRootId: (ctx: Scope) => any;
 declare const getResizeTriggerId: (ctx: Scope, id: string) => any;

package/dist/splitter.dom.mjs

@@ -1,3 +1,5 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
 // src/splitter.dom.ts
 import { queryAll } from "@zag-js/dom-query";
 var getRootId = (ctx) => ctx.ids?.root ?? `splitter:${ctx.id}`;

package/dist/splitter.machine.d.mts

@@ -1,6 +1,7 @@
 import * as _zag_js_core from '@zag-js/core';
 import { SplitterSchema } from './splitter.types.mjs';
 import '@zag-js/types';
+import './utils/registry.mjs';
 
 declare const machine: _zag_js_core.Machine<SplitterSchema>;
 

package/dist/splitter.machine.d.ts

@@ -1,6 +1,7 @@
 import * as _zag_js_core from '@zag-js/core';
 import { SplitterSchema } from './splitter.types.js';
 import '@zag-js/types';
+import './utils/registry.js';
 
 declare const machine: _zag_js_core.Machine<SplitterSchema>;
 

package/dist/splitter.machine.js

@@ -120,6 +120,7 @@ var machine = (0, import_core.createMachine)({
   },
   entry: ["syncSize"],
   exit: ["clearGlobalCursor"],
+  effects: ["trackResizeHandles"],
   states: {
     idle: {
       entry: ["clearDraggingState", "clearKeyboardState"],
@@ -203,6 +204,37 @@ var machine = (0, import_core.createMachine)({
   },
   implementations: {
     effects: {
+      trackResizeHandles: ({ prop, scope, send }) => {
+        const registry = prop("registry");
+        if (!registry) return;
+        let cleanups = [];
+        const exec = () => {
+          cleanups.forEach((fn) => fn());
+          cleanups = dom.getResizeTriggerEls(scope).map((resizeTriggerEl) => {
+            const id = resizeTriggerEl.dataset.id;
+            if (!id) return;
+            return registry.register({
+              id: dom.getResizeTriggerId(scope, id),
+              element: resizeTriggerEl,
+              orientation: prop("orientation"),
+              onActivate(point) {
+                send({ type: "POINTER_DOWN", id, point });
+              },
+              onDeactivate() {
+                send({ type: "POINTER_UP" });
+              }
+            });
+          }).filter(Boolean);
+        };
+        exec();
+        const observeCleanup = (0, import_dom_query.observeChildren)(dom.getRootEl(scope), {
+          callback: exec
+        });
+        return () => {
+          cleanups.forEach((fn) => fn());
+          observeCleanup?.();
+        };
+      },
       waitForHoverDelay: ({ send }) => {
         return (0, import_utils.setRafTimeout)(() => {
           send({ type: "HOVER_DELAY" });
@@ -452,6 +484,8 @@ var machine = (0, import_core.createMachine)({
         }
       },
       setGlobalCursor({ context, scope, prop }) {
+        const registry = prop("registry");
+        if (registry) return;
         const dragState = context.get("dragState");
         if (!dragState) return;
         const panels = prop("panels");
@@ -483,7 +517,17 @@ function setSize(params, sizes) {
   const panelsArray = prop("panels");
   const onCollapse = prop("onCollapse");
   const onExpand = prop("onExpand");
+  const onResizeStart = prop("onResizeStart");
+  const onResizeEnd = prop("onResizeEnd");
   const panelIdToLastNotifiedSizeMap = refs.get("panelIdToLastNotifiedSizeMap");
+  const dragState = context.get("dragState");
+  const keyboardState = context.get("keyboardState");
+  const isProgrammatic = dragState === null && keyboardState === null;
+  if (isProgrammatic && onResizeStart) {
+    queueMicrotask(() => {
+      onResizeStart();
+    });
+  }
   context.set("size", sizes);
   sizes.forEach((size, index) => {
     const panelData = panelsArray[index];
@@ -502,6 +546,15 @@ function setSize(params, sizes) {
       }
     }
   });
+  if (isProgrammatic && onResizeEnd) {
+    queueMicrotask(() => {
+      onResizeEnd({
+        size: sizes,
+        resizeTriggerId: null
+        // Programmatic changes don't have a resize trigger
+      });
+    });
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/splitter.machine.mjs

@@ -1,6 +1,8 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
 // src/splitter.machine.ts
 import { createMachine } from "@zag-js/core";
-import { trackPointerMove } from "@zag-js/dom-query";
+import { observeChildren, trackPointerMove } from "@zag-js/dom-query";
 import { ensure, ensureProps, isEqual, next, prev, setRafTimeout } from "@zag-js/utils";
 import * as dom from "./splitter.dom.mjs";
 import { getAriaValue } from "./utils/aria.mjs";
@@ -94,6 +96,7 @@ var machine = createMachine({
   },
   entry: ["syncSize"],
   exit: ["clearGlobalCursor"],
+  effects: ["trackResizeHandles"],
   states: {
     idle: {
       entry: ["clearDraggingState", "clearKeyboardState"],
@@ -177,6 +180,37 @@ var machine = createMachine({
   },
   implementations: {
     effects: {
+      trackResizeHandles: ({ prop, scope, send }) => {
+        const registry = prop("registry");
+        if (!registry) return;
+        let cleanups = [];
+        const exec = () => {
+          cleanups.forEach((fn) => fn());
+          cleanups = dom.getResizeTriggerEls(scope).map((resizeTriggerEl) => {
+            const id = resizeTriggerEl.dataset.id;
+            if (!id) return;
+            return registry.register({
+              id: dom.getResizeTriggerId(scope, id),
+              element: resizeTriggerEl,
+              orientation: prop("orientation"),
+              onActivate(point) {
+                send({ type: "POINTER_DOWN", id, point });
+              },
+              onDeactivate() {
+                send({ type: "POINTER_UP" });
+              }
+            });
+          }).filter(Boolean);
+        };
+        exec();
+        const observeCleanup = observeChildren(dom.getRootEl(scope), {
+          callback: exec
+        });
+        return () => {
+          cleanups.forEach((fn) => fn());
+          observeCleanup?.();
+        };
+      },
       waitForHoverDelay: ({ send }) => {
         return setRafTimeout(() => {
           send({ type: "HOVER_DELAY" });
@@ -426,6 +460,8 @@ var machine = createMachine({
         }
       },
       setGlobalCursor({ context, scope, prop }) {
+        const registry = prop("registry");
+        if (registry) return;
         const dragState = context.get("dragState");
         if (!dragState) return;
         const panels = prop("panels");
@@ -457,7 +493,17 @@ function setSize(params, sizes) {
   const panelsArray = prop("panels");
   const onCollapse = prop("onCollapse");
   const onExpand = prop("onExpand");
+  const onResizeStart = prop("onResizeStart");
+  const onResizeEnd = prop("onResizeEnd");
   const panelIdToLastNotifiedSizeMap = refs.get("panelIdToLastNotifiedSizeMap");
+  const dragState = context.get("dragState");
+  const keyboardState = context.get("keyboardState");
+  const isProgrammatic = dragState === null && keyboardState === null;
+  if (isProgrammatic && onResizeStart) {
+    queueMicrotask(() => {
+      onResizeStart();
+    });
+  }
   context.set("size", sizes);
   sizes.forEach((size, index) => {
     const panelData = panelsArray[index];
@@ -476,6 +522,15 @@ function setSize(params, sizes) {
       }
     }
   });
+  if (isProgrammatic && onResizeEnd) {
+    queueMicrotask(() => {
+      onResizeEnd({
+        size: sizes,
+        resizeTriggerId: null
+        // Programmatic changes don't have a resize trigger
+      });
+    });
+  }
 }
 export {
   machine

package/dist/splitter.props.d.mts

@@ -1,6 +1,7 @@
 import { SplitterProps, ResizeTriggerProps, PanelProps } from './splitter.types.mjs';
 import '@zag-js/core';
 import '@zag-js/types';
+import './utils/registry.mjs';
 
 declare const props: (keyof SplitterProps)[];
 declare const splitProps: <Props extends Partial<SplitterProps>>(props: Props) => [Partial<SplitterProps>, Omit<Props, keyof SplitterProps>];

package/dist/splitter.props.d.ts

@@ -1,6 +1,7 @@
 import { SplitterProps, ResizeTriggerProps, PanelProps } from './splitter.types.js';
 import '@zag-js/core';
 import '@zag-js/types';
+import './utils/registry.js';
 
 declare const props: (keyof SplitterProps)[];
 declare const splitProps: <Props extends Partial<SplitterProps>>(props: Props) => [Partial<SplitterProps>, Omit<Props, keyof SplitterProps>];

package/dist/splitter.props.js

@@ -45,7 +45,8 @@ var props = (0, import_types.createProps)()([
   "defaultSize",
   "panels",
   "keyboardResizeBy",
-  "nonce"
+  "nonce",
+  "registry"
 ]);
 var splitProps = (0, import_utils.createSplitProps)(props);
 var panelProps = (0, import_types.createProps)()(["id"]);

package/dist/splitter.props.mjs

@@ -1,3 +1,5 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
 // src/splitter.props.ts
 import { createProps } from "@zag-js/types";
 import { createSplitProps } from "@zag-js/utils";
@@ -16,7 +18,8 @@ var props = createProps()([
   "defaultSize",
   "panels",
   "keyboardResizeBy",
-  "nonce"
+  "nonce",
+  "registry"
 ]);
 var splitProps = createSplitProps(props);
 var panelProps = createProps()(["id"]);

package/dist/splitter.types.d.mts

@@ -1,5 +1,6 @@
 import { Machine, EventObject, Service } from '@zag-js/core';
 import { PropTypes, RequiredBy, DirectionProperty, CommonProperties } from '@zag-js/types';
+import { SplitterRegistry } from './utils/registry.mjs';
 
 type ResizeEvent = PointerEvent | KeyboardEvent;
 type PanelId = string;
@@ -105,6 +106,11 @@ interface SplitterProps extends DirectionProperty, CommonProperties {
      * Function called when a panel is expanded.
      */
     onExpand?: ((details: ExpandCollapseDetails) => void) | undefined;
+    /**
+     * The splitter registry to use for multi-drag support.
+     * When provided, enables dragging at the intersection of multiple splitters.
+     */
+    registry?: SplitterRegistry | undefined;
 }
 type PropsWithDefault = "orientation" | "panels";
 interface DragState {

package/dist/splitter.types.d.ts

@@ -1,5 +1,6 @@
 import { Machine, EventObject, Service } from '@zag-js/core';
 import { PropTypes, RequiredBy, DirectionProperty, CommonProperties } from '@zag-js/types';
+import { SplitterRegistry } from './utils/registry.js';
 
 type ResizeEvent = PointerEvent | KeyboardEvent;
 type PanelId = string;
@@ -105,6 +106,11 @@ interface SplitterProps extends DirectionProperty, CommonProperties {
      * Function called when a panel is expanded.
      */
     onExpand?: ((details: ExpandCollapseDetails) => void) | undefined;
+    /**
+     * The splitter registry to use for multi-drag support.
+     * When provided, enables dragging at the intersection of multiple splitters.
+     */
+    registry?: SplitterRegistry | undefined;
 }
 type PropsWithDefault = "orientation" | "panels";
 interface DragState {

package/dist/utils/aria.d.mts

@@ -1,6 +1,7 @@
 import { PanelData } from '../splitter.types.mjs';
 import '@zag-js/core';
 import '@zag-js/types';
+import './registry.mjs';
 
 /**
  * This code was modified from react-resizable-panels by Brian Vaughn

package/dist/utils/aria.d.ts

@@ -1,6 +1,7 @@
 import { PanelData } from '../splitter.types.js';
 import '@zag-js/core';
 import '@zag-js/types';
+import './registry.js';
 
 /**
  * This code was modified from react-resizable-panels by Brian Vaughn

package/dist/utils/aria.mjs

@@ -1,3 +1,5 @@
+import "../chunk-QZ7TP4HQ.mjs";
+
 // src/utils/aria.ts
 import { ensure } from "@zag-js/utils";
 function calculateAriaValues({

package/dist/utils/fuzzy.mjs

@@ -1,3 +1,5 @@
+import "../chunk-QZ7TP4HQ.mjs";
+
 // src/utils/fuzzy.ts
 var PRECISION = 10;
 function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {

package/dist/utils/intersects.d.mts

@@ -0,0 +1,6 @@
+import { Rect } from '@zag-js/types';
+
+declare function intersects(r1: Rect, r2: Rect, strict?: boolean): boolean;
+declare function toRect(r: DOMRect): Rect;
+
+export { intersects, toRect };

package/dist/utils/intersects.d.ts

@@ -0,0 +1,6 @@
+import { Rect } from '@zag-js/types';
+
+declare function intersects(r1: Rect, r2: Rect, strict?: boolean): boolean;
+declare function toRect(r: DOMRect): Rect;
+
+export { intersects, toRect };

package/dist/utils/intersects.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/intersects.ts
+var intersects_exports = {};
+__export(intersects_exports, {
+  intersects: () => intersects,
+  toRect: () => toRect
+});
+module.exports = __toCommonJS(intersects_exports);
+function intersects(r1, r2, strict = false) {
+  if (strict) {
+    return r1.x < r2.x + r2.width && r1.x + r1.width > r2.x && r1.y < r2.y + r2.height && r1.y + r1.height > r2.y;
+  }
+  return r1.x <= r2.x + r2.width && r1.x + r1.width >= r2.x && r1.y <= r2.y + r2.height && r1.y + r1.height >= r2.y;
+}
+function toRect(r) {
+  return { x: r.x, y: r.y, width: r.width, height: r.height };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  intersects,
+  toRect
+});

package/dist/utils/intersects.mjs

@@ -0,0 +1,16 @@
+import "../chunk-QZ7TP4HQ.mjs";
+
+// src/utils/intersects.ts
+function intersects(r1, r2, strict = false) {
+  if (strict) {
+    return r1.x < r2.x + r2.width && r1.x + r1.width > r2.x && r1.y < r2.y + r2.height && r1.y + r1.height > r2.y;
+  }
+  return r1.x <= r2.x + r2.width && r1.x + r1.width >= r2.x && r1.y <= r2.y + r2.height && r1.y + r1.height >= r2.y;
+}
+function toRect(r) {
+  return { x: r.x, y: r.y, width: r.width, height: r.height };
+}
+export {
+  intersects,
+  toRect
+};

package/dist/utils/panel.d.mts

@@ -1,6 +1,7 @@
 import { Style } from '@zag-js/types';
 import { PanelData, DragState, PanelId } from '../splitter.types.mjs';
 import '@zag-js/core';
+import './registry.mjs';
 
 declare function getPanelById(panels: PanelData[], id: string): PanelData;
 declare function findPanelDataIndex(panels: PanelData[], panel: PanelData): number;

package/dist/utils/panel.d.ts

@@ -1,6 +1,7 @@
 import { Style } from '@zag-js/types';
 import { PanelData, DragState, PanelId } from '../splitter.types.js';
 import '@zag-js/core';
+import './registry.js';
 
 declare function getPanelById(panels: PanelData[], id: string): PanelData;
 declare function findPanelDataIndex(panels: PanelData[], panel: PanelData): number;

package/dist/utils/panel.mjs

@@ -1,3 +1,5 @@
+import "../chunk-QZ7TP4HQ.mjs";
+
 // src/utils/panel.ts
 import { ensure } from "@zag-js/utils";
 function getPanelById(panels, id) {