@weng-lab/ui-components 3.0.0-beta.0 → 3.0.0

package/dist/ui-components.es100.js

@@ -1,11 +1,61 @@
-import s from "./ui-components.es99.js";
-function l(r, a, i = "Mui") {
-  const t = {};
-  return a.forEach((e) => {
-    t[e] = s(r, e, i);
-  }), t;
+import p from "./ui-components.es185.js";
+import s from "./ui-components.es186.js";
+import m from "./ui-components.es187.js";
+function d(a, o, t) {
+  a.colorSchemes && t && (a.colorSchemes[o] = {
+    ...t !== !0 && t,
+    palette: p({
+      ...t === !0 ? {} : t.palette,
+      mode: o
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function C(a = {}, ...o) {
+  const {
+    palette: t,
+    cssVariables: i = !1,
+    colorSchemes: f = t ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: n = t?.mode,
+    ...u
+  } = a, r = n || "light", h = f?.[r], e = {
+    ...f,
+    ...t ? {
+      [r]: {
+        ...typeof h != "boolean" && h,
+        palette: t
+      }
+    } : void 0
+  };
+  if (i === !1) {
+    if (!("colorSchemes" in a))
+      return m(a, ...o);
+    let c = t;
+    "palette" in a || e[r] && (e[r] !== !0 ? c = e[r].palette : r === "dark" && (c = {
+      mode: "dark"
+    }));
+    const l = m({
+      ...a,
+      palette: c
+    }, ...o);
+    return l.defaultColorScheme = r, l.colorSchemes = e, l.palette.mode === "light" && (l.colorSchemes.light = {
+      ...e.light !== !0 && e.light,
+      palette: l.palette
+    }, d(l, "dark", e.dark)), l.palette.mode === "dark" && (l.colorSchemes.dark = {
+      ...e.dark !== !0 && e.dark,
+      palette: l.palette
+    }, d(l, "light", e.light)), l;
+  }
+  return !t && !("light" in e) && r === "light" && (e.light = !0), s({
+    ...u,
+    colorSchemes: e,
+    defaultColorScheme: r,
+    ...typeof i != "boolean" && i
+  }, ...o);
 }
 export {
-  l as default
+  C as default
 };
 //# sourceMappingURL=ui-components.es100.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es100.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"],"sourcesContent":["import generateUtilityClass from \"../generateUtilityClass/index.js\";\nexport default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {\n  const result = {};\n  slots.forEach(slot => {\n    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);\n  });\n  return result;\n}"],"names":["generateUtilityClasses","componentName","slots","globalStatePrefix","result","slot","generateUtilityClass"],"mappings":";AACe,SAASA,EAAuBC,GAAeC,GAAOC,IAAoB,OAAO;AAC9F,QAAMC,IAAS,CAAA;AACf,SAAAF,EAAM,QAAQ,CAAAG,MAAQ;AACpB,IAAAD,EAAOC,CAAI,IAAIC,EAAqBL,GAAeI,GAAMF,CAAiB;AAAA,EAC5E,CAAC,GACMC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es100.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/createTheme.js"],"sourcesContent":["import createPalette from \"./createPalette.js\";\nimport createThemeWithVars from \"./createThemeWithVars.js\";\nimport createThemeNoVars from \"./createThemeNoVars.js\";\n// eslint-disable-next-line consistent-return\nfunction attachColorScheme(theme, scheme, colorScheme) {\n  if (!theme.colorSchemes) {\n    return undefined;\n  }\n  if (colorScheme) {\n    theme.colorSchemes[scheme] = {\n      ...(colorScheme !== true && colorScheme),\n      palette: createPalette({\n        ...(colorScheme === true ? {} : colorScheme.palette),\n        mode: scheme\n      }) // cast type to skip module augmentation test\n    };\n  }\n}\n\n/**\n * Generate a theme base on the options received.\n * @param options Takes an incomplete theme object and adds the missing parts.\n * @param args Deep merge the arguments with the about to be returned theme.\n * @returns A complete, ready-to-use theme object.\n */\nexport default function createTheme(options = {},\n// cast type to skip module augmentation test\n...args) {\n  const {\n    palette,\n    cssVariables = false,\n    colorSchemes: initialColorSchemes = !palette ? {\n      light: true\n    } : undefined,\n    defaultColorScheme: initialDefaultColorScheme = palette?.mode,\n    ...other\n  } = options;\n  const defaultColorSchemeInput = initialDefaultColorScheme || 'light';\n  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];\n  const colorSchemesInput = {\n    ...initialColorSchemes,\n    ...(palette ? {\n      [defaultColorSchemeInput]: {\n        ...(typeof defaultScheme !== 'boolean' && defaultScheme),\n        palette\n      }\n    } : undefined)\n  };\n  if (cssVariables === false) {\n    if (!('colorSchemes' in options)) {\n      // Behaves exactly as v5\n      return createThemeNoVars(options, ...args);\n    }\n    let paletteOptions = palette;\n    if (!('palette' in options)) {\n      if (colorSchemesInput[defaultColorSchemeInput]) {\n        if (colorSchemesInput[defaultColorSchemeInput] !== true) {\n          paletteOptions = colorSchemesInput[defaultColorSchemeInput].palette;\n        } else if (defaultColorSchemeInput === 'dark') {\n          // @ts-ignore to prevent the module augmentation test from failing\n          paletteOptions = {\n            mode: 'dark'\n          };\n        }\n      }\n    }\n    const theme = createThemeNoVars({\n      ...options,\n      palette: paletteOptions\n    }, ...args);\n    theme.defaultColorScheme = defaultColorSchemeInput;\n    theme.colorSchemes = colorSchemesInput;\n    if (theme.palette.mode === 'light') {\n      theme.colorSchemes.light = {\n        ...(colorSchemesInput.light !== true && colorSchemesInput.light),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'dark', colorSchemesInput.dark);\n    }\n    if (theme.palette.mode === 'dark') {\n      theme.colorSchemes.dark = {\n        ...(colorSchemesInput.dark !== true && colorSchemesInput.dark),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'light', colorSchemesInput.light);\n    }\n    return theme;\n  }\n  if (!palette && !('light' in colorSchemesInput) && defaultColorSchemeInput === 'light') {\n    colorSchemesInput.light = true;\n  }\n  return createThemeWithVars({\n    ...other,\n    colorSchemes: colorSchemesInput,\n    defaultColorScheme: defaultColorSchemeInput,\n    ...(typeof cssVariables !== 'boolean' && cssVariables)\n  }, ...args);\n}"],"names":["attachColorScheme","theme","scheme","colorScheme","createPalette","createTheme","options","args","palette","cssVariables","initialColorSchemes","initialDefaultColorScheme","other","defaultColorSchemeInput","defaultScheme","colorSchemesInput","createThemeNoVars","paletteOptions","createThemeWithVars"],"mappings":";;;AAIA,SAASA,EAAkBC,GAAOC,GAAQC,GAAa;AACrD,EAAKF,EAAM,gBAGPE,MACFF,EAAM,aAAaC,CAAM,IAAI;AAAA,IAC3B,GAAIC,MAAgB,MAAQA;AAAA,IAC5B,SAASC,EAAc;AAAA,MACrB,GAAID,MAAgB,KAAO,KAAKA,EAAY;AAAA,MAC5C,MAAMD;AAAA,IACd,CAAO;AAAA;AAAA,EACP;AAEA;AAQe,SAASG,EAAYC,IAAU,CAAA,MAE3CC,GAAM;AACP,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,cAAcC,IAAuBF,IAEjC,SAF2C;AAAA,MAC7C,OAAO;AAAA,IACb;AAAA,IACI,oBAAoBG,IAA4BH,GAAS;AAAA,IACzD,GAAGI;AAAA,EACP,IAAMN,GACEO,IAA0BF,KAA6B,SACvDG,IAAgBJ,IAAsBG,CAAuB,GAC7DE,IAAoB;AAAA,IACxB,GAAGL;AAAA,IACH,GAAIF,IAAU;AAAA,MACZ,CAACK,CAAuB,GAAG;AAAA,QACzB,GAAI,OAAOC,KAAkB,aAAaA;AAAA,QAC1C,SAAAN;AAAA,MACR;AAAA,IACA,IAAQ;AAAA,EACR;AACE,MAAIC,MAAiB,IAAO;AAC1B,QAAI,EAAE,kBAAkBH;AAEtB,aAAOU,EAAkBV,GAAS,GAAGC,CAAI;AAE3C,QAAIU,IAAiBT;AACrB,IAAM,aAAaF,KACbS,EAAkBF,CAAuB,MACvCE,EAAkBF,CAAuB,MAAM,KACjDI,IAAiBF,EAAkBF,CAAuB,EAAE,UACnDA,MAA4B,WAErCI,IAAiB;AAAA,MACf,MAAM;AAAA,IAClB;AAII,UAAMhB,IAAQe,EAAkB;AAAA,MAC9B,GAAGV;AAAA,MACH,SAASW;AAAA,IACf,GAAO,GAAGV,CAAI;AACV,WAAAN,EAAM,qBAAqBY,GAC3BZ,EAAM,eAAec,GACjBd,EAAM,QAAQ,SAAS,YACzBA,EAAM,aAAa,QAAQ;AAAA,MACzB,GAAIc,EAAkB,UAAU,MAAQA,EAAkB;AAAA,MAC1D,SAASd,EAAM;AAAA,IACvB,GACMD,EAAkBC,GAAO,QAAQc,EAAkB,IAAI,IAErDd,EAAM,QAAQ,SAAS,WACzBA,EAAM,aAAa,OAAO;AAAA,MACxB,GAAIc,EAAkB,SAAS,MAAQA,EAAkB;AAAA,MACzD,SAASd,EAAM;AAAA,IACvB,GACMD,EAAkBC,GAAO,SAASc,EAAkB,KAAK,IAEpDd;AAAA,EACT;AACA,SAAI,CAACO,KAAW,EAAE,WAAWO,MAAsBF,MAA4B,YAC7EE,EAAkB,QAAQ,KAErBG,EAAoB;AAAA,IACzB,GAAGN;AAAA,IACH,cAAcG;AAAA,IACd,oBAAoBF;AAAA,IACpB,GAAI,OAAOJ,KAAiB,aAAaA;AAAA,EAC7C,GAAK,GAAGF,CAAI;AACZ;","x_google_ignoreList":[0]}

package/dist/ui-components.es101.js

@@ -1,14 +1,11 @@
-const n = "exact-prop: ​";
-function u(e) {
-  return process.env.NODE_ENV === "production" ? e : {
-    ...e,
-    [n]: (o) => {
-      const t = Object.keys(o).filter((r) => !e.hasOwnProperty(r));
-      return t.length > 0 ? new Error(`The following props are not supported: ${t.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
-    }
-  };
+import s from "./ui-components.es116.js";
+function l(r, a, i = "Mui") {
+  const t = {};
+  return a.forEach((e) => {
+    t[e] = s(r, e, i);
+  }), t;
 }
 export {
-  u as default
+  l as default
 };
 //# sourceMappingURL=ui-components.es101.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es101.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/exactProp/exactProp.js"],"sourcesContent":["// This module is based on https://github.com/airbnb/prop-types-exact repository.\n// However, in order to reduce the number of dependencies and to remove some extra safe checks\n// the module was forked.\n\nconst specialProperty = 'exact-prop: \\u200b';\nexport default function exactProp(propTypes) {\n  if (process.env.NODE_ENV === 'production') {\n    return propTypes;\n  }\n  return {\n    ...propTypes,\n    [specialProperty]: props => {\n      const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));\n      if (unsupportedProps.length > 0) {\n        return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\\`${prop}\\``).join(', ')}. Please remove them.`);\n      }\n      return null;\n    }\n  };\n}"],"names":["specialProperty","exactProp","propTypes","props","unsupportedProps","prop"],"mappings":"AAIA,MAAMA,IAAkB;AACT,SAASC,EAAUC,GAAW;AAC3C,SAAI,QAAQ,IAAI,aAAa,eACpBA,IAEF;AAAA,IACL,GAAGA;AAAA,IACH,CAACF,CAAe,GAAG,CAAAG,MAAS;AAC1B,YAAMC,IAAmB,OAAO,KAAKD,CAAK,EAAE,OAAO,CAAAE,MAAQ,CAACH,EAAU,eAAeG,CAAI,CAAC;AAC1F,aAAID,EAAiB,SAAS,IACrB,IAAI,MAAM,0CAA0CA,EAAiB,IAAI,CAAAC,MAAQ,KAAKA,CAAI,IAAI,EAAE,KAAK,IAAI,CAAC,uBAAuB,IAEnI;AAAA,IACT;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es101.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"],"sourcesContent":["import generateUtilityClass from \"../generateUtilityClass/index.js\";\nexport default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {\n  const result = {};\n  slots.forEach(slot => {\n    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);\n  });\n  return result;\n}"],"names":["generateUtilityClasses","componentName","slots","globalStatePrefix","result","slot","generateUtilityClass"],"mappings":";AACe,SAASA,EAAuBC,GAAeC,GAAOC,IAAoB,OAAO;AAC9F,QAAMC,IAAS,CAAA;AACf,SAAAF,EAAM,QAAQ,CAAAG,MAAQ;AACpB,IAAAD,EAAOC,CAAI,IAAIC,EAAqBL,GAAeI,GAAMF,CAAiB;AAAA,EAC5E,CAAC,GACMC;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es102.js

@@ -1,6 +1,18 @@
-import * as e from "react";
-const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
 export {
-  f as default
+  i as clsx,
+  i as default
 };
 //# sourceMappingURL=ui-components.es102.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es102.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.\n * This is useful for effects that are only needed for client-side rendering but not for SSR.\n *\n * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * and confirm it doesn't apply to your use-case.\n */\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nexport default useEnhancedEffect;"],"names":["useEnhancedEffect","React"],"mappings":";AAWK,MAACA,IAAoB,OAAO,SAAW,MAAcC,EAAM,kBAAkBA,EAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es102.js","sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es103.js

@@ -1,5 +1,10 @@
-const a = "$$material";
+import * as e from "react";
+import o from "./ui-components.es89.js";
+import "./ui-components.es15.js";
+const t = /* @__PURE__ */ e.createContext();
+process.env.NODE_ENV !== "production" && (o.node, o.bool);
+const c = () => e.useContext(t) ?? !1;
 export {
-  a as default
+  c as useRtl
 };
 //# sourceMappingURL=ui-components.es103.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es103.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/identifier.js"],"sourcesContent":["export default '$$material';"],"names":["THEME_ID"],"mappings":"AAAA,MAAAA,IAAe;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es103.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/RtlProvider/index.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst RtlContext = /*#__PURE__*/React.createContext();\nfunction RtlProvider({\n  value,\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(RtlContext.Provider, {\n    value: value ?? true,\n    ...props\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? RtlProvider.propTypes = {\n  children: PropTypes.node,\n  value: PropTypes.bool\n} : void 0;\nexport const useRtl = () => {\n  const value = React.useContext(RtlContext);\n  return value ?? false;\n};\nexport default RtlProvider;"],"names":["RtlContext","React","PropTypes","useRtl"],"mappings":";;;AAKA,MAAMA,IAA0B,gBAAAC,EAAM,cAAa;AAUnD,QAAQ,IAAI,aAAa,iBACbC,EAAU,MACbA,EAAU;AAEP,MAACC,IAAS,MACNF,EAAM,WAAWD,CAAU,KACzB;","x_google_ignoreList":[0]}

package/dist/ui-components.es104.js

@@ -1,6 +1,453 @@
-import o from "./ui-components.es100.js";
-const t = o("MuiBox", ["root"]);
+import * as g from "react";
+import Re from "./ui-components.es224.js";
+import Pe from "./ui-components.es179.js";
+import P from "./ui-components.es225.js";
+import Ve from "./ui-components.es155.js";
+import Ne from "./ui-components.es95.js";
+import Z from "./ui-components.es180.js";
+import X from "./ui-components.es168.js";
+import ee from "./ui-components.es226.js";
+import Oe from "./ui-components.es227.js";
+import de from "./ui-components.es184.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);
+  }
+  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 {
-  t as default
+  Be as Identity,
+  tt as useSlider,
+  pe as valueToPercent
 };
 //# sourceMappingURL=ui-components.es104.js.map