@zag-js/slider 0.69.0 → 0.71.0

package/dist/index.js

@@ -1,38 +1,17 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  anatomy: () => anatomy,
-  connect: () => connect,
-  machine: () => machine,
-  props: () => props,
-  splitProps: () => splitProps,
-  splitThumbProps: () => splitThumbProps,
-  thumbProps: () => thumbProps
-});
-module.exports = __toCommonJS(src_exports);
+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 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
-var import_anatomy = require("@zag-js/anatomy");
-var anatomy = (0, import_anatomy.createAnatomy)("slider").parts(
+var anatomy = anatomy$1.createAnatomy("slider").parts(
   "root",
   "label",
   "thumb",
@@ -44,20 +23,6 @@ var anatomy = (0, import_anatomy.createAnatomy)("slider").parts(
   "marker"
 );
 var parts = anatomy.build();
-
-// src/slider.connect.ts
-var import_dom_event2 = require("@zag-js/dom-event");
-var import_dom_query2 = require("@zag-js/dom-query");
-var import_numeric_range4 = require("@zag-js/numeric-range");
-
-// src/slider.dom.ts
-var import_dom_event = require("@zag-js/dom-event");
-var import_dom_query = require("@zag-js/dom-query");
-var import_form_utils = require("@zag-js/form-utils");
-var import_numeric_range2 = require("@zag-js/numeric-range");
-
-// src/slider.style.ts
-var import_numeric_range = require("@zag-js/numeric-range");
 function getBounds(value) {
   const firstValue = value[0];
   const lastThumb = value[value.length - 1];
@@ -92,16 +57,16 @@ function getRangeStyle(ctx) {
 }
 function getVerticalThumbOffset(ctx) {
   const { height = 0 } = ctx.thumbSize ?? {};
-  const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-height / 2, height / 2]);
+  const getValue = numericRange.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 = (0, import_numeric_range.getValueTransformer)([ctx.max, ctx.min], [-width / 2, width / 2]);
+    const getValue2 = numericRange.getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2]);
     return -1 * parseFloat(getValue2(ctx.value).toFixed(2));
   }
-  const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-width / 2, width / 2]);
+  const getValue = numericRange.getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2]);
   return parseFloat(getValue(ctx.value).toFixed(2));
 }
 function getOffset(ctx, percent) {
@@ -110,7 +75,7 @@ function getOffset(ctx, percent) {
   return `calc(${percent}% - ${offset}px)`;
 }
 function getThumbOffset(ctx) {
-  let percent = (0, import_numeric_range.getValuePercent)(ctx.value, ctx.min, ctx.max) * 100;
+  let percent = numericRange.getValuePercent(ctx.value, ctx.min, ctx.max) * 100;
   return getOffset(ctx, percent);
 }
 function getVisibility(ctx) {
@@ -181,7 +146,7 @@ var styleGetterFns = {
 };
 
 // src/slider.dom.ts
-var dom = (0, import_dom_query.createScope)({
+var dom = domQuery.createScope({
   ...styleGetterFns,
   getRootId: (ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,
   getThumbId: (ctx, index) => ctx.ids?.thumb?.(index) ?? `slider:${ctx.id}:thumb:${index}`,
@@ -196,69 +161,66 @@ var dom = (0, import_dom_query.createScope)({
   getThumbEl: (ctx, index) => dom.getById(ctx, dom.getThumbId(ctx, index)),
   getHiddenInputEl: (ctx, index) => dom.getById(ctx, dom.getHiddenInputId(ctx, index)),
   getControlEl: (ctx) => dom.getById(ctx, dom.getControlId(ctx)),
-  getElements: (ctx) => (0, import_dom_query.queryAll)(dom.getControlEl(ctx), "[role=slider]"),
+  getElements: (ctx) => domQuery.queryAll(dom.getControlEl(ctx), "[role=slider]"),
   getFirstEl: (ctx) => dom.getElements(ctx)[0],
   getRangeEl: (ctx) => dom.getById(ctx, dom.getRangeId(ctx)),
   getValueFromPoint(ctx, point) {
     const controlEl = dom.getControlEl(ctx);
     if (!controlEl) return;
-    const relativePoint = (0, import_dom_event.getRelativePoint)(point, controlEl);
+    const relativePoint = domEvent.getRelativePoint(point, controlEl);
     const percent = relativePoint.getPercentValue({
       orientation: ctx.orientation,
       dir: ctx.dir,
       inverted: { y: true }
     });
-    return (0, import_numeric_range2.getPercentValue)(percent, ctx.min, ctx.max, ctx.step);
+    return numericRange.getPercentValue(percent, ctx.min, ctx.max, ctx.step);
   },
   dispatchChangeEvent(ctx) {
     const valueArray = Array.from(ctx.value);
     valueArray.forEach((value, index) => {
       const inputEl = dom.getHiddenInputEl(ctx, index);
       if (!inputEl) return;
-      (0, import_form_utils.dispatchInputValueEvent)(inputEl, { value });
+      formUtils.dispatchInputValueEvent(inputEl, { value });
     });
   }
 });
-
-// src/slider.utils.ts
-var import_numeric_range3 = require("@zag-js/numeric-range");
 function normalizeValues(ctx, nextValues) {
   return nextValues.map((value, index, values) => {
     return constrainValue({ ...ctx, value: values }, value, index);
   });
 }
 function getRangeAtIndex(ctx, index) {
-  return (0, import_numeric_range3.getValueRanges)(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index];
+  return numericRange.getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index];
 }
 function constrainValue(ctx, value, index) {
   const range = getRangeAtIndex(ctx, index);
-  const snapValue = (0, import_numeric_range3.snapValueToStep)(value, ctx.min, ctx.max, ctx.step);
-  return (0, import_numeric_range3.clampValue)(snapValue, range.min, range.max);
+  const snapValue = numericRange.snapValueToStep(value, ctx.min, ctx.max, ctx.step);
+  return numericRange.clampValue(snapValue, range.min, range.max);
 }
 function decrement(ctx, index, step) {
   const idx = index ?? ctx.focusedIndex;
   const range = getRangeAtIndex(ctx, idx);
-  const nextValues = (0, import_numeric_range3.getPreviousStepValue)(idx, {
+  const nextValues = numericRange.getPreviousStepValue(idx, {
     ...range,
     step: step ?? ctx.step,
     values: ctx.value
   });
-  nextValues[idx] = (0, import_numeric_range3.clampValue)(nextValues[idx], range.min, range.max);
+  nextValues[idx] = numericRange.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 = (0, import_numeric_range3.getNextStepValue)(idx, {
+  const nextValues = numericRange.getNextStepValue(idx, {
     ...range,
     step: step ?? ctx.step,
     values: ctx.value
   });
-  nextValues[idx] = (0, import_numeric_range3.clampValue)(nextValues[idx], range.min, range.max);
+  nextValues[idx] = numericRange.clampValue(nextValues[idx], range.min, range.max);
   return nextValues;
 }
 function getClosestIndex(ctx, pointValue) {
-  return (0, import_numeric_range3.getClosestValueIndex)(ctx.value, pointValue);
+  return numericRange.getClosestValueIndex(ctx.value, pointValue);
 }
 function assignArray(current, next) {
   for (let i = 0; i < next.length; i++) {
@@ -280,10 +242,10 @@ function connect(state, send, normalize) {
   const isHorizontal = state.context.orientation === "horizontal";
   const isVertical = state.context.orientation === "vertical";
   function getValuePercentFn(value) {
-    return (0, import_numeric_range4.getValuePercent)(value, state.context.min, state.context.max);
+    return numericRange.getValuePercent(value, state.context.min, state.context.max);
   }
   function getPercentValueFn(percent) {
-    return (0, import_numeric_range4.getPercentValue)(percent, state.context.min, state.context.max, state.context.step);
+    return numericRange.getPercentValue(percent, state.context.min, state.context.max, state.context.step);
   }
   return {
     value: state.context.value,
@@ -327,11 +289,11 @@ function connect(state, send, normalize) {
       return normalize.label({
         ...parts.label.attrs,
         dir: state.context.dir,
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-orientation": state.context.orientation,
-        "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
-        "data-dragging": (0, import_dom_query2.dataAttr)(dragging),
-        "data-focus": (0, import_dom_query2.dataAttr)(focused),
+        "data-invalid": domQuery.dataAttr(invalid),
+        "data-dragging": domQuery.dataAttr(dragging),
+        "data-focus": domQuery.dataAttr(focused),
         id: dom.getLabelId(state.context),
         htmlFor: dom.getHiddenInputId(state.context, 0),
         onClick(event) {
@@ -348,11 +310,11 @@ function connect(state, send, normalize) {
     getRootProps() {
       return normalize.element({
         ...parts.root.attrs,
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-orientation": state.context.orientation,
-        "data-dragging": (0, import_dom_query2.dataAttr)(dragging),
-        "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
-        "data-focus": (0, import_dom_query2.dataAttr)(focused),
+        "data-dragging": domQuery.dataAttr(dragging),
+        "data-invalid": domQuery.dataAttr(invalid),
+        "data-focus": domQuery.dataAttr(focused),
         id: dom.getRootId(state.context),
         dir: state.context.dir,
         style: dom.getRootStyle(state.context)
@@ -362,10 +324,10 @@ function connect(state, send, normalize) {
       return normalize.element({
         ...parts.valueText.attrs,
         dir: state.context.dir,
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-orientation": state.context.orientation,
-        "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
-        "data-focus": (0, import_dom_query2.dataAttr)(focused),
+        "data-invalid": domQuery.dataAttr(invalid),
+        "data-focus": domQuery.dataAttr(focused),
         id: dom.getValueTextId(state.context)
       });
     },
@@ -374,11 +336,11 @@ function connect(state, send, normalize) {
         ...parts.track.attrs,
         dir: state.context.dir,
         id: dom.getTrackId(state.context),
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
-        "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
-        "data-dragging": (0, import_dom_query2.dataAttr)(dragging),
+        "data-disabled": domQuery.dataAttr(disabled),
+        "data-invalid": domQuery.dataAttr(invalid),
+        "data-dragging": domQuery.dataAttr(dragging),
         "data-orientation": state.context.orientation,
-        "data-focus": (0, import_dom_query2.dataAttr)(focused),
+        "data-focus": domQuery.dataAttr(focused),
         style: { position: "relative" }
       });
     },
@@ -395,12 +357,12 @@ function connect(state, send, normalize) {
         "data-index": index,
         "data-name": name,
         id: dom.getThumbId(state.context, index),
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-orientation": state.context.orientation,
-        "data-focus": (0, import_dom_query2.dataAttr)(focused && state.context.focusedIndex === index),
-        "data-dragging": (0, import_dom_query2.dataAttr)(dragging && state.context.focusedIndex === index),
+        "data-focus": domQuery.dataAttr(focused && state.context.focusedIndex === index),
+        "data-dragging": domQuery.dataAttr(dragging && state.context.focusedIndex === index),
         draggable: false,
-        "aria-disabled": (0, import_dom_query2.ariaAttr)(disabled),
+        "aria-disabled": domQuery.ariaAttr(disabled),
         "aria-label": _ariaLabel,
         "aria-labelledby": _ariaLabelledBy ?? dom.getLabelId(state.context),
         "aria-orientation": state.context.orientation,
@@ -427,7 +389,7 @@ function connect(state, send, normalize) {
         onKeyDown(event) {
           if (event.defaultPrevented) return;
           if (!interactive) return;
-          const step = (0, import_dom_event2.getEventStep)(event) * state.context.step;
+          const step = domEvent.getEventStep(event) * state.context.step;
           const keyMap = {
             ArrowUp() {
               if (isHorizontal) return;
@@ -458,7 +420,7 @@ function connect(state, send, normalize) {
               send("END");
             }
           };
-          const key = (0, import_dom_event2.getEventKey)(event, state.context);
+          const key = domEvent.getEventKey(event, state.context);
           const exec = keyMap[key];
           if (exec) {
             exec(event);
@@ -484,10 +446,10 @@ function connect(state, send, normalize) {
         id: dom.getRangeId(state.context),
         ...parts.range.attrs,
         dir: state.context.dir,
-        "data-dragging": (0, import_dom_query2.dataAttr)(dragging),
-        "data-focus": (0, import_dom_query2.dataAttr)(focused),
-        "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-dragging": domQuery.dataAttr(dragging),
+        "data-focus": domQuery.dataAttr(focused),
+        "data-invalid": domQuery.dataAttr(invalid),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-orientation": state.context.orientation,
         style: dom.getRangeStyle(state.context)
       });
@@ -497,17 +459,17 @@ function connect(state, send, normalize) {
         ...parts.control.attrs,
         dir: state.context.dir,
         id: dom.getControlId(state.context),
-        "data-dragging": (0, import_dom_query2.dataAttr)(dragging),
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-dragging": domQuery.dataAttr(dragging),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-orientation": state.context.orientation,
-        "data-invalid": (0, import_dom_query2.dataAttr)(invalid),
-        "data-focus": (0, import_dom_query2.dataAttr)(focused),
+        "data-invalid": domQuery.dataAttr(invalid),
+        "data-focus": domQuery.dataAttr(focused),
         style: dom.getControlStyle(),
         onPointerDown(event) {
           if (!interactive) return;
-          if (!(0, import_dom_event2.isLeftClick)(event)) return;
-          if ((0, import_dom_event2.isModifierKey)(event)) return;
-          const point = (0, import_dom_event2.getEventPoint)(event);
+          if (!domEvent.isLeftClick(event)) return;
+          if (domEvent.isModifierKey(event)) return;
+          const point = domEvent.getEventPoint(event);
           send({ type: "POINTER_DOWN", point });
           event.preventDefault();
           event.stopPropagation();
@@ -543,28 +505,19 @@ function connect(state, send, normalize) {
         dir: state.context.dir,
         "data-orientation": state.context.orientation,
         "data-value": props2.value,
-        "data-disabled": (0, import_dom_query2.dataAttr)(disabled),
+        "data-disabled": domQuery.dataAttr(disabled),
         "data-state": markerState,
         style
       });
     }
   };
 }
-
-// src/slider.machine.ts
-var import_core = require("@zag-js/core");
-var import_dom_event3 = require("@zag-js/dom-event");
-var import_dom_query3 = require("@zag-js/dom-query");
-var import_element_size = require("@zag-js/element-size");
-var import_form_utils2 = require("@zag-js/form-utils");
-var import_numeric_range5 = require("@zag-js/numeric-range");
-var import_utils = require("@zag-js/utils");
 var isEqualSize = (a, b) => {
   return a?.width === b?.width && a?.height === b?.height;
 };
 function machine(userContext) {
-  const ctx = (0, import_utils.compact)(userContext);
-  return (0, import_core.createMachine)(
+  const ctx = utils.compact(userContext);
+  return core.createMachine(
     {
       id: "slider",
       initial: "idle",
@@ -593,7 +546,7 @@ function machine(userContext) {
         isInteractive: (ctx2) => !(ctx2.readOnly || ctx2.isDisabled),
         hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize != null,
         valuePercent(ctx2) {
-          return ctx2.value.map((value) => 100 * (0, import_numeric_range5.getValuePercent)(value, ctx2.min, ctx2.max));
+          return ctx2.value.map((value) => 100 * numericRange.getValuePercent(value, ctx2.min, ctx2.max));
         }
       },
       watch: {
@@ -683,7 +636,7 @@ function machine(userContext) {
       },
       activities: {
         trackFormControlState(ctx2, _evt, { initialContext }) {
-          return (0, import_form_utils2.trackFormControl)(dom.getRootEl(ctx2), {
+          return formUtils.trackFormControl(dom.getRootEl(ctx2), {
             onFieldsetDisabledChange(disabled) {
               ctx2.fieldsetDisabled = disabled;
             },
@@ -693,7 +646,7 @@ function machine(userContext) {
           });
         },
         trackPointerMove(ctx2, _evt, { send }) {
-          return (0, import_dom_event3.trackPointerMove)(dom.getDoc(ctx2), {
+          return domEvent.trackPointerMove(dom.getDoc(ctx2), {
             onPointerMove(info) {
               send({ type: "POINTER_MOVE", point: info.point });
             },
@@ -704,7 +657,7 @@ function machine(userContext) {
         },
         trackThumbsSize(ctx2) {
           if (ctx2.thumbAlignment !== "contain" || ctx2.thumbSize) return;
-          return (0, import_element_size.trackElementsSize)({
+          return elementSize.trackElementsSize({
             getNodes: () => dom.getElements(ctx2),
             observeMutation: true,
             callback(size) {
@@ -743,7 +696,7 @@ function machine(userContext) {
           set.valueAtIndex(ctx2, ctx2.focusedIndex, value);
         },
         focusActiveThumb(ctx2) {
-          (0, import_dom_query3.raf)(() => {
+          domQuery.raf(() => {
             const thumbEl = dom.getThumbEl(ctx2, ctx2.focusedIndex);
             thumbEl?.focus({ preventScroll: true });
           });
@@ -801,26 +754,22 @@ var invoke = {
 };
 var set = {
   valueAtIndex: (ctx, index, value) => {
-    if ((0, import_utils.isEqual)(ctx.value[index], value)) return;
+    if (utils.isEqual(ctx.value[index], value)) return;
     ctx.value[index] = value;
     invoke.valueChange(ctx);
   },
   value: (ctx, value) => {
-    if ((0, import_utils.isEqual)(ctx.value, value)) return;
+    if (utils.isEqual(ctx.value, value)) return;
     assignArray(ctx.value, value);
     invoke.valueChange(ctx);
   },
   focusedIndex: (ctx, index) => {
-    if ((0, import_utils.isEqual)(ctx.focusedIndex, index)) return;
+    if (utils.isEqual(ctx.focusedIndex, index)) return;
     ctx.focusedIndex = index;
     invoke.focusChange(ctx);
   }
 };
-
-// src/slider.props.ts
-var import_types = require("@zag-js/types");
-var import_utils2 = require("@zag-js/utils");
-var props = (0, import_types.createProps)()([
+var props = types.createProps()([
   "aria-label",
   "aria-labelledby",
   "dir",
@@ -847,17 +796,14 @@ var props = (0, import_types.createProps)()([
   "thumbSize",
   "value"
 ]);
-var splitProps = (0, import_utils2.createSplitProps)(props);
-var thumbProps = (0, import_types.createProps)()(["index", "name"]);
-var splitThumbProps = (0, import_utils2.createSplitProps)(thumbProps);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  anatomy,
-  connect,
-  machine,
-  props,
-  splitProps,
-  splitThumbProps,
-  thumbProps
-});
-//# sourceMappingURL=index.js.map
+var splitProps = utils.createSplitProps(props);
+var thumbProps = types.createProps()(["index", "name"]);
+var splitThumbProps = utils.createSplitProps(thumbProps);
+
+exports.anatomy = anatomy;
+exports.connect = connect;
+exports.machine = machine;
+exports.props = props;
+exports.splitProps = splitProps;
+exports.splitThumbProps = splitThumbProps;
+exports.thumbProps = thumbProps;

package/dist/index.mjs

@@ -1,5 +1,14 @@
+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 { 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
-import { createAnatomy } from "@zag-js/anatomy";
 var anatomy = createAnatomy("slider").parts(
   "root",
   "label",
@@ -12,26 +21,6 @@ var anatomy = createAnatomy("slider").parts(
   "marker"
 );
 var parts = anatomy.build();
-
-// src/slider.connect.ts
-import {
-  getEventKey,
-  getEventPoint,
-  getEventStep,
-  isLeftClick,
-  isModifierKey
-} from "@zag-js/dom-event";
-import { ariaAttr, dataAttr } from "@zag-js/dom-query";
-import { getPercentValue as getPercentValue2, getValuePercent as getValuePercent2 } from "@zag-js/numeric-range";
-
-// src/slider.dom.ts
-import { getRelativePoint } from "@zag-js/dom-event";
-import { createScope, queryAll } from "@zag-js/dom-query";
-import { dispatchInputValueEvent } from "@zag-js/form-utils";
-import { getPercentValue } from "@zag-js/numeric-range";
-
-// src/slider.style.ts
-import { getValuePercent, getValueTransformer } from "@zag-js/numeric-range";
 function getBounds(value) {
   const firstValue = value[0];
   const lastThumb = value[value.length - 1];
@@ -193,16 +182,6 @@ var dom = createScope({
     });
   }
 });
-
-// src/slider.utils.ts
-import {
-  clampValue,
-  getClosestValueIndex,
-  getNextStepValue,
-  getPreviousStepValue,
-  getValueRanges,
-  snapValueToStep
-} from "@zag-js/numeric-range";
 function normalizeValues(ctx, nextValues) {
   return nextValues.map((value, index, values) => {
     return constrainValue({ ...ctx, value: values }, value, index);
@@ -261,10 +240,10 @@ function connect(state, send, normalize) {
   const isHorizontal = state.context.orientation === "horizontal";
   const isVertical = state.context.orientation === "vertical";
   function getValuePercentFn(value) {
-    return getValuePercent2(value, state.context.min, state.context.max);
+    return getValuePercent(value, state.context.min, state.context.max);
   }
   function getPercentValueFn(percent) {
-    return getPercentValue2(percent, state.context.min, state.context.max, state.context.step);
+    return getPercentValue(percent, state.context.min, state.context.max, state.context.step);
   }
   return {
     value: state.context.value,
@@ -531,15 +510,6 @@ function connect(state, send, normalize) {
     }
   };
 }
-
-// src/slider.machine.ts
-import { createMachine } from "@zag-js/core";
-import { trackPointerMove } from "@zag-js/dom-event";
-import { raf } from "@zag-js/dom-query";
-import { trackElementsSize } from "@zag-js/element-size";
-import { trackFormControl } from "@zag-js/form-utils";
-import { getValuePercent as getValuePercent3 } from "@zag-js/numeric-range";
-import { compact, isEqual } from "@zag-js/utils";
 var isEqualSize = (a, b) => {
   return a?.width === b?.width && a?.height === b?.height;
 };
@@ -574,7 +544,7 @@ function machine(userContext) {
         isInteractive: (ctx2) => !(ctx2.readOnly || ctx2.isDisabled),
         hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize != null,
         valuePercent(ctx2) {
-          return ctx2.value.map((value) => 100 * getValuePercent3(value, ctx2.min, ctx2.max));
+          return ctx2.value.map((value) => 100 * getValuePercent(value, ctx2.min, ctx2.max));
         }
       },
       watch: {
@@ -797,10 +767,6 @@ var set = {
     invoke.focusChange(ctx);
   }
 };
-
-// src/slider.props.ts
-import { createProps } from "@zag-js/types";
-import { createSplitProps } from "@zag-js/utils";
 var props = createProps()([
   "aria-label",
   "aria-labelledby",
@@ -831,13 +797,5 @@ var props = createProps()([
 var splitProps = createSplitProps(props);
 var thumbProps = createProps()(["index", "name"]);
 var splitThumbProps = createSplitProps(thumbProps);
-export {
-  anatomy,
-  connect,
-  machine,
-  props,
-  splitProps,
-  splitThumbProps,
-  thumbProps
-};
-//# sourceMappingURL=index.mjs.map
+
+export { anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/slider",
-  "version": "0.69.0",
+  "version": "0.71.0",
   "description": "Core logic for the slider widget implemented as a state machine",
   "keywords": [
     "js",
@@ -18,8 +18,7 @@
   "repository": "https://github.com/chakra-ui/zag/tree/main/packages/slider",
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -28,15 +27,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.69.0",
-    "@zag-js/core": "0.69.0",
-    "@zag-js/form-utils": "0.69.0",
-    "@zag-js/dom-query": "0.69.0",
-    "@zag-js/dom-event": "0.69.0",
-    "@zag-js/utils": "0.69.0",
-    "@zag-js/numeric-range": "0.69.0",
-    "@zag-js/element-size": "0.69.0",
-    "@zag-js/types": "0.69.0"
+    "@zag-js/anatomy": "0.71.0",
+    "@zag-js/core": "0.71.0",
+    "@zag-js/form-utils": "0.71.0",
+    "@zag-js/dom-query": "0.71.0",
+    "@zag-js/dom-event": "0.71.0",
+    "@zag-js/utils": "0.71.0",
+    "@zag-js/numeric-range": "0.71.0",
+    "@zag-js/element-size": "0.71.0",
+    "@zag-js/types": "0.71.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"