@zag-js/slider 0.2.9 → 0.2.11

package/dist/slider.connect.mjs

@@ -1,10 +1,10 @@
 import {
   connect
-} from "./chunk-WMQQQRK5.mjs";
+} from "./chunk-X363CZYV.mjs";
 import "./chunk-3Y7IIPR5.mjs";
-import "./chunk-SGCWELVB.mjs";
-import "./chunk-J5IGGBVE.mjs";
-import "./chunk-YREEXXZP.mjs";
+import "./chunk-3UP6QL6A.mjs";
+import "./chunk-55KEN77D.mjs";
+import "./chunk-IJAAAKZQ.mjs";
 export {
   connect
 };

package/dist/slider.dom.js

@@ -29,31 +29,23 @@ 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 getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return el?.ownerDocument.defaultView ?? window;
 }
 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)
   };
@@ -97,20 +89,18 @@ function getPointRelativeToNode(point, element) {
 
 // ../../utilities/form-utils/src/input-event.ts
 function getDescriptor(el, options) {
-  var _a;
   const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
-  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
+  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
 }
 function dispatchInputValueEvent(el, value) {
-  var _a;
   if (!el)
     return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
   const desc = getDescriptor(el, { type: "HTMLInputElement", property: "value" });
-  (_a = desc.set) == null ? void 0 : _a.call(el, value);
+  desc.set?.call(el, value);
   const event = new win.Event("input", { bubbles: true });
   el.dispatchEvent(event);
 }
@@ -121,14 +111,12 @@ var import_numeric_range2 = require("@zag-js/numeric-range");
 // src/slider.style.ts
 var import_numeric_range = require("@zag-js/numeric-range");
 function getVerticalThumbOffset(ctx) {
-  var _a;
-  const { height = 0 } = (_a = ctx.thumbSize) != null ? _a : {};
+  const { height = 0 } = ctx.thumbSize ?? {};
   const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-height / 2, height / 2]);
   return parseFloat(getValue(ctx.value).toFixed(2));
 }
 function getHorizontalThumbOffset(ctx) {
-  var _a;
-  const { width = 0 } = (_a = ctx.thumbSize) != null ? _a : {};
+  const { width = 0 } = ctx.thumbSize ?? {};
   if (ctx.isRtl) {
     const getValue2 = (0, import_numeric_range.getValueTransformer)([ctx.max, ctx.min], [-width * 1.5, -width / 2]);
     return -1 * parseFloat(getValue2(ctx.value).toFixed(2));
@@ -235,35 +223,14 @@ var styles = {
 // src/slider.dom.ts
 var dom = defineDomHelpers({
   ...styles,
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `slider:${ctx.id}`;
-  },
-  getThumbId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.thumb) != null ? _b : `slider:${ctx.id}:thumb`;
-  },
-  getControlId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `slider:${ctx.id}:control`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,
+  getThumbId: (ctx) => ctx.ids?.thumb ?? `slider:${ctx.id}:thumb`,
+  getControlId: (ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,
   getHiddenInputId: (ctx) => `slider:${ctx.id}:input`,
-  getOutputId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.output) != null ? _b : `slider:${ctx.id}:output`;
-  },
-  getTrackId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.track) != null ? _b : `slider:${ctx.id}track`;
-  },
-  getRangeId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.track) != null ? _b : `slider:${ctx.id}:range`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `slider:${ctx.id}:label`;
-  },
+  getOutputId: (ctx) => ctx.ids?.output ?? `slider:${ctx.id}:output`,
+  getTrackId: (ctx) => ctx.ids?.track ?? `slider:${ctx.id}track`,
+  getRangeId: (ctx) => ctx.ids?.track ?? `slider:${ctx.id}:range`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,
   getMarkerId: (ctx, value) => `slider:${ctx.id}:marker:${value}`,
   getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
   getThumbEl: (ctx) => dom.getById(ctx, dom.getThumbId(ctx)),

package/dist/slider.dom.mjs

@@ -1,7 +1,7 @@
 import {
   dom
-} from "./chunk-J5IGGBVE.mjs";
-import "./chunk-YREEXXZP.mjs";
+} from "./chunk-55KEN77D.mjs";
+import "./chunk-IJAAAKZQ.mjs";
 export {
   dom
 };

package/dist/slider.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,31 +67,23 @@ 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 getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
+  return el?.ownerDocument.defaultView ?? window;
 }
 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)
   };
@@ -156,14 +147,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) {
@@ -174,8 +164,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)
@@ -251,7 +240,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;
@@ -265,7 +254,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;
@@ -285,7 +274,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");
@@ -324,20 +313,18 @@ var import_element_size = require("@zag-js/element-size");
 
 // ../../utilities/form-utils/src/input-event.ts
 function getDescriptor(el, options) {
-  var _a;
   const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
-  return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
+  return Object.getOwnPropertyDescriptor(proto, property) ?? {};
 }
 function dispatchInputValueEvent(el, value) {
-  var _a;
   if (!el)
     return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
   const desc = getDescriptor(el, { type: "HTMLInputElement", property: "value" });
-  (_a = desc.set) == null ? void 0 : _a.call(el, value);
+  desc.set?.call(el, value);
   const event = new win.Event("input", { bubbles: true });
   el.dispatchEvent(event);
 }
@@ -356,13 +343,13 @@ function trackFormReset(el, callback) {
   if (!el)
     return;
   const form = getClosestForm(el);
-  form == null ? void 0 : form.addEventListener("reset", callback, { passive: true });
+  form?.addEventListener("reset", callback, { passive: true });
   return () => {
-    form == null ? void 0 : form.removeEventListener("reset", callback);
+    form?.removeEventListener("reset", callback);
   };
 }
 function trackFieldsetDisabled(el, callback) {
-  const fieldset = el == null ? void 0 : el.closest("fieldset");
+  const fieldset = el?.closest("fieldset");
   if (!fieldset)
     return;
   callback(fieldset.disabled);
@@ -380,7 +367,7 @@ function trackFormControl(el, options) {
     })
   ];
   return () => {
-    cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
+    cleanups.forEach((cleanup) => cleanup?.());
   };
 }
 
@@ -393,14 +380,12 @@ var import_numeric_range2 = require("@zag-js/numeric-range");
 // src/slider.style.ts
 var import_numeric_range = require("@zag-js/numeric-range");
 function getVerticalThumbOffset(ctx) {
-  var _a;
-  const { height = 0 } = (_a = ctx.thumbSize) != null ? _a : {};
+  const { height = 0 } = ctx.thumbSize ?? {};
   const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-height / 2, height / 2]);
   return parseFloat(getValue(ctx.value).toFixed(2));
 }
 function getHorizontalThumbOffset(ctx) {
-  var _a;
-  const { width = 0 } = (_a = ctx.thumbSize) != null ? _a : {};
+  const { width = 0 } = ctx.thumbSize ?? {};
   if (ctx.isRtl) {
     const getValue2 = (0, import_numeric_range.getValueTransformer)([ctx.max, ctx.min], [-width * 1.5, -width / 2]);
     return -1 * parseFloat(getValue2(ctx.value).toFixed(2));
@@ -507,35 +492,14 @@ var styles = {
 // src/slider.dom.ts
 var dom = defineDomHelpers({
   ...styles,
-  getRootId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `slider:${ctx.id}`;
-  },
-  getThumbId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.thumb) != null ? _b : `slider:${ctx.id}:thumb`;
-  },
-  getControlId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `slider:${ctx.id}:control`;
-  },
+  getRootId: (ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,
+  getThumbId: (ctx) => ctx.ids?.thumb ?? `slider:${ctx.id}:thumb`,
+  getControlId: (ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,
   getHiddenInputId: (ctx) => `slider:${ctx.id}:input`,
-  getOutputId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.output) != null ? _b : `slider:${ctx.id}:output`;
-  },
-  getTrackId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.track) != null ? _b : `slider:${ctx.id}track`;
-  },
-  getRangeId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.track) != null ? _b : `slider:${ctx.id}:range`;
-  },
-  getLabelId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `slider:${ctx.id}:label`;
-  },
+  getOutputId: (ctx) => ctx.ids?.output ?? `slider:${ctx.id}:output`,
+  getTrackId: (ctx) => ctx.ids?.track ?? `slider:${ctx.id}track`,
+  getRangeId: (ctx) => ctx.ids?.track ?? `slider:${ctx.id}:range`,
+  getLabelId: (ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,
   getMarkerId: (ctx, value) => `slider:${ctx.id}:marker:${value}`,
   getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
   getThumbEl: (ctx) => dom.getById(ctx, dom.getThumbId(ctx)),
@@ -574,7 +538,7 @@ function decrement(ctx, step) {
   const index = 0;
   const values = (0, import_numeric_range3.getPreviousStepValue)(index, {
     ...ctx,
-    step: step != null ? step : ctx.step,
+    step: step ?? ctx.step,
     values: [ctx.value]
   });
   return values[index];
@@ -583,7 +547,7 @@ function increment(ctx, step) {
   const index = 0;
   const values = (0, import_numeric_range3.getNextStepValue)(index, {
     ...ctx,
-    step: step != null ? step : ctx.step,
+    step: step ?? ctx.step,
     values: [ctx.value]
   });
   return values[index];
@@ -595,7 +559,7 @@ function machine(userContext) {
   return (0, import_core.createMachine)(
     {
       id: "slider",
-      initial: "unknown",
+      initial: "idle",
       context: {
         thumbSize: null,
         thumbAlignment: "contain",
@@ -634,15 +598,8 @@ function machine(userContext) {
           actions: "decrement"
         }
       },
+      entry: ["checkValue"],
       states: {
-        unknown: {
-          on: {
-            SETUP: {
-              target: "idle",
-              actions: ["checkValue"]
-            }
-          }
-        },
         idle: {
           on: {
             POINTER_DOWN: {
@@ -749,16 +706,13 @@ function machine(userContext) {
           ctx2.initialValue = value;
         },
         invokeOnChangeStart(ctx2) {
-          var _a;
-          (_a = ctx2.onChangeStart) == null ? void 0 : _a.call(ctx2, { value: ctx2.value });
+          ctx2.onChangeStart?.({ value: ctx2.value });
         },
         invokeOnChangeEnd(ctx2) {
-          var _a;
-          (_a = ctx2.onChangeEnd) == null ? void 0 : _a.call(ctx2, { value: ctx2.value });
+          ctx2.onChangeEnd?.({ value: ctx2.value });
         },
         invokeOnChange(ctx2) {
-          var _a;
-          (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, { value: ctx2.value });
+          ctx2.onChange?.({ value: ctx2.value });
         },
         dispatchChangeEvent(ctx2) {
           dom.dispatchChangeEvent(ctx2);
@@ -770,10 +724,7 @@ function machine(userContext) {
           ctx2.value = (0, import_numeric_range4.clampValue)(value, ctx2.min, ctx2.max);
         },
         focusThumb(ctx2) {
-          raf(() => {
-            var _a;
-            return (_a = dom.getThumbEl(ctx2)) == null ? void 0 : _a.focus();
-          });
+          raf(() => dom.getThumbEl(ctx2)?.focus());
         },
         decrement(ctx2, evt) {
           ctx2.value = decrement(ctx2, evt.step);

package/dist/slider.machine.mjs

@@ -1,10 +1,10 @@
 import {
   machine
-} from "./chunk-A2ZK6G4F.mjs";
-import "./chunk-SGCWELVB.mjs";
-import "./chunk-J5IGGBVE.mjs";
-import "./chunk-YREEXXZP.mjs";
-import "./chunk-DRAPR6JV.mjs";
+} from "./chunk-5XVLG734.mjs";
+import "./chunk-3UP6QL6A.mjs";
+import "./chunk-55KEN77D.mjs";
+import "./chunk-IJAAAKZQ.mjs";
+import "./chunk-YGFSMEUO.mjs";
 export {
   machine
 };

package/dist/slider.style.js

@@ -25,14 +25,12 @@ __export(slider_style_exports, {
 module.exports = __toCommonJS(slider_style_exports);
 var import_numeric_range = require("@zag-js/numeric-range");
 function getVerticalThumbOffset(ctx) {
-  var _a;
-  const { height = 0 } = (_a = ctx.thumbSize) != null ? _a : {};
+  const { height = 0 } = ctx.thumbSize ?? {};
   const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-height / 2, height / 2]);
   return parseFloat(getValue(ctx.value).toFixed(2));
 }
 function getHorizontalThumbOffset(ctx) {
-  var _a;
-  const { width = 0 } = (_a = ctx.thumbSize) != null ? _a : {};
+  const { width = 0 } = ctx.thumbSize ?? {};
   if (ctx.isRtl) {
     const getValue2 = (0, import_numeric_range.getValueTransformer)([ctx.max, ctx.min], [-width * 1.5, -width / 2]);
     return -1 * parseFloat(getValue2(ctx.value).toFixed(2));

package/dist/slider.style.mjs

@@ -1,6 +1,6 @@
 import {
   styles
-} from "./chunk-YREEXXZP.mjs";
+} from "./chunk-IJAAAKZQ.mjs";
 export {
   styles
 };

package/dist/slider.types.d.ts

@@ -137,7 +137,7 @@ type ComputedContext = Readonly<{
 type PrivateContext = Context<{}>;
 type MachineContext = PublicContext & ComputedContext & PrivateContext;
 type MachineState = {
-    value: "unknown" | "idle" | "dragging" | "focus";
+    value: "idle" | "dragging" | "focus";
 };
 type State = StateMachine.State<MachineContext, MachineState>;
 type Send = StateMachine.Send<StateMachine.AnyEventObject>;

package/dist/slider.utils.js

@@ -38,7 +38,7 @@ function decrement(ctx, step) {
   const index = 0;
   const values = (0, import_numeric_range.getPreviousStepValue)(index, {
     ...ctx,
-    step: step != null ? step : ctx.step,
+    step: step ?? ctx.step,
     values: [ctx.value]
   });
   return values[index];
@@ -47,7 +47,7 @@ function increment(ctx, step) {
   const index = 0;
   const values = (0, import_numeric_range.getNextStepValue)(index, {
     ...ctx,
-    step: step != null ? step : ctx.step,
+    step: step ?? ctx.step,
     values: [ctx.value]
   });
   return values[index];

package/dist/slider.utils.mjs

@@ -3,7 +3,7 @@ import {
   constrainValue,
   decrement,
   increment
-} from "./chunk-DRAPR6JV.mjs";
+} from "./chunk-YGFSMEUO.mjs";
 export {
   clampPercent,
   constrainValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,17 +26,17 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.1.3",
-    "@zag-js/core": "0.2.5",
-    "@zag-js/element-size": "0.3.1",
-    "@zag-js/numeric-range": "0.1.0",
-    "@zag-js/types": "0.3.3"
+    "@zag-js/anatomy": "0.1.4",
+    "@zag-js/core": "0.2.7",
+    "@zag-js/element-size": "0.3.2",
+    "@zag-js/numeric-range": "0.1.1",
+    "@zag-js/types": "0.3.4"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.3",
-    "@zag-js/form-utils": "0.2.3",
-    "@zag-js/utils": "0.3.2"
+    "@zag-js/dom-utils": "0.2.4",
+    "@zag-js/form-utils": "0.2.4",
+    "@zag-js/utils": "0.3.3"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",