@wandelbots/wandelbots-js-react-components 3.1.1 → 3.2.0-pr.feat-improve-exports.414.40b4b4e

package/dist/VelocitySlider-QSg_8eb1.js

@@ -0,0 +1,1906 @@
+import { Vector3 as Ze } from "three";
+import { j as y } from "./externalizeComponent-RpcZ_G17.js";
+import { useTheme as Pe, Stack as ge, CircularProgress as kt, capitalize as St, Typography as ut } from "@mui/material";
+import { lowerFirst as wt } from "lodash-es";
+import * as k from "react";
+import { useState as Lt, useEffect as Tt } from "react";
+import { A as Qe } from "./index-DSz82V23.js";
+import { observer as Ot } from "mobx-react-lite";
+import { useTranslation as Ct } from "react-i18next";
+import n from "prop-types";
+import { d as Q, u as ft, e as me, f as jt, g as Xe, o as Re, h as Et, i as Nt, j as At, s as H, k as W, l as Mt, m as ce, n as He, p as et, q as tt, t as dt } from "./createSvgIcon-D3GRPlVu.js";
+const Rt = /* @__PURE__ */ k.createContext();
+process.env.NODE_ENV !== "production" && (n.node, n.bool);
+const It = () => k.useContext(Rt) ?? !1;
+function Vt(e) {
+  const {
+    controlled: t,
+    default: r,
+    name: o,
+    state: s = "value"
+  } = e, {
+    current: f
+  } = k.useRef(t !== void 0), [b, d] = k.useState(r), u = f ? t : b;
+  if (process.env.NODE_ENV !== "production") {
+    k.useEffect(() => {
+      f !== (t !== void 0) && console.error([`MUI: A component is changing the ${f ? "" : "un"}controlled ${s} state of ${o} to be ${f ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [s, o, t]);
+    const {
+      current: T
+    } = k.useRef(r);
+    k.useEffect(() => {
+      !f && !Object.is(T, r) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  const g = k.useCallback((T) => {
+    f || d(T);
+  }, []);
+  return [u, g];
+}
+var $t = typeof global == "object" && global && global.Object === Object && global, zt = typeof self == "object" && self && self.Object === Object && self, Pt = $t || zt || Function("return this")(), $e = Pt.Symbol, pt = Object.prototype, Dt = pt.hasOwnProperty, Ut = pt.toString, be = $e ? $e.toStringTag : void 0;
+function Ft(e) {
+  var t = Dt.call(e, be), r = e[be];
+  try {
+    e[be] = void 0;
+    var o = !0;
+  } catch {
+  }
+  var s = Ut.call(e);
+  return o && (t ? e[be] = r : delete e[be]), s;
+}
+var _t = Object.prototype, qt = _t.toString;
+function Wt(e) {
+  return qt.call(e);
+}
+var Yt = "[object Null]", Bt = "[object Undefined]", nt = $e ? $e.toStringTag : void 0;
+function Kt(e) {
+  return e == null ? e === void 0 ? Bt : Yt : nt && nt in Object(e) ? Ft(e) : Wt(e);
+}
+function Xt(e) {
+  return e != null && typeof e == "object";
+}
+function Dn(e, t, r) {
+  if (t.length !== e.length)
+    return !0;
+  for (let o = 0; o < t.length; o++)
+    if (
+      // biome-ignore lint/style/noNonNullAssertion: legacy code
+      Math.abs(t[o] - e[o]) > r
+    )
+      return !1;
+  return !0;
+}
+function Jt(e, t, r) {
+  if (e === void 0 && t || e && t === void 0 || (e == null ? void 0 : e.orientation) === void 0 || (t == null ? void 0 : t.orientation) === void 0 || (e == null ? void 0 : e.position) === void 0 || (t == null ? void 0 : t.position) === void 0)
+    return !1;
+  if (e === void 0 || t === void 0)
+    return !0;
+  let o = 0;
+  return o += Math.abs(e.orientation[0] - t.orientation[0]), o += Math.abs(e.orientation[1] - t.orientation[1]), o += Math.abs(e.orientation[2] - t.orientation[2]), o += Math.abs(e.position[0] - t.position[0]), o += Math.abs(e.position[1] - t.position[1]), o += Math.abs(e.position[2] - t.position[2]), o <= r;
+}
+function Un(e, t, r) {
+  return e.coordinate_system === t.coordinate_system && e.tcp === t.tcp && Jt(
+    e.tcp_pose,
+    t.tcp_pose,
+    r
+  );
+}
+function Fn(e, t) {
+  const r = new Ze(
+    t[0],
+    t[1],
+    t[2]
+  ), o = new Ze(
+    e[0],
+    e[1],
+    e[2]
+  ), s = r.length(), f = r.normalize();
+  let b = o.length(), d = o.normalize();
+  d.dot(f) < 0 && (b = -b, d = d.multiplyScalar(-1));
+  let u = b - s;
+  return u -= 2 * Math.PI * Math.floor((u + Math.PI) / (2 * Math.PI)), b = s + u, [...d.multiplyScalar(b)];
+}
+function Gt(e) {
+  try {
+    return JSON.stringify(e);
+  } catch {
+    return;
+  }
+}
+function _n(e, t) {
+  throw new Error(t + ` ${JSON.stringify(e)}`);
+}
+function Zt(e) {
+  var t, r, o, s;
+  return e instanceof Qe && e.code === "ERR_NETWORK" ? "Failed to connect to the server. Please check your internet connection." : e instanceof Qe && e.response ? `${(t = e.response) == null ? void 0 : t.status} ${(r = e.response) == null ? void 0 : r.statusText} from ${(o = e.response) == null ? void 0 : o.config.url}: ${JSON.stringify((s = e.response) == null ? void 0 : s.data)}` : e instanceof Error ? e.message : `Unexpected error: ${Gt(e) || e}`;
+}
+const qn = (e) => {
+  const t = e.softTimeout || 3e3, [r, o] = Lt(!1), s = Pe();
+  return Tt(() => {
+    const f = setTimeout(() => {
+      o(!0);
+    }, t);
+    return () => clearTimeout(f);
+  }), /* @__PURE__ */ y.jsx(
+    ge,
+    {
+      width: "100%",
+      height: "100%",
+      alignItems: "center",
+      justifyContent: "center",
+      sx: { color: s.palette.text.primary },
+      children: e.error ? /* @__PURE__ */ y.jsx(
+        Qt,
+        {
+          loadingMessage: e.message,
+          error: e.error
+        }
+      ) : /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+        /* @__PURE__ */ y.jsx(kt, { sx: { marginBottom: "24px" } }),
+        !!e.message && /* @__PURE__ */ y.jsx("div", { children: e.message }),
+        /* @__PURE__ */ y.jsx(
+          ge,
+          {
+            sx: {
+              visibility: r ? "visible" : "hidden",
+              marginTop: "1rem",
+              color: s.palette.text.secondary
+            },
+            children: "This is taking longer than expected..."
+          }
+        )
+      ] })
+    }
+  );
+}, Qt = (e) => {
+  const t = Zt(e.error), r = e.error instanceof Error ? e.error.stack : null, o = Pe();
+  return /* @__PURE__ */ y.jsxs(
+    ge,
+    {
+      sx: {
+        maxHeight: "100%",
+        maxWidth: "min(100%, 800px)",
+        padding: 2,
+        overflow: "auto",
+        color: o.palette.error.main,
+        "& pre": {
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word",
+          paddingBottom: "3rem"
+        }
+      },
+      children: [
+        (e.loadingMessage ? `Error while ${wt(St(e.loadingMessage))} - ` : "") + t,
+        /* @__PURE__ */ y.jsx("br", {}),
+        r && /* @__PURE__ */ y.jsx("pre", { children: r })
+      ]
+    }
+  );
+};
+function rt(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
+    return e(...o) || t(...o);
+  };
+}
+function Ht(e) {
+  return typeof e == "string";
+}
+function en(e, t, r) {
+  return e === void 0 || Ht(e) ? t : {
+    ...t,
+    ownerState: {
+      ...t.ownerState,
+      ...r
+    }
+  };
+}
+function Ie(e, t = []) {
+  if (e === void 0)
+    return {};
+  const r = {};
+  return Object.keys(e).filter((o) => o.match(/^on[A-Z]/) && typeof e[o] == "function" && !t.includes(o)).forEach((o) => {
+    r[o] = e[o];
+  }), r;
+}
+function ot(e) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((r) => !(r.match(/^on[A-Z]/) && typeof e[r] == "function")).forEach((r) => {
+    t[r] = e[r];
+  }), t;
+}
+function tn(e) {
+  const {
+    getSlotProps: t,
+    additionalProps: r,
+    externalSlotProps: o,
+    externalForwardedProps: s,
+    className: f
+  } = e;
+  if (!t) {
+    const ee = Q(r == null ? void 0 : r.className, f, s == null ? void 0 : s.className, o == null ? void 0 : o.className), Y = {
+      ...r == null ? void 0 : r.style,
+      ...s == null ? void 0 : s.style,
+      ...o == null ? void 0 : o.style
+    }, E = {
+      ...r,
+      ...s,
+      ...o
+    };
+    return ee.length > 0 && (E.className = ee), Object.keys(Y).length > 0 && (E.style = Y), {
+      props: E,
+      internalRef: void 0
+    };
+  }
+  const b = Ie({
+    ...s,
+    ...o
+  }), d = ot(o), u = ot(s), g = t(b), T = Q(g == null ? void 0 : g.className, r == null ? void 0 : r.className, f, s == null ? void 0 : s.className, o == null ? void 0 : o.className), R = {
+    ...g == null ? void 0 : g.style,
+    ...r == null ? void 0 : r.style,
+    ...s == null ? void 0 : s.style,
+    ...o == null ? void 0 : o.style
+  }, P = {
+    ...g,
+    ...r,
+    ...u,
+    ...d
+  };
+  return T.length > 0 && (P.className = T), Object.keys(R).length > 0 && (P.style = R), {
+    props: P,
+    internalRef: g.ref
+  };
+}
+function nn(e, t, r) {
+  return typeof e == "function" ? e(t, r) : e;
+}
+function q(e) {
+  var R;
+  const {
+    elementType: t,
+    externalSlotProps: r,
+    ownerState: o,
+    skipResolvingSlotProps: s = !1,
+    ...f
+  } = e, b = s ? {} : nn(r, o), {
+    props: d,
+    internalRef: u
+  } = tn({
+    ...f,
+    externalSlotProps: b
+  }), g = ft(u, b == null ? void 0 : b.ref, (R = e.additionalProps) == null ? void 0 : R.ref);
+  return en(t, {
+    ...d,
+    ref: g
+  }, o);
+}
+function at(e) {
+  try {
+    return e.matches(":focus-visible");
+  } catch {
+    process.env.NODE_ENV !== "production" && !/jsdom/.test(window.navigator.userAgent) && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
+`));
+  }
+  return !1;
+}
+const rn = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  whiteSpace: "nowrap",
+  width: "1px"
+};
+function on(e, t, r = (o, s) => o === s) {
+  return e.length === t.length && e.every((o, s) => r(o, t[s]));
+}
+const an = 2;
+function le(e, t, r, o, s) {
+  return r === 1 ? Math.min(e + t, s) : Math.max(e - t, o);
+}
+function mt(e, t) {
+  return e - t;
+}
+function it(e, t) {
+  const {
+    index: r
+  } = e.reduce((o, s, f) => {
+    const b = Math.abs(t - s);
+    return o === null || b < o.distance || b === o.distance ? {
+      distance: b,
+      index: f
+    } : o;
+  }, null) ?? {};
+  return r;
+}
+function Ee(e, t) {
+  if (t.current !== void 0 && e.changedTouches) {
+    const r = e;
+    for (let o = 0; o < r.changedTouches.length; o += 1) {
+      const s = r.changedTouches[o];
+      if (s.identifier === t.current)
+        return {
+          x: s.clientX,
+          y: s.clientY
+        };
+    }
+    return !1;
+  }
+  return {
+    x: e.clientX,
+    y: e.clientY
+  };
+}
+function ze(e, t, r) {
+  return (e - t) * 100 / (r - t);
+}
+function sn(e, t, r) {
+  return (r - t) * e + t;
+}
+function ln(e) {
+  if (Math.abs(e) < 1) {
+    const r = e.toExponential().split("e-"), o = r[0].split(".")[1];
+    return (o ? o.length : 0) + parseInt(r[1], 10);
+  }
+  const t = e.toString().split(".")[1];
+  return t ? t.length : 0;
+}
+function cn(e, t, r) {
+  const o = Math.round((e - r) / t) * t + r;
+  return Number(o.toFixed(ln(t)));
+}
+function st({
+  values: e,
+  newValue: t,
+  index: r
+}) {
+  const o = e.slice();
+  return o[r] = t, o.sort(mt);
+}
+function Ne({
+  sliderRef: e,
+  activeIndex: t,
+  setActive: r
+}) {
+  var s, f, b;
+  const o = Re(e.current);
+  (!((s = e.current) != null && s.contains(o.activeElement)) || Number((f = o == null ? void 0 : o.activeElement) == null ? void 0 : f.getAttribute("data-index")) !== t) && ((b = e.current) == null || b.querySelector(`[type="range"][data-index="${t}"]`).focus()), r && r(t);
+}
+function Ae(e, t) {
+  return typeof e == "number" && typeof t == "number" ? e === t : typeof e == "object" && typeof t == "object" ? on(e, t) : !1;
+}
+const un = {
+  horizontal: {
+    offset: (e) => ({
+      left: `${e}%`
+    }),
+    leap: (e) => ({
+      width: `${e}%`
+    })
+  },
+  "horizontal-reverse": {
+    offset: (e) => ({
+      right: `${e}%`
+    }),
+    leap: (e) => ({
+      width: `${e}%`
+    })
+  },
+  vertical: {
+    offset: (e) => ({
+      bottom: `${e}%`
+    }),
+    leap: (e) => ({
+      height: `${e}%`
+    })
+  }
+}, fn = (e) => e;
+let Me;
+function lt() {
+  return Me === void 0 && (typeof CSS < "u" && typeof CSS.supports == "function" ? Me = CSS.supports("touch-action", "none") : Me = !0), Me;
+}
+function dn(e) {
+  const {
+    "aria-labelledby": t,
+    defaultValue: r,
+    disabled: o = !1,
+    disableSwap: s = !1,
+    isRtl: f = !1,
+    marks: b = !1,
+    max: d = 100,
+    min: u = 0,
+    name: g,
+    onChange: T,
+    onChangeCommitted: R,
+    orientation: P = "horizontal",
+    rootRef: ee,
+    scale: Y = fn,
+    step: E = 1,
+    shiftStep: te = 10,
+    tabIndex: he,
+    value: De
+  } = e, z = k.useRef(void 0), [U, ne] = k.useState(-1), [Ge, re] = k.useState(-1), [ye, ve] = k.useState(!1), oe = k.useRef(0), ue = k.useRef(null), [I, h] = Vt({
+    controlled: De,
+    default: r ?? u,
+    name: "Slider"
+  }), m = T && ((a, i, l) => {
+    const p = a.nativeEvent || a, v = new p.constructor(p.type, p);
+    Object.defineProperty(v, "target", {
+      writable: !0,
+      value: {
+        value: i,
+        name: g
+      }
+    }), ue.current = i, T(v, i, l);
+  }), ae = Array.isArray(I);
+  let w = ae ? I.slice().sort(mt) : [I];
+  w = w.map((a) => a == null ? u : me(a, u, d));
+  const fe = b === !0 && E !== null ? [...Array(Math.floor((d - u) / E) + 1)].map((a, i) => ({
+    value: u + E * i
+  })) : b || [], S = fe.map((a) => a.value), [_, ie] = k.useState(-1), x = k.useRef(null), B = ft(ee, x), Ue = (a) => (i) => {
+    var p;
+    const l = Number(i.currentTarget.getAttribute("data-index"));
+    at(i.target) && ie(l), re(l), (p = a == null ? void 0 : a.onFocus) == null || p.call(a, i);
+  }, Fe = (a) => (i) => {
+    var l;
+    at(i.target) || ie(-1), re(-1), (l = a == null ? void 0 : a.onBlur) == null || l.call(a, i);
+  }, xe = (a, i) => {
+    const l = Number(a.currentTarget.getAttribute("data-index")), p = w[l], v = S.indexOf(p);
+    let c = i;
+    if (fe && E == null) {
+      const C = S[S.length - 1];
+      c >= C ? c = C : c <= S[0] ? c = S[0] : c = c < p ? S[v - 1] : S[v + 1];
+    }
+    if (c = me(c, u, d), ae) {
+      s && (c = me(c, w[l - 1] || -1 / 0, w[l + 1] || 1 / 0));
+      const C = c;
+      c = st({
+        values: w,
+        newValue: c,
+        index: l
+      });
+      let M = l;
+      s || (M = c.indexOf(C)), Ne({
+        sliderRef: x,
+        activeIndex: M
+      });
+    }
+    h(c), ie(l), m && !Ae(c, I) && m(a, c, l), R && R(a, ue.current ?? c);
+  }, _e = (a) => (i) => {
+    var l;
+    if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(i.key)) {
+      i.preventDefault();
+      const p = Number(i.currentTarget.getAttribute("data-index")), v = w[p];
+      let c = null;
+      if (E != null) {
+        const C = i.shiftKey ? te : E;
+        switch (i.key) {
+          case "ArrowUp":
+            c = le(v, C, 1, u, d);
+            break;
+          case "ArrowRight":
+            c = le(v, C, f ? -1 : 1, u, d);
+            break;
+          case "ArrowDown":
+            c = le(v, C, -1, u, d);
+            break;
+          case "ArrowLeft":
+            c = le(v, C, f ? 1 : -1, u, d);
+            break;
+          case "PageUp":
+            c = le(v, te, 1, u, d);
+            break;
+          case "PageDown":
+            c = le(v, te, -1, u, d);
+            break;
+          case "Home":
+            c = u;
+            break;
+          case "End":
+            c = d;
+            break;
+        }
+      } else if (fe) {
+        const C = S[S.length - 1], M = S.indexOf(v), O = [f ? "ArrowRight" : "ArrowLeft", "ArrowDown", "PageDown", "Home"], V = [f ? "ArrowLeft" : "ArrowRight", "ArrowUp", "PageUp", "End"];
+        O.includes(i.key) ? M === 0 ? c = S[0] : c = S[M - 1] : V.includes(i.key) && (M === S.length - 1 ? c = C : c = S[M + 1]);
+      }
+      c != null && xe(i, c);
+    }
+    (l = a == null ? void 0 : a.onKeyDown) == null || l.call(a, i);
+  };
+  jt(() => {
+    var a;
+    o && x.current.contains(document.activeElement) && ((a = document.activeElement) == null || a.blur());
+  }, [o]), o && U !== -1 && ne(-1), o && _ !== -1 && ie(-1);
+  const ke = (a) => (i) => {
+    var l;
+    (l = a.onChange) == null || l.call(a, i), xe(i, i.target.valueAsNumber);
+  }, K = k.useRef(void 0);
+  let X = P;
+  f && P === "horizontal" && (X += "-reverse");
+  const J = ({
+    finger: a,
+    move: i = !1
+  }) => {
+    const {
+      current: l
+    } = x, {
+      width: p,
+      height: v,
+      bottom: c,
+      left: C
+    } = l.getBoundingClientRect();
+    let M;
+    X.startsWith("vertical") ? M = (c - a.y) / v : M = (a.x - C) / p, X.includes("-reverse") && (M = 1 - M);
+    let O;
+    if (O = sn(M, u, d), E)
+      O = cn(O, E, u);
+    else {
+      const pe = it(S, O);
+      O = S[pe];
+    }
+    O = me(O, u, d);
+    let V = 0;
+    if (ae) {
+      i ? V = K.current : V = it(w, O), s && (O = me(O, w[V - 1] || -1 / 0, w[V + 1] || 1 / 0));
+      const pe = O;
+      O = st({
+        values: w,
+        newValue: O,
+        index: V
+      }), s && i || (V = O.indexOf(pe), K.current = V);
+    }
+    return {
+      newValue: O,
+      activeIndex: V
+    };
+  }, G = Xe((a) => {
+    const i = Ee(a, z);
+    if (!i)
+      return;
+    if (oe.current += 1, a.type === "mousemove" && a.buttons === 0) {
+      D(a);
+      return;
+    }
+    const {
+      newValue: l,
+      activeIndex: p
+    } = J({
+      finger: i,
+      move: !0
+    });
+    Ne({
+      sliderRef: x,
+      activeIndex: p,
+      setActive: ne
+    }), h(l), !ye && oe.current > an && ve(!0), m && !Ae(l, I) && m(a, l, p);
+  }), D = Xe((a) => {
+    const i = Ee(a, z);
+    if (ve(!1), !i)
+      return;
+    const {
+      newValue: l
+    } = J({
+      finger: i,
+      move: !0
+    });
+    ne(-1), a.type === "touchend" && re(-1), R && R(a, ue.current ?? l), z.current = void 0, Z();
+  }), N = Xe((a) => {
+    if (o)
+      return;
+    lt() || a.preventDefault();
+    const i = a.changedTouches[0];
+    i != null && (z.current = i.identifier);
+    const l = Ee(a, z);
+    if (l !== !1) {
+      const {
+        newValue: v,
+        activeIndex: c
+      } = J({
+        finger: l
+      });
+      Ne({
+        sliderRef: x,
+        activeIndex: c,
+        setActive: ne
+      }), h(v), m && !Ae(v, I) && m(a, v, c);
+    }
+    oe.current = 0;
+    const p = Re(x.current);
+    p.addEventListener("touchmove", G, {
+      passive: !0
+    }), p.addEventListener("touchend", D, {
+      passive: !0
+    });
+  }), Z = k.useCallback(() => {
+    const a = Re(x.current);
+    a.removeEventListener("mousemove", G), a.removeEventListener("mouseup", D), a.removeEventListener("touchmove", G), a.removeEventListener("touchend", D);
+  }, [D, G]);
+  k.useEffect(() => {
+    const {
+      current: a
+    } = x;
+    return a.addEventListener("touchstart", N, {
+      passive: lt()
+    }), () => {
+      a.removeEventListener("touchstart", N), Z();
+    };
+  }, [Z, N]), k.useEffect(() => {
+    o && Z();
+  }, [o, Z]);
+  const qe = (a) => (i) => {
+    var v;
+    if ((v = a.onMouseDown) == null || v.call(a, i), o || i.defaultPrevented || i.button !== 0)
+      return;
+    i.preventDefault();
+    const l = Ee(i, z);
+    if (l !== !1) {
+      const {
+        newValue: c,
+        activeIndex: C
+      } = J({
+        finger: l
+      });
+      Ne({
+        sliderRef: x,
+        activeIndex: C,
+        setActive: ne
+      }), h(c), m && !Ae(c, I) && m(i, c, C);
+    }
+    oe.current = 0;
+    const p = Re(x.current);
+    p.addEventListener("mousemove", G, {
+      passive: !0
+    }), p.addEventListener("mouseup", D);
+  }, Se = ze(ae ? w[0] : u, u, d), A = ze(w[w.length - 1], u, d) - Se, de = (a = {}) => {
+    const i = Ie(a), l = {
+      onMouseDown: qe(i || {})
+    }, p = {
+      ...i,
+      ...l
+    };
+    return {
+      ...a,
+      ref: B,
+      ...p
+    };
+  }, we = (a) => (i) => {
+    var p;
+    (p = a.onMouseOver) == null || p.call(a, i);
+    const l = Number(i.currentTarget.getAttribute("data-index"));
+    re(l);
+  }, Le = (a) => (i) => {
+    var l;
+    (l = a.onMouseLeave) == null || l.call(a, i), re(-1);
+  }, Te = (a = {}) => {
+    const i = Ie(a), l = {
+      onMouseOver: we(i || {}),
+      onMouseLeave: Le(i || {})
+    };
+    return {
+      ...a,
+      ...i,
+      ...l
+    };
+  }, Oe = (a) => ({
+    // So the non active thumb doesn't show its label on hover.
+    pointerEvents: U !== -1 && U !== a ? "none" : void 0
+  });
+  let se;
+  return P === "vertical" && (se = f ? "vertical-rl" : "vertical-lr"), {
+    active: U,
+    axis: X,
+    axisProps: un,
+    dragging: ye,
+    focusedThumbIndex: _,
+    getHiddenInputProps: (a = {}) => {
+      const i = Ie(a), l = {
+        onChange: ke(i || {}),
+        onFocus: Ue(i || {}),
+        onBlur: Fe(i || {}),
+        onKeyDown: _e(i || {})
+      }, p = {
+        ...i,
+        ...l
+      };
+      return {
+        tabIndex: he,
+        "aria-labelledby": t,
+        "aria-orientation": P,
+        "aria-valuemax": Y(d),
+        "aria-valuemin": Y(u),
+        name: g,
+        type: "range",
+        min: e.min,
+        max: e.max,
+        step: e.step === null && e.marks ? "any" : e.step ?? void 0,
+        disabled: o,
+        ...a,
+        ...p,
+        style: {
+          ...rn,
+          direction: f ? "rtl" : "ltr",
+          // So that VoiceOver's focus indicator matches the thumb's dimensions
+          width: "100%",
+          height: "100%",
+          writingMode: se
+        }
+      };
+    },
+    getRootProps: de,
+    getThumbProps: Te,
+    marks: fe,
+    open: Ge,
+    range: ae,
+    rootRef: B,
+    trackLeap: A,
+    trackOffset: Se,
+    values: w,
+    getThumbStyle: Oe
+  };
+}
+function Ve(e) {
+  return typeof e == "string";
+}
+const pn = (e) => !e || !Ve(e);
+function mn(e) {
+  return typeof e.main == "string";
+}
+function bn(e, t = []) {
+  if (!mn(e))
+    return !1;
+  for (const r of t)
+    if (!e.hasOwnProperty(r) || typeof e[r] != "string")
+      return !1;
+  return !0;
+}
+function Je(e = []) {
+  return ([, t]) => t && bn(t, e);
+}
+function gn(e) {
+  return Nt("MuiSlider", e);
+}
+const $ = Et("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "thumbColorPrimary", "thumbColorSecondary", "thumbColorError", "thumbColorSuccess", "thumbColorInfo", "thumbColorWarning", "track", "trackInverted", "trackFalse", "thumbSizeSmall", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]), hn = (e) => {
+  const {
+    open: t
+  } = e;
+  return {
+    offset: Q(t && $.valueLabelOpen),
+    circle: $.valueLabelCircle,
+    label: $.valueLabelLabel
+  };
+};
+function bt(e) {
+  const {
+    children: t,
+    className: r,
+    value: o
+  } = e, s = hn(e);
+  return t ? /* @__PURE__ */ k.cloneElement(t, {
+    className: t.props.className
+  }, /* @__PURE__ */ y.jsxs(k.Fragment, {
+    children: [t.props.children, /* @__PURE__ */ y.jsx("span", {
+      className: Q(s.offset, r),
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ y.jsx("span", {
+        className: s.circle,
+        children: /* @__PURE__ */ y.jsx("span", {
+          className: s.label,
+          children: o
+        })
+      })
+    })]
+  })) : null;
+}
+process.env.NODE_ENV !== "production" && (bt.propTypes = {
+  children: n.element.isRequired,
+  className: n.string,
+  value: n.node
+});
+function ct(e) {
+  return e;
+}
+const yn = H("span", {
+  name: "MuiSlider",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, t[`color${W(r.color)}`], r.size !== "medium" && t[`size${W(r.size)}`], r.marked && t.marked, r.orientation === "vertical" && t.vertical, r.track === "inverted" && t.trackInverted, r.track === !1 && t.trackFalse];
+  }
+})(ce(({
+  theme: e
+}) => ({
+  borderRadius: 12,
+  boxSizing: "content-box",
+  display: "inline-block",
+  position: "relative",
+  cursor: "pointer",
+  touchAction: "none",
+  WebkitTapHighlightColor: "transparent",
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  [`&.${$.disabled}`]: {
+    pointerEvents: "none",
+    cursor: "default",
+    color: (e.vars || e).palette.grey[400]
+  },
+  [`&.${$.dragging}`]: {
+    [`& .${$.thumb}, & .${$.track}`]: {
+      transition: "none"
+    }
+  },
+  variants: [...Object.entries(e.palette).filter(Je()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (e.vars || e).palette[t].main
+    }
+  })), {
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      height: 4,
+      width: "100%",
+      padding: "13px 0",
+      // The primary input mechanism of the device includes a pointing device of limited accuracy.
+      "@media (pointer: coarse)": {
+        // Reach 42px touch target, about ~8mm on screen.
+        padding: "20px 0"
+      }
+    }
+  }, {
+    props: {
+      orientation: "horizontal",
+      size: "small"
+    },
+    style: {
+      height: 2
+    }
+  }, {
+    props: {
+      orientation: "horizontal",
+      marked: !0
+    },
+    style: {
+      marginBottom: 20
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      width: 4,
+      padding: "0 13px",
+      // The primary input mechanism of the device includes a pointing device of limited accuracy.
+      "@media (pointer: coarse)": {
+        // Reach 42px touch target, about ~8mm on screen.
+        padding: "0 20px"
+      }
+    }
+  }, {
+    props: {
+      orientation: "vertical",
+      size: "small"
+    },
+    style: {
+      width: 2
+    }
+  }, {
+    props: {
+      orientation: "vertical",
+      marked: !0
+    },
+    style: {
+      marginRight: 44
+    }
+  }]
+}))), vn = H("span", {
+  name: "MuiSlider",
+  slot: "Rail"
+})({
+  display: "block",
+  position: "absolute",
+  borderRadius: "inherit",
+  backgroundColor: "currentColor",
+  opacity: 0.38,
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      width: "100%",
+      height: "inherit",
+      top: "50%",
+      transform: "translateY(-50%)"
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      width: "inherit",
+      left: "50%",
+      transform: "translateX(-50%)"
+    }
+  }, {
+    props: {
+      track: "inverted"
+    },
+    style: {
+      opacity: 1
+    }
+  }]
+}), xn = H("span", {
+  name: "MuiSlider",
+  slot: "Track"
+})(ce(({
+  theme: e
+}) => ({
+  display: "block",
+  position: "absolute",
+  borderRadius: "inherit",
+  border: "1px solid currentColor",
+  backgroundColor: "currentColor",
+  transition: e.transitions.create(["left", "width", "bottom", "height"], {
+    duration: e.transitions.duration.shortest
+  }),
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      border: "none"
+    }
+  }, {
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      height: "inherit",
+      top: "50%",
+      transform: "translateY(-50%)"
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      width: "inherit",
+      left: "50%",
+      transform: "translateX(-50%)"
+    }
+  }, {
+    props: {
+      track: !1
+    },
+    style: {
+      display: "none"
+    }
+  }, ...Object.entries(e.palette).filter(Je()).map(([t]) => ({
+    props: {
+      color: t,
+      track: "inverted"
+    },
+    style: {
+      ...e.vars ? {
+        backgroundColor: e.vars.palette.Slider[`${t}Track`],
+        borderColor: e.vars.palette.Slider[`${t}Track`]
+      } : {
+        backgroundColor: He(e.palette[t].main, 0.62),
+        borderColor: He(e.palette[t].main, 0.62),
+        ...e.applyStyles("dark", {
+          backgroundColor: et(e.palette[t].main, 0.5)
+        }),
+        ...e.applyStyles("dark", {
+          borderColor: et(e.palette[t].main, 0.5)
+        })
+      }
+    }
+  }))]
+}))), kn = H("span", {
+  name: "MuiSlider",
+  slot: "Thumb",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.thumb, t[`thumbColor${W(r.color)}`], r.size !== "medium" && t[`thumbSize${W(r.size)}`]];
+  }
+})(ce(({
+  theme: e
+}) => ({
+  position: "absolute",
+  width: 20,
+  height: 20,
+  boxSizing: "border-box",
+  borderRadius: "50%",
+  outline: 0,
+  backgroundColor: "currentColor",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  transition: e.transitions.create(["box-shadow", "left", "bottom"], {
+    duration: e.transitions.duration.shortest
+  }),
+  "&::before": {
+    position: "absolute",
+    content: '""',
+    borderRadius: "inherit",
+    width: "100%",
+    height: "100%",
+    boxShadow: (e.vars || e).shadows[2]
+  },
+  "&::after": {
+    position: "absolute",
+    content: '""',
+    borderRadius: "50%",
+    // 42px is the hit target
+    width: 42,
+    height: 42,
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)"
+  },
+  [`&.${$.disabled}`]: {
+    "&:hover": {
+      boxShadow: "none"
+    }
+  },
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      width: 12,
+      height: 12,
+      "&::before": {
+        boxShadow: "none"
+      }
+    }
+  }, {
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      top: "50%",
+      transform: "translate(-50%, -50%)"
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      left: "50%",
+      transform: "translate(-50%, 50%)"
+    }
+  }, ...Object.entries(e.palette).filter(Je()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      [`&:hover, &.${$.focusVisible}`]: {
+        ...e.vars ? {
+          boxShadow: `0px 0px 0px 8px rgba(${e.vars.palette[t].mainChannel} / 0.16)`
+        } : {
+          boxShadow: `0px 0px 0px 8px ${tt(e.palette[t].main, 0.16)}`
+        },
+        "@media (hover: none)": {
+          boxShadow: "none"
+        }
+      },
+      [`&.${$.active}`]: {
+        ...e.vars ? {
+          boxShadow: `0px 0px 0px 14px rgba(${e.vars.palette[t].mainChannel} / 0.16)`
+        } : {
+          boxShadow: `0px 0px 0px 14px ${tt(e.palette[t].main, 0.16)}`
+        }
+      }
+    }
+  }))]
+}))), gt = H(bt, {
+  name: "MuiSlider",
+  slot: "ValueLabel"
+})(ce(({
+  theme: e
+}) => ({
+  zIndex: 1,
+  whiteSpace: "nowrap",
+  ...e.typography.body2,
+  fontWeight: 500,
+  transition: e.transitions.create(["transform"], {
+    duration: e.transitions.duration.shortest
+  }),
+  position: "absolute",
+  backgroundColor: (e.vars || e).palette.grey[600],
+  borderRadius: 2,
+  color: (e.vars || e).palette.common.white,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "0.25rem 0.75rem",
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      transform: "translateY(-100%) scale(0)",
+      top: "-10px",
+      transformOrigin: "bottom center",
+      "&::before": {
+        position: "absolute",
+        content: '""',
+        width: 8,
+        height: 8,
+        transform: "translate(-50%, 50%) rotate(45deg)",
+        backgroundColor: "inherit",
+        bottom: 0,
+        left: "50%"
+      },
+      [`&.${$.valueLabelOpen}`]: {
+        transform: "translateY(-100%) scale(1)"
+      }
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      transform: "translateY(-50%) scale(0)",
+      right: "30px",
+      top: "50%",
+      transformOrigin: "right center",
+      "&::before": {
+        position: "absolute",
+        content: '""',
+        width: 8,
+        height: 8,
+        transform: "translate(-50%, -50%) rotate(45deg)",
+        backgroundColor: "inherit",
+        right: -8,
+        top: "50%"
+      },
+      [`&.${$.valueLabelOpen}`]: {
+        transform: "translateY(-50%) scale(1)"
+      }
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      fontSize: e.typography.pxToRem(12),
+      padding: "0.25rem 0.5rem"
+    }
+  }, {
+    props: {
+      orientation: "vertical",
+      size: "small"
+    },
+    style: {
+      right: "20px"
+    }
+  }]
+})));
+process.env.NODE_ENV !== "production" && (gt.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: n.element.isRequired,
+  /**
+   * @ignore
+   */
+  index: n.number.isRequired,
+  /**
+   * @ignore
+   */
+  open: n.bool.isRequired,
+  /**
+   * @ignore
+   */
+  value: n.node
+});
+const Sn = H("span", {
+  name: "MuiSlider",
+  slot: "Mark",
+  shouldForwardProp: (e) => dt(e) && e !== "markActive",
+  overridesResolver: (e, t) => {
+    const {
+      markActive: r
+    } = e;
+    return [t.mark, r && t.markActive];
+  }
+})(ce(({
+  theme: e
+}) => ({
+  position: "absolute",
+  width: 2,
+  height: 2,
+  borderRadius: 1,
+  backgroundColor: "currentColor",
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      top: "50%",
+      transform: "translate(-1px, -50%)"
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      left: "50%",
+      transform: "translate(-50%, 1px)"
+    }
+  }, {
+    props: {
+      markActive: !0
+    },
+    style: {
+      backgroundColor: (e.vars || e).palette.background.paper,
+      opacity: 0.8
+    }
+  }]
+}))), wn = H("span", {
+  name: "MuiSlider",
+  slot: "MarkLabel",
+  shouldForwardProp: (e) => dt(e) && e !== "markLabelActive"
+})(ce(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  color: (e.vars || e).palette.text.secondary,
+  position: "absolute",
+  whiteSpace: "nowrap",
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      top: 30,
+      transform: "translateX(-50%)",
+      "@media (pointer: coarse)": {
+        top: 40
+      }
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      left: 36,
+      transform: "translateY(50%)",
+      "@media (pointer: coarse)": {
+        left: 44
+      }
+    }
+  }, {
+    props: {
+      markLabelActive: !0
+    },
+    style: {
+      color: (e.vars || e).palette.text.primary
+    }
+  }]
+}))), Ln = (e) => {
+  const {
+    disabled: t,
+    dragging: r,
+    marked: o,
+    orientation: s,
+    track: f,
+    classes: b,
+    color: d,
+    size: u
+  } = e, g = {
+    root: ["root", t && "disabled", r && "dragging", o && "marked", s === "vertical" && "vertical", f === "inverted" && "trackInverted", f === !1 && "trackFalse", d && `color${W(d)}`, u && `size${W(u)}`],
+    rail: ["rail"],
+    track: ["track"],
+    mark: ["mark"],
+    markActive: ["markActive"],
+    markLabel: ["markLabel"],
+    markLabelActive: ["markLabelActive"],
+    valueLabel: ["valueLabel"],
+    thumb: ["thumb", t && "disabled", u && `thumbSize${W(u)}`, d && `thumbColor${W(d)}`],
+    active: ["active"],
+    disabled: ["disabled"],
+    focusVisible: ["focusVisible"]
+  };
+  return Mt(g, gn, b);
+}, Tn = ({
+  children: e
+}) => e, ht = /* @__PURE__ */ k.forwardRef(function(t, r) {
+  const o = At({
+    props: t,
+    name: "MuiSlider"
+  }), s = It(), {
+    "aria-label": f,
+    "aria-valuetext": b,
+    "aria-labelledby": d,
+    // eslint-disable-next-line react/prop-types
+    component: u = "span",
+    components: g = {},
+    componentsProps: T = {},
+    color: R = "primary",
+    classes: P,
+    className: ee,
+    disableSwap: Y = !1,
+    disabled: E = !1,
+    getAriaLabel: te,
+    getAriaValueText: he,
+    marks: De = !1,
+    max: z = 100,
+    min: U = 0,
+    name: ne,
+    onChange: Ge,
+    onChangeCommitted: re,
+    orientation: ye = "horizontal",
+    shiftStep: ve = 10,
+    size: oe = "medium",
+    step: ue = 1,
+    scale: I = ct,
+    slotProps: h,
+    slots: m,
+    tabIndex: ae,
+    track: w = "normal",
+    value: fe,
+    valueLabelDisplay: S = "off",
+    valueLabelFormat: _ = ct,
+    ...ie
+  } = o, x = {
+    ...o,
+    isRtl: s,
+    max: z,
+    min: U,
+    classes: P,
+    disabled: E,
+    disableSwap: Y,
+    orientation: ye,
+    marks: De,
+    color: R,
+    size: oe,
+    step: ue,
+    shiftStep: ve,
+    scale: I,
+    track: w,
+    valueLabelDisplay: S,
+    valueLabelFormat: _
+  }, {
+    axisProps: B,
+    getRootProps: Ue,
+    getHiddenInputProps: Fe,
+    getThumbProps: xe,
+    open: _e,
+    active: ke,
+    axis: K,
+    focusedThumbIndex: X,
+    range: J,
+    dragging: G,
+    marks: D,
+    values: N,
+    trackOffset: Z,
+    trackLeap: qe,
+    getThumbStyle: Se
+  } = dn({
+    ...x,
+    rootRef: r
+  });
+  x.marked = D.length > 0 && D.some((L) => L.label), x.dragging = G, x.focusedThumbIndex = X;
+  const A = Ln(x), de = (m == null ? void 0 : m.root) ?? g.Root ?? yn, we = (m == null ? void 0 : m.rail) ?? g.Rail ?? vn, Le = (m == null ? void 0 : m.track) ?? g.Track ?? xn, Te = (m == null ? void 0 : m.thumb) ?? g.Thumb ?? kn, Oe = (m == null ? void 0 : m.valueLabel) ?? g.ValueLabel ?? gt, se = (m == null ? void 0 : m.mark) ?? g.Mark ?? Sn, Ce = (m == null ? void 0 : m.markLabel) ?? g.MarkLabel ?? wn, a = (m == null ? void 0 : m.input) ?? g.Input ?? "input", i = (h == null ? void 0 : h.root) ?? T.root, l = (h == null ? void 0 : h.rail) ?? T.rail, p = (h == null ? void 0 : h.track) ?? T.track, v = (h == null ? void 0 : h.thumb) ?? T.thumb, c = (h == null ? void 0 : h.valueLabel) ?? T.valueLabel, C = (h == null ? void 0 : h.mark) ?? T.mark, M = (h == null ? void 0 : h.markLabel) ?? T.markLabel, O = (h == null ? void 0 : h.input) ?? T.input, V = q({
+    elementType: de,
+    getSlotProps: Ue,
+    externalSlotProps: i,
+    externalForwardedProps: ie,
+    additionalProps: {
+      ...pn(de) && {
+        as: u
+      }
+    },
+    ownerState: {
+      ...x,
+      ...i == null ? void 0 : i.ownerState
+    },
+    className: [A.root, ee]
+  }), pe = q({
+    elementType: we,
+    externalSlotProps: l,
+    ownerState: x,
+    className: A.rail
+  }), yt = q({
+    elementType: Le,
+    externalSlotProps: p,
+    additionalProps: {
+      style: {
+        ...B[K].offset(Z),
+        ...B[K].leap(qe)
+      }
+    },
+    ownerState: {
+      ...x,
+      ...p == null ? void 0 : p.ownerState
+    },
+    className: A.track
+  }), We = q({
+    elementType: Te,
+    getSlotProps: xe,
+    externalSlotProps: v,
+    ownerState: {
+      ...x,
+      ...v == null ? void 0 : v.ownerState
+    },
+    className: A.thumb
+  }), vt = q({
+    elementType: Oe,
+    externalSlotProps: c,
+    ownerState: {
+      ...x,
+      ...c == null ? void 0 : c.ownerState
+    },
+    className: A.valueLabel
+  }), Ye = q({
+    elementType: se,
+    externalSlotProps: C,
+    ownerState: x,
+    className: A.mark
+  }), Be = q({
+    elementType: Ce,
+    externalSlotProps: M,
+    ownerState: x,
+    className: A.markLabel
+  }), xt = q({
+    elementType: a,
+    getSlotProps: Fe,
+    externalSlotProps: O,
+    ownerState: x
+  });
+  return /* @__PURE__ */ y.jsxs(de, {
+    ...V,
+    children: [/* @__PURE__ */ y.jsx(we, {
+      ...pe
+    }), /* @__PURE__ */ y.jsx(Le, {
+      ...yt
+    }), D.filter((L) => L.value >= U && L.value <= z).map((L, j) => {
+      const Ke = ze(L.value, U, z), je = B[K].offset(Ke);
+      let F;
+      return w === !1 ? F = N.includes(L.value) : F = w === "normal" && (J ? L.value >= N[0] && L.value <= N[N.length - 1] : L.value <= N[0]) || w === "inverted" && (J ? L.value <= N[0] || L.value >= N[N.length - 1] : L.value >= N[0]), /* @__PURE__ */ y.jsxs(k.Fragment, {
+        children: [/* @__PURE__ */ y.jsx(se, {
+          "data-index": j,
+          ...Ye,
+          ...!Ve(se) && {
+            markActive: F
+          },
+          style: {
+            ...je,
+            ...Ye.style
+          },
+          className: Q(Ye.className, F && A.markActive)
+        }), L.label != null ? /* @__PURE__ */ y.jsx(Ce, {
+          "aria-hidden": !0,
+          "data-index": j,
+          ...Be,
+          ...!Ve(Ce) && {
+            markLabelActive: F
+          },
+          style: {
+            ...je,
+            ...Be.style
+          },
+          className: Q(A.markLabel, Be.className, F && A.markLabelActive),
+          children: L.label
+        }) : null]
+      }, j);
+    }), N.map((L, j) => {
+      const Ke = ze(L, U, z), je = B[K].offset(Ke), F = S === "off" ? Tn : Oe;
+      return (
+        /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
+        /* @__PURE__ */ y.jsx(F, {
+          ...!Ve(F) && {
+            valueLabelFormat: _,
+            valueLabelDisplay: S,
+            value: typeof _ == "function" ? _(I(L), j) : _,
+            index: j,
+            open: _e === j || ke === j || S === "on",
+            disabled: E
+          },
+          ...vt,
+          children: /* @__PURE__ */ y.jsx(Te, {
+            "data-index": j,
+            ...We,
+            className: Q(A.thumb, We.className, ke === j && A.active, X === j && A.focusVisible),
+            style: {
+              ...je,
+              ...Se(j),
+              ...We.style
+            },
+            children: /* @__PURE__ */ y.jsx(a, {
+              "data-index": j,
+              "aria-label": te ? te(j) : f,
+              "aria-valuenow": I(L),
+              "aria-labelledby": d,
+              "aria-valuetext": he ? he(I(L), j) : b,
+              value: N[j],
+              ...xt
+            })
+          })
+        }, j)
+      );
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ht.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The label of the slider.
+   */
+  "aria-label": rt(n.string, (e) => Array.isArray(e.value || e.defaultValue) && e["aria-label"] != null ? new Error("MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.") : null),
+  /**
+   * The id of the element containing a label for the slider.
+   */
+  "aria-labelledby": n.string,
+  /**
+   * A string value that provides a user-friendly name for the current value of the slider.
+   */
+  "aria-valuetext": rt(n.string, (e) => Array.isArray(e.value || e.defaultValue) && e["aria-valuetext"] != null ? new Error("MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.") : null),
+  /**
+   * @ignore
+   */
+  children: n.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: n.object,
+  /**
+   * @ignore
+   */
+  className: n.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: n.oneOfType([n.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), n.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: n.shape({
+    Input: n.elementType,
+    Mark: n.elementType,
+    MarkLabel: n.elementType,
+    Rail: n.elementType,
+    Root: n.elementType,
+    Thumb: n.elementType,
+    Track: n.elementType,
+    ValueLabel: n.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: n.shape({
+    input: n.oneOfType([n.func, n.object]),
+    mark: n.oneOfType([n.func, n.object]),
+    markLabel: n.oneOfType([n.func, n.object]),
+    rail: n.oneOfType([n.func, n.object]),
+    root: n.oneOfType([n.func, n.object]),
+    thumb: n.oneOfType([n.func, n.object]),
+    track: n.oneOfType([n.func, n.object]),
+    valueLabel: n.oneOfType([n.func, n.shape({
+      children: n.element,
+      className: n.string,
+      open: n.bool,
+      style: n.object,
+      value: n.node,
+      valueLabelDisplay: n.oneOf(["auto", "off", "on"])
+    })])
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: n.oneOfType([n.arrayOf(n.number), n.number]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+   * @default false
+   */
+  disableSwap: n.bool,
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
+   * This is important for screen reader users.
+   * @param {number} index The thumb label's index to format.
+   * @returns {string}
+   */
+  getAriaLabel: n.func,
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+   * This is important for screen reader users.
+   * @param {number} value The thumb label's value to format.
+   * @param {number} index The thumb label's index to format.
+   * @returns {string}
+   */
+  getAriaValueText: n.func,
+  /**
+   * Marks indicate predetermined values to which the user can move the slider.
+   * If `true` the marks are spaced according the value of the `step` prop.
+   * If an array, it should contain objects with `value` and an optional `label` keys.
+   * @default false
+   */
+  marks: n.oneOfType([n.arrayOf(n.shape({
+    label: n.node,
+    value: n.number.isRequired
+  })), n.bool]),
+  /**
+   * The maximum allowed value of the slider.
+   * Should not be equal to min.
+   * @default 100
+   */
+  max: n.number,
+  /**
+   * The minimum allowed value of the slider.
+   * Should not be equal to max.
+   * @default 0
+   */
+  min: n.number,
+  /**
+   * Name attribute of the hidden `input` element.
+   */
+  name: n.string,
+  /**
+   * Callback function that is fired when the slider's value changed.
+   *
+   * @param {Event} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (any).
+   * **Warning**: This is a generic event not a change event.
+   * @param {Value} value The new value.
+   * @param {number} activeThumb Index of the currently moved thumb.
+   */
+  onChange: n.func,
+  /**
+   * Callback function that is fired when the `mouseup` is triggered.
+   *
+   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {Value} value The new value.
+   */
+  onChangeCommitted: n.func,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: n.oneOf(["horizontal", "vertical"]),
+  /**
+   * A transformation function, to change the scale of the slider.
+   * @param {any} x
+   * @returns {any}
+   * @default function Identity(x) {
+   *   return x;
+   * }
+   */
+  scale: n.func,
+  /**
+   * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
+   * @default 10
+   */
+  shiftStep: n.number,
+  /**
+   * The size of the slider.
+   * @default 'medium'
+   */
+  size: n.oneOfType([n.oneOf(["small", "medium"]), n.string]),
+  /**
+   * The props used for each slot inside the Slider.
+   * @default {}
+   */
+  slotProps: n.shape({
+    input: n.oneOfType([n.func, n.object]),
+    mark: n.oneOfType([n.func, n.object]),
+    markLabel: n.oneOfType([n.func, n.object]),
+    rail: n.oneOfType([n.func, n.object]),
+    root: n.oneOfType([n.func, n.object]),
+    thumb: n.oneOfType([n.func, n.object]),
+    track: n.oneOfType([n.func, n.object]),
+    valueLabel: n.oneOfType([n.func, n.shape({
+      children: n.element,
+      className: n.string,
+      open: n.bool,
+      style: n.object,
+      value: n.node,
+      valueLabelDisplay: n.oneOf(["auto", "off", "on"])
+    })])
+  }),
+  /**
+   * The components used for each slot inside the Slider.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: n.shape({
+    input: n.elementType,
+    mark: n.elementType,
+    markLabel: n.elementType,
+    rail: n.elementType,
+    root: n.elementType,
+    thumb: n.elementType,
+    track: n.elementType,
+    valueLabel: n.elementType
+  }),
+  /**
+   * The granularity with which the slider can step through values. (A "discrete" slider.)
+   * The `min` prop serves as the origin for the valid values.
+   * We recommend (max - min) to be evenly divisible by the step.
+   *
+   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
+   * @default 1
+   */
+  step: n.number,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  /**
+   * Tab index attribute of the hidden `input` element.
+   */
+  tabIndex: n.number,
+  /**
+   * The track presentation:
+   *
+   * - `normal` the track will render a bar representing the slider value.
+   * - `inverted` the track will render a bar representing the remaining slider value.
+   * - `false` the track will render without a bar.
+   * @default 'normal'
+   */
+  track: n.oneOf(["inverted", "normal", !1]),
+  /**
+   * The value of the slider.
+   * For ranged sliders, provide an array with two values.
+   */
+  value: n.oneOfType([n.arrayOf(n.number), n.number]),
+  /**
+   * Controls when the value label is displayed:
+   *
+   * - `auto` the value label will display when the thumb is hovered or focused.
+   * - `on` will display persistently.
+   * - `off` will never display.
+   * @default 'off'
+   */
+  valueLabelDisplay: n.oneOf(["auto", "off", "on"]),
+  /**
+   * The format function the value label's value.
+   *
+   * When a function is provided, it should have the following signature:
+   *
+   * - {number} value The value label's value to format
+   * - {number} index The value label's index to format
+   * @param {any} x
+   * @returns {any}
+   * @default function Identity(x) {
+   *   return x;
+   * }
+   */
+  valueLabelFormat: n.oneOfType([n.func, n.string])
+});
+var On = "[object Number]";
+function Cn(e) {
+  return typeof e == "number" || Xt(e) && Kt(e) == On;
+}
+const Wn = Ot((e) => {
+  var f, b, d;
+  const t = Pe(), { store: r } = e, { t: o } = Ct();
+  function s(u, g) {
+    g === e.velocity || !Cn(g) || e.onVelocityChange(g);
+  }
+  return /* @__PURE__ */ y.jsxs(ge, { direction: "row", gap: 2, alignItems: "center", children: [
+    r.showVelocityLegend && /* @__PURE__ */ y.jsx(
+      ut,
+      {
+        sx: {
+          color: (d = (b = (f = t.componentsExt) == null ? void 0 : f.JoggingPanel) == null ? void 0 : b.VelocitySlider) == null ? void 0 : d.sliderLegendColor,
+          fontSize: "14px"
+        },
+        children: o("Jogging.Velocity.bt")
+      }
+    ),
+    /* @__PURE__ */ y.jsx(
+      ht,
+      {
+        value: e.velocity,
+        color: "secondary",
+        onChange: s,
+        min: e.min,
+        max: e.max,
+        "aria-labelledby": "input-slider",
+        disabled: e.disabled,
+        sx: {
+          "& .MuiSlider-valueLabelOpen": {
+            zIndex: 100,
+            backgroundColor: "transparent",
+            top: "0px"
+          }
+        }
+      }
+    ),
+    r.showVelocitySliderLabel && (e.renderValue ? e.renderValue(e.velocity) : /* @__PURE__ */ y.jsx(jn, { value: e.velocity.toString() }))
+  ] });
+});
+function jn({ value: e, sx: t }) {
+  var o;
+  const r = Pe();
+  return /* @__PURE__ */ y.jsx(
+    ge,
+    {
+      direction: "row",
+      justifyContent: "center",
+      alignItems: "center",
+      gap: "5px",
+      sx: {
+        padding: "6px 12px",
+        background: (o = r.palette.backgroundPaperElevation) == null ? void 0 : o[8],
+        borderRadius: "10px",
+        minWidth: "111px",
+        ...t
+      },
+      children: /* @__PURE__ */ y.jsx(
+        ut,
+        {
+          component: "span",
+          sx: {
+            textAlign: "right",
+            fontSize: "14px",
+            opacity: 0.8,
+            color: r.palette.text.primary,
+            whiteSpace: "nowrap"
+          },
+          children: e
+        }
+      )
+    }
+  );
+}
+export {
+  qn as L,
+  $e as S,
+  Wn as V,
+  Qt as a,
+  jn as b,
+  _n as c,
+  Kt as d,
+  $t as f,
+  Xt as i,
+  Dn as j,
+  Jt as p,
+  Pt as r,
+  Un as t,
+  Fn as u
+};
+//# sourceMappingURL=VelocitySlider-QSg_8eb1.js.map