@zag-js/splitter 0.2.8 → 0.2.10

package/dist/{chunk-IOEWCDUH.mjs → chunk-EABXMZ6N.mjs}

@@ -1,13 +1,13 @@
 import {
   dom
-} from "./chunk-T56NFB6E.mjs";
+} from "./chunk-QY3R66FZ.mjs";
 import {
   clamp,
   getHandleBounds,
   getHandlePanels,
   getNormalizedPanels,
   getPanelBounds
-} from "./chunk-SQ3UMXCZ.mjs";
+} from "./chunk-MV44GBQY.mjs";
 
 // src/splitter.machine.ts
 import { createMachine } from "@zag-js/core";
@@ -15,11 +15,11 @@ import { createMachine } from "@zag-js/core";
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
-    fn == null ? void 0 : fn(...a);
+    fn?.(...a);
   });
 };
 
@@ -40,9 +40,8 @@ function compact(obj) {
 // ../../utilities/dom/src/platform.ts
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return agent?.platform ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
@@ -120,14 +119,13 @@ function extractInfo(event, type = "page") {
 }
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 function addPointerEvent(target, event, listener, options) {
-  var _a;
-  const type = (_a = getEventName(event)) != null ? _a : event;
+  const type = getEventName(event) ?? event;
   return addDomEvent(target, type, wrapHandler(listener, event === "pointerdown"), options);
 }
 function wrapHandler(fn, filter = false) {
@@ -138,8 +136,7 @@ function wrapHandler(fn, filter = false) {
 }
 function filterPrimaryPointer(fn) {
   return (event) => {
-    var _a;
-    const win = (_a = event.view) != null ? _a : window;
+    const win = event.view ?? window;
     const isMouseEvent2 = event instanceof win.MouseEvent;
     const isPrimary = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
     if (isPrimary)
@@ -198,7 +195,7 @@ var state = "default";
 var savedUserSelect = "";
 var modifiedElementMap = /* @__PURE__ */ new WeakMap();
 function disableTextSelection({ target, doc } = {}) {
-  const _document = doc != null ? doc : document;
+  const _document = doc ?? document;
   if (isIos()) {
     if (state === "default") {
       savedUserSelect = _document.documentElement.style.webkitUserSelect;
@@ -212,7 +209,7 @@ function disableTextSelection({ target, doc } = {}) {
   return () => restoreTextSelection({ target, doc: _document });
 }
 function restoreTextSelection({ target, doc } = {}) {
-  const _document = doc != null ? doc : document;
+  const _document = doc ?? document;
   if (isIos()) {
     if (state !== "disabled")
       return;
@@ -232,7 +229,7 @@ function restoreTextSelection({ target, doc } = {}) {
     if (target && modifiedElementMap.has(target)) {
       let targetOldUserSelect = modifiedElementMap.get(target);
       if (target.style.userSelect === "none") {
-        target.style.userSelect = targetOldUserSelect != null ? targetOldUserSelect : "";
+        target.style.userSelect = targetOldUserSelect ?? "";
       }
       if (target.getAttribute("style") === "") {
         target.removeAttribute("style");
@@ -272,7 +269,7 @@ function machine(userContext) {
   return createMachine(
     {
       id: "splitter",
-      initial: "unknown",
+      initial: "idle",
       context: {
         orientation: "horizontal",
         activeResizeId: null,
@@ -311,11 +308,6 @@ function machine(userContext) {
         ]
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: "idle"
-          }
-        },
         idle: {
           entry: ["clearActiveHandleId"],
           on: {
@@ -440,16 +432,13 @@ function machine(userContext) {
           dom.removeGlobalCursor(ctx2);
         },
         invokeOnResize(ctx2) {
-          var _a;
-          (_a = ctx2.onResize) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResize?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         invokeOnResizeStart(ctx2) {
-          var _a;
-          (_a = ctx2.onResizeStart) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResizeStart?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         invokeOnResizeEnd(ctx2) {
-          var _a;
-          (_a = ctx2.onResizeEnd) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResizeEnd?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         setActiveHandleId(ctx2, evt) {
           ctx2.activeResizeId = evt.id;
@@ -505,14 +494,12 @@ function machine(userContext) {
         },
         focusResizeHandle(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getActiveHandleEl(ctx2)) == null ? void 0 : _a.focus();
+            dom.getActiveHandleEl(ctx2)?.focus();
           });
         },
         blurResizeHandle(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getActiveHandleEl(ctx2)) == null ? void 0 : _a.blur();
+            dom.getActiveHandleEl(ctx2)?.blur();
           });
         },
         setPreviousPanels(ctx2) {

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

@@ -3,10 +3,10 @@ import {
 } from "./chunk-HPRMFGOY.mjs";
 import {
   dom
-} from "./chunk-T56NFB6E.mjs";
+} from "./chunk-QY3R66FZ.mjs";
 import {
   getHandleBounds
-} from "./chunk-SQ3UMXCZ.mjs";
+} from "./chunk-MV44GBQY.mjs";
 
 // ../../utilities/dom/src/attrs.ts
 var dataAttr = (guard) => {
@@ -28,10 +28,9 @@ var sameKeyMap = {
   Right: "ArrowRight"
 };
 function getEventKey(event, options = {}) {
-  var _a;
   const { dir = "ltr", orientation = "horizontal" } = options;
   let { key } = event;
-  key = (_a = sameKeyMap[key]) != null ? _a : key;
+  key = sameKeyMap[key] ?? key;
   const isRtl = dir === "rtl" && orientation === "horizontal";
   if (isRtl && key in rtlKeyMap) {
     key = rtlKeyMap[key];
@@ -103,8 +102,8 @@ function connect(state, send, normalize) {
         isDisabled: !!disabled,
         isFocused: state.context.activeResizeId === id && isFocused,
         panelIds,
-        min: panels == null ? void 0 : panels.min,
-        max: panels == null ? void 0 : panels.max,
+        min: panels?.min,
+        max: panels?.max,
         value: 0
       };
     },

package/dist/{chunk-SQ3UMXCZ.mjs → chunk-MV44GBQY.mjs}

@@ -9,9 +9,8 @@ function getNormalizedPanels(ctx) {
   let totalSize = 0;
   let totalMinSize = 0;
   const panels = ctx.size.map((panel) => {
-    var _a, _b;
-    const minSize = (_a = panel.minSize) != null ? _a : 10;
-    const maxSize = (_b = panel.maxSize) != null ? _b : 100;
+    const minSize = panel.minSize ?? 10;
+    const maxSize = panel.maxSize ?? 100;
     totalMinSize += minSize;
     if (panel.size == null) {
       numOfPanelsWithoutSize++;
@@ -48,8 +47,7 @@ function getNormalizedPanels(ctx) {
   return result;
 }
 function getHandlePanels(ctx, id = ctx.activeResizeId) {
-  var _a;
-  const [beforeId, afterId] = (_a = id == null ? void 0 : id.split(":")) != null ? _a : [];
+  const [beforeId, afterId] = id?.split(":") ?? [];
   if (!beforeId || !afterId)
     return;
   const beforeIndex = ctx.previousPanels.findIndex((panel) => panel.id === beforeId);

package/dist/{chunk-T56NFB6E.mjs → chunk-QY3R66FZ.mjs}

@@ -3,27 +3,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -35,8 +28,7 @@ function defineDomHelpers(helpers) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // src/splitter.dom.ts
@@ -60,8 +52,7 @@ var dom = defineDomHelpers({
     return cursor;
   },
   getPanelStyle(ctx, id) {
-    var _a, _b;
-    const flexGrow = (_b = (_a = ctx.panels.find((panel) => panel.id === id)) == null ? void 0 : _a.size) != null ? _b : "0";
+    const flexGrow = ctx.panels.find((panel) => panel.id === id)?.size ?? "0";
     return {
       flexBasis: 0,
       flexGrow,
@@ -92,8 +83,7 @@ var dom = defineDomHelpers({
     }
   },
   removeGlobalCursor(ctx) {
-    var _a;
-    (_a = dom.getById(ctx, dom.globalCursorId(ctx))) == null ? void 0 : _a.remove();
+    dom.getById(ctx, dom.globalCursorId(ctx))?.remove();
   }
 });
 

package/dist/index.js

@@ -39,11 +39,11 @@ var dataAttr = (guard) => {
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
-    fn == null ? void 0 : fn(...a);
+    fn?.(...a);
   });
 };
 
@@ -64,9 +64,8 @@ function compact(obj) {
 // ../../utilities/dom/src/platform.ts
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return agent?.platform ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
@@ -79,27 +78,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -180,10 +172,9 @@ var sameKeyMap = {
   Right: "ArrowRight"
 };
 function getEventKey(event, options = {}) {
-  var _a;
   const { dir = "ltr", orientation = "horizontal" } = options;
   let { key } = event;
-  key = (_a = sameKeyMap[key]) != null ? _a : key;
+  key = sameKeyMap[key] ?? key;
   const isRtl = dir === "rtl" && orientation === "horizontal";
   if (isRtl && key in rtlKeyMap) {
     key = rtlKeyMap[key];
@@ -216,14 +207,13 @@ function extractInfo(event, type = "page") {
 }
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 function addPointerEvent(target, event, listener, options) {
-  var _a;
-  const type = (_a = getEventName(event)) != null ? _a : event;
+  const type = getEventName(event) ?? event;
   return addDomEvent(target, type, wrapHandler(listener, event === "pointerdown"), options);
 }
 function wrapHandler(fn, filter = false) {
@@ -234,8 +224,7 @@ function wrapHandler(fn, filter = false) {
 }
 function filterPrimaryPointer(fn) {
   return (event) => {
-    var _a;
-    const win = (_a = event.view) != null ? _a : window;
+    const win = event.view ?? window;
     const isMouseEvent2 = event instanceof win.MouseEvent;
     const isPrimary = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
     if (isPrimary)
@@ -291,8 +280,7 @@ function raf(fn) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // ../../utilities/dom/src/text-selection.ts
@@ -300,7 +288,7 @@ var state = "default";
 var savedUserSelect = "";
 var modifiedElementMap = /* @__PURE__ */ new WeakMap();
 function disableTextSelection({ target, doc } = {}) {
-  const _document = doc != null ? doc : document;
+  const _document = doc ?? document;
   if (isIos()) {
     if (state === "default") {
       savedUserSelect = _document.documentElement.style.webkitUserSelect;
@@ -314,7 +302,7 @@ function disableTextSelection({ target, doc } = {}) {
   return () => restoreTextSelection({ target, doc: _document });
 }
 function restoreTextSelection({ target, doc } = {}) {
-  const _document = doc != null ? doc : document;
+  const _document = doc ?? document;
   if (isIos()) {
     if (state !== "disabled")
       return;
@@ -334,7 +322,7 @@ function restoreTextSelection({ target, doc } = {}) {
     if (target && modifiedElementMap.has(target)) {
       let targetOldUserSelect = modifiedElementMap.get(target);
       if (target.style.userSelect === "none") {
-        target.style.userSelect = targetOldUserSelect != null ? targetOldUserSelect : "";
+        target.style.userSelect = targetOldUserSelect ?? "";
       }
       if (target.getAttribute("style") === "") {
         target.removeAttribute("style");
@@ -389,8 +377,7 @@ var dom = defineDomHelpers({
     return cursor;
   },
   getPanelStyle(ctx, id) {
-    var _a, _b;
-    const flexGrow = (_b = (_a = ctx.panels.find((panel) => panel.id === id)) == null ? void 0 : _a.size) != null ? _b : "0";
+    const flexGrow = ctx.panels.find((panel) => panel.id === id)?.size ?? "0";
     return {
       flexBasis: 0,
       flexGrow,
@@ -421,8 +408,7 @@ var dom = defineDomHelpers({
     }
   },
   removeGlobalCursor(ctx) {
-    var _a;
-    (_a = dom.getById(ctx, dom.globalCursorId(ctx))) == null ? void 0 : _a.remove();
+    dom.getById(ctx, dom.globalCursorId(ctx))?.remove();
   }
 });
 
@@ -437,9 +423,8 @@ function getNormalizedPanels(ctx) {
   let totalSize = 0;
   let totalMinSize = 0;
   const panels = ctx.size.map((panel) => {
-    var _a, _b;
-    const minSize = (_a = panel.minSize) != null ? _a : 10;
-    const maxSize = (_b = panel.maxSize) != null ? _b : 100;
+    const minSize = panel.minSize ?? 10;
+    const maxSize = panel.maxSize ?? 100;
     totalMinSize += minSize;
     if (panel.size == null) {
       numOfPanelsWithoutSize++;
@@ -476,8 +461,7 @@ function getNormalizedPanels(ctx) {
   return result;
 }
 function getHandlePanels(ctx, id = ctx.activeResizeId) {
-  var _a;
-  const [beforeId, afterId] = (_a = id == null ? void 0 : id.split(":")) != null ? _a : [];
+  const [beforeId, afterId] = id?.split(":") ?? [];
   if (!beforeId || !afterId)
     return;
   const beforeIndex = ctx.previousPanels.findIndex((panel) => panel.id === beforeId);
@@ -603,8 +587,8 @@ function connect(state2, send, normalize) {
         isDisabled: !!disabled,
         isFocused: state2.context.activeResizeId === id && isFocused,
         panelIds,
-        min: panels == null ? void 0 : panels.min,
-        max: panels == null ? void 0 : panels.max,
+        min: panels?.min,
+        max: panels?.max,
         value: 0
       };
     },
@@ -711,7 +695,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "splitter",
-      initial: "unknown",
+      initial: "idle",
       context: {
         orientation: "horizontal",
         activeResizeId: null,
@@ -750,11 +734,6 @@ function machine(userContext) {
         ]
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: "idle"
-          }
-        },
         idle: {
           entry: ["clearActiveHandleId"],
           on: {
@@ -879,16 +858,13 @@ function machine(userContext) {
           dom.removeGlobalCursor(ctx2);
         },
         invokeOnResize(ctx2) {
-          var _a;
-          (_a = ctx2.onResize) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResize?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         invokeOnResizeStart(ctx2) {
-          var _a;
-          (_a = ctx2.onResizeStart) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResizeStart?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         invokeOnResizeEnd(ctx2) {
-          var _a;
-          (_a = ctx2.onResizeEnd) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResizeEnd?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         setActiveHandleId(ctx2, evt) {
           ctx2.activeResizeId = evt.id;
@@ -944,14 +920,12 @@ function machine(userContext) {
         },
         focusResizeHandle(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getActiveHandleEl(ctx2)) == null ? void 0 : _a.focus();
+            dom.getActiveHandleEl(ctx2)?.focus();
           });
         },
         blurResizeHandle(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getActiveHandleEl(ctx2)) == null ? void 0 : _a.blur();
+            dom.getActiveHandleEl(ctx2)?.blur();
           });
         },
         setPreviousPanels(ctx2) {

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import {
   connect
-} from "./chunk-UC2SKBKO.mjs";
+} from "./chunk-JYQICU6Y.mjs";
 import {
   anatomy
 } from "./chunk-HPRMFGOY.mjs";
 import {
   machine
-} from "./chunk-IOEWCDUH.mjs";
-import "./chunk-T56NFB6E.mjs";
-import "./chunk-SQ3UMXCZ.mjs";
+} from "./chunk-EABXMZ6N.mjs";
+import "./chunk-QY3R66FZ.mjs";
+import "./chunk-MV44GBQY.mjs";
 export {
   anatomy,
   connect,

package/dist/splitter.connect.js

@@ -34,27 +34,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -79,10 +72,9 @@ var sameKeyMap = {
   Right: "ArrowRight"
 };
 function getEventKey(event, options = {}) {
-  var _a;
   const { dir = "ltr", orientation = "horizontal" } = options;
   let { key } = event;
-  key = (_a = sameKeyMap[key]) != null ? _a : key;
+  key = sameKeyMap[key] ?? key;
   const isRtl = dir === "rtl" && orientation === "horizontal";
   if (isRtl && key in rtlKeyMap) {
     key = rtlKeyMap[key];
@@ -103,8 +95,7 @@ function getEventStep(event) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // src/splitter.anatomy.ts
@@ -133,8 +124,7 @@ var dom = defineDomHelpers({
     return cursor;
   },
   getPanelStyle(ctx, id) {
-    var _a, _b;
-    const flexGrow = (_b = (_a = ctx.panels.find((panel) => panel.id === id)) == null ? void 0 : _a.size) != null ? _b : "0";
+    const flexGrow = ctx.panels.find((panel) => panel.id === id)?.size ?? "0";
     return {
       flexBasis: 0,
       flexGrow,
@@ -165,15 +155,13 @@ var dom = defineDomHelpers({
     }
   },
   removeGlobalCursor(ctx) {
-    var _a;
-    (_a = dom.getById(ctx, dom.globalCursorId(ctx))) == null ? void 0 : _a.remove();
+    dom.getById(ctx, dom.globalCursorId(ctx))?.remove();
   }
 });
 
 // src/splitter.utils.ts
 function getHandlePanels(ctx, id = ctx.activeResizeId) {
-  var _a;
-  const [beforeId, afterId] = (_a = id == null ? void 0 : id.split(":")) != null ? _a : [];
+  const [beforeId, afterId] = id?.split(":") ?? [];
   if (!beforeId || !afterId)
     return;
   const beforeIndex = ctx.previousPanels.findIndex((panel) => panel.id === beforeId);
@@ -257,8 +245,8 @@ function connect(state, send, normalize) {
         isDisabled: !!disabled,
         isFocused: state.context.activeResizeId === id && isFocused,
         panelIds,
-        min: panels == null ? void 0 : panels.min,
-        max: panels == null ? void 0 : panels.max,
+        min: panels?.min,
+        max: panels?.max,
         value: 0
       };
     },

package/dist/splitter.connect.mjs

@@ -1,9 +1,9 @@
 import {
   connect
-} from "./chunk-UC2SKBKO.mjs";
+} from "./chunk-JYQICU6Y.mjs";
 import "./chunk-HPRMFGOY.mjs";
-import "./chunk-T56NFB6E.mjs";
-import "./chunk-SQ3UMXCZ.mjs";
+import "./chunk-QY3R66FZ.mjs";
+import "./chunk-MV44GBQY.mjs";
 export {
   connect
 };

package/dist/splitter.dom.js

@@ -29,27 +29,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -61,8 +54,7 @@ function defineDomHelpers(helpers) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // src/splitter.dom.ts
@@ -86,8 +78,7 @@ var dom = defineDomHelpers({
     return cursor;
   },
   getPanelStyle(ctx, id) {
-    var _a, _b;
-    const flexGrow = (_b = (_a = ctx.panels.find((panel) => panel.id === id)) == null ? void 0 : _a.size) != null ? _b : "0";
+    const flexGrow = ctx.panels.find((panel) => panel.id === id)?.size ?? "0";
     return {
       flexBasis: 0,
       flexGrow,
@@ -118,8 +109,7 @@ var dom = defineDomHelpers({
     }
   },
   removeGlobalCursor(ctx) {
-    var _a;
-    (_a = dom.getById(ctx, dom.globalCursorId(ctx))) == null ? void 0 : _a.remove();
+    dom.getById(ctx, dom.globalCursorId(ctx))?.remove();
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/splitter.dom.mjs

@@ -1,6 +1,6 @@
 import {
   dom
-} from "./chunk-T56NFB6E.mjs";
+} from "./chunk-QY3R66FZ.mjs";
 export {
   dom
 };

package/dist/splitter.machine.js

@@ -28,11 +28,11 @@ var import_core = require("@zag-js/core");
 // ../../utilities/core/src/functions.ts
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
+  return res ?? void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
-    fn == null ? void 0 : fn(...a);
+    fn?.(...a);
   });
 };
 
@@ -53,9 +53,8 @@ function compact(obj) {
 // ../../utilities/dom/src/platform.ts
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
-  var _a;
   const agent = navigator.userAgentData;
-  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
+  return agent?.platform ?? navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
@@ -68,27 +67,20 @@ function isDocument(el) {
   return el.nodeType === Node.DOCUMENT_NODE;
 }
 function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
+  return value?.toString() === "[object Window]";
 }
 function getDocument(el) {
-  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+  return el?.ownerDocument ?? document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
-    getRootNode: (ctx) => {
-      var _a, _b;
-      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
-    },
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => {
-      var _a;
-      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
-    },
+    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
     getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
@@ -168,14 +160,13 @@ function extractInfo(event, type = "page") {
 }
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
-  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  node?.addEventListener(eventName, handler, options);
   return () => {
-    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+    node?.removeEventListener(eventName, handler, options);
   };
 }
 function addPointerEvent(target, event, listener, options) {
-  var _a;
-  const type = (_a = getEventName(event)) != null ? _a : event;
+  const type = getEventName(event) ?? event;
   return addDomEvent(target, type, wrapHandler(listener, event === "pointerdown"), options);
 }
 function wrapHandler(fn, filter = false) {
@@ -186,8 +177,7 @@ function wrapHandler(fn, filter = false) {
 }
 function filterPrimaryPointer(fn) {
   return (event) => {
-    var _a;
-    const win = (_a = event.view) != null ? _a : window;
+    const win = event.view ?? window;
     const isMouseEvent2 = event instanceof win.MouseEvent;
     const isPrimary = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
     if (isPrimary)
@@ -243,8 +233,7 @@ function raf(fn) {
 
 // ../../utilities/dom/src/nodelist.ts
 function queryAll(root, selector) {
-  var _a;
-  return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
+  return Array.from(root?.querySelectorAll(selector) ?? []);
 }
 
 // ../../utilities/dom/src/text-selection.ts
@@ -252,7 +241,7 @@ var state = "default";
 var savedUserSelect = "";
 var modifiedElementMap = /* @__PURE__ */ new WeakMap();
 function disableTextSelection({ target, doc } = {}) {
-  const _document = doc != null ? doc : document;
+  const _document = doc ?? document;
   if (isIos()) {
     if (state === "default") {
       savedUserSelect = _document.documentElement.style.webkitUserSelect;
@@ -266,7 +255,7 @@ function disableTextSelection({ target, doc } = {}) {
   return () => restoreTextSelection({ target, doc: _document });
 }
 function restoreTextSelection({ target, doc } = {}) {
-  const _document = doc != null ? doc : document;
+  const _document = doc ?? document;
   if (isIos()) {
     if (state !== "disabled")
       return;
@@ -286,7 +275,7 @@ function restoreTextSelection({ target, doc } = {}) {
     if (target && modifiedElementMap.has(target)) {
       let targetOldUserSelect = modifiedElementMap.get(target);
       if (target.style.userSelect === "none") {
-        target.style.userSelect = targetOldUserSelect != null ? targetOldUserSelect : "";
+        target.style.userSelect = targetOldUserSelect ?? "";
       }
       if (target.getAttribute("style") === "") {
         target.removeAttribute("style");
@@ -341,8 +330,7 @@ var dom = defineDomHelpers({
     return cursor;
   },
   getPanelStyle(ctx, id) {
-    var _a, _b;
-    const flexGrow = (_b = (_a = ctx.panels.find((panel) => panel.id === id)) == null ? void 0 : _a.size) != null ? _b : "0";
+    const flexGrow = ctx.panels.find((panel) => panel.id === id)?.size ?? "0";
     return {
       flexBasis: 0,
       flexGrow,
@@ -373,8 +361,7 @@ var dom = defineDomHelpers({
     }
   },
   removeGlobalCursor(ctx) {
-    var _a;
-    (_a = dom.getById(ctx, dom.globalCursorId(ctx))) == null ? void 0 : _a.remove();
+    dom.getById(ctx, dom.globalCursorId(ctx))?.remove();
   }
 });
 
@@ -389,9 +376,8 @@ function getNormalizedPanels(ctx) {
   let totalSize = 0;
   let totalMinSize = 0;
   const panels = ctx.size.map((panel) => {
-    var _a, _b;
-    const minSize = (_a = panel.minSize) != null ? _a : 10;
-    const maxSize = (_b = panel.maxSize) != null ? _b : 100;
+    const minSize = panel.minSize ?? 10;
+    const maxSize = panel.maxSize ?? 100;
     totalMinSize += minSize;
     if (panel.size == null) {
       numOfPanelsWithoutSize++;
@@ -428,8 +414,7 @@ function getNormalizedPanels(ctx) {
   return result;
 }
 function getHandlePanels(ctx, id = ctx.activeResizeId) {
-  var _a;
-  const [beforeId, afterId] = (_a = id == null ? void 0 : id.split(":")) != null ? _a : [];
+  const [beforeId, afterId] = id?.split(":") ?? [];
   if (!beforeId || !afterId)
     return;
   const beforeIndex = ctx.previousPanels.findIndex((panel) => panel.id === beforeId);
@@ -508,7 +493,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "splitter",
-      initial: "unknown",
+      initial: "idle",
       context: {
         orientation: "horizontal",
         activeResizeId: null,
@@ -547,11 +532,6 @@ function machine(userContext) {
         ]
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: "idle"
-          }
-        },
         idle: {
           entry: ["clearActiveHandleId"],
           on: {
@@ -676,16 +656,13 @@ function machine(userContext) {
           dom.removeGlobalCursor(ctx2);
         },
         invokeOnResize(ctx2) {
-          var _a;
-          (_a = ctx2.onResize) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResize?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         invokeOnResizeStart(ctx2) {
-          var _a;
-          (_a = ctx2.onResizeStart) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResizeStart?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         invokeOnResizeEnd(ctx2) {
-          var _a;
-          (_a = ctx2.onResizeEnd) == null ? void 0 : _a.call(ctx2, { size: ctx2.size, activeHandleId: ctx2.activeResizeId });
+          ctx2.onResizeEnd?.({ size: ctx2.size, activeHandleId: ctx2.activeResizeId });
         },
         setActiveHandleId(ctx2, evt) {
           ctx2.activeResizeId = evt.id;
@@ -741,14 +718,12 @@ function machine(userContext) {
         },
         focusResizeHandle(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getActiveHandleEl(ctx2)) == null ? void 0 : _a.focus();
+            dom.getActiveHandleEl(ctx2)?.focus();
           });
         },
         blurResizeHandle(ctx2) {
           raf(() => {
-            var _a;
-            (_a = dom.getActiveHandleEl(ctx2)) == null ? void 0 : _a.blur();
+            dom.getActiveHandleEl(ctx2)?.blur();
           });
         },
         setPreviousPanels(ctx2) {

package/dist/splitter.machine.mjs

@@ -1,8 +1,8 @@
 import {
   machine
-} from "./chunk-IOEWCDUH.mjs";
-import "./chunk-T56NFB6E.mjs";
-import "./chunk-SQ3UMXCZ.mjs";
+} from "./chunk-EABXMZ6N.mjs";
+import "./chunk-QY3R66FZ.mjs";
+import "./chunk-MV44GBQY.mjs";
 export {
   machine
 };

package/dist/splitter.types.d.ts

@@ -50,7 +50,7 @@ type PrivateContext = Context<{
 }>;
 type MachineContext = PublicContext & ComputedContext & PrivateContext;
 type MachineState = {
-    value: "unknown" | "idle" | "hover:temp" | "hover" | "dragging" | "focused";
+    value: "idle" | "hover:temp" | "hover" | "dragging" | "focused";
     tags: "focus";
 };
 type State = StateMachine.State<MachineContext, MachineState>;

package/dist/splitter.utils.js

@@ -37,9 +37,8 @@ function getNormalizedPanels(ctx) {
   let totalSize = 0;
   let totalMinSize = 0;
   const panels = ctx.size.map((panel) => {
-    var _a, _b;
-    const minSize = (_a = panel.minSize) != null ? _a : 10;
-    const maxSize = (_b = panel.maxSize) != null ? _b : 100;
+    const minSize = panel.minSize ?? 10;
+    const maxSize = panel.maxSize ?? 100;
     totalMinSize += minSize;
     if (panel.size == null) {
       numOfPanelsWithoutSize++;
@@ -76,8 +75,7 @@ function getNormalizedPanels(ctx) {
   return result;
 }
 function getHandlePanels(ctx, id = ctx.activeResizeId) {
-  var _a;
-  const [beforeId, afterId] = (_a = id == null ? void 0 : id.split(":")) != null ? _a : [];
+  const [beforeId, afterId] = id?.split(":") ?? [];
   if (!beforeId || !afterId)
     return;
   const beforeIndex = ctx.previousPanels.findIndex((panel) => panel.id === beforeId);

package/dist/splitter.utils.mjs

@@ -4,7 +4,7 @@ import {
   getHandlePanels,
   getNormalizedPanels,
   getPanelBounds
-} from "./chunk-SQ3UMXCZ.mjs";
+} from "./chunk-MV44GBQY.mjs";
 export {
   clamp,
   getHandleBounds,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/splitter",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Core logic for the splitter widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,15 +27,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.1.3",
-    "@zag-js/core": "0.2.5",
-    "@zag-js/types": "0.3.3"
+    "@zag-js/anatomy": "0.1.4",
+    "@zag-js/core": "0.2.7",
+    "@zag-js/types": "0.3.4"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.3",
-    "@zag-js/number-utils": "0.2.2",
-    "@zag-js/utils": "0.3.2"
+    "@zag-js/dom-utils": "0.2.4",
+    "@zag-js/number-utils": "0.2.3",
+    "@zag-js/utils": "0.3.3"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",