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

package/dist/VelocitySlider-QSg_8eb1.js

@@ -1,1906 +0,0 @@
-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