@kvaser/canking-api 7.1.0-beta.241 → 7.1.0

package/dist/controls.mjs

@@ -1,205 +1,205 @@
-import { u as H, a as We, b as re, c as De, d as Ue } from "./index.mjs";
-import { C as br, D as mr, L as pr, g as vr, f as xr, M as Cr, O as Sr, R as Nr, U as yr, W as Ir, e as $r, r as Fr } from "./index.mjs";
-import { jsx as c, jsxs as L, Fragment as J } from "react/jsx-runtime";
-import * as Y from "react";
-import oe, { useCallback as F, useRef as $e, useState as A, useEffect as k, useMemo as j } from "react";
-import { FormControlLabel as Fe, Checkbox as ze, Box as Q, styled as W, Button as Ke, IconButton as we, Popover as Xe, MenuItem as se, FormControl as Me, Stack as Re, TextField as Ge, InputAdornment as he, Radio as qe, RadioGroup as Ye, Divider as He, Tooltip as ne, InputLabel as Je, Select as Qe, FormHelperText as Ze, ListSubheader as Ve, TableContainer as en, Table as nn, TableHead as tn, TableRow as ge, TableCell as be, TableBody as rn, Toolbar as an, Typography as Te, ToggleButtonGroup as ln, toggleButtonGroupClasses as me, ButtonGroup as on, buttonGroupClasses as Z, Paper as dn, ToggleButton as sn, Menu as un, ListItemIcon as cn, ListItemText as pe } from "@mui/material";
-import { LineArrowDownIcon as _e, LineArrowUpIcon as fn } from "./icons.mjs";
-import ue from "fast-deep-equal";
+import { u as re, a as Ve, b as fe, c as en, d as nn } from "./index.mjs";
+import { C as _r, D as wr, L as Rr, g as Ar, f as Tr, M as Er, O as Lr, R as Br, U as Or, W as kr, e as Wr, r as Pr } from "./index.mjs";
+import { jsx as d, jsxs as j, Fragment as ae } from "react/jsx-runtime";
+import * as te from "react";
+import me, { useCallback as $, useRef as Le, useState as B, useEffect as P, useMemo as W } from "react";
+import { FormControlLabel as Be, Checkbox as tn, Box as ie, styled as X, Button as rn, IconButton as Oe, Popover as an, MenuItem as pe, FormControl as ke, Stack as We, TextField as sn, InputAdornment as Se, Radio as ln, RadioGroup as on, Divider as dn, Tooltip as ue, InputLabel as un, Select as cn, FormHelperText as fn, ListSubheader as hn, TableContainer as gn, Table as mn, TableHead as bn, TableRow as $e, TableCell as Fe, TableBody as pn, Toolbar as xn, Typography as Pe, ToggleButtonGroup as vn, toggleButtonGroupClasses as Ie, ButtonGroup as Nn, buttonGroupClasses as le, Paper as Cn, ToggleButton as Sn, Menu as $n, ListItemIcon as Fn, ListItemText as ye } from "@mui/material";
+import { LineArrowDownIcon as je, LineArrowUpIcon as In } from "./icons.mjs";
+import xe from "fast-deep-equal";
 import "long";
-import { C as U, W as hn } from "./measurement_settings.mjs";
-function Ae({
+import { C as G, W as yn } from "./measurement_settings.mjs";
+function Ue({
   id: e = void 0,
   label: n,
   checked: t,
   onChange: r,
   disabled: a = !1,
-  size: i = "small",
-  sx: f = void 0
+  size: s = "small",
+  sx: u = void 0
 }) {
-  const d = F((l) => {
-    if (l.key === "Enter" && !l.ctrlKey && !l.altKey && !l.shiftKey) {
-      l.preventDefault();
+  const l = $((i) => {
+    if (i.key === "Enter" && !i.ctrlKey && !i.altKey && !i.shiftKey) {
+      i.preventDefault();
       return;
     }
   }, []);
-  return /* @__PURE__ */ c(
-    Fe,
+  return /* @__PURE__ */ d(
+    Be,
     {
       id: e,
       "aria-label": e,
       disabled: a,
       "aria-disabled": a,
-      control: /* @__PURE__ */ c(ze, { size: i, checked: t, onChange: (l, s) => r(s), onKeyDown: d }),
+      control: /* @__PURE__ */ d(tn, { size: s, checked: t, onChange: (i, o) => r(o), onKeyDown: l }),
       label: n,
       slotProps: { typography: { noWrap: !0 } },
-      sx: f
+      sx: u
     }
   );
 }
-var V = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Le(e) {
+var oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function gn(e) {
+function Mn(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "function");
 }
-var ce = gn, bn = typeof V == "object" && V && V.Object === Object && V, mn = bn, pn = mn, vn = typeof self == "object" && self && self.Object === Object && self, xn = pn || vn || Function("return this")(), Ee = xn, Cn = Ee, Sn = function() {
-  return Cn.Date.now();
-}, Nn = Sn, yn = /\s/;
-function In(e) {
-  for (var n = e.length; n-- && yn.test(e.charAt(n)); )
+var ve = Mn, _n = typeof oe == "object" && oe && oe.Object === Object && oe, wn = _n, Rn = wn, An = typeof self == "object" && self && self.Object === Object && self, Tn = Rn || An || Function("return this")(), ze = Tn, En = ze, Ln = function() {
+  return En.Date.now();
+}, Bn = Ln, On = /\s/;
+function kn(e) {
+  for (var n = e.length; n-- && On.test(e.charAt(n)); )
     ;
   return n;
 }
-var $n = In, Fn = $n, wn = /^\s+/;
-function Mn(e) {
-  return e && e.slice(0, Fn(e) + 1).replace(wn, "");
+var Wn = kn, Pn = Wn, jn = /^\s+/;
+function Un(e) {
+  return e && e.slice(0, Pn(e) + 1).replace(jn, "");
 }
-var Rn = Mn, Tn = Ee, _n = Tn.Symbol, Be = _n, ve = Be, Oe = Object.prototype, An = Oe.hasOwnProperty, Ln = Oe.toString, q = ve ? ve.toStringTag : void 0;
-function En(e) {
-  var n = An.call(e, q), t = e[q];
+var Dn = Un, zn = ze, Kn = zn.Symbol, Ke = Kn, Me = Ke, Xe = Object.prototype, Xn = Xe.hasOwnProperty, Hn = Xe.toString, ne = Me ? Me.toStringTag : void 0;
+function Gn(e) {
+  var n = Xn.call(e, ne), t = e[ne];
   try {
-    e[q] = void 0;
+    e[ne] = void 0;
     var r = !0;
   } catch {
   }
-  var a = Ln.call(e);
-  return r && (n ? e[q] = t : delete e[q]), a;
+  var a = Hn.call(e);
+  return r && (n ? e[ne] = t : delete e[ne]), a;
 }
-var Bn = En, On = Object.prototype, kn = On.toString;
-function jn(e) {
-  return kn.call(e);
+var qn = Gn, Yn = Object.prototype, Jn = Yn.toString;
+function Qn(e) {
+  return Jn.call(e);
 }
-var Pn = jn, xe = Be, Wn = Bn, Dn = Pn, Un = "[object Null]", zn = "[object Undefined]", Ce = xe ? xe.toStringTag : void 0;
-function Kn(e) {
-  return e == null ? e === void 0 ? zn : Un : Ce && Ce in Object(e) ? Wn(e) : Dn(e);
+var Zn = Qn, _e = Ke, Vn = qn, et = Zn, nt = "[object Null]", tt = "[object Undefined]", we = _e ? _e.toStringTag : void 0;
+function rt(e) {
+  return e == null ? e === void 0 ? tt : nt : we && we in Object(e) ? Vn(e) : et(e);
 }
-var Xn = Kn;
-function Gn(e) {
+var at = rt;
+function it(e) {
   return e != null && typeof e == "object";
 }
-var qn = Gn, Yn = Xn, Hn = qn, Jn = "[object Symbol]";
-function Qn(e) {
-  return typeof e == "symbol" || Hn(e) && Yn(e) == Jn;
+var st = it, lt = at, ot = st, dt = "[object Symbol]";
+function ut(e) {
+  return typeof e == "symbol" || ot(e) && lt(e) == dt;
 }
-var Zn = Qn, Vn = Rn, Se = ce, et = Zn, Ne = NaN, nt = /^[-+]0x[0-9a-f]+$/i, tt = /^0b[01]+$/i, rt = /^0o[0-7]+$/i, at = parseInt;
-function lt(e) {
+var ct = ut, ft = Dn, Re = ve, ht = ct, Ae = NaN, gt = /^[-+]0x[0-9a-f]+$/i, mt = /^0b[01]+$/i, bt = /^0o[0-7]+$/i, pt = parseInt;
+function xt(e) {
   if (typeof e == "number")
     return e;
-  if (et(e))
-    return Ne;
-  if (Se(e)) {
+  if (ht(e))
+    return Ae;
+  if (Re(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Se(n) ? n + "" : n;
+    e = Re(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Vn(e);
-  var t = tt.test(e);
-  return t || rt.test(e) ? at(e.slice(2), t ? 2 : 8) : nt.test(e) ? Ne : +e;
+  e = ft(e);
+  var t = mt.test(e);
+  return t || bt.test(e) ? pt(e.slice(2), t ? 2 : 8) : gt.test(e) ? Ae : +e;
 }
-var it = lt, ot = ce, le = Nn, ye = it, dt = "Expected a function", st = Math.max, ut = Math.min;
-function ct(e, n, t) {
-  var r, a, i, f, d, l, s = 0, g = !1, x = !1, y = !0;
+var vt = xt, Nt = ve, he = Bn, Te = vt, Ct = "Expected a function", St = Math.max, $t = Math.min;
+function Ft(e, n, t) {
+  var r, a, s, u, l, i, o = 0, h = !1, b = !1, x = !0;
   if (typeof e != "function")
-    throw new TypeError(dt);
-  n = ye(n) || 0, ot(t) && (g = !!t.leading, x = "maxWait" in t, i = x ? st(ye(t.maxWait) || 0, n) : i, y = "trailing" in t ? !!t.trailing : y);
-  function C(o) {
-    var M = r, E = a;
-    return r = a = void 0, s = o, f = e.apply(E, M), f;
+    throw new TypeError(Ct);
+  n = Te(n) || 0, Nt(t) && (h = !!t.leading, b = "maxWait" in t, s = b ? St(Te(t.maxWait) || 0, n) : s, x = "trailing" in t ? !!t.trailing : x);
+  function N(c) {
+    var F = r, _ = a;
+    return r = a = void 0, o = c, u = e.apply(_, F), u;
   }
-  function S(o) {
-    return s = o, d = setTimeout(T, n), g ? C(o) : f;
+  function v(c) {
+    return o = c, l = setTimeout(w, n), h ? N(c) : u;
   }
-  function I(o) {
-    var M = o - l, E = o - s, P = n - M;
-    return x ? ut(P, i - E) : P;
+  function f(c) {
+    var F = c - i, _ = c - o, z = n - F;
+    return b ? $t(z, s - _) : z;
   }
-  function w(o) {
-    var M = o - l, E = o - s;
-    return l === void 0 || M >= n || M < 0 || x && E >= i;
+  function I(c) {
+    var F = c - i, _ = c - o;
+    return i === void 0 || F >= n || F < 0 || b && _ >= s;
   }
-  function T() {
-    var o = le();
-    if (w(o))
-      return N(o);
-    d = setTimeout(T, I(o));
+  function w() {
+    var c = he();
+    if (I(c))
+      return C(c);
+    l = setTimeout(w, f(c));
   }
-  function N(o) {
-    return d = void 0, y && r ? C(o) : (r = a = void 0, f);
+  function C(c) {
+    return l = void 0, x && r ? N(c) : (r = a = void 0, u);
   }
-  function m() {
-    d !== void 0 && clearTimeout(d), s = 0, r = l = a = d = void 0;
+  function S() {
+    l !== void 0 && clearTimeout(l), o = 0, r = i = a = l = void 0;
   }
-  function h() {
-    return d === void 0 ? f : N(le());
+  function g() {
+    return l === void 0 ? u : C(he());
   }
-  function v() {
-    var o = le(), M = w(o);
-    if (r = arguments, a = this, l = o, M) {
-      if (d === void 0)
-        return S(l);
-      if (x)
-        return clearTimeout(d), d = setTimeout(T, n), C(l);
+  function p() {
+    var c = he(), F = I(c);
+    if (r = arguments, a = this, i = c, F) {
+      if (l === void 0)
+        return v(i);
+      if (b)
+        return clearTimeout(l), l = setTimeout(w, n), N(i);
     }
-    return d === void 0 && (d = setTimeout(T, n)), f;
+    return l === void 0 && (l = setTimeout(w, n)), u;
   }
-  return v.cancel = m, v.flush = h, v;
+  return p.cancel = S, p.flush = g, p;
 }
-var ke = ct;
-const ft = /* @__PURE__ */ Le(ke);
-var ht = ke, gt = ce, bt = "Expected a function";
-function mt(e, n, t) {
+var He = Ft;
+const It = /* @__PURE__ */ De(He);
+var yt = He, Mt = ve, _t = "Expected a function";
+function wt(e, n, t) {
   var r = !0, a = !0;
   if (typeof e != "function")
-    throw new TypeError(bt);
-  return gt(t) && (r = "leading" in t ? !!t.leading : r, a = "trailing" in t ? !!t.trailing : a), ht(e, n, {
+    throw new TypeError(_t);
+  return Mt(t) && (r = "leading" in t ? !!t.leading : r, a = "trailing" in t ? !!t.trailing : a), yt(e, n, {
     leading: r,
     maxWait: n,
     trailing: a
   });
 }
-var pt = mt;
-const vt = /* @__PURE__ */ Le(pt), xt = (e, n, t, r) => {
+var Rt = wt;
+const At = /* @__PURE__ */ De(Rt), Tt = (e, n, t, r) => {
   switch (n) {
     case "debounce":
-      return ft(e, t, r);
+      return It(e, t, r);
     case "throttle":
-      return vt(e, t, r);
+      return At(e, t, r);
     default:
       return e;
   }
-}, Ct = (
+}, Et = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const n = Y.useRef(e);
-    return Y.useEffect(() => {
+    const n = te.useRef(e);
+    return te.useEffect(() => {
       n.current = e;
-    }), Y.useMemo(() => (...t) => {
+    }), te.useMemo(() => (...t) => {
       var r;
       return (r = n.current) === null || r === void 0 ? void 0 : r.call(n, ...t);
     }, []);
   }
-), St = (
+), Lt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [n, t] = Y.useState((e == null ? void 0 : e.current) || null);
+    const [n, t] = te.useState((e == null ? void 0 : e.current) || null);
     return e && setTimeout(() => {
       e.current !== n && t(e.current);
-    }, 0), { refProxy: Y.useMemo(() => new Proxy((a) => {
+    }, 0), { refProxy: te.useMemo(() => new Proxy((a) => {
       a !== n && t(a);
     }, {
-      get(a, i) {
-        return i === "current" ? n : a[i];
+      get(a, s) {
+        return s === "current" ? n : a[s];
       },
-      set(a, i, f) {
-        return i === "current" ? t(f) : a[i] = f, !0;
+      set(a, s, u) {
+        return s === "current" ? t(u) : a[s] = u, !0;
       }
     }), [n]), refElement: n, setRefElement: t };
   }
-), Nt = (e, n) => n === "border-box" ? {
+), Bt = (e, n) => n === "border-box" ? {
   width: e.borderBoxSize[0].inlineSize,
   height: e.borderBoxSize[0].blockSize
 } : n === "content-box" ? {
@@ -209,137 +209,137 @@ const vt = /* @__PURE__ */ Le(pt), xt = (e, n, t, r) => {
   width: e.contentRect.width,
   height: e.contentRect.height
 };
-function yt({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: i = !0, targetRef: f, observerOptions: d, onResize: l } = {}) {
-  const s = $e(e), g = Ct(l), [x, y] = A({
+function Ot({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: s = !0, targetRef: u, observerOptions: l, onResize: i } = {}) {
+  const o = Le(e), h = Et(i), [b, x] = B({
     width: void 0,
     height: void 0
-  }), { refProxy: C, refElement: S } = St(f), { box: I } = d || {}, w = F((N) => {
-    if (!a && !i)
+  }), { refProxy: N, refElement: v } = Lt(u), { box: f } = l || {}, I = $((C) => {
+    if (!a && !s)
       return;
-    if (s.current) {
-      s.current = !1;
+    if (o.current) {
+      o.current = !1;
       return;
     }
-    const m = (h, v) => a && h.width !== v.width || i && h.height !== v.height;
-    N.forEach((h) => {
-      const v = Nt(h, I);
-      y((o) => m(o, v) ? (g == null || g({
-        width: v.width,
-        height: v.height,
-        entry: h
-      }), v) : o);
+    const S = (g, p) => a && g.width !== p.width || s && g.height !== p.height;
+    C.forEach((g) => {
+      const p = Bt(g, f);
+      x((c) => S(c, p) ? (h == null || h({
+        width: p.width,
+        height: p.height,
+        entry: g
+      }), p) : c);
     });
-  }, [a, i, s, I]), T = F(xt(w, n, t, r), [
-    w,
+  }, [a, s, o, f]), w = $(Tt(I, n, t, r), [
+    I,
     n,
     t,
     r
   ]);
-  return k(() => {
-    let N;
-    return S ? (N = new window.ResizeObserver(T), N.observe(S, d)) : (x.width || x.height) && (g == null || g({
+  return P(() => {
+    let C;
+    return v ? (C = new window.ResizeObserver(w), C.observe(v, l)) : (b.width || b.height) && (h == null || h({
       width: null,
       height: null,
       entry: null
-    }), y({ width: void 0, height: void 0 })), () => {
-      var m, h, v;
-      (m = N == null ? void 0 : N.disconnect) === null || m === void 0 || m.call(N), (v = (h = T).cancel) === null || v === void 0 || v.call(h);
+    }), x({ width: void 0, height: void 0 })), () => {
+      var S, g, p;
+      (S = C == null ? void 0 : C.disconnect) === null || S === void 0 || S.call(C), (p = (g = w).cancel) === null || p === void 0 || p.call(g);
     };
-  }, [T, S]), Object.assign({ ref: C }, x);
+  }, [w, v]), Object.assign({ ref: N }, b);
 }
-const It = () => {
-  const { ref: e, width: n } = yt();
+const kt = () => {
+  const { ref: e, width: n } = Ot();
   return {
     ref: e,
     width: n
   };
-}, $t = (...e) => {
-  const [n, t] = A();
-  return k(() => {
+}, Wt = (...e) => {
+  const [n, t] = B();
+  return P(() => {
     const r = e.filter((a) => a.width !== void 0).map((a) => Number(a.width.toFixed(1)));
     if (r.length === e.length) {
       const a = Math.max(...r);
-      t((i) => i === void 0 ? a : i);
+      t((s) => s === void 0 ? a : s);
     }
   }, [e]), n;
 };
-function Ft({ columnItem: e, width: n = void 0, children: t = void 0 }) {
-  return /* @__PURE__ */ c("div", { ref: e.ref, children: /* @__PURE__ */ c(Q, { sx: { width: n }, children: t }) });
+function Pt({ columnItem: e, width: n = void 0, children: t = void 0 }) {
+  return /* @__PURE__ */ d("div", { ref: e.ref, children: /* @__PURE__ */ d(ie, { sx: { width: n }, children: t }) });
 }
-const te = W(Ke)(() => ({
+const ce = X(rn)(() => ({
   whiteSpace: "nowrap",
   minWidth: "max-content"
 }));
-function er({ items: e, onSelect: n, onClose: t = void 0 }) {
-  const r = F(
+function hr({ items: e, onSelect: n, onClose: t = void 0 }) {
+  const r = $(
     (a) => {
       n(a), t && t();
     },
     [t, n]
   );
-  return /* @__PURE__ */ c(J, { children: e.map((a) => /* @__PURE__ */ c(se, { onClick: () => r(a.key), children: a.text }, a.key)) });
+  return /* @__PURE__ */ d(ae, { children: e.map((a) => /* @__PURE__ */ d(pe, { onClick: () => r(a.key), children: a.text }, a.key)) });
 }
-function wt({
+function jt({
   id: e = "dropdown-button",
   startIcon: n = void 0,
   endIcon: t = void 0,
   text: r = void 0,
   variant: a = "outlined",
-  color: i = void 0,
-  size: f = "medium",
-  disabled: d = !1,
-  children: l
+  color: s = void 0,
+  size: u = "medium",
+  disabled: l = !1,
+  children: i
 }) {
-  const [s, g] = A(null), x = !!s, y = F((I) => {
-    g(I.currentTarget);
-  }, []), C = F(() => {
-    g(null);
-  }, []), S = oe.cloneElement(oe.Children.only(l), {
-    onClose: C
+  const [o, h] = B(null), b = !!o, x = $((f) => {
+    h(f.currentTarget);
+  }, []), N = $(() => {
+    h(null);
+  }, []), v = me.cloneElement(me.Children.only(i), {
+    onClose: N
   });
-  return /* @__PURE__ */ L(J, { children: [
-    !r && /* @__PURE__ */ c(
-      we,
+  return /* @__PURE__ */ j(ae, { children: [
+    !r && /* @__PURE__ */ d(
+      Oe,
       {
         id: e,
         "data-testid": e,
-        "aria-controls": x ? `${e}-popover` : void 0,
+        "aria-controls": b ? `${e}-popover` : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": x ? "true" : void 0,
-        onClick: y,
-        size: f,
-        color: i,
-        disabled: d,
+        "aria-expanded": b ? "true" : void 0,
+        onClick: x,
+        size: u,
+        color: s,
+        disabled: l,
         children: n
       }
     ),
-    r && /* @__PURE__ */ c(
-      te,
+    r && /* @__PURE__ */ d(
+      ce,
       {
         id: e,
         "data-testid": e,
-        "aria-controls": x ? `${e}-popover` : void 0,
+        "aria-controls": b ? `${e}-popover` : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": x ? "true" : void 0,
+        "aria-expanded": b ? "true" : void 0,
         variant: a,
         disableElevation: !0,
-        onClick: y,
+        onClick: x,
         startIcon: n,
-        endIcon: t ?? /* @__PURE__ */ c(_e, {}),
-        size: f,
-        color: i,
-        disabled: d,
+        endIcon: t ?? /* @__PURE__ */ d(je, {}),
+        size: u,
+        color: s,
+        disabled: l,
         children: r
       }
     ),
-    /* @__PURE__ */ c(
-      Xe,
+    /* @__PURE__ */ d(
+      an,
       {
         id: `${e}-popover`,
         "aria-labelledby": e,
-        anchorEl: s,
-        open: x,
-        onClose: C,
+        anchorEl: o,
+        open: b,
+        onClose: N,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "left"
@@ -348,46 +348,46 @@ function wt({
           vertical: "top",
           horizontal: "left"
         },
-        children: S
+        children: v
       }
     )
   ] });
 }
-const Mt = W("div")(({ top: e, left: n, width: t, height: r }) => ({
+const Ut = X("div")(({ top: e, left: n, width: t, height: r }) => ({
   top: e,
   left: n,
   width: t,
   height: r,
   position: "absolute",
   zIndex: 1
-})), Rt = W("div")(({ top: e, left: n, width: t, height: r, position: a, theme: i }) => ({
+})), Dt = X("div")(({ top: e, left: n, width: t, height: r, position: a, theme: s }) => ({
   top: e,
   left: n,
   width: t,
   height: r,
   position: "absolute",
   zIndex: 2,
-  color: i.palette.primary.contrastText,
-  backgroundColor: i.palette.primary.main,
+  color: s.palette.primary.contrastText,
+  backgroundColor: s.palette.primary.main,
   display: "flex",
   flexDirection: a === "left" || a === "right" ? "column" : "row",
   borderTopLeftRadius: a === "top" || a === "left" ? 0 : 8,
   borderTopRightRadius: a === "top" || a === "right" ? 0 : 8,
   borderBottomRightRadius: a === "bottom" || a === "right" ? 0 : 8,
   borderBottomLeftRadius: a === "bottom" || a === "left" ? 0 : 8
-})), ee = 8;
-function nr({
+})), de = 8;
+function gr({
   id: e = void 0,
   position: n,
   parentWidth: t,
   parentHeight: r,
   maxLength: a,
-  dropDownSize: i,
-  autoHideTimeout: f = 0,
-  forceShow: d = !1,
-  children: l = null
+  dropDownSize: s,
+  autoHideTimeout: u = 0,
+  forceShow: l = !1,
+  children: i = null
 }) {
-  const s = j(() => {
+  const o = W(() => {
     switch (n) {
       case "left":
       case "right":
@@ -398,498 +398,501 @@ function nr({
       default:
         return a;
     }
-  }, [a, r, t, n]), g = j(() => {
+  }, [a, r, t, n]), h = W(() => {
     switch (n) {
       case "left":
       case "right":
-        return (r - s) / 2;
+        return (r - o) / 2;
       case "top":
         return 0;
       case "bottom":
-        return r - ee;
+        return r - de;
       default:
         return 0;
     }
-  }, [s, r, n]), x = j(() => {
+  }, [o, r, n]), b = W(() => {
     switch (n) {
       case "left":
         return 0;
       case "right":
-        return t - ee;
+        return t - de;
       case "top":
       case "bottom":
-        return (t - s) / 2;
+        return (t - o) / 2;
       default:
         return 0;
     }
-  }, [s, t, n]), y = j(() => {
+  }, [o, t, n]), x = W(() => {
     switch (n) {
       case "left":
       case "right":
-        return ee;
+        return de;
       case "top":
       case "bottom":
-        return s;
+        return o;
       default:
         return 0;
     }
-  }, [s, n]), C = j(() => {
+  }, [o, n]), N = W(() => {
     switch (n) {
       case "left":
       case "right":
-        return s;
+        return o;
       case "top":
       case "bottom":
-        return ee;
+        return de;
       default:
         return 0;
     }
-  }, [s, n]), S = j(() => {
+  }, [o, n]), v = W(() => {
     switch (n) {
       case "left":
       case "right":
-        return (r - s) / 2;
+        return (r - o) / 2;
       case "top":
         return 0;
       case "bottom":
-        return r - i;
+        return r - s;
       default:
         return 0;
     }
-  }, [i, s, r, n]), I = j(() => {
+  }, [s, o, r, n]), f = W(() => {
     switch (n) {
       case "left":
         return 0;
       case "right":
-        return t - i;
+        return t - s;
       case "top":
       case "bottom":
-        return (t - s) / 2;
+        return (t - o) / 2;
       default:
         return 0;
     }
-  }, [i, s, t, n]), w = j(() => {
+  }, [s, o, t, n]), I = W(() => {
     switch (n) {
       case "left":
       case "right":
-        return i;
+        return s;
       case "top":
       case "bottom":
-        return s;
+        return o;
       default:
         return 0;
     }
-  }, [i, s, n]), T = j(() => {
+  }, [s, o, n]), w = W(() => {
     switch (n) {
       case "left":
       case "right":
-        return s;
+        return o;
       case "top":
       case "bottom":
-        return i;
+        return s;
       default:
         return 0;
     }
-  }, [i, s, n]), [N, m] = A(!1), h = F(
-    (o) => {
-      o.buttons === 0 && f && m(!0);
+  }, [s, o, n]), [C, S] = B(!1), g = $(
+    (c) => {
+      c.buttons === 0 && u && S(!0);
     },
-    [f]
-  ), v = F(() => {
-    m(!1);
+    [u]
+  ), p = $(() => {
+    S(!1);
   }, []);
-  return k(() => {
-    let o;
-    return N && f && (o = setTimeout(() => m(!1), f)), () => {
-      o && clearTimeout(o);
+  return P(() => {
+    let c;
+    return C && u && (c = setTimeout(() => S(!1), u)), () => {
+      c && clearTimeout(c);
     };
-  }, [f, N]), /* @__PURE__ */ L(J, { children: [
-    /* @__PURE__ */ c(
-      Mt,
+  }, [u, C]), /* @__PURE__ */ j(ae, { children: [
+    /* @__PURE__ */ d(
+      Ut,
       {
         id: e,
-        top: g,
-        left: x,
-        width: y,
-        height: C,
+        top: h,
+        left: b,
+        width: x,
+        height: N,
         "aria-haspopup": "true",
-        onMouseEnter: h
+        onMouseEnter: g
       }
     ),
-    (N || d === !0) && /* @__PURE__ */ c(
-      Rt,
+    (C || l === !0) && /* @__PURE__ */ d(
+      Dt,
       {
-        top: S,
-        left: I,
-        width: w,
-        height: T,
+        top: v,
+        left: f,
+        width: I,
+        height: w,
         position: n,
-        onMouseLeave: v,
-        children: l
+        onMouseLeave: p,
+        children: i
       }
     )
   ] });
 }
-function de({
+function be({
   children: e,
   fullWidth: n = !0,
   spacing: t = "4px",
   alignItems: r = "center"
 }) {
-  return /* @__PURE__ */ c(Me, { margin: "dense", fullWidth: n, variant: "standard", children: /* @__PURE__ */ c(Re, { direction: "row", spacing: t, alignItems: r, children: e }) });
+  return /* @__PURE__ */ d(ke, { margin: "dense", fullWidth: n, variant: "standard", children: /* @__PURE__ */ d(We, { direction: "row", spacing: t, alignItems: r, children: e }) });
 }
-const Tt = W("input")(({ variant: e, theme: n }) => ({
+const zt = X("input")(({ variant: e, theme: n }) => ({
   ...n.typography[e]
-})), _t = W("span")(({ variant: e, theme: n }) => ({
+})), Kt = X("span")(({ variant: e, theme: n }) => ({
   ...n.typography[e]
 }));
-function At({ value: e, onChange: n, ariaLabel: t = void 0, variant: r = "body1" }) {
-  const a = $e(null), [i, f] = A(e), d = F(
-    (g) => f(g.target.value),
+function Xt({ value: e, onChange: n, ariaLabel: t = void 0, variant: r = "body1" }) {
+  const a = Le(null), [s, u] = B(e), l = $(
+    (h) => u(h.target.value),
     []
-  ), l = F(
-    (g) => {
-      (g.key === "Enter" || g.key === "Escape") && (g.key === "Escape" && (f(e), g.currentTarget.value = e), g.currentTarget.blur());
+  ), i = $(
+    (h) => {
+      (h.key === "Enter" || h.key === "Escape") && (h.key === "Escape" && (u(e), h.currentTarget.value = e), h.currentTarget.blur());
     },
     [e]
-  ), s = F(
-    (g) => {
-      n(g.target.value);
+  ), o = $(
+    (h) => {
+      n(h.target.value);
     },
     [n]
   );
-  return k(() => {
-    var g;
-    (g = a.current) == null || g.focus();
-  }, []), /* @__PURE__ */ c(
-    Tt,
+  return P(() => {
+    var h;
+    (h = a.current) == null || h.focus();
+  }, []), /* @__PURE__ */ d(
+    zt,
     {
       ref: a,
       variant: r ?? "body1",
       type: "text",
       "aria-label": t,
-      value: i,
-      onChange: d,
-      onKeyDown: l,
-      onBlur: s
+      value: s,
+      onChange: l,
+      onKeyDown: i,
+      onBlur: o
     }
   );
 }
-function tr({ editMode: e, value: n, onValueChange: t, ariaLabel: r = void 0, variant: a = "body1" }) {
-  return /* @__PURE__ */ L(J, { children: [
-    e && /* @__PURE__ */ c(At, { ariaLabel: r, value: n, onChange: t, variant: a }),
-    !e && /* @__PURE__ */ c(_t, { variant: a ?? "body1", children: n })
+function mr({ editMode: e, value: n, onValueChange: t, ariaLabel: r = void 0, variant: a = "body1" }) {
+  return /* @__PURE__ */ j(ae, { children: [
+    e && /* @__PURE__ */ d(Xt, { ariaLabel: r, value: n, onChange: t, variant: a }),
+    !e && /* @__PURE__ */ d(Kt, { variant: a ?? "body1", children: n })
   ] });
 }
-function Lt({
+function Ht({
   id: e = void 0,
   label: n = void 0,
   helperText: t = "",
   value: r,
   onChange: a = void 0,
-  onBlur: i = void 0,
-  disabled: f = !1,
-  error: d = !1,
-  required: l = !1,
-  margin: s = "dense",
-  size: g = "small",
-  fullWidth: x = !1,
-  inputMode: y = void 0,
-  pattern: C = void 0,
-  startAdornment: S = void 0,
-  endAdornment: I = void 0,
-  sx: w = void 0,
-  sxStartAdornment: T = void 0,
-  sxEndAdornment: N = void 0
+  onBlur: s = void 0,
+  disabled: u = !1,
+  error: l = !1,
+  required: i = !1,
+  margin: o = "dense",
+  size: h = "small",
+  fullWidth: b = !1,
+  inputMode: x = void 0,
+  pattern: N = void 0,
+  startAdornment: v = void 0,
+  endAdornment: f = void 0,
+  sx: I = void 0,
+  sxStartAdornment: w = void 0,
+  sxEndAdornment: C = void 0
 }) {
-  const m = F(
-    (M) => {
-      a && a(M.target.value);
+  const S = $(
+    (F) => {
+      a && a(F.target.value);
     },
     [a]
-  ), h = F((M) => {
-    if (M.key === "Enter" && !M.ctrlKey && !M.altKey && !M.shiftKey) {
-      M.preventDefault(), M.stopPropagation(), document.activeElement instanceof HTMLElement && document.activeElement.blur();
+  ), g = $((F) => {
+    if (F.key === "Enter" && !F.ctrlKey && !F.altKey && !F.shiftKey) {
+      F.preventDefault(), F.stopPropagation(), document.activeElement instanceof HTMLElement && document.activeElement.blur();
       return;
     }
-  }, []), v = T ?? { marginBottom: 1 }, o = N ?? { marginBottom: 1 };
-  return /* @__PURE__ */ c(
-    Ge,
+  }, []), p = w ?? { marginBottom: 1 }, c = C ?? { marginBottom: 1 };
+  return /* @__PURE__ */ d(
+    sn,
     {
       id: e,
       "aria-label": e,
       type: "text",
       label: n,
       helperText: t,
-      margin: s,
-      size: g,
-      fullWidth: x,
+      margin: o,
+      size: h,
+      fullWidth: b,
       variant: "standard",
       value: r,
-      onChange: m,
-      onBlur: i,
-      disabled: f,
-      "aria-disabled": f,
-      error: d,
-      required: l,
+      onChange: S,
+      onBlur: s,
+      disabled: u,
+      "aria-disabled": u,
+      error: l,
+      required: i,
       slotProps: {
         input: {
-          startAdornment: S ? /* @__PURE__ */ c(he, { position: "start", sx: { ...v }, children: S }) : null,
-          endAdornment: I ? /* @__PURE__ */ c(he, { position: "end", sx: { ...o }, children: I }) : null
+          startAdornment: v ? /* @__PURE__ */ d(Se, { position: "start", sx: { ...p }, children: v }) : null,
+          endAdornment: f ? /* @__PURE__ */ d(Se, { position: "end", sx: { ...c }, children: f }) : null
         },
         htmlInput: {
-          inputMode: y,
-          pattern: C
+          inputMode: x,
+          pattern: N
         }
       },
-      sx: w,
-      onKeyDown: h
+      sx: I,
+      onKeyDown: g
     }
   );
 }
-function G({
+function ee({
   id: e,
   label: n = void 0,
   helperText: t = "",
   value: r,
   onChange: a = void 0,
-  onBlur: i = void 0,
-  disabled: f = !1,
-  required: d = !1,
-  margin: l = "dense",
-  size: s = "small",
-  fullWidth: g = !1,
-  inputMode: x = void 0,
-  pattern: y = void 0,
-  startAdornment: C = void 0,
-  endAdornment: S = void 0,
-  sx: I = void 0,
-  sxStartAdornment: w = void 0,
-  sxEndAdornment: T = void 0,
-  error: N = void 0,
-  onErrorChange: m = void 0,
-  onValidate: h = void 0,
-  numberType: v = "int",
-  minValue: o = void 0,
-  maxValue: M = void 0
+  onBlur: s = void 0,
+  disabled: u = !1,
+  required: l = !1,
+  margin: i = "dense",
+  size: o = "small",
+  fullWidth: h = !1,
+  inputMode: b = void 0,
+  pattern: x = void 0,
+  startAdornment: N = void 0,
+  endAdornment: v = void 0,
+  sx: f = void 0,
+  sxStartAdornment: I = void 0,
+  sxEndAdornment: w = void 0,
+  error: C = void 0,
+  onErrorChange: S = void 0,
+  onValidate: g = void 0,
+  numberType: p = void 0,
+  minValue: c = void 0,
+  maxValue: F = void 0
 }) {
-  const [E, P] = A(r), [_, B] = A(N !== void 0 ? N : !1);
-  k(() => {
-    P((u) => r !== u ? r : u);
-  }, [r]), k(() => {
-    B((u) => N !== void 0 && N !== u ? N : u);
-  }, [N]);
-  const z = F(
-    (u) => {
-      const $ = Number.parseInt(u, u.startsWith("0x") ? 16 : 10);
-      let b = Number.isNaN($);
-      return b || (b = o !== void 0 && $ < o), b || (b = M !== void 0 && $ > M), { val: u, err: b };
+  const [_, z] = B(r), [K, O] = B(C !== void 0 ? C : !1);
+  P(() => {
+    z((m) => r !== m ? r : m);
+  }, [r]), P(() => {
+    O((m) => C !== void 0 && C !== m ? C : m);
+  }, [C]);
+  const E = $(
+    (m) => {
+      const A = Number.parseInt(m, m.startsWith("0x") ? 16 : 10);
+      let R = Number.isNaN(A);
+      return R || (R = c !== void 0 && A < c), R || (R = F !== void 0 && A > F), { val: m, err: R };
     },
-    [M, o]
-  ), K = F(
-    (u) => {
-      let $ = !1;
-      if (u.endsWith(",") || u.endsWith("."))
-        return $ = !0, { val: u, err: $ };
-      const b = Number.parseFloat(u.replace(",", "."));
-      return $ = Number.isNaN(b), $ || ($ = o !== void 0 && b < o), $ || ($ = M !== void 0 && b > M), { val: b.toString(), err: $ };
+    [F, c]
+  ), q = $(
+    (m) => {
+      let A = !1;
+      if (m.endsWith(",") || m.endsWith("."))
+        return A = !0, { val: m, err: A };
+      const R = Number.parseFloat(m.replace(",", "."));
+      return A = Number.isNaN(R), A || (A = c !== void 0 && R < c), A || (A = F !== void 0 && R > F), { val: R.toString(), err: A };
     },
-    [M, o]
-  ), X = F(
-    (u) => v === "int" ? z(u) : K(u),
-    [v, K, z]
-  ), D = F(
-    (u, $) => {
-      let b = u, O = !1;
-      return !d && (b === void 0 || b === "") ? { val: b, err: O } : (v !== void 0 && ({ val: b, err: O } = X(u)), !O && h && ({ val: b, err: O } = h(b, $)), { val: b, err: O });
+    [F, c]
+  ), Y = $(
+    (m) => p === "int" ? E(m) : q(m),
+    [p, q, E]
+  ), H = $(
+    (m, A) => {
+      let R = m, J = !1;
+      return !l && (R === void 0 || R === "") ? { val: R, err: J } : (p !== void 0 && ({ val: R, err: J } = Y(m)), !J && g && ({ val: R, err: J } = g(R, A)), { val: R, err: J });
     },
-    [h, X]
-  ), R = F(
-    (u) => {
-      const { val: $, err: b } = D(u, "change");
-      (N === void 0 || N === !1) && B(b), P(b ? u : $), !b && a && a($);
+    [g, Y]
+  ), y = $(
+    (m) => {
+      const { val: A, err: R } = H(m, "change");
+      O(R), z(R ? m : A), !R && a && a(A);
     },
-    [a, D]
-  ), p = F(() => {
-    const { val: u, err: $ } = D(E, "blur");
-    (N === void 0 || N === !1) && B($), !$ && i && i(u);
-  }, [i, D, E]);
-  return k(() => {
-    m && m(_);
-  }, [_, m]), /* @__PURE__ */ c(
-    Lt,
+    [a, H]
+  ), T = $(() => {
+    const { val: m, err: A } = H(_, "blur");
+    O(A), !A && s && s(m);
+  }, [s, H, _]);
+  return P(() => {
+    S && S(K);
+  }, [K, S]), P(() => {
+    let m = !1;
+    u || (m = H(_, "blur").err), O(m);
+  }, [u]), /* @__PURE__ */ d(
+    Ht,
     {
       id: e,
       label: n,
       helperText: t,
-      value: E,
-      onChange: R,
-      onBlur: p,
-      disabled: f,
-      error: _,
-      required: d,
-      margin: l,
-      size: s,
-      fullWidth: g,
-      inputMode: x,
-      pattern: y,
-      startAdornment: C,
-      endAdornment: S,
-      sx: I,
-      sxStartAdornment: w,
-      sxEndAdornment: T
+      value: _,
+      onChange: y,
+      onBlur: T,
+      disabled: u,
+      error: K,
+      required: l,
+      margin: i,
+      size: o,
+      fullWidth: h,
+      inputMode: b,
+      pattern: x,
+      startAdornment: N,
+      endAdornment: v,
+      sx: f,
+      sxStartAdornment: I,
+      sxEndAdornment: w
     }
   );
 }
-function rr({
+function br({
   minValue: e,
   maxValue: n,
   onChange: t = void 0,
   onBlur: r = void 0,
   minError: a = void 0,
-  onMinErrorChange: i = void 0,
-  maxError: f = void 0,
-  onMaxErrorChange: d = void 0,
-  onMinValidate: l = void 0,
-  onMaxValidate: s = void 0,
-  minDisabled: g = !1,
-  maxDisabled: x = !1,
-  unit: y = void 0,
-  lowerLimit: C = void 0,
-  upperLimit: S = void 0
+  onMinErrorChange: s = void 0,
+  maxError: u = void 0,
+  onMaxErrorChange: l = void 0,
+  onMinValidate: i = void 0,
+  onMaxValidate: o = void 0,
+  minDisabled: h = !1,
+  maxDisabled: b = !1,
+  unit: x = void 0,
+  lowerLimit: N = void 0,
+  upperLimit: v = void 0
 }) {
-  const I = H(), w = Number.parseInt(e), T = Number.parseInt(n), [N, m] = A(e.toString()), [h, v] = A(n.toString()), [o, M] = A(
-    a === !0 || Number.isNaN(w) || w < (C ?? 0) || S && w > S || !Number.isNaN(T) && w >= T
-  ), [E, P] = A(
-    f === !0 || Number.isNaN(T) || T < (C ?? 0) || S && T > S || !Number.isNaN(w) && w >= T
+  const f = re(), I = Number.parseInt(e), w = Number.parseInt(n), [C, S] = B(e.toString()), [g, p] = B(n.toString()), [c, F] = B(
+    a === !0 || Number.isNaN(I) || I < (N ?? 0) || v && I > v || !Number.isNaN(w) && I >= w
+  ), [_, z] = B(
+    u === !0 || Number.isNaN(w) || w < (N ?? 0) || v && w > v || !Number.isNaN(I) && I >= w
   );
-  k(() => {
-    m((R) => e.toString() !== R ? e.toString() : R);
-  }, [e]), k(() => {
-    M((R) => a !== void 0 && a !== R ? a : R);
-  }, [a]), k(() => {
-    v((R) => n.toString() !== R ? n.toString() : R);
-  }, [n]), k(() => {
-    P((R) => f !== void 0 && f !== R ? f : R);
-  }, [f]);
-  const _ = F(
-    (R) => {
-      const p = Number.parseInt(R, R.startsWith("0x") ? 16 : 10), u = Number.parseInt(h), $ = Number.isNaN(p) || p < (C ?? 0) || S && p > S || !Number.isNaN(u) && p >= u;
-      return { val: R, err: $ };
+  P(() => {
+    S((y) => e.toString() !== y ? e.toString() : y);
+  }, [e]), P(() => {
+    F((y) => a !== void 0 && a !== y ? a : y);
+  }, [a]), P(() => {
+    p((y) => n.toString() !== y ? n.toString() : y);
+  }, [n]), P(() => {
+    z((y) => u !== void 0 && u !== y ? u : y);
+  }, [u]);
+  const K = $(
+    (y) => {
+      const T = Number.parseInt(y, y.startsWith("0x") ? 16 : 10), m = Number.parseInt(g), A = Number.isNaN(T) || T < (N ?? 0) || v && T > v || !Number.isNaN(m) && T >= m;
+      return { val: y, err: A };
     },
-    [h, C, S]
-  ), B = F(
-    (R) => {
-      const p = Number.parseInt(R, R.startsWith("0x") ? 16 : 10), u = Number.parseInt(N), $ = Number.isNaN(p) || p < (C ?? 0) || S && p > S || !Number.isNaN(u) && u >= p;
-      return { val: R, err: $ };
+    [g, N, v]
+  ), O = $(
+    (y) => {
+      const T = Number.parseInt(y, y.startsWith("0x") ? 16 : 10), m = Number.parseInt(C), A = Number.isNaN(T) || T < (N ?? 0) || v && T > v || !Number.isNaN(m) && m >= T;
+      return { val: y, err: A };
     },
-    [N, C, S]
-  ), z = F(
-    (R) => {
-      let { val: p, err: u } = _(R);
-      if (!u && l && ({ val: p, err: u } = l(R, "change")), (a === void 0 || a === !1) && M(u), u)
-        t && t(R, h);
+    [C, N, v]
+  ), E = $(
+    (y) => {
+      let { val: T, err: m } = K(y);
+      if (!m && i && ({ val: T, err: m } = i(y, "change")), (a === void 0 || a === !1) && F(m), m)
+        t && t(y, g);
       else {
-        const $ = Number.parseInt(p, p.startsWith("0x") ? 16 : 10).toString();
-        m($), t && t($, h);
+        const A = Number.parseInt(T, T.startsWith("0x") ? 16 : 10).toString();
+        S(A), t && t(A, g);
       }
     },
-    [_, l, a, t, h]
-  ), K = F(
-    (R) => {
-      let { val: p, err: u } = _(R);
-      !u && l && ({ val: p, err: u } = l(p, "blur")), M(u), !u && r && r(p, h);
+    [K, i, a, t, g]
+  ), q = $(
+    (y) => {
+      let { val: T, err: m } = K(y);
+      !m && i && ({ val: T, err: m } = i(T, "blur")), F(m), !m && r && r(T, g);
     },
-    [_, l, r, h]
-  ), X = F(
-    (R) => {
-      let { val: p, err: u } = B(R);
-      if (!u && s && ({ val: p, err: u } = s(R, "change")), (f === void 0 || f === !1) && P(u), u)
-        t && t(N, R);
+    [K, i, r, g]
+  ), Y = $(
+    (y) => {
+      let { val: T, err: m } = O(y);
+      if (!m && o && ({ val: T, err: m } = o(y, "change")), (u === void 0 || u === !1) && z(m), m)
+        t && t(C, y);
       else {
-        const $ = Number.parseInt(p, p.startsWith("0x") ? 16 : 10).toString();
-        v($), t && t(N, $);
+        const A = Number.parseInt(T, T.startsWith("0x") ? 16 : 10).toString();
+        p(A), t && t(C, A);
       }
     },
-    [B, s, f, t, N]
-  ), D = F(
-    (R) => {
-      let { val: p, err: u } = B(R);
-      !u && s && ({ val: p, err: u } = s(p, "blur")), P(u), !u && r && r(N, p);
+    [O, o, u, t, C]
+  ), H = $(
+    (y) => {
+      let { val: T, err: m } = O(y);
+      !m && o && ({ val: T, err: m } = o(T, "blur")), z(m), !m && r && r(C, T);
     },
-    [B, s, r, N]
+    [O, o, r, C]
   );
-  return k(() => {
-    i && i(o), d && d(E);
-  }, [E, o, d, i]), /* @__PURE__ */ L(J, { children: [
-    /* @__PURE__ */ c(
-      G,
+  return P(() => {
+    s && s(c), l && l(_);
+  }, [_, c, l, s]), /* @__PURE__ */ j(ae, { children: [
+    /* @__PURE__ */ d(
+      ee,
       {
         id: "min-value",
-        disabled: g,
+        disabled: h,
         inputMode: "numeric",
         fullWidth: !0,
-        value: N,
-        onChange: z,
-        onBlur: K,
-        startAdornment: I.getString("LabelFrom"),
-        endAdornment: y,
+        value: C,
+        onChange: E,
+        onBlur: q,
+        startAdornment: f.getString("LabelFrom"),
+        endAdornment: x,
         numberType: "int",
-        error: o,
-        onErrorChange: M
+        error: c,
+        onErrorChange: F
       }
     ),
-    /* @__PURE__ */ c(
-      G,
+    /* @__PURE__ */ d(
+      ee,
       {
         id: "max-value",
-        disabled: x,
+        disabled: b,
         inputMode: "numeric",
         fullWidth: !0,
-        value: h,
-        onChange: X,
-        onBlur: D,
-        startAdornment: I.getString("LabelTo"),
-        endAdornment: y,
+        value: g,
+        onChange: Y,
+        onBlur: H,
+        startAdornment: f.getString("LabelTo"),
+        endAdornment: x,
         numberType: "int",
-        error: E,
-        onErrorChange: P
+        error: _,
+        onErrorChange: z
       }
     )
   ] });
 }
-function ie({
+function ge({
   id: e = void 0,
   label: n,
   value: t,
   disabled: r = !1,
   size: a = "small",
-  sx: i = void 0
+  sx: s = void 0
 }) {
-  return /* @__PURE__ */ c(
-    Fe,
+  return /* @__PURE__ */ d(
+    Be,
     {
       id: e,
       "aria-label": e,
       value: t,
       disabled: r,
       "aria-disabled": r,
-      control: /* @__PURE__ */ c(qe, { size: a }),
+      control: /* @__PURE__ */ d(ln, { size: a }),
       label: n,
       componentsProps: { typography: { noWrap: !0 } },
-      sx: i
+      sx: s
     }
   );
 }
-function Et({
+function Gt({
   children: e,
   id: n = void 0,
   value: t,
   onChange: r
 }) {
-  return /* @__PURE__ */ c(Ye, { id: n, "aria-label": n, value: t, onChange: (a, i) => r(i), children: e });
+  return /* @__PURE__ */ d(on, { id: n, "aria-label": n, value: t, onChange: (a, s) => r(s), children: e });
 }
-const Bt = W(Q, {
+const qt = X(ie, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ collapsed: e, theme: n }) => ({
   paddingTop: e ? "4px" : "8px",
@@ -900,192 +903,192 @@ const Bt = W(Q, {
   "&:hover, &:focus-within": {
     background: n.palette.action.hover
   }
-})), je = W("span")(({ theme: e }) => ({
+})), Ge = X("span")(({ theme: e }) => ({
   color: e.palette.divider
-})), Ot = W(je)(() => ({
+})), Yt = X(Ge)(() => ({
   "&:hover": {
     cursor: "pointer"
   }
-})), kt = W(we)(({ theme: e }) => ({
+})), Jt = X(Oe)(({ theme: e }) => ({
   color: e.palette.divider,
   padding: "0px"
 }));
-function fe({
+function Ne({
   textAlign: e = "left",
   text: n = void 0,
   summary: t = void 0,
   children: r = void 0,
   collapsible: a = !1,
-  collapsed: i = !1,
-  collapsedChange: f = void 0
+  collapsed: s = !1,
+  collapsedChange: u = void 0
 }) {
-  const d = We(), l = H(), [s, g] = A(i);
-  k(() => g(i), [i]);
-  const x = F(
-    (y) => {
-      f ? f(y) : g(y);
+  const l = Ve(), i = re(), [o, h] = B(s);
+  P(() => h(s), [s]);
+  const b = $(
+    (x) => {
+      u ? u(x) : h(x);
     },
-    [f]
+    [u]
   );
-  return /* @__PURE__ */ L(Bt, { collapsed: s, children: [
-    n && /* @__PURE__ */ c(He, { textAlign: e, variant: "fullWidth", children: a ? /* @__PURE__ */ L(Re, { direction: "row", spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ L(Ot, { onClick: () => x(!s), children: [
-        n.toLocaleUpperCase(d),
-        s && t ? ` (${t})` : ""
+  return /* @__PURE__ */ j(qt, { collapsed: o, children: [
+    n && /* @__PURE__ */ d(dn, { textAlign: e, variant: "fullWidth", children: a ? /* @__PURE__ */ j(We, { direction: "row", spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ j(Yt, { onClick: () => b(!o), children: [
+        n.toLocaleUpperCase(l),
+        o && t ? ` (${t})` : ""
       ] }),
-      /* @__PURE__ */ c(
-        ne,
+      /* @__PURE__ */ d(
+        ue,
         {
-          title: s ? l == null ? void 0 : l.getString("TooltipExpandSection", n) : l == null ? void 0 : l.getString("TooltipCollapseSection", n),
-          children: /* @__PURE__ */ c(kt, { onClick: () => x(!s), children: s ? /* @__PURE__ */ c(_e, {}) : /* @__PURE__ */ c(fn, {}) })
+          title: o ? i == null ? void 0 : i.getString("TooltipExpandSection", n) : i == null ? void 0 : i.getString("TooltipCollapseSection", n),
+          children: /* @__PURE__ */ d(Jt, { onClick: () => b(!o), children: o ? /* @__PURE__ */ d(je, {}) : /* @__PURE__ */ d(In, {}) })
         }
       )
-    ] }) : /* @__PURE__ */ c(je, { children: n.toLocaleUpperCase(d) }) }),
-    !s && r
+    ] }) : /* @__PURE__ */ d(Ge, { children: n.toLocaleUpperCase(l) }) }),
+    !o && r
   ] });
 }
-function Ie({
+function Ee({
   id: e,
   label: n,
   showLabel: t = !1,
   helperText: r = "",
   options: a,
-  value: i,
-  onChange: f,
-  disabled: d = !1,
-  required: l = !1,
-  margin: s = "dense",
-  size: g = "small",
-  fullWidth: x = !1,
-  minWidth: y = void 0,
-  prefixTextWithValue: C = !1
+  value: s,
+  onChange: u,
+  disabled: l = !1,
+  required: i = !1,
+  margin: o = "dense",
+  size: h = "small",
+  fullWidth: b = !1,
+  minWidth: x = void 0,
+  prefixTextWithValue: N = !1
 }) {
-  const S = F(
-    (m) => {
-      typeof m.target.value == "string" ? f("") : f(m.target.value);
+  const v = $(
+    (S) => {
+      typeof S.target.value == "string" ? u("") : u(S.target.value);
     },
-    [f]
-  ), I = F(
-    (m) => m.map((h) => /* @__PURE__ */ c(se, { "aria-label": `menu-item-${h.value}`, value: h.value, children: C ? `${h.value} - ${h.displayText}` : h.displayText }, h.value)),
-    [C]
-  ), w = F(
-    (m, h) => {
-      const v = [
-        /* @__PURE__ */ c(Ve, { color: "primary", children: m }, m)
+    [u]
+  ), f = $(
+    (S) => S.map((g) => /* @__PURE__ */ d(pe, { "aria-label": `menu-item-${g.value}`, value: g.value, children: N ? `${g.value} - ${g.displayText}` : g.displayText }, g.value)),
+    [N]
+  ), I = $(
+    (S, g) => {
+      const p = [
+        /* @__PURE__ */ d(hn, { color: "primary", children: S }, S)
       ];
-      return v.push(...I(h)), v;
+      return p.push(...f(g)), p;
     },
-    [I]
-  ), T = F(
-    (m) => {
-      const h = [];
-      return m.forEach((v, o) => {
-        h.push(...w(o, v));
-      }), h;
+    [f]
+  ), w = $(
+    (S) => {
+      const g = [];
+      return S.forEach((p, c) => {
+        g.push(...I(c, p));
+      }), g;
     },
-    [w]
-  ), N = F(
-    (m) => {
-      let h = "";
+    [I]
+  ), C = $(
+    (S) => {
+      let g = "";
       if (a instanceof Map)
-        a.forEach((v, o) => {
-          if (h === "") {
-            const M = v.find((E) => E.value === m);
-            M && (h = C ? `${M.value} - ${o} - ${M.displayText}` : `${o} - ${M.displayText}`);
+        a.forEach((p, c) => {
+          if (g === "") {
+            const F = p.find((_) => _.value === S);
+            F && (g = N ? `${F.value} - ${c} - ${F.displayText}` : `${c} - ${F.displayText}`);
           }
         });
       else {
-        const v = a.find((o) => o.value === m);
-        v && (h = C ? `${v.value} - ${v.displayText}` : v.displayText);
+        const p = a.find((c) => c.value === S);
+        p && (g = N ? `${p.value} - ${p.displayText}` : p.displayText);
       }
-      return h === "" && (h = l ? `${n} *` : n), h;
+      return g === "" && (g = i ? `${n} *` : n), g;
     },
-    [n, a, C, l]
+    [n, a, N, i]
   );
-  return /* @__PURE__ */ L(Me, { fullWidth: x, variant: "standard", sx: { minWidth: y }, margin: s, size: g, children: [
-    t && /* @__PURE__ */ c(Je, { id: `${e}-label`, children: l ? `${n} *` : n }),
-    /* @__PURE__ */ L(
-      Qe,
+  return /* @__PURE__ */ j(ke, { fullWidth: b, variant: "standard", sx: { minWidth: x }, margin: o, size: h, children: [
+    t && /* @__PURE__ */ d(un, { id: `${e}-label`, children: i ? `${n} *` : n }),
+    /* @__PURE__ */ j(
+      cn,
       {
         labelId: `${e}-label`,
         "aria-label": e,
         id: e,
-        value: i,
-        renderValue: N,
-        onChange: S,
+        value: s,
+        renderValue: C,
+        onChange: v,
         displayEmpty: !t,
-        disabled: d,
-        "aria-disabled": d,
+        disabled: l,
+        "aria-disabled": l,
         children: [
-          a instanceof Map && T(a),
-          a instanceof Array && I(a)
+          a instanceof Map && w(a),
+          a instanceof Array && f(a)
         ]
       }
     ),
-    r && /* @__PURE__ */ c(Ze, { children: r })
+    r && /* @__PURE__ */ d(fn, { children: r })
   ] });
 }
-const ar = W(Q)(({ height: e, width: n }) => ({
+const pr = X(ie)(({ height: e, width: n }) => ({
   height: e,
   width: n,
   padding: "4px",
   overflow: "auto"
 }));
-function jt({ label: e, variant: n = "h6" }) {
-  return /* @__PURE__ */ c(an, { children: /* @__PURE__ */ c(Te, { sx: { flex: "1 1 100%" }, variant: n, id: "tableTitle", component: "div", children: e }) });
+function Qt({ label: e, variant: n = "h6" }) {
+  return /* @__PURE__ */ d(xn, { children: /* @__PURE__ */ d(Pe, { sx: { flex: "1 1 100%" }, variant: n, id: "tableTitle", component: "div", children: e }) });
 }
-function lr({
+function xr({
   data: e,
   dataKey: n,
   selectedKey: t = void 0,
   onClickRow: r = void 0,
   columns: a,
-  label: i = void 0,
-  labelVariant: f = "h6",
-  maxHeight: d = void 0,
-  size: l = "medium",
-  stickyHeader: s = !1,
-  hover: g = !1
+  label: s = void 0,
+  labelVariant: u = "h6",
+  maxHeight: l = void 0,
+  size: i = "medium",
+  stickyHeader: o = !1,
+  hover: h = !1
 }) {
-  const x = F(
-    (y) => {
-      r && r(y);
+  const b = $(
+    (x) => {
+      r && r(x);
     },
     [r]
   );
-  return /* @__PURE__ */ L(Q, { children: [
-    i && /* @__PURE__ */ c(jt, { label: i, variant: f }),
-    /* @__PURE__ */ c(en, { children: /* @__PURE__ */ L(nn, { "aria-labelledby": "tableTitle", size: l, stickyHeader: s, sx: { maxHeight: d }, padding: "none", children: [
-      /* @__PURE__ */ c(tn, { children: /* @__PURE__ */ c(ge, { children: a.map((y) => (
+  return /* @__PURE__ */ j(ie, { children: [
+    s && /* @__PURE__ */ d(Qt, { label: s, variant: u }),
+    /* @__PURE__ */ d(gn, { children: /* @__PURE__ */ j(mn, { "aria-labelledby": "tableTitle", size: i, stickyHeader: o, sx: { maxHeight: l }, padding: "none", children: [
+      /* @__PURE__ */ d(bn, { children: /* @__PURE__ */ d($e, { children: a.map((x) => (
         // eslint-disable-next-line react/jsx-props-no-spreading
-        /* @__PURE__ */ c(be, { ...y.headProps, children: y.headCell }, y.key)
+        /* @__PURE__ */ d(Fe, { ...x.headProps, children: x.headCell }, x.key)
       )) }) }),
-      /* @__PURE__ */ c(rn, { children: e.map((y) => {
-        const C = n(y);
-        return /* @__PURE__ */ c(ge, { hover: g, selected: C === t, onClick: () => x(y), children: a.map((S) => /* @__PURE__ */ c(
-          be,
+      /* @__PURE__ */ d(pn, { children: e.map((x) => {
+        const N = n(x);
+        return /* @__PURE__ */ d($e, { hover: h, selected: N === t, onClick: () => b(x), children: a.map((v) => /* @__PURE__ */ d(
+          Fe,
           {
-            ...S.dataProps,
-            children: S.dataCell(y)
+            ...v.dataProps,
+            children: v.dataCell(x)
           },
-          `${C}-${S.key}`
-        )) }, C);
+          `${N}-${v.key}`
+        )) }, N);
       }) })
     ] }) })
   ] });
 }
-const ir = W("div")(({ theme: e }) => ({
+const vr = X("div")(({ theme: e }) => ({
   borderBottom: "1px solid",
   borderColor: e.palette.divider
-})), Pt = W(ln)(({ theme: e }) => ({
-  [`& .${me.grouped}`]: {
+})), Zt = X(vn)(({ theme: e }) => ({
+  [`& .${Ie.grouped}`]: {
     margin: e.spacing(0.5),
     padding: e.spacing(1.25),
     minWidth: 24,
     color: e.palette.action.active,
     border: 0,
     borderRadius: e.shape.borderRadius,
-    [`&.${me.disabled}`]: {
+    [`&.${Ie.disabled}`]: {
       border: 0
     }
   }
@@ -1093,89 +1096,89 @@ const ir = W("div")(({ theme: e }) => ({
   //   marginLeft: -1,
   //   borderLeft: '1px solid transparent',
   // },
-})), Wt = W(on)(({ theme: e }) => ({
-  [`& .${Z.grouped}`]: {
+})), Vt = X(Nn)(({ theme: e }) => ({
+  [`& .${le.grouped}`]: {
     margin: e.spacing(0.5),
     padding: e.spacing(1.25),
     minWidth: 24,
     color: e.palette.action.active,
     border: 0,
     borderRadius: e.shape.borderRadius,
-    [`&.${Z.disabled}`]: {
+    [`&.${le.disabled}`]: {
       border: 0
     }
   },
-  [`& .${Z.middleButton},& .${Z.lastButton}`]: {
+  [`& .${le.middleButton},& .${le.lastButton}`]: {
     marginLeft: -1,
     borderLeft: "1px solid transparent"
   }
 }));
-function Pe({
+function qe({
   onClick: e,
   icon: n = void 0,
   text: t = void 0,
   size: r = "small",
   variant: a = void 0,
-  color: i = "inherit",
-  tooltip: f = void 0,
-  ariaLabel: d = void 0,
-  children: l = void 0,
-  disabled: s = !1
+  color: s = "inherit",
+  tooltip: u = void 0,
+  ariaLabel: l = void 0,
+  children: i = void 0,
+  disabled: o = !1
 }) {
-  return l ? /* @__PURE__ */ c(
-    wt,
+  return i ? /* @__PURE__ */ d(
+    jt,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: i,
+      color: s,
       startIcon: n,
       text: t,
-      disabled: s,
-      children: l
+      disabled: o,
+      children: i
     }
-  ) : t ? /* @__PURE__ */ L(
-    te,
+  ) : t ? /* @__PURE__ */ j(
+    ce,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: i,
-      "aria-label": d,
+      color: s,
+      "aria-label": l,
       onClick: e,
       startIcon: n,
-      disabled: s,
+      disabled: o,
       children: [
-        f && /* @__PURE__ */ c(ne, { placement: "bottom-start", title: f, children: /* @__PURE__ */ c("span", { children: t }) }),
-        !f && t
+        u && /* @__PURE__ */ d(ue, { placement: "bottom-start", title: u, children: /* @__PURE__ */ d("span", { children: t }) }),
+        !u && t
       ]
     }
-  ) : /* @__PURE__ */ L(
-    te,
+  ) : /* @__PURE__ */ j(
+    ce,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: i,
-      "aria-label": d,
+      color: s,
+      "aria-label": l,
       onClick: e,
-      disabled: s,
+      disabled: o,
       sx: {
         height: typeof r == "number" ? `${r}px` : void 0,
         width: typeof r == "number" ? `${r}px` : void 0
       },
       children: [
-        f && /* @__PURE__ */ c(ne, { placement: "bottom-start", title: f, children: /* @__PURE__ */ c("span", { children: n }) }),
-        !f && n
+        u && /* @__PURE__ */ d(ue, { placement: "bottom-start", title: u, children: /* @__PURE__ */ d("span", { children: n }) }),
+        !u && n
       ]
     }
   );
 }
-function Dt({
+function er({
   buttons: e,
   size: n = "small",
   ariaLabel: t = void 0,
   orientation: r = "horizontal"
 }) {
-  return /* @__PURE__ */ c(Wt, { size: n, "aria-label": t, orientation: r, children: e.map((a, i) => /* @__PURE__ */ c(
-    Pe,
+  return /* @__PURE__ */ d(Vt, { size: n, "aria-label": t, orientation: r, children: e.map((a, s) => /* @__PURE__ */ d(
+    qe,
     {
       onClick: a.onClick,
       icon: a.icon,
@@ -1188,130 +1191,130 @@ function Dt({
       disabled: a.disabled,
       children: a.children
     },
-    i
+    s
   )) });
 }
-function Ut({
+function nr({
   value: e,
   onChange: n,
   size: t = "small",
   ariaLabel: r = void 0,
   exclusive: a = void 0,
-  buttons: i,
-  orientation: f = "horizontal"
+  buttons: s,
+  orientation: u = "horizontal"
 }) {
-  return /* @__PURE__ */ c(
-    Pt,
+  return /* @__PURE__ */ d(
+    Zt,
     {
       size: t,
       value: e,
-      onChange: (d, l) => n(l),
+      onChange: (l, i) => n(i),
       "aria-label": r,
       exclusive: a,
-      orientation: f,
-      children: i.map((d, l) => /* @__PURE__ */ L(
-        sn,
+      orientation: u,
+      children: s.map((l, i) => /* @__PURE__ */ j(
+        Sn,
         {
           size: typeof t == "string" ? t : "small",
-          value: d.value,
-          "aria-label": d.ariaLabel,
+          value: l.value,
+          "aria-label": l.ariaLabel,
           sx: {
             height: typeof t == "number" ? `${t}px` : void 0,
             width: typeof t == "number" ? `${t}px` : void 0,
-            padding: d.size === "small" || typeof t == "number" ? 1 : void 0,
-            margin: d.size === "small" || typeof t == "number" ? 0 : void 0
+            padding: l.size === "small" || typeof t == "number" ? 1 : void 0,
+            margin: l.size === "small" || typeof t == "number" ? 0 : void 0
           },
-          disabled: d.disabled,
+          disabled: l.disabled,
           children: [
-            d.tooltip && /* @__PURE__ */ c(ne, { placement: "bottom-start", title: d.tooltip, children: /* @__PURE__ */ c("span", { children: d.icon }) }),
-            !d.tooltip && d.icon
+            l.tooltip && /* @__PURE__ */ d(ue, { placement: "bottom-start", title: l.tooltip, children: /* @__PURE__ */ d("span", { children: l.icon }) }),
+            !l.tooltip && l.icon
           ]
         },
-        l
+        i
       ))
     }
   );
 }
-function or({
+function Nr({
   items: e,
   height: n = 34,
   width: t = 34,
   justifyContent: r = "left",
   borderSize: a = 1,
-  padding: i = 1,
-  backgroundColor: f = void 0,
-  orientation: d = "horizontal"
+  padding: s = 1,
+  backgroundColor: u = void 0,
+  orientation: l = "horizontal"
 }) {
-  return /* @__PURE__ */ c(
-    dn,
+  return /* @__PURE__ */ d(
+    Cn,
     {
       elevation: 0,
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: r,
-        border: (l) => `${a}px solid ${l.palette.divider}`,
+        border: (i) => `${a}px solid ${i.palette.divider}`,
         flexWrap: "wrap",
-        height: d === "horizontal" ? `${n}px` : "100%",
-        minHeight: d === "horizontal" ? `${n}px` : void 0,
-        width: d === "vertical" ? `${t}px` : "100%",
-        minWidth: d === "vertical" ? `${t}px` : void 0,
-        paddingLeft: d === "horizontal" ? i : 0,
-        paddingRight: d === "horizontal" ? i : 0,
-        paddingTop: d === "vertical" ? i : 0,
-        paddingBottom: d === "vertical" ? i : 0,
+        height: l === "horizontal" ? `${n}px` : "100%",
+        minHeight: l === "horizontal" ? `${n}px` : void 0,
+        width: l === "vertical" ? `${t}px` : "100%",
+        minWidth: l === "vertical" ? `${t}px` : void 0,
+        paddingLeft: l === "horizontal" ? s : 0,
+        paddingRight: l === "horizontal" ? s : 0,
+        paddingTop: l === "vertical" ? s : 0,
+        paddingBottom: l === "vertical" ? s : 0,
         borderRadius: "0px",
-        backgroundColor: f
+        backgroundColor: u
       },
-      children: e.map((l, s) => l.label ? (
+      children: e.map((i, o) => i.label ? (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ c(Te, { variant: l.label.variant, component: "div", children: l.label.text }, s)
-      ) : l.toggleButtonGroup ? /* @__PURE__ */ c(
-        Ut,
+        /* @__PURE__ */ d(Pe, { variant: i.label.variant, component: "div", children: i.label.text }, o)
+      ) : i.toggleButtonGroup ? /* @__PURE__ */ d(
+        nr,
         {
-          value: l.toggleButtonGroup.value,
-          onChange: l.toggleButtonGroup.onChange,
-          ariaLabel: l.toggleButtonGroup.ariaLabel,
-          exclusive: l.toggleButtonGroup.exclusive,
-          buttons: l.toggleButtonGroup.buttons,
-          orientation: d
+          value: i.toggleButtonGroup.value,
+          onChange: i.toggleButtonGroup.onChange,
+          ariaLabel: i.toggleButtonGroup.ariaLabel,
+          exclusive: i.toggleButtonGroup.exclusive,
+          buttons: i.toggleButtonGroup.buttons,
+          orientation: l
         },
-        s
-      ) : l.button ? /* @__PURE__ */ c(
-        Pe,
+        o
+      ) : i.button ? /* @__PURE__ */ d(
+        qe,
         {
-          onClick: l.button.onClick,
-          icon: l.button.icon,
-          text: l.button.text,
-          variant: l.button.variant,
-          color: l.button.color,
-          tooltip: l.button.tooltip,
-          ariaLabel: l.button.ariaLabel,
-          disabled: l.button.disabled
+          onClick: i.button.onClick,
+          icon: i.button.icon,
+          text: i.button.text,
+          variant: i.button.variant,
+          color: i.button.color,
+          tooltip: i.button.tooltip,
+          ariaLabel: i.button.ariaLabel,
+          disabled: i.button.disabled
         },
-        s
-      ) : l.buttonGroup ? (
+        o
+      ) : i.buttonGroup ? (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ c(
-          Dt,
+        /* @__PURE__ */ d(
+          er,
           {
-            ariaLabel: l.buttonGroup.ariaLabel,
-            buttons: l.buttonGroup.buttons,
-            orientation: d
+            ariaLabel: i.buttonGroup.ariaLabel,
+            buttons: i.buttonGroup.buttons,
+            orientation: l
           },
-          s
+          o
         )
-      ) : l.other)
+      ) : i.other)
     }
   );
 }
-function dr({ options: e, onSelect: n, children: t = void 0 }) {
-  const [r, a] = oe.useState(null), i = F(
-    (l) => {
-      e.length !== 0 && (l.preventDefault(), a(
+function Cr({ options: e, onSelect: n, children: t = void 0 }) {
+  const [r, a] = me.useState(null), s = $(
+    (i) => {
+      e.length !== 0 && (i.preventDefault(), a(
         r === null ? {
-          mouseX: l.clientX + 2,
-          mouseY: l.clientY - 6
+          mouseX: i.clientX + 2,
+          mouseY: i.clientY - 6
         } : (
           // repeated contextmenu when it is already open closes it with Chrome 84 on Ubuntu
           // Other native context menus might behave different.
@@ -1321,439 +1324,432 @@ function dr({ options: e, onSelect: n, children: t = void 0 }) {
       ));
     },
     [r, e.length]
-  ), f = F(() => {
+  ), u = $(() => {
     a(null);
-  }, []), d = F(
-    (l) => {
-      n(l), f();
+  }, []), l = $(
+    (i) => {
+      n(i), u();
     },
-    [f, n]
+    [u, n]
   );
-  return /* @__PURE__ */ L("div", { onContextMenu: i, style: { cursor: "context-menu" }, children: [
+  return /* @__PURE__ */ j("div", { onContextMenu: s, style: { cursor: "context-menu" }, children: [
     t,
-    /* @__PURE__ */ c(
-      un,
+    /* @__PURE__ */ d(
+      $n,
       {
         open: r !== null,
-        onClose: f,
+        onClose: u,
         anchorReference: "anchorPosition",
         anchorPosition: r !== null ? { top: r.mouseY, left: r.mouseX } : void 0,
-        children: e.map((l) => /* @__PURE__ */ L(se, { onClick: () => d(l.value), children: [
-          l.icon && /* @__PURE__ */ c(cn, { children: l.icon }),
-          /* @__PURE__ */ c(pe, { children: l.displayText }),
-          l.shortcut && /* @__PURE__ */ c(pe, { sx: { pl: 2, textAlign: "right" }, children: l.shortcut })
-        ] }, l.value))
+        children: e.map((i) => /* @__PURE__ */ j(pe, { onClick: () => l(i.value), children: [
+          i.icon && /* @__PURE__ */ d(Fn, { children: i.icon }),
+          /* @__PURE__ */ d(ye, { children: i.displayText }),
+          i.shortcut && /* @__PURE__ */ d(ye, { sx: { pl: 2, textAlign: "right" }, children: i.shortcut })
+        ] }, i.value))
       }
     )
   ] });
 }
-function zt({
+function tr({
   canIdentifier: e,
   canIdentifierType: n,
   onCanIdentifierChange: t,
   onErrorsChange: r = void 0,
   hideSection: a = !1,
-  disabled: i = !1,
-  collapsible: f = !1,
-  collapsed: d = !1,
-  collapsedChange: l = void 0
+  disabled: s = !1,
+  collapsible: u = !1,
+  collapsed: l = !1,
+  collapsedChange: i = void 0
 }) {
-  const s = H(), g = re(), [x, y] = A(!1);
-  k(() => {
-    r && r(x);
-  }, [x, r]);
-  const [C, S] = A(n);
-  k(() => {
-    S(n);
+  const o = re(), h = fe(), [b, x] = B(!1);
+  P(() => {
+    r && r(b);
+  }, [b, r]);
+  const [N, v] = B(!1), [f, I] = B(n);
+  P(() => {
+    I(n);
   }, [n]);
-  const I = F((m) => {
-    S(m ? "extended" : "standard");
-  }, []), w = F(
-    (m) => {
-      let h = m, v = !1;
-      if (h.length > 2 && h.toLowerCase().startsWith("0x") && (h = h.substring(2), v = !0), h = h.toUpperCase(), C === "extended") {
-        const o = parseInt(h, v ? 16 : g);
-        if (Number.isNaN(o) || o < 0 || o > 536870911)
-          return t(m, C), { val: m, err: !0 };
-        h = `${o.toString(g).toUpperCase()}`;
-      } else if (C === "standard") {
-        const o = parseInt(h, v ? 16 : g);
-        if (Number.isNaN(o) || o < 0 || o > 2047)
-          return t(m, C), { val: m, err: !0 };
-        h = `${o.toString(g).toUpperCase()}`;
-      }
-      return t(h, C), { val: m, err: !1 };
+  const w = $((c) => {
+    I(c ? "extended" : "standard");
+  }, []), C = $(
+    (c) => {
+      let F = c;
+      const _ = parseInt(F, F.startsWith("0x") ? 16 : h);
+      if (f === "extended") {
+        if (Number.isNaN(_) || _ < 0 || _ > 536870911)
+          return Number.isNaN(_) || t(`${_.toString(h).toUpperCase()}`, f), { val: c, err: !0 };
+      } else if (f === "standard" && (Number.isNaN(_) || _ < 0 || _ > 2047))
+        return Number.isNaN(_) || t(`${_.toString(h).toUpperCase()}`, f), { val: c, err: !0 };
+      return t(`${_.toString(h).toUpperCase()}`, f), v(F.startsWith("0x")), { val: c, err: !1 };
     },
-    [C, g, t]
-  ), T = F(
-    (m) => {
-      if (m !== C) {
-        let h = !1, v = e;
-        if (m === "standard") {
-          const o = parseInt(v, g);
-          (Number.isNaN(o) || o < 0 || o > 2047) && (h = !0);
-        } else if (m === "extended") {
-          const o = parseInt(v, g);
-          (Number.isNaN(o) || o < 0 || o > 536870911) && (h = !0);
-        }
-        t(v, m), y(h);
+    [f, h, t]
+  ), S = $(
+    (c) => {
+      if (c !== f) {
+        let F = !1;
+        const _ = parseInt(e, e.startsWith("0x") ? 16 : h);
+        c === "standard" ? (Number.isNaN(_) || _ < 0 || _ > 2047) && (F = !0) : c === "extended" && (Number.isNaN(_) || _ < 0 || _ > 536870911) && (F = !0), t(e, c), x(F);
       }
     },
-    [C, e, t, g]
-  ), N = j(
-    () => /* @__PURE__ */ L(de, { spacing: 4, children: [
-      /* @__PURE__ */ c(
-        G,
+    [f, e, t, h]
+  ), g = W(() => {
+    const c = parseInt(e, e.startsWith("0x") ? 16 : h);
+    return N ? `0x${c.toString(16).toUpperCase()}` : c.toString(h).toUpperCase();
+  }, [N, e, h]), p = W(
+    () => /* @__PURE__ */ j(be, { spacing: 4, children: [
+      /* @__PURE__ */ d(
+        ee,
         {
           id: "constant-id",
           fullWidth: !0,
-          value: e,
-          onBlur: w,
-          error: x,
-          onErrorChange: y,
-          disabled: i
+          value: g,
+          error: b,
+          onValidate: C,
+          onErrorChange: x,
+          disabled: s
         }
       ),
-      /* @__PURE__ */ c(
-        Ae,
+      /* @__PURE__ */ d(
+        Ue,
         {
           id: "id-type",
-          label: s.getString("LabelUseExtendedIdentifier"),
-          checked: C === "extended",
-          onChange: (m) => {
-            I(m), T(m ? "extended" : "standard");
+          label: o.getString("LabelUseExtendedIdentifier"),
+          checked: f === "extended",
+          onChange: (c) => {
+            w(c), S(c ? "extended" : "standard");
           },
-          disabled: i
+          disabled: s
         }
       )
     ] }),
-    [
-      e,
-      C,
-      i,
-      x,
-      s,
-      T,
-      w
-    ]
+    [g, f, s, b, o, S, C]
   );
-  return a ? N : /* @__PURE__ */ c(
-    fe,
+  return a ? p : /* @__PURE__ */ d(
+    Ne,
     {
-      text: s.getString("LabelCanIdentifier"),
+      text: o.getString("LabelCanIdentifier"),
       summary: e,
-      collapsible: f,
-      collapsed: d,
-      collapsedChange: l,
-      children: N
+      collapsible: u,
+      collapsed: l,
+      collapsedChange: i,
+      children: p
     }
   );
 }
-function sr({
+function Sr({
   frame: e,
   onFrameChange: n,
   onErrorsChange: t = void 0,
   hideSection: r = !1,
   collapsible: a = !1,
-  collapsed: i = !1,
-  collapsedChange: f = void 0
+  collapsed: s = !1,
+  collapsedChange: u = void 0
 }) {
-  var x;
-  const d = re(), l = j(
+  var b;
+  const l = fe(), i = W(
     () => {
-      var y, C;
-      return ((C = (y = e.canFrameFlags) == null ? void 0 : y.flags) == null ? void 0 : C.includes(U.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
+      var x, N;
+      return ((N = (x = e.canFrameFlags) == null ? void 0 : x.flags) == null ? void 0 : N.includes(G.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
     },
-    [(x = e.canFrameFlags) == null ? void 0 : x.flags]
-  ), s = j(() => `${(e.id ?? 0).toString(d).toUpperCase()}`, [l, e.id, d]), g = F(
-    (y, C) => {
-      var N;
-      let S = e.id ?? 0;
-      S = parseInt(y, d);
-      const I = (N = e.canFrameFlags) != null && N.flags ? { flags: [...e.canFrameFlags.flags] } : { flags: [] }, w = I.flags.indexOf(U.CAN_FRAME_FLAG_STD);
-      w !== -1 && I.flags.splice(w, 1);
-      const T = I.flags.indexOf(U.CAN_FRAME_FLAG_EXT);
-      if (T !== -1 && I.flags.splice(T, 1), C === "extended" ? I.flags.push(U.CAN_FRAME_FLAG_EXT) : C === "standard" && I.flags.push(U.CAN_FRAME_FLAG_STD), S !== e.id || !ue(I, e.canFrameFlags)) {
-        const m = { ...e };
-        m.id = S, m.canFrameFlags = I, n(m);
+    [(b = e.canFrameFlags) == null ? void 0 : b.flags]
+  ), o = W(() => `${(e.id ?? 0).toString(l).toUpperCase()}`, [i, e.id, l]), h = $(
+    (x, N) => {
+      var C;
+      const v = parseInt(x, x.startsWith("0x") ? 16 : l), f = (C = e.canFrameFlags) != null && C.flags ? { flags: [...e.canFrameFlags.flags] } : { flags: [] }, I = f.flags.indexOf(G.CAN_FRAME_FLAG_STD);
+      I !== -1 && f.flags.splice(I, 1);
+      const w = f.flags.indexOf(G.CAN_FRAME_FLAG_EXT);
+      if (w !== -1 && f.flags.splice(w, 1), N === "extended" ? f.flags.push(G.CAN_FRAME_FLAG_EXT) : N === "standard" && f.flags.push(G.CAN_FRAME_FLAG_STD), v !== e.id || !xe(f, e.canFrameFlags)) {
+        const S = { ...e };
+        S.id = v, S.canFrameFlags = f, n(S);
       }
     },
-    [e, d, n]
+    [e, l, n]
   );
-  return /* @__PURE__ */ c(
-    zt,
+  return /* @__PURE__ */ d(
+    tr,
     {
-      canIdentifier: s,
-      canIdentifierType: l,
-      onCanIdentifierChange: g,
+      canIdentifier: o,
+      canIdentifierType: i,
+      onCanIdentifierChange: h,
       onErrorsChange: t,
       hideSection: r,
       collapsible: a,
-      collapsed: i,
-      collapsedChange: f
+      collapsed: s,
+      collapsedChange: u
     }
   );
 }
-function Kt({
+function rr({
   canIdentifier: e,
   identifierGeneratorType: n,
   minCanIdentifier: t,
   maxCanIdentifier: r,
   canIdentifierType: a,
-  onChange: i,
-  onErrorsChange: f = void 0,
-  canIdentifierGeneratorSettingsError: d = void 0,
-  disabled: l = !1,
-  collapsible: s = !1,
-  collapsed: g = !1,
-  collapsedChange: x = void 0,
-  showSelectMessageDialogChange: y,
-  showSignalValuesTable: C
+  onChange: s,
+  onErrorsChange: u = void 0,
+  canIdentifierGeneratorSettingsError: l = void 0,
+  disabled: i = !1,
+  collapsible: o = !1,
+  collapsed: h = !1,
+  collapsedChange: b = void 0,
+  showSelectMessageDialogChange: x,
+  showSignalValuesTable: N
 }) {
-  const S = H(), I = re(), [w, T] = A(!1), [N, m] = A(!1), [h, v] = A(!1), [o, M] = A(a);
-  k(() => {
-    M(a);
+  const v = re(), f = fe(), [I, w] = B(!1), [C, S] = B(!1), [g, p] = B(!1), [c, F] = B(!1), [_, z] = B(!1), [K, O] = B(!1), [E, q] = B(a);
+  P(() => {
+    q(a);
   }, [a]);
-  const E = F((p) => {
-    M(p ? "extended" : "standard");
-  }, []), P = F(
-    (p) => {
-      let u = p, $ = !1;
-      if (u.length > 2 && u.toLowerCase().startsWith("0x") && (u = u.substring(2), $ = !0), u = u.toUpperCase(), o === "extended") {
-        const b = parseInt(u, $ ? 16 : I);
-        if (Number.isNaN(b) || b < 0 || b > 536870911)
-          return i(p, n, t, r, o), { val: p, err: !0 };
-        u = `${b.toString(I).toUpperCase()}`;
-      } else if (o === "standard") {
-        const b = parseInt(u, $ ? 16 : I);
-        if (Number.isNaN(b) || b < 0 || b > 2047)
-          return i(p, n, t, r, o), { val: p, err: !0 };
-        u = `${b.toString(I).toUpperCase()}`;
-      }
-      return i(u, n, t, r, o), { val: p, err: !1 };
+  const Y = $((M) => {
+    q(M ? "extended" : "standard");
+  }, []), H = $(
+    (M) => {
+      let k = M;
+      const L = parseInt(k, k.startsWith("0x") ? 16 : f);
+      if (E === "extended") {
+        if (Number.isNaN(L) || L < 0 || L > 536870911)
+          return Number.isNaN(L) || s(
+            `${L.toString(f).toUpperCase()}`,
+            n,
+            t,
+            r,
+            E
+          ), { val: M, err: !0 };
+      } else if (E === "standard" && (Number.isNaN(L) || L < 0 || L > 2047))
+        return Number.isNaN(L) || s(
+          `${L.toString(f).toUpperCase()}`,
+          n,
+          t,
+          r,
+          E
+        ), { val: M, err: !0 };
+      return s(
+        `${L.toString(f).toUpperCase()}`,
+        n,
+        t,
+        r,
+        E
+      ), F(k.startsWith("0x")), { val: M, err: !1 };
     },
-    [o, n, r, t, I, i]
-  ), _ = F(
-    (p, u, $) => {
-      let b = p, O = -1, ae = !1;
-      if (b.length > 2 && b.toLowerCase().startsWith("0x") && (b = b.substring(2), ae = !0), b = b.toUpperCase(), u === "extended") {
-        if (O = parseInt(b, ae ? 16 : I), Number.isNaN(O) || O < 0 || O > 536870911)
-          return $(p), { val: p, err: !0, id: O };
-        b = `${O.toString(I).toUpperCase()}`;
-      } else if (u === "standard") {
-        if (O = parseInt(b, ae ? 16 : I), Number.isNaN(O) || O < 0 || O > 2047)
-          return $(p), { val: p, err: !0, id: O };
-        b = `${O.toString(I).toUpperCase()}`;
-      }
-      return $(b), { val: b, err: !1, id: O };
+    [E, n, r, t, f, s]
+  ), y = $(
+    (M, k, L, D) => {
+      let Q = M;
+      const U = parseInt(Q, Q.startsWith("0x") ? 16 : f);
+      if (k === "extended") {
+        if (Number.isNaN(U) || U < 0 || U > 536870911)
+          return Number.isNaN(U) || L(`${U.toString(f).toUpperCase()}`), { val: M, err: !0, id: U };
+      } else if (k === "standard" && (Number.isNaN(U) || U < 0 || U > 2047))
+        return Number.isNaN(U) || L(`${U.toString(f).toUpperCase()}`), { val: M, err: !0, id: U };
+      return L(`${U.toString(f).toUpperCase()}`), D(Q.startsWith("0x")), { val: M, err: !1, id: U };
     },
-    [I]
-  ), B = F(
-    (p) => {
-      const u = _(
-        p,
-        o,
-        (b) => i(e, n, b, r, o)
-      ), $ = _(
+    [f]
+  ), T = $(
+    (M) => {
+      const k = y(
+        M,
+        E,
+        (D) => s(e, n, D, r, E),
+        (D) => z(D)
+      ), L = y(
         r,
-        o,
+        E,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        },
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         () => {
         }
       );
-      return !u.err && !$.err && (u.id >= $.id ? (u.err = !0, m(!0)) : m(!1)), { val: u.val, err: u.err };
+      return k.id >= L.id ? k.err = !0 : L.err && p(L.err), { val: k.val, err: k.err };
     },
     [
       e,
-      o,
+      E,
       n,
       r,
-      i,
-      _
+      s,
+      y
     ]
-  ), z = F(
-    (p) => {
-      const u = _(
-        p,
-        o,
-        (b) => i(e, n, t, b, o)
-      ), $ = _(
+  ), m = $(
+    (M) => {
+      const k = y(
+        M,
+        E,
+        (D) => s(e, n, t, D, E),
+        (D) => O(D)
+      ), L = y(
         t,
-        o,
+        E,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        },
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         () => {
         }
       );
-      return !$.err && !u.err && ($.id >= u.id ? (u.err = !0, v(!0)) : v(!1)), { val: u.val, err: u.err };
+      return L.id >= k.id ? k.err = !0 : L.err && S(L.err), { val: k.val, err: k.err };
     },
     [
       e,
-      o,
+      E,
       n,
       t,
-      i,
-      _
+      s,
+      y
     ]
-  ), K = F(
-    (p) => {
-      if (p !== o) {
-        let u = e;
-        const $ = _(t, p, () => {
-        }), b = _(r, p, () => {
-        });
-        i(u, n, $.val, b.val, p);
+  ), A = $(
+    (M) => {
+      if (M !== E) {
+        let k = !1, L = e;
+        const D = parseInt(L, L.startsWith("0x") ? 16 : f);
+        M === "standard" ? ((Number.isNaN(D) || D < 0 || D > 2047) && (k = !0), w(k)) : M === "extended" && ((Number.isNaN(D) || D < 0 || D > 536870911) && (k = !0), w(k));
+        let Q = !1, U = t;
+        const Z = parseInt(U, U.startsWith("0x") ? 16 : f);
+        M === "standard" ? (Number.isNaN(Z) || Z < 0 || Z > 2047) && (Q = !0) : M === "extended" && (Number.isNaN(Z) || Z < 0 || Z > 536870911) && (Q = !0);
+        let se = !1, Ce = r;
+        const V = parseInt(Ce, Ce.startsWith("0x") ? 16 : f);
+        M === "standard" ? (Number.isNaN(V) || V < 0 || V > 2047) && (se = !0) : M === "extended" && (Number.isNaN(V) || V < 0 || V > 536870911) && (se = !0), !Number.isNaN(Z) && !Number.isNaN(V) && Z >= V && (Q = !0, se = !0), S(Q), p(se), s(e, n, t, r, M);
       }
     },
     [
-      o,
+      E,
       e,
-      _,
       t,
       r,
-      i,
+      s,
       n,
-      I
+      f
     ]
-  ), X = F(
-    (p) => {
-      let u = e;
-      const $ = _(t, o, () => {
-      }), b = _(r, o, () => {
-      });
-      C(p === "constant"), i(
-        u,
-        p,
-        $.val,
-        b.val,
-        o
-      );
+  ), R = $(
+    (M) => {
+      N(M === "constant"), s(e, M, t, r, E);
     },
-    [
-      o,
-      e,
-      _,
-      t,
-      r,
-      i,
-      n,
-      I
-    ]
+    [E, e, t, r, s]
   );
-  k(() => {
-    f && f(
-      n === "constant" && w || (n === "random" || n === "scan") && (N || h)
-    ), d && (d.current = n === "constant" && w || (n === "random" || n === "scan") && (N || h));
+  P(() => {
+    u && u(
+      n === "constant" && I || (n === "random" || n === "scan") && (C || g)
+    ), l && (l.current = n === "constant" && I || (n === "random" || n === "scan") && (C || g));
   }, [
-    w,
-    d,
+    I,
+    l,
     n,
-    h,
-    N,
-    f
+    g,
+    C,
+    u
   ]);
-  const D = It(), R = $t(D);
-  return /* @__PURE__ */ c(
-    fe,
+  const J = kt(), Ye = Wt(J), Je = W(() => {
+    const M = parseInt(e, e.startsWith("0x") ? 16 : f);
+    return c ? `0x${M.toString(16).toUpperCase()}` : M.toString(f).toUpperCase();
+  }, [c, e, f]), Qe = W(() => {
+    const M = parseInt(t, t.startsWith("0x") ? 16 : f);
+    return _ ? `0x${M.toString(16).toUpperCase()}` : M.toString(f).toUpperCase();
+  }, [_, t, f]), Ze = W(() => {
+    const M = parseInt(r, r.startsWith("0x") ? 16 : f);
+    return K ? `0x${M.toString(16).toUpperCase()}` : M.toString(f).toUpperCase();
+  }, [K, r, f]);
+  return /* @__PURE__ */ d(
+    Ne,
     {
-      text: S.getString("LabelCanIdentifier"),
-      summary: n === "constant" ? e : n === "random" ? `${S.getString("LabelRandom")} ${t}-${r}` : `${S.getString("LabelScan")} ${t}-${r}`,
-      collapsible: s,
-      collapsed: g,
-      collapsedChange: x,
-      children: /* @__PURE__ */ L(
-        Et,
+      text: v.getString("LabelCanIdentifier"),
+      summary: n === "constant" ? e : n === "random" ? `${v.getString("LabelRandom")} ${t}-${r}` : `${v.getString("LabelScan")} ${t}-${r}`,
+      collapsible: o,
+      collapsed: h,
+      collapsedChange: b,
+      children: /* @__PURE__ */ j(
+        Gt,
         {
           id: "identifier-radio-group",
           value: n,
-          onChange: (p) => {
-            X(p);
+          onChange: (M) => {
+            R(M);
           },
           children: [
-            /* @__PURE__ */ L(de, { spacing: 4, children: [
-              /* @__PURE__ */ c(
-                ie,
+            /* @__PURE__ */ j(be, { spacing: 4, children: [
+              /* @__PURE__ */ d(
+                ge,
                 {
                   id: "constant-id-radio",
                   value: "constant",
-                  label: S.getString("LabelConstantIdentifier"),
+                  label: v.getString("LabelConstantIdentifier"),
                   sx: { marginLeft: "-11px !important" },
-                  disabled: l
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(
-                G,
+              /* @__PURE__ */ d(
+                ee,
                 {
                   id: "constant-id",
                   fullWidth: !0,
-                  value: e,
-                  error: w,
-                  onErrorChange: T,
-                  disabled: l || n !== "constant",
-                  required: n === "constant",
-                  onBlur: P
+                  value: Je,
+                  error: !i && n === "constant" && I,
+                  onErrorChange: w,
+                  onValidate: H,
+                  disabled: i || n !== "constant",
+                  required: n === "constant"
                 }
               ),
-              /* @__PURE__ */ c(
-                Ae,
+              /* @__PURE__ */ d(
+                Ue,
                 {
                   id: "id-type",
-                  label: S.getString("LabelUseExtendedIdentifier"),
-                  checked: o === "extended",
-                  onChange: (p) => {
-                    E(p), K(p ? "extended" : "standard");
+                  label: v.getString("LabelUseExtendedIdentifier"),
+                  checked: E === "extended",
+                  onChange: (M) => {
+                    Y(M), A(M ? "extended" : "standard");
                   },
-                  disabled: l
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(Ft, { columnItem: D, width: R, children: /* @__PURE__ */ c(te, { onClick: () => y(!0), variant: "outlined", size: "large", children: S.getString("ButtonSelectMessage") }) })
+              /* @__PURE__ */ d(Pt, { columnItem: J, width: Ye, children: /* @__PURE__ */ d(ce, { onClick: () => x(!0), variant: "outlined", size: "large", children: v.getString("ButtonSelectMessage") }) })
             ] }),
-            /* @__PURE__ */ L(de, { spacing: 4, children: [
-              /* @__PURE__ */ c(
-                ie,
+            /* @__PURE__ */ j(be, { spacing: 4, children: [
+              /* @__PURE__ */ d(
+                ge,
                 {
                   id: "random-identifier-radio",
                   value: "random",
-                  label: S.getString("LabelRandomIdentifier"),
+                  label: v.getString("LabelRandomIdentifier"),
                   sx: { marginLeft: "-11px !important" },
-                  disabled: l
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(
-                ie,
+              /* @__PURE__ */ d(
+                ge,
                 {
                   id: "scan-identifier-radio",
                   value: "scan",
-                  label: S.getString("LabelScanIdentifier"),
-                  disabled: l
+                  label: v.getString("LabelScanIdentifier"),
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(
-                G,
+              /* @__PURE__ */ d(
+                ee,
                 {
                   id: "identifier-min",
-                  disabled: l || n !== "random" && n !== "scan",
+                  disabled: i || n !== "random" && n !== "scan",
                   required: n === "random" || n === "scan",
                   fullWidth: !0,
-                  value: t ?? "",
-                  error: N,
-                  onErrorChange: m,
-                  startAdornment: S.getString("LabelFrom"),
-                  onBlur: B,
+                  value: Qe,
+                  error: !i && (n === "random" || n === "scan") && C,
+                  onErrorChange: S,
+                  onValidate: T,
+                  startAdornment: v.getString("LabelFrom"),
                   sxStartAdornment: { marginBottom: 0.8 }
                 }
               ),
-              /* @__PURE__ */ c(
-                G,
+              /* @__PURE__ */ d(
+                ee,
                 {
                   id: "identifier-max",
-                  disabled: l || n !== "random" && n !== "scan",
+                  disabled: i || n !== "random" && n !== "scan",
                   required: n === "random" || n === "scan",
                   fullWidth: !0,
-                  value: r ?? "",
-                  error: h,
-                  onErrorChange: v,
-                  startAdornment: S.getString("LabelTo"),
-                  onBlur: z,
+                  value: Ze,
+                  error: !i && (n === "random" || n === "scan") && g,
+                  onErrorChange: p,
+                  onValidate: m,
+                  startAdornment: v.getString("LabelTo"),
                   sxStartAdornment: { marginBottom: 0.8 }
                 }
               )
@@ -1764,143 +1760,143 @@ function Kt({
     }
   );
 }
-function ur({
+function $r({
   settings: e,
   onSettingsChange: n,
   onErrorsChange: t = void 0,
   canIdentifierGeneratorSettingsError: r = void 0,
   disabled: a = !1,
-  collapsible: i = !1,
-  collapsed: f = !1,
-  collapsedChange: d = void 0,
-  showSelectMessageDialogChange: l,
-  showSignalValuesTable: s
+  collapsible: s = !1,
+  collapsed: u = !1,
+  collapsedChange: l = void 0,
+  showSelectMessageDialogChange: i,
+  showSignalValuesTable: o
 }) {
-  var T, N, m;
-  const g = re(), x = j(
+  var w, C, S;
+  const h = fe(), b = W(
     () => {
-      var h, v, o;
-      return ((o = (v = (h = e.frame) == null ? void 0 : h.canFrameFlags) == null ? void 0 : v.flags) == null ? void 0 : o.includes(U.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
+      var g, p, c;
+      return ((c = (p = (g = e.frame) == null ? void 0 : g.canFrameFlags) == null ? void 0 : p.flags) == null ? void 0 : c.includes(G.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
     },
-    [(N = (T = e.frame) == null ? void 0 : T.canFrameFlags) == null ? void 0 : N.flags]
-  ), y = j(() => {
-    var v;
-    return `${(((v = e.frame) == null ? void 0 : v.id) ?? 0).toString(g).toUpperCase()}`;
-  }, [g, (m = e.frame) == null ? void 0 : m.id]), C = j(() => `${(e.identifierMin ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMin]), S = j(() => `${(e.identifierMax ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMax]), I = j(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), w = F(
-    (h, v, o, M, E) => {
-      var R, p, u, $;
-      const P = E, _ = parseInt(h, g), B = (p = (R = e.frame) == null ? void 0 : R.canFrameFlags) != null && p.flags ? { flags: [...e.frame.canFrameFlags.flags] } : { flags: [] }, z = B.flags.indexOf(U.CAN_FRAME_FLAG_STD), K = parseInt(o, g), X = parseInt(M, g), D = B.flags.indexOf(U.CAN_FRAME_FLAG_EXT);
-      if (z !== -1 && B.flags.splice(z, 1), D !== -1 && B.flags.splice(D, 1), P === "extended" ? B.flags.push(U.CAN_FRAME_FLAG_EXT) : P === "standard" && B.flags.push(U.CAN_FRAME_FLAG_STD), _ !== ((u = e.frame) == null ? void 0 : u.id) || !ue(B, ($ = e.frame) == null ? void 0 : $.canFrameFlags) || v !== I || K !== e.identifierMin || X !== e.identifierMax) {
-        const b = { ...e };
-        b.frame = e.frame ? { ...e.frame } : hn.fromPartial({
+    [(C = (w = e.frame) == null ? void 0 : w.canFrameFlags) == null ? void 0 : C.flags]
+  ), x = W(() => {
+    var p;
+    return `${(((p = e.frame) == null ? void 0 : p.id) ?? 0).toString(h).toUpperCase()}`;
+  }, [h, (S = e.frame) == null ? void 0 : S.id]), N = W(() => `${(e.identifierMin ?? 0).toString(h).toUpperCase()}`, [h, e.identifierMin]), v = W(() => `${(e.identifierMax ?? 0).toString(h).toUpperCase()}`, [h, e.identifierMax]), f = W(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), I = $(
+    (g, p, c, F, _) => {
+      var y, T, m, A;
+      const z = _, K = parseInt(g, g.startsWith("0x") ? 16 : h), O = (T = (y = e.frame) == null ? void 0 : y.canFrameFlags) != null && T.flags ? { flags: [...e.frame.canFrameFlags.flags] } : { flags: [] }, E = O.flags.indexOf(G.CAN_FRAME_FLAG_STD), q = parseInt(c, c.startsWith("0x") ? 16 : h), Y = parseInt(F, F.startsWith("0x") ? 16 : h), H = O.flags.indexOf(G.CAN_FRAME_FLAG_EXT);
+      if (E !== -1 && O.flags.splice(E, 1), H !== -1 && O.flags.splice(H, 1), z === "extended" ? O.flags.push(G.CAN_FRAME_FLAG_EXT) : z === "standard" && O.flags.push(G.CAN_FRAME_FLAG_STD), K !== ((m = e.frame) == null ? void 0 : m.id) || !xe(O, (A = e.frame) == null ? void 0 : A.canFrameFlags) || p !== f || q !== e.identifierMin || Y !== e.identifierMax) {
+        const R = { ...e };
+        R.frame = e.frame ? { ...e.frame } : yn.fromPartial({
           id: 0,
-          canFrameFlags: { flags: [U.CAN_FRAME_FLAG_STD] },
+          canFrameFlags: { flags: [G.CAN_FRAME_FLAG_STD] },
           data: Array.from({ length: 8 }, () => 0)
-        }), b.frame.id = _, b.frame.canFrameFlags = B, v === "constant" ? (b.randomIdentifier = !1, b.scanIdentifier = !1) : v === "random" ? (b.randomIdentifier = !0, b.scanIdentifier = !1) : v === "scan" && (b.randomIdentifier = !1, b.scanIdentifier = !0), b.identifierMin = K, b.identifierMax = X, n(b);
+        }), R.frame.id = K, R.frame.canFrameFlags = O, p === "constant" ? (R.randomIdentifier = !1, R.scanIdentifier = !1) : p === "random" ? (R.randomIdentifier = !0, R.scanIdentifier = !1) : p === "scan" && (R.randomIdentifier = !1, R.scanIdentifier = !0), R.identifierMin = q, R.identifierMax = Y, n(R);
       }
     },
-    [I, g, n, e]
+    [f, h, n, e]
   );
-  return /* @__PURE__ */ c(
-    Kt,
+  return /* @__PURE__ */ d(
+    rr,
     {
-      canIdentifier: y,
-      identifierGeneratorType: I,
-      minCanIdentifier: C,
-      maxCanIdentifier: S,
-      canIdentifierType: x,
-      onChange: w,
+      canIdentifier: x,
+      identifierGeneratorType: f,
+      minCanIdentifier: N,
+      maxCanIdentifier: v,
+      canIdentifierType: b,
+      onChange: I,
       onErrorsChange: t,
       canIdentifierGeneratorSettingsError: r,
       disabled: a,
-      collapsible: i,
-      collapsed: f,
-      collapsedChange: d,
-      showSelectMessageDialogChange: l,
-      showSignalValuesTable: s
+      collapsible: s,
+      collapsed: u,
+      collapsedChange: l,
+      showSelectMessageDialogChange: i,
+      showSignalValuesTable: o
     }
   );
 }
-function Xt(e, n, t, r) {
-  const [a, i] = A(""), [f, d] = A([]);
-  return k(() => {
-    d((l) => {
-      var g;
-      const s = (g = t == null ? void 0 : t.sources) == null ? void 0 : g.filter((x) => {
-        var C, S;
-        const y = (S = (C = r == null ? void 0 : r.find((I) => {
-          var w;
-          return I.nodeId === ((w = x.baseNode) == null ? void 0 : w.identifier);
-        })) == null ? void 0 : C.errorStatus) == null ? void 0 : S.errors;
-        return y === void 0 || y === "" ? x.baseNode && x.channelSettings && x.channelSettings.canConfiguration && (!n || x.channelSettings.canConfiguration.silentMode !== !0) : !1;
-      }).map((x) => ({
-        value: x.channelSettings.channelNumber,
-        displayText: x.baseNode.name,
-        canFdMode: x.channelSettings.canConfiguration.canMode > 0,
-        identifier: x.baseNode.identifier
+function ar(e, n, t, r) {
+  const [a, s] = B(""), [u, l] = B([]);
+  return P(() => {
+    l((i) => {
+      var h;
+      const o = (h = t == null ? void 0 : t.sources) == null ? void 0 : h.filter((b) => {
+        var N, v;
+        const x = (v = (N = r == null ? void 0 : r.find((f) => {
+          var I;
+          return f.nodeId === ((I = b.baseNode) == null ? void 0 : I.identifier);
+        })) == null ? void 0 : N.errorStatus) == null ? void 0 : v.errors;
+        return x === void 0 || x === "" ? b.baseNode && b.channelSettings && b.channelSettings.canConfiguration && (!n || b.channelSettings.canConfiguration.silentMode !== !0) : !1;
+      }).map((b) => ({
+        value: b.channelSettings.channelNumber,
+        displayText: b.baseNode.name,
+        canFdMode: b.channelSettings.canConfiguration.canMode > 0,
+        identifier: b.baseNode.identifier
       }));
-      return !s || ue(l, s) ? l : s;
+      return !o || xe(i, o) ? i : o;
     });
-  }, [n, t == null ? void 0 : t.sources, r]), k(() => {
-    const l = f.find((s) => s.identifier === e);
-    i(l ? (s) => l.value === s ? s : l.value : "");
-  }, [e, f]), {
-    channelOptions: f,
+  }, [n, t == null ? void 0 : t.sources, r]), P(() => {
+    const i = u.find((o) => o.identifier === e);
+    s(i ? (o) => i.value === o ? o : i.value : "");
+  }, [e, u]), {
+    channelOptions: u,
     selectedChannelOption: a
   };
 }
-function cr({
+function Fr({
   channelIdentifier: e,
   onChannelIdentifierChange: n,
   hideSilentChannels: t = !1,
   hideSectionControl: r = !1,
   disabled: a = !1,
-  collapsible: i = !1,
-  collapsed: f = !1,
-  collapsedChange: d = void 0
+  collapsible: s = !1,
+  collapsed: u = !1,
+  collapsedChange: l = void 0
 }) {
-  var S;
-  const l = De(), s = Ue(), g = H(), { channelOptions: x, selectedChannelOption: y } = Xt(
+  var v;
+  const i = en(), o = nn(), h = re(), { channelOptions: b, selectedChannelOption: x } = ar(
     e,
     t === !0,
-    l,
-    s
-  ), C = F(
-    (I) => {
-      const w = x.find((m) => m.value === I), T = (w == null ? void 0 : w.identifier) ?? "", N = (w == null ? void 0 : w.canFdMode) === !0;
-      n(T, N);
+    i,
+    o
+  ), N = $(
+    (f) => {
+      const I = b.find((S) => S.value === f), w = (I == null ? void 0 : I.identifier) ?? "", C = (I == null ? void 0 : I.canFdMode) === !0;
+      n(w, C);
     },
-    [x, n]
+    [b, n]
   );
-  return r === !0 ? /* @__PURE__ */ c(
-    Ie,
+  return r === !0 ? /* @__PURE__ */ d(
+    Ee,
     {
       id: "channel",
-      label: g.getString("LabelChannel"),
+      label: h.getString("LabelChannel"),
       fullWidth: !0,
-      value: y,
-      onChange: C,
-      options: x,
+      value: x,
+      onChange: N,
+      options: b,
       required: !0,
       disabled: a
     }
-  ) : /* @__PURE__ */ c(
-    fe,
+  ) : /* @__PURE__ */ d(
+    Ne,
     {
-      text: g.getString("LabelChannel"),
-      summary: y === "" || (S = x.find((I) => I.value === y)) == null ? void 0 : S.displayText,
-      collapsible: i,
-      collapsed: f,
-      collapsedChange: d,
-      children: /* @__PURE__ */ c(
-        Ie,
+      text: h.getString("LabelChannel"),
+      summary: x === "" || (v = b.find((f) => f.value === x)) == null ? void 0 : v.displayText,
+      collapsible: s,
+      collapsed: u,
+      collapsedChange: l,
+      children: /* @__PURE__ */ d(
+        Ee,
         {
           id: "channel",
-          label: g.getString("LabelChannel"),
+          label: h.getString("LabelChannel"),
           fullWidth: !0,
-          value: y,
-          onChange: C,
-          options: x,
+          value: x,
+          onChange: N,
+          options: b,
           required: !0,
           disabled: a
         }
@@ -1908,51 +1904,51 @@ function cr({
     }
   );
 }
-const fr = W(Q)(() => ({
+const Ir = X(ie)(() => ({
   height: "100%",
   width: "100%",
   padding: "4px",
   overflow: "auto"
 }));
 export {
-  cr as CanChannelSelectControl,
-  zt as CanIdentifierControl,
-  sr as CanIdentifierFrameControl,
-  Kt as CanIdentifierGeneratorControl,
-  ur as CanIdentifierGeneratorSettingsControl,
-  br as CanKingDataProvider,
-  Ae as CheckboxControl,
-  Ft as ColumnItemControl,
-  dr as ContextMenu,
-  mr as DevicesContext,
-  wt as DropdownButton,
-  er as DropdownButtonTextItems,
-  nr as DropdownPanel,
-  fr as FillBox,
-  de as FormControlRow,
-  tr as InlineEditor,
-  pr as LocalizedStrings,
-  vr as LogMessagesContext,
-  xr as MeasurementSetupContext,
-  Cr as MeasurementStatusContext,
-  rr as NumberRangeControl,
-  te as OneLineButton,
-  Sr as OnlineStatusContext,
-  ie as RadioControl,
-  Et as RadioGroupControl,
-  Nr as RunningPeriodicTransmissionsContext,
-  fe as SectionControl,
-  Ie as SelectControl,
-  ar as SizedBox,
-  lr as TableControl,
-  ir as TabsPanel,
-  Lt as TextControl,
-  or as ToolbarControl,
-  yr as UserSettingsContext,
-  G as ValidateableTextControl,
-  Ir as WorkspacePanesContext,
-  $r as addEventListener,
-  Fr as removeEventListener,
-  It as useColumnItem,
-  $t as useColumnItems
+  Fr as CanChannelSelectControl,
+  tr as CanIdentifierControl,
+  Sr as CanIdentifierFrameControl,
+  rr as CanIdentifierGeneratorControl,
+  $r as CanIdentifierGeneratorSettingsControl,
+  _r as CanKingDataProvider,
+  Ue as CheckboxControl,
+  Pt as ColumnItemControl,
+  Cr as ContextMenu,
+  wr as DevicesContext,
+  jt as DropdownButton,
+  hr as DropdownButtonTextItems,
+  gr as DropdownPanel,
+  Ir as FillBox,
+  be as FormControlRow,
+  mr as InlineEditor,
+  Rr as LocalizedStrings,
+  Ar as LogMessagesContext,
+  Tr as MeasurementSetupContext,
+  Er as MeasurementStatusContext,
+  br as NumberRangeControl,
+  ce as OneLineButton,
+  Lr as OnlineStatusContext,
+  ge as RadioControl,
+  Gt as RadioGroupControl,
+  Br as RunningPeriodicTransmissionsContext,
+  Ne as SectionControl,
+  Ee as SelectControl,
+  pr as SizedBox,
+  xr as TableControl,
+  vr as TabsPanel,
+  Ht as TextControl,
+  Nr as ToolbarControl,
+  Or as UserSettingsContext,
+  ee as ValidateableTextControl,
+  kr as WorkspacePanesContext,
+  Wr as addEventListener,
+  Pr as removeEventListener,
+  kt as useColumnItem,
+  Wt as useColumnItems
 };