@3sc/common-component 0.0.150 → 0.0.151

package/dist/index.es.js

@@ -2,7 +2,7 @@ var oS = Object.defineProperty;
 var rS = (e, t, n) => t in e ? oS(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ha = (e, t, n) => rS(e, typeof t != "symbol" ? t + "" : t, n);
 import * as C from "react";
-import Wt, { forwardRef as zd, useContext as ut, isValidElement as Ki, cloneElement as Ba, Children as W0, useState as Be, useEffect as Bt, createContext as Yn, useRef as mt, useLayoutEffect as z0, useId as Gd, useInsertionEffect as G0, useCallback as Rt, useMemo as gn, Fragment as hs, createElement as iS, Component as H0, useReducer as U0 } from "react";
+import Wt, { forwardRef as zd, useContext as ut, isValidElement as Ki, cloneElement as Ba, Children as W0, useState as Be, useEffect as Vt, createContext as Yn, useRef as mt, useLayoutEffect as z0, useId as Gd, useInsertionEffect as G0, useCallback as Rt, useMemo as gn, Fragment as hs, createElement as iS, Component as H0, useReducer as U0 } from "react";
 import * as sS from "react-dom";
 import ma, { createPortal as aS } from "react-dom";
 var ci = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -4383,7 +4383,7 @@ function Dn(e) {
     (0, t.current)(...n)
   )).current;
 }
-function $t(...e) {
+function Bt(...e) {
   return C.useMemo(() => e.every((t) => t == null) ? null : (t) => {
     e.forEach((n) => {
       Xu(n, t);
@@ -4624,7 +4624,7 @@ function fn(e) {
     internalRef: u
   } = dT(x({}, a, {
     externalSlotProps: c
-  })), d = $t(u, c == null ? void 0 : c.ref, (t = e.additionalProps) == null ? void 0 : t.ref);
+  })), d = Bt(u, c == null ? void 0 : c.ref, (t = e.additionalProps) == null ? void 0 : t.ref);
   return Ui(n, x({}, l, {
     ref: d
   }), r);
@@ -7207,7 +7207,7 @@ const iR = Re("MuiButtonBase", ["root", "disabled", "focusVisible"]), sR = ["act
     TouchRippleProps: $,
     touchRippleRef: k,
     type: A
-  } = o, P = te(o, sR), B = C.useRef(null), j = C.useRef(null), _ = $t(j, k), {
+  } = o, P = te(o, sR), B = C.useRef(null), j = C.useRef(null), _ = Bt(j, k), {
     isFocusVisibleRef: F,
     onFocus: L,
     onBlur: H,
@@ -7251,7 +7251,7 @@ const iR = Re("MuiButtonBase", ["root", "disabled", "focusVisible"]), sR = ["act
   Me === "button" && (P.href || P.to) && (Me = h);
   const ze = {};
   Me === "button" ? (ze.type = A === void 0 ? "button" : A, ze.disabled = u) : (!P.href && !P.to && (ze.role = "button"), u && (ze["aria-disabled"] = u));
-  const Ke = $t(n, X, B);
+  const Ke = Bt(n, X, B);
   process.env.NODE_ENV !== "production" && C.useEffect(() => {
     oe && !j.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
 `));
@@ -8737,7 +8737,7 @@ const ws = /* @__PURE__ */ C.forwardRef(function(t, n) {
     children: o,
     container: r,
     disablePortal: s = !1
-  } = t, [a, c] = C.useState(null), l = $t(/* @__PURE__ */ C.isValidElement(o) ? mi(o) : null, n);
+  } = t, [a, c] = C.useState(null), l = Bt(/* @__PURE__ */ C.isValidElement(o) ? mi(o) : null, n);
   if (jn(() => {
     s || c(MO(r) || document.body);
   }, [r, s]), jn(() => {
@@ -8841,7 +8841,7 @@ const VO = (e) => {
     TransitionProps: m
     // @ts-ignore internal logic
     // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-  } = t, b = te(t, kO), v = C.useRef(null), I = $t(v, n), w = C.useRef(null), T = $t(w, f), S = C.useRef(T);
+  } = t, b = te(t, kO), v = C.useRef(null), I = Bt(v, n), w = C.useRef(null), T = Bt(w, f), S = C.useRef(T);
   jn(() => {
     S.current = T;
   }, [T]), C.useImperativeHandle(f, () => w.current, []);
@@ -9551,7 +9551,7 @@ const fl = /* @__PURE__ */ C.forwardRef(function(t, n) {
     tabIndex: w,
     skipFocusWhenDisabled: T = !1
     // TODO v6: Rename to `focusableWhenDisabled`.
-  } = o, S = te(o, GO), E = C.useRef(null), R = $t(E, n), O = (_) => {
+  } = o, S = te(o, GO), E = C.useRef(null), R = Bt(E, n), O = (_) => {
     _.stopPropagation(), g && g(_);
   }, M = (_) => {
     _.currentTarget === _.target && xm(_) && _.preventDefault(), m && m(_);
@@ -9743,7 +9743,7 @@ const Iv = /* @__PURE__ */ C.forwardRef(function(t, n) {
     value: c
   } = t, l = te(t, XO), {
     current: u
-  } = C.useRef(c != null), d = C.useRef(null), p = $t(n, d), f = C.useRef(null), h = C.useRef(null), g = C.useCallback(() => {
+  } = C.useRef(c != null), d = C.useRef(null), p = Bt(n, d), f = C.useRef(null), h = C.useRef(null), g = C.useCallback(() => {
     const w = d.current, T = h.current;
     if (!w || !T)
       return;
@@ -10110,7 +10110,7 @@ const ri = Re("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   } = C.useRef(U != null), Z = C.useRef(), Q = C.useCallback((je) => {
     process.env.NODE_ENV !== "production" && je && je.nodeName !== "INPUT" && !je.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), oe = $t(Z, w, I.ref, Q), [ne, K] = C.useState(!1), Y = uo();
+  }, []), oe = Bt(Z, w, I.ref, Q), [ne, K] = C.useState(!1), Y = uo();
   process.env.NODE_ENV !== "production" && C.useEffect(() => {
     if (Y)
       return Y.registerEffect();
@@ -10503,7 +10503,7 @@ const Uo = x({}, ri, Re("MuiFilledInput", ["root", "underline", "input"])), iP =
     timeout: v = r,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: I = _n
-  } = t, w = te(t, sP), T = C.useRef(null), S = $t(T, mi(c), n), E = (k) => (A) => {
+  } = t, w = te(t, sP), T = C.useRef(null), S = Bt(T, mi(c), n), E = (k) => (A) => {
     if (k) {
       const P = T.current;
       A === void 0 ? k(P) : k(P, A);
@@ -12635,7 +12635,7 @@ function Is(e) {
     getTabbable: s = gA,
     isEnabled: a = bA,
     open: c
-  } = e, l = C.useRef(!1), u = C.useRef(null), d = C.useRef(null), p = C.useRef(null), f = C.useRef(null), h = C.useRef(!1), g = C.useRef(null), m = $t(mi(t), g), b = C.useRef(null);
+  } = e, l = C.useRef(!1), u = C.useRef(null), d = C.useRef(null), p = C.useRef(null), f = C.useRef(null), h = C.useRef(!1), g = C.useRef(null), m = Bt(mi(t), g), b = C.useRef(null);
   C.useEffect(() => {
     !c || !g.current || (h.current = !n);
   }, [n, c]), C.useEffect(() => {
@@ -12783,7 +12783,7 @@ function CA(e) {
     onClose: u,
     open: d,
     rootRef: p
-  } = e, f = C.useRef({}), h = C.useRef(null), g = C.useRef(null), m = $t(g, p), [b, v] = C.useState(!d), I = vA(l);
+  } = e, f = C.useRef({}), h = C.useRef(null), g = C.useRef(null), m = Bt(g, p), [b, v] = C.useState(!d), I = vA(l);
   let w = !0;
   (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (w = !1);
   const T = () => en(h.current), S = () => (f.current.modalRef = g.current, f.current.mount = h.current, f.current), E = () => {
@@ -15340,7 +15340,7 @@ const TM = {
     timeout: m = "auto",
     // eslint-disable-next-line react/prop-types
     TransitionComponent: b = _n
-  } = t, v = te(t, IM), I = Fr(), w = C.useRef(), T = dt(), S = C.useRef(null), E = $t(S, mi(s), n), R = (A) => (P) => {
+  } = t, v = te(t, IM), I = Fr(), w = C.useRef(), T = dt(), S = C.useRef(null), E = Bt(S, mi(s), n), R = (A) => (P) => {
     if (A) {
       const B = S.current;
       P === void 0 ? A(B) : A(B, P);
@@ -16464,7 +16464,7 @@ const ZM = ["className"], JM = ["alignItems", "autoFocus", "button", "children",
     divider: I,
     hasSecondaryAction: k,
     selected: S
-  }), P = KM(A), B = $t(D, n), j = R.root || d.Root || QM, _ = E.root || p.root || {}, F = x({
+  }), P = KM(A), B = Bt(D, n), j = R.root || d.Root || QM, _ = E.root || p.root || {}, F = x({
     className: le(P.root, _.className, l),
     disabled: m
   }, M);
@@ -16732,7 +16732,7 @@ const Vv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       R.previousKeyMatched && (N || ki(T, E, !1, l, su, R)) ? w.preventDefault() : R.previousKeyMatched = !1;
     }
     d && d(w);
-  }, b = $t(h, n);
+  }, b = Bt(h, n);
   let v = -1;
   C.Children.forEach(a, (w, T) => {
     if (!/* @__PURE__ */ C.isValidElement(w)) {
@@ -16884,7 +16884,7 @@ const sD = (e) => {
       onEntering: O
     } = {},
     disableScrollLock: M = !1
-  } = a, N = te(a.TransitionProps, oD), V = te(a, rD), D = (o = T == null ? void 0 : T.paper) != null ? o : I, $ = C.useRef(), k = $t($, D.ref), A = x({}, a, {
+  } = a, N = te(a.TransitionProps, oD), V = te(a, rD), D = (o = T == null ? void 0 : T.paper) != null ? o : I, $ = C.useRef(), k = Bt($, D.ref), A = x({}, a, {
     anchorOrigin: u,
     anchorReference: p,
     elevation: m,
@@ -18843,7 +18843,7 @@ const JD = (e) => {
     name: "Select"
   }), H = C.useRef(null), X = C.useRef(null), [U, q] = C.useState(null), {
     current: Z
-  } = C.useRef(N != null), [Q, oe] = C.useState(), ne = $t(n, b), K = C.useCallback((me) => {
+  } = C.useRef(N != null), [Q, oe] = C.useState(), ne = Bt(n, b), K = C.useCallback((me) => {
     X.current = me, me && q(me);
   }, []), Y = U == null ? void 0 : U.parentNode;
   C.useImperativeHandle(ne, () => ({
@@ -19240,7 +19240,7 @@ const qD = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
     filled: /* @__PURE__ */ y.jsx(nk, {
       ownerState: k
     })
-  }[$], j = $t(n, mi(B));
+  }[$], j = Bt(n, mi(B));
   return /* @__PURE__ */ y.jsx(C.Fragment, {
     children: /* @__PURE__ */ C.cloneElement(B, x({
       // Most of the logic is implemented in `SelectInput`.
@@ -19719,7 +19719,7 @@ const Yv = /* @__PURE__ */ C.forwardRef(function(t, n) {
       document.removeEventListener("keydown", Ie);
     };
   }, [ie, we]);
-  const yt = $t(mi(ue), At, xe, n);
+  const yt = Bt(mi(ue), At, xe, n);
   !Y && Y !== 0 && (we = !1);
   const zt = C.useRef(), Cr = (Ie) => {
     const Ze = ue.props;
@@ -22352,7 +22352,7 @@ const bN = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
 function po({ children: e }) {
   var r, s;
   const t = ((s = (r = JSON.parse(localStorage.getItem("settings"))) == null ? void 0 : r.platform) == null ? void 0 : s.theme) || "light", [n, o] = Be(t);
-  return Bt(() => {
+  return Vt(() => {
     const a = (c) => {
       o(c == null ? void 0 : c.detail);
     };
@@ -22366,7 +22366,7 @@ function zp(e) {
   const t = mt(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Gp = typeof window < "u", ex = Gp ? z0 : Bt, mc = /* @__PURE__ */ Yn(null), Hp = Yn({
+const Gp = typeof window < "u", ex = Gp ? z0 : Vt, mc = /* @__PURE__ */ Yn(null), Hp = Yn({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
@@ -22454,7 +22454,7 @@ function tx(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: o, register: r } = t, s = Gd();
-  Bt(() => {
+  Vt(() => {
     if (e)
       return r(s);
   }, [e]);
@@ -23273,7 +23273,7 @@ function x3(e, t, n, o, r) {
   const h = n[fx], g = mt(!!h && !((m = window.MotionHandoffIsComplete) != null && m.call(window, h)) && ((b = window.MotionHasOptimisedAnimation) == null ? void 0 : b.call(window, h)));
   return ex(() => {
     d && (f.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), ef.render(d.render), g.current && d.animationState && d.animationState.animateChanges());
-  }), Bt(() => {
+  }), Vt(() => {
     d && (!g.current && d.animationState && d.animationState.animateChanges(), g.current && (queueMicrotask(() => {
       var v;
       (v = window.MotionHandoffMarkAsComplete) == null || v.call(window, h);
@@ -27405,7 +27405,7 @@ O1.propTypes = {
 };
 const CV = ({ options: e }) => {
   const t = mt(null), [n, o] = Be(!1), [r, s] = Be(null), [a, c] = Be(e), [l, u] = Be(!1), d = ut(sa), { hasChange: p, visibleGridColumns: f } = ut(Cc);
-  Bt(() => {
+  Vt(() => {
     c(e.sort((v, I) => v.sequenceId - I.sequenceId));
   }, [e]);
   const h = (v) => {
@@ -27424,13 +27424,13 @@ const CV = ({ options: e }) => {
   }, b = () => {
     p && d({ type: Xe.TRIGGER_API, payload: { triggerApi: !0 } }), o(!1);
   };
-  return Bt(() => {
+  return Vt(() => {
     if (!n) return;
     const v = (I) => {
       t.current && !t.current.contains(I.target) && b();
     };
     return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
-  }, [n, p, a]), Bt(() => {
+  }, [n, p, a]), Vt(() => {
     if (t.current) {
       const v = t.current.getBoundingClientRect(), I = window.innerHeight - v.bottom;
       u(I < 200);
@@ -27684,7 +27684,7 @@ const IV = G(ye)(({ theme: e }) => ({
   }
 })), EV = ({ isChartType: e, setIsChartType: t, leftSwitchText: n, rigthSwitchText: o }) => {
   const [r, s] = Be(0), [a, c] = Be(0), l = mt(null), u = mt(null);
-  return Bt(() => {
+  return Vt(() => {
     if (l.current && u.current) {
       const d = e ? u.current : l.current;
       s(d.offsetWidth), c(d.offsetLeft);
@@ -30390,7 +30390,7 @@ aC.propTypes = {
 };
 function lC({ tableProps: e, mergedColumns: t, gridPath: n, baseUrl: o }) {
   const r = ut(sa);
-  return Bt(() => {
+  return Vt(() => {
     r({ type: Xe.SET_GRID_DATA, payload: { visibleGridColumns: t } });
   }, [t, r]), /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsx(
     aC,
@@ -30433,7 +30433,7 @@ const NB = ({
   const w = () => {
   }, T = () => {
   };
-  return Bt(() => {
+  return Vt(() => {
     const R = (O) => {
       f.current && !f.current.contains(O.target) && d(!1);
     };
@@ -30692,7 +30692,7 @@ const NB = ({
     const d = !o;
     r(d), l(d);
   };
-  return Bt(() => {
+  return Vt(() => {
     l(o);
   }, [e]), /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     o && /* @__PURE__ */ y.jsx(
@@ -30780,7 +30780,7 @@ const uC = ({
       });
     }
   };
-  Bt(() => {
+  Vt(() => {
     l && d(c);
   }, [l]);
   const p = (w) => {
@@ -31654,9 +31654,9 @@ const gC = ({ data: e, handleRead: t, handleShowDetails: n, clickId: o, mode: r,
     month: "long",
     year: "numeric"
   }).format(l), [d, p] = Be([]), [f, h] = Be(!1), [g, m] = Be(!0), b = mt(null), v = dt();
-  return Bt(() => {
+  return Vt(() => {
     p([...e]);
-  }, [e]), Bt(() => {
+  }, [e]), Vt(() => {
     const I = new IntersectionObserver(
       (w) => {
         w[0].isIntersecting && !f && g && a((T) => T + 1);
@@ -33458,7 +33458,7 @@ function hL(e) {
   }, [h, f, p]), m = Rt(function(b) {
     b && (b.removeEventListener("wheel", p, !1), b.removeEventListener("touchstart", f, !1), b.removeEventListener("touchmove", h, !1));
   }, [h, f, p]);
-  return Bt(function() {
+  return Vt(function() {
     if (t) {
       var b = u.current;
       return g(b), function() {
@@ -33518,7 +33518,7 @@ function mL(e) {
       }), u && u0() && (u.removeEventListener("touchmove", a0, Mr), l && (l.removeEventListener("touchstart", c0, Mr), l.removeEventListener("touchmove", l0, Mr)));
     }
   }, [o]);
-  return Bt(function() {
+  return Vt(function() {
     if (t) {
       var l = s.current;
       return a(l), function() {
@@ -35039,7 +35039,7 @@ const XL = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ y.jsx(y.Fr
     setRowLength: u,
     setPageIndex: c
   });
-  Bt(() => {
+  Vt(() => {
     if (r || b) {
       const R = cB(n, hB, r);
       if (b) {
@@ -35184,13 +35184,13 @@ const XL = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ y.jsx(y.Fr
     const L = F.target.checked;
     T(L);
   };
-  Bt(() => {
+  Vt(() => {
     if (w) {
       const F = o == null ? void 0 : o.filter((L) => !L.isRead);
       E(F);
     } else
       E([...o]);
-  }, [w, o]), Bt(() => {
+  }, [w, o]), Vt(() => {
     M();
     const F = setInterval(() => {
       M();
@@ -35815,7 +35815,7 @@ var XC = { exports: {} };
   });
 })(XC);
 var t6 = XC.exports;
-const Vt = /* @__PURE__ */ br(t6);
+const Lt = /* @__PURE__ */ br(t6);
 var ZC = { exports: {} };
 (function(e, t) {
   (function(n, o) {
@@ -36061,10 +36061,10 @@ function e2(e, t = "warning") {
 `) : e;
   m0.has(n) || (m0.add(n), t === "error" ? console.error(n) : console.warn(n));
 }
-Vt.extend(a6);
-Vt.extend(o6);
-Vt.extend(c6);
-Vt.extend(d6);
+Lt.extend(a6);
+Lt.extend(o6);
+Lt.extend(c6);
+Lt.extend(d6);
 const p6 = {
   // Year
   YY: "year",
@@ -36183,7 +36183,7 @@ class m6 {
     }, this.formatTokenMap = p6, this.setLocaleToValue = (o) => {
       const r = this.getCurrentLocaleCode();
       return r === o.locale() ? o : o.locale(r);
-    }, this.hasUTCPlugin = () => typeof Vt.utc < "u", this.hasTimezonePlugin = () => typeof Vt.tz < "u", this.isSame = (o, r, s) => {
+    }, this.hasUTCPlugin = () => typeof Lt.utc < "u", this.hasTimezonePlugin = () => typeof Lt.tz < "u", this.isSame = (o, r, s) => {
       const a = this.setTimezone(r, this.getTimezone(o));
       return o.format(s) === a.format(s);
     }, this.cleanTimezone = (o) => {
@@ -36191,29 +36191,29 @@ class m6 {
         case "default":
           return;
         case "system":
-          return Vt.tz.guess();
+          return Lt.tz.guess();
         default:
           return o;
       }
     }, this.createSystemDate = (o) => {
       if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-        const r = Vt.tz.guess();
-        return r !== "UTC" ? Vt.tz(o, r) : Vt(o);
+        const r = Lt.tz.guess();
+        return r !== "UTC" ? Lt.tz(o, r) : Lt(o);
       }
-      return Vt(o);
+      return Lt(o);
     }, this.createUTCDate = (o) => {
       if (!this.hasUTCPlugin())
         throw new Error(Fu);
-      return Vt.utc(o);
+      return Lt.utc(o);
     }, this.createTZDate = (o, r) => {
       if (!this.hasUTCPlugin())
         throw new Error(Fu);
       if (!this.hasTimezonePlugin())
         throw new Error(g0);
       const s = o !== void 0 && !o.endsWith("Z");
-      return Vt(o).tz(this.cleanTimezone(r), s);
+      return Lt(o).tz(this.cleanTimezone(r), s);
     }, this.getLocaleFormats = () => {
-      const o = Vt.Ls, r = this.locale || "en";
+      const o = Lt.Ls, r = this.locale || "en";
       let s = o[r];
       return s === void 0 && (process.env.NODE_ENV !== "production" && e2(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]), s = o.en), s.formats;
     }, this.adjustOffset = (o) => {
@@ -36232,7 +36232,7 @@ class m6 {
         return null;
       let s;
       return r === "UTC" ? s = this.createUTCDate(o) : r === "system" || r === "default" && !this.hasTimezonePlugin() ? s = this.createSystemDate(o) : s = this.createTZDate(o, r), this.locale === void 0 ? s : s.locale(this.locale);
-    }, this.getInvalidDate = () => Vt(/* @__PURE__ */ new Date("Invalid date")), this.getTimezone = (o) => {
+    }, this.getInvalidDate = () => Lt(/* @__PURE__ */ new Date("Invalid date")), this.getTimezone = (o) => {
       var r;
       if (this.hasTimezonePlugin()) {
         const s = (r = o.$x) == null ? void 0 : r.$timezone;
@@ -36255,7 +36255,7 @@ class m6 {
           return o;
         throw new Error(g0);
       }
-      return Vt.tz(o, this.cleanTimezone(r));
+      return Lt.tz(o, this.cleanTimezone(r));
     }, this.toJsDate = (o) => o.toDate(), this.parse = (o, r) => o === "" ? null : this.dayjs(o, r, this.locale, !0), this.getCurrentLocaleCode = () => this.locale || "en", this.is12HourCycleInCurrentLocale = () => /A|a/.test(this.getLocaleFormats().LT || ""), this.expandFormat = (o) => {
       const r = this.getLocaleFormats(), s = (a) => a.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (c, l, u) => l || u.slice(1));
       return o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (a, c, l) => {
@@ -36277,7 +36277,7 @@ class m6 {
       for (; this.isBefore(l, a); )
         c.push(l), l = this.addYears(l, 1);
       return c;
-    }, this.dayjs = h6(Vt, t), this.locale = t, this.formats = x({}, f6, n), Vt.extend(i6);
+    }, this.dayjs = h6(Lt, t), this.locale = t, this.formats = x({}, f6, n), Lt.extend(i6);
   }
   getDayOfWeek(t) {
     return t.day() + 1;
@@ -36461,7 +36461,7 @@ function Ft(e, t, n = "Mui") {
   const o = E6[t];
   return o ? `${n}-${o}` : `${T6.generate(e)}-${t}`;
 }
-function Lt(e, t, n = "Mui") {
+function $t(e, t, n = "Mui") {
   const o = {};
   return t.forEach((r) => {
     o[r] = Ft(e, r, n);
@@ -36974,7 +36974,7 @@ const P0 = (e, t) => {
 function Q6(e) {
   return Ft("MuiPickersToolbar", e);
 }
-Lt("MuiPickersToolbar", ["root", "title", "content"]);
+$t("MuiPickersToolbar", ["root", "title", "content"]);
 const e_ = ["localeText"], kl = /* @__PURE__ */ C.createContext(null);
 process.env.NODE_ENV !== "production" && (kl.displayName = "MuiPickersAdapterContext");
 const Zf = function(t) {
@@ -37336,7 +37336,7 @@ const xr = () => {
 function u_(e) {
   return Ft("MuiDatePickerToolbar", e);
 }
-Lt("MuiDatePickerToolbar", ["root", "title"]);
+$t("MuiDatePickerToolbar", ["root", "title"]);
 const _d = ["disablePast", "disableFuture", "minDate", "maxDate", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear"], Wd = ["disablePast", "disableFuture", "minTime", "maxTime", "shouldDisableTime", "minutesStep", "ampm", "disableIgnoringDatePartForTimeValidation"], f2 = ["minDateTime", "maxDateTime"], d_ = [..._d, ...Wd, ...f2], h2 = (e) => d_.reduce((t, n) => (e.hasOwnProperty(n) && (t[n] = e[n]), t), {}), p_ = ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef", "unstableStartFieldRef", "unstableEndFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"], m2 = (e, t) => C.useMemo(() => {
   const n = x({}, e), o = {}, r = (s) => {
     n.hasOwnProperty(s) && (o[s] = n[s], delete n[s]);
@@ -37726,7 +37726,7 @@ function y2(e, t) {
 function R_(e) {
   return Ft("MuiPickerPopper", e);
 }
-Lt("MuiPickerPopper", ["root", "paper"]);
+$t("MuiPickerPopper", ["root", "paper"]);
 function O_(e, t) {
   return Array.isArray(t) ? t.every((n) => e.indexOf(n) !== -1) : e.indexOf(t) !== -1;
 }
@@ -38409,7 +38409,7 @@ const G_ = ["className", "sx"], S2 = ({
 function w2(e) {
   return Ft("MuiPickersLayout", e);
 }
-const Xo = Lt("MuiPickersLayout", ["root", "landscape", "contentWrapper", "toolbar", "actionBar", "tabs", "shortcuts"]), H_ = ["actions"], U_ = G(cc, {
+const Xo = $t("MuiPickersLayout", ["root", "landscape", "contentWrapper", "toolbar", "actionBar", "tabs", "shortcuts"]), H_ = ["actions"], U_ = G(cc, {
   name: "MuiPickersLayout",
   slot: "ActionBar",
   overridesResolver: (e, t) => t.actionBar
@@ -38825,15 +38825,15 @@ const cW = jt(/* @__PURE__ */ y.jsx("path", {
 function uW(e) {
   return Ft("MuiPickersTextField", e);
 }
-const Wi = Lt("MuiPickersTextField", ["root", "focused", "disabled", "error", "required"]);
+const Wi = $t("MuiPickersTextField", ["root", "focused", "disabled", "error", "required"]);
 function dW(e) {
   return Ft("MuiPickersInputBase", e);
 }
-const Zr = Lt("MuiPickersInputBase", ["root", "focused", "disabled", "error", "notchedOutline", "sectionContent", "sectionBefore", "sectionAfter", "adornedStart", "adornedEnd", "input", "activeBar"]);
+const Zr = $t("MuiPickersInputBase", ["root", "focused", "disabled", "error", "notchedOutline", "sectionContent", "sectionBefore", "sectionAfter", "adornedStart", "adornedEnd", "input", "activeBar"]);
 function pW(e) {
   return Ft("MuiPickersSectionList", e);
 }
-const zi = Lt("MuiPickersSectionList", ["root", "section", "sectionContent"]), fW = ["slots", "slotProps", "elements", "sectionListRef", "classes"], E2 = G("div", {
+const zi = $t("MuiPickersSectionList", ["root", "section", "sectionContent"]), fW = ["slots", "slotProps", "elements", "sectionListRef", "classes"], E2 = G("div", {
   name: "MuiPickersSectionList",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -39429,7 +39429,7 @@ process.env.NODE_ENV !== "production" && (Lc.propTypes = {
 function IW(e) {
   return Ft("MuiPickersOutlinedInput", e);
 }
-const Wn = x({}, Zr, Lt("MuiPickersOutlinedInput", ["root", "notchedOutline", "input"])), TW = ["children", "className", "label", "notched", "shrink"], EW = G("fieldset", {
+const Wn = x({}, Zr, $t("MuiPickersOutlinedInput", ["root", "notchedOutline", "input"])), TW = ["children", "className", "label", "notched", "shrink"], EW = G("fieldset", {
   name: "MuiPickersOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (e, t) => t.notchedOutline
@@ -39726,7 +39726,7 @@ nh.muiName = "Input";
 function kW(e) {
   return Ft("MuiPickersFilledInput", e);
 }
-const Zo = x({}, Zr, Lt("MuiPickersFilledInput", ["root", "underline", "input"])), NW = ["label", "autoFocus", "disableUnderline", "hiddenLabel", "classes"], jW = G($c, {
+const Zo = x({}, Zr, $t("MuiPickersFilledInput", ["root", "underline", "input"])), NW = ["label", "autoFocus", "disableUnderline", "hiddenLabel", "classes"], jW = G($c, {
   name: "MuiPickersFilledInput",
   slot: "Root",
   overridesResolver: (e, t) => t.root,
@@ -40005,7 +40005,7 @@ oh.muiName = "Input";
 function BW(e) {
   return Ft("MuiPickersFilledInput", e);
 }
-const Gi = x({}, Zr, Lt("MuiPickersInput", ["root", "underline", "input"])), $W = ["label", "autoFocus", "disableUnderline", "ownerState", "classes"], LW = G($c, {
+const Gi = x({}, Zr, $t("MuiPickersInput", ["root", "underline", "input"])), $W = ["label", "autoFocus", "disableUnderline", "ownerState", "classes"], LW = G($c, {
   name: "MuiPickersInput",
   slot: "Root",
   overridesResolver: (e, t) => t.root,
@@ -42419,7 +42419,7 @@ const $2 = ({
     onMonthSwitchingAnimationEnd: T
   };
 }, wz = (e) => Ft("MuiPickersFadeTransitionGroup", e);
-Lt("MuiPickersFadeTransitionGroup", ["root"]);
+$t("MuiPickersFadeTransitionGroup", ["root"]);
 const Iz = (e) => Pt({
   root: ["root"]
 }, wz, e), Tz = G(Us, {
@@ -42459,7 +42459,7 @@ function L2(e) {
 function Ez(e) {
   return Ft("MuiPickersDay", e);
 }
-const Jo = Lt("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
+const Jo = $t("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
 function _2(e) {
   const {
     disabled: t,
@@ -42794,7 +42794,7 @@ process.env.NODE_ENV !== "production" && (G2.propTypes = {
     })
   })])
 });
-const Mz = /* @__PURE__ */ C.memo(G2), Dz = (e) => Ft("MuiPickersSlideTransition", e), Tn = Lt("MuiPickersSlideTransition", ["root", "slideEnter-left", "slideEnter-right", "slideEnterActive", "slideExit", "slideExitActiveLeft-left", "slideExitActiveLeft-right"]), kz = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], Nz = (e, t) => {
+const Mz = /* @__PURE__ */ C.memo(G2), Dz = (e) => Ft("MuiPickersSlideTransition", e), Tn = $t("MuiPickersSlideTransition", ["root", "slideEnter-left", "slideEnter-right", "slideEnterActive", "slideExit", "slideExitActiveLeft-left", "slideExitActiveLeft-right"]), kz = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], Nz = (e, t) => {
   const {
     slideDirection: n
   } = t, o = {
@@ -42913,7 +42913,7 @@ function Fz(e) {
   });
 }
 const Vz = (e) => Ft("MuiDayCalendar", e);
-Lt("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
+$t("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
 const Bz = ["parentProps", "day", "focusedDay", "selectedDays", "isDateDisabled", "currentMonthNumber", "isViewFocused"], $z = ["ownerState"], Lz = (e) => Pt({
   root: ["root"],
   header: ["header"],
@@ -43249,7 +43249,7 @@ function qz(e) {
 function U2(e) {
   return Ft("MuiMonthCalendar", e);
 }
-const Fa = Lt("MuiMonthCalendar", ["root", "button", "disabled", "selected"]), Kz = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"], Qz = (e, t) => {
+const Fa = $t("MuiMonthCalendar", ["root", "button", "disabled", "selected"]), Kz = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"], Qz = (e, t) => {
   const n = {
     button: ["button", t.isMonthDisabled && "disabled", t.isMonthSelected && "selected"]
   };
@@ -43606,7 +43606,7 @@ process.env.NODE_ENV !== "production" && (Y2.propTypes = {
 function X2(e) {
   return Ft("MuiYearCalendar", e);
 }
-const Va = Lt("MuiYearCalendar", ["root", "button", "disabled", "selected"]), s7 = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"], a7 = (e, t) => {
+const Va = $t("MuiYearCalendar", ["root", "button", "disabled", "selected"]), s7 = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"], a7 = (e, t) => {
   const n = {
     button: ["button", t.isYearDisabled && "disabled", t.isYearSelected && "selected"]
   };
@@ -43995,11 +43995,11 @@ process.env.NODE_ENV !== "production" && (Z2.propTypes = {
    */
   yearsPerRow: i.oneOf([3, 4])
 });
-const m7 = (e) => Ft("MuiPickersCalendarHeader", e), g7 = Lt("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
+const m7 = (e) => Ft("MuiPickersCalendarHeader", e), g7 = $t("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
 function b7(e) {
   return Ft("MuiPickersArrowSwitcher", e);
 }
-Lt("MuiPickersArrowSwitcher", ["root", "spacer", "button", "previousIconButton", "nextIconButton", "leftArrowIcon", "rightArrowIcon"]);
+$t("MuiPickersArrowSwitcher", ["root", "spacer", "button", "previousIconButton", "nextIconButton", "leftArrowIcon", "rightArrowIcon"]);
 const y7 = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel", "labelId", "classes"], v7 = ["ownerState"], x7 = ["ownerState"], C7 = G("div", {
   name: "MuiPickersArrowSwitcher",
   slot: "Root",
@@ -44374,7 +44374,7 @@ const j7 = G("div")({
   flexDirection: "column",
   margin: "0 auto"
 }), F7 = (e) => Ft("MuiDateCalendar", e);
-Lt("MuiDateCalendar", ["root", "viewTransitionContainer"]);
+$t("MuiDateCalendar", ["root", "viewTransitionContainer"]);
 const V7 = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "classes", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsOrder", "yearsPerRow", "monthsPerRow", "timezone"], B7 = (e) => Pt({
   root: ["root"],
   viewTransitionContainer: ["viewTransitionContainer"]
@@ -46127,47 +46127,61 @@ const Q7 = G(eS)(({ theme: e }) => ({
     color: `${e.palette.primary.notifyTextColor}!important`,
     fontSize: "1.1rem",
     backgroundColor: `${e.palette.primary.notifyBackground}`,
-    transform: "translate(14px, 11px) scale(1)"
+    zIndex: 1,
+    padding: "0 0.25rem",
+    transform: "translate(14px, 12px) scale(1)",
+    // center vertically (non-shrinked)
+    transition: "all 0.2s ease"
   },
-  "& .MuiPickersOutlinedInput-notchedOutline": {
-    border: "none!important"
+  "& .MuiInputLabel-shrink": {
+    fontSize: "1.1rem !important",
+    transform: "translate(14px, -6px) scale(1)"
+  },
+  "& .Mui-focused": {
+    color: `${e.palette.primary.notifyTextColor} !important`
   },
-  "& .MuiPickersOutlinedInput-root ": {
+  "& .MuiPickersOutlinedInput-root": {
     backgroundColor: `${e.palette.primary.notifyBackground}`,
-    borderRadius: "0.7rem",
-    border: `0.1rem solid ${e.palette.primary.notifyBorderColor}`,
+    borderRadius: "0.6rem",
     color: `${e.palette.primary.notifyTextColor}`,
     fontSize: "1.1rem",
-    cursor: "pointer"
+    padding: "0.6rem 1.2rem",
+    minHeight: "4rem",
+    height: "4rem",
+    boxSizing: "border-box"
   },
   "& .MuiOutlinedInput-notchedOutline": {
     border: "unset"
   },
   "& .MuiInputLabel-input": {
     color: `${e.palette.primary.notifyTextColor}`,
-    fontSize: "1.1rem",
-    padding: ".9rem 1rem"
-  },
-  "& .Mui-focused": {
-    color: `${e.palette.primary.notifyTextColor} !important`
+    fontSize: "1.1rem"
   },
-  "& .MuiPickersSectionList-root": {
-    padding: "1rem 0"
+  "& .MuiPickersOutlinedInput-notchedOutline": {
+    border: "none!important"
   }
 })), eG = ({
   value: e,
   styles: t,
-  ...n
+  error: n,
+  errorText: o,
+  ...r
 }) => {
-  const o = dt();
+  const s = dt();
   return /* @__PURE__ */ y.jsx(Zf, { dateAdapter: m6, children: /* @__PURE__ */ y.jsx(K7, { components: ["MuiDatePicker"], children: /* @__PURE__ */ y.jsx(
     Q7,
     {
-      value: Vt(e),
       views: ["year", "month", "day"],
       yearsOrder: "desc",
+      name: "startDate",
       slots: {
-        openPickerIcon: () => /* @__PURE__ */ y.jsx(ye, { component: "img", src: ft.Calendar })
+        openPickerIcon: () => /* @__PURE__ */ y.jsx(
+          ye,
+          {
+            component: "img",
+            src: ft.Calendar
+          }
+        )
       },
       slotProps: {
         popper: {
@@ -46176,64 +46190,64 @@ const Q7 = G(eS)(({ theme: e }) => ({
               maxHeight: "30rem"
             },
             "& .MuiPaper-root": {
-              backgroundColor: o.palette.primary.notifyBackground,
-              color: o.palette.primary.notifyActiveText,
+              backgroundColor: s.palette.primary.notifyBackground,
+              color: s.palette.primary.notifyActiveText,
               borderRadius: "0.7rem"
             },
             "& .MuiPickersCalendarHeader-root": {
-              color: o.palette.primary.notifyActiveText,
+              color: s.palette.primary.notifyActiveText,
               "& .MuiPickersCalendarHeader-labelContainer": {
                 fontSize: "2rem",
                 "& .MuiIconButton-root": {
                   fontSize: "2rem",
-                  color: o.palette.primary.notifyActiveText
+                  color: s.palette.primary.notifyActiveText
                 }
               },
               "& .MuiPickersArrowSwitcher-root": {
                 "& .MuiIconButton-root": {
                   fontSize: "2rem",
-                  color: o.palette.primary.notifyActiveText
+                  color: s.palette.primary.notifyActiveText
                 }
               }
             },
             "& .MuiDayCalendar-header": {
               "& .MuiTypography-root": {
                 fontSize: "1.1rem",
-                color: o.palette.primary.notifyActiveText
+                color: s.palette.primary.notifyActiveText
               }
             },
             "& .MuiPickersSlideTransition-root": {
               "& .MuiButtonBase-root": {
                 fontSize: "1.1rem",
-                color: o.palette.primary.notifyActiveText
+                color: s.palette.primary.notifyActiveText
               }
             },
             "& .MuiPickersFadeTransitionGroup-root": {
               "& .MuiPickersYear-yearButton  ": {
                 fontSize: "1.1rem",
-                color: o.palette.primary.notifyActiveText
+                color: s.palette.primary.notifyActiveText
               }
             },
             "& .MuiPickersDay-root.Mui-selected": {
-              backgroundColor: `${o.palette.brandColor.orange}!important`,
-              color: o.palette.brandColor.white
+              backgroundColor: `${s.palette.brandColor.orange}!important`,
+              color: s.palette.brandColor.white
             },
             "& .MuiYearCalendar-root .MuiYearCalendar-button.Mui-selected": {
-              backgroundColor: `${o.palette.brandColor.orange}!important`,
-              color: o.palette.brandColor.white
+              backgroundColor: `${s.palette.brandColor.orange}!important`,
+              color: s.palette.brandColor.white
             },
             "& .MuiMonthCalendar-root .MuiMonthCalendar-button.Mui-selected": {
-              backgroundColor: `${o.palette.brandColor.orange}!important`,
-              color: o.palette.brandColor.white
+              backgroundColor: `${s.palette.brandColor.orange}!important`,
+              color: s.palette.brandColor.white
             },
             "& .MuiPickersDay-root": {
-              color: o.palette.primary.notifyActiveText,
+              color: s.palette.primary.notifyActiveText,
               "& .Mui-selected": {
-                backgroundColor: o.palette.brandColor.orange
+                backgroundColor: s.palette.brandColor.orange
               }
             },
             "& .Mui-selected": {
-              color: o.palette.primary.notifyActiveText
+              color: s.palette.primary.notifyActiveText
             },
             "& .MuiYearCalendar-button": {
               fontSize: "1.1rem"
@@ -46244,23 +46258,33 @@ const Q7 = G(eS)(({ theme: e }) => ({
           }
         },
         textField: {
+          error: n,
+          helperText: n ? o : "",
+          InputProps: { readOnly: !0 },
           sx: {
-            cursor: "pointer",
-            "& label.Mui-focused, & label.MuiInputLabel-shrink": {
-              display: "none",
-              opacity: 1
-            },
             "&.Mui-disabled *": {
-              color: `${o.palette.primary.notifyTextColor} !important`
-            }
-          },
-          disabled: !0
+              color: `${s.palette.primary.notifyTextColor}!important`,
+              opacity: 0.8
+            },
+            "& input": {
+              cursor: "pointer"
+            },
+            "& .MuiFormHelperText-root": {
+              fontSize: "1rem",
+              color: s.palette.brandColor.red,
+              marginX: 0
+            },
+            "& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline": {}
+          }
         }
       },
       sx: {
+        "& .MuiPickersOutlinedInput-root": {
+          border: `0.1rem solid ${n ? s.palette.brandColor.red : s.palette.primary.notifyBorderColor}`
+        },
         ...t
       },
-      ...n
+      ...r
     }
   ) }) });
 }, EG = (e) => /* @__PURE__ */ y.jsx(po, { children: /* @__PURE__ */ y.jsx(