@zag-js/slider 1.22.1 → 1.24.0

package/dist/index.js

@@ -615,9 +615,10 @@ var machine = core.createMachine({
     isDisabled: ({ context, prop }) => !!prop("disabled") || context.get("fieldsetDisabled"),
     isInteractive: ({ prop, computed }) => !(prop("readOnly") || computed("isDisabled")),
     hasMeasuredThumbSize: ({ context }) => context.get("thumbSize") != null,
-    valuePercent({ context, prop }) {
-      return context.get("value").map((value) => 100 * utils.getValuePercent(value, prop("min"), prop("max")));
-    }
+    valuePercent: core.memo(
+      ({ context, prop }) => [context.get("value"), prop("min"), prop("max")],
+      ([value, min, max]) => value.map((value2) => 100 * utils.getValuePercent(value2, min, max))
+    )
   },
   watch({ track, action, context }) {
     track([() => context.hash("value")], () => {

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createAnatomy } from '@zag-js/anatomy';
 import { raf, setElementValue, trackElementRect, queryAll, trackPointerMove, trackFormControl, getRelativePoint, dispatchInputValueEvent, dataAttr, isLeftClick, isModifierKey, getEventPoint, ariaAttr, getEventStep, getEventKey } from '@zag-js/dom-query';
 import { setValueAtIndex, pick, getValuePercent, isEqual, createSplitProps, snapValueToStep, clampValue, getValueRanges, getNextStepValue, getPreviousStepValue, getPercentValue, getClosestValueIndex, isValueWithinRange, first, last, toPx, getValueTransformer } from '@zag-js/utils';
-import { createMachine } from '@zag-js/core';
+import { createMachine, memo } from '@zag-js/core';
 import { createProps } from '@zag-js/types';
 
 // src/slider.anatomy.ts
@@ -613,9 +613,10 @@ var machine = createMachine({
     isDisabled: ({ context, prop }) => !!prop("disabled") || context.get("fieldsetDisabled"),
     isInteractive: ({ prop, computed }) => !(prop("readOnly") || computed("isDisabled")),
     hasMeasuredThumbSize: ({ context }) => context.get("thumbSize") != null,
-    valuePercent({ context, prop }) {
-      return context.get("value").map((value) => 100 * getValuePercent(value, prop("min"), prop("max")));
-    }
+    valuePercent: memo(
+      ({ context, prop }) => [context.get("value"), prop("min"), prop("max")],
+      ([value, min, max]) => value.map((value2) => 100 * getValuePercent(value2, min, max))
+    )
   },
   watch({ track, action, context }) {
     track([() => context.hash("value")], () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "1.22.1",
+  "version": "1.24.0",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,11 +27,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.22.1",
-    "@zag-js/core": "1.22.1",
-    "@zag-js/dom-query": "1.22.1",
-    "@zag-js/utils": "1.22.1",
-    "@zag-js/types": "1.22.1"
+    "@zag-js/anatomy": "1.24.0",
+    "@zag-js/core": "1.24.0",
+    "@zag-js/dom-query": "1.24.0",
+    "@zag-js/types": "1.24.0",
+    "@zag-js/utils": "1.24.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"