@zag-js/slider 0.1.9 → 0.1.10

package/dist/index.js

@@ -44,7 +44,23 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // ../../utilities/dom/dist/index.mjs
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
 var __pow = Math.pow;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
@@ -71,10 +87,40 @@ var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
 var isMac = () => pt(/^Mac/) && !isTouchDevice;
 var isApple = () => pt(/mac|iphone|ipad|ipod/i);
 var isIos = () => isApple() && !isMac();
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return (value == null ? void 0 : 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;
+}
 function getWindow(el) {
   var _a;
   return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : 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;
+    },
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
+    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+  };
+  return __spreadValues2(__spreadValues2({}, dom2), helpers);
+}
 function getNativeEvent(e) {
   var _a;
   return (_a = e.nativeEvent) != null ? _a : e;
@@ -173,6 +219,8 @@ function getDescriptor(el, options) {
 }
 function dispatchInputValueEvent(el, value) {
   var _a;
+  if (!el)
+    return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
@@ -554,49 +602,41 @@ var utils = {
 };
 
 // src/slider.dom.ts
-var dom = __spreadProps(__spreadValues({}, styles), {
-  getDoc: (ctx) => {
-    var _a;
-    return (_a = ctx.doc) != null ? _a : document;
-  },
-  getRootNode: (ctx) => {
-    var _a;
-    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
-  },
+var dom = defineDomHelpers(__spreadProps(__spreadValues({}, styles), {
   getRootId: (ctx) => {
     var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `slider:${ctx.uid}`;
+    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.uid}:thumb`;
+    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.uid}:control`;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `slider:${ctx.id}:control`;
   },
-  getInputId: (ctx) => `slider:${ctx.uid}:input`,
+  getInputId: (ctx) => `slider:${ctx.id}:input`,
   getOutputId: (ctx) => {
     var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.output) != null ? _b : `slider:${ctx.uid}:output`;
+    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.uid}track`;
+    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.uid}:range`;
+    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.uid}:label`;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `slider:${ctx.id}:label`;
   },
-  getMarkerId: (ctx, value) => `slider:${ctx.uid}:marker:${value}`,
-  getRootEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getRootId(ctx)),
-  getThumbEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getThumbId(ctx)),
-  getControlEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getControlId(ctx)),
-  getInputEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getInputId(ctx)),
+  getMarkerId: (ctx, value) => `slider:${ctx.id}:marker:${value}`,
+  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
+  getThumbEl: (ctx) => dom.getById(ctx, dom.getThumbId(ctx)),
+  getControlEl: (ctx) => dom.getById(ctx, dom.getControlId(ctx)),
+  getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getValueFromPoint(ctx, point) {
     const el = dom.getControlEl(ctx);
     if (!el)
@@ -618,7 +658,7 @@ var dom = __spreadProps(__spreadValues({}, styles), {
       return;
     dispatchInputValueEvent(input, ctx.value);
   }
-});
+}));
 
 // src/slider.connect.ts
 function connect(state2, send, normalize) {
@@ -834,14 +874,13 @@ function connect(state2, send, normalize) {
 
 // src/slider.machine.ts
 var import_core = require("@zag-js/core");
-function machine(ctx = {}) {
+function machine(ctx) {
   return (0, import_core.createMachine)({
     id: "slider",
     initial: "unknown",
     context: __spreadValues({
       thumbSize: null,
       thumbAlignment: "contain",
-      uid: "",
       disabled: false,
       threshold: 5,
       dir: "ltr",
@@ -880,7 +919,7 @@ function machine(ctx = {}) {
         on: {
           SETUP: {
             target: "idle",
-            actions: ["setupDocument", "setThumbSize", "checkValue"]
+            actions: ["setThumbSize", "checkValue"]
           }
         }
       },
@@ -952,26 +991,18 @@ function machine(ctx = {}) {
     },
     activities: {
       trackFieldsetDisabled(ctx2) {
-        let cleanup;
-        nextTick(() => {
-          cleanup = trackFieldsetDisabled(dom.getRootEl(ctx2), (disabled) => {
-            if (disabled) {
-              ctx2.disabled = disabled;
-            }
-          });
+        return trackFieldsetDisabled(dom.getRootEl(ctx2), (disabled) => {
+          if (disabled) {
+            ctx2.disabled = disabled;
+          }
         });
-        return () => cleanup == null ? void 0 : cleanup();
       },
       trackFormReset(ctx2) {
-        let cleanup;
-        nextTick(() => {
-          cleanup = trackFormReset(dom.getInputEl(ctx2), () => {
-            if (ctx2.initialValue != null) {
-              ctx2.value = ctx2.initialValue;
-            }
-          });
+        return trackFormReset(dom.getInputEl(ctx2), () => {
+          if (ctx2.initialValue != null) {
+            ctx2.value = ctx2.initialValue;
+          }
         });
-        return () => cleanup == null ? void 0 : cleanup();
       },
       trackPointerMove(ctx2, _evt, { send }) {
         return trackPointerMove({
@@ -986,13 +1017,6 @@ function machine(ctx = {}) {
       }
     },
     actions: {
-      setupDocument(ctx2, evt) {
-        if (evt.doc)
-          ctx2.doc = (0, import_core.ref)(evt.doc);
-        if (evt.root)
-          ctx2.rootNode = (0, import_core.ref)(evt.root);
-        ctx2.uid = evt.id;
-      },
       checkValue(ctx2) {
         const value = utils.convert(ctx2, ctx2.value);
         Object.assign(ctx2, { value, initialValue: value });

package/dist/index.mjs

@@ -19,7 +19,23 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // ../../utilities/dom/dist/index.mjs
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
 var __pow = Math.pow;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
@@ -46,10 +62,40 @@ var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
 var isMac = () => pt(/^Mac/) && !isTouchDevice;
 var isApple = () => pt(/mac|iphone|ipad|ipod/i);
 var isIos = () => isApple() && !isMac();
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return (value == null ? void 0 : 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;
+}
 function getWindow(el) {
   var _a;
   return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : 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;
+    },
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
+    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+  };
+  return __spreadValues2(__spreadValues2({}, dom2), helpers);
+}
 function getNativeEvent(e) {
   var _a;
   return (_a = e.nativeEvent) != null ? _a : e;
@@ -148,6 +194,8 @@ function getDescriptor(el, options) {
 }
 function dispatchInputValueEvent(el, value) {
   var _a;
+  if (!el)
+    return;
   const win = getWindow(el);
   if (!(el instanceof win.HTMLInputElement))
     return;
@@ -529,49 +577,41 @@ var utils = {
 };
 
 // src/slider.dom.ts
-var dom = __spreadProps(__spreadValues({}, styles), {
-  getDoc: (ctx) => {
-    var _a;
-    return (_a = ctx.doc) != null ? _a : document;
-  },
-  getRootNode: (ctx) => {
-    var _a;
-    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
-  },
+var dom = defineDomHelpers(__spreadProps(__spreadValues({}, styles), {
   getRootId: (ctx) => {
     var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `slider:${ctx.uid}`;
+    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.uid}:thumb`;
+    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.uid}:control`;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.control) != null ? _b : `slider:${ctx.id}:control`;
   },
-  getInputId: (ctx) => `slider:${ctx.uid}:input`,
+  getInputId: (ctx) => `slider:${ctx.id}:input`,
   getOutputId: (ctx) => {
     var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.output) != null ? _b : `slider:${ctx.uid}:output`;
+    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.uid}track`;
+    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.uid}:range`;
+    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.uid}:label`;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `slider:${ctx.id}:label`;
   },
-  getMarkerId: (ctx, value) => `slider:${ctx.uid}:marker:${value}`,
-  getRootEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getRootId(ctx)),
-  getThumbEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getThumbId(ctx)),
-  getControlEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getControlId(ctx)),
-  getInputEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getInputId(ctx)),
+  getMarkerId: (ctx, value) => `slider:${ctx.id}:marker:${value}`,
+  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
+  getThumbEl: (ctx) => dom.getById(ctx, dom.getThumbId(ctx)),
+  getControlEl: (ctx) => dom.getById(ctx, dom.getControlId(ctx)),
+  getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
   getValueFromPoint(ctx, point) {
     const el = dom.getControlEl(ctx);
     if (!el)
@@ -593,7 +633,7 @@ var dom = __spreadProps(__spreadValues({}, styles), {
       return;
     dispatchInputValueEvent(input, ctx.value);
   }
-});
+}));
 
 // src/slider.connect.ts
 function connect(state2, send, normalize) {
@@ -808,15 +848,14 @@ function connect(state2, send, normalize) {
 }
 
 // src/slider.machine.ts
-import { createMachine, ref } from "@zag-js/core";
-function machine(ctx = {}) {
+import { createMachine } from "@zag-js/core";
+function machine(ctx) {
   return createMachine({
     id: "slider",
     initial: "unknown",
     context: __spreadValues({
       thumbSize: null,
       thumbAlignment: "contain",
-      uid: "",
       disabled: false,
       threshold: 5,
       dir: "ltr",
@@ -855,7 +894,7 @@ function machine(ctx = {}) {
         on: {
           SETUP: {
             target: "idle",
-            actions: ["setupDocument", "setThumbSize", "checkValue"]
+            actions: ["setThumbSize", "checkValue"]
           }
         }
       },
@@ -927,26 +966,18 @@ function machine(ctx = {}) {
     },
     activities: {
       trackFieldsetDisabled(ctx2) {
-        let cleanup;
-        nextTick(() => {
-          cleanup = trackFieldsetDisabled(dom.getRootEl(ctx2), (disabled) => {
-            if (disabled) {
-              ctx2.disabled = disabled;
-            }
-          });
+        return trackFieldsetDisabled(dom.getRootEl(ctx2), (disabled) => {
+          if (disabled) {
+            ctx2.disabled = disabled;
+          }
         });
-        return () => cleanup == null ? void 0 : cleanup();
       },
       trackFormReset(ctx2) {
-        let cleanup;
-        nextTick(() => {
-          cleanup = trackFormReset(dom.getInputEl(ctx2), () => {
-            if (ctx2.initialValue != null) {
-              ctx2.value = ctx2.initialValue;
-            }
-          });
+        return trackFormReset(dom.getInputEl(ctx2), () => {
+          if (ctx2.initialValue != null) {
+            ctx2.value = ctx2.initialValue;
+          }
         });
-        return () => cleanup == null ? void 0 : cleanup();
       },
       trackPointerMove(ctx2, _evt, { send }) {
         return trackPointerMove({
@@ -961,13 +992,6 @@ function machine(ctx = {}) {
       }
     },
     actions: {
-      setupDocument(ctx2, evt) {
-        if (evt.doc)
-          ctx2.doc = ref(evt.doc);
-        if (evt.root)
-          ctx2.rootNode = ref(evt.root);
-        ctx2.uid = evt.id;
-      },
       checkValue(ctx2) {
         const value = utils.convert(ctx2, ctx2.value);
         Object.assign(ctx2, { value, initialValue: value });

package/dist/slider.dom.d.ts

@@ -1,7 +1,21 @@
 import type { MachineContext as Ctx, Point } from "./slider.types";
 export declare const dom: {
-    getDoc: (ctx: Ctx) => Document;
-    getRootNode: (ctx: Ctx) => Document | ShadowRoot;
+    getRootNode: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => Document | ShadowRoot;
+    getDoc: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => Document;
+    getWin: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => Window & typeof globalThis;
+    getActiveElement: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => HTMLElement;
+    getById: <T_1 = HTMLElement>(ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }, id: string) => T_1;
+} & {
     getRootId: (ctx: Ctx) => string;
     getThumbId: (ctx: Ctx) => string;
     getControlId: (ctx: Ctx) => string;
@@ -18,12 +32,12 @@ export declare const dom: {
     getValueFromPoint(ctx: Ctx, point: Point): number | undefined;
     dispatchChangeEvent(ctx: Ctx): void;
     getThumbOffset: (ctx: import("./slider.types").SharedContext) => string;
-    getControlStyle: () => JSX.CSSProperties;
-    getThumbStyle: (ctx: import("./slider.types").SharedContext) => JSX.CSSProperties;
-    getRangeStyle: (ctx: Pick<import("./slider.types").SharedContext, "isVertical" | "isRtl">) => JSX.CSSProperties;
-    getRootStyle: (ctx: Ctx) => JSX.CSSProperties;
-    getMarkerStyle: (ctx: Pick<import("./slider.types").SharedContext, "isHorizontal" | "isRtl">, percent: number) => JSX.CSSProperties;
-    getLabelStyle: () => JSX.CSSProperties;
-    getTrackStyle: () => JSX.CSSProperties;
-    getMarkerGroupStyle: () => JSX.CSSProperties;
+    getControlStyle: () => import("@zag-js/types").JSX.CSSProperties;
+    getThumbStyle: (ctx: import("./slider.types").SharedContext) => import("@zag-js/types").JSX.CSSProperties;
+    getRangeStyle: (ctx: Pick<import("./slider.types").SharedContext, "isVertical" | "isRtl">) => import("@zag-js/types").JSX.CSSProperties;
+    getRootStyle: (ctx: Ctx) => import("@zag-js/types").JSX.CSSProperties;
+    getMarkerStyle: (ctx: Pick<import("./slider.types").SharedContext, "isHorizontal" | "isRtl">, percent: number) => import("@zag-js/types").JSX.CSSProperties;
+    getLabelStyle: () => import("@zag-js/types").JSX.CSSProperties;
+    getTrackStyle: () => import("@zag-js/types").JSX.CSSProperties;
+    getMarkerGroupStyle: () => import("@zag-js/types").JSX.CSSProperties;
 };

package/dist/slider.machine.d.ts

@@ -1,2 +1,2 @@
 import type { MachineContext, MachineState, UserDefinedContext } from "./slider.types";
-export declare function machine(ctx?: UserDefinedContext): import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;
+export declare function machine(ctx: UserDefinedContext): import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;

package/dist/slider.types.d.ts

@@ -1,5 +1,5 @@
 import type { StateMachine as S } from "@zag-js/core";
-import type { Context, DirectionProperty } from "@zag-js/types";
+import type { CommonProperties, Context, DirectionProperty, RequiredBy } from "@zag-js/types";
 declare type ElementIds = Partial<{
     root: string;
     thumb: string;
@@ -9,7 +9,7 @@ declare type ElementIds = Partial<{
     label: string;
     output: string;
 }>;
-declare type PublicContext = DirectionProperty & {
+declare type PublicContext = DirectionProperty & CommonProperties & {
     /**
      * The ids of the elements in the slider. Useful for composition.
      */
@@ -96,7 +96,7 @@ declare type PublicContext = DirectionProperty & {
      */
     thumbAlignment?: "contain" | "center";
 };
-export declare type UserDefinedContext = Partial<PublicContext>;
+export declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
 declare type ComputedContext = Readonly<{
     /**
      * @computed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,10 +29,12 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.1.7",
-    "@zag-js/dom-utils": "0.1.6",
+    "@zag-js/core": "0.1.8",
+    "@zag-js/types": "0.2.2"
+  },
+  "devDependencies": {
+    "@zag-js/dom-utils": "0.1.7",
     "@zag-js/number-utils": "0.1.2",
-    "@zag-js/types": "0.2.1",
     "@zag-js/utils": "0.1.2"
   },
   "scripts": {