@weng-lab/ui-components 3.0.1-beta.1 → 3.0.1-beta.2

package/dist/ui-components.es200.js

@@ -1,97 +1,20 @@
-import x from "./ui-components.es199.js";
-import { createEmptyBreakpointObject as O, handleBreakpoints as k, removeUnusedBreakpoints as p } from "./ui-components.es329.js";
-import g from "./ui-components.es334.js";
-import { sortContainerQueries as h } from "./ui-components.es333.js";
-import { getPath as P, getStyleValue as j } from "./ui-components.es328.js";
-import B from "./ui-components.es109.js";
-function C(...s) {
-  const a = s.reduce((t, e) => t.concat(Object.keys(e)), []), o = new Set(a);
-  return s.every((t) => o.size === Object.keys(t).length);
-}
-function z(s, a) {
-  return typeof s == "function" ? s(a) : s;
-}
-function A() {
-  function s(o, t, e, d) {
-    const l = {
-      [o]: t,
-      theme: e
-    }, m = d[o];
-    if (!m)
-      return {
-        [o]: t
-      };
-    const {
-      cssProperty: i = o,
-      themeKey: f,
-      transform: y,
-      style: b
-    } = m;
-    if (t == null)
-      return null;
-    if (f === "typography" && t === "inherit")
-      return {
-        [o]: t
-      };
-    const r = P(e, f) || {};
-    return b ? b(l) : k(l, t, (n) => {
-      let u = j(r, y, n);
-      return n === u && typeof n == "string" && (u = j(r, y, `${o}${n === "default" ? "" : B(n)}`, n)), i === !1 ? u : {
-        [i]: u
-      };
-    });
-  }
-  function a(o) {
-    const {
-      sx: t,
-      theme: e = {},
-      nested: d
-    } = o || {};
-    if (!t)
-      return null;
-    const l = e.unstable_sxConfig ?? x;
-    function m(i) {
-      let f = i;
-      if (typeof i == "function")
-        f = i(e);
-      else if (typeof i != "object")
-        return i;
-      if (!f)
-        return null;
-      const y = O(e.breakpoints), b = Object.keys(y);
-      let r = y;
-      return Object.keys(f).forEach((c) => {
-        const n = z(f[c], e);
-        if (n != null)
-          if (typeof n == "object")
-            if (l[c])
-              r = g(r, s(c, n, e, l));
-            else {
-              const u = k({
-                theme: e
-              }, n, (S) => ({
-                [c]: S
-              }));
-              C(u, n) ? r[c] = a({
-                sx: n,
-                theme: e,
-                nested: !0
-              }) : r = g(r, u);
-            }
-          else
-            r = g(r, s(c, n, e, l));
-      }), !d && e.modularCssLayers ? {
-        "@layer sx": h(e, p(b, r))
-      } : h(e, p(b, r));
+function d(i, t) {
+  if (process.env.NODE_ENV === "production")
+    return () => () => null;
+  const l = t ? {
+    ...t.propTypes
+  } : null;
+  return (n) => (e, r, s, p, u, ...y) => {
+    const o = u || r, c = l?.[o];
+    if (c) {
+      const f = c(e, r, s, p, u, ...y);
+      if (f)
+        return f;
     }
-    return Array.isArray(t) ? t.map(m) : m(t);
-  }
-  return a;
+    return typeof e[r] < "u" && !e[n] ? new Error(`The prop \`${o}\` of \`${i}\` can only be used together with the \`${n}\` prop.`) : null;
+  };
 }
-const E = A();
-E.filterProps = ["sx"];
 export {
-  E as default,
-  A as unstable_createStyleFunctionSx
+  d as default
 };
 //# sourceMappingURL=ui-components.es200.js.map

package/dist/ui-components.es200.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es200.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nimport merge from \"../merge/index.js\";\nimport { getPath, getStyleValue as getValue } from \"../style/index.js\";\nimport { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from \"../breakpoints/index.js\";\nimport { sortContainerQueries } from \"../cssContainerQueries/index.js\";\nimport defaultSxConfig from \"./defaultSxConfig.js\";\nfunction objectsHaveSameKeys(...objects) {\n  const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);\n  const union = new Set(allKeys);\n  return objects.every(object => union.size === Object.keys(object).length);\n}\nfunction callIfFn(maybeFn, arg) {\n  return typeof maybeFn === 'function' ? maybeFn(arg) : maybeFn;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function unstable_createStyleFunctionSx() {\n  function getThemeValue(prop, val, theme, config) {\n    const props = {\n      [prop]: val,\n      theme\n    };\n    const options = config[prop];\n    if (!options) {\n      return {\n        [prop]: val\n      };\n    }\n    const {\n      cssProperty = prop,\n      themeKey,\n      transform,\n      style\n    } = options;\n    if (val == null) {\n      return null;\n    }\n\n    // TODO v6: remove, see https://github.com/mui/material-ui/pull/38123\n    if (themeKey === 'typography' && val === 'inherit') {\n      return {\n        [prop]: val\n      };\n    }\n    const themeMapping = getPath(theme, themeKey) || {};\n    if (style) {\n      return style(props);\n    }\n    const styleFromPropValue = propValueFinal => {\n      let value = getValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n      }\n      if (cssProperty === false) {\n        return value;\n      }\n      return {\n        [cssProperty]: value\n      };\n    };\n    return handleBreakpoints(props, val, styleFromPropValue);\n  }\n  function styleFunctionSx(props) {\n    const {\n      sx,\n      theme = {},\n      nested\n    } = props || {};\n    if (!sx) {\n      return null; // Emotion & styled-components will neglect null\n    }\n    const config = theme.unstable_sxConfig ?? defaultSxConfig;\n\n    /*\n     * Receive `sxInput` as object or callback\n     * and then recursively check keys & values to create media query object styles.\n     * (the result will be used in `styled`)\n     */\n    function traverse(sxInput) {\n      let sxObject = sxInput;\n      if (typeof sxInput === 'function') {\n        sxObject = sxInput(theme);\n      } else if (typeof sxInput !== 'object') {\n        // value\n        return sxInput;\n      }\n      if (!sxObject) {\n        return null;\n      }\n      const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);\n      const breakpointsKeys = Object.keys(emptyBreakpoints);\n      let css = emptyBreakpoints;\n      Object.keys(sxObject).forEach(styleKey => {\n        const value = callIfFn(sxObject[styleKey], theme);\n        if (value !== null && value !== undefined) {\n          if (typeof value === 'object') {\n            if (config[styleKey]) {\n              css = merge(css, getThemeValue(styleKey, value, theme, config));\n            } else {\n              const breakpointsValues = handleBreakpoints({\n                theme\n              }, value, x => ({\n                [styleKey]: x\n              }));\n              if (objectsHaveSameKeys(breakpointsValues, value)) {\n                css[styleKey] = styleFunctionSx({\n                  sx: value,\n                  theme,\n                  nested: true\n                });\n              } else {\n                css = merge(css, breakpointsValues);\n              }\n            }\n          } else {\n            css = merge(css, getThemeValue(styleKey, value, theme, config));\n          }\n        }\n      });\n      if (!nested && theme.modularCssLayers) {\n        return {\n          '@layer sx': sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css))\n        };\n      }\n      return sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css));\n    }\n    return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);\n  }\n  return styleFunctionSx;\n}\nconst styleFunctionSx = unstable_createStyleFunctionSx();\nstyleFunctionSx.filterProps = ['sx'];\nexport default styleFunctionSx;"],"names":["objectsHaveSameKeys","objects","allKeys","keys","object","union","callIfFn","maybeFn","arg","unstable_createStyleFunctionSx","getThemeValue","prop","val","theme","config","props","options","cssProperty","themeKey","transform","style","themeMapping","getPath","handleBreakpoints","propValueFinal","value","getValue","capitalize","styleFunctionSx","sx","nested","defaultSxConfig","traverse","sxInput","sxObject","emptyBreakpoints","createEmptyBreakpointObject","breakpointsKeys","css","styleKey","merge","breakpointsValues","x","sortContainerQueries","removeUnusedBreakpoints"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es200.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/requirePropFactory/requirePropFactory.js"],"sourcesContent":["export default function requirePropFactory(componentNameInError, Component) {\n  if (process.env.NODE_ENV === 'production') {\n    return () => () => null;\n  }\n\n  // eslint-disable-next-line react/forbid-foreign-prop-types\n  const prevPropTypes = Component ? {\n    ...Component.propTypes\n  } : null;\n  const requireProp = requiredProp => (props, propName, componentName, location, propFullName, ...args) => {\n    const propFullNameSafe = propFullName || propName;\n    const defaultTypeChecker = prevPropTypes?.[propFullNameSafe];\n    if (defaultTypeChecker) {\n      const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);\n      if (typeCheckerResult) {\n        return typeCheckerResult;\n      }\n    }\n    if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n      return new Error(`The prop \\`${propFullNameSafe}\\` of ` + `\\`${componentNameInError}\\` can only be used together with the \\`${requiredProp}\\` prop.`);\n    }\n    return null;\n  };\n  return requireProp;\n}"],"names":["requirePropFactory","componentNameInError","Component","prevPropTypes","requiredProp","props","propName","componentName","location","propFullName","args","propFullNameSafe","defaultTypeChecker","typeCheckerResult"],"mappings":"AAAe,SAASA,EAAmBC,GAAsBC,GAAW;AAC1E,MAAI,QAAQ,IAAI,aAAa;AAC3B,WAAO,MAAM,MAAM;AAIrB,QAAMC,IAAgBD,IAAY;AAAA,IAChC,GAAGA,EAAU;AAAA,EACjB,IAAM;AAeJ,SAdoB,CAAAE,MAAgB,CAACC,GAAOC,GAAUC,GAAeC,GAAUC,MAAiBC,MAAS;AACvG,UAAMC,IAAmBF,KAAgBH,GACnCM,IAAqBT,IAAgBQ,CAAgB;AAC3D,QAAIC,GAAoB;AACtB,YAAMC,IAAoBD,EAAmBP,GAAOC,GAAUC,GAAeC,GAAUC,GAAc,GAAGC,CAAI;AAC5G,UAAIG;AACF,eAAOA;AAAA,IAEX;AACA,WAAI,OAAOR,EAAMC,CAAQ,IAAM,OAAe,CAACD,EAAMD,CAAY,IACxD,IAAI,MAAM,cAAcO,CAAgB,WAAgBV,CAAoB,2CAA2CG,CAAY,UAAU,IAE/I;AAAA,EACT;AAEF;","x_google_ignoreList":[0]}

package/dist/ui-components.es201.js

@@ -1,13 +1,453 @@
-function c(n = "") {
-  function r(...e) {
-    if (!e.length)
-      return "";
-    const t = e[0];
-    return typeof t == "string" && !t.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${n ? `${n}-` : ""}${t}${r(...e.slice(1))})` : `, ${t}`;
+import * as g from "react";
+import Re from "./ui-components.es272.js";
+import Pe from "./ui-components.es165.js";
+import P from "./ui-components.es273.js";
+import Ve from "./ui-components.es124.js";
+import Ne from "./ui-components.es99.js";
+import Z from "./ui-components.es166.js";
+import X from "./ui-components.es152.js";
+import ee from "./ui-components.es231.js";
+import Oe from "./ui-components.es274.js";
+import de from "./ui-components.es170.js";
+const Fe = 2;
+function S(n, o, u, i, h) {
+  return u === 1 ? Math.min(n + o, h) : Math.max(n - o, i);
+}
+function be(n, o) {
+  return n - o;
+}
+function me(n, o) {
+  const {
+    index: u
+  } = n.reduce((i, h, y) => {
+    const H = Math.abs(o - h);
+    return i === null || H < i.distance || H === i.distance ? {
+      distance: H,
+      index: y
+    } : i;
+  }, null) ?? {};
+  return u;
+}
+function _(n, o) {
+  if (o.current !== void 0 && n.changedTouches) {
+    const u = n;
+    for (let i = 0; i < u.changedTouches.length; i += 1) {
+      const h = u.changedTouches[i];
+      if (h.identifier === o.current)
+        return {
+          x: h.clientX,
+          y: h.clientY
+        };
+    }
+    return !1;
+  }
+  return {
+    x: n.clientX,
+    y: n.clientY
+  };
+}
+function pe(n, o, u) {
+  return (n - o) * 100 / (u - o);
+}
+function Ue(n, o, u) {
+  return (u - o) * n + o;
+}
+function $e(n) {
+  if (Math.abs(n) < 1) {
+    const u = n.toExponential().split("e-"), i = u[0].split(".")[1];
+    return (i ? i.length : 0) + parseInt(u[1], 10);
   }
-  return (e, ...t) => `var(--${n ? `${n}-` : ""}${e}${r(...t)})`;
+  const o = n.toString().split(".")[1];
+  return o ? o.length : 0;
+}
+function Ke(n, o, u) {
+  const i = Math.round((n - u) / o) * o + u;
+  return Number(i.toFixed($e(o)));
+}
+function he({
+  values: n,
+  newValue: o,
+  index: u
+}) {
+  const i = n.slice();
+  return i[u] = o, i.sort(be);
+}
+function j({
+  sliderRef: n,
+  activeIndex: o,
+  setActive: u
+}) {
+  const i = X(n.current);
+  (!n.current?.contains(i.activeElement) || Number(i?.activeElement?.getAttribute("data-index")) !== o) && n.current?.querySelector(`[type="range"][data-index="${o}"]`).focus(), u && u(o);
+}
+function q(n, o) {
+  return typeof n == "number" && typeof o == "number" ? n === o : typeof n == "object" && typeof o == "object" ? Re(n, o) : !1;
+}
+const ze = {
+  horizontal: {
+    offset: (n) => ({
+      left: `${n}%`
+    }),
+    leap: (n) => ({
+      width: `${n}%`
+    })
+  },
+  "horizontal-reverse": {
+    offset: (n) => ({
+      right: `${n}%`
+    }),
+    leap: (n) => ({
+      width: `${n}%`
+    })
+  },
+  vertical: {
+    offset: (n) => ({
+      bottom: `${n}%`
+    }),
+    leap: (n) => ({
+      height: `${n}%`
+    })
+  }
+}, Be = (n) => n;
+let W;
+function ge() {
+  return W === void 0 && (typeof CSS < "u" && typeof CSS.supports == "function" ? W = CSS.supports("touch-action", "none") : W = !0), W;
+}
+function tt(n) {
+  const {
+    "aria-labelledby": o,
+    defaultValue: u,
+    disabled: i = !1,
+    disableSwap: h = !1,
+    isRtl: y = !1,
+    marks: H = !1,
+    max: m = 100,
+    min: l = 0,
+    name: te,
+    onChange: ne,
+    onChangeCommitted: V,
+    orientation: N = "horizontal",
+    rootRef: we,
+    scale: re = Be,
+    step: v = 1,
+    shiftStep: Y = 10,
+    tabIndex: xe,
+    value: ye
+  } = n, I = g.useRef(void 0), [O, D] = g.useState(-1), [ve, L] = g.useState(-1), [oe, se] = g.useState(!1), F = g.useRef(0), G = g.useRef(null), [A, U] = Pe({
+    controlled: ye,
+    default: u ?? l,
+    name: "Slider"
+  }), E = ne && ((t, e, r) => {
+    const c = t.nativeEvent || t, a = new c.constructor(c.type, c);
+    Object.defineProperty(a, "target", {
+      writable: !0,
+      value: {
+        value: e,
+        name: te
+      }
+    }), G.current = e, ne(a, e, r);
+  }), M = Array.isArray(A);
+  let p = M ? A.slice().sort(be) : [A];
+  p = p.map((t) => t == null ? l : P(t, l, m));
+  const $ = H === !0 && v !== null ? [...Array(Math.floor((m - l) / v) + 1)].map((t, e) => ({
+    value: l + v * e
+  })) : H || [], d = $.map((t) => t.value), [ie, K] = g.useState(-1), b = g.useRef(null), ae = Ve(we, b), Ee = (t) => (e) => {
+    const r = Number(e.currentTarget.getAttribute("data-index"));
+    de(e.target) && K(r), L(r), t?.onFocus?.(e);
+  }, ke = (t) => (e) => {
+    de(e.target) || K(-1), L(-1), t?.onBlur?.(e);
+  }, ce = (t, e) => {
+    const r = Number(t.currentTarget.getAttribute("data-index")), c = p[r], a = d.indexOf(c);
+    let s = e;
+    if ($ && v == null) {
+      const w = d[d.length - 1];
+      s >= w ? s = w : s <= d[0] ? s = d[0] : s = s < c ? d[a - 1] : d[a + 1];
+    }
+    if (s = P(s, l, m), M) {
+      h && (s = P(s, p[r - 1] || -1 / 0, p[r + 1] || 1 / 0));
+      const w = s;
+      s = he({
+        values: p,
+        newValue: s,
+        index: r
+      });
+      let x = r;
+      h || (x = s.indexOf(w)), j({
+        sliderRef: b,
+        activeIndex: x
+      });
+    }
+    U(s), K(r), E && !q(s, A) && E(t, s, r), V && V(t, G.current ?? s);
+  }, Ae = (t) => (e) => {
+    if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(e.key)) {
+      e.preventDefault();
+      const r = Number(e.currentTarget.getAttribute("data-index")), c = p[r];
+      let a = null;
+      if (v != null) {
+        const s = e.shiftKey ? Y : v;
+        switch (e.key) {
+          case "ArrowUp":
+            a = S(c, s, 1, l, m);
+            break;
+          case "ArrowRight":
+            a = S(c, s, y ? -1 : 1, l, m);
+            break;
+          case "ArrowDown":
+            a = S(c, s, -1, l, m);
+            break;
+          case "ArrowLeft":
+            a = S(c, s, y ? 1 : -1, l, m);
+            break;
+          case "PageUp":
+            a = S(c, Y, 1, l, m);
+            break;
+          case "PageDown":
+            a = S(c, Y, -1, l, m);
+            break;
+          case "Home":
+            a = l;
+            break;
+          case "End":
+            a = m;
+            break;
+        }
+      } else if ($) {
+        const s = d[d.length - 1], w = d.indexOf(c), x = [y ? "ArrowRight" : "ArrowLeft", "ArrowDown", "PageDown", "Home"], f = [y ? "ArrowLeft" : "ArrowRight", "ArrowUp", "PageUp", "End"];
+        x.includes(e.key) ? w === 0 ? a = d[0] : a = d[w - 1] : f.includes(e.key) && (w === d.length - 1 ? a = s : a = d[w + 1]);
+      }
+      a != null && ce(e, a);
+    }
+    t?.onKeyDown?.(e);
+  };
+  Ne(() => {
+    i && b.current.contains(document.activeElement) && document.activeElement?.blur();
+  }, [i]), i && O !== -1 && D(-1), i && ie !== -1 && K(-1);
+  const He = (t) => (e) => {
+    t.onChange?.(e), ce(e, e.target.valueAsNumber);
+  }, ue = g.useRef(void 0);
+  let z = N;
+  y && N === "horizontal" && (z += "-reverse");
+  const B = ({
+    finger: t,
+    move: e = !1
+  }) => {
+    const {
+      current: r
+    } = b, {
+      width: c,
+      height: a,
+      bottom: s,
+      left: w
+    } = r.getBoundingClientRect();
+    let x;
+    z.startsWith("vertical") ? x = (s - t.y) / a : x = (t.x - w) / c, z.includes("-reverse") && (x = 1 - x);
+    let f;
+    if (f = Ue(x, l, m), v)
+      f = Ke(f, v, l);
+    else {
+      const Q = me(d, f);
+      f = d[Q];
+    }
+    f = P(f, l, m);
+    let k = 0;
+    if (M) {
+      e ? k = ue.current : k = me(p, f), h && (f = P(f, p[k - 1] || -1 / 0, p[k + 1] || 1 / 0));
+      const Q = f;
+      f = he({
+        values: p,
+        newValue: f,
+        index: k
+      }), h && e || (k = f.indexOf(Q), ue.current = k);
+    }
+    return {
+      newValue: f,
+      activeIndex: k
+    };
+  }, C = Z((t) => {
+    const e = _(t, I);
+    if (!e)
+      return;
+    if (F.current += 1, t.type === "mousemove" && t.buttons === 0) {
+      T(t);
+      return;
+    }
+    const {
+      newValue: r,
+      activeIndex: c
+    } = B({
+      finger: e,
+      move: !0
+    });
+    j({
+      sliderRef: b,
+      activeIndex: c,
+      setActive: D
+    }), U(r), !oe && F.current > Fe && se(!0), E && !q(r, A) && E(t, r, c);
+  }), T = Z((t) => {
+    const e = _(t, I);
+    if (se(!1), !e)
+      return;
+    const {
+      newValue: r
+    } = B({
+      finger: e,
+      move: !0
+    });
+    D(-1), t.type === "touchend" && L(-1), V && V(t, G.current ?? r), I.current = void 0, R();
+  }), J = Z((t) => {
+    if (i)
+      return;
+    ge() || t.preventDefault();
+    const e = t.changedTouches[0];
+    e != null && (I.current = e.identifier);
+    const r = _(t, I);
+    if (r !== !1) {
+      const {
+        newValue: a,
+        activeIndex: s
+      } = B({
+        finger: r
+      });
+      j({
+        sliderRef: b,
+        activeIndex: s,
+        setActive: D
+      }), U(a), E && !q(a, A) && E(t, a, s);
+    }
+    F.current = 0;
+    const c = X(b.current);
+    c.addEventListener("touchmove", C, {
+      passive: !0
+    }), c.addEventListener("touchend", T, {
+      passive: !0
+    });
+  }), R = g.useCallback(() => {
+    const t = X(b.current);
+    t.removeEventListener("mousemove", C), t.removeEventListener("mouseup", T), t.removeEventListener("touchmove", C), t.removeEventListener("touchend", T);
+  }, [T, C]);
+  g.useEffect(() => {
+    const {
+      current: t
+    } = b;
+    return t.addEventListener("touchstart", J, {
+      passive: ge()
+    }), () => {
+      t.removeEventListener("touchstart", J), R();
+    };
+  }, [R, J]), g.useEffect(() => {
+    i && R();
+  }, [i, R]);
+  const Ie = (t) => (e) => {
+    if (t.onMouseDown?.(e), i || e.defaultPrevented || e.button !== 0)
+      return;
+    e.preventDefault();
+    const r = _(e, I);
+    if (r !== !1) {
+      const {
+        newValue: a,
+        activeIndex: s
+      } = B({
+        finger: r
+      });
+      j({
+        sliderRef: b,
+        activeIndex: s,
+        setActive: D
+      }), U(a), E && !q(a, A) && E(e, a, s);
+    }
+    F.current = 0;
+    const c = X(b.current);
+    c.addEventListener("mousemove", C, {
+      passive: !0
+    }), c.addEventListener("mouseup", T);
+  }, le = pe(M ? p[0] : l, l, m), Te = pe(p[p.length - 1], l, m) - le, Se = (t = {}) => {
+    const e = ee(t), r = {
+      onMouseDown: Ie(e || {})
+    }, c = {
+      ...e,
+      ...r
+    };
+    return {
+      ...t,
+      ref: ae,
+      ...c
+    };
+  }, De = (t) => (e) => {
+    t.onMouseOver?.(e);
+    const r = Number(e.currentTarget.getAttribute("data-index"));
+    L(r);
+  }, Le = (t) => (e) => {
+    t.onMouseLeave?.(e), L(-1);
+  }, Me = (t = {}) => {
+    const e = ee(t), r = {
+      onMouseOver: De(e || {}),
+      onMouseLeave: Le(e || {})
+    };
+    return {
+      ...t,
+      ...e,
+      ...r
+    };
+  }, Ce = (t) => ({
+    // So the non active thumb doesn't show its label on hover.
+    pointerEvents: O !== -1 && O !== t ? "none" : void 0
+  });
+  let fe;
+  return N === "vertical" && (fe = y ? "vertical-rl" : "vertical-lr"), {
+    active: O,
+    axis: z,
+    axisProps: ze,
+    dragging: oe,
+    focusedThumbIndex: ie,
+    getHiddenInputProps: (t = {}) => {
+      const e = ee(t), r = {
+        onChange: He(e || {}),
+        onFocus: Ee(e || {}),
+        onBlur: ke(e || {}),
+        onKeyDown: Ae(e || {})
+      }, c = {
+        ...e,
+        ...r
+      };
+      return {
+        tabIndex: xe,
+        "aria-labelledby": o,
+        "aria-orientation": N,
+        "aria-valuemax": re(m),
+        "aria-valuemin": re(l),
+        name: te,
+        type: "range",
+        min: n.min,
+        max: n.max,
+        step: n.step === null && n.marks ? "any" : n.step ?? void 0,
+        disabled: i,
+        ...t,
+        ...c,
+        style: {
+          ...Oe,
+          direction: y ? "rtl" : "ltr",
+          // So that VoiceOver's focus indicator matches the thumb's dimensions
+          width: "100%",
+          height: "100%",
+          writingMode: fe
+        }
+      };
+    },
+    getRootProps: Se,
+    getThumbProps: Me,
+    marks: $,
+    open: ve,
+    range: M,
+    rootRef: ae,
+    trackLeap: Te,
+    trackOffset: le,
+    values: p,
+    getThumbStyle: Ce
+  };
 }
 export {
-  c as default
+  Be as Identity,
+  tt as useSlider,
+  pe as valueToPercent
 };
 //# sourceMappingURL=ui-components.es201.js.map