@als-tp/als-react-ts-ui 0.5.0 → 0.5.2

package/dist/als-react-ts-ui249.js

@@ -1,7 +1,47 @@
-import { useId as r } from "./als-react-ts-ui325.js";
-function i(e) {
-  return r(e, "base-ui");
-}
+import * as o from "react";
+import { useScrollAreaRootContext as d } from "./als-react-ts-ui531.js";
+import { useScrollAreaScrollbarContext as S } from "./als-react-ts-ui540.js";
+import { ScrollAreaScrollbarCssVars as t } from "./als-react-ts-ui541.js";
+import { useRenderElement as b } from "./als-react-ts-ui220.js";
+const v = /* @__PURE__ */ o.forwardRef(function(r, l) {
+  const {
+    render: P,
+    className: R,
+    ...n
+  } = r, {
+    thumbYRef: a,
+    thumbXRef: i,
+    handlePointerDown: s,
+    handlePointerMove: c,
+    handlePointerUp: m,
+    setScrollingX: h,
+    setScrollingY: f
+  } = d(), {
+    orientation: e
+  } = S(), u = o.useMemo(() => ({
+    orientation: e
+  }), [e]);
+  return b("div", r, {
+    ref: [l, e === "vertical" ? a : i],
+    state: u,
+    props: [{
+      onPointerDown: s,
+      onPointerMove: c,
+      onPointerUp(p) {
+        e === "vertical" && f(!1), e === "horizontal" && h(!1), m(p);
+      },
+      style: {
+        ...e === "vertical" && {
+          height: `var(${t.scrollAreaThumbHeight})`
+        },
+        ...e === "horizontal" && {
+          width: `var(${t.scrollAreaThumbWidth})`
+        }
+      }
+    }, n]
+  });
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaThumb");
 export {
-  i as useBaseUiId
+  v as ScrollAreaThumb
 };

package/dist/als-react-ts-ui250.js

@@ -1,6 +1,30 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.nestedDialogs = "--nested-dialogs", e;
-})({});
+import * as s from "react";
+import { useScrollAreaRootContext as c } from "./als-react-ts-ui531.js";
+import { useRenderElement as a } from "./als-react-ts-ui220.js";
+const d = /* @__PURE__ */ s.forwardRef(function(e, o) {
+  const {
+    render: f,
+    className: p,
+    ...t
+  } = e, {
+    cornerRef: n,
+    cornerSize: r,
+    hiddenState: i
+  } = c(), l = a("div", e, {
+    ref: [o, n],
+    props: [{
+      style: {
+        position: "absolute",
+        bottom: 0,
+        insetInlineEnd: 0,
+        width: r.width,
+        height: r.height
+      }
+    }, t]
+  });
+  return i.cornerHidden ? null : l;
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ScrollAreaCorner");
 export {
-  t as DialogPopupCssVars
+  d as ScrollAreaCorner
 };

package/dist/als-react-ts-ui251.js

@@ -1,7 +1,58 @@
-import { CommonPopupDataAttributes as e } from "./als-react-ts-ui244.js";
-let y = (function(n) {
-  return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
-})({});
+const o = "_root_1351o_9", _ = "_field_1351o_21", t = "_label_1351o_26", e = "_control_1351o_86", r = "_textarea_1351o_87", l = "_required_1351o_133", n = "_error_1351o_247", i = "_description_1351o_273", a = "_actions_1351o_285", s = "_group_1351o_311", c = "_groupTitle_1351o_322", g = "_groupDescription_1351o_332", d = "_groupContent_1351o_340", p = "_row_1351o_349", u = {
+  root: o,
+  "layout-vertical": "_layout-vertical_1351o_17",
+  "layout-horizontal": "_layout-horizontal_1351o_21",
+  field: _,
+  label: t,
+  "layout-inline": "_layout-inline_1351o_31",
+  "size-sm": "_size-sm_1351o_44",
+  "size-md": "_size-md_1351o_48",
+  "size-lg": "_size-lg_1351o_52",
+  "field-vertical": "_field-vertical_1351o_66",
+  "field-horizontal": "_field-horizontal_1351o_70",
+  "field-inline": "_field-inline_1351o_76",
+  control: e,
+  textarea: r,
+  "label-sm": "_label-sm_1351o_115",
+  "label-md": "_label-md_1351o_119",
+  "label-lg": "_label-lg_1351o_123",
+  required: l,
+  "control-sm": "_control-sm_1351o_172",
+  "control-md": "_control-md_1351o_178",
+  "control-lg": "_control-lg_1351o_184",
+  "textarea-sm": "_textarea-sm_1351o_226",
+  "textarea-md": "_textarea-md_1351o_232",
+  "textarea-lg": "_textarea-lg_1351o_238",
+  error: n,
+  description: i,
+  actions: a,
+  "actions-left": "_actions-left_1351o_292",
+  "actions-center": "_actions-center_1351o_296",
+  "actions-right": "_actions-right_1351o_300",
+  "actions-between": "_actions-between_1351o_304",
+  group: s,
+  groupTitle: c,
+  groupDescription: g,
+  groupContent: d,
+  row: p,
+  "row-gap-sm": "_row-gap-sm_1351o_360",
+  "row-gap-md": "_row-gap-md_1351o_364",
+  "row-gap-lg": "_row-gap-lg_1351o_368"
+};
 export {
-  y as DialogPopupDataAttributes
+  a as actions,
+  e as control,
+  u as default,
+  i as description,
+  n as error,
+  _ as field,
+  s as group,
+  d as groupContent,
+  g as groupDescription,
+  c as groupTitle,
+  t as label,
+  l as required,
+  o as root,
+  p as row,
+  r as textarea
 };

package/dist/als-react-ts-ui252.js

@@ -1,14 +1,75 @@
-import r from "./als-react-ts-ui259.js";
 import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
-function a() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
-  return o;
-}
+import { useStableCallback as b } from "./als-react-ts-ui223.js";
+import { createGenericEventDetails as S } from "./als-react-ts-ui273.js";
+import { FormContext as V } from "./als-react-ts-ui402.js";
+import { useRenderElement as g } from "./als-react-ts-ui220.js";
+import { useValueChanged as C } from "./als-react-ts-ui406.js";
+import { jsx as A } from "react/jsx-runtime";
+import { EMPTY_OBJECT as y } from "./als-react-ts-ui322.js";
+import { none as M } from "./als-react-ts-ui275.js";
+const P = /* @__PURE__ */ t.forwardRef(function(u, F) {
+  const {
+    render: O,
+    className: T,
+    validationMode: m = "onSubmit",
+    errors: n,
+    onSubmit: h,
+    onFormSubmit: c,
+    ...x
+  } = u, s = t.useRef({
+    fields: /* @__PURE__ */ new Map()
+  }), i = t.useRef(!1), d = t.useRef(!1), f = b((e) => {
+    e && (e.focus(), e.tagName === "INPUT" && e.select());
+  }), [o, p] = t.useState(n);
+  C(n, () => {
+    p(n);
+  }), t.useEffect(() => {
+    if (!i.current)
+      return;
+    i.current = !1;
+    const e = Array.from(s.current.fields.values()).filter((r) => r.validityData.state.valid === !1);
+    e.length && f(e[0].controlRef.current);
+  }, [o, f]);
+  const D = g("form", u, {
+    ref: F,
+    props: [{
+      noValidate: !0,
+      onSubmit(e) {
+        d.current = !0;
+        let r = Array.from(s.current.fields.values());
+        r.forEach((a) => {
+          a.validate();
+        }), r = Array.from(s.current.fields.values());
+        const E = r.filter((a) => !a.validityData.state.valid);
+        if (E.length)
+          e.preventDefault(), f(E[0].controlRef.current);
+        else if (i.current = !0, h?.(e), c) {
+          e.preventDefault();
+          const a = r.reduce((R, l) => (l.name && (R[l.name] = l.getValue()), R), {});
+          c(a, S(M, e.nativeEvent));
+        }
+      }
+    }, x]
+  }), v = b((e) => {
+    if (e && o && y.hasOwnProperty.call(o, e)) {
+      const r = {
+        ...o
+      };
+      delete r[e], p(r);
+    }
+  }), N = t.useMemo(() => ({
+    formRef: s,
+    validationMode: m,
+    errors: o ?? y,
+    clearErrors: v,
+    submitAttemptedRef: d
+  }), [s, m, o, v]);
+  return /* @__PURE__ */ A(V.Provider, {
+    value: N,
+    children: D
+  });
+});
+process.env.NODE_ENV !== "production" && (P.displayName = "Form");
 export {
-  e as DialogPortalContext,
-  a as useDialogPortalContext
+  P as Form
 };

package/dist/als-react-ts-ui253.js

@@ -1,20 +1,58 @@
-import * as a from "react";
-import { useStableCallback as f } from "./als-react-ts-ui192.js";
-import { useValueAsRef as p } from "./als-react-ts-ui337.js";
-import { useAnimationsFinished as u } from "./als-react-ts-ui338.js";
-function b(i) {
-  const {
-    enabled: o = !0,
-    open: e,
-    ref: m,
-    onComplete: s
-  } = i, n = p(e), t = f(s), r = u(m, e);
-  a.useEffect(() => {
-    o && r(() => {
-      e === n.current && t();
-    });
-  }, [o, e, t, r, n]);
-}
+const _ = "_root_umbx7_9", r = "_control_umbx7_43", m = "_track_umbx7_90", u = "_indicator_umbx7_156", a = "_thumb_umbx7_192", t = "_value_umbx7_269", o = "_label_umbx7_314", b = {
+  root: _,
+  "root--disabled": "_root--disabled_umbx7_22",
+  "root--sm": "_root--sm_umbx7_28",
+  "root--md": "_root--md_umbx7_32",
+  "root--lg": "_root--lg_umbx7_36",
+  control: r,
+  "control--sm": "_control--sm_umbx7_59",
+  "control--md": "_control--md_umbx7_63",
+  "control--lg": "_control--lg_umbx7_67",
+  track: m,
+  "track--sm": "_track--sm_umbx7_104",
+  "track--md": "_track--md_umbx7_108",
+  "track--lg": "_track--lg_umbx7_112",
+  "track--primary": "_track--primary_umbx7_133",
+  "track--secondary": "_track--secondary_umbx7_137",
+  "track--success": "_track--success_umbx7_141",
+  "track--warning": "_track--warning_umbx7_145",
+  "track--error": "_track--error_umbx7_149",
+  indicator: u,
+  "indicator--primary": "_indicator--primary_umbx7_169",
+  "indicator--secondary": "_indicator--secondary_umbx7_173",
+  "indicator--success": "_indicator--success_umbx7_177",
+  "indicator--warning": "_indicator--warning_umbx7_181",
+  "indicator--error": "_indicator--error_umbx7_185",
+  thumb: a,
+  "thumb--sm": "_thumb--sm_umbx7_230",
+  "thumb--md": "_thumb--md_umbx7_235",
+  "thumb--lg": "_thumb--lg_umbx7_240",
+  "thumb--primary": "_thumb--primary_umbx7_246",
+  "thumb--secondary": "_thumb--secondary_umbx7_250",
+  "thumb--success": "_thumb--success_umbx7_254",
+  "thumb--warning": "_thumb--warning_umbx7_258",
+  "thumb--error": "_thumb--error_umbx7_262",
+  value: t,
+  "value--sm": "_value--sm_umbx7_278",
+  "value--md": "_value--md_umbx7_282",
+  "value--lg": "_value--lg_umbx7_286",
+  "value--primary": "_value--primary_umbx7_291",
+  "value--secondary": "_value--secondary_umbx7_295",
+  "value--success": "_value--success_umbx7_299",
+  "value--warning": "_value--warning_umbx7_303",
+  "value--error": "_value--error_umbx7_307",
+  label: o,
+  "label--sm": "_label--sm_umbx7_322",
+  "label--md": "_label--md_umbx7_326",
+  "label--lg": "_label--lg_umbx7_330"
+};
 export {
-  b as useOpenChangeComplete
+  r as control,
+  b as default,
+  u as indicator,
+  o as label,
+  _ as root,
+  a as thumb,
+  m as track,
+  t as value
 };

package/dist/als-react-ts-ui254.js

@@ -1,69 +1,258 @@
-import { isHTMLElement as L } from "./als-react-ts-ui339.js";
-const d = "ArrowUp", h = "ArrowDown", R = "ArrowLeft", T = "ArrowRight", e = "Home", n = "End", P = /* @__PURE__ */ new Set([R, T]), H = /* @__PURE__ */ new Set([R, T, e, n]), E = /* @__PURE__ */ new Set([d, h]), Y = /* @__PURE__ */ new Set([d, h, e, n]), A = /* @__PURE__ */ new Set([...P, ...E]), F = /* @__PURE__ */ new Set([...A, e, n]), N = /* @__PURE__ */ new Set([d, h, R, T, e, n]), O = "Shift", u = "Control", W = "Alt", _ = "Meta", K = /* @__PURE__ */ new Set([O, u, W, _]);
-function w(t) {
-  return L(t) && t.tagName === "INPUT";
-}
-function B(t) {
-  return !!(w(t) && t.selectionStart != null || L(t) && t.tagName === "TEXTAREA");
-}
-function y(t, o, f, c) {
-  if (!t || !o || !o.scrollTo)
-    return;
-  let r = t.scrollLeft, a = t.scrollTop;
-  const S = t.clientWidth < t.scrollWidth, M = t.clientHeight < t.scrollHeight;
-  if (S && c !== "vertical") {
-    const s = p(t, o, "left"), l = g(t), i = g(o);
-    f === "ltr" && (s + o.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight ? r = s + o.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight : s - i.scrollMarginLeft < t.scrollLeft + l.scrollPaddingLeft && (r = s - i.scrollMarginLeft - l.scrollPaddingLeft)), f === "rtl" && (s - i.scrollMarginRight < t.scrollLeft + l.scrollPaddingLeft ? r = s - i.scrollMarginLeft - l.scrollPaddingLeft : s + o.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight && (r = s + o.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight));
-  }
-  if (M && c !== "horizontal") {
-    const s = p(t, o, "top"), l = g(t), i = g(o);
-    s - i.scrollMarginTop < t.scrollTop + l.scrollPaddingTop ? a = s - i.scrollMarginTop - l.scrollPaddingTop : s + o.offsetHeight + i.scrollMarginBottom > t.scrollTop + t.clientHeight - l.scrollPaddingBottom && (a = s + o.offsetHeight + i.scrollMarginBottom - t.clientHeight + l.scrollPaddingBottom);
+import * as d from "react";
+import { isElement as G } from "./als-react-ts-ui338.js";
+import { ownerDocument as _ } from "./als-react-ts-ui372.js";
+import { useAnimationFrame as xe } from "./als-react-ts-ui347.js";
+import { useStableCallback as f } from "./als-react-ts-ui223.js";
+import { useValueAsRef as Ce } from "./als-react-ts-ui336.js";
+import { clamp as oe } from "./als-react-ts-ui521.js";
+import { createChangeEventDetails as W, createGenericEventDetails as Se } from "./als-react-ts-ui273.js";
+import { useRenderElement as Ee } from "./als-react-ts-ui220.js";
+import { useDirection as ye } from "./als-react-ts-ui295.js";
+import { useSliderRootContext as Ae } from "./als-react-ts-ui554.js";
+import { sliderStateAttributesMapping as we } from "./als-react-ts-ui553.js";
+import { getMidpoint as Oe } from "./als-react-ts-ui555.js";
+import { roundValueToStep as Le } from "./als-react-ts-ui556.js";
+import { validateMinimumDistance as Ve } from "./als-react-ts-ui552.js";
+import { resolveThumbCollision as De } from "./als-react-ts-ui557.js";
+import { drag as Ne, trackPress as ue } from "./als-react-ts-ui275.js";
+import { contains as Pe, activeElement as Fe } from "./als-react-ts-ui330.js";
+const Be = 2;
+function Me(u, a) {
+  if (!u)
+    return {
+      start: 0,
+      end: 0
+    };
+  function s(L) {
+    const h = L != null ? parseFloat(L) : 0;
+    return Number.isNaN(h) ? 0 : h;
   }
-  t.scrollTo({
-    left: r,
-    top: a,
-    behavior: "auto"
-  });
-}
-function p(t, o, f) {
-  const c = f === "left" ? "offsetLeft" : "offsetTop";
-  let r = 0;
-  for (; o.offsetParent && (r += o[c], o.offsetParent !== t); )
-    o = o.offsetParent;
-  return r;
+  const m = a ? "Top" : "InlineStart", p = a ? "Bottom" : "InlineEnd";
+  return {
+    start: s(u[`border${m}Width`]) + s(u[`padding${m}`]),
+    end: s(u[`border${p}Width`]) + s(u[`padding${p}`])
+  };
 }
-function g(t) {
-  const o = getComputedStyle(t);
+function $(u, a) {
+  if (a.current != null && u.changedTouches) {
+    const s = u;
+    for (let m = 0; m < s.changedTouches.length; m += 1) {
+      const p = s.changedTouches[m];
+      if (p.identifier === a.current)
+        return {
+          x: p.clientX,
+          y: p.clientY
+        };
+    }
+    return null;
+  }
   return {
-    scrollMarginTop: parseFloat(o.scrollMarginTop) || 0,
-    scrollMarginRight: parseFloat(o.scrollMarginRight) || 0,
-    scrollMarginBottom: parseFloat(o.scrollMarginBottom) || 0,
-    scrollMarginLeft: parseFloat(o.scrollMarginLeft) || 0,
-    scrollPaddingTop: parseFloat(o.scrollPaddingTop) || 0,
-    scrollPaddingRight: parseFloat(o.scrollPaddingRight) || 0,
-    scrollPaddingBottom: parseFloat(o.scrollPaddingBottom) || 0,
-    scrollPaddingLeft: parseFloat(o.scrollPaddingLeft) || 0
+    x: u.clientX,
+    y: u.clientY
   };
 }
+const _e = /* @__PURE__ */ d.forwardRef(function(a, s) {
+  const {
+    render: m,
+    className: p,
+    ...L
+  } = a, {
+    disabled: h,
+    dragging: ie,
+    validation: se,
+    inset: ce,
+    lastChangedValueRef: U,
+    lastChangeReasonRef: le,
+    max: x,
+    min: C,
+    minStepsBetweenValues: j,
+    onValueCommitted: ae,
+    orientation: de,
+    pressedInputRef: q,
+    pressedThumbCenterOffsetRef: V,
+    pressedThumbIndexRef: g,
+    pressedValuesRef: D,
+    registerFieldControlRef: fe,
+    renderBeforeHydration: me,
+    setActive: pe,
+    setDragging: z,
+    setValue: H,
+    state: he,
+    step: X,
+    thumbCollisionBehavior: J,
+    thumbRefs: b,
+    values: c
+  } = Ae(), ge = ye(), K = c.length > 1, S = de === "vertical", i = d.useRef(null), N = d.useRef(null), be = f((e) => {
+    e && N.current == null && N.current == null && (N.current = getComputedStyle(e));
+  }), v = d.useRef(null), P = d.useRef(0), Q = d.useRef(0), E = Ce(c), Z = f((e) => {
+    g.current !== e && (g.current = e);
+    const r = b.current[e];
+    if (!r) {
+      V.current = null, q.current = null;
+      return;
+    }
+    q.current = r.querySelector('input[type="range"]');
+  }), F = f((e) => {
+    const r = i.current;
+    if (!r)
+      return null;
+    const {
+      width: t,
+      height: o,
+      bottom: n,
+      left: l,
+      right: w
+    } = r.getBoundingClientRect(), T = Me(N.current, S), O = Q.current, ve = (S ? o : t) - T.start - T.end - O * 2, te = V.current ?? 0, ne = e.x - te, Re = e.y - te, Te = S ? n - Re - T.end : (ge === "rtl" ? w - ne : ne - l) - T.start, Ie = oe((Te - O) / ve, 0, 1);
+    let I = (x - C) * Ie + C;
+    if (I = Le(I, X, C), I = oe(I, C, x), !K)
+      return {
+        value: I,
+        thumbIndex: 0,
+        didSwap: !1
+      };
+    const re = g.current;
+    if (re < 0)
+      return null;
+    const M = De({
+      behavior: J,
+      values: c,
+      currentValues: E.current ?? c,
+      initialValues: D.current,
+      pressedIndex: re,
+      nextValue: I,
+      min: C,
+      max: x,
+      step: X,
+      minStepsBetweenValues: j
+    });
+    return J === "swap" && M.didSwap ? Z(M.thumbIndex) : g.current = M.thumbIndex, M;
+  }), ee = f((e) => {
+    D.current = K ? c.slice() : null, E.current = c;
+    const r = g.current;
+    let t = r;
+    if (r > -1 && r < c.length) {
+      if (c[r] === x) {
+        let o = r;
+        for (; o > 0 && c[o - 1] === x; )
+          o -= 1;
+        t = o;
+      }
+    } else {
+      const o = S ? "y" : "x";
+      let n;
+      t = -1;
+      for (let l = 0; l < b.current.length; l += 1) {
+        const w = b.current[l];
+        if (G(w)) {
+          const T = Oe(w), O = Math.abs(e[o] - T[o]);
+          (n === void 0 || O <= n) && (t = l, n = O);
+        }
+      }
+    }
+    if (t > -1 && t !== r && Z(t), ce) {
+      const o = b.current[t];
+      if (G(o)) {
+        const n = o.getBoundingClientRect(), l = S ? "height" : "width";
+        Q.current = n[l] / 2;
+      }
+    }
+  }), y = f((e) => {
+    b.current?.[e]?.querySelector('input[type="range"]')?.focus({
+      preventScroll: !0
+    });
+  }), B = f((e) => {
+    const r = $(e, v);
+    if (r == null)
+      return;
+    if (P.current += 1, e.type === "pointermove" && e.buttons === 0) {
+      A(e);
+      return;
+    }
+    const t = F(r);
+    t != null && Ve(t.value, X, j) && (!ie && P.current > Be && z(!0), H(t.value, W(Ne, e, void 0, {
+      activeThumbIndex: t.thumbIndex
+    })), E.current = Array.isArray(t.value) ? t.value : [t.value], t.didSwap && y(t.thumbIndex));
+  });
+  function A(e) {
+    pe(-1), z(!1), q.current = null, V.current = null, g.current = -1;
+    const r = $(e, v), t = r != null ? F(r) : null;
+    if (t != null) {
+      const o = le.current;
+      se.commit(U.current ?? t.value), ae(U.current ?? t.value, Se(o, e));
+    }
+    "pointerType" in e && i.current?.hasPointerCapture(e.pointerId) && i.current?.releasePointerCapture(e.pointerId), v.current = null, D.current = null, R();
+  }
+  const Y = f((e) => {
+    if (h)
+      return;
+    const r = e.changedTouches[0];
+    r != null && (v.current = r.identifier);
+    const t = $(e, v);
+    if (t != null) {
+      ee(t);
+      const n = F(t);
+      if (n == null)
+        return;
+      y(n.thumbIndex), H(n.value, W(ue, e, void 0, {
+        activeThumbIndex: n.thumbIndex
+      })), E.current = Array.isArray(n.value) ? n.value : [n.value], n.didSwap && y(n.thumbIndex);
+    }
+    P.current = 0;
+    const o = _(i.current);
+    o.addEventListener("touchmove", B, {
+      passive: !0
+    }), o.addEventListener("touchend", A, {
+      passive: !0
+    });
+  }), R = f(() => {
+    const e = _(i.current);
+    e.removeEventListener("pointermove", B), e.removeEventListener("pointerup", A), e.removeEventListener("touchmove", B), e.removeEventListener("touchend", A), D.current = null;
+  }), k = xe();
+  return d.useEffect(() => {
+    const e = i.current;
+    return e ? (e.addEventListener("touchstart", Y, {
+      passive: !0
+    }), () => {
+      e.removeEventListener("touchstart", Y), k.cancel(), R();
+    }) : () => R();
+  }, [R, Y, i, k]), d.useEffect(() => {
+    h && R();
+  }, [h, R]), Ee("div", a, {
+    state: he,
+    ref: [s, fe, i, be],
+    props: [{
+      "data-base-ui-slider-control": me ? "" : void 0,
+      onPointerDown(e) {
+        const r = i.current;
+        if (!r || h || e.defaultPrevented || !G(e.target) || // Only handle left clicks
+        e.button !== 0)
+          return;
+        const t = $(e, v);
+        if (t != null) {
+          ee(t);
+          const n = F(t);
+          if (n == null)
+            return;
+          Pe(b.current[n.thumbIndex], Fe(_(r))) ? e.preventDefault() : k.request(() => {
+            y(n.thumbIndex);
+          }), z(!0), V.current != null || (H(n.value, W(ue, e.nativeEvent, void 0, {
+            activeThumbIndex: n.thumbIndex
+          })), E.current = Array.isArray(n.value) ? n.value : [n.value], n.didSwap && y(n.thumbIndex));
+        }
+        e.nativeEvent.pointerId && r.setPointerCapture(e.nativeEvent.pointerId), P.current = 0;
+        const o = _(i.current);
+        o.addEventListener("pointermove", B, {
+          passive: !0
+        }), o.addEventListener("pointerup", A, {
+          once: !0
+        });
+      },
+      tabIndex: -1
+    }, L],
+    stateAttributesMapping: we
+  });
+});
+process.env.NODE_ENV !== "production" && (_e.displayName = "SliderControl");
 export {
-  F as ALL_KEYS,
-  W as ALT,
-  h as ARROW_DOWN,
-  A as ARROW_KEYS,
-  R as ARROW_LEFT,
-  T as ARROW_RIGHT,
-  d as ARROW_UP,
-  N as COMPOSITE_KEYS,
-  u as CONTROL,
-  n as END,
-  e as HOME,
-  P as HORIZONTAL_KEYS,
-  H as HORIZONTAL_KEYS_WITH_EXTRA_KEYS,
-  _ as META,
-  K as MODIFIER_KEYS,
-  O as SHIFT,
-  E as VERTICAL_KEYS,
-  Y as VERTICAL_KEYS_WITH_EXTRA_KEYS,
-  B as isNativeInput,
-  y as scrollIntoViewIfNeeded
+  _e as SliderControl
 };