@weng-lab/ui-components 3.0.1-beta.0 → 3.1.0

package/dist/ui-components.es195.js

@@ -1,453 +1,178 @@
-import * as g from "react";
-import Re from "./ui-components.es272.js";
-import Pe from "./ui-components.es176.js";
-import P from "./ui-components.es273.js";
-import Ve from "./ui-components.es124.js";
-import Ne from "./ui-components.es91.js";
-import Z from "./ui-components.es177.js";
-import X from "./ui-components.es186.js";
-import ee from "./ui-components.es249.js";
-import Oe from "./ui-components.es274.js";
-import de from "./ui-components.es181.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;
+import j from "./ui-components.es196.js";
+import z, { getOverlays as q, getOpacity as J } from "./ui-components.es198.js";
+import K from "./ui-components.es202.js";
+import Q from "./ui-components.es203.js";
+import { stringifyTheme as X } from "./ui-components.es204.js";
+import { dark as Y, light as Z } from "./ui-components.es194.js";
+import ee from "./ui-components.es170.js";
+import re from "./ui-components.es205.js";
+import { private_safeDarken as l, private_safeLighten as s, private_safeAlpha as b, private_safeEmphasize as I, private_safeColorChannel as x, hslToRgb as te } from "./ui-components.es54.js";
+import ae from "./ui-components.es206.js";
+import ne from "./ui-components.es207.js";
+import ie from "./ui-components.es208.js";
+import { createGetColorSchemeSelector as oe } from "./ui-components.es209.js";
+import le from "./ui-components.es210.js";
+import se from "./ui-components.es211.js";
+import ce from "./ui-components.es212.js";
+import { createUnarySpacing as ge } from "./ui-components.es213.js";
+function pe(o, m) {
+  m.forEach((g) => {
+    o[g] || (o[g] = {});
+  });
 }
-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 r(o, m, g) {
+  !o[m] && g && (o[m] = g);
 }
-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 T(o) {
+  return typeof o != "string" || !o.startsWith("hsl") ? o : te(o);
 }
-function pe(n, o, u) {
-  return (n - o) * 100 / (u - o);
+function h(o, m) {
+  `${m}Channel` in o || (o[`${m}Channel`] = x(T(o[m]), `MUI: Can't create \`palette.${m}Channel\` because \`palette.${m}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${m}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function Ue(n, o, u) {
-  return (u - o) * n + o;
+function de(o) {
+  return typeof o == "number" ? `${o}px` : typeof o == "string" || typeof o == "function" || Array.isArray(o) ? o : "8px";
 }
-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 u = (o) => {
+  try {
+    return o();
+  } catch {
   }
-  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}%`
-    })
+}, me = (o = "mui") => ce(o);
+function L(o, m, g, v, A) {
+  if (!g)
+    return;
+  g = g === !0 ? {} : g;
+  const C = A === "dark" ? "dark" : "light";
+  if (!v) {
+    m[A] = z({
+      ...g,
+      palette: {
+        mode: C,
+        ...g?.palette
+      },
+      colorSpace: o
+    });
+    return;
   }
-}, 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;
+  const {
+    palette: t,
+    ...F
+  } = j({
+    ...v,
+    palette: {
+      mode: C,
+      ...g?.palette
+    },
+    colorSpace: o
+  });
+  return m[A] = {
+    ...g,
+    palette: t,
+    opacity: {
+      ...J(C),
+      ...g?.opacity
+    },
+    overlays: g?.overlays || q(C)
+  }, F;
 }
-function tt(n) {
+function Ve(o = {}, ...m) {
   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);
+    colorSchemes: g = {
+      light: !0
+    },
+    defaultColorScheme: v,
+    disableCssColorScheme: A = !1,
+    cssVarPrefix: C = "mui",
+    nativeColor: t = !1,
+    shouldSkipGeneratingVar: F = K,
+    colorSchemeSelector: P = g.light && g.dark ? "media" : void 0,
+    rootSelector: O = ":root",
+    ...D
+  } = o, E = Object.keys(g)[0], S = v || (g.light && E !== "light" ? "light" : E), a = me(C), {
+    [S]: M,
+    light: G,
+    dark: _,
+    ...H
+  } = g, k = {
+    ...H
+  };
+  let V = M;
+  if ((S === "dark" && !("dark" in g) || S === "light" && !("light" in g)) && (V = !0), !V)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${S}\` option is either missing or invalid.` : ee(21, S));
+  let f;
+  t && (f = "oklch");
+  const $ = L(f, k, V, D, S);
+  G && !k.light && L(f, k, G, void 0, "light"), _ && !k.dark && L(f, k, _, void 0, "dark");
+  let p = {
+    defaultColorScheme: S,
+    ...$,
+    cssVarPrefix: C,
+    colorSchemeSelector: P,
+    rootSelector: O,
+    getCssVar: a,
+    colorSchemes: k,
+    font: {
+      ...re($.typography),
+      ...$.font
+    },
+    spacing: de(D.spacing)
   };
-  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];
+  Object.keys(p.colorSchemes).forEach((y) => {
+    const e = p.colorSchemes[y].palette, i = (c) => {
+      const d = c.split("-"), w = d[1], B = d[2];
+      return a(c, e[w][B]);
+    };
+    e.mode === "light" && (r(e.common, "background", "#fff"), r(e.common, "onBackground", "#000")), e.mode === "dark" && (r(e.common, "background", "#000"), r(e.common, "onBackground", "#fff"));
+    function n(c, d, w) {
+      if (f) {
+        let B;
+        return c === b && (B = `transparent ${((1 - w) * 100).toFixed(0)}%`), c === l && (B = `#000 ${(w * 100).toFixed(0)}%`), c === s && (B = `#fff ${(w * 100).toFixed(0)}%`), `color-mix(in ${f}, ${d}, ${B})`;
+      }
+      return c(d, w);
     }
-    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);
+    if (pe(e, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), e.mode === "light") {
+      r(e.Alert, "errorColor", n(l, t ? a("palette-error-light") : e.error.light, 0.6)), r(e.Alert, "infoColor", n(l, t ? a("palette-info-light") : e.info.light, 0.6)), r(e.Alert, "successColor", n(l, t ? a("palette-success-light") : e.success.light, 0.6)), r(e.Alert, "warningColor", n(l, t ? a("palette-warning-light") : e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", i("palette-error-main")), r(e.Alert, "infoFilledBg", i("palette-info-main")), r(e.Alert, "successFilledBg", i("palette-success-main")), r(e.Alert, "warningFilledBg", i("palette-warning-main")), r(e.Alert, "errorFilledColor", u(() => e.getContrastText(e.error.main))), r(e.Alert, "infoFilledColor", u(() => e.getContrastText(e.info.main))), r(e.Alert, "successFilledColor", u(() => e.getContrastText(e.success.main))), r(e.Alert, "warningFilledColor", u(() => e.getContrastText(e.warning.main))), r(e.Alert, "errorStandardBg", n(s, t ? a("palette-error-light") : e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(s, t ? a("palette-info-light") : e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(s, t ? a("palette-success-light") : e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(s, t ? a("palette-warning-light") : e.warning.light, 0.9)), r(e.Alert, "errorIconColor", i("palette-error-main")), r(e.Alert, "infoIconColor", i("palette-info-main")), r(e.Alert, "successIconColor", i("palette-success-main")), r(e.Alert, "warningIconColor", i("palette-warning-main")), r(e.AppBar, "defaultBg", i("palette-grey-100")), r(e.Avatar, "defaultBg", i("palette-grey-400")), r(e.Button, "inheritContainedBg", i("palette-grey-300")), r(e.Button, "inheritContainedHoverBg", i("palette-grey-A100")), r(e.Chip, "defaultBorder", i("palette-grey-400")), r(e.Chip, "defaultAvatarColor", i("palette-grey-700")), r(e.Chip, "defaultIconColor", i("palette-grey-700")), r(e.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), r(e.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), r(e.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), r(e.LinearProgress, "primaryBg", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.LinearProgress, "secondaryBg", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.LinearProgress, "errorBg", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.LinearProgress, "infoBg", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.LinearProgress, "successBg", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.LinearProgress, "warningBg", n(s, t ? a("palette-warning-light") : e.warning.main, 0.62)), r(e.Skeleton, "bg", f ? n(b, t ? a("palette-text-primary") : e.text.primary, 0.11) : `rgba(${i("palette-text-primaryChannel")} / 0.11)`), r(e.Slider, "primaryTrack", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.Slider, "secondaryTrack", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.Slider, "errorTrack", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.Slider, "infoTrack", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.Slider, "successTrack", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.Slider, "warningTrack", n(s, t ? a("palette-warning-main") : e.warning.main, 0.62));
+      const c = f ? n(l, t ? a("palette-background-default") : e.background.default, 0.6825) : I(e.background.default, 0.8);
+      r(e.SnackbarContent, "bg", c), r(e.SnackbarContent, "color", u(() => f ? Y.text.primary : e.getContrastText(c))), r(e.SpeedDialAction, "fabHoverBg", I(e.background.paper, 0.15)), r(e.StepConnector, "border", i("palette-grey-400")), r(e.StepContent, "border", i("palette-grey-400")), r(e.Switch, "defaultColor", i("palette-common-white")), r(e.Switch, "defaultDisabledColor", i("palette-grey-100")), r(e.Switch, "primaryDisabledColor", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.Switch, "secondaryDisabledColor", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.Switch, "errorDisabledColor", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.Switch, "infoDisabledColor", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.Switch, "successDisabledColor", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.Switch, "warningDisabledColor", n(s, t ? a("palette-warning-main") : e.warning.main, 0.62)), r(e.TableCell, "border", n(s, b(t ? a("palette-divider") : e.divider, 1), 0.88)), r(e.Tooltip, "bg", n(b, t ? a("palette-grey-700") : e.grey[700], 0.92));
     }
-    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;
+    if (e.mode === "dark") {
+      r(e.Alert, "errorColor", n(s, t ? a("palette-error-light") : e.error.light, 0.6)), r(e.Alert, "infoColor", n(s, t ? a("palette-info-light") : e.info.light, 0.6)), r(e.Alert, "successColor", n(s, t ? a("palette-success-light") : e.success.light, 0.6)), r(e.Alert, "warningColor", n(s, t ? a("palette-warning-light") : e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", i("palette-error-dark")), r(e.Alert, "infoFilledBg", i("palette-info-dark")), r(e.Alert, "successFilledBg", i("palette-success-dark")), r(e.Alert, "warningFilledBg", i("palette-warning-dark")), r(e.Alert, "errorFilledColor", u(() => e.getContrastText(e.error.dark))), r(e.Alert, "infoFilledColor", u(() => e.getContrastText(e.info.dark))), r(e.Alert, "successFilledColor", u(() => e.getContrastText(e.success.dark))), r(e.Alert, "warningFilledColor", u(() => e.getContrastText(e.warning.dark))), r(e.Alert, "errorStandardBg", n(l, t ? a("palette-error-light") : e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(l, t ? a("palette-info-light") : e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(l, t ? a("palette-success-light") : e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(l, t ? a("palette-warning-light") : e.warning.light, 0.9)), r(e.Alert, "errorIconColor", i("palette-error-main")), r(e.Alert, "infoIconColor", i("palette-info-main")), r(e.Alert, "successIconColor", i("palette-success-main")), r(e.Alert, "warningIconColor", i("palette-warning-main")), r(e.AppBar, "defaultBg", i("palette-grey-900")), r(e.AppBar, "darkBg", i("palette-background-paper")), r(e.AppBar, "darkColor", i("palette-text-primary")), r(e.Avatar, "defaultBg", i("palette-grey-600")), r(e.Button, "inheritContainedBg", i("palette-grey-800")), r(e.Button, "inheritContainedHoverBg", i("palette-grey-700")), r(e.Chip, "defaultBorder", i("palette-grey-700")), r(e.Chip, "defaultAvatarColor", i("palette-grey-300")), r(e.Chip, "defaultIconColor", i("palette-grey-300")), r(e.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), r(e.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), r(e.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), r(e.LinearProgress, "primaryBg", n(l, t ? a("palette-primary-main") : e.primary.main, 0.5)), r(e.LinearProgress, "secondaryBg", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.5)), r(e.LinearProgress, "errorBg", n(l, t ? a("palette-error-main") : e.error.main, 0.5)), r(e.LinearProgress, "infoBg", n(l, t ? a("palette-info-main") : e.info.main, 0.5)), r(e.LinearProgress, "successBg", n(l, t ? a("palette-success-main") : e.success.main, 0.5)), r(e.LinearProgress, "warningBg", n(l, t ? a("palette-warning-main") : e.warning.main, 0.5)), r(e.Skeleton, "bg", f ? n(b, t ? a("palette-text-primary") : e.text.primary, 0.13) : `rgba(${i("palette-text-primaryChannel")} / 0.13)`), r(e.Slider, "primaryTrack", n(l, t ? a("palette-primary-main") : e.primary.main, 0.5)), r(e.Slider, "secondaryTrack", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.5)), r(e.Slider, "errorTrack", n(l, t ? a("palette-error-main") : e.error.main, 0.5)), r(e.Slider, "infoTrack", n(l, t ? a("palette-info-main") : e.info.main, 0.5)), r(e.Slider, "successTrack", n(l, t ? a("palette-success-main") : e.success.main, 0.5)), r(e.Slider, "warningTrack", n(l, t ? a("palette-warning-light") : e.warning.main, 0.5));
+      const c = f ? n(s, t ? a("palette-background-default") : e.background.default, 0.985) : I(e.background.default, 0.98);
+      r(e.SnackbarContent, "bg", c), r(e.SnackbarContent, "color", u(() => f ? Z.text.primary : e.getContrastText(c))), r(e.SpeedDialAction, "fabHoverBg", I(e.background.paper, 0.15)), r(e.StepConnector, "border", i("palette-grey-600")), r(e.StepContent, "border", i("palette-grey-600")), r(e.Switch, "defaultColor", i("palette-grey-300")), r(e.Switch, "defaultDisabledColor", i("palette-grey-600")), r(e.Switch, "primaryDisabledColor", n(l, t ? a("palette-primary-main") : e.primary.main, 0.55)), r(e.Switch, "secondaryDisabledColor", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.55)), r(e.Switch, "errorDisabledColor", n(l, t ? a("palette-error-main") : e.error.main, 0.55)), r(e.Switch, "infoDisabledColor", n(l, t ? a("palette-info-main") : e.info.main, 0.55)), r(e.Switch, "successDisabledColor", n(l, t ? a("palette-success-main") : e.success.main, 0.55)), r(e.Switch, "warningDisabledColor", n(l, t ? a("palette-warning-light") : e.warning.main, 0.55)), r(e.TableCell, "border", n(l, b(t ? a("palette-divider") : e.divider, 1), 0.68)), r(e.Tooltip, "bg", n(b, t ? a("palette-grey-700") : e.grey[700], 0.92));
     }
-    const {
-      newValue: r,
-      activeIndex: c
-    } = B({
-      finger: e,
-      move: !0
+    h(e.background, "default"), h(e.background, "paper"), h(e.common, "background"), h(e.common, "onBackground"), h(e, "divider"), Object.keys(e).forEach((c) => {
+      const d = e[c];
+      c !== "tonalOffset" && d && typeof d == "object" && (d.main && r(e[c], "mainChannel", x(T(d.main))), d.light && r(e[c], "lightChannel", x(T(d.light))), d.dark && r(e[c], "darkChannel", x(T(d.dark))), d.contrastText && r(e[c], "contrastTextChannel", x(T(d.contrastText))), c === "text" && (h(e[c], "primary"), h(e[c], "secondary")), c === "action" && (d.active && h(e[c], "active"), d.selected && h(e[c], "selected")));
     });
-    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
+  }), p = m.reduce((y, e) => ae(y, e), p);
+  const N = {
+    prefix: C,
+    disableCssColorScheme: A,
+    shouldSkipGeneratingVar: F,
+    getSelector: Q(p),
+    enableContrastVars: t
+  }, {
+    vars: R,
+    generateThemeVars: U,
+    generateStyleSheets: W
+  } = ne(p, N);
+  return p.vars = R, Object.entries(p.colorSchemes[p.defaultColorScheme]).forEach(([y, e]) => {
+    p[y] = e;
+  }), p.generateThemeVars = U, p.generateStyleSheets = W, p.generateSpacing = function() {
+    return ie(D.spacing, ge(this));
+  }, p.getColorSchemeSelector = oe(P), p.spacing = p.generateSpacing(), p.shouldSkipGeneratingVar = F, p.unstable_sxConfig = {
+    ...le,
+    ...D?.unstable_sxConfig
+  }, p.unstable_sx = function(e) {
+    return se({
+      sx: e,
+      theme: this
     });
-  }), 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
-  };
+  }, p.toRuntimeSource = X, p;
 }
 export {
-  Be as Identity,
-  tt as useSlider,
-  pe as valueToPercent
+  me as createGetCssVar,
+  Ve as default
 };
 //# sourceMappingURL=ui-components.es195.js.map