@zag-js/slider 0.48.0 → 0.50.0

package/dist/index.d.mts

@@ -81,33 +81,43 @@ interface PublicContext extends DirectionProperty, CommonProperties {
     getAriaValueText?(details: ValueTextDetails): string;
     /**
      * The minimum value of the slider
+     * @default 0
      */
     min: number;
     /**
      * The maximum value of the slider
+     * @default 100
      */
     max: number;
     /**
      * The step value of the slider
+     * @default 1
      */
     step: number;
     /**
      * The minimum permitted steps between multiple thumbs.
+     * @default 0
      */
     minStepsBetweenThumbs: number;
     /**
      * The orientation of the slider
+     * @default "horizontal"
      */
     orientation: "vertical" | "horizontal";
     /**
+     * The origin of the slider range
      * - "start": Useful when the value represents an absolute value
      * - "center": Useful when the value represents an offset (relative)
+     *
+     * @default "start"
      */
     origin?: "start" | "center";
     /**
      * The alignment of the slider thumb relative to the track
      * - `center`: the thumb will extend beyond the bounds of the slider track.
      * - `contain`: the thumb will be contained within the bounds of the track.
+     *
+     * @default "contain"
      */
     thumbAlignment?: "contain" | "center";
     /**
@@ -130,11 +140,6 @@ type ComputedContext = Readonly<{
      * Whether the slider is interactive
      */
     isInteractive: boolean;
-    /**
-     * @computed
-     * The raw value of the space between each thumb
-     */
-    spacing: number;
     /**
      * @computed
      * Whether the slider is vertical
@@ -254,9 +259,9 @@ 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" | "value" | "name" | "form" | "dir" | "disabled" | "step" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize" | "getRootNode")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "invalid" | "value" | "name" | "form" | "dir" | "disabled" | "step" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize" | "getRootNode">];
+declare const props: ("invalid" | "value" | "dir" | "id" | "getRootNode" | "form" | "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" | "value" | "dir" | "id" | "getRootNode" | "form" | "name" | "disabled" | "step" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "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>];
 
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type FocusChangeDetails, type MarkerProps, type ThumbProps, type ValueChangeDetails, anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };
+export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type FocusChangeDetails, type MarkerProps, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };

package/dist/index.d.ts

@@ -81,33 +81,43 @@ interface PublicContext extends DirectionProperty, CommonProperties {
     getAriaValueText?(details: ValueTextDetails): string;
     /**
      * The minimum value of the slider
+     * @default 0
      */
     min: number;
     /**
      * The maximum value of the slider
+     * @default 100
      */
     max: number;
     /**
      * The step value of the slider
+     * @default 1
      */
     step: number;
     /**
      * The minimum permitted steps between multiple thumbs.
+     * @default 0
      */
     minStepsBetweenThumbs: number;
     /**
      * The orientation of the slider
+     * @default "horizontal"
      */
     orientation: "vertical" | "horizontal";
     /**
+     * The origin of the slider range
      * - "start": Useful when the value represents an absolute value
      * - "center": Useful when the value represents an offset (relative)
+     *
+     * @default "start"
      */
     origin?: "start" | "center";
     /**
      * The alignment of the slider thumb relative to the track
      * - `center`: the thumb will extend beyond the bounds of the slider track.
      * - `contain`: the thumb will be contained within the bounds of the track.
+     *
+     * @default "contain"
      */
     thumbAlignment?: "contain" | "center";
     /**
@@ -130,11 +140,6 @@ type ComputedContext = Readonly<{
      * Whether the slider is interactive
      */
     isInteractive: boolean;
-    /**
-     * @computed
-     * The raw value of the space between each thumb
-     */
-    spacing: number;
     /**
      * @computed
      * Whether the slider is vertical
@@ -254,9 +259,9 @@ 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" | "value" | "name" | "form" | "dir" | "disabled" | "step" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize" | "getRootNode")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "invalid" | "value" | "name" | "form" | "dir" | "disabled" | "step" | "id" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "ids" | "readOnly" | "onValueChange" | "onValueChangeEnd" | "onFocusChange" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize" | "getRootNode">];
+declare const props: ("invalid" | "value" | "dir" | "id" | "getRootNode" | "form" | "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" | "value" | "dir" | "id" | "getRootNode" | "form" | "name" | "disabled" | "step" | "aria-label" | "aria-labelledby" | "max" | "min" | "origin" | "orientation" | "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>];
 
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type FocusChangeDetails, type MarkerProps, type ThumbProps, type ValueChangeDetails, anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };
+export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type FocusChangeDetails, type MarkerProps, type ThumbProps, type ValueChangeDetails, type ValueTextDetails, anatomy, connect, machine, props, splitProps, splitThumbProps, thumbProps };

package/dist/index.js

@@ -278,6 +278,8 @@ function connect(state, send, normalize) {
   const disabled = state.context.isDisabled;
   const invalid = state.context.invalid;
   const interactive = state.context.isInteractive;
+  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);
   }
@@ -421,29 +423,32 @@ function connect(state, send, normalize) {
           if (!interactive)
             return;
           const step = (0, import_dom_event2.getEventStep)(event) * state.context.step;
-          let prevent = true;
           const keyMap = {
             ArrowUp() {
-              send({ type: "ARROW_UP", step });
-              prevent = state.context.isVertical;
+              if (isHorizontal)
+                return;
+              send({ type: "ARROW_INC", step, src: "ArrowUp" });
             },
             ArrowDown() {
-              send({ type: "ARROW_DOWN", step });
-              prevent = state.context.isVertical;
+              if (isHorizontal)
+                return;
+              send({ type: "ARROW_DEC", step, src: "ArrowDown" });
             },
             ArrowLeft() {
-              send({ type: "ARROW_LEFT", step });
-              prevent = state.context.isHorizontal;
+              if (isVertical)
+                return;
+              send({ type: "ARROW_DEC", step, src: "ArrowLeft" });
             },
             ArrowRight() {
-              send({ type: "ARROW_RIGHT", step });
-              prevent = state.context.isHorizontal;
+              if (isVertical)
+                return;
+              send({ type: "ARROW_INC", step, src: "ArrowRight" });
             },
             PageUp() {
-              send({ type: "PAGE_UP", step });
+              send({ type: "ARROW_INC", step, src: "PageUp" });
             },
             PageDown() {
-              send({ type: "PAGE_DOWN", step });
+              send({ type: "ARROW_DEC", step, src: "PageDown" });
             },
             Home() {
               send("HOME");
@@ -454,10 +459,8 @@ function connect(state, send, normalize) {
           };
           const key = (0, import_dom_event2.getEventKey)(event, state.context);
           const exec = keyMap[key];
-          if (!exec)
-            return;
-          exec(event);
-          if (prevent) {
+          if (exec) {
+            exec(event);
             event.preventDefault();
             event.stopPropagation();
           }
@@ -561,7 +564,6 @@ function machine(userContext) {
       context: {
         thumbSize: null,
         thumbAlignment: "contain",
-        focusedIndex: -1,
         min: 0,
         max: 100,
         step: 1,
@@ -572,6 +574,7 @@ function machine(userContext) {
         minStepsBetweenThumbs: 0,
         disabled: false,
         ...ctx,
+        focusedIndex: -1,
         fieldsetDisabled: false
       },
       computed: {
@@ -580,7 +583,6 @@ function machine(userContext) {
         isRtl: (ctx2) => ctx2.orientation === "horizontal" && ctx2.dir === "rtl",
         isDisabled: (ctx2) => !!ctx2.disabled || ctx2.fieldsetDisabled,
         isInteractive: (ctx2) => !(ctx2.readOnly || ctx2.isDisabled),
-        spacing: (ctx2) => ctx2.minStepsBetweenThumbs * ctx2.step,
         hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize != null,
         valuePercent(ctx2) {
           return ctx2.value.map((value) => 100 * (0, import_numeric_range5.getValuePercent)(value, ctx2.min, ctx2.max));
@@ -600,10 +602,10 @@ function machine(userContext) {
           { actions: "setValue" }
         ],
         INCREMENT: {
-          actions: "incrementAtIndex"
+          actions: "incrementThumbAtIndex"
         },
         DECREMENT: {
-          actions: "decrementAtIndex"
+          actions: "decrementThumbAtIndex"
         }
       },
       states: {
@@ -634,33 +636,17 @@ function machine(userContext) {
               target: "dragging",
               actions: ["setFocusedIndex", "focusActiveThumb"]
             },
-            ARROW_LEFT: {
-              guard: "isHorizontal",
-              actions: "decrementAtIndex"
-            },
-            ARROW_RIGHT: {
-              guard: "isHorizontal",
-              actions: "incrementAtIndex"
-            },
-            ARROW_UP: {
-              guard: "isVertical",
-              actions: "incrementAtIndex"
-            },
-            ARROW_DOWN: {
-              guard: "isVertical",
-              actions: "decrementAtIndex"
-            },
-            PAGE_UP: {
-              actions: "incrementAtIndex"
+            ARROW_DEC: {
+              actions: ["decrementThumbAtIndex", "invokeOnChangeEnd"]
             },
-            PAGE_DOWN: {
-              actions: "decrementAtIndex"
+            ARROW_INC: {
+              actions: ["incrementThumbAtIndex", "invokeOnChangeEnd"]
             },
             HOME: {
-              actions: "setActiveThumbToMin"
+              actions: ["setFocusedThumbToMin", "invokeOnChangeEnd"]
             },
             END: {
-              actions: "setActiveThumbToMax"
+              actions: ["setFocusedThumbToMax", "invokeOnChangeEnd"]
             },
             BLUR: {
               target: "idle",
@@ -685,8 +671,6 @@ function machine(userContext) {
     },
     {
       guards: {
-        isHorizontal: (ctx2) => ctx2.isHorizontal,
-        isVertical: (ctx2) => ctx2.isVertical,
         hasIndex: (_ctx, evt) => evt.index != null
       },
       activities: {
@@ -760,19 +744,19 @@ function machine(userContext) {
             thumbEl?.focus({ preventScroll: true });
           });
         },
-        decrementAtIndex(ctx2, evt) {
+        decrementThumbAtIndex(ctx2, evt) {
           const value = decrement(ctx2, evt.index, evt.step);
           set.value(ctx2, value);
         },
-        incrementAtIndex(ctx2, evt) {
+        incrementThumbAtIndex(ctx2, evt) {
           const value = increment(ctx2, evt.index, evt.step);
           set.value(ctx2, value);
         },
-        setActiveThumbToMin(ctx2) {
+        setFocusedThumbToMin(ctx2) {
           const { min } = getRangeAtIndex(ctx2, ctx2.focusedIndex);
           set.valueAtIndex(ctx2, ctx2.focusedIndex, min);
         },
-        setActiveThumbToMax(ctx2) {
+        setFocusedThumbToMax(ctx2) {
           const { max } = getRangeAtIndex(ctx2, ctx2.focusedIndex);
           set.valueAtIndex(ctx2, ctx2.focusedIndex, max);
         },

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/slider.anatomy.ts","../src/slider.connect.ts","../src/slider.dom.ts","../src/slider.style.ts","../src/slider.utils.ts","../src/slider.machine.ts","../src/slider.props.ts"],"sourcesContent":["export { anatomy } from \"./slider.anatomy\"\nexport { connect } from \"./slider.connect\"\nexport { machine } from \"./slider.machine\"\nexport * from \"./slider.props\"\nexport type {\n  MachineApi as Api,\n  UserDefinedContext as Context,\n  ElementIds,\n  FocusChangeDetails,\n  MarkerProps,\n  ThumbProps,\n  ValueChangeDetails,\n} from \"./slider.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"slider\").parts(\n  \"root\",\n  \"label\",\n  \"thumb\",\n  \"valueText\",\n  \"track\",\n  \"range\",\n  \"control\",\n  \"markerGroup\",\n  \"marker\",\n)\n\nexport const parts = anatomy.build()\n","import {\n  getEventKey,\n  getEventPoint,\n  getEventStep,\n  getNativeEvent,\n  isLeftClick,\n  isModifierKey,\n  type EventKeyMap,\n} from \"@zag-js/dom-event\"\nimport { ariaAttr, dataAttr } from \"@zag-js/dom-query\"\nimport { getPercentValue, getValuePercent } from \"@zag-js/numeric-range\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./slider.anatomy\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineApi, Send, State } from \"./slider.types\"\nimport { getRangeAtIndex } from \"./slider.utils\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const ariaLabel = state.context[\"aria-label\"]\n  const ariaLabelledBy = state.context[\"aria-labelledby\"]\n  const sliderValue = state.context.value\n\n  const focused = state.matches(\"focus\")\n  const dragging = state.matches(\"dragging\")\n\n  const disabled = state.context.isDisabled\n  const invalid = state.context.invalid\n  const interactive = state.context.isInteractive\n\n  function getValuePercentFn(value: number) {\n    return getValuePercent(value, state.context.min, state.context.max)\n  }\n\n  function getPercentValueFn(percent: number) {\n    return getPercentValue(percent, state.context.min, state.context.max, state.context.step)\n  }\n\n  return {\n    value: state.context.value,\n    dragging,\n    focused,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value: value })\n    },\n    getThumbValue(index) {\n      return sliderValue[index]\n    },\n    setThumbValue(index, value) {\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getValuePercent: getValuePercentFn,\n    getPercentValue: getPercentValueFn,\n    getThumbPercent(index) {\n      return getValuePercentFn(sliderValue[index])\n    },\n    setThumbPercent(index, percent) {\n      const value = getPercentValueFn(percent)\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getThumbMin(index) {\n      return getRangeAtIndex(state.context, index).min\n    },\n    getThumbMax(index) {\n      return getRangeAtIndex(state.context, index).max\n    },\n    increment(index) {\n      send({ type: \"INCREMENT\", index })\n    },\n    decrement(index) {\n      send({ type: \"DECREMENT\", index })\n    },\n    focus() {\n      if (!interactive) return\n      send({ type: \"FOCUS\", index: 0 })\n    },\n\n    labelProps: normalize.label({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getLabelId(state.context),\n      htmlFor: dom.getHiddenInputId(state.context, 0),\n      onClick(event) {\n        if (!interactive) return\n        event.preventDefault()\n        dom.getFirstEl(state.context)?.focus()\n      },\n      style: {\n        userSelect: \"none\",\n      },\n    }),\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getRootId(state.context),\n      dir: state.context.dir,\n      style: dom.getRootStyle(state.context),\n    }),\n\n    valueTextProps: normalize.element({\n      ...parts.valueText.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getValueTextId(state.context),\n    }),\n\n    trackProps: normalize.element({\n      ...parts.track.attrs,\n      dir: state.context.dir,\n      id: dom.getTrackId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(focused),\n      style: { position: \"relative\" },\n    }),\n\n    getThumbProps(props) {\n      const { index = 0, name } = props\n\n      const value = sliderValue[index]\n      const range = getRangeAtIndex(state.context, index)\n      const valueText = state.context.getAriaValueText?.({ value, index })\n      const _ariaLabel = Array.isArray(ariaLabel) ? ariaLabel[index] : ariaLabel\n      const _ariaLabelledBy = Array.isArray(ariaLabelledBy) ? ariaLabelledBy[index] : ariaLabelledBy\n\n      return normalize.element({\n        ...parts.thumb.attrs,\n        dir: state.context.dir,\n        \"data-index\": index,\n        \"data-name\": name,\n        id: dom.getThumbId(state.context, index),\n        \"data-disabled\": dataAttr(disabled),\n        \"data-orientation\": state.context.orientation,\n        \"data-focus\": dataAttr(focused && state.context.focusedIndex === index),\n        draggable: false,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-label\": _ariaLabel,\n        \"aria-labelledby\": _ariaLabelledBy ?? dom.getLabelId(state.context),\n        \"aria-orientation\": state.context.orientation,\n        \"aria-valuemax\": range.max,\n        \"aria-valuemin\": range.min,\n        \"aria-valuenow\": sliderValue[index],\n        \"aria-valuetext\": valueText,\n        role: \"slider\",\n        tabIndex: disabled ? undefined : 0,\n        style: dom.getThumbStyle(state.context, index),\n        onPointerDown(event) {\n          if (!interactive) return\n          send({ type: \"THUMB_POINTER_DOWN\", index })\n          event.stopPropagation()\n        },\n        onBlur() {\n          if (!interactive) return\n          send(\"BLUR\")\n        },\n        onFocus() {\n          if (!interactive) return\n          send({ type: \"FOCUS\", index })\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return\n          if (!interactive) return\n\n          const step = getEventStep(event) * state.context.step\n          let prevent = true\n\n          const keyMap: EventKeyMap = {\n            ArrowUp() {\n              send({ type: \"ARROW_UP\", step })\n              prevent = state.context.isVertical\n            },\n            ArrowDown() {\n              send({ type: \"ARROW_DOWN\", step })\n              prevent = state.context.isVertical\n            },\n            ArrowLeft() {\n              send({ type: \"ARROW_LEFT\", step })\n              prevent = state.context.isHorizontal\n            },\n            ArrowRight() {\n              send({ type: \"ARROW_RIGHT\", step })\n              prevent = state.context.isHorizontal\n            },\n            PageUp() {\n              send({ type: \"PAGE_UP\", step })\n            },\n            PageDown() {\n              send({ type: \"PAGE_DOWN\", step })\n            },\n            Home() {\n              send(\"HOME\")\n            },\n            End() {\n              send(\"END\")\n            },\n          }\n\n          const key = getEventKey(event, state.context)\n          const exec = keyMap[key]\n\n          if (!exec) return\n          exec(event)\n\n          if (prevent) {\n            event.preventDefault()\n            event.stopPropagation()\n          }\n        },\n      })\n    },\n\n    getHiddenInputProps(props) {\n      const { index = 0, name } = props\n      return normalize.input({\n        name:\n          name ?? (state.context.name ? state.context.name + (state.context.value.length > 1 ? \"[]\" : \"\") : undefined),\n        form: state.context.form,\n        type: \"text\",\n        hidden: true,\n        defaultValue: state.context.value[index],\n        id: dom.getHiddenInputId(state.context, index),\n      })\n    },\n\n    rangeProps: normalize.element({\n      id: dom.getRangeId(state.context),\n      ...parts.range.attrs,\n      dir: state.context.dir,\n      \"data-focus\": dataAttr(focused),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      style: dom.getRangeStyle(state.context),\n    }),\n\n    controlProps: normalize.element({\n      ...parts.control.attrs,\n      dir: state.context.dir,\n      id: dom.getControlId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      style: dom.getControlStyle(),\n      onPointerDown(event) {\n        if (!interactive) return\n\n        const evt = getNativeEvent(event)\n        if (!isLeftClick(evt) || isModifierKey(evt)) return\n\n        const point = getEventPoint(evt)\n        send({ type: \"POINTER_DOWN\", point })\n\n        event.preventDefault()\n        event.stopPropagation()\n      },\n    }),\n\n    markerGroupProps: normalize.element({\n      ...parts.markerGroup.attrs,\n      role: \"presentation\",\n      dir: state.context.dir,\n      \"aria-hidden\": true,\n      \"data-orientation\": state.context.orientation,\n      style: dom.getMarkerGroupStyle(),\n    }),\n\n    getMarkerProps(props) {\n      const style = dom.getMarkerStyle(state.context, props.value)\n      let markerState: \"over-value\" | \"under-value\" | \"at-value\"\n\n      const first = state.context.value[0]\n      const last = state.context.value[state.context.value.length - 1]\n\n      if (props.value < first) {\n        markerState = \"under-value\"\n      } else if (props.value > last) {\n        markerState = \"over-value\"\n      } else {\n        markerState = \"at-value\"\n      }\n\n      return normalize.element({\n        ...parts.marker.attrs,\n        id: dom.getMarkerId(state.context, props.value),\n        role: \"presentation\",\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-value\": props.value,\n        \"data-disabled\": dataAttr(disabled),\n        \"data-state\": markerState,\n        style,\n      })\n    },\n  }\n}\n","import { getRelativePoint, type Point } from \"@zag-js/dom-event\"\nimport { createScope, queryAll } from \"@zag-js/dom-query\"\nimport { dispatchInputValueEvent } from \"@zag-js/form-utils\"\nimport { getPercentValue } from \"@zag-js/numeric-range\"\nimport { styleGetterFns } from \"./slider.style\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport const dom = createScope({\n  ...styleGetterFns,\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,\n  getThumbId: (ctx: Ctx, index: number) => ctx.ids?.thumb?.(index) ?? `slider:${ctx.id}:thumb:${index}`,\n  getHiddenInputId: (ctx: Ctx, index: number) => `slider:${ctx.id}:input:${index}`,\n  getControlId: (ctx: Ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,\n  getTrackId: (ctx: Ctx) => ctx.ids?.track ?? `slider:${ctx.id}:track`,\n  getRangeId: (ctx: Ctx) => ctx.ids?.range ?? `slider:${ctx.id}:range`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,\n  getValueTextId: (ctx: Ctx) => ctx.ids?.valueText ?? `slider:${ctx.id}:valueText`,\n  getMarkerId: (ctx: Ctx, value: number) => ctx.ids?.marker?.(value) ?? `slider:${ctx.id}:marker:${value}`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getThumbEl: (ctx: Ctx, index: number) => dom.getById(ctx, dom.getThumbId(ctx, index)),\n  getHiddenInputEl: (ctx: Ctx, index: number) => dom.getById<HTMLInputElement>(ctx, dom.getHiddenInputId(ctx, index)),\n  getControlEl: (ctx: Ctx) => dom.getById(ctx, dom.getControlId(ctx)),\n  getElements: (ctx: Ctx) => queryAll(dom.getControlEl(ctx), \"[role=slider]\"),\n  getFirstEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n  getRangeEl: (ctx: Ctx) => dom.getById(ctx, dom.getRangeId(ctx)),\n\n  getValueFromPoint(ctx: Ctx, point: Point) {\n    const controlEl = dom.getControlEl(ctx)\n    if (!controlEl) return\n    const relativePoint = getRelativePoint(point, controlEl)\n    const percent = relativePoint.getPercentValue({\n      orientation: ctx.orientation,\n      dir: ctx.dir,\n      inverted: { y: true },\n    })\n    return getPercentValue(percent, ctx.min, ctx.max, ctx.step)\n  },\n  dispatchChangeEvent(ctx: Ctx) {\n    const valueArray = Array.from(ctx.value)\n    valueArray.forEach((value, index) => {\n      const inputEl = dom.getHiddenInputEl(ctx, index)\n      if (!inputEl) return\n      dispatchInputValueEvent(inputEl, { value })\n    })\n  },\n})\n","import { getValuePercent, getValueTransformer } from \"@zag-js/numeric-range\"\nimport type { Style } from \"@zag-js/types\"\nimport type { MachineContext as Ctx, SharedContext } from \"./slider.types\"\n\n/* -----------------------------------------------------------------------------\n * Range style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getBounds<T>(value: T[]): [T, T] {\n  const firstValue = value[0]\n  const lastThumb = value[value.length - 1]\n  return [firstValue, lastThumb]\n}\n\nexport function getRangeOffsets(ctx: Ctx) {\n  const [firstPercent, lastPercent] = getBounds(ctx.valuePercent)\n\n  if (ctx.valuePercent.length === 1) {\n    if (ctx.origin === \"center\") {\n      const isNegative = ctx.valuePercent[0] < 50\n      const start = isNegative ? `${ctx.valuePercent[0]}%` : \"50%\"\n      const end = isNegative ? \"50%\" : `${100 - ctx.valuePercent[0]}%`\n\n      return { start, end }\n    }\n\n    return { start: \"0%\", end: `${100 - lastPercent}%` }\n  }\n\n  return { start: `${firstPercent}%`, end: `${100 - lastPercent}%` }\n}\n\nfunction getRangeStyle(ctx: Pick<SharedContext, \"isVertical\" | \"isRtl\">): Style {\n  if (ctx.isVertical) {\n    return {\n      position: \"absolute\",\n      bottom: \"var(--slider-range-start)\",\n      top: \"var(--slider-range-end)\",\n    }\n  }\n\n  return {\n    position: \"absolute\",\n    [ctx.isRtl ? \"right\" : \"left\"]: \"var(--slider-range-start)\",\n    [ctx.isRtl ? \"left\" : \"right\"]: \"var(--slider-range-end)\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Thumb style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getVerticalThumbOffset(ctx: SharedContext) {\n  const { height = 0 } = ctx.thumbSize ?? {}\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-height / 2, height / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getHorizontalThumbOffset(ctx: SharedContext) {\n  const { width = 0 } = ctx.thumbSize ?? {}\n\n  if (ctx.isRtl) {\n    const getValue = getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2])\n    return -1 * parseFloat(getValue(ctx.value).toFixed(2))\n  }\n\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getOffset(ctx: SharedContext, percent: number) {\n  if (ctx.thumbAlignment === \"center\") return `${percent}%`\n  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx)\n  return `calc(${percent}% - ${offset}px)`\n}\n\nfunction getThumbOffset(ctx: SharedContext) {\n  let percent = getValuePercent(ctx.value, ctx.min, ctx.max) * 100\n  return getOffset(ctx, percent)\n}\n\nfunction getVisibility(ctx: Ctx) {\n  let visibility: \"visible\" | \"hidden\" = \"visible\"\n  if (ctx.thumbAlignment === \"contain\" && !ctx.hasMeasuredThumbSize) {\n    visibility = \"hidden\"\n  }\n  return visibility\n}\n\nfunction getThumbStyle(ctx: Ctx, index: number): Style {\n  const placementProp = ctx.isVertical ? \"bottom\" : \"insetInlineStart\"\n  return {\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    transform: \"var(--slider-thumb-transform)\",\n    [placementProp]: `var(--slider-thumb-offset-${index})`,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Control style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getControlStyle(): Style {\n  return {\n    touchAction: \"none\",\n    userSelect: \"none\",\n    position: \"relative\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Root style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getRootStyle(ctx: Ctx): Style {\n  const range = getRangeOffsets(ctx)\n\n  const offsetStyles = ctx.value.reduce<Style>((styles, value, index) => {\n    const offset = getThumbOffset({ ...ctx, value })\n    return { ...styles, [`--slider-thumb-offset-${index}`]: offset }\n  }, {})\n\n  return {\n    ...offsetStyles,\n    \"--slider-thumb-transform\": ctx.isVertical ? \"translateY(50%)\" : ctx.isRtl ? \"translateX(50%)\" : \"translateX(-50%)\",\n    \"--slider-range-start\": range.start,\n    \"--slider-range-end\": range.end,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Marker style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerStyle(\n  ctx: Pick<SharedContext, \"isHorizontal\" | \"isRtl\" | \"thumbAlignment\" | \"hasMeasuredThumbSize\">,\n  value: number,\n): Style {\n  return {\n    // @ts-expect-error\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    // @ts-expect-error\n    [ctx.isHorizontal ? \"insetInlineStart\" : \"bottom\"]: getThumbOffset({ ...ctx, value }),\n    translate: \"var(--tx) var(--ty)\",\n    \"--tx\": ctx.isHorizontal ? (ctx.isRtl ? \"50%\" : \"-50%\") : \"0%\",\n    \"--ty\": !ctx.isHorizontal ? \"50%\" : \"0%\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Label style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerGroupStyle(): Style {\n  return {\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    position: \"relative\",\n  }\n}\n\nexport const styleGetterFns = {\n  getRootStyle,\n  getControlStyle,\n  getThumbStyle,\n  getRangeStyle,\n  getMarkerStyle,\n  getMarkerGroupStyle,\n}\n","import {\n  clampValue,\n  getClosestValueIndex,\n  getNextStepValue,\n  getPreviousStepValue,\n  getValueRanges,\n  snapValueToStep,\n} from \"@zag-js/numeric-range\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport function normalizeValues(ctx: Ctx, nextValues: number[]) {\n  return nextValues.map((value, index, values) => {\n    return constrainValue({ ...ctx, value: values }, value, index)\n  })\n}\n\nexport function clampPercent(percent: number) {\n  return clampValue(percent, 0, 1)\n}\n\nexport function getRangeAtIndex(ctx: Ctx, index: number) {\n  return getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index]\n}\n\nexport function constrainValue(ctx: Ctx, value: number, index: number) {\n  const range = getRangeAtIndex(ctx, index)\n  const snapValue = snapValueToStep(value, ctx.min, ctx.max, ctx.step)\n  return clampValue(snapValue, range.min, range.max)\n}\n\nexport function decrement(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getPreviousStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function increment(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getNextStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function getClosestIndex(ctx: Ctx, pointValue: number) {\n  return getClosestValueIndex(ctx.value, pointValue)\n}\n\nexport function assignArray(current: number[], next: number[]) {\n  for (let i = 0; i < next.length; i++) {\n    const value = next[i]\n    current[i] = value\n  }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { trackPointerMove } from \"@zag-js/dom-event\"\nimport { raf } from \"@zag-js/dom-query\"\nimport { trackElementsSize, type ElementSize } from \"@zag-js/element-size\"\nimport { trackFormControl } from \"@zag-js/form-utils\"\nimport { getValuePercent } from \"@zag-js/numeric-range\"\nimport { compact, isEqual } from \"@zag-js/utils\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./slider.types\"\nimport {\n  assignArray,\n  constrainValue,\n  decrement,\n  getClosestIndex,\n  getRangeAtIndex,\n  increment,\n  normalizeValues,\n} from \"./slider.utils\"\n\nconst isEqualSize = (a: ElementSize | null, b: ElementSize | null) => {\n  return a?.width === b?.width && a?.height === b?.height\n}\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"slider\",\n      initial: \"idle\",\n\n      context: {\n        thumbSize: null,\n        thumbAlignment: \"contain\",\n        focusedIndex: -1,\n        min: 0,\n        max: 100,\n        step: 1,\n        value: [0],\n        origin: \"start\",\n        orientation: \"horizontal\",\n        dir: \"ltr\",\n        minStepsBetweenThumbs: 0,\n        disabled: false,\n        ...ctx,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n        isVertical: (ctx) => ctx.orientation === \"vertical\",\n        isRtl: (ctx) => ctx.orientation === \"horizontal\" && ctx.dir === \"rtl\",\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n        isInteractive: (ctx) => !(ctx.readOnly || ctx.isDisabled),\n        spacing: (ctx) => ctx.minStepsBetweenThumbs * ctx.step,\n        hasMeasuredThumbSize: (ctx) => ctx.thumbSize != null,\n        valuePercent(ctx) {\n          return ctx.value.map((value) => 100 * getValuePercent(value, ctx.min, ctx.max))\n        },\n      },\n\n      watch: {\n        value: [\"syncInputElements\"],\n      },\n\n      entry: [\"coarseValue\"],\n\n      activities: [\"trackFormControlState\", \"trackThumbsSize\"],\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        INCREMENT: {\n          actions: \"incrementAtIndex\",\n        },\n        DECREMENT: {\n          actions: \"decrementAtIndex\",\n        },\n      },\n\n      states: {\n        idle: {\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            FOCUS: {\n              target: \"focus\",\n              actions: \"setFocusedIndex\",\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n          },\n        },\n        focus: {\n          entry: \"focusActiveThumb\",\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n            ARROW_LEFT: {\n              guard: \"isHorizontal\",\n              actions: \"decrementAtIndex\",\n            },\n            ARROW_RIGHT: {\n              guard: \"isHorizontal\",\n              actions: \"incrementAtIndex\",\n            },\n            ARROW_UP: {\n              guard: \"isVertical\",\n              actions: \"incrementAtIndex\",\n            },\n            ARROW_DOWN: {\n              guard: \"isVertical\",\n              actions: \"decrementAtIndex\",\n            },\n            PAGE_UP: {\n              actions: \"incrementAtIndex\",\n            },\n            PAGE_DOWN: {\n              actions: \"decrementAtIndex\",\n            },\n            HOME: {\n              actions: \"setActiveThumbToMin\",\n            },\n            END: {\n              actions: \"setActiveThumbToMax\",\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n          },\n        },\n        dragging: {\n          entry: \"focusActiveThumb\",\n          activities: \"trackPointerMove\",\n          on: {\n            POINTER_UP: {\n              target: \"focus\",\n              actions: \"invokeOnChangeEnd\",\n            },\n            POINTER_MOVE: {\n              actions: \"setPointerValue\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        isHorizontal: (ctx) => ctx.isHorizontal,\n        isVertical: (ctx) => ctx.isVertical,\n        hasIndex: (_ctx, evt) => evt.index != null,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              set.value(ctx, initialContext.value)\n            },\n          })\n        },\n\n        trackPointerMove(ctx, _evt, { send }) {\n          return trackPointerMove(dom.getDoc(ctx), {\n            onPointerMove(info) {\n              send({ type: \"POINTER_MOVE\", point: info.point })\n            },\n            onPointerUp() {\n              send(\"POINTER_UP\")\n            },\n          })\n        },\n        trackThumbsSize(ctx) {\n          if (ctx.thumbAlignment !== \"contain\" || ctx.thumbSize) return\n\n          return trackElementsSize({\n            getNodes: () => dom.getElements(ctx),\n            observeMutation: true,\n            callback(size) {\n              if (!size || isEqualSize(ctx.thumbSize, size)) return\n              ctx.thumbSize = size\n            },\n          })\n        },\n      },\n      actions: {\n        syncInputElements(ctx) {\n          ctx.value.forEach((value, index) => {\n            const inputEl = dom.getHiddenInputEl(ctx, index)\n            dom.setValue(inputEl, value)\n          })\n        },\n        invokeOnChangeEnd(ctx) {\n          ctx.onValueChangeEnd?.({ value: ctx.value })\n        },\n        setClosestThumbIndex(ctx, evt) {\n          const pointValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointValue == null) return\n\n          const focusedIndex = getClosestIndex(ctx, pointValue)\n          set.focusedIndex(ctx, focusedIndex)\n        },\n        setFocusedIndex(ctx, evt) {\n          set.focusedIndex(ctx, evt.index)\n        },\n        clearFocusedIndex(ctx) {\n          set.focusedIndex(ctx, -1)\n        },\n        setPointerValue(ctx, evt) {\n          const pointerValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointerValue == null) return\n\n          const value = constrainValue(ctx, pointerValue, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, value)\n        },\n        focusActiveThumb(ctx) {\n          raf(() => {\n            const thumbEl = dom.getThumbEl(ctx, ctx.focusedIndex)\n            thumbEl?.focus({ preventScroll: true })\n          })\n        },\n        decrementAtIndex(ctx, evt) {\n          const value = decrement(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        incrementAtIndex(ctx, evt) {\n          const value = increment(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        setActiveThumbToMin(ctx) {\n          const { min } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, min)\n        },\n        setActiveThumbToMax(ctx) {\n          const { max } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, max)\n        },\n        coarseValue(ctx) {\n          const value = normalizeValues(ctx, ctx.value)\n          set.value(ctx, value)\n        },\n        setValueAtIndex(ctx, evt) {\n          const value = constrainValue(ctx, evt.value, evt.index)\n          set.valueAtIndex(ctx, evt.index, value)\n        },\n        setValue(ctx, evt) {\n          const value = normalizeValues(ctx, evt.value)\n          set.value(ctx, value)\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    ctx.onValueChange?.({\n      value: Array.from(ctx.value),\n    })\n    dom.dispatchChangeEvent(ctx)\n  },\n  focusChange: (ctx: MachineContext) => {\n    ctx.onFocusChange?.({\n      value: Array.from(ctx.value),\n      focusedIndex: ctx.focusedIndex,\n    })\n  },\n}\n\nconst set = {\n  valueAtIndex: (ctx: MachineContext, index: number, value: number) => {\n    if (isEqual(ctx.value[index], value)) return\n    ctx.value[index] = value\n    invoke.change(ctx)\n  },\n  value: (ctx: MachineContext, value: number[]) => {\n    if (isEqual(ctx.value, value)) return\n    assignArray(ctx.value, value)\n    invoke.change(ctx)\n  },\n  focusedIndex: (ctx: MachineContext, index: number) => {\n    if (isEqual(ctx.focusedIndex, index)) return\n    ctx.focusedIndex = index\n    invoke.focusChange(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { ThumbProps, UserDefinedContext } from \"./slider.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getAriaValueText\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"max\",\n  \"min\",\n  \"minStepsBetweenThumbs\",\n  \"name\",\n  \"onFocusChange\",\n  \"onValueChange\",\n  \"onValueChangeEnd\",\n  \"orientation\",\n  \"origin\",\n  \"readOnly\",\n  \"step\",\n  \"thumbAlignment\",\n  \"thumbAlignment\",\n  \"thumbSize\",\n  \"value\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const thumbProps = createProps<ThumbProps>()([\"index\", \"name\"])\nexport const splitThumbProps = createSplitProps<ThumbProps>(thumbProps)\n"],"mappings":"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","names":["import_dom_event","import_dom_query","import_numeric_range","import_numeric_range","getValue","import_numeric_range","props","import_dom_event","import_dom_query","import_form_utils","import_numeric_range","ctx","import_utils"]}
+{"version":3,"sources":["../src/index.ts","../src/slider.anatomy.ts","../src/slider.connect.ts","../src/slider.dom.ts","../src/slider.style.ts","../src/slider.utils.ts","../src/slider.machine.ts","../src/slider.props.ts"],"sourcesContent":["export { anatomy } from \"./slider.anatomy\"\nexport { connect } from \"./slider.connect\"\nexport { machine } from \"./slider.machine\"\nexport * from \"./slider.props\"\nexport type {\n  MachineApi as Api,\n  UserDefinedContext as Context,\n  ElementIds,\n  FocusChangeDetails,\n  MarkerProps,\n  ThumbProps,\n  ValueChangeDetails,\n  ValueTextDetails,\n} from \"./slider.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"slider\").parts(\n  \"root\",\n  \"label\",\n  \"thumb\",\n  \"valueText\",\n  \"track\",\n  \"range\",\n  \"control\",\n  \"markerGroup\",\n  \"marker\",\n)\n\nexport const parts = anatomy.build()\n","import {\n  getEventKey,\n  getEventPoint,\n  getEventStep,\n  getNativeEvent,\n  isLeftClick,\n  isModifierKey,\n  type EventKeyMap,\n} from \"@zag-js/dom-event\"\nimport { ariaAttr, dataAttr } from \"@zag-js/dom-query\"\nimport { getPercentValue, getValuePercent } from \"@zag-js/numeric-range\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./slider.anatomy\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineApi, Send, State } from \"./slider.types\"\nimport { getRangeAtIndex } from \"./slider.utils\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const ariaLabel = state.context[\"aria-label\"]\n  const ariaLabelledBy = state.context[\"aria-labelledby\"]\n  const sliderValue = state.context.value\n\n  const focused = state.matches(\"focus\")\n  const dragging = state.matches(\"dragging\")\n\n  const disabled = state.context.isDisabled\n  const invalid = state.context.invalid\n  const interactive = state.context.isInteractive\n\n  const isHorizontal = state.context.orientation === \"horizontal\"\n  const isVertical = state.context.orientation === \"vertical\"\n\n  function getValuePercentFn(value: number) {\n    return getValuePercent(value, state.context.min, state.context.max)\n  }\n\n  function getPercentValueFn(percent: number) {\n    return getPercentValue(percent, state.context.min, state.context.max, state.context.step)\n  }\n\n  return {\n    value: state.context.value,\n    dragging,\n    focused,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value: value })\n    },\n    getThumbValue(index) {\n      return sliderValue[index]\n    },\n    setThumbValue(index, value) {\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getValuePercent: getValuePercentFn,\n    getPercentValue: getPercentValueFn,\n    getThumbPercent(index) {\n      return getValuePercentFn(sliderValue[index])\n    },\n    setThumbPercent(index, percent) {\n      const value = getPercentValueFn(percent)\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getThumbMin(index) {\n      return getRangeAtIndex(state.context, index).min\n    },\n    getThumbMax(index) {\n      return getRangeAtIndex(state.context, index).max\n    },\n    increment(index) {\n      send({ type: \"INCREMENT\", index })\n    },\n    decrement(index) {\n      send({ type: \"DECREMENT\", index })\n    },\n    focus() {\n      if (!interactive) return\n      send({ type: \"FOCUS\", index: 0 })\n    },\n\n    labelProps: normalize.label({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getLabelId(state.context),\n      htmlFor: dom.getHiddenInputId(state.context, 0),\n      onClick(event) {\n        if (!interactive) return\n        event.preventDefault()\n        dom.getFirstEl(state.context)?.focus()\n      },\n      style: {\n        userSelect: \"none\",\n      },\n    }),\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getRootId(state.context),\n      dir: state.context.dir,\n      style: dom.getRootStyle(state.context),\n    }),\n\n    valueTextProps: normalize.element({\n      ...parts.valueText.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getValueTextId(state.context),\n    }),\n\n    trackProps: normalize.element({\n      ...parts.track.attrs,\n      dir: state.context.dir,\n      id: dom.getTrackId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(focused),\n      style: { position: \"relative\" },\n    }),\n\n    getThumbProps(props) {\n      const { index = 0, name } = props\n\n      const value = sliderValue[index]\n      const range = getRangeAtIndex(state.context, index)\n      const valueText = state.context.getAriaValueText?.({ value, index })\n      const _ariaLabel = Array.isArray(ariaLabel) ? ariaLabel[index] : ariaLabel\n      const _ariaLabelledBy = Array.isArray(ariaLabelledBy) ? ariaLabelledBy[index] : ariaLabelledBy\n\n      return normalize.element({\n        ...parts.thumb.attrs,\n        dir: state.context.dir,\n        \"data-index\": index,\n        \"data-name\": name,\n        id: dom.getThumbId(state.context, index),\n        \"data-disabled\": dataAttr(disabled),\n        \"data-orientation\": state.context.orientation,\n        \"data-focus\": dataAttr(focused && state.context.focusedIndex === index),\n        draggable: false,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-label\": _ariaLabel,\n        \"aria-labelledby\": _ariaLabelledBy ?? dom.getLabelId(state.context),\n        \"aria-orientation\": state.context.orientation,\n        \"aria-valuemax\": range.max,\n        \"aria-valuemin\": range.min,\n        \"aria-valuenow\": sliderValue[index],\n        \"aria-valuetext\": valueText,\n        role: \"slider\",\n        tabIndex: disabled ? undefined : 0,\n        style: dom.getThumbStyle(state.context, index),\n        onPointerDown(event) {\n          if (!interactive) return\n          send({ type: \"THUMB_POINTER_DOWN\", index })\n          event.stopPropagation()\n        },\n        onBlur() {\n          if (!interactive) return\n          send(\"BLUR\")\n        },\n        onFocus() {\n          if (!interactive) return\n          send({ type: \"FOCUS\", index })\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return\n          if (!interactive) return\n\n          const step = getEventStep(event) * state.context.step\n\n          const keyMap: EventKeyMap = {\n            ArrowUp() {\n              if (isHorizontal) return\n              send({ type: \"ARROW_INC\", step, src: \"ArrowUp\" })\n            },\n            ArrowDown() {\n              if (isHorizontal) return\n              send({ type: \"ARROW_DEC\", step, src: \"ArrowDown\" })\n            },\n            ArrowLeft() {\n              if (isVertical) return\n              send({ type: \"ARROW_DEC\", step, src: \"ArrowLeft\" })\n            },\n            ArrowRight() {\n              if (isVertical) return\n              send({ type: \"ARROW_INC\", step, src: \"ArrowRight\" })\n            },\n            PageUp() {\n              send({ type: \"ARROW_INC\", step, src: \"PageUp\" })\n            },\n            PageDown() {\n              send({ type: \"ARROW_DEC\", step, src: \"PageDown\" })\n            },\n            Home() {\n              send(\"HOME\")\n            },\n            End() {\n              send(\"END\")\n            },\n          }\n\n          const key = getEventKey(event, state.context)\n          const exec = keyMap[key]\n\n          if (exec) {\n            exec(event)\n            event.preventDefault()\n            event.stopPropagation()\n          }\n        },\n      })\n    },\n\n    getHiddenInputProps(props) {\n      const { index = 0, name } = props\n      return normalize.input({\n        name:\n          name ?? (state.context.name ? state.context.name + (state.context.value.length > 1 ? \"[]\" : \"\") : undefined),\n        form: state.context.form,\n        type: \"text\",\n        hidden: true,\n        defaultValue: state.context.value[index],\n        id: dom.getHiddenInputId(state.context, index),\n      })\n    },\n\n    rangeProps: normalize.element({\n      id: dom.getRangeId(state.context),\n      ...parts.range.attrs,\n      dir: state.context.dir,\n      \"data-focus\": dataAttr(focused),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      style: dom.getRangeStyle(state.context),\n    }),\n\n    controlProps: normalize.element({\n      ...parts.control.attrs,\n      dir: state.context.dir,\n      id: dom.getControlId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      style: dom.getControlStyle(),\n      onPointerDown(event) {\n        if (!interactive) return\n\n        const evt = getNativeEvent(event)\n        if (!isLeftClick(evt) || isModifierKey(evt)) return\n\n        const point = getEventPoint(evt)\n        send({ type: \"POINTER_DOWN\", point })\n\n        event.preventDefault()\n        event.stopPropagation()\n      },\n    }),\n\n    markerGroupProps: normalize.element({\n      ...parts.markerGroup.attrs,\n      role: \"presentation\",\n      dir: state.context.dir,\n      \"aria-hidden\": true,\n      \"data-orientation\": state.context.orientation,\n      style: dom.getMarkerGroupStyle(),\n    }),\n\n    getMarkerProps(props) {\n      const style = dom.getMarkerStyle(state.context, props.value)\n      let markerState: \"over-value\" | \"under-value\" | \"at-value\"\n\n      const first = state.context.value[0]\n      const last = state.context.value[state.context.value.length - 1]\n\n      if (props.value < first) {\n        markerState = \"under-value\"\n      } else if (props.value > last) {\n        markerState = \"over-value\"\n      } else {\n        markerState = \"at-value\"\n      }\n\n      return normalize.element({\n        ...parts.marker.attrs,\n        id: dom.getMarkerId(state.context, props.value),\n        role: \"presentation\",\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-value\": props.value,\n        \"data-disabled\": dataAttr(disabled),\n        \"data-state\": markerState,\n        style,\n      })\n    },\n  }\n}\n","import { getRelativePoint, type Point } from \"@zag-js/dom-event\"\nimport { createScope, queryAll } from \"@zag-js/dom-query\"\nimport { dispatchInputValueEvent } from \"@zag-js/form-utils\"\nimport { getPercentValue } from \"@zag-js/numeric-range\"\nimport { styleGetterFns } from \"./slider.style\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport const dom = createScope({\n  ...styleGetterFns,\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,\n  getThumbId: (ctx: Ctx, index: number) => ctx.ids?.thumb?.(index) ?? `slider:${ctx.id}:thumb:${index}`,\n  getHiddenInputId: (ctx: Ctx, index: number) => `slider:${ctx.id}:input:${index}`,\n  getControlId: (ctx: Ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,\n  getTrackId: (ctx: Ctx) => ctx.ids?.track ?? `slider:${ctx.id}:track`,\n  getRangeId: (ctx: Ctx) => ctx.ids?.range ?? `slider:${ctx.id}:range`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,\n  getValueTextId: (ctx: Ctx) => ctx.ids?.valueText ?? `slider:${ctx.id}:valueText`,\n  getMarkerId: (ctx: Ctx, value: number) => ctx.ids?.marker?.(value) ?? `slider:${ctx.id}:marker:${value}`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getThumbEl: (ctx: Ctx, index: number) => dom.getById(ctx, dom.getThumbId(ctx, index)),\n  getHiddenInputEl: (ctx: Ctx, index: number) => dom.getById<HTMLInputElement>(ctx, dom.getHiddenInputId(ctx, index)),\n  getControlEl: (ctx: Ctx) => dom.getById(ctx, dom.getControlId(ctx)),\n  getElements: (ctx: Ctx) => queryAll(dom.getControlEl(ctx), \"[role=slider]\"),\n  getFirstEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n  getRangeEl: (ctx: Ctx) => dom.getById(ctx, dom.getRangeId(ctx)),\n\n  getValueFromPoint(ctx: Ctx, point: Point) {\n    const controlEl = dom.getControlEl(ctx)\n    if (!controlEl) return\n    const relativePoint = getRelativePoint(point, controlEl)\n    const percent = relativePoint.getPercentValue({\n      orientation: ctx.orientation,\n      dir: ctx.dir,\n      inverted: { y: true },\n    })\n    return getPercentValue(percent, ctx.min, ctx.max, ctx.step)\n  },\n  dispatchChangeEvent(ctx: Ctx) {\n    const valueArray = Array.from(ctx.value)\n    valueArray.forEach((value, index) => {\n      const inputEl = dom.getHiddenInputEl(ctx, index)\n      if (!inputEl) return\n      dispatchInputValueEvent(inputEl, { value })\n    })\n  },\n})\n","import { getValuePercent, getValueTransformer } from \"@zag-js/numeric-range\"\nimport type { Style } from \"@zag-js/types\"\nimport type { MachineContext as Ctx, SharedContext } from \"./slider.types\"\n\n/* -----------------------------------------------------------------------------\n * Range style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getBounds<T>(value: T[]): [T, T] {\n  const firstValue = value[0]\n  const lastThumb = value[value.length - 1]\n  return [firstValue, lastThumb]\n}\n\nexport function getRangeOffsets(ctx: Ctx) {\n  const [firstPercent, lastPercent] = getBounds(ctx.valuePercent)\n\n  if (ctx.valuePercent.length === 1) {\n    if (ctx.origin === \"center\") {\n      const isNegative = ctx.valuePercent[0] < 50\n      const start = isNegative ? `${ctx.valuePercent[0]}%` : \"50%\"\n      const end = isNegative ? \"50%\" : `${100 - ctx.valuePercent[0]}%`\n\n      return { start, end }\n    }\n\n    return { start: \"0%\", end: `${100 - lastPercent}%` }\n  }\n\n  return { start: `${firstPercent}%`, end: `${100 - lastPercent}%` }\n}\n\nfunction getRangeStyle(ctx: Pick<SharedContext, \"isVertical\" | \"isRtl\">): Style {\n  if (ctx.isVertical) {\n    return {\n      position: \"absolute\",\n      bottom: \"var(--slider-range-start)\",\n      top: \"var(--slider-range-end)\",\n    }\n  }\n\n  return {\n    position: \"absolute\",\n    [ctx.isRtl ? \"right\" : \"left\"]: \"var(--slider-range-start)\",\n    [ctx.isRtl ? \"left\" : \"right\"]: \"var(--slider-range-end)\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Thumb style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getVerticalThumbOffset(ctx: SharedContext) {\n  const { height = 0 } = ctx.thumbSize ?? {}\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-height / 2, height / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getHorizontalThumbOffset(ctx: SharedContext) {\n  const { width = 0 } = ctx.thumbSize ?? {}\n\n  if (ctx.isRtl) {\n    const getValue = getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2])\n    return -1 * parseFloat(getValue(ctx.value).toFixed(2))\n  }\n\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getOffset(ctx: SharedContext, percent: number) {\n  if (ctx.thumbAlignment === \"center\") return `${percent}%`\n  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx)\n  return `calc(${percent}% - ${offset}px)`\n}\n\nfunction getThumbOffset(ctx: SharedContext) {\n  let percent = getValuePercent(ctx.value, ctx.min, ctx.max) * 100\n  return getOffset(ctx, percent)\n}\n\nfunction getVisibility(ctx: Ctx) {\n  let visibility: \"visible\" | \"hidden\" = \"visible\"\n  if (ctx.thumbAlignment === \"contain\" && !ctx.hasMeasuredThumbSize) {\n    visibility = \"hidden\"\n  }\n  return visibility\n}\n\nfunction getThumbStyle(ctx: Ctx, index: number): Style {\n  const placementProp = ctx.isVertical ? \"bottom\" : \"insetInlineStart\"\n  return {\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    transform: \"var(--slider-thumb-transform)\",\n    [placementProp]: `var(--slider-thumb-offset-${index})`,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Control style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getControlStyle(): Style {\n  return {\n    touchAction: \"none\",\n    userSelect: \"none\",\n    position: \"relative\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Root style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getRootStyle(ctx: Ctx): Style {\n  const range = getRangeOffsets(ctx)\n\n  const offsetStyles = ctx.value.reduce<Style>((styles, value, index) => {\n    const offset = getThumbOffset({ ...ctx, value })\n    return { ...styles, [`--slider-thumb-offset-${index}`]: offset }\n  }, {})\n\n  return {\n    ...offsetStyles,\n    \"--slider-thumb-transform\": ctx.isVertical ? \"translateY(50%)\" : ctx.isRtl ? \"translateX(50%)\" : \"translateX(-50%)\",\n    \"--slider-range-start\": range.start,\n    \"--slider-range-end\": range.end,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Marker style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerStyle(\n  ctx: Pick<SharedContext, \"isHorizontal\" | \"isRtl\" | \"thumbAlignment\" | \"hasMeasuredThumbSize\">,\n  value: number,\n): Style {\n  return {\n    // @ts-expect-error\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    // @ts-expect-error\n    [ctx.isHorizontal ? \"insetInlineStart\" : \"bottom\"]: getThumbOffset({ ...ctx, value }),\n    translate: \"var(--tx) var(--ty)\",\n    \"--tx\": ctx.isHorizontal ? (ctx.isRtl ? \"50%\" : \"-50%\") : \"0%\",\n    \"--ty\": !ctx.isHorizontal ? \"50%\" : \"0%\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Label style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerGroupStyle(): Style {\n  return {\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    position: \"relative\",\n  }\n}\n\nexport const styleGetterFns = {\n  getRootStyle,\n  getControlStyle,\n  getThumbStyle,\n  getRangeStyle,\n  getMarkerStyle,\n  getMarkerGroupStyle,\n}\n","import {\n  clampValue,\n  getClosestValueIndex,\n  getNextStepValue,\n  getPreviousStepValue,\n  getValueRanges,\n  snapValueToStep,\n} from \"@zag-js/numeric-range\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport function normalizeValues(ctx: Ctx, nextValues: number[]) {\n  return nextValues.map((value, index, values) => {\n    return constrainValue({ ...ctx, value: values }, value, index)\n  })\n}\n\nexport function clampPercent(percent: number) {\n  return clampValue(percent, 0, 1)\n}\n\nexport function getRangeAtIndex(ctx: Ctx, index: number) {\n  return getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index]\n}\n\nexport function constrainValue(ctx: Ctx, value: number, index: number) {\n  const range = getRangeAtIndex(ctx, index)\n  const snapValue = snapValueToStep(value, ctx.min, ctx.max, ctx.step)\n  return clampValue(snapValue, range.min, range.max)\n}\n\nexport function decrement(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getPreviousStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function increment(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getNextStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function getClosestIndex(ctx: Ctx, pointValue: number) {\n  return getClosestValueIndex(ctx.value, pointValue)\n}\n\nexport function assignArray(current: number[], next: number[]) {\n  for (let i = 0; i < next.length; i++) {\n    const value = next[i]\n    current[i] = value\n  }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { trackPointerMove } from \"@zag-js/dom-event\"\nimport { raf } from \"@zag-js/dom-query\"\nimport { trackElementsSize, type ElementSize } from \"@zag-js/element-size\"\nimport { trackFormControl } from \"@zag-js/form-utils\"\nimport { getValuePercent } from \"@zag-js/numeric-range\"\nimport { compact, isEqual } from \"@zag-js/utils\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./slider.types\"\nimport {\n  assignArray,\n  constrainValue,\n  decrement,\n  getClosestIndex,\n  getRangeAtIndex,\n  increment,\n  normalizeValues,\n} from \"./slider.utils\"\n\nconst isEqualSize = (a: ElementSize | null, b: ElementSize | null) => {\n  return a?.width === b?.width && a?.height === b?.height\n}\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"slider\",\n      initial: \"idle\",\n\n      context: {\n        thumbSize: null,\n        thumbAlignment: \"contain\",\n        min: 0,\n        max: 100,\n        step: 1,\n        value: [0],\n        origin: \"start\",\n        orientation: \"horizontal\",\n        dir: \"ltr\",\n        minStepsBetweenThumbs: 0,\n        disabled: false,\n        ...ctx,\n        focusedIndex: -1,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n        isVertical: (ctx) => ctx.orientation === \"vertical\",\n        isRtl: (ctx) => ctx.orientation === \"horizontal\" && ctx.dir === \"rtl\",\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n        isInteractive: (ctx) => !(ctx.readOnly || ctx.isDisabled),\n        hasMeasuredThumbSize: (ctx) => ctx.thumbSize != null,\n        valuePercent(ctx) {\n          return ctx.value.map((value) => 100 * getValuePercent(value, ctx.min, ctx.max))\n        },\n      },\n\n      watch: {\n        value: [\"syncInputElements\"],\n      },\n\n      entry: [\"coarseValue\"],\n\n      activities: [\"trackFormControlState\", \"trackThumbsSize\"],\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        INCREMENT: {\n          actions: \"incrementThumbAtIndex\",\n        },\n        DECREMENT: {\n          actions: \"decrementThumbAtIndex\",\n        },\n      },\n\n      states: {\n        idle: {\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            FOCUS: {\n              target: \"focus\",\n              actions: \"setFocusedIndex\",\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n          },\n        },\n        focus: {\n          entry: \"focusActiveThumb\",\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n            ARROW_DEC: {\n              actions: [\"decrementThumbAtIndex\", \"invokeOnChangeEnd\"],\n            },\n            ARROW_INC: {\n              actions: [\"incrementThumbAtIndex\", \"invokeOnChangeEnd\"],\n            },\n            HOME: {\n              actions: [\"setFocusedThumbToMin\", \"invokeOnChangeEnd\"],\n            },\n            END: {\n              actions: [\"setFocusedThumbToMax\", \"invokeOnChangeEnd\"],\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n          },\n        },\n        dragging: {\n          entry: \"focusActiveThumb\",\n          activities: \"trackPointerMove\",\n          on: {\n            POINTER_UP: {\n              target: \"focus\",\n              actions: \"invokeOnChangeEnd\",\n            },\n            POINTER_MOVE: {\n              actions: \"setPointerValue\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        hasIndex: (_ctx, evt) => evt.index != null,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              set.value(ctx, initialContext.value)\n            },\n          })\n        },\n\n        trackPointerMove(ctx, _evt, { send }) {\n          return trackPointerMove(dom.getDoc(ctx), {\n            onPointerMove(info) {\n              send({ type: \"POINTER_MOVE\", point: info.point })\n            },\n            onPointerUp() {\n              send(\"POINTER_UP\")\n            },\n          })\n        },\n        trackThumbsSize(ctx) {\n          if (ctx.thumbAlignment !== \"contain\" || ctx.thumbSize) return\n\n          return trackElementsSize({\n            getNodes: () => dom.getElements(ctx),\n            observeMutation: true,\n            callback(size) {\n              if (!size || isEqualSize(ctx.thumbSize, size)) return\n              ctx.thumbSize = size\n            },\n          })\n        },\n      },\n      actions: {\n        syncInputElements(ctx) {\n          ctx.value.forEach((value, index) => {\n            const inputEl = dom.getHiddenInputEl(ctx, index)\n            dom.setValue(inputEl, value)\n          })\n        },\n        invokeOnChangeEnd(ctx) {\n          ctx.onValueChangeEnd?.({ value: ctx.value })\n        },\n        setClosestThumbIndex(ctx, evt) {\n          const pointValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointValue == null) return\n\n          const focusedIndex = getClosestIndex(ctx, pointValue)\n          set.focusedIndex(ctx, focusedIndex)\n        },\n        setFocusedIndex(ctx, evt) {\n          set.focusedIndex(ctx, evt.index)\n        },\n        clearFocusedIndex(ctx) {\n          set.focusedIndex(ctx, -1)\n        },\n        setPointerValue(ctx, evt) {\n          const pointerValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointerValue == null) return\n\n          const value = constrainValue(ctx, pointerValue, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, value)\n        },\n        focusActiveThumb(ctx) {\n          raf(() => {\n            const thumbEl = dom.getThumbEl(ctx, ctx.focusedIndex)\n            thumbEl?.focus({ preventScroll: true })\n          })\n        },\n        decrementThumbAtIndex(ctx, evt) {\n          const value = decrement(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        incrementThumbAtIndex(ctx, evt) {\n          const value = increment(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        setFocusedThumbToMin(ctx) {\n          const { min } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, min)\n        },\n        setFocusedThumbToMax(ctx) {\n          const { max } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, max)\n        },\n        coarseValue(ctx) {\n          const value = normalizeValues(ctx, ctx.value)\n          set.value(ctx, value)\n        },\n        setValueAtIndex(ctx, evt) {\n          const value = constrainValue(ctx, evt.value, evt.index)\n          set.valueAtIndex(ctx, evt.index, value)\n        },\n        setValue(ctx, evt) {\n          const value = normalizeValues(ctx, evt.value)\n          set.value(ctx, value)\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    ctx.onValueChange?.({\n      value: Array.from(ctx.value),\n    })\n    dom.dispatchChangeEvent(ctx)\n  },\n  focusChange: (ctx: MachineContext) => {\n    ctx.onFocusChange?.({\n      value: Array.from(ctx.value),\n      focusedIndex: ctx.focusedIndex,\n    })\n  },\n}\n\nconst set = {\n  valueAtIndex: (ctx: MachineContext, index: number, value: number) => {\n    if (isEqual(ctx.value[index], value)) return\n    ctx.value[index] = value\n    invoke.change(ctx)\n  },\n  value: (ctx: MachineContext, value: number[]) => {\n    if (isEqual(ctx.value, value)) return\n    assignArray(ctx.value, value)\n    invoke.change(ctx)\n  },\n  focusedIndex: (ctx: MachineContext, index: number) => {\n    if (isEqual(ctx.focusedIndex, index)) return\n    ctx.focusedIndex = index\n    invoke.focusChange(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { ThumbProps, UserDefinedContext } from \"./slider.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getAriaValueText\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"max\",\n  \"min\",\n  \"minStepsBetweenThumbs\",\n  \"name\",\n  \"onFocusChange\",\n  \"onValueChange\",\n  \"onValueChangeEnd\",\n  \"orientation\",\n  \"origin\",\n  \"readOnly\",\n  \"step\",\n  \"thumbAlignment\",\n  \"thumbAlignment\",\n  \"thumbSize\",\n  \"value\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const thumbProps = createProps<ThumbProps>()([\"index\", \"name\"])\nexport const splitThumbProps = createSplitProps<ThumbProps>(thumbProps)\n"],"mappings":"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","names":["import_dom_event","import_dom_query","import_numeric_range","import_numeric_range","getValue","import_numeric_range","props","import_dom_event","import_dom_query","import_form_utils","import_numeric_range","ctx","import_utils"]}

package/dist/index.mjs

@@ -260,6 +260,8 @@ function connect(state, send, normalize) {
   const disabled = state.context.isDisabled;
   const invalid = state.context.invalid;
   const interactive = state.context.isInteractive;
+  const isHorizontal = state.context.orientation === "horizontal";
+  const isVertical = state.context.orientation === "vertical";
   function getValuePercentFn(value) {
     return getValuePercent2(value, state.context.min, state.context.max);
   }
@@ -403,29 +405,32 @@ function connect(state, send, normalize) {
           if (!interactive)
             return;
           const step = getEventStep(event) * state.context.step;
-          let prevent = true;
           const keyMap = {
             ArrowUp() {
-              send({ type: "ARROW_UP", step });
-              prevent = state.context.isVertical;
+              if (isHorizontal)
+                return;
+              send({ type: "ARROW_INC", step, src: "ArrowUp" });
             },
             ArrowDown() {
-              send({ type: "ARROW_DOWN", step });
-              prevent = state.context.isVertical;
+              if (isHorizontal)
+                return;
+              send({ type: "ARROW_DEC", step, src: "ArrowDown" });
             },
             ArrowLeft() {
-              send({ type: "ARROW_LEFT", step });
-              prevent = state.context.isHorizontal;
+              if (isVertical)
+                return;
+              send({ type: "ARROW_DEC", step, src: "ArrowLeft" });
             },
             ArrowRight() {
-              send({ type: "ARROW_RIGHT", step });
-              prevent = state.context.isHorizontal;
+              if (isVertical)
+                return;
+              send({ type: "ARROW_INC", step, src: "ArrowRight" });
             },
             PageUp() {
-              send({ type: "PAGE_UP", step });
+              send({ type: "ARROW_INC", step, src: "PageUp" });
             },
             PageDown() {
-              send({ type: "PAGE_DOWN", step });
+              send({ type: "ARROW_DEC", step, src: "PageDown" });
             },
             Home() {
               send("HOME");
@@ -436,10 +441,8 @@ function connect(state, send, normalize) {
           };
           const key = getEventKey(event, state.context);
           const exec = keyMap[key];
-          if (!exec)
-            return;
-          exec(event);
-          if (prevent) {
+          if (exec) {
+            exec(event);
             event.preventDefault();
             event.stopPropagation();
           }
@@ -543,7 +546,6 @@ function machine(userContext) {
       context: {
         thumbSize: null,
         thumbAlignment: "contain",
-        focusedIndex: -1,
         min: 0,
         max: 100,
         step: 1,
@@ -554,6 +556,7 @@ function machine(userContext) {
         minStepsBetweenThumbs: 0,
         disabled: false,
         ...ctx,
+        focusedIndex: -1,
         fieldsetDisabled: false
       },
       computed: {
@@ -562,7 +565,6 @@ function machine(userContext) {
         isRtl: (ctx2) => ctx2.orientation === "horizontal" && ctx2.dir === "rtl",
         isDisabled: (ctx2) => !!ctx2.disabled || ctx2.fieldsetDisabled,
         isInteractive: (ctx2) => !(ctx2.readOnly || ctx2.isDisabled),
-        spacing: (ctx2) => ctx2.minStepsBetweenThumbs * ctx2.step,
         hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize != null,
         valuePercent(ctx2) {
           return ctx2.value.map((value) => 100 * getValuePercent3(value, ctx2.min, ctx2.max));
@@ -582,10 +584,10 @@ function machine(userContext) {
           { actions: "setValue" }
         ],
         INCREMENT: {
-          actions: "incrementAtIndex"
+          actions: "incrementThumbAtIndex"
         },
         DECREMENT: {
-          actions: "decrementAtIndex"
+          actions: "decrementThumbAtIndex"
         }
       },
       states: {
@@ -616,33 +618,17 @@ function machine(userContext) {
               target: "dragging",
               actions: ["setFocusedIndex", "focusActiveThumb"]
             },
-            ARROW_LEFT: {
-              guard: "isHorizontal",
-              actions: "decrementAtIndex"
-            },
-            ARROW_RIGHT: {
-              guard: "isHorizontal",
-              actions: "incrementAtIndex"
-            },
-            ARROW_UP: {
-              guard: "isVertical",
-              actions: "incrementAtIndex"
-            },
-            ARROW_DOWN: {
-              guard: "isVertical",
-              actions: "decrementAtIndex"
-            },
-            PAGE_UP: {
-              actions: "incrementAtIndex"
+            ARROW_DEC: {
+              actions: ["decrementThumbAtIndex", "invokeOnChangeEnd"]
             },
-            PAGE_DOWN: {
-              actions: "decrementAtIndex"
+            ARROW_INC: {
+              actions: ["incrementThumbAtIndex", "invokeOnChangeEnd"]
             },
             HOME: {
-              actions: "setActiveThumbToMin"
+              actions: ["setFocusedThumbToMin", "invokeOnChangeEnd"]
             },
             END: {
-              actions: "setActiveThumbToMax"
+              actions: ["setFocusedThumbToMax", "invokeOnChangeEnd"]
             },
             BLUR: {
               target: "idle",
@@ -667,8 +653,6 @@ function machine(userContext) {
     },
     {
       guards: {
-        isHorizontal: (ctx2) => ctx2.isHorizontal,
-        isVertical: (ctx2) => ctx2.isVertical,
         hasIndex: (_ctx, evt) => evt.index != null
       },
       activities: {
@@ -742,19 +726,19 @@ function machine(userContext) {
             thumbEl?.focus({ preventScroll: true });
           });
         },
-        decrementAtIndex(ctx2, evt) {
+        decrementThumbAtIndex(ctx2, evt) {
           const value = decrement(ctx2, evt.index, evt.step);
           set.value(ctx2, value);
         },
-        incrementAtIndex(ctx2, evt) {
+        incrementThumbAtIndex(ctx2, evt) {
           const value = increment(ctx2, evt.index, evt.step);
           set.value(ctx2, value);
         },
-        setActiveThumbToMin(ctx2) {
+        setFocusedThumbToMin(ctx2) {
           const { min } = getRangeAtIndex(ctx2, ctx2.focusedIndex);
           set.valueAtIndex(ctx2, ctx2.focusedIndex, min);
         },
-        setActiveThumbToMax(ctx2) {
+        setFocusedThumbToMax(ctx2) {
           const { max } = getRangeAtIndex(ctx2, ctx2.focusedIndex);
           set.valueAtIndex(ctx2, ctx2.focusedIndex, max);
         },

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/slider.anatomy.ts","../src/slider.connect.ts","../src/slider.dom.ts","../src/slider.style.ts","../src/slider.utils.ts","../src/slider.machine.ts","../src/slider.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"slider\").parts(\n  \"root\",\n  \"label\",\n  \"thumb\",\n  \"valueText\",\n  \"track\",\n  \"range\",\n  \"control\",\n  \"markerGroup\",\n  \"marker\",\n)\n\nexport const parts = anatomy.build()\n","import {\n  getEventKey,\n  getEventPoint,\n  getEventStep,\n  getNativeEvent,\n  isLeftClick,\n  isModifierKey,\n  type EventKeyMap,\n} from \"@zag-js/dom-event\"\nimport { ariaAttr, dataAttr } from \"@zag-js/dom-query\"\nimport { getPercentValue, getValuePercent } from \"@zag-js/numeric-range\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./slider.anatomy\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineApi, Send, State } from \"./slider.types\"\nimport { getRangeAtIndex } from \"./slider.utils\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const ariaLabel = state.context[\"aria-label\"]\n  const ariaLabelledBy = state.context[\"aria-labelledby\"]\n  const sliderValue = state.context.value\n\n  const focused = state.matches(\"focus\")\n  const dragging = state.matches(\"dragging\")\n\n  const disabled = state.context.isDisabled\n  const invalid = state.context.invalid\n  const interactive = state.context.isInteractive\n\n  function getValuePercentFn(value: number) {\n    return getValuePercent(value, state.context.min, state.context.max)\n  }\n\n  function getPercentValueFn(percent: number) {\n    return getPercentValue(percent, state.context.min, state.context.max, state.context.step)\n  }\n\n  return {\n    value: state.context.value,\n    dragging,\n    focused,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value: value })\n    },\n    getThumbValue(index) {\n      return sliderValue[index]\n    },\n    setThumbValue(index, value) {\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getValuePercent: getValuePercentFn,\n    getPercentValue: getPercentValueFn,\n    getThumbPercent(index) {\n      return getValuePercentFn(sliderValue[index])\n    },\n    setThumbPercent(index, percent) {\n      const value = getPercentValueFn(percent)\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getThumbMin(index) {\n      return getRangeAtIndex(state.context, index).min\n    },\n    getThumbMax(index) {\n      return getRangeAtIndex(state.context, index).max\n    },\n    increment(index) {\n      send({ type: \"INCREMENT\", index })\n    },\n    decrement(index) {\n      send({ type: \"DECREMENT\", index })\n    },\n    focus() {\n      if (!interactive) return\n      send({ type: \"FOCUS\", index: 0 })\n    },\n\n    labelProps: normalize.label({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getLabelId(state.context),\n      htmlFor: dom.getHiddenInputId(state.context, 0),\n      onClick(event) {\n        if (!interactive) return\n        event.preventDefault()\n        dom.getFirstEl(state.context)?.focus()\n      },\n      style: {\n        userSelect: \"none\",\n      },\n    }),\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getRootId(state.context),\n      dir: state.context.dir,\n      style: dom.getRootStyle(state.context),\n    }),\n\n    valueTextProps: normalize.element({\n      ...parts.valueText.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getValueTextId(state.context),\n    }),\n\n    trackProps: normalize.element({\n      ...parts.track.attrs,\n      dir: state.context.dir,\n      id: dom.getTrackId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(focused),\n      style: { position: \"relative\" },\n    }),\n\n    getThumbProps(props) {\n      const { index = 0, name } = props\n\n      const value = sliderValue[index]\n      const range = getRangeAtIndex(state.context, index)\n      const valueText = state.context.getAriaValueText?.({ value, index })\n      const _ariaLabel = Array.isArray(ariaLabel) ? ariaLabel[index] : ariaLabel\n      const _ariaLabelledBy = Array.isArray(ariaLabelledBy) ? ariaLabelledBy[index] : ariaLabelledBy\n\n      return normalize.element({\n        ...parts.thumb.attrs,\n        dir: state.context.dir,\n        \"data-index\": index,\n        \"data-name\": name,\n        id: dom.getThumbId(state.context, index),\n        \"data-disabled\": dataAttr(disabled),\n        \"data-orientation\": state.context.orientation,\n        \"data-focus\": dataAttr(focused && state.context.focusedIndex === index),\n        draggable: false,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-label\": _ariaLabel,\n        \"aria-labelledby\": _ariaLabelledBy ?? dom.getLabelId(state.context),\n        \"aria-orientation\": state.context.orientation,\n        \"aria-valuemax\": range.max,\n        \"aria-valuemin\": range.min,\n        \"aria-valuenow\": sliderValue[index],\n        \"aria-valuetext\": valueText,\n        role: \"slider\",\n        tabIndex: disabled ? undefined : 0,\n        style: dom.getThumbStyle(state.context, index),\n        onPointerDown(event) {\n          if (!interactive) return\n          send({ type: \"THUMB_POINTER_DOWN\", index })\n          event.stopPropagation()\n        },\n        onBlur() {\n          if (!interactive) return\n          send(\"BLUR\")\n        },\n        onFocus() {\n          if (!interactive) return\n          send({ type: \"FOCUS\", index })\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return\n          if (!interactive) return\n\n          const step = getEventStep(event) * state.context.step\n          let prevent = true\n\n          const keyMap: EventKeyMap = {\n            ArrowUp() {\n              send({ type: \"ARROW_UP\", step })\n              prevent = state.context.isVertical\n            },\n            ArrowDown() {\n              send({ type: \"ARROW_DOWN\", step })\n              prevent = state.context.isVertical\n            },\n            ArrowLeft() {\n              send({ type: \"ARROW_LEFT\", step })\n              prevent = state.context.isHorizontal\n            },\n            ArrowRight() {\n              send({ type: \"ARROW_RIGHT\", step })\n              prevent = state.context.isHorizontal\n            },\n            PageUp() {\n              send({ type: \"PAGE_UP\", step })\n            },\n            PageDown() {\n              send({ type: \"PAGE_DOWN\", step })\n            },\n            Home() {\n              send(\"HOME\")\n            },\n            End() {\n              send(\"END\")\n            },\n          }\n\n          const key = getEventKey(event, state.context)\n          const exec = keyMap[key]\n\n          if (!exec) return\n          exec(event)\n\n          if (prevent) {\n            event.preventDefault()\n            event.stopPropagation()\n          }\n        },\n      })\n    },\n\n    getHiddenInputProps(props) {\n      const { index = 0, name } = props\n      return normalize.input({\n        name:\n          name ?? (state.context.name ? state.context.name + (state.context.value.length > 1 ? \"[]\" : \"\") : undefined),\n        form: state.context.form,\n        type: \"text\",\n        hidden: true,\n        defaultValue: state.context.value[index],\n        id: dom.getHiddenInputId(state.context, index),\n      })\n    },\n\n    rangeProps: normalize.element({\n      id: dom.getRangeId(state.context),\n      ...parts.range.attrs,\n      dir: state.context.dir,\n      \"data-focus\": dataAttr(focused),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      style: dom.getRangeStyle(state.context),\n    }),\n\n    controlProps: normalize.element({\n      ...parts.control.attrs,\n      dir: state.context.dir,\n      id: dom.getControlId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      style: dom.getControlStyle(),\n      onPointerDown(event) {\n        if (!interactive) return\n\n        const evt = getNativeEvent(event)\n        if (!isLeftClick(evt) || isModifierKey(evt)) return\n\n        const point = getEventPoint(evt)\n        send({ type: \"POINTER_DOWN\", point })\n\n        event.preventDefault()\n        event.stopPropagation()\n      },\n    }),\n\n    markerGroupProps: normalize.element({\n      ...parts.markerGroup.attrs,\n      role: \"presentation\",\n      dir: state.context.dir,\n      \"aria-hidden\": true,\n      \"data-orientation\": state.context.orientation,\n      style: dom.getMarkerGroupStyle(),\n    }),\n\n    getMarkerProps(props) {\n      const style = dom.getMarkerStyle(state.context, props.value)\n      let markerState: \"over-value\" | \"under-value\" | \"at-value\"\n\n      const first = state.context.value[0]\n      const last = state.context.value[state.context.value.length - 1]\n\n      if (props.value < first) {\n        markerState = \"under-value\"\n      } else if (props.value > last) {\n        markerState = \"over-value\"\n      } else {\n        markerState = \"at-value\"\n      }\n\n      return normalize.element({\n        ...parts.marker.attrs,\n        id: dom.getMarkerId(state.context, props.value),\n        role: \"presentation\",\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-value\": props.value,\n        \"data-disabled\": dataAttr(disabled),\n        \"data-state\": markerState,\n        style,\n      })\n    },\n  }\n}\n","import { getRelativePoint, type Point } from \"@zag-js/dom-event\"\nimport { createScope, queryAll } from \"@zag-js/dom-query\"\nimport { dispatchInputValueEvent } from \"@zag-js/form-utils\"\nimport { getPercentValue } from \"@zag-js/numeric-range\"\nimport { styleGetterFns } from \"./slider.style\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport const dom = createScope({\n  ...styleGetterFns,\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,\n  getThumbId: (ctx: Ctx, index: number) => ctx.ids?.thumb?.(index) ?? `slider:${ctx.id}:thumb:${index}`,\n  getHiddenInputId: (ctx: Ctx, index: number) => `slider:${ctx.id}:input:${index}`,\n  getControlId: (ctx: Ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,\n  getTrackId: (ctx: Ctx) => ctx.ids?.track ?? `slider:${ctx.id}:track`,\n  getRangeId: (ctx: Ctx) => ctx.ids?.range ?? `slider:${ctx.id}:range`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,\n  getValueTextId: (ctx: Ctx) => ctx.ids?.valueText ?? `slider:${ctx.id}:valueText`,\n  getMarkerId: (ctx: Ctx, value: number) => ctx.ids?.marker?.(value) ?? `slider:${ctx.id}:marker:${value}`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getThumbEl: (ctx: Ctx, index: number) => dom.getById(ctx, dom.getThumbId(ctx, index)),\n  getHiddenInputEl: (ctx: Ctx, index: number) => dom.getById<HTMLInputElement>(ctx, dom.getHiddenInputId(ctx, index)),\n  getControlEl: (ctx: Ctx) => dom.getById(ctx, dom.getControlId(ctx)),\n  getElements: (ctx: Ctx) => queryAll(dom.getControlEl(ctx), \"[role=slider]\"),\n  getFirstEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n  getRangeEl: (ctx: Ctx) => dom.getById(ctx, dom.getRangeId(ctx)),\n\n  getValueFromPoint(ctx: Ctx, point: Point) {\n    const controlEl = dom.getControlEl(ctx)\n    if (!controlEl) return\n    const relativePoint = getRelativePoint(point, controlEl)\n    const percent = relativePoint.getPercentValue({\n      orientation: ctx.orientation,\n      dir: ctx.dir,\n      inverted: { y: true },\n    })\n    return getPercentValue(percent, ctx.min, ctx.max, ctx.step)\n  },\n  dispatchChangeEvent(ctx: Ctx) {\n    const valueArray = Array.from(ctx.value)\n    valueArray.forEach((value, index) => {\n      const inputEl = dom.getHiddenInputEl(ctx, index)\n      if (!inputEl) return\n      dispatchInputValueEvent(inputEl, { value })\n    })\n  },\n})\n","import { getValuePercent, getValueTransformer } from \"@zag-js/numeric-range\"\nimport type { Style } from \"@zag-js/types\"\nimport type { MachineContext as Ctx, SharedContext } from \"./slider.types\"\n\n/* -----------------------------------------------------------------------------\n * Range style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getBounds<T>(value: T[]): [T, T] {\n  const firstValue = value[0]\n  const lastThumb = value[value.length - 1]\n  return [firstValue, lastThumb]\n}\n\nexport function getRangeOffsets(ctx: Ctx) {\n  const [firstPercent, lastPercent] = getBounds(ctx.valuePercent)\n\n  if (ctx.valuePercent.length === 1) {\n    if (ctx.origin === \"center\") {\n      const isNegative = ctx.valuePercent[0] < 50\n      const start = isNegative ? `${ctx.valuePercent[0]}%` : \"50%\"\n      const end = isNegative ? \"50%\" : `${100 - ctx.valuePercent[0]}%`\n\n      return { start, end }\n    }\n\n    return { start: \"0%\", end: `${100 - lastPercent}%` }\n  }\n\n  return { start: `${firstPercent}%`, end: `${100 - lastPercent}%` }\n}\n\nfunction getRangeStyle(ctx: Pick<SharedContext, \"isVertical\" | \"isRtl\">): Style {\n  if (ctx.isVertical) {\n    return {\n      position: \"absolute\",\n      bottom: \"var(--slider-range-start)\",\n      top: \"var(--slider-range-end)\",\n    }\n  }\n\n  return {\n    position: \"absolute\",\n    [ctx.isRtl ? \"right\" : \"left\"]: \"var(--slider-range-start)\",\n    [ctx.isRtl ? \"left\" : \"right\"]: \"var(--slider-range-end)\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Thumb style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getVerticalThumbOffset(ctx: SharedContext) {\n  const { height = 0 } = ctx.thumbSize ?? {}\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-height / 2, height / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getHorizontalThumbOffset(ctx: SharedContext) {\n  const { width = 0 } = ctx.thumbSize ?? {}\n\n  if (ctx.isRtl) {\n    const getValue = getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2])\n    return -1 * parseFloat(getValue(ctx.value).toFixed(2))\n  }\n\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getOffset(ctx: SharedContext, percent: number) {\n  if (ctx.thumbAlignment === \"center\") return `${percent}%`\n  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx)\n  return `calc(${percent}% - ${offset}px)`\n}\n\nfunction getThumbOffset(ctx: SharedContext) {\n  let percent = getValuePercent(ctx.value, ctx.min, ctx.max) * 100\n  return getOffset(ctx, percent)\n}\n\nfunction getVisibility(ctx: Ctx) {\n  let visibility: \"visible\" | \"hidden\" = \"visible\"\n  if (ctx.thumbAlignment === \"contain\" && !ctx.hasMeasuredThumbSize) {\n    visibility = \"hidden\"\n  }\n  return visibility\n}\n\nfunction getThumbStyle(ctx: Ctx, index: number): Style {\n  const placementProp = ctx.isVertical ? \"bottom\" : \"insetInlineStart\"\n  return {\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    transform: \"var(--slider-thumb-transform)\",\n    [placementProp]: `var(--slider-thumb-offset-${index})`,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Control style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getControlStyle(): Style {\n  return {\n    touchAction: \"none\",\n    userSelect: \"none\",\n    position: \"relative\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Root style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getRootStyle(ctx: Ctx): Style {\n  const range = getRangeOffsets(ctx)\n\n  const offsetStyles = ctx.value.reduce<Style>((styles, value, index) => {\n    const offset = getThumbOffset({ ...ctx, value })\n    return { ...styles, [`--slider-thumb-offset-${index}`]: offset }\n  }, {})\n\n  return {\n    ...offsetStyles,\n    \"--slider-thumb-transform\": ctx.isVertical ? \"translateY(50%)\" : ctx.isRtl ? \"translateX(50%)\" : \"translateX(-50%)\",\n    \"--slider-range-start\": range.start,\n    \"--slider-range-end\": range.end,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Marker style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerStyle(\n  ctx: Pick<SharedContext, \"isHorizontal\" | \"isRtl\" | \"thumbAlignment\" | \"hasMeasuredThumbSize\">,\n  value: number,\n): Style {\n  return {\n    // @ts-expect-error\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    // @ts-expect-error\n    [ctx.isHorizontal ? \"insetInlineStart\" : \"bottom\"]: getThumbOffset({ ...ctx, value }),\n    translate: \"var(--tx) var(--ty)\",\n    \"--tx\": ctx.isHorizontal ? (ctx.isRtl ? \"50%\" : \"-50%\") : \"0%\",\n    \"--ty\": !ctx.isHorizontal ? \"50%\" : \"0%\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Label style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerGroupStyle(): Style {\n  return {\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    position: \"relative\",\n  }\n}\n\nexport const styleGetterFns = {\n  getRootStyle,\n  getControlStyle,\n  getThumbStyle,\n  getRangeStyle,\n  getMarkerStyle,\n  getMarkerGroupStyle,\n}\n","import {\n  clampValue,\n  getClosestValueIndex,\n  getNextStepValue,\n  getPreviousStepValue,\n  getValueRanges,\n  snapValueToStep,\n} from \"@zag-js/numeric-range\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport function normalizeValues(ctx: Ctx, nextValues: number[]) {\n  return nextValues.map((value, index, values) => {\n    return constrainValue({ ...ctx, value: values }, value, index)\n  })\n}\n\nexport function clampPercent(percent: number) {\n  return clampValue(percent, 0, 1)\n}\n\nexport function getRangeAtIndex(ctx: Ctx, index: number) {\n  return getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index]\n}\n\nexport function constrainValue(ctx: Ctx, value: number, index: number) {\n  const range = getRangeAtIndex(ctx, index)\n  const snapValue = snapValueToStep(value, ctx.min, ctx.max, ctx.step)\n  return clampValue(snapValue, range.min, range.max)\n}\n\nexport function decrement(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getPreviousStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function increment(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getNextStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function getClosestIndex(ctx: Ctx, pointValue: number) {\n  return getClosestValueIndex(ctx.value, pointValue)\n}\n\nexport function assignArray(current: number[], next: number[]) {\n  for (let i = 0; i < next.length; i++) {\n    const value = next[i]\n    current[i] = value\n  }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { trackPointerMove } from \"@zag-js/dom-event\"\nimport { raf } from \"@zag-js/dom-query\"\nimport { trackElementsSize, type ElementSize } from \"@zag-js/element-size\"\nimport { trackFormControl } from \"@zag-js/form-utils\"\nimport { getValuePercent } from \"@zag-js/numeric-range\"\nimport { compact, isEqual } from \"@zag-js/utils\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./slider.types\"\nimport {\n  assignArray,\n  constrainValue,\n  decrement,\n  getClosestIndex,\n  getRangeAtIndex,\n  increment,\n  normalizeValues,\n} from \"./slider.utils\"\n\nconst isEqualSize = (a: ElementSize | null, b: ElementSize | null) => {\n  return a?.width === b?.width && a?.height === b?.height\n}\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"slider\",\n      initial: \"idle\",\n\n      context: {\n        thumbSize: null,\n        thumbAlignment: \"contain\",\n        focusedIndex: -1,\n        min: 0,\n        max: 100,\n        step: 1,\n        value: [0],\n        origin: \"start\",\n        orientation: \"horizontal\",\n        dir: \"ltr\",\n        minStepsBetweenThumbs: 0,\n        disabled: false,\n        ...ctx,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n        isVertical: (ctx) => ctx.orientation === \"vertical\",\n        isRtl: (ctx) => ctx.orientation === \"horizontal\" && ctx.dir === \"rtl\",\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n        isInteractive: (ctx) => !(ctx.readOnly || ctx.isDisabled),\n        spacing: (ctx) => ctx.minStepsBetweenThumbs * ctx.step,\n        hasMeasuredThumbSize: (ctx) => ctx.thumbSize != null,\n        valuePercent(ctx) {\n          return ctx.value.map((value) => 100 * getValuePercent(value, ctx.min, ctx.max))\n        },\n      },\n\n      watch: {\n        value: [\"syncInputElements\"],\n      },\n\n      entry: [\"coarseValue\"],\n\n      activities: [\"trackFormControlState\", \"trackThumbsSize\"],\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        INCREMENT: {\n          actions: \"incrementAtIndex\",\n        },\n        DECREMENT: {\n          actions: \"decrementAtIndex\",\n        },\n      },\n\n      states: {\n        idle: {\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            FOCUS: {\n              target: \"focus\",\n              actions: \"setFocusedIndex\",\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n          },\n        },\n        focus: {\n          entry: \"focusActiveThumb\",\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n            ARROW_LEFT: {\n              guard: \"isHorizontal\",\n              actions: \"decrementAtIndex\",\n            },\n            ARROW_RIGHT: {\n              guard: \"isHorizontal\",\n              actions: \"incrementAtIndex\",\n            },\n            ARROW_UP: {\n              guard: \"isVertical\",\n              actions: \"incrementAtIndex\",\n            },\n            ARROW_DOWN: {\n              guard: \"isVertical\",\n              actions: \"decrementAtIndex\",\n            },\n            PAGE_UP: {\n              actions: \"incrementAtIndex\",\n            },\n            PAGE_DOWN: {\n              actions: \"decrementAtIndex\",\n            },\n            HOME: {\n              actions: \"setActiveThumbToMin\",\n            },\n            END: {\n              actions: \"setActiveThumbToMax\",\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n          },\n        },\n        dragging: {\n          entry: \"focusActiveThumb\",\n          activities: \"trackPointerMove\",\n          on: {\n            POINTER_UP: {\n              target: \"focus\",\n              actions: \"invokeOnChangeEnd\",\n            },\n            POINTER_MOVE: {\n              actions: \"setPointerValue\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        isHorizontal: (ctx) => ctx.isHorizontal,\n        isVertical: (ctx) => ctx.isVertical,\n        hasIndex: (_ctx, evt) => evt.index != null,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              set.value(ctx, initialContext.value)\n            },\n          })\n        },\n\n        trackPointerMove(ctx, _evt, { send }) {\n          return trackPointerMove(dom.getDoc(ctx), {\n            onPointerMove(info) {\n              send({ type: \"POINTER_MOVE\", point: info.point })\n            },\n            onPointerUp() {\n              send(\"POINTER_UP\")\n            },\n          })\n        },\n        trackThumbsSize(ctx) {\n          if (ctx.thumbAlignment !== \"contain\" || ctx.thumbSize) return\n\n          return trackElementsSize({\n            getNodes: () => dom.getElements(ctx),\n            observeMutation: true,\n            callback(size) {\n              if (!size || isEqualSize(ctx.thumbSize, size)) return\n              ctx.thumbSize = size\n            },\n          })\n        },\n      },\n      actions: {\n        syncInputElements(ctx) {\n          ctx.value.forEach((value, index) => {\n            const inputEl = dom.getHiddenInputEl(ctx, index)\n            dom.setValue(inputEl, value)\n          })\n        },\n        invokeOnChangeEnd(ctx) {\n          ctx.onValueChangeEnd?.({ value: ctx.value })\n        },\n        setClosestThumbIndex(ctx, evt) {\n          const pointValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointValue == null) return\n\n          const focusedIndex = getClosestIndex(ctx, pointValue)\n          set.focusedIndex(ctx, focusedIndex)\n        },\n        setFocusedIndex(ctx, evt) {\n          set.focusedIndex(ctx, evt.index)\n        },\n        clearFocusedIndex(ctx) {\n          set.focusedIndex(ctx, -1)\n        },\n        setPointerValue(ctx, evt) {\n          const pointerValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointerValue == null) return\n\n          const value = constrainValue(ctx, pointerValue, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, value)\n        },\n        focusActiveThumb(ctx) {\n          raf(() => {\n            const thumbEl = dom.getThumbEl(ctx, ctx.focusedIndex)\n            thumbEl?.focus({ preventScroll: true })\n          })\n        },\n        decrementAtIndex(ctx, evt) {\n          const value = decrement(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        incrementAtIndex(ctx, evt) {\n          const value = increment(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        setActiveThumbToMin(ctx) {\n          const { min } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, min)\n        },\n        setActiveThumbToMax(ctx) {\n          const { max } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, max)\n        },\n        coarseValue(ctx) {\n          const value = normalizeValues(ctx, ctx.value)\n          set.value(ctx, value)\n        },\n        setValueAtIndex(ctx, evt) {\n          const value = constrainValue(ctx, evt.value, evt.index)\n          set.valueAtIndex(ctx, evt.index, value)\n        },\n        setValue(ctx, evt) {\n          const value = normalizeValues(ctx, evt.value)\n          set.value(ctx, value)\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    ctx.onValueChange?.({\n      value: Array.from(ctx.value),\n    })\n    dom.dispatchChangeEvent(ctx)\n  },\n  focusChange: (ctx: MachineContext) => {\n    ctx.onFocusChange?.({\n      value: Array.from(ctx.value),\n      focusedIndex: ctx.focusedIndex,\n    })\n  },\n}\n\nconst set = {\n  valueAtIndex: (ctx: MachineContext, index: number, value: number) => {\n    if (isEqual(ctx.value[index], value)) return\n    ctx.value[index] = value\n    invoke.change(ctx)\n  },\n  value: (ctx: MachineContext, value: number[]) => {\n    if (isEqual(ctx.value, value)) return\n    assignArray(ctx.value, value)\n    invoke.change(ctx)\n  },\n  focusedIndex: (ctx: MachineContext, index: number) => {\n    if (isEqual(ctx.focusedIndex, index)) return\n    ctx.focusedIndex = index\n    invoke.focusChange(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { ThumbProps, UserDefinedContext } from \"./slider.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getAriaValueText\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"max\",\n  \"min\",\n  \"minStepsBetweenThumbs\",\n  \"name\",\n  \"onFocusChange\",\n  \"onValueChange\",\n  \"onValueChangeEnd\",\n  \"orientation\",\n  \"origin\",\n  \"readOnly\",\n  \"step\",\n  \"thumbAlignment\",\n  \"thumbAlignment\",\n  \"thumbSize\",\n  \"value\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const thumbProps = createProps<ThumbProps>()([\"index\", \"name\"])\nexport const splitThumbProps = createSplitProps<ThumbProps>(thumbProps)\n"],"mappings":";AAAA,SAAS,qBAAqB;AAEvB,IAAM,UAAU,cAAc,QAAQ,EAAE;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,QAAQ,QAAQ,MAAM;;;ACdnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU,gBAAgB;AACnC,SAAS,mBAAAA,kBAAiB,mBAAAC,wBAAuB;;;ACVjD,SAAS,wBAAoC;AAC7C,SAAS,aAAa,gBAAgB;AACtC,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;;;ACHhC,SAAS,iBAAiB,2BAA2B;AAQrD,SAAS,UAAa,OAAoB;AACxC,QAAM,aAAa,MAAM,CAAC;AAC1B,QAAM,YAAY,MAAM,MAAM,SAAS,CAAC;AACxC,SAAO,CAAC,YAAY,SAAS;AAC/B;AAEO,SAAS,gBAAgB,KAAU;AACxC,QAAM,CAAC,cAAc,WAAW,IAAI,UAAU,IAAI,YAAY;AAE9D,MAAI,IAAI,aAAa,WAAW,GAAG;AACjC,QAAI,IAAI,WAAW,UAAU;AAC3B,YAAM,aAAa,IAAI,aAAa,CAAC,IAAI;AACzC,YAAM,QAAQ,aAAa,GAAG,IAAI,aAAa,CAAC,CAAC,MAAM;AACvD,YAAM,MAAM,aAAa,QAAQ,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC;AAE7D,aAAO,EAAE,OAAO,IAAI;AAAA,IACtB;AAEA,WAAO,EAAE,OAAO,MAAM,KAAK,GAAG,MAAM,WAAW,IAAI;AAAA,EACrD;AAEA,SAAO,EAAE,OAAO,GAAG,YAAY,KAAK,KAAK,GAAG,MAAM,WAAW,IAAI;AACnE;AAEA,SAAS,cAAc,KAAyD;AAC9E,MAAI,IAAI,YAAY;AAClB,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,EACF;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV,CAAC,IAAI,QAAQ,UAAU,MAAM,GAAG;AAAA,IAChC,CAAC,IAAI,QAAQ,SAAS,OAAO,GAAG;AAAA,EAClC;AACF;AAMA,SAAS,uBAAuB,KAAoB;AAClD,QAAM,EAAE,SAAS,EAAE,IAAI,IAAI,aAAa,CAAC;AACzC,QAAM,WAAW,oBAAoB,CAAC,IAAI,KAAK,IAAI,GAAG,GAAG,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;AAClF,SAAO,WAAW,SAAS,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;AAClD;AAEA,SAAS,yBAAyB,KAAoB;AACpD,QAAM,EAAE,QAAQ,EAAE,IAAI,IAAI,aAAa,CAAC;AAExC,MAAI,IAAI,OAAO;AACb,UAAMC,YAAW,oBAAoB,CAAC,IAAI,KAAK,IAAI,GAAG,GAAG,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC;AAChF,WAAO,KAAK,WAAWA,UAAS,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;AAAA,EACvD;AAEA,QAAM,WAAW,oBAAoB,CAAC,IAAI,KAAK,IAAI,GAAG,GAAG,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC;AAChF,SAAO,WAAW,SAAS,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAC;AAClD;AAEA,SAAS,UAAU,KAAoB,SAAiB;AACtD,MAAI,IAAI,mBAAmB;AAAU,WAAO,GAAG,OAAO;AACtD,QAAM,SAAS,IAAI,aAAa,uBAAuB,GAAG,IAAI,yBAAyB,GAAG;AAC1F,SAAO,QAAQ,OAAO,OAAO,MAAM;AACrC;AAEA,SAAS,eAAe,KAAoB;AAC1C,MAAI,UAAU,gBAAgB,IAAI,OAAO,IAAI,KAAK,IAAI,GAAG,IAAI;AAC7D,SAAO,UAAU,KAAK,OAAO;AAC/B;AAEA,SAAS,cAAc,KAAU;AAC/B,MAAI,aAAmC;AACvC,MAAI,IAAI,mBAAmB,aAAa,CAAC,IAAI,sBAAsB;AACjE,iBAAa;AAAA,EACf;AACA,SAAO;AACT;AAEA,SAAS,cAAc,KAAU,OAAsB;AACrD,QAAM,gBAAgB,IAAI,aAAa,WAAW;AAClD,SAAO;AAAA,IACL,YAAY,cAAc,GAAG;AAAA,IAC7B,UAAU;AAAA,IACV,WAAW;AAAA,IACX,CAAC,aAAa,GAAG,6BAA6B,KAAK;AAAA,EACrD;AACF;AAMA,SAAS,kBAAyB;AAChC,SAAO;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AACF;AAMA,SAAS,aAAa,KAAiB;AACrC,QAAM,QAAQ,gBAAgB,GAAG;AAEjC,QAAM,eAAe,IAAI,MAAM,OAAc,CAAC,QAAQ,OAAO,UAAU;AACrE,UAAM,SAAS,eAAe,EAAE,GAAG,KAAK,MAAM,CAAC;AAC/C,WAAO,EAAE,GAAG,QAAQ,CAAC,yBAAyB,KAAK,EAAE,GAAG,OAAO;AAAA,EACjE,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL,GAAG;AAAA,IACH,4BAA4B,IAAI,aAAa,oBAAoB,IAAI,QAAQ,oBAAoB;AAAA,IACjG,wBAAwB,MAAM;AAAA,IAC9B,sBAAsB,MAAM;AAAA,EAC9B;AACF;AAMA,SAAS,eACP,KACA,OACO;AACP,SAAO;AAAA;AAAA,IAEL,YAAY,cAAc,GAAG;AAAA,IAC7B,UAAU;AAAA,IACV,eAAe;AAAA;AAAA,IAEf,CAAC,IAAI,eAAe,qBAAqB,QAAQ,GAAG,eAAe,EAAE,GAAG,KAAK,MAAM,CAAC;AAAA,IACpF,WAAW;AAAA,IACX,QAAQ,IAAI,eAAgB,IAAI,QAAQ,QAAQ,SAAU;AAAA,IAC1D,QAAQ,CAAC,IAAI,eAAe,QAAQ;AAAA,EACtC;AACF;AAMA,SAAS,sBAA6B;AACpC,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,UAAU;AAAA,EACZ;AACF;AAEO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;ADpKO,IAAM,MAAM,YAAY;AAAA,EAC7B,GAAG;AAAA,EACH,WAAW,CAAC,QAAa,IAAI,KAAK,QAAQ,UAAU,IAAI,EAAE;AAAA,EAC1D,YAAY,CAAC,KAAU,UAAkB,IAAI,KAAK,QAAQ,KAAK,KAAK,UAAU,IAAI,EAAE,UAAU,KAAK;AAAA,EACnG,kBAAkB,CAAC,KAAU,UAAkB,UAAU,IAAI,EAAE,UAAU,KAAK;AAAA,EAC9E,cAAc,CAAC,QAAa,IAAI,KAAK,WAAW,UAAU,IAAI,EAAE;AAAA,EAChE,YAAY,CAAC,QAAa,IAAI,KAAK,SAAS,UAAU,IAAI,EAAE;AAAA,EAC5D,YAAY,CAAC,QAAa,IAAI,KAAK,SAAS,UAAU,IAAI,EAAE;AAAA,EAC5D,YAAY,CAAC,QAAa,IAAI,KAAK,SAAS,UAAU,IAAI,EAAE;AAAA,EAC5D,gBAAgB,CAAC,QAAa,IAAI,KAAK,aAAa,UAAU,IAAI,EAAE;AAAA,EACpE,aAAa,CAAC,KAAU,UAAkB,IAAI,KAAK,SAAS,KAAK,KAAK,UAAU,IAAI,EAAE,WAAW,KAAK;AAAA,EAEtG,WAAW,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,UAAU,GAAG,CAAC;AAAA,EAC5D,YAAY,CAAC,KAAU,UAAkB,IAAI,QAAQ,KAAK,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EACpF,kBAAkB,CAAC,KAAU,UAAkB,IAAI,QAA0B,KAAK,IAAI,iBAAiB,KAAK,KAAK,CAAC;AAAA,EAClH,cAAc,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,aAAa,GAAG,CAAC;AAAA,EAClE,aAAa,CAAC,QAAa,SAAS,IAAI,aAAa,GAAG,GAAG,eAAe;AAAA,EAC1E,YAAY,CAAC,QAAa,IAAI,YAAY,GAAG,EAAE,CAAC;AAAA,EAChD,YAAY,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,WAAW,GAAG,CAAC;AAAA,EAE9D,kBAAkB,KAAU,OAAc;AACxC,UAAM,YAAY,IAAI,aAAa,GAAG;AACtC,QAAI,CAAC;AAAW;AAChB,UAAM,gBAAgB,iBAAiB,OAAO,SAAS;AACvD,UAAM,UAAU,cAAc,gBAAgB;AAAA,MAC5C,aAAa,IAAI;AAAA,MACjB,KAAK,IAAI;AAAA,MACT,UAAU,EAAE,GAAG,KAAK;AAAA,IACtB,CAAC;AACD,WAAO,gBAAgB,SAAS,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI;AAAA,EAC5D;AAAA,EACA,oBAAoB,KAAU;AAC5B,UAAM,aAAa,MAAM,KAAK,IAAI,KAAK;AACvC,eAAW,QAAQ,CAAC,OAAO,UAAU;AACnC,YAAM,UAAU,IAAI,iBAAiB,KAAK,KAAK;AAC/C,UAAI,CAAC;AAAS;AACd,8BAAwB,SAAS,EAAE,MAAM,CAAC;AAAA,IAC5C,CAAC;AAAA,EACH;AACF,CAAC;;;AE9CD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,gBAAgB,KAAU,YAAsB;AAC9D,SAAO,WAAW,IAAI,CAAC,OAAO,OAAO,WAAW;AAC9C,WAAO,eAAe,EAAE,GAAG,KAAK,OAAO,OAAO,GAAG,OAAO,KAAK;AAAA,EAC/D,CAAC;AACH;AAMO,SAAS,gBAAgB,KAAU,OAAe;AACvD,SAAO,eAAe,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,qBAAqB,EAAE,KAAK;AACrF;AAEO,SAAS,eAAe,KAAU,OAAe,OAAe;AACrE,QAAM,QAAQ,gBAAgB,KAAK,KAAK;AACxC,QAAM,YAAY,gBAAgB,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI;AACnE,SAAO,WAAW,WAAW,MAAM,KAAK,MAAM,GAAG;AACnD;AAEO,SAAS,UAAU,KAAU,OAAgB,MAAe;AACjE,QAAM,MAAM,SAAS,IAAI;AACzB,QAAM,QAAQ,gBAAgB,KAAK,GAAG;AACtC,QAAM,aAAa,qBAAqB,KAAK;AAAA,IAC3C,GAAG;AAAA,IACH,MAAM,QAAQ,IAAI;AAAA,IAClB,QAAQ,IAAI;AAAA,EACd,CAAC;AACD,aAAW,GAAG,IAAI,WAAW,WAAW,GAAG,GAAG,MAAM,KAAK,MAAM,GAAG;AAClE,SAAO;AACT;AAEO,SAAS,UAAU,KAAU,OAAgB,MAAe;AACjE,QAAM,MAAM,SAAS,IAAI;AACzB,QAAM,QAAQ,gBAAgB,KAAK,GAAG;AACtC,QAAM,aAAa,iBAAiB,KAAK;AAAA,IACvC,GAAG;AAAA,IACH,MAAM,QAAQ,IAAI;AAAA,IAClB,QAAQ,IAAI;AAAA,EACd,CAAC;AACD,aAAW,GAAG,IAAI,WAAW,WAAW,GAAG,GAAG,MAAM,KAAK,MAAM,GAAG;AAClE,SAAO;AACT;AAEO,SAAS,gBAAgB,KAAU,YAAoB;AAC5D,SAAO,qBAAqB,IAAI,OAAO,UAAU;AACnD;AAEO,SAAS,YAAY,SAAmB,MAAgB;AAC7D,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,QAAQ,KAAK,CAAC;AACpB,YAAQ,CAAC,IAAI;AAAA,EACf;AACF;;;AH9CO,SAAS,QAA6B,OAAc,MAAY,WAA6C;AAClH,QAAM,YAAY,MAAM,QAAQ,YAAY;AAC5C,QAAM,iBAAiB,MAAM,QAAQ,iBAAiB;AACtD,QAAM,cAAc,MAAM,QAAQ;AAElC,QAAM,UAAU,MAAM,QAAQ,OAAO;AACrC,QAAM,WAAW,MAAM,QAAQ,UAAU;AAEzC,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,UAAU,MAAM,QAAQ;AAC9B,QAAM,cAAc,MAAM,QAAQ;AAElC,WAAS,kBAAkB,OAAe;AACxC,WAAOC,iBAAgB,OAAO,MAAM,QAAQ,KAAK,MAAM,QAAQ,GAAG;AAAA,EACpE;AAEA,WAAS,kBAAkB,SAAiB;AAC1C,WAAOC,iBAAgB,SAAS,MAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM,QAAQ,IAAI;AAAA,EAC1F;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ;AAAA,IACrB;AAAA,IACA;AAAA,IACA,SAAS,OAAO;AACd,WAAK,EAAE,MAAM,aAAa,MAAa,CAAC;AAAA,IAC1C;AAAA,IACA,cAAc,OAAO;AACnB,aAAO,YAAY,KAAK;AAAA,IAC1B;AAAA,IACA,cAAc,OAAO,OAAO;AAC1B,WAAK,EAAE,MAAM,aAAa,OAAO,MAAM,CAAC;AAAA,IAC1C;AAAA,IACA,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,gBAAgB,OAAO;AACrB,aAAO,kBAAkB,YAAY,KAAK,CAAC;AAAA,IAC7C;AAAA,IACA,gBAAgB,OAAO,SAAS;AAC9B,YAAM,QAAQ,kBAAkB,OAAO;AACvC,WAAK,EAAE,MAAM,aAAa,OAAO,MAAM,CAAC;AAAA,IAC1C;AAAA,IACA,YAAY,OAAO;AACjB,aAAO,gBAAgB,MAAM,SAAS,KAAK,EAAE;AAAA,IAC/C;AAAA,IACA,YAAY,OAAO;AACjB,aAAO,gBAAgB,MAAM,SAAS,KAAK,EAAE;AAAA,IAC/C;AAAA,IACA,UAAU,OAAO;AACf,WAAK,EAAE,MAAM,aAAa,MAAM,CAAC;AAAA,IACnC;AAAA,IACA,UAAU,OAAO;AACf,WAAK,EAAE,MAAM,aAAa,MAAM,CAAC;AAAA,IACnC;AAAA,IACA,QAAQ;AACN,UAAI,CAAC;AAAa;AAClB,WAAK,EAAE,MAAM,SAAS,OAAO,EAAE,CAAC;AAAA,IAClC;AAAA,IAEA,YAAY,UAAU,MAAM;AAAA,MAC1B,GAAG,MAAM,MAAM;AAAA,MACf,KAAK,MAAM,QAAQ;AAAA,MACnB,iBAAiB,SAAS,QAAQ;AAAA,MAClC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,gBAAgB,SAAS,OAAO;AAAA,MAChC,cAAc,SAAS,OAAO;AAAA,MAC9B,IAAI,IAAI,WAAW,MAAM,OAAO;AAAA,MAChC,SAAS,IAAI,iBAAiB,MAAM,SAAS,CAAC;AAAA,MAC9C,QAAQ,OAAO;AACb,YAAI,CAAC;AAAa;AAClB,cAAM,eAAe;AACrB,YAAI,WAAW,MAAM,OAAO,GAAG,MAAM;AAAA,MACvC;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF,CAAC;AAAA,IAED,WAAW,UAAU,QAAQ;AAAA,MAC3B,GAAG,MAAM,KAAK;AAAA,MACd,iBAAiB,SAAS,QAAQ;AAAA,MAClC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,gBAAgB,SAAS,OAAO;AAAA,MAChC,cAAc,SAAS,OAAO;AAAA,MAC9B,IAAI,IAAI,UAAU,MAAM,OAAO;AAAA,MAC/B,KAAK,MAAM,QAAQ;AAAA,MACnB,OAAO,IAAI,aAAa,MAAM,OAAO;AAAA,IACvC,CAAC;AAAA,IAED,gBAAgB,UAAU,QAAQ;AAAA,MAChC,GAAG,MAAM,UAAU;AAAA,MACnB,KAAK,MAAM,QAAQ;AAAA,MACnB,iBAAiB,SAAS,QAAQ;AAAA,MAClC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,gBAAgB,SAAS,OAAO;AAAA,MAChC,cAAc,SAAS,OAAO;AAAA,MAC9B,IAAI,IAAI,eAAe,MAAM,OAAO;AAAA,IACtC,CAAC;AAAA,IAED,YAAY,UAAU,QAAQ;AAAA,MAC5B,GAAG,MAAM,MAAM;AAAA,MACf,KAAK,MAAM,QAAQ;AAAA,MACnB,IAAI,IAAI,WAAW,MAAM,OAAO;AAAA,MAChC,iBAAiB,SAAS,QAAQ;AAAA,MAClC,gBAAgB,SAAS,OAAO;AAAA,MAChC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,cAAc,SAAS,OAAO;AAAA,MAC9B,OAAO,EAAE,UAAU,WAAW;AAAA,IAChC,CAAC;AAAA,IAED,cAAcC,QAAO;AACnB,YAAM,EAAE,QAAQ,GAAG,KAAK,IAAIA;AAE5B,YAAM,QAAQ,YAAY,KAAK;AAC/B,YAAM,QAAQ,gBAAgB,MAAM,SAAS,KAAK;AAClD,YAAM,YAAY,MAAM,QAAQ,mBAAmB,EAAE,OAAO,MAAM,CAAC;AACnE,YAAM,aAAa,MAAM,QAAQ,SAAS,IAAI,UAAU,KAAK,IAAI;AACjE,YAAM,kBAAkB,MAAM,QAAQ,cAAc,IAAI,eAAe,KAAK,IAAI;AAEhF,aAAO,UAAU,QAAQ;AAAA,QACvB,GAAG,MAAM,MAAM;AAAA,QACf,KAAK,MAAM,QAAQ;AAAA,QACnB,cAAc;AAAA,QACd,aAAa;AAAA,QACb,IAAI,IAAI,WAAW,MAAM,SAAS,KAAK;AAAA,QACvC,iBAAiB,SAAS,QAAQ;AAAA,QAClC,oBAAoB,MAAM,QAAQ;AAAA,QAClC,cAAc,SAAS,WAAW,MAAM,QAAQ,iBAAiB,KAAK;AAAA,QACtE,WAAW;AAAA,QACX,iBAAiB,SAAS,QAAQ;AAAA,QAClC,cAAc;AAAA,QACd,mBAAmB,mBAAmB,IAAI,WAAW,MAAM,OAAO;AAAA,QAClE,oBAAoB,MAAM,QAAQ;AAAA,QAClC,iBAAiB,MAAM;AAAA,QACvB,iBAAiB,MAAM;AAAA,QACvB,iBAAiB,YAAY,KAAK;AAAA,QAClC,kBAAkB;AAAA,QAClB,MAAM;AAAA,QACN,UAAU,WAAW,SAAY;AAAA,QACjC,OAAO,IAAI,cAAc,MAAM,SAAS,KAAK;AAAA,QAC7C,cAAc,OAAO;AACnB,cAAI,CAAC;AAAa;AAClB,eAAK,EAAE,MAAM,sBAAsB,MAAM,CAAC;AAC1C,gBAAM,gBAAgB;AAAA,QACxB;AAAA,QACA,SAAS;AACP,cAAI,CAAC;AAAa;AAClB,eAAK,MAAM;AAAA,QACb;AAAA,QACA,UAAU;AACR,cAAI,CAAC;AAAa;AAClB,eAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAAA,QAC/B;AAAA,QACA,UAAU,OAAO;AACf,cAAI,MAAM;AAAkB;AAC5B,cAAI,CAAC;AAAa;AAElB,gBAAM,OAAO,aAAa,KAAK,IAAI,MAAM,QAAQ;AACjD,cAAI,UAAU;AAEd,gBAAM,SAAsB;AAAA,YAC1B,UAAU;AACR,mBAAK,EAAE,MAAM,YAAY,KAAK,CAAC;AAC/B,wBAAU,MAAM,QAAQ;AAAA,YAC1B;AAAA,YACA,YAAY;AACV,mBAAK,EAAE,MAAM,cAAc,KAAK,CAAC;AACjC,wBAAU,MAAM,QAAQ;AAAA,YAC1B;AAAA,YACA,YAAY;AACV,mBAAK,EAAE,MAAM,cAAc,KAAK,CAAC;AACjC,wBAAU,MAAM,QAAQ;AAAA,YAC1B;AAAA,YACA,aAAa;AACX,mBAAK,EAAE,MAAM,eAAe,KAAK,CAAC;AAClC,wBAAU,MAAM,QAAQ;AAAA,YAC1B;AAAA,YACA,SAAS;AACP,mBAAK,EAAE,MAAM,WAAW,KAAK,CAAC;AAAA,YAChC;AAAA,YACA,WAAW;AACT,mBAAK,EAAE,MAAM,aAAa,KAAK,CAAC;AAAA,YAClC;AAAA,YACA,OAAO;AACL,mBAAK,MAAM;AAAA,YACb;AAAA,YACA,MAAM;AACJ,mBAAK,KAAK;AAAA,YACZ;AAAA,UACF;AAEA,gBAAM,MAAM,YAAY,OAAO,MAAM,OAAO;AAC5C,gBAAM,OAAO,OAAO,GAAG;AAEvB,cAAI,CAAC;AAAM;AACX,eAAK,KAAK;AAEV,cAAI,SAAS;AACX,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AAAA,UACxB;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,oBAAoBA,QAAO;AACzB,YAAM,EAAE,QAAQ,GAAG,KAAK,IAAIA;AAC5B,aAAO,UAAU,MAAM;AAAA,QACrB,MACE,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,QAAQ,MAAM,QAAQ,MAAM,SAAS,IAAI,OAAO,MAAM;AAAA,QACpG,MAAM,MAAM,QAAQ;AAAA,QACpB,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,cAAc,MAAM,QAAQ,MAAM,KAAK;AAAA,QACvC,IAAI,IAAI,iBAAiB,MAAM,SAAS,KAAK;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,IAEA,YAAY,UAAU,QAAQ;AAAA,MAC5B,IAAI,IAAI,WAAW,MAAM,OAAO;AAAA,MAChC,GAAG,MAAM,MAAM;AAAA,MACf,KAAK,MAAM,QAAQ;AAAA,MACnB,cAAc,SAAS,OAAO;AAAA,MAC9B,gBAAgB,SAAS,OAAO;AAAA,MAChC,iBAAiB,SAAS,QAAQ;AAAA,MAClC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,OAAO,IAAI,cAAc,MAAM,OAAO;AAAA,IACxC,CAAC;AAAA,IAED,cAAc,UAAU,QAAQ;AAAA,MAC9B,GAAG,MAAM,QAAQ;AAAA,MACjB,KAAK,MAAM,QAAQ;AAAA,MACnB,IAAI,IAAI,aAAa,MAAM,OAAO;AAAA,MAClC,iBAAiB,SAAS,QAAQ;AAAA,MAClC,oBAAoB,MAAM,QAAQ;AAAA,MAClC,gBAAgB,SAAS,OAAO;AAAA,MAChC,cAAc,SAAS,OAAO;AAAA,MAC9B,OAAO,IAAI,gBAAgB;AAAA,MAC3B,cAAc,OAAO;AACnB,YAAI,CAAC;AAAa;AAElB,cAAM,MAAM,eAAe,KAAK;AAChC,YAAI,CAAC,YAAY,GAAG,KAAK,cAAc,GAAG;AAAG;AAE7C,cAAM,QAAQ,cAAc,GAAG;AAC/B,aAAK,EAAE,MAAM,gBAAgB,MAAM,CAAC;AAEpC,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IAED,kBAAkB,UAAU,QAAQ;AAAA,MAClC,GAAG,MAAM,YAAY;AAAA,MACrB,MAAM;AAAA,MACN,KAAK,MAAM,QAAQ;AAAA,MACnB,eAAe;AAAA,MACf,oBAAoB,MAAM,QAAQ;AAAA,MAClC,OAAO,IAAI,oBAAoB;AAAA,IACjC,CAAC;AAAA,IAED,eAAeA,QAAO;AACpB,YAAM,QAAQ,IAAI,eAAe,MAAM,SAASA,OAAM,KAAK;AAC3D,UAAI;AAEJ,YAAM,QAAQ,MAAM,QAAQ,MAAM,CAAC;AACnC,YAAM,OAAO,MAAM,QAAQ,MAAM,MAAM,QAAQ,MAAM,SAAS,CAAC;AAE/D,UAAIA,OAAM,QAAQ,OAAO;AACvB,sBAAc;AAAA,MAChB,WAAWA,OAAM,QAAQ,MAAM;AAC7B,sBAAc;AAAA,MAChB,OAAO;AACL,sBAAc;AAAA,MAChB;AAEA,aAAO,UAAU,QAAQ;AAAA,QACvB,GAAG,MAAM,OAAO;AAAA,QAChB,IAAI,IAAI,YAAY,MAAM,SAASA,OAAM,KAAK;AAAA,QAC9C,MAAM;AAAA,QACN,KAAK,MAAM,QAAQ;AAAA,QACnB,oBAAoB,MAAM,QAAQ;AAAA,QAClC,cAAcA,OAAM;AAAA,QACpB,iBAAiB,SAAS,QAAQ;AAAA,QAClC,cAAc;AAAA,QACd;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AIlTA,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,WAAW;AACpB,SAAS,yBAA2C;AACpD,SAAS,wBAAwB;AACjC,SAAS,mBAAAC,wBAAuB;AAChC,SAAS,SAAS,eAAe;AAajC,IAAM,cAAc,CAAC,GAAuB,MAA0B;AACpE,SAAO,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG;AACnD;AAEO,SAAS,QAAQ,aAAiC;AACvD,QAAM,MAAM,QAAQ,WAAW;AAC/B,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,SAAS;AAAA,MAET,SAAS;AAAA,QACP,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO,CAAC,CAAC;AAAA,QACT,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,KAAK;AAAA,QACL,uBAAuB;AAAA,QACvB,UAAU;AAAA,QACV,GAAG;AAAA,QACH,kBAAkB;AAAA,MACpB;AAAA,MAEA,UAAU;AAAA,QACR,cAAc,CAACC,SAAQA,KAAI,gBAAgB;AAAA,QAC3C,YAAY,CAACA,SAAQA,KAAI,gBAAgB;AAAA,QACzC,OAAO,CAACA,SAAQA,KAAI,gBAAgB,gBAAgBA,KAAI,QAAQ;AAAA,QAChE,YAAY,CAACA,SAAQ,CAAC,CAACA,KAAI,YAAYA,KAAI;AAAA,QAC3C,eAAe,CAACA,SAAQ,EAAEA,KAAI,YAAYA,KAAI;AAAA,QAC9C,SAAS,CAACA,SAAQA,KAAI,wBAAwBA,KAAI;AAAA,QAClD,sBAAsB,CAACA,SAAQA,KAAI,aAAa;AAAA,QAChD,aAAaA,MAAK;AAChB,iBAAOA,KAAI,MAAM,IAAI,CAAC,UAAU,MAAMC,iBAAgB,OAAOD,KAAI,KAAKA,KAAI,GAAG,CAAC;AAAA,QAChF;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,OAAO,CAAC,mBAAmB;AAAA,MAC7B;AAAA,MAEA,OAAO,CAAC,aAAa;AAAA,MAErB,YAAY,CAAC,yBAAyB,iBAAiB;AAAA,MAEvD,IAAI;AAAA,QACF,WAAW;AAAA,UACT;AAAA,YACE,OAAO;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,EAAE,SAAS,WAAW;AAAA,QACxB;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MAEA,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,IAAI;AAAA,YACF,cAAc;AAAA,cACZ,QAAQ;AAAA,cACR,SAAS,CAAC,wBAAwB,mBAAmB,kBAAkB;AAAA,YACzE;AAAA,YACA,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,SAAS;AAAA,YACX;AAAA,YACA,oBAAoB;AAAA,cAClB,QAAQ;AAAA,cACR,SAAS,CAAC,mBAAmB,kBAAkB;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,UACP,IAAI;AAAA,YACF,cAAc;AAAA,cACZ,QAAQ;AAAA,cACR,SAAS,CAAC,wBAAwB,mBAAmB,kBAAkB;AAAA,YACzE;AAAA,YACA,oBAAoB;AAAA,cAClB,QAAQ;AAAA,cACR,SAAS,CAAC,mBAAmB,kBAAkB;AAAA,YACjD;AAAA,YACA,YAAY;AAAA,cACV,OAAO;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA,aAAa;AAAA,cACX,OAAO;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA,UAAU;AAAA,cACR,OAAO;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA,YAAY;AAAA,cACV,OAAO;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA,SAAS;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA,WAAW;AAAA,cACT,SAAS;AAAA,YACX;AAAA,YACA,MAAM;AAAA,cACJ,SAAS;AAAA,YACX;AAAA,YACA,KAAK;AAAA,cACH,SAAS;AAAA,YACX;AAAA,YACA,MAAM;AAAA,cACJ,QAAQ;AAAA,cACR,SAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAAA,QACA,UAAU;AAAA,UACR,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,IAAI;AAAA,YACF,YAAY;AAAA,cACV,QAAQ;AAAA,cACR,SAAS;AAAA,YACX;AAAA,YACA,cAAc;AAAA,cACZ,SAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,QACN,cAAc,CAACA,SAAQA,KAAI;AAAA,QAC3B,YAAY,CAACA,SAAQA,KAAI;AAAA,QACzB,UAAU,CAAC,MAAM,QAAQ,IAAI,SAAS;AAAA,MACxC;AAAA,MACA,YAAY;AAAA,QACV,sBAAsBA,MAAK,MAAM,EAAE,eAAe,GAAG;AACnD,iBAAO,iBAAiB,IAAI,UAAUA,IAAG,GAAG;AAAA,YAC1C,yBAAyB,UAAU;AACjC,cAAAA,KAAI,mBAAmB;AAAA,YACzB;AAAA,YACA,cAAc;AACZ,kBAAI,MAAMA,MAAK,eAAe,KAAK;AAAA,YACrC;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QAEA,iBAAiBA,MAAK,MAAM,EAAE,KAAK,GAAG;AACpC,iBAAO,iBAAiB,IAAI,OAAOA,IAAG,GAAG;AAAA,YACvC,cAAc,MAAM;AAClB,mBAAK,EAAE,MAAM,gBAAgB,OAAO,KAAK,MAAM,CAAC;AAAA,YAClD;AAAA,YACA,cAAc;AACZ,mBAAK,YAAY;AAAA,YACnB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,gBAAgBA,MAAK;AACnB,cAAIA,KAAI,mBAAmB,aAAaA,KAAI;AAAW;AAEvD,iBAAO,kBAAkB;AAAA,YACvB,UAAU,MAAM,IAAI,YAAYA,IAAG;AAAA,YACnC,iBAAiB;AAAA,YACjB,SAAS,MAAM;AACb,kBAAI,CAAC,QAAQ,YAAYA,KAAI,WAAW,IAAI;AAAG;AAC/C,cAAAA,KAAI,YAAY;AAAA,YAClB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,kBAAkBA,MAAK;AACrB,UAAAA,KAAI,MAAM,QAAQ,CAAC,OAAO,UAAU;AAClC,kBAAM,UAAU,IAAI,iBAAiBA,MAAK,KAAK;AAC/C,gBAAI,SAAS,SAAS,KAAK;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,QACA,kBAAkBA,MAAK;AACrB,UAAAA,KAAI,mBAAmB,EAAE,OAAOA,KAAI,MAAM,CAAC;AAAA,QAC7C;AAAA,QACA,qBAAqBA,MAAK,KAAK;AAC7B,gBAAM,aAAa,IAAI,kBAAkBA,MAAK,IAAI,KAAK;AACvD,cAAI,cAAc;AAAM;AAExB,gBAAM,eAAe,gBAAgBA,MAAK,UAAU;AACpD,cAAI,aAAaA,MAAK,YAAY;AAAA,QACpC;AAAA,QACA,gBAAgBA,MAAK,KAAK;AACxB,cAAI,aAAaA,MAAK,IAAI,KAAK;AAAA,QACjC;AAAA,QACA,kBAAkBA,MAAK;AACrB,cAAI,aAAaA,MAAK,EAAE;AAAA,QAC1B;AAAA,QACA,gBAAgBA,MAAK,KAAK;AACxB,gBAAM,eAAe,IAAI,kBAAkBA,MAAK,IAAI,KAAK;AACzD,cAAI,gBAAgB;AAAM;AAE1B,gBAAM,QAAQ,eAAeA,MAAK,cAAcA,KAAI,YAAY;AAChE,cAAI,aAAaA,MAAKA,KAAI,cAAc,KAAK;AAAA,QAC/C;AAAA,QACA,iBAAiBA,MAAK;AACpB,cAAI,MAAM;AACR,kBAAM,UAAU,IAAI,WAAWA,MAAKA,KAAI,YAAY;AACpD,qBAAS,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,UACxC,CAAC;AAAA,QACH;AAAA,QACA,iBAAiBA,MAAK,KAAK;AACzB,gBAAM,QAAQ,UAAUA,MAAK,IAAI,OAAO,IAAI,IAAI;AAChD,cAAI,MAAMA,MAAK,KAAK;AAAA,QACtB;AAAA,QACA,iBAAiBA,MAAK,KAAK;AACzB,gBAAM,QAAQ,UAAUA,MAAK,IAAI,OAAO,IAAI,IAAI;AAChD,cAAI,MAAMA,MAAK,KAAK;AAAA,QACtB;AAAA,QACA,oBAAoBA,MAAK;AACvB,gBAAM,EAAE,IAAI,IAAI,gBAAgBA,MAAKA,KAAI,YAAY;AACrD,cAAI,aAAaA,MAAKA,KAAI,cAAc,GAAG;AAAA,QAC7C;AAAA,QACA,oBAAoBA,MAAK;AACvB,gBAAM,EAAE,IAAI,IAAI,gBAAgBA,MAAKA,KAAI,YAAY;AACrD,cAAI,aAAaA,MAAKA,KAAI,cAAc,GAAG;AAAA,QAC7C;AAAA,QACA,YAAYA,MAAK;AACf,gBAAM,QAAQ,gBAAgBA,MAAKA,KAAI,KAAK;AAC5C,cAAI,MAAMA,MAAK,KAAK;AAAA,QACtB;AAAA,QACA,gBAAgBA,MAAK,KAAK;AACxB,gBAAM,QAAQ,eAAeA,MAAK,IAAI,OAAO,IAAI,KAAK;AACtD,cAAI,aAAaA,MAAK,IAAI,OAAO,KAAK;AAAA,QACxC;AAAA,QACA,SAASA,MAAK,KAAK;AACjB,gBAAM,QAAQ,gBAAgBA,MAAK,IAAI,KAAK;AAC5C,cAAI,MAAMA,MAAK,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,SAAS;AAAA,EACb,QAAQ,CAAC,QAAwB;AAC/B,QAAI,gBAAgB;AAAA,MAClB,OAAO,MAAM,KAAK,IAAI,KAAK;AAAA,IAC7B,CAAC;AACD,QAAI,oBAAoB,GAAG;AAAA,EAC7B;AAAA,EACA,aAAa,CAAC,QAAwB;AACpC,QAAI,gBAAgB;AAAA,MAClB,OAAO,MAAM,KAAK,IAAI,KAAK;AAAA,MAC3B,cAAc,IAAI;AAAA,IACpB,CAAC;AAAA,EACH;AACF;AAEA,IAAM,MAAM;AAAA,EACV,cAAc,CAAC,KAAqB,OAAe,UAAkB;AACnE,QAAI,QAAQ,IAAI,MAAM,KAAK,GAAG,KAAK;AAAG;AACtC,QAAI,MAAM,KAAK,IAAI;AACnB,WAAO,OAAO,GAAG;AAAA,EACnB;AAAA,EACA,OAAO,CAAC,KAAqB,UAAoB;AAC/C,QAAI,QAAQ,IAAI,OAAO,KAAK;AAAG;AAC/B,gBAAY,IAAI,OAAO,KAAK;AAC5B,WAAO,OAAO,GAAG;AAAA,EACnB;AAAA,EACA,cAAc,CAAC,KAAqB,UAAkB;AACpD,QAAI,QAAQ,IAAI,cAAc,KAAK;AAAG;AACtC,QAAI,eAAe;AACnB,WAAO,YAAY,GAAG;AAAA,EACxB;AACF;;;AC9SA,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAG1B,IAAM,QAAQ,YAAgC,EAAE;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,aAAa,iBAA8C,KAAK;AAEtE,IAAM,aAAa,YAAwB,EAAE,CAAC,SAAS,MAAM,CAAC;AAC9D,IAAM,kBAAkB,iBAA6B,UAAU;","names":["getPercentValue","getValuePercent","getValue","getValuePercent","getPercentValue","props","getValuePercent","ctx","getValuePercent"]}
+{"version":3,"sources":["../src/slider.anatomy.ts","../src/slider.connect.ts","../src/slider.dom.ts","../src/slider.style.ts","../src/slider.utils.ts","../src/slider.machine.ts","../src/slider.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"slider\").parts(\n  \"root\",\n  \"label\",\n  \"thumb\",\n  \"valueText\",\n  \"track\",\n  \"range\",\n  \"control\",\n  \"markerGroup\",\n  \"marker\",\n)\n\nexport const parts = anatomy.build()\n","import {\n  getEventKey,\n  getEventPoint,\n  getEventStep,\n  getNativeEvent,\n  isLeftClick,\n  isModifierKey,\n  type EventKeyMap,\n} from \"@zag-js/dom-event\"\nimport { ariaAttr, dataAttr } from \"@zag-js/dom-query\"\nimport { getPercentValue, getValuePercent } from \"@zag-js/numeric-range\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./slider.anatomy\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineApi, Send, State } from \"./slider.types\"\nimport { getRangeAtIndex } from \"./slider.utils\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const ariaLabel = state.context[\"aria-label\"]\n  const ariaLabelledBy = state.context[\"aria-labelledby\"]\n  const sliderValue = state.context.value\n\n  const focused = state.matches(\"focus\")\n  const dragging = state.matches(\"dragging\")\n\n  const disabled = state.context.isDisabled\n  const invalid = state.context.invalid\n  const interactive = state.context.isInteractive\n\n  const isHorizontal = state.context.orientation === \"horizontal\"\n  const isVertical = state.context.orientation === \"vertical\"\n\n  function getValuePercentFn(value: number) {\n    return getValuePercent(value, state.context.min, state.context.max)\n  }\n\n  function getPercentValueFn(percent: number) {\n    return getPercentValue(percent, state.context.min, state.context.max, state.context.step)\n  }\n\n  return {\n    value: state.context.value,\n    dragging,\n    focused,\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value: value })\n    },\n    getThumbValue(index) {\n      return sliderValue[index]\n    },\n    setThumbValue(index, value) {\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getValuePercent: getValuePercentFn,\n    getPercentValue: getPercentValueFn,\n    getThumbPercent(index) {\n      return getValuePercentFn(sliderValue[index])\n    },\n    setThumbPercent(index, percent) {\n      const value = getPercentValueFn(percent)\n      send({ type: \"SET_VALUE\", index, value })\n    },\n    getThumbMin(index) {\n      return getRangeAtIndex(state.context, index).min\n    },\n    getThumbMax(index) {\n      return getRangeAtIndex(state.context, index).max\n    },\n    increment(index) {\n      send({ type: \"INCREMENT\", index })\n    },\n    decrement(index) {\n      send({ type: \"DECREMENT\", index })\n    },\n    focus() {\n      if (!interactive) return\n      send({ type: \"FOCUS\", index: 0 })\n    },\n\n    labelProps: normalize.label({\n      ...parts.label.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getLabelId(state.context),\n      htmlFor: dom.getHiddenInputId(state.context, 0),\n      onClick(event) {\n        if (!interactive) return\n        event.preventDefault()\n        dom.getFirstEl(state.context)?.focus()\n      },\n      style: {\n        userSelect: \"none\",\n      },\n    }),\n\n    rootProps: normalize.element({\n      ...parts.root.attrs,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getRootId(state.context),\n      dir: state.context.dir,\n      style: dom.getRootStyle(state.context),\n    }),\n\n    valueTextProps: normalize.element({\n      ...parts.valueText.attrs,\n      dir: state.context.dir,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      id: dom.getValueTextId(state.context),\n    }),\n\n    trackProps: normalize.element({\n      ...parts.track.attrs,\n      dir: state.context.dir,\n      id: dom.getTrackId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-orientation\": state.context.orientation,\n      \"data-focus\": dataAttr(focused),\n      style: { position: \"relative\" },\n    }),\n\n    getThumbProps(props) {\n      const { index = 0, name } = props\n\n      const value = sliderValue[index]\n      const range = getRangeAtIndex(state.context, index)\n      const valueText = state.context.getAriaValueText?.({ value, index })\n      const _ariaLabel = Array.isArray(ariaLabel) ? ariaLabel[index] : ariaLabel\n      const _ariaLabelledBy = Array.isArray(ariaLabelledBy) ? ariaLabelledBy[index] : ariaLabelledBy\n\n      return normalize.element({\n        ...parts.thumb.attrs,\n        dir: state.context.dir,\n        \"data-index\": index,\n        \"data-name\": name,\n        id: dom.getThumbId(state.context, index),\n        \"data-disabled\": dataAttr(disabled),\n        \"data-orientation\": state.context.orientation,\n        \"data-focus\": dataAttr(focused && state.context.focusedIndex === index),\n        draggable: false,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-label\": _ariaLabel,\n        \"aria-labelledby\": _ariaLabelledBy ?? dom.getLabelId(state.context),\n        \"aria-orientation\": state.context.orientation,\n        \"aria-valuemax\": range.max,\n        \"aria-valuemin\": range.min,\n        \"aria-valuenow\": sliderValue[index],\n        \"aria-valuetext\": valueText,\n        role: \"slider\",\n        tabIndex: disabled ? undefined : 0,\n        style: dom.getThumbStyle(state.context, index),\n        onPointerDown(event) {\n          if (!interactive) return\n          send({ type: \"THUMB_POINTER_DOWN\", index })\n          event.stopPropagation()\n        },\n        onBlur() {\n          if (!interactive) return\n          send(\"BLUR\")\n        },\n        onFocus() {\n          if (!interactive) return\n          send({ type: \"FOCUS\", index })\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return\n          if (!interactive) return\n\n          const step = getEventStep(event) * state.context.step\n\n          const keyMap: EventKeyMap = {\n            ArrowUp() {\n              if (isHorizontal) return\n              send({ type: \"ARROW_INC\", step, src: \"ArrowUp\" })\n            },\n            ArrowDown() {\n              if (isHorizontal) return\n              send({ type: \"ARROW_DEC\", step, src: \"ArrowDown\" })\n            },\n            ArrowLeft() {\n              if (isVertical) return\n              send({ type: \"ARROW_DEC\", step, src: \"ArrowLeft\" })\n            },\n            ArrowRight() {\n              if (isVertical) return\n              send({ type: \"ARROW_INC\", step, src: \"ArrowRight\" })\n            },\n            PageUp() {\n              send({ type: \"ARROW_INC\", step, src: \"PageUp\" })\n            },\n            PageDown() {\n              send({ type: \"ARROW_DEC\", step, src: \"PageDown\" })\n            },\n            Home() {\n              send(\"HOME\")\n            },\n            End() {\n              send(\"END\")\n            },\n          }\n\n          const key = getEventKey(event, state.context)\n          const exec = keyMap[key]\n\n          if (exec) {\n            exec(event)\n            event.preventDefault()\n            event.stopPropagation()\n          }\n        },\n      })\n    },\n\n    getHiddenInputProps(props) {\n      const { index = 0, name } = props\n      return normalize.input({\n        name:\n          name ?? (state.context.name ? state.context.name + (state.context.value.length > 1 ? \"[]\" : \"\") : undefined),\n        form: state.context.form,\n        type: \"text\",\n        hidden: true,\n        defaultValue: state.context.value[index],\n        id: dom.getHiddenInputId(state.context, index),\n      })\n    },\n\n    rangeProps: normalize.element({\n      id: dom.getRangeId(state.context),\n      ...parts.range.attrs,\n      dir: state.context.dir,\n      \"data-focus\": dataAttr(focused),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      style: dom.getRangeStyle(state.context),\n    }),\n\n    controlProps: normalize.element({\n      ...parts.control.attrs,\n      dir: state.context.dir,\n      id: dom.getControlId(state.context),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": state.context.orientation,\n      \"data-invalid\": dataAttr(invalid),\n      \"data-focus\": dataAttr(focused),\n      style: dom.getControlStyle(),\n      onPointerDown(event) {\n        if (!interactive) return\n\n        const evt = getNativeEvent(event)\n        if (!isLeftClick(evt) || isModifierKey(evt)) return\n\n        const point = getEventPoint(evt)\n        send({ type: \"POINTER_DOWN\", point })\n\n        event.preventDefault()\n        event.stopPropagation()\n      },\n    }),\n\n    markerGroupProps: normalize.element({\n      ...parts.markerGroup.attrs,\n      role: \"presentation\",\n      dir: state.context.dir,\n      \"aria-hidden\": true,\n      \"data-orientation\": state.context.orientation,\n      style: dom.getMarkerGroupStyle(),\n    }),\n\n    getMarkerProps(props) {\n      const style = dom.getMarkerStyle(state.context, props.value)\n      let markerState: \"over-value\" | \"under-value\" | \"at-value\"\n\n      const first = state.context.value[0]\n      const last = state.context.value[state.context.value.length - 1]\n\n      if (props.value < first) {\n        markerState = \"under-value\"\n      } else if (props.value > last) {\n        markerState = \"over-value\"\n      } else {\n        markerState = \"at-value\"\n      }\n\n      return normalize.element({\n        ...parts.marker.attrs,\n        id: dom.getMarkerId(state.context, props.value),\n        role: \"presentation\",\n        dir: state.context.dir,\n        \"data-orientation\": state.context.orientation,\n        \"data-value\": props.value,\n        \"data-disabled\": dataAttr(disabled),\n        \"data-state\": markerState,\n        style,\n      })\n    },\n  }\n}\n","import { getRelativePoint, type Point } from \"@zag-js/dom-event\"\nimport { createScope, queryAll } from \"@zag-js/dom-query\"\nimport { dispatchInputValueEvent } from \"@zag-js/form-utils\"\nimport { getPercentValue } from \"@zag-js/numeric-range\"\nimport { styleGetterFns } from \"./slider.style\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport const dom = createScope({\n  ...styleGetterFns,\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,\n  getThumbId: (ctx: Ctx, index: number) => ctx.ids?.thumb?.(index) ?? `slider:${ctx.id}:thumb:${index}`,\n  getHiddenInputId: (ctx: Ctx, index: number) => `slider:${ctx.id}:input:${index}`,\n  getControlId: (ctx: Ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,\n  getTrackId: (ctx: Ctx) => ctx.ids?.track ?? `slider:${ctx.id}:track`,\n  getRangeId: (ctx: Ctx) => ctx.ids?.range ?? `slider:${ctx.id}:range`,\n  getLabelId: (ctx: Ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,\n  getValueTextId: (ctx: Ctx) => ctx.ids?.valueText ?? `slider:${ctx.id}:valueText`,\n  getMarkerId: (ctx: Ctx, value: number) => ctx.ids?.marker?.(value) ?? `slider:${ctx.id}:marker:${value}`,\n\n  getRootEl: (ctx: Ctx) => dom.getById(ctx, dom.getRootId(ctx)),\n  getThumbEl: (ctx: Ctx, index: number) => dom.getById(ctx, dom.getThumbId(ctx, index)),\n  getHiddenInputEl: (ctx: Ctx, index: number) => dom.getById<HTMLInputElement>(ctx, dom.getHiddenInputId(ctx, index)),\n  getControlEl: (ctx: Ctx) => dom.getById(ctx, dom.getControlId(ctx)),\n  getElements: (ctx: Ctx) => queryAll(dom.getControlEl(ctx), \"[role=slider]\"),\n  getFirstEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n  getRangeEl: (ctx: Ctx) => dom.getById(ctx, dom.getRangeId(ctx)),\n\n  getValueFromPoint(ctx: Ctx, point: Point) {\n    const controlEl = dom.getControlEl(ctx)\n    if (!controlEl) return\n    const relativePoint = getRelativePoint(point, controlEl)\n    const percent = relativePoint.getPercentValue({\n      orientation: ctx.orientation,\n      dir: ctx.dir,\n      inverted: { y: true },\n    })\n    return getPercentValue(percent, ctx.min, ctx.max, ctx.step)\n  },\n  dispatchChangeEvent(ctx: Ctx) {\n    const valueArray = Array.from(ctx.value)\n    valueArray.forEach((value, index) => {\n      const inputEl = dom.getHiddenInputEl(ctx, index)\n      if (!inputEl) return\n      dispatchInputValueEvent(inputEl, { value })\n    })\n  },\n})\n","import { getValuePercent, getValueTransformer } from \"@zag-js/numeric-range\"\nimport type { Style } from \"@zag-js/types\"\nimport type { MachineContext as Ctx, SharedContext } from \"./slider.types\"\n\n/* -----------------------------------------------------------------------------\n * Range style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getBounds<T>(value: T[]): [T, T] {\n  const firstValue = value[0]\n  const lastThumb = value[value.length - 1]\n  return [firstValue, lastThumb]\n}\n\nexport function getRangeOffsets(ctx: Ctx) {\n  const [firstPercent, lastPercent] = getBounds(ctx.valuePercent)\n\n  if (ctx.valuePercent.length === 1) {\n    if (ctx.origin === \"center\") {\n      const isNegative = ctx.valuePercent[0] < 50\n      const start = isNegative ? `${ctx.valuePercent[0]}%` : \"50%\"\n      const end = isNegative ? \"50%\" : `${100 - ctx.valuePercent[0]}%`\n\n      return { start, end }\n    }\n\n    return { start: \"0%\", end: `${100 - lastPercent}%` }\n  }\n\n  return { start: `${firstPercent}%`, end: `${100 - lastPercent}%` }\n}\n\nfunction getRangeStyle(ctx: Pick<SharedContext, \"isVertical\" | \"isRtl\">): Style {\n  if (ctx.isVertical) {\n    return {\n      position: \"absolute\",\n      bottom: \"var(--slider-range-start)\",\n      top: \"var(--slider-range-end)\",\n    }\n  }\n\n  return {\n    position: \"absolute\",\n    [ctx.isRtl ? \"right\" : \"left\"]: \"var(--slider-range-start)\",\n    [ctx.isRtl ? \"left\" : \"right\"]: \"var(--slider-range-end)\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Thumb style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getVerticalThumbOffset(ctx: SharedContext) {\n  const { height = 0 } = ctx.thumbSize ?? {}\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-height / 2, height / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getHorizontalThumbOffset(ctx: SharedContext) {\n  const { width = 0 } = ctx.thumbSize ?? {}\n\n  if (ctx.isRtl) {\n    const getValue = getValueTransformer([ctx.max, ctx.min], [-width / 2, width / 2])\n    return -1 * parseFloat(getValue(ctx.value).toFixed(2))\n  }\n\n  const getValue = getValueTransformer([ctx.min, ctx.max], [-width / 2, width / 2])\n  return parseFloat(getValue(ctx.value).toFixed(2))\n}\n\nfunction getOffset(ctx: SharedContext, percent: number) {\n  if (ctx.thumbAlignment === \"center\") return `${percent}%`\n  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx)\n  return `calc(${percent}% - ${offset}px)`\n}\n\nfunction getThumbOffset(ctx: SharedContext) {\n  let percent = getValuePercent(ctx.value, ctx.min, ctx.max) * 100\n  return getOffset(ctx, percent)\n}\n\nfunction getVisibility(ctx: Ctx) {\n  let visibility: \"visible\" | \"hidden\" = \"visible\"\n  if (ctx.thumbAlignment === \"contain\" && !ctx.hasMeasuredThumbSize) {\n    visibility = \"hidden\"\n  }\n  return visibility\n}\n\nfunction getThumbStyle(ctx: Ctx, index: number): Style {\n  const placementProp = ctx.isVertical ? \"bottom\" : \"insetInlineStart\"\n  return {\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    transform: \"var(--slider-thumb-transform)\",\n    [placementProp]: `var(--slider-thumb-offset-${index})`,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Control style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getControlStyle(): Style {\n  return {\n    touchAction: \"none\",\n    userSelect: \"none\",\n    position: \"relative\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Root style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getRootStyle(ctx: Ctx): Style {\n  const range = getRangeOffsets(ctx)\n\n  const offsetStyles = ctx.value.reduce<Style>((styles, value, index) => {\n    const offset = getThumbOffset({ ...ctx, value })\n    return { ...styles, [`--slider-thumb-offset-${index}`]: offset }\n  }, {})\n\n  return {\n    ...offsetStyles,\n    \"--slider-thumb-transform\": ctx.isVertical ? \"translateY(50%)\" : ctx.isRtl ? \"translateX(50%)\" : \"translateX(-50%)\",\n    \"--slider-range-start\": range.start,\n    \"--slider-range-end\": range.end,\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Marker style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerStyle(\n  ctx: Pick<SharedContext, \"isHorizontal\" | \"isRtl\" | \"thumbAlignment\" | \"hasMeasuredThumbSize\">,\n  value: number,\n): Style {\n  return {\n    // @ts-expect-error\n    visibility: getVisibility(ctx),\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    // @ts-expect-error\n    [ctx.isHorizontal ? \"insetInlineStart\" : \"bottom\"]: getThumbOffset({ ...ctx, value }),\n    translate: \"var(--tx) var(--ty)\",\n    \"--tx\": ctx.isHorizontal ? (ctx.isRtl ? \"50%\" : \"-50%\") : \"0%\",\n    \"--ty\": !ctx.isHorizontal ? \"50%\" : \"0%\",\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Label style calculations\n * -----------------------------------------------------------------------------*/\n\nfunction getMarkerGroupStyle(): Style {\n  return {\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    position: \"relative\",\n  }\n}\n\nexport const styleGetterFns = {\n  getRootStyle,\n  getControlStyle,\n  getThumbStyle,\n  getRangeStyle,\n  getMarkerStyle,\n  getMarkerGroupStyle,\n}\n","import {\n  clampValue,\n  getClosestValueIndex,\n  getNextStepValue,\n  getPreviousStepValue,\n  getValueRanges,\n  snapValueToStep,\n} from \"@zag-js/numeric-range\"\nimport type { MachineContext as Ctx } from \"./slider.types\"\n\nexport function normalizeValues(ctx: Ctx, nextValues: number[]) {\n  return nextValues.map((value, index, values) => {\n    return constrainValue({ ...ctx, value: values }, value, index)\n  })\n}\n\nexport function clampPercent(percent: number) {\n  return clampValue(percent, 0, 1)\n}\n\nexport function getRangeAtIndex(ctx: Ctx, index: number) {\n  return getValueRanges(ctx.value, ctx.min, ctx.max, ctx.minStepsBetweenThumbs)[index]\n}\n\nexport function constrainValue(ctx: Ctx, value: number, index: number) {\n  const range = getRangeAtIndex(ctx, index)\n  const snapValue = snapValueToStep(value, ctx.min, ctx.max, ctx.step)\n  return clampValue(snapValue, range.min, range.max)\n}\n\nexport function decrement(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getPreviousStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function increment(ctx: Ctx, index?: number, step?: number) {\n  const idx = index ?? ctx.focusedIndex\n  const range = getRangeAtIndex(ctx, idx)\n  const nextValues = getNextStepValue(idx, {\n    ...range,\n    step: step ?? ctx.step,\n    values: ctx.value,\n  })\n  nextValues[idx] = clampValue(nextValues[idx], range.min, range.max)\n  return nextValues\n}\n\nexport function getClosestIndex(ctx: Ctx, pointValue: number) {\n  return getClosestValueIndex(ctx.value, pointValue)\n}\n\nexport function assignArray(current: number[], next: number[]) {\n  for (let i = 0; i < next.length; i++) {\n    const value = next[i]\n    current[i] = value\n  }\n}\n","import { createMachine } from \"@zag-js/core\"\nimport { trackPointerMove } from \"@zag-js/dom-event\"\nimport { raf } from \"@zag-js/dom-query\"\nimport { trackElementsSize, type ElementSize } from \"@zag-js/element-size\"\nimport { trackFormControl } from \"@zag-js/form-utils\"\nimport { getValuePercent } from \"@zag-js/numeric-range\"\nimport { compact, isEqual } from \"@zag-js/utils\"\nimport { dom } from \"./slider.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./slider.types\"\nimport {\n  assignArray,\n  constrainValue,\n  decrement,\n  getClosestIndex,\n  getRangeAtIndex,\n  increment,\n  normalizeValues,\n} from \"./slider.utils\"\n\nconst isEqualSize = (a: ElementSize | null, b: ElementSize | null) => {\n  return a?.width === b?.width && a?.height === b?.height\n}\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"slider\",\n      initial: \"idle\",\n\n      context: {\n        thumbSize: null,\n        thumbAlignment: \"contain\",\n        min: 0,\n        max: 100,\n        step: 1,\n        value: [0],\n        origin: \"start\",\n        orientation: \"horizontal\",\n        dir: \"ltr\",\n        minStepsBetweenThumbs: 0,\n        disabled: false,\n        ...ctx,\n        focusedIndex: -1,\n        fieldsetDisabled: false,\n      },\n\n      computed: {\n        isHorizontal: (ctx) => ctx.orientation === \"horizontal\",\n        isVertical: (ctx) => ctx.orientation === \"vertical\",\n        isRtl: (ctx) => ctx.orientation === \"horizontal\" && ctx.dir === \"rtl\",\n        isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,\n        isInteractive: (ctx) => !(ctx.readOnly || ctx.isDisabled),\n        hasMeasuredThumbSize: (ctx) => ctx.thumbSize != null,\n        valuePercent(ctx) {\n          return ctx.value.map((value) => 100 * getValuePercent(value, ctx.min, ctx.max))\n        },\n      },\n\n      watch: {\n        value: [\"syncInputElements\"],\n      },\n\n      entry: [\"coarseValue\"],\n\n      activities: [\"trackFormControlState\", \"trackThumbsSize\"],\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        INCREMENT: {\n          actions: \"incrementThumbAtIndex\",\n        },\n        DECREMENT: {\n          actions: \"decrementThumbAtIndex\",\n        },\n      },\n\n      states: {\n        idle: {\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            FOCUS: {\n              target: \"focus\",\n              actions: \"setFocusedIndex\",\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n          },\n        },\n        focus: {\n          entry: \"focusActiveThumb\",\n          on: {\n            POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setClosestThumbIndex\", \"setPointerValue\", \"focusActiveThumb\"],\n            },\n            THUMB_POINTER_DOWN: {\n              target: \"dragging\",\n              actions: [\"setFocusedIndex\", \"focusActiveThumb\"],\n            },\n            ARROW_DEC: {\n              actions: [\"decrementThumbAtIndex\", \"invokeOnChangeEnd\"],\n            },\n            ARROW_INC: {\n              actions: [\"incrementThumbAtIndex\", \"invokeOnChangeEnd\"],\n            },\n            HOME: {\n              actions: [\"setFocusedThumbToMin\", \"invokeOnChangeEnd\"],\n            },\n            END: {\n              actions: [\"setFocusedThumbToMax\", \"invokeOnChangeEnd\"],\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n          },\n        },\n        dragging: {\n          entry: \"focusActiveThumb\",\n          activities: \"trackPointerMove\",\n          on: {\n            POINTER_UP: {\n              target: \"focus\",\n              actions: \"invokeOnChangeEnd\",\n            },\n            POINTER_MOVE: {\n              actions: \"setPointerValue\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        hasIndex: (_ctx, evt) => evt.index != null,\n      },\n      activities: {\n        trackFormControlState(ctx, _evt, { initialContext }) {\n          return trackFormControl(dom.getRootEl(ctx), {\n            onFieldsetDisabledChange(disabled) {\n              ctx.fieldsetDisabled = disabled\n            },\n            onFormReset() {\n              set.value(ctx, initialContext.value)\n            },\n          })\n        },\n\n        trackPointerMove(ctx, _evt, { send }) {\n          return trackPointerMove(dom.getDoc(ctx), {\n            onPointerMove(info) {\n              send({ type: \"POINTER_MOVE\", point: info.point })\n            },\n            onPointerUp() {\n              send(\"POINTER_UP\")\n            },\n          })\n        },\n        trackThumbsSize(ctx) {\n          if (ctx.thumbAlignment !== \"contain\" || ctx.thumbSize) return\n\n          return trackElementsSize({\n            getNodes: () => dom.getElements(ctx),\n            observeMutation: true,\n            callback(size) {\n              if (!size || isEqualSize(ctx.thumbSize, size)) return\n              ctx.thumbSize = size\n            },\n          })\n        },\n      },\n      actions: {\n        syncInputElements(ctx) {\n          ctx.value.forEach((value, index) => {\n            const inputEl = dom.getHiddenInputEl(ctx, index)\n            dom.setValue(inputEl, value)\n          })\n        },\n        invokeOnChangeEnd(ctx) {\n          ctx.onValueChangeEnd?.({ value: ctx.value })\n        },\n        setClosestThumbIndex(ctx, evt) {\n          const pointValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointValue == null) return\n\n          const focusedIndex = getClosestIndex(ctx, pointValue)\n          set.focusedIndex(ctx, focusedIndex)\n        },\n        setFocusedIndex(ctx, evt) {\n          set.focusedIndex(ctx, evt.index)\n        },\n        clearFocusedIndex(ctx) {\n          set.focusedIndex(ctx, -1)\n        },\n        setPointerValue(ctx, evt) {\n          const pointerValue = dom.getValueFromPoint(ctx, evt.point)\n          if (pointerValue == null) return\n\n          const value = constrainValue(ctx, pointerValue, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, value)\n        },\n        focusActiveThumb(ctx) {\n          raf(() => {\n            const thumbEl = dom.getThumbEl(ctx, ctx.focusedIndex)\n            thumbEl?.focus({ preventScroll: true })\n          })\n        },\n        decrementThumbAtIndex(ctx, evt) {\n          const value = decrement(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        incrementThumbAtIndex(ctx, evt) {\n          const value = increment(ctx, evt.index, evt.step)\n          set.value(ctx, value)\n        },\n        setFocusedThumbToMin(ctx) {\n          const { min } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, min)\n        },\n        setFocusedThumbToMax(ctx) {\n          const { max } = getRangeAtIndex(ctx, ctx.focusedIndex)\n          set.valueAtIndex(ctx, ctx.focusedIndex, max)\n        },\n        coarseValue(ctx) {\n          const value = normalizeValues(ctx, ctx.value)\n          set.value(ctx, value)\n        },\n        setValueAtIndex(ctx, evt) {\n          const value = constrainValue(ctx, evt.value, evt.index)\n          set.valueAtIndex(ctx, evt.index, value)\n        },\n        setValue(ctx, evt) {\n          const value = normalizeValues(ctx, evt.value)\n          set.value(ctx, value)\n        },\n      },\n    },\n  )\n}\n\nconst invoke = {\n  change: (ctx: MachineContext) => {\n    ctx.onValueChange?.({\n      value: Array.from(ctx.value),\n    })\n    dom.dispatchChangeEvent(ctx)\n  },\n  focusChange: (ctx: MachineContext) => {\n    ctx.onFocusChange?.({\n      value: Array.from(ctx.value),\n      focusedIndex: ctx.focusedIndex,\n    })\n  },\n}\n\nconst set = {\n  valueAtIndex: (ctx: MachineContext, index: number, value: number) => {\n    if (isEqual(ctx.value[index], value)) return\n    ctx.value[index] = value\n    invoke.change(ctx)\n  },\n  value: (ctx: MachineContext, value: number[]) => {\n    if (isEqual(ctx.value, value)) return\n    assignArray(ctx.value, value)\n    invoke.change(ctx)\n  },\n  focusedIndex: (ctx: MachineContext, index: number) => {\n    if (isEqual(ctx.focusedIndex, index)) return\n    ctx.focusedIndex = index\n    invoke.focusChange(ctx)\n  },\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { ThumbProps, UserDefinedContext } from \"./slider.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getAriaValueText\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"max\",\n  \"min\",\n  \"minStepsBetweenThumbs\",\n  \"name\",\n  \"onFocusChange\",\n  \"onValueChange\",\n  \"onValueChangeEnd\",\n  \"orientation\",\n  \"origin\",\n  \"readOnly\",\n  \"step\",\n  \"thumbAlignment\",\n  \"thumbAlignment\",\n  \"thumbSize\",\n  \"value\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n\nexport const thumbProps = createProps<ThumbProps>()([\"index\", \"name\"])\nexport const splitThumbProps = createSplitProps<ThumbProps>(thumbProps)\n"],"mappings":"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","names":["getPercentValue","getValuePercent","getValue","getValuePercent","getPercentValue","props","getValuePercent","ctx","getValuePercent"]}

package/package.json

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

package/src/index.ts

@@ -10,4 +10,5 @@ export type {
   MarkerProps,
   ThumbProps,
   ValueChangeDetails,
+  ValueTextDetails,
 } from "./slider.types"

package/src/slider.connect.ts

@@ -27,6 +27,9 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
   const invalid = state.context.invalid
   const interactive = state.context.isInteractive
 
+  const isHorizontal = state.context.orientation === "horizontal"
+  const isVertical = state.context.orientation === "vertical"
+
   function getValuePercentFn(value: number) {
     return getValuePercent(value, state.context.min, state.context.max)
   }
@@ -173,30 +176,29 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
           if (!interactive) return
 
           const step = getEventStep(event) * state.context.step
-          let prevent = true
 
           const keyMap: EventKeyMap = {
             ArrowUp() {
-              send({ type: "ARROW_UP", step })
-              prevent = state.context.isVertical
+              if (isHorizontal) return
+              send({ type: "ARROW_INC", step, src: "ArrowUp" })
             },
             ArrowDown() {
-              send({ type: "ARROW_DOWN", step })
-              prevent = state.context.isVertical
+              if (isHorizontal) return
+              send({ type: "ARROW_DEC", step, src: "ArrowDown" })
             },
             ArrowLeft() {
-              send({ type: "ARROW_LEFT", step })
-              prevent = state.context.isHorizontal
+              if (isVertical) return
+              send({ type: "ARROW_DEC", step, src: "ArrowLeft" })
             },
             ArrowRight() {
-              send({ type: "ARROW_RIGHT", step })
-              prevent = state.context.isHorizontal
+              if (isVertical) return
+              send({ type: "ARROW_INC", step, src: "ArrowRight" })
             },
             PageUp() {
-              send({ type: "PAGE_UP", step })
+              send({ type: "ARROW_INC", step, src: "PageUp" })
             },
             PageDown() {
-              send({ type: "PAGE_DOWN", step })
+              send({ type: "ARROW_DEC", step, src: "PageDown" })
             },
             Home() {
               send("HOME")
@@ -209,10 +211,8 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
           const key = getEventKey(event, state.context)
           const exec = keyMap[key]
 
-          if (!exec) return
-          exec(event)
-
-          if (prevent) {
+          if (exec) {
+            exec(event)
             event.preventDefault()
             event.stopPropagation()
           }

package/src/slider.machine.ts

@@ -31,7 +31,6 @@ export function machine(userContext: UserDefinedContext) {
       context: {
         thumbSize: null,
         thumbAlignment: "contain",
-        focusedIndex: -1,
         min: 0,
         max: 100,
         step: 1,
@@ -42,6 +41,7 @@ export function machine(userContext: UserDefinedContext) {
         minStepsBetweenThumbs: 0,
         disabled: false,
         ...ctx,
+        focusedIndex: -1,
         fieldsetDisabled: false,
       },
 
@@ -51,7 +51,6 @@ export function machine(userContext: UserDefinedContext) {
         isRtl: (ctx) => ctx.orientation === "horizontal" && ctx.dir === "rtl",
         isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled,
         isInteractive: (ctx) => !(ctx.readOnly || ctx.isDisabled),
-        spacing: (ctx) => ctx.minStepsBetweenThumbs * ctx.step,
         hasMeasuredThumbSize: (ctx) => ctx.thumbSize != null,
         valuePercent(ctx) {
           return ctx.value.map((value) => 100 * getValuePercent(value, ctx.min, ctx.max))
@@ -75,10 +74,10 @@ export function machine(userContext: UserDefinedContext) {
           { actions: "setValue" },
         ],
         INCREMENT: {
-          actions: "incrementAtIndex",
+          actions: "incrementThumbAtIndex",
         },
         DECREMENT: {
-          actions: "decrementAtIndex",
+          actions: "decrementThumbAtIndex",
         },
       },
 
@@ -110,33 +109,17 @@ export function machine(userContext: UserDefinedContext) {
               target: "dragging",
               actions: ["setFocusedIndex", "focusActiveThumb"],
             },
-            ARROW_LEFT: {
-              guard: "isHorizontal",
-              actions: "decrementAtIndex",
-            },
-            ARROW_RIGHT: {
-              guard: "isHorizontal",
-              actions: "incrementAtIndex",
-            },
-            ARROW_UP: {
-              guard: "isVertical",
-              actions: "incrementAtIndex",
-            },
-            ARROW_DOWN: {
-              guard: "isVertical",
-              actions: "decrementAtIndex",
-            },
-            PAGE_UP: {
-              actions: "incrementAtIndex",
+            ARROW_DEC: {
+              actions: ["decrementThumbAtIndex", "invokeOnChangeEnd"],
             },
-            PAGE_DOWN: {
-              actions: "decrementAtIndex",
+            ARROW_INC: {
+              actions: ["incrementThumbAtIndex", "invokeOnChangeEnd"],
             },
             HOME: {
-              actions: "setActiveThumbToMin",
+              actions: ["setFocusedThumbToMin", "invokeOnChangeEnd"],
             },
             END: {
-              actions: "setActiveThumbToMax",
+              actions: ["setFocusedThumbToMax", "invokeOnChangeEnd"],
             },
             BLUR: {
               target: "idle",
@@ -161,8 +144,6 @@ export function machine(userContext: UserDefinedContext) {
     },
     {
       guards: {
-        isHorizontal: (ctx) => ctx.isHorizontal,
-        isVertical: (ctx) => ctx.isVertical,
         hasIndex: (_ctx, evt) => evt.index != null,
       },
       activities: {
@@ -236,19 +217,19 @@ export function machine(userContext: UserDefinedContext) {
             thumbEl?.focus({ preventScroll: true })
           })
         },
-        decrementAtIndex(ctx, evt) {
+        decrementThumbAtIndex(ctx, evt) {
           const value = decrement(ctx, evt.index, evt.step)
           set.value(ctx, value)
         },
-        incrementAtIndex(ctx, evt) {
+        incrementThumbAtIndex(ctx, evt) {
           const value = increment(ctx, evt.index, evt.step)
           set.value(ctx, value)
         },
-        setActiveThumbToMin(ctx) {
+        setFocusedThumbToMin(ctx) {
           const { min } = getRangeAtIndex(ctx, ctx.focusedIndex)
           set.valueAtIndex(ctx, ctx.focusedIndex, min)
         },
-        setActiveThumbToMax(ctx) {
+        setFocusedThumbToMax(ctx) {
           const { max } = getRangeAtIndex(ctx, ctx.focusedIndex)
           set.valueAtIndex(ctx, ctx.focusedIndex, max)
         },

package/src/slider.types.ts

@@ -89,33 +89,43 @@ interface PublicContext extends DirectionProperty, CommonProperties {
   getAriaValueText?(details: ValueTextDetails): string
   /**
    * The minimum value of the slider
+   * @default 0
    */
   min: number
   /**
    * The maximum value of the slider
+   * @default 100
    */
   max: number
   /**
    * The step value of the slider
+   * @default 1
    */
   step: number
   /**
    * The minimum permitted steps between multiple thumbs.
+   * @default 0
    */
   minStepsBetweenThumbs: number
   /**
    * The orientation of the slider
+   * @default "horizontal"
    */
   orientation: "vertical" | "horizontal"
   /**
+   * The origin of the slider range
    * - "start": Useful when the value represents an absolute value
    * - "center": Useful when the value represents an offset (relative)
+   *
+   * @default "start"
    */
   origin?: "start" | "center"
   /**
    * The alignment of the slider thumb relative to the track
    * - `center`: the thumb will extend beyond the bounds of the slider track.
    * - `contain`: the thumb will be contained within the bounds of the track.
+   *
+   * @default "contain"
    */
   thumbAlignment?: "contain" | "center"
   /**
@@ -137,11 +147,6 @@ type ComputedContext = Readonly<{
    * Whether the slider is interactive
    */
   isInteractive: boolean
-  /**
-   * @computed
-   * The raw value of the space between each thumb
-   */
-  spacing: number
   /**
    * @computed
    * Whether the slider is vertical