@zag-js/slider 0.10.2 → 0.10.4

package/dist/index.mjs

@@ -1,20 +1,4 @@
-import {
-  connect
-} from "./chunk-T6GXNUP7.mjs";
-import {
-  anatomy
-} from "./chunk-3Y7IIPR5.mjs";
-import {
-  machine
-} from "./chunk-OCT2YBMN.mjs";
-import {
-  dom
-} from "./chunk-NYN3VIY4.mjs";
-import "./chunk-IJAAAKZQ.mjs";
-import "./chunk-YGFSMEUO.mjs";
-export {
-  anatomy,
-  connect,
-  machine,
-  dom as unstable__dom
-};
+export { anatomy } from './slider.anatomy.mjs';
+export { connect } from './slider.connect.mjs';
+export { dom as unstable__dom } from './slider.dom.mjs';
+export { machine } from './slider.machine.mjs';

package/dist/slider.anatomy.d.ts

@@ -1,6 +1,3 @@
-import * as _zag_js_anatomy from '@zag-js/anatomy';
-
-declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "label" | "thumb" | "hiddenInput" | "output" | "track" | "range" | "control" | "markerGroup" | "marker">;
-declare const parts: Record<"root" | "label" | "thumb" | "hiddenInput" | "output" | "track" | "range" | "control" | "markerGroup" | "marker", _zag_js_anatomy.AnatomyPart>;
-
-export { anatomy, parts };
+import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const anatomy: AnatomyInstance<"root" | "label" | "thumb" | "hiddenInput" | "output" | "track" | "range" | "control" | "markerGroup" | "marker">;
+export declare const parts: Record<"root" | "label" | "thumb" | "hiddenInput" | "output" | "track" | "range" | "control" | "markerGroup" | "marker", AnatomyPart>;

package/dist/slider.anatomy.js

@@ -1,31 +1,10 @@
-"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/slider.anatomy.ts
-var slider_anatomy_exports = {};
-__export(slider_anatomy_exports, {
-  anatomy: () => anatomy,
-  parts: () => parts
-});
-module.exports = __toCommonJS(slider_anatomy_exports);
-var import_anatomy = require("@zag-js/anatomy");
-var anatomy = (0, import_anatomy.createAnatomy)("slider").parts(
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const anatomy$1 = require('@zag-js/anatomy');
+
+const anatomy = anatomy$1.createAnatomy("slider").parts(
   "root",
   "label",
   "thumb",
@@ -37,9 +16,7 @@ var anatomy = (0, import_anatomy.createAnatomy)("slider").parts(
   "markerGroup",
   "marker"
 );
-var parts = anatomy.build();
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  anatomy,
-  parts
-});
+const parts = anatomy.build();
+
+exports.anatomy = anatomy;
+exports.parts = parts;

package/dist/slider.anatomy.mjs

@@ -1,8 +1,17 @@
-import {
-  anatomy,
-  parts
-} from "./chunk-3Y7IIPR5.mjs";
-export {
-  anatomy,
-  parts
-};
+import { createAnatomy } from '@zag-js/anatomy';
+
+const anatomy = createAnatomy("slider").parts(
+  "root",
+  "label",
+  "thumb",
+  "hiddenInput",
+  "output",
+  "track",
+  "range",
+  "control",
+  "markerGroup",
+  "marker"
+);
+const parts = anatomy.build();
+
+export { anatomy, parts };

package/dist/slider.connect.d.ts

@@ -1,8 +1,6 @@
-import { PropTypes, NormalizeProps } from '@zag-js/types';
-import { State, Send } from './slider.types.js';
-import '@zag-js/core';
-
-declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+import type { Send, State } from "./slider.types";
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
     /**
      * Whether the slider is focused.
      */
@@ -56,5 +54,3 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
         value: number;
     }): T["element"];
 };
-
-export { connect };

package/dist/slider.connect.js

@@ -1,200 +1,13 @@
-"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);
-
-// src/slider.connect.ts
-var slider_connect_exports = {};
-__export(slider_connect_exports, {
-  connect: () => connect
-});
-module.exports = __toCommonJS(slider_connect_exports);
-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.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();
+'use strict';
 
-// 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
-};
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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 });
-  }
-});
+const domEvent = require('@zag-js/dom-event');
+const domQuery = require('@zag-js/dom-query');
+const numericRange = require('@zag-js/numeric-range');
+const slider_anatomy = require('./slider.anatomy.js');
+const slider_dom = require('./slider.dom.js');
 
-// src/slider.connect.ts
 function connect(state, send, normalize) {
   const ariaLabel = state.context["aria-label"];
   const ariaLabelledBy = state.context["aria-labelledby"];
@@ -205,10 +18,10 @@ function connect(state, send, normalize) {
   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);
+    return numericRange.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 numericRange.getValuePercent(value, state.context.min, state.context.max);
   }
   return {
     /**
@@ -226,7 +39,7 @@ function connect(state, send, normalize) {
     /**
      * The value of the slider as a percent.
      */
-    percent: (0, import_numeric_range3.getValuePercent)(state.context.value, state.context.min, state.context.max),
+    percent: numericRange.getValuePercent(state.context.value, state.context.min, state.context.max),
     /**
      * Function to set the value of the slider.
      */
@@ -245,7 +58,7 @@ function connect(state, send, normalize) {
      * Function to focus the slider.
      */
     focus() {
-      dom.getThumbEl(state.context)?.focus();
+      slider_dom.dom.getThumbEl(state.context)?.focus();
     },
     /**
      * Function to increment the value of the slider by the step.
@@ -260,42 +73,42 @@ function connect(state, send, normalize) {
       send("DECREMENT");
     },
     rootProps: normalize.element({
-      ...parts.root.attrs,
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
+      ...slider_anatomy.parts.root.attrs,
+      "data-disabled": domQuery.dataAttr(isDisabled),
+      "data-focus": domQuery.dataAttr(isFocused),
       "data-orientation": state.context.orientation,
-      "data-invalid": (0, import_dom_query2.dataAttr)(isInvalid),
-      id: dom.getRootId(state.context),
+      "data-invalid": domQuery.dataAttr(isInvalid),
+      id: slider_dom.dom.getRootId(state.context),
       dir: state.context.dir,
-      style: dom.getRootStyle(state.context)
+      style: slider_dom.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),
+      ...slider_anatomy.parts.label.attrs,
+      "data-disabled": domQuery.dataAttr(isDisabled),
+      "data-invalid": domQuery.dataAttr(isInvalid),
+      "data-focus": domQuery.dataAttr(isFocused),
+      id: slider_dom.dom.getLabelId(state.context),
+      htmlFor: slider_dom.dom.getHiddenInputId(state.context),
       onClick(event) {
         if (!isInteractive)
           return;
         event.preventDefault();
-        dom.getThumbEl(state.context)?.focus();
+        slider_dom.dom.getThumbEl(state.context)?.focus();
       },
-      style: dom.getLabelStyle()
+      style: slider_dom.dom.getLabelStyle()
     }),
     thumbProps: normalize.element({
-      ...parts.thumb.attrs,
-      id: dom.getThumbId(state.context),
-      "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
+      ...slider_anatomy.parts.thumb.attrs,
+      id: slider_dom.dom.getThumbId(state.context),
+      "data-disabled": domQuery.dataAttr(isDisabled),
       "data-orientation": state.context.orientation,
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
+      "data-focus": domQuery.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-invalid": domQuery.ariaAttr(isInvalid),
+      "data-invalid": domQuery.dataAttr(isInvalid),
+      "aria-disabled": domQuery.ariaAttr(isDisabled),
       "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? dom.getLabelId(state.context),
+      "aria-labelledby": ariaLabel ? void 0 : ariaLabelledBy ?? slider_dom.dom.getLabelId(state.context),
       "aria-orientation": state.context.orientation,
       "aria-valuemax": state.context.max,
       "aria-valuemin": state.context.min,
@@ -316,7 +129,7 @@ function connect(state, send, normalize) {
       onKeyDown(event) {
         if (!isInteractive)
           return;
-        const step = (0, import_dom_event2.getEventStep)(event) * state.context.step;
+        const step = domEvent.getEventStep(event) * state.context.step;
         let prevent = true;
         const keyMap = {
           ArrowUp() {
@@ -348,7 +161,7 @@ function connect(state, send, normalize) {
             send("END");
           }
         };
-        const key = (0, import_dom_event2.getEventKey)(event, state.context);
+        const key = domEvent.getEventKey(event, state.context);
         const exec = keyMap[key];
         if (!exec)
           return;
@@ -357,88 +170,86 @@ function connect(state, send, normalize) {
           event.preventDefault();
         }
       },
-      style: dom.getThumbStyle(state.context)
+      style: slider_dom.dom.getThumbStyle(state.context)
     }),
     hiddenInputProps: normalize.input({
-      ...parts.hiddenInput.attrs,
+      ...slider_anatomy.parts.hiddenInput.attrs,
       type: "text",
       defaultValue: state.context.value,
       name: state.context.name,
       form: state.context.form,
-      id: dom.getHiddenInputId(state.context),
+      id: slider_dom.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),
+      ...slider_anatomy.parts.output.attrs,
+      "data-disabled": domQuery.dataAttr(isDisabled),
+      "data-invalid": domQuery.dataAttr(isInvalid),
+      id: slider_dom.dom.getOutputId(state.context),
+      htmlFor: slider_dom.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),
+      ...slider_anatomy.parts.track.attrs,
+      id: slider_dom.dom.getTrackId(state.context),
+      "data-disabled": domQuery.dataAttr(isDisabled),
+      "data-focus": domQuery.dataAttr(isFocused),
+      "data-invalid": domQuery.dataAttr(isInvalid),
       "data-orientation": state.context.orientation,
-      style: dom.getTrackStyle()
+      style: slider_dom.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),
+      ...slider_anatomy.parts.range.attrs,
+      id: slider_dom.dom.getRangeId(state.context),
+      "data-focus": domQuery.dataAttr(isFocused),
+      "data-invalid": domQuery.dataAttr(isInvalid),
+      "data-disabled": domQuery.dataAttr(isDisabled),
       "data-orientation": state.context.orientation,
-      style: dom.getRangeStyle(state.context)
+      style: slider_dom.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),
+      ...slider_anatomy.parts.control.attrs,
+      id: slider_dom.dom.getControlId(state.context),
+      "data-disabled": domQuery.dataAttr(isDisabled),
+      "data-invalid": domQuery.dataAttr(isInvalid),
       "data-orientation": state.context.orientation,
-      "data-focus": (0, import_dom_query2.dataAttr)(isFocused),
+      "data-focus": domQuery.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))
+        const evt = domEvent.getNativeEvent(event);
+        if (!domEvent.isLeftClick(evt) || domEvent.isModifiedEvent(evt))
           return;
-        const point = (0, import_dom_event2.getEventPoint)(evt);
+        const point = domEvent.getEventPoint(evt);
         send({ type: "POINTER_DOWN", point });
         event.preventDefault();
         event.stopPropagation();
       },
-      style: dom.getControlStyle()
+      style: slider_dom.dom.getControlStyle()
     }),
     markerGroupProps: normalize.element({
-      ...parts.markerGroup.attrs,
+      ...slider_anatomy.parts.markerGroup.attrs,
       role: "presentation",
       "aria-hidden": true,
       "data-orientation": state.context.orientation,
-      style: dom.getMarkerGroupStyle()
+      style: slider_dom.dom.getMarkerGroupStyle()
     }),
     getMarkerProps({ value }) {
       const percent = getValuePercentFn(value);
-      const style = dom.getMarkerStyle(state.context, percent);
+      const style = slider_dom.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),
+        ...slider_anatomy.parts.marker.attrs,
+        id: slider_dom.dom.getMarkerId(state.context, value),
         role: "presentation",
         "data-orientation": state.context.orientation,
         "data-value": value,
-        "data-disabled": (0, import_dom_query2.dataAttr)(isDisabled),
+        "data-disabled": domQuery.dataAttr(isDisabled),
         "data-state": markerState,
         style
       });
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  connect
-});
+
+exports.connect = connect;