@zag-js/slider 0.2.8 → 0.2.10

package/dist/{chunk-6D4ETNPG.mjs → chunk-OSBGE2HK.mjs}

@@ -1,15 +1,15 @@
 import {
   parts
-} from "./chunk-3Y7IIPR5.mjs";
+} from "./chunk-7YVG4DKQ.mjs";
 import {
   getNativeEvent,
   isLeftClick,
   isModifiedEvent,
   isTouchEvent
-} from "./chunk-SGCWELVB.mjs";
+} from "./chunk-DIZXKUD6.mjs";
 import {
   dom
-} from "./chunk-J5IGGBVE.mjs";
+} from "./chunk-RQG27JID.mjs";
 
 // ../../utilities/dom/src/attrs.ts
 var dataAttr = (guard) => {
@@ -78,6 +78,12 @@ function connect(state, send, normalize) {
   const isDisabled = state.context.disabled;
   const isInteractive = state.context.isInteractive;
   const isInvalid = state.context.invalid;
+  function getPercentValueFn(percent) {
+    return getPercentValue(percent, state.context.min, state.context.max, state.context.step);
+  }
+  function getValuePercentFn(value) {
+    return getValuePercent(value, state.context.min, state.context.max);
+  }
   return {
     isFocused,
     isDragging,
@@ -86,12 +92,8 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
-    getPercentValue(percent) {
-      return getPercentValue(percent, state.context.min, state.context.max, state.context.step);
-    },
-    getValuePercent(value) {
-      return getValuePercent(value, state.context.min, state.context.max);
-    },
+    getPercentValue: getPercentValueFn,
+    getValuePercent: getValuePercentFn,
     focus() {
       var _a2;
       (_a2 = dom.getThumbEl(state.context)) == null ? void 0 : _a2.focus();
@@ -266,7 +268,7 @@ function connect(state, send, normalize) {
       style: dom.getMarkerGroupStyle()
     }),
     getMarkerProps({ value }) {
-      const percent = this.getValuePercent(value);
+      const percent = getValuePercentFn(value);
       const style = dom.getMarkerStyle(state.context, percent);
       const markerState = value > state.context.value ? "over-value" : value < state.context.value ? "under-value" : "at-value";
       return normalize.element({

package/dist/{chunk-J5IGGBVE.mjs → chunk-RQG27JID.mjs}

@@ -1,6 +1,6 @@
 import {
   styles
-} from "./chunk-YREEXXZP.mjs";
+} from "./chunk-GVCEKN7A.mjs";
 
 // ../../utilities/dom/src/query.ts
 function isDocument(el) {

package/dist/{chunk-A2ZK6G4F.mjs → chunk-WEMXLFK3.mjs}

@@ -8,15 +8,15 @@ import {
   supportsMouseEvent,
   supportsPointerEvent,
   supportsTouchEvent
-} from "./chunk-SGCWELVB.mjs";
+} from "./chunk-DIZXKUD6.mjs";
 import {
   dom
-} from "./chunk-J5IGGBVE.mjs";
+} from "./chunk-RQG27JID.mjs";
 import {
   constrainValue,
   decrement,
   increment
-} from "./chunk-DRAPR6JV.mjs";
+} from "./chunk-OLKQEDRG.mjs";
 
 // src/slider.machine.ts
 import { createMachine } from "@zag-js/core";

package/dist/index.js

@@ -650,6 +650,12 @@ function connect(state2, send, normalize) {
   const isDisabled = state2.context.disabled;
   const isInteractive = state2.context.isInteractive;
   const isInvalid = state2.context.invalid;
+  function getPercentValueFn(percent) {
+    return (0, import_numeric_range3.getPercentValue)(percent, state2.context.min, state2.context.max, state2.context.step);
+  }
+  function getValuePercentFn(value) {
+    return (0, import_numeric_range3.getValuePercent)(value, state2.context.min, state2.context.max);
+  }
   return {
     isFocused,
     isDragging,
@@ -658,12 +664,8 @@ function connect(state2, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
-    getPercentValue(percent) {
-      return (0, import_numeric_range3.getPercentValue)(percent, state2.context.min, state2.context.max, state2.context.step);
-    },
-    getValuePercent(value) {
-      return (0, import_numeric_range3.getValuePercent)(value, state2.context.min, state2.context.max);
-    },
+    getPercentValue: getPercentValueFn,
+    getValuePercent: getValuePercentFn,
     focus() {
       var _a2;
       (_a2 = dom.getThumbEl(state2.context)) == null ? void 0 : _a2.focus();
@@ -838,7 +840,7 @@ function connect(state2, send, normalize) {
       style: dom.getMarkerGroupStyle()
     }),
     getMarkerProps({ value }) {
-      const percent = this.getValuePercent(value);
+      const percent = getValuePercentFn(value);
       const style = dom.getMarkerStyle(state2.context, percent);
       const markerState = value > state2.context.value ? "over-value" : value < state2.context.value ? "under-value" : "at-value";
       return normalize.element({

package/dist/index.mjs

@@ -1,18 +1,18 @@
 import {
   connect
-} from "./chunk-6D4ETNPG.mjs";
+} from "./chunk-OSBGE2HK.mjs";
 import {
   anatomy
-} from "./chunk-3Y7IIPR5.mjs";
+} from "./chunk-7YVG4DKQ.mjs";
 import {
   machine
-} from "./chunk-A2ZK6G4F.mjs";
-import "./chunk-SGCWELVB.mjs";
+} from "./chunk-WEMXLFK3.mjs";
+import "./chunk-DIZXKUD6.mjs";
 import {
   dom
-} from "./chunk-J5IGGBVE.mjs";
-import "./chunk-YREEXXZP.mjs";
-import "./chunk-DRAPR6JV.mjs";
+} from "./chunk-RQG27JID.mjs";
+import "./chunk-GVCEKN7A.mjs";
+import "./chunk-OLKQEDRG.mjs";
 export {
   anatomy,
   connect,

package/dist/slider.anatomy.mjs

@@ -1,7 +1,7 @@
 import {
   anatomy,
   parts
-} from "./chunk-3Y7IIPR5.mjs";
+} from "./chunk-7YVG4DKQ.mjs";
 export {
   anatomy,
   parts

package/dist/slider.connect.d.ts

@@ -8,8 +8,8 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     value: number;
     percent: number;
     setValue(value: number): void;
-    getPercentValue(percent: number): number;
-    getValuePercent(value: number): number;
+    getPercentValue: (percent: number) => number;
+    getValuePercent: (value: number) => number;
     focus(): void;
     increment(): void;
     decrement(): void;

package/dist/slider.connect.js

@@ -391,6 +391,12 @@ function connect(state, send, normalize) {
   const isDisabled = state.context.disabled;
   const isInteractive = state.context.isInteractive;
   const isInvalid = state.context.invalid;
+  function getPercentValueFn(percent) {
+    return (0, import_numeric_range3.getPercentValue)(percent, state.context.min, state.context.max, state.context.step);
+  }
+  function getValuePercentFn(value) {
+    return (0, import_numeric_range3.getValuePercent)(value, state.context.min, state.context.max);
+  }
   return {
     isFocused,
     isDragging,
@@ -399,12 +405,8 @@ function connect(state, send, normalize) {
     setValue(value) {
       send({ type: "SET_VALUE", value });
     },
-    getPercentValue(percent) {
-      return (0, import_numeric_range3.getPercentValue)(percent, state.context.min, state.context.max, state.context.step);
-    },
-    getValuePercent(value) {
-      return (0, import_numeric_range3.getValuePercent)(value, state.context.min, state.context.max);
-    },
+    getPercentValue: getPercentValueFn,
+    getValuePercent: getValuePercentFn,
     focus() {
       var _a2;
       (_a2 = dom.getThumbEl(state.context)) == null ? void 0 : _a2.focus();
@@ -579,7 +581,7 @@ function connect(state, send, normalize) {
       style: dom.getMarkerGroupStyle()
     }),
     getMarkerProps({ value }) {
-      const percent = this.getValuePercent(value);
+      const percent = getValuePercentFn(value);
       const style = dom.getMarkerStyle(state.context, percent);
       const markerState = value > state.context.value ? "over-value" : value < state.context.value ? "under-value" : "at-value";
       return normalize.element({

package/dist/slider.connect.mjs

@@ -1,10 +1,10 @@
 import {
   connect
-} from "./chunk-6D4ETNPG.mjs";
-import "./chunk-3Y7IIPR5.mjs";
-import "./chunk-SGCWELVB.mjs";
-import "./chunk-J5IGGBVE.mjs";
-import "./chunk-YREEXXZP.mjs";
+} from "./chunk-OSBGE2HK.mjs";
+import "./chunk-7YVG4DKQ.mjs";
+import "./chunk-DIZXKUD6.mjs";
+import "./chunk-RQG27JID.mjs";
+import "./chunk-GVCEKN7A.mjs";
 export {
   connect
 };

package/dist/slider.dom.mjs

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

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-WEMXLFK3.mjs";
+import "./chunk-DIZXKUD6.mjs";
+import "./chunk-RQG27JID.mjs";
+import "./chunk-GVCEKN7A.mjs";
+import "./chunk-OLKQEDRG.mjs";
 export {
   machine
 };

package/dist/slider.style.mjs

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

package/dist/slider.utils.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@zag-js/anatomy": "0.1.3",
-    "@zag-js/core": "0.2.5",
+    "@zag-js/core": "0.2.6",
     "@zag-js/element-size": "0.3.1",
     "@zag-js/numeric-range": "0.1.0",
     "@zag-js/types": "0.3.3"