@zag-js/slider 0.79.3 → 0.81.0

package/dist/index.d.mts

@@ -265,8 +265,8 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
 
 declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
-declare const props: ("invalid" | "form" | "value" | "dir" | "id" | "getRootNode" | "name" | "disabled" | "step" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "invalid" | "form" | "value" | "dir" | "id" | "getRootNode" | "name" | "disabled" | "step" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize">];
+declare const props: ("disabled" | "step" | "form" | "dir" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "name" | "origin" | "value" | "orientation" | "getRootNode" | "invalid" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "disabled" | "step" | "form" | "dir" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "name" | "origin" | "value" | "orientation" | "getRootNode" | "invalid" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize">];
 declare const thumbProps: (keyof ThumbProps)[];
 declare const splitThumbProps: <Props extends ThumbProps>(props: Props) => [ThumbProps, Omit<Props, keyof ThumbProps>];
 

package/dist/index.d.ts

@@ -265,8 +265,8 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
 
 declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
-declare const props: ("invalid" | "form" | "value" | "dir" | "id" | "getRootNode" | "name" | "disabled" | "step" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "invalid" | "form" | "value" | "dir" | "id" | "getRootNode" | "name" | "disabled" | "step" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize">];
+declare const props: ("disabled" | "step" | "form" | "dir" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "name" | "origin" | "value" | "orientation" | "getRootNode" | "invalid" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "disabled" | "step" | "form" | "dir" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "name" | "origin" | "value" | "orientation" | "getRootNode" | "invalid" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize">];
 declare const thumbProps: (keyof ThumbProps)[];
 declare const splitThumbProps: <Props extends ThumbProps>(props: Props) => [ThumbProps, Omit<Props, keyof ThumbProps>];
 

package/dist/index.js

@@ -1,13 +1,11 @@
 'use strict';
 
 var anatomy$1 = require('@zag-js/anatomy');
-var domEvent = require('@zag-js/dom-event');
 var domQuery = require('@zag-js/dom-query');
-var numericRange = require('@zag-js/numeric-range');
+var utils = require('@zag-js/utils');
 var formUtils = require('@zag-js/form-utils');
 var core = require('@zag-js/core');
 var elementSize = require('@zag-js/element-size');
-var utils = require('@zag-js/utils');
 var types = require('@zag-js/types');
 
 // src/slider.anatomy.ts
@@ -58,16 +56,16 @@ function getRangeStyle(ctx) {
 }
 function getVerticalThumbOffset(ctx) {
   const { height = 0 } = ctx.thumbSize ?? {};
-  const getValue = numericRange.getValueTransformer([ctx.min, ctx.max], [-height / 2, height / 2]);
+  const getValue = utils.getValueTransformer([ctx.min, ctx.max], [-height / 2, height / 2]);
   return parseFloat(getValue(ctx.value).toFixed(2));
 }
 function getHorizontalThumbOffset(ctx) {
   const { width = 0 } = ctx.thumbSize ?? {};
   if (ctx.isRtl) {
-    const getValue2 = numericRange.getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2]);
+    const getValue2 = utils.getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2]);
     return -1 * parseFloat(getValue2(ctx.value).toFixed(2));
   }
-  const getValue = numericRange.getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2]);
+  const getValue = utils.getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2]);
   return parseFloat(getValue(ctx.value).toFixed(2));
 }
 function getOffset(ctx, percent) {
@@ -76,7 +74,7 @@ function getOffset(ctx, percent) {
   return `calc(${percent}% - ${offset}px)`;
 }
 function getThumbOffset(ctx) {
-  let percent = numericRange.getValuePercent(ctx.value, ctx.min, ctx.max) * 100;
+  let percent = utils.getValuePercent(ctx.value, ctx.min, ctx.max) * 100;
   return getOffset(ctx, percent);
 }
 function getVisibility(ctx) {
@@ -168,13 +166,13 @@ var dom = domQuery.createScope({
   getValueFromPoint(ctx, point) {
     const controlEl = dom.getControlEl(ctx);
     if (!controlEl) return;
-    const relativePoint = domEvent.getRelativePoint(point, controlEl);
+    const relativePoint = domQuery.getRelativePoint(point, controlEl);
     const percent = relativePoint.getPercentValue({
       orientation: ctx.orientation,
       dir: ctx.dir,
       inverted: { y: true }
     });
-    return numericRange.getPercentValue(percent, ctx.min, ctx.max, ctx.step);
+    return utils.getPercentValue(percent, ctx.min, ctx.max, ctx.step);
   },
   dispatchChangeEvent(ctx) {
     const valueArray = Array.from(ctx.value);
@@ -191,37 +189,37 @@ function normalizeValues(ctx, nextValues) {
   });
 }
 function getRangeAtIndex(ctx, index) {
-  return numericRange.getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index];
+  return utils.getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index];
 }
 function constrainValue(ctx, value, index) {
   const range = getRangeAtIndex(ctx, index);
-  const snapValue = numericRange.snapValueToStep(value, ctx.min, ctx.max, ctx.step);
-  return numericRange.clampValue(snapValue, range.min, range.max);
+  const snapValue = utils.snapValueToStep(value, ctx.min, ctx.max, ctx.step);
+  return utils.clampValue(snapValue, range.min, range.max);
 }
 function decrement(ctx, index, step) {
   const idx = index ?? ctx.focusedIndex;
   const range = getRangeAtIndex(ctx, idx);
-  const nextValues = numericRange.getPreviousStepValue(idx, {
+  const nextValues = utils.getPreviousStepValue(idx, {
     ...range,
     step: step ?? ctx.step,
     values: ctx.value
   });
-  nextValues[idx] = numericRange.clampValue(nextValues[idx], range.min, range.max);
+  nextValues[idx] = utils.clampValue(nextValues[idx], range.min, range.max);
   return nextValues;
 }
 function increment(ctx, index, step) {
   const idx = index ?? ctx.focusedIndex;
   const range = getRangeAtIndex(ctx, idx);
-  const nextValues = numericRange.getNextStepValue(idx, {
+  const nextValues = utils.getNextStepValue(idx, {
     ...range,
     step: step ?? ctx.step,
     values: ctx.value
   });
-  nextValues[idx] = numericRange.clampValue(nextValues[idx], range.min, range.max);
+  nextValues[idx] = utils.clampValue(nextValues[idx], range.min, range.max);
   return nextValues;
 }
 function getClosestIndex(ctx, pointValue) {
-  return numericRange.getClosestValueIndex(ctx.value, pointValue);
+  return utils.getClosestValueIndex(ctx.value, pointValue);
 }
 function assignArray(current, next) {
   for (let i = 0; i < next.length; i++) {
@@ -243,10 +241,10 @@ function connect(state, send, normalize) {
   const isHorizontal = state.context.orientation === "horizontal";
   const isVertical = state.context.orientation === "vertical";
   function getValuePercentFn(value) {
-    return numericRange.getValuePercent(value, state.context.min, state.context.max);
+    return utils.getValuePercent(value, state.context.min, state.context.max);
   }
   function getPercentValueFn(percent) {
-    return numericRange.getPercentValue(percent, state.context.min, state.context.max, state.context.step);
+    return utils.getPercentValue(percent, state.context.min, state.context.max, state.context.step);
   }
   return {
     value: state.context.value,
@@ -390,7 +388,7 @@ function connect(state, send, normalize) {
         onKeyDown(event) {
           if (event.defaultPrevented) return;
           if (!interactive) return;
-          const step = domEvent.getEventStep(event) * state.context.step;
+          const step = domQuery.getEventStep(event) * state.context.step;
           const keyMap = {
             ArrowUp() {
               if (isHorizontal) return;
@@ -421,7 +419,7 @@ function connect(state, send, normalize) {
               send("END");
             }
           };
-          const key = domEvent.getEventKey(event, state.context);
+          const key = domQuery.getEventKey(event, state.context);
           const exec = keyMap[key];
           if (exec) {
             exec(event);
@@ -468,9 +466,9 @@ function connect(state, send, normalize) {
         style: dom.getControlStyle(),
         onPointerDown(event) {
           if (!interactive) return;
-          if (!domEvent.isLeftClick(event)) return;
-          if (domEvent.isModifierKey(event)) return;
-          const point = domEvent.getEventPoint(event);
+          if (!domQuery.isLeftClick(event)) return;
+          if (domQuery.isModifierKey(event)) return;
+          const point = domQuery.getEventPoint(event);
           send({ type: "POINTER_DOWN", point });
           event.preventDefault();
           event.stopPropagation();
@@ -560,7 +558,7 @@ function machine(userContext) {
         isInteractive: (ctx2) => !(ctx2.readOnly || ctx2.isDisabled),
         hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize != null,
         valuePercent(ctx2) {
-          return ctx2.value.map((value) => 100 * numericRange.getValuePercent(value, ctx2.min, ctx2.max));
+          return ctx2.value.map((value) => 100 * utils.getValuePercent(value, ctx2.min, ctx2.max));
         }
       },
       watch: {
@@ -660,7 +658,7 @@ function machine(userContext) {
           });
         },
         trackPointerMove(ctx2, _evt, { send }) {
-          return domEvent.trackPointerMove(dom.getDoc(ctx2), {
+          return domQuery.trackPointerMove(dom.getDoc(ctx2), {
             onPointerMove(info) {
               send({ type: "POINTER_MOVE", point: info.point });
             },

package/dist/index.mjs

@@ -1,11 +1,9 @@
 import { createAnatomy } from '@zag-js/anatomy';
-import { getRelativePoint, getEventStep, getEventKey, isLeftClick, isModifierKey, getEventPoint, trackPointerMove } from '@zag-js/dom-event';
-import { createScope, queryAll, dataAttr, ariaAttr, raf } from '@zag-js/dom-query';
-import { getPercentValue, getValuePercent, getValueRanges, snapValueToStep, clampValue, getPreviousStepValue, getNextStepValue, getClosestValueIndex, getValueTransformer } from '@zag-js/numeric-range';
+import { createScope, queryAll, getRelativePoint, dataAttr, ariaAttr, getEventStep, getEventKey, isLeftClick, isModifierKey, getEventPoint, trackPointerMove, raf } from '@zag-js/dom-query';
+import { getPercentValue, createSplitProps, compact, getValuePercent, isEqual, getValueRanges, snapValueToStep, clampValue, getPreviousStepValue, getNextStepValue, getClosestValueIndex, getValueTransformer } from '@zag-js/utils';
 import { dispatchInputValueEvent, trackFormControl } from '@zag-js/form-utils';
 import { createMachine } from '@zag-js/core';
 import { trackElementsSize } from '@zag-js/element-size';
-import { createSplitProps, compact, isEqual } from '@zag-js/utils';
 import { createProps } from '@zag-js/types';
 
 // src/slider.anatomy.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "0.79.3",
+  "version": "0.81.0",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,15 +27,13 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.79.3",
-    "@zag-js/form-utils": "0.79.3",
-    "@zag-js/core": "0.79.3",
-    "@zag-js/dom-query": "0.79.3",
-    "@zag-js/dom-event": "0.79.3",
-    "@zag-js/utils": "0.79.3",
-    "@zag-js/numeric-range": "0.79.3",
-    "@zag-js/element-size": "0.79.3",
-    "@zag-js/types": "0.79.3"
+    "@zag-js/anatomy": "0.81.0",
+    "@zag-js/core": "0.81.0",
+    "@zag-js/form-utils": "0.81.0",
+    "@zag-js/dom-query": "0.81.0",
+    "@zag-js/utils": "0.81.0",
+    "@zag-js/element-size": "0.81.0",
+    "@zag-js/types": "0.81.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"