@zag-js/slider 0.10.2 → 0.10.4

package/dist/index.d.ts

@@ -1,8 +1,5 @@
-export { anatomy } from './slider.anatomy.js';
-export { connect } from './slider.connect.js';
-export { dom as unstable__dom } from './slider.dom.js';
-export { machine } from './slider.machine.js';
-export { UserDefinedContext as Context } from './slider.types.js';
-import '@zag-js/anatomy';
-import '@zag-js/types';
-import '@zag-js/core';
+export { anatomy } from "./slider.anatomy";
+export { connect } from "./slider.connect";
+export { dom as unstable__dom } from "./slider.dom";
+export { machine } from "./slider.machine";
+export type { UserDefinedContext as Context } from "./slider.types";

package/dist/index.js

@@ -1,679 +1,15 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  anatomy: () => anatomy,
-  connect: () => connect,
-  machine: () => machine,
-  unstable__dom: () => dom
-});
-module.exports = __toCommonJS(src_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// src/slider.anatomy.ts
-var import_anatomy = require("@zag-js/anatomy");
-var anatomy = (0, import_anatomy.createAnatomy)("slider").parts(
-  "root",
-  "label",
-  "thumb",
-  "hiddenInput",
-  "output",
-  "track",
-  "range",
-  "control",
-  "markerGroup",
-  "marker"
-);
-var parts = anatomy.build();
+const slider_anatomy = require('./slider.anatomy.js');
+const slider_connect = require('./slider.connect.js');
+const slider_dom = require('./slider.dom.js');
+const slider_machine = require('./slider.machine.js');
 
-// src/slider.connect.ts
-var import_dom_event2 = require("@zag-js/dom-event");
-var import_dom_query2 = require("@zag-js/dom-query");
-var import_numeric_range3 = require("@zag-js/numeric-range");
 
-// src/slider.dom.ts
-var import_dom_event = require("@zag-js/dom-event");
-var import_dom_query = require("@zag-js/dom-query");
-var import_form_utils = require("@zag-js/form-utils");
-var import_numeric_range2 = require("@zag-js/numeric-range");
 
-// src/slider.style.ts
-var import_numeric_range = require("@zag-js/numeric-range");
-function getVerticalThumbOffset(ctx) {
-  const { height = 0 } = ctx.thumbSize ?? {};
-  const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-height / 2, height / 2]);
-  return parseFloat(getValue(ctx.value).toFixed(2));
-}
-function getHorizontalThumbOffset(ctx) {
-  const { width = 0 } = ctx.thumbSize ?? {};
-  if (ctx.isRtl) {
-    const getValue2 = (0, import_numeric_range.getValueTransformer)([ctx.max, ctx.min], [-width * 1.5, -width / 2]);
-    return -1 * parseFloat(getValue2(ctx.value).toFixed(2));
-  }
-  const getValue = (0, import_numeric_range.getValueTransformer)([ctx.min, ctx.max], [-width / 2, width / 2]);
-  return parseFloat(getValue(ctx.value).toFixed(2));
-}
-function getThumbOffset(ctx) {
-  const percent = (0, import_numeric_range.getValuePercent)(ctx.value, ctx.min, ctx.max) * 100;
-  if (ctx.thumbAlignment === "center") {
-    return `${percent}%`;
-  }
-  const offset = ctx.isVertical ? getVerticalThumbOffset(ctx) : getHorizontalThumbOffset(ctx);
-  return `calc(${percent}% - ${offset}px)`;
-}
-function getVisibility(ctx) {
-  let visibility = "visible";
-  if (ctx.thumbAlignment === "contain" && !ctx.hasMeasuredThumbSize) {
-    visibility = "hidden";
-  }
-  return visibility;
-}
-function getThumbStyle(ctx) {
-  const placementProp = ctx.isVertical ? "bottom" : ctx.isRtl ? "right" : "left";
-  return {
-    visibility: getVisibility(ctx),
-    position: "absolute",
-    transform: "var(--slider-thumb-transform)",
-    [placementProp]: "var(--slider-thumb-offset)"
-  };
-}
-function getRangeOffsets(ctx) {
-  let start = "0%";
-  let end = `${100 - ctx.valuePercent}%`;
-  if (ctx.origin === "center") {
-    const isNegative = ctx.valuePercent < 50;
-    start = isNegative ? `${ctx.valuePercent}%` : "50%";
-    end = isNegative ? "50%" : end;
-  }
-  return { start, end };
-}
-function getRangeStyle(ctx) {
-  if (ctx.isVertical) {
-    return {
-      position: "absolute",
-      bottom: "var(--slider-range-start)",
-      top: "var(--slider-range-end)"
-    };
-  }
-  return {
-    position: "absolute",
-    [ctx.isRtl ? "right" : "left"]: "var(--slider-range-start)",
-    [ctx.isRtl ? "left" : "right"]: "var(--slider-range-end)"
-  };
-}
-function getControlStyle() {
-  return {
-    touchAction: "none",
-    userSelect: "none",
-    position: "relative"
-  };
-}
-function getRootStyle(ctx) {
-  const range = getRangeOffsets(ctx);
-  return {
-    "--slider-thumb-transform": ctx.isVertical ? "translateY(50%)" : "translateX(-50%)",
-    "--slider-thumb-offset": getThumbOffset(ctx),
-    "--slider-range-start": range.start,
-    "--slider-range-end": range.end
-  };
-}
-function getMarkerStyle(ctx, percent) {
-  return {
-    position: "absolute",
-    pointerEvents: "none",
-    [ctx.isHorizontal ? "left" : "bottom"]: `${(ctx.isRtl ? 1 - percent : percent) * 100}%`
-  };
-}
-function getLabelStyle() {
-  return { userSelect: "none" };
-}
-function getTrackStyle() {
-  return { position: "relative" };
-}
-function getMarkerGroupStyle() {
-  return {
-    userSelect: "none",
-    pointerEvents: "none",
-    position: "relative"
-  };
-}
-var styles = {
-  getThumbOffset,
-  getControlStyle,
-  getThumbStyle,
-  getRangeStyle,
-  getRootStyle,
-  getMarkerStyle,
-  getLabelStyle,
-  getTrackStyle,
-  getMarkerGroupStyle
-};
-
-// src/slider.dom.ts
-var dom = (0, import_dom_query.createScope)({
-  ...styles,
-  getRootId: (ctx) => ctx.ids?.root ?? `slider:${ctx.id}`,
-  getThumbId: (ctx) => ctx.ids?.thumb ?? `slider:${ctx.id}:thumb`,
-  getControlId: (ctx) => ctx.ids?.control ?? `slider:${ctx.id}:control`,
-  getHiddenInputId: (ctx) => ctx.ids?.hiddenInput ?? `slider:${ctx.id}:input`,
-  getOutputId: (ctx) => ctx.ids?.output ?? `slider:${ctx.id}:output`,
-  getTrackId: (ctx) => ctx.ids?.track ?? `slider:${ctx.id}track`,
-  getRangeId: (ctx) => ctx.ids?.track ?? `slider:${ctx.id}:range`,
-  getLabelId: (ctx) => ctx.ids?.label ?? `slider:${ctx.id}:label`,
-  getMarkerId: (ctx, value) => `slider:${ctx.id}:marker:${value}`,
-  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
-  getThumbEl: (ctx) => dom.getById(ctx, dom.getThumbId(ctx)),
-  getControlEl: (ctx) => dom.queryById(ctx, dom.getControlId(ctx)),
-  getHiddenInputEl: (ctx) => dom.getById(ctx, dom.getHiddenInputId(ctx)),
-  getValueFromPoint(ctx, point) {
-    const relativePoint = (0, import_dom_event.getRelativePoint)(point, dom.getControlEl(ctx));
-    const percent = relativePoint.getPercentValue({
-      orientation: ctx.orientation,
-      dir: ctx.dir,
-      inverted: { y: true }
-    });
-    return (0, import_numeric_range2.getPercentValue)(percent, ctx.min, ctx.max, ctx.step);
-  },
-  dispatchChangeEvent(ctx) {
-    const input = dom.getHiddenInputEl(ctx);
-    if (!input)
-      return;
-    (0, import_form_utils.dispatchInputValueEvent)(input, { value: ctx.value });
-  }
-});
-
-// src/slider.connect.ts
-function connect(state, send, normalize) {
-  const ariaLabel = state.context["aria-label"];
-  const ariaLabelledBy = state.context["aria-labelledby"];
-  const ariaValueText = state.context.getAriaValueText?.(state.context.value);
-  const isFocused = state.matches("focus");
-  const isDragging = state.matches("dragging");
-  const isDisabled = state.context.disabled;
-  const isInteractive = state.context.isInteractive;
-  const isInvalid = state.context.invalid;
-  function getPercentValueFn(percent) {
-    return (0, import_numeric_range3.getPercentValue)(percent, state.context.min, state.context.max, state.context.step);
-  }
-  function getValuePercentFn(value) {
-    return (0, import_numeric_range3.getValuePercent)(value, state.context.min, state.context.max);
-  }
-  return {
-    /**
-     * Whether the slider is focused.
-     */
-    isFocused,
-    /**
-     * Whether the slider is being dragged.
-     */
-    isDragging,
-    /**
-     * The value of the slider.
-     */
-    value: state.context.value,
-    /**
-     * The value of the slider as a percent.
-     */
-    percent: (0, import_numeric_range3.getValuePercent)(state.context.value, state.context.min, state.context.max),
-    /**
-     * Function to set the value of the slider.
-     */
-    setValue(value) {
-      send({ type: "SET_VALUE", value });
-    },
-    /**
-     * Returns the value of the slider at the given percent.
-     */
-    getPercentValue: getPercentValueFn,
-    /**
-     * Returns the percent of the slider at the given value.
-     */
-    getValuePercent: getValuePercentFn,
-    /**
-     * Function to focus the slider.
-     */
-    focus() {
-      dom.getThumbEl(state.context)?.focus();
-    },
-    /**
-     * Function to increment the value of the slider by the step.
-     */
-    increment() {
-      send("INCREMENT");
-    },
-    /**
-     * Function to decrement the value of the slider by the step.
-     */
-    decrement() {
-      send("DECREMENT");
-    },
-    rootProps: normalize.element({
-      ...parts.root.attrs,
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
-      "data-orientation": state.context.orientation,
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      id: dom.getRootId(state.context),
-      dir: state.context.dir,
-      style: dom.getRootStyle(state.context)
-    }),
-    labelProps: normalize.label({
-      ...parts.label.attrs,
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
-      id: dom.getLabelId(state.context),
-      htmlFor: dom.getHiddenInputId(state.context),
-      onClick(event) {
-        if (!isInteractive)
-          return;
-        event.preventDefault();
-        dom.getThumbEl(state.context)?.focus();
-      },
-      style: dom.getLabelStyle()
-    }),
-    thumbProps: normalize.element({
-      ...parts.thumb.attrs,
-      id: dom.getThumbId(state.context),
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-orientation": state.context.orientation,
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
-      draggable: false,
-      "aria-invalid": (0, import_dom_query2.ariaAttr)(isInvalid),
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      "aria-disabled": (0, import_dom_query2.ariaAttr)(isDisabled),
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? dom.getLabelId(state.context),
-      "aria-orientation": state.context.orientation,
-      "aria-valuemax": state.context.max,
-      "aria-valuemin": state.context.min,
-      "aria-valuenow": state.context.value,
-      "aria-valuetext": ariaValueText,
-      role: "slider",
-      tabIndex: isDisabled ? void 0 : 0,
-      onBlur() {
-        if (!isInteractive)
-          return;
-        send("BLUR");
-      },
-      onFocus() {
-        if (!isInteractive)
-          return;
-        send("FOCUS");
-      },
-      onKeyDown(event) {
-        if (!isInteractive)
-          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;
-          },
-          ArrowDown() {
-            send({ type: "ARROW_DOWN", step });
-            prevent = state.context.isVertical;
-          },
-          ArrowLeft() {
-            send({ type: "ARROW_LEFT", step });
-            prevent = state.context.isHorizontal;
-          },
-          ArrowRight() {
-            send({ type: "ARROW_RIGHT", step });
-            prevent = state.context.isHorizontal;
-          },
-          PageUp() {
-            send({ type: "PAGE_UP", step });
-          },
-          PageDown() {
-            send({ type: "PAGE_DOWN", step });
-          },
-          Home() {
-            send("HOME");
-          },
-          End() {
-            send("END");
-          }
-        };
-        const key = (0, import_dom_event2.getEventKey)(event, state.context);
-        const exec = keyMap[key];
-        if (!exec)
-          return;
-        exec(event);
-        if (prevent) {
-          event.preventDefault();
-        }
-      },
-      style: dom.getThumbStyle(state.context)
-    }),
-    hiddenInputProps: normalize.input({
-      ...parts.hiddenInput.attrs,
-      type: "text",
-      defaultValue: state.context.value,
-      name: state.context.name,
-      form: state.context.form,
-      id: dom.getHiddenInputId(state.context),
-      hidden: true
-    }),
-    outputProps: normalize.output({
-      ...parts.output.attrs,
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      id: dom.getOutputId(state.context),
-      htmlFor: dom.getHiddenInputId(state.context),
-      "aria-live": "off"
-    }),
-    trackProps: normalize.element({
-      ...parts.track.attrs,
-      id: dom.getTrackId(state.context),
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      "data-orientation": state.context.orientation,
-      style: dom.getTrackStyle()
-    }),
-    rangeProps: normalize.element({
-      ...parts.range.attrs,
-      id: dom.getRangeId(state.context),
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-orientation": state.context.orientation,
-      style: dom.getRangeStyle(state.context)
-    }),
-    controlProps: normalize.element({
-      ...parts.control.attrs,
-      id: dom.getControlId(state.context),
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      "data-orientation": state.context.orientation,
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
-      onPointerDown(event) {
-        if (!isInteractive)
-          return;
-        const evt = (0, import_dom_event2.getNativeEvent)(event);
-        if (!(0, import_dom_event2.isLeftClick)(evt) || (0, import_dom_event2.isModifiedEvent)(evt))
-          return;
-        const point = (0, import_dom_event2.getEventPoint)(evt);
-        send({ type: "POINTER_DOWN", point });
-        event.preventDefault();
-        event.stopPropagation();
-      },
-      style: dom.getControlStyle()
-    }),
-    markerGroupProps: normalize.element({
-      ...parts.markerGroup.attrs,
-      role: "presentation",
-      "aria-hidden": true,
-      "data-orientation": state.context.orientation,
-      style: dom.getMarkerGroupStyle()
-    }),
-    getMarkerProps({ value }) {
-      const percent = getValuePercentFn(value);
-      const style = dom.getMarkerStyle(state.context, percent);
-      const markerState = value > state.context.value ? "over-value" : value < state.context.value ? "under-value" : "at-value";
-      return normalize.element({
-        ...parts.marker.attrs,
-        id: dom.getMarkerId(state.context, value),
-        role: "presentation",
-        "data-orientation": state.context.orientation,
-        "data-value": value,
-        "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-        "data-state": markerState,
-        style
-      });
-    }
-  };
-}
-
-// src/slider.machine.ts
-var import_core = require("@zag-js/core");
-var import_dom_event3 = require("@zag-js/dom-event");
-var import_dom_query3 = require("@zag-js/dom-query");
-var import_element_size = require("@zag-js/element-size");
-var import_form_utils2 = require("@zag-js/form-utils");
-var import_numeric_range5 = require("@zag-js/numeric-range");
-var import_utils = require("@zag-js/utils");
-
-// src/slider.utils.ts
-var import_numeric_range4 = require("@zag-js/numeric-range");
-function constrainValue(ctx, value) {
-  const snapValue = (0, import_numeric_range4.snapValueToStep)(value, ctx.min, ctx.max, ctx.step);
-  return (0, import_numeric_range4.clampValue)(snapValue, ctx.min, ctx.max);
-}
-function decrement(ctx, step) {
-  const index = 0;
-  const values = (0, import_numeric_range4.getPreviousStepValue)(index, {
-    ...ctx,
-    step: step ?? ctx.step,
-    values: [ctx.value]
-  });
-  return values[index];
-}
-function increment(ctx, step) {
-  const index = 0;
-  const values = (0, import_numeric_range4.getNextStepValue)(index, {
-    ...ctx,
-    step: step ?? ctx.step,
-    values: [ctx.value]
-  });
-  return values[index];
-}
-
-// src/slider.machine.ts
-function machine(userContext) {
-  const ctx = (0, import_utils.compact)(userContext);
-  return (0, import_core.createMachine)(
-    {
-      id: "slider",
-      initial: "idle",
-      context: {
-        thumbSize: null,
-        thumbAlignment: "contain",
-        disabled: false,
-        threshold: 5,
-        dir: "ltr",
-        origin: "start",
-        orientation: "horizontal",
-        initialValue: null,
-        value: 0,
-        step: 1,
-        min: 0,
-        max: 100,
-        ...ctx
-      },
-      computed: {
-        isHorizontal: (ctx2) => ctx2.orientation === "horizontal",
-        isVertical: (ctx2) => ctx2.orientation === "vertical",
-        isRtl: (ctx2) => ctx2.orientation === "horizontal" && ctx2.dir === "rtl",
-        isInteractive: (ctx2) => !(ctx2.disabled || ctx2.readOnly),
-        hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize !== null,
-        valuePercent: (ctx2) => 100 * (0, import_numeric_range5.getValuePercent)(ctx2.value, ctx2.min, ctx2.max)
-      },
-      watch: {
-        value: ["invokeOnChange", "dispatchChangeEvent"]
-      },
-      activities: ["trackFormControlState", "trackThumbSize"],
-      on: {
-        SET_VALUE: {
-          actions: "setValue"
-        },
-        INCREMENT: {
-          actions: "increment"
-        },
-        DECREMENT: {
-          actions: "decrement"
-        }
-      },
-      entry: ["checkValue"],
-      states: {
-        idle: {
-          on: {
-            POINTER_DOWN: {
-              target: "dragging",
-              actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
-            },
-            FOCUS: "focus"
-          }
-        },
-        focus: {
-          entry: "focusThumb",
-          on: {
-            POINTER_DOWN: {
-              target: "dragging",
-              actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
-            },
-            ARROW_LEFT: {
-              guard: "isHorizontal",
-              actions: "decrement"
-            },
-            ARROW_RIGHT: {
-              guard: "isHorizontal",
-              actions: "increment"
-            },
-            ARROW_UP: {
-              guard: "isVertical",
-              actions: "increment"
-            },
-            ARROW_DOWN: {
-              guard: "isVertical",
-              actions: "decrement"
-            },
-            PAGE_UP: {
-              actions: "increment"
-            },
-            PAGE_DOWN: {
-              actions: "decrement"
-            },
-            HOME: {
-              actions: "setToMin"
-            },
-            END: {
-              actions: "setToMax"
-            },
-            BLUR: "idle"
-          }
-        },
-        dragging: {
-          entry: "focusThumb",
-          activities: "trackPointerMove",
-          on: {
-            POINTER_UP: {
-              target: "focus",
-              actions: "invokeOnChangeEnd"
-            },
-            POINTER_MOVE: {
-              actions: "setPointerValue"
-            }
-          }
-        }
-      }
-    },
-    {
-      guards: {
-        isHorizontal: (ctx2) => ctx2.isHorizontal,
-        isVertical: (ctx2) => ctx2.isVertical
-      },
-      activities: {
-        trackFormControlState(ctx2) {
-          return (0, import_form_utils2.trackFormControl)(dom.getHiddenInputEl(ctx2), {
-            onFieldsetDisabled() {
-              ctx2.disabled = true;
-            },
-            onFormReset() {
-              if (ctx2.initialValue != null) {
-                ctx2.value = ctx2.initialValue;
-              }
-            }
-          });
-        },
-        trackPointerMove(ctx2, _evt, { send }) {
-          return (0, import_dom_event3.trackPointerMove)(dom.getDoc(ctx2), {
-            onPointerMove(info) {
-              send({ type: "POINTER_MOVE", point: info.point });
-            },
-            onPointerUp() {
-              send("POINTER_UP");
-            }
-          });
-        },
-        trackThumbSize(ctx2, _evt) {
-          if (ctx2.thumbAlignment !== "contain")
-            return;
-          return (0, import_element_size.trackElementSize)(dom.getThumbEl(ctx2), (size) => {
-            if (size)
-              ctx2.thumbSize = size;
-          });
-        }
-      },
-      actions: {
-        checkValue(ctx2) {
-          const value = constrainValue(ctx2, ctx2.value);
-          ctx2.value = value;
-          ctx2.initialValue = value;
-        },
-        invokeOnChangeStart(ctx2) {
-          ctx2.onChangeStart?.({ value: ctx2.value });
-        },
-        invokeOnChangeEnd(ctx2) {
-          ctx2.onChangeEnd?.({ value: ctx2.value });
-        },
-        invokeOnChange(ctx2) {
-          ctx2.onChange?.({ value: ctx2.value });
-        },
-        dispatchChangeEvent(ctx2) {
-          dom.dispatchChangeEvent(ctx2);
-        },
-        setPointerValue(ctx2, evt) {
-          const value = dom.getValueFromPoint(ctx2, evt.point);
-          if (value == null)
-            return;
-          ctx2.value = (0, import_numeric_range5.clampValue)(value, ctx2.min, ctx2.max);
-        },
-        focusThumb(ctx2) {
-          (0, import_dom_query3.raf)(() => dom.getThumbEl(ctx2)?.focus());
-        },
-        decrement(ctx2, evt) {
-          ctx2.value = decrement(ctx2, evt.step);
-        },
-        increment(ctx2, evt) {
-          ctx2.value = increment(ctx2, evt.step);
-        },
-        setToMin(ctx2) {
-          ctx2.value = ctx2.min;
-        },
-        setToMax(ctx2) {
-          ctx2.value = ctx2.max;
-        },
-        setValue(ctx2, evt) {
-          ctx2.value = constrainValue(ctx2, evt.value);
-        }
-      }
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  anatomy,
-  connect,
-  machine,
-  unstable__dom
-});
+exports.anatomy = slider_anatomy.anatomy;
+exports.connect = slider_connect.connect;
+exports.unstable__dom = slider_dom.dom;
+exports.machine = slider_machine.machine;