@zag-js/splitter 0.2.7 → 0.2.8

package/dist/{chunk-X2M4RMIJ.mjs → chunk-UC2SKBKO.mjs}

@@ -55,7 +55,7 @@ function connect(state, send, normalize) {
   const isHorizontal = state.context.isHorizontal;
   const isFocused = state.hasTag("focus");
   const isDragging = state.matches("dragging");
-  return {
+  const api = {
     isFocused,
     isDragging,
     bounds: getHandleBounds(state.context),
@@ -94,11 +94,13 @@ function connect(state, send, normalize) {
         style: dom.getPanelStyle(state.context, id)
       });
     },
-    getResizeTriggerState(id) {
+    getResizeTriggerState(props) {
+      const { id, disabled } = props;
       const ids = id.split(":");
       const panelIds = ids.map((id2) => dom.getPanelId(state.context, id2));
       const panels = getHandleBounds(state.context, id);
       return {
+        isDisabled: !!disabled,
         isFocused: state.context.activeResizeId === id && isFocused,
         panelIds,
         min: panels == null ? void 0 : panels.min,
@@ -108,7 +110,7 @@ function connect(state, send, normalize) {
     },
     getResizeTriggerProps(props) {
       const { id, disabled, step = 1 } = props;
-      const triggerState = this.getResizeTriggerState(id);
+      const triggerState = api.getResizeTriggerState(props);
       return normalize.element({
         ...parts.resizeTrigger.attrs,
         dir: state.context.dir,
@@ -199,6 +201,7 @@ function connect(state, send, normalize) {
       });
     }
   };
+  return api;
 }
 
 export {

package/dist/index.js

@@ -555,7 +555,7 @@ function connect(state2, send, normalize) {
   const isHorizontal = state2.context.isHorizontal;
   const isFocused = state2.hasTag("focus");
   const isDragging = state2.matches("dragging");
-  return {
+  const api = {
     isFocused,
     isDragging,
     bounds: getHandleBounds(state2.context),
@@ -594,11 +594,13 @@ function connect(state2, send, normalize) {
         style: dom.getPanelStyle(state2.context, id)
       });
     },
-    getResizeTriggerState(id) {
+    getResizeTriggerState(props) {
+      const { id, disabled } = props;
       const ids = id.split(":");
       const panelIds = ids.map((id2) => dom.getPanelId(state2.context, id2));
       const panels = getHandleBounds(state2.context, id);
       return {
+        isDisabled: !!disabled,
         isFocused: state2.context.activeResizeId === id && isFocused,
         panelIds,
         min: panels == null ? void 0 : panels.min,
@@ -608,7 +610,7 @@ function connect(state2, send, normalize) {
     },
     getResizeTriggerProps(props) {
       const { id, disabled, step = 1 } = props;
-      const triggerState = this.getResizeTriggerState(id);
+      const triggerState = api.getResizeTriggerState(props);
       return normalize.element({
         ...parts.resizeTrigger.attrs,
         dir: state2.context.dir,
@@ -699,6 +701,7 @@ function connect(state2, send, normalize) {
       });
     }
   };
+  return api;
 }
 
 // src/splitter.machine.ts

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   connect
-} from "./chunk-X2M4RMIJ.mjs";
+} from "./chunk-UC2SKBKO.mjs";
 import {
   anatomy
 } from "./chunk-HPRMFGOY.mjs";

package/dist/splitter.connect.d.ts

@@ -15,7 +15,8 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     setSize(id: PanelId, size: number): void;
     rootProps: T["element"];
     getPanelProps(props: PanelProps): T["element"];
-    getResizeTriggerState(id: string): {
+    getResizeTriggerState(props: ResizeTriggerProps): {
+        isDisabled: boolean;
         isFocused: boolean;
         panelIds: string[];
         min: number | undefined;

package/dist/splitter.connect.js

@@ -209,7 +209,7 @@ function connect(state, send, normalize) {
   const isHorizontal = state.context.isHorizontal;
   const isFocused = state.hasTag("focus");
   const isDragging = state.matches("dragging");
-  return {
+  const api = {
     isFocused,
     isDragging,
     bounds: getHandleBounds(state.context),
@@ -248,11 +248,13 @@ function connect(state, send, normalize) {
         style: dom.getPanelStyle(state.context, id)
       });
     },
-    getResizeTriggerState(id) {
+    getResizeTriggerState(props) {
+      const { id, disabled } = props;
       const ids = id.split(":");
       const panelIds = ids.map((id2) => dom.getPanelId(state.context, id2));
       const panels = getHandleBounds(state.context, id);
       return {
+        isDisabled: !!disabled,
         isFocused: state.context.activeResizeId === id && isFocused,
         panelIds,
         min: panels == null ? void 0 : panels.min,
@@ -262,7 +264,7 @@ function connect(state, send, normalize) {
     },
     getResizeTriggerProps(props) {
       const { id, disabled, step = 1 } = props;
-      const triggerState = this.getResizeTriggerState(id);
+      const triggerState = api.getResizeTriggerState(props);
       return normalize.element({
         ...parts.resizeTrigger.attrs,
         dir: state.context.dir,
@@ -353,6 +355,7 @@ function connect(state, send, normalize) {
       });
     }
   };
+  return api;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/splitter.connect.mjs

@@ -1,6 +1,6 @@
 import {
   connect
-} from "./chunk-X2M4RMIJ.mjs";
+} from "./chunk-UC2SKBKO.mjs";
 import "./chunk-HPRMFGOY.mjs";
 import "./chunk-T56NFB6E.mjs";
 import "./chunk-SQ3UMXCZ.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/splitter",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Core logic for the splitter widget implemented as a state machine",
   "keywords": [
     "js",