@tracktor/design-system 4.20.4 → 4.20.5

package/dist/main.js

@@ -1,7 +1,7 @@
-import { Avatar as PA, Box as U, Skeleton as sA, SvgIcon as uA, useTheme as dA, Chip as qA, IconButton as gA, CircularProgress as At, Fade as et, Modal as Er, Typography as G, Tooltip as ge, Button as GA, Stack as v, CardContent as Ht, Card as LA, List as he, Divider as ye, ListItem as SA, ListItemText as QA, ListItemButton as Oe, Alert as tt, alpha as hA, Collapse as Ct, Popper as xr, Paper as rt, Backdrop as Nt, DialogContent as Ir, DialogContentText as Sr, DialogActions as yr, Dialog as Qr, responsiveFontSizes as nt, createTheme as vA, getOverlayAlpha as We, GlobalStyles as XA, css as fe, CssBaseline as Br, ThemeProvider as wr, TextField as te, Checkbox as me, ListItemAvatar as Vr, InputAdornment as UA, Autocomplete as vr, Badge as Rr, Menu as Pt, MenuItem as Jt, Radio as qr, ListItemIcon as Gt, InputLabel as Ur, TextareaAutosize as kr, useMediaQuery as YA, Toolbar as Fr, AppBar as Ze, SwipeableDrawer as Lr, Tab as Dr, Slide as Kr, Snackbar as Mr } from "@mui/material";
+import { Avatar as PA, Box as U, Skeleton as sA, SvgIcon as uA, useTheme as dA, Chip as UA, IconButton as gA, CircularProgress as At, Fade as et, Modal as Er, Typography as G, Tooltip as ge, Button as GA, Stack as v, CardContent as Ht, Card as LA, List as he, Divider as ye, ListItem as SA, ListItemText as QA, ListItemButton as Oe, Alert as tt, alpha as hA, Collapse as Ct, Popper as xr, Paper as rt, Backdrop as Nt, DialogContent as Ir, DialogContentText as Sr, DialogActions as yr, Dialog as Qr, responsiveFontSizes as nt, createTheme as RA, getOverlayAlpha as We, GlobalStyles as XA, css as fe, CssBaseline as Br, ThemeProvider as wr, TextField as te, Checkbox as me, ListItemAvatar as Vr, InputAdornment as kA, Autocomplete as vr, Badge as Rr, Menu as Pt, MenuItem as Jt, Radio as qr, ListItemIcon as Gt, InputLabel as Ur, TextareaAutosize as kr, useMediaQuery as YA, Toolbar as Fr, AppBar as Ze, SwipeableDrawer as Lr, Tab as Dr, Slide as Kr, Snackbar as Mr } from "@mui/material";
 export * from "@mui/material";
 import * as IA from "react";
-import Tr, { forwardRef as iA, useContext as yA, useState as z, isValidElement as kA, useRef as CA, useEffect as re, Fragment as Or, memo as Xt, useCallback as oA, Children as Wr, createContext as Qe, useMemo as jA, useImperativeHandle as Zr, cloneElement as ot } from "react";
+import Tr, { forwardRef as iA, useContext as yA, useState as z, isValidElement as wA, useRef as CA, useEffect as re, Fragment as Or, memo as Xt, useCallback as oA, Children as Wr, createContext as Qe, useMemo as jA, useImperativeHandle as Zr, cloneElement as ot } from "react";
 import { useInView as Hr, capitalize as Nr, isString as Yt } from "@tracktor/react-utils";
 import Pr from "react-virtualized-auto-sizer";
 import { VariableSizeList as Jr } from "react-window";
@@ -595,7 +595,7 @@ function g1(A, e, t) {
 function bt(A, e, t, n) {
   return Ve(A, e, t, at, _A(A, 0, n), _A(A, n + 1, -1), n);
 }
-function RA(A, e) {
+function qA(A, e) {
   for (var t = "", n = st(A), o = 0; o < n; o++)
     t += e(A[o], o, A, e) || "";
   return t;
@@ -610,11 +610,11 @@ function h1(A, e, t, n) {
     case jt:
       return "";
     case zt:
-      return A.return = A.value + "{" + RA(A.children, n) + "}";
+      return A.return = A.value + "{" + qA(A.children, n) + "}";
     case it:
       A.value = A.props.join(",");
   }
-  return bA(t = RA(A.children, n)) ? A.return = A.value + "{" + t + "}" : "";
+  return bA(t = qA(A.children, n)) ? A.return = A.value + "{" + t + "}" : "";
 }
 function f1(A) {
   var e = st(A);
@@ -831,7 +831,7 @@ var Q1 = function(e, t, n, o) {
       e.return = tr(e.value, e.length);
       break;
     case zt:
-      return RA([WA(e, {
+      return qA([WA(e, {
         value: Z(e.value, "@", "@" + W)
       })], o);
     case it:
@@ -840,12 +840,12 @@ var Q1 = function(e, t, n, o) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return RA([WA(e, {
+            return qA([WA(e, {
               props: [Z(i, /:(read-\w+)/, ":" + be + "$1")]
             })], o);
           // :placeholder
           case "::placeholder":
-            return RA([WA(e, {
+            return qA([WA(e, {
               props: [Z(i, /:(plac\w+)/, ":" + W + "input-$1")]
             }), WA(e, {
               props: [Z(i, /:(plac\w+)/, ":" + be + "$1")]
@@ -881,7 +881,7 @@ var Q1 = function(e, t, n, o) {
     var u, C = [h1, m1(function(h) {
       u.insert(h);
     })], m = f1(d.concat(o, C)), x = function(E) {
-      return RA(C1(E), m);
+      return qA(C1(E), m);
     };
     c = function(E, y, Q, b) {
       u = Q, x(E ? E + "{" + y.styles + "}" : y.styles), b && (g.inserted[y.name] = !0);
@@ -1900,7 +1900,7 @@ const Y1 = (A, e) => {
     warning: s.warning.main
   };
   return /* @__PURE__ */ r(
-    qA,
+    UA,
     {
       ref: a,
       variant: t,
@@ -2186,7 +2186,7 @@ const Y1 = (A, e) => {
       } : void 0
     }
   );
-}, an = 18, sn = 25, Rt = 40, wA = {
+}, an = 18, sn = 25, Rt = 40, VA = {
   default: 64,
   "footer-only": 64,
   "footer-subtitles": 60,
@@ -2201,17 +2201,17 @@ const Y1 = (A, e) => {
 }, ln = (A, e, t) => {
   switch (!0) {
     case (A && e):
-      return wA["header-subtitles"];
+      return VA["header-subtitles"];
     case (A && !e):
-      return wA["header-only"];
+      return VA["header-only"];
     case (e && t):
-      return wA["footer-subtitles"];
+      return VA["footer-subtitles"];
     case (t && !A && !e):
-      return wA["footer-only"];
+      return VA["footer-only"];
     case (e && !A && !t):
-      return wA["subtitles-only"];
+      return VA["subtitles-only"];
     default:
-      return wA.default;
+      return VA.default;
   }
 }, cn = (A, e, t, n) => A ? e && t ? le["header-subtitles"] : e ? le["header-only"] : n ? le.rightFooter : le.default : 0, dn = (A) => A ? sn : 0, pn = (A) => (A ?? 0) * an, un = (A, e, t, n, o) => ({
   baseHeight: ln(A, e, t),
@@ -2312,7 +2312,7 @@ const Y1 = (A, e) => {
       )
     }
   );
-}, Ye = iA(fn), dr = (A) => /* @__PURE__ */ r(Ye, { ...A }), mn = ({ emptyState: A }) => kA(A) ? /* @__PURE__ */ r(
+}, Ye = iA(fn), dr = (A) => /* @__PURE__ */ r(Ye, { ...A }), mn = ({ emptyState: A }) => wA(A) ? /* @__PURE__ */ r(
   v,
   {
     position: "absolute",
@@ -2604,7 +2604,7 @@ const Y1 = (A, e) => {
       ] })
     }
   ) });
-}, Uo = ({
+}, qo = ({
   data: A,
   onClickItem: e,
   disableCount: t,
@@ -2707,7 +2707,7 @@ const Y1 = (A, e) => {
     borderRadius: 1,
     padding: 0.5
   }
-}, yn = (A) => typeof A == "string", ko = ({
+}, yn = (A) => typeof A == "string", Uo = ({
   Empty: A,
   action: e,
   items: t,
@@ -2847,7 +2847,7 @@ const Y1 = (A, e) => {
                     {
                       primary: /* @__PURE__ */ f(v, { direction: "row", alignItems: "center", spacing: 1, children: [
                         m && /* @__PURE__ */ r(G, { variant: "h6", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", children: m }),
-                        Q && /* @__PURE__ */ r(qA, { label: Q, variant: "rounded", size: "xSmall", color: yn(b) ? b : "default" })
+                        Q && /* @__PURE__ */ r(UA, { label: Q, variant: "rounded", size: "xSmall", color: yn(b) ? b : "default" })
                       ] }),
                       secondary: x,
                       slotProps: {
@@ -2921,7 +2921,7 @@ const Y1 = (A, e) => {
     ...c,
     children: /* @__PURE__ */ r(U, { flex: "auto", minWidth: 0, children: A })
   }
-), Fo = Xt(iA(Vn)), kt = 32, vn = 24, Rn = 105, qn = 24, Un = 195, kn = 44, Fn = 147, Ln = () => {
+), ko = Xt(iA(Vn)), kt = 32, vn = 24, Rn = 105, qn = 24, Un = 195, kn = 44, Fn = 147, Ln = () => {
   const { palette: A } = dA(), e = oA(
     (a) => a === "white" ? "#fff" : a === "black" ? "#000" : a || A.text.primary,
     [A.text.primary]
@@ -3355,7 +3355,7 @@ const Y1 = (A, e) => {
       ]
     }
   );
-}, Ce = iA(On), Wn = ({ sx: A, fontSize: e, color: t = "currentColor" }) => /* @__PURE__ */ r(uA, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ r("path", { d: "M6 2L5.295 2.705L8.085 5.5L2 5.5L2 6.5L8.085 6.5L5.295 9.295L6 10L10 6L6 2Z", fill: t, fillOpacity: "0.54" }) }), lt = ({ sx: A, fontSize: e, color: t = "currentColor" }) => /* @__PURE__ */ r(uA, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ r("path", { d: "M12 6.47003L11.06 5.53003L8 8.58336L4.94 5.53003L4 6.47003L8 10.47L12 6.47003Z", fill: t, fillOpacity: "0.54" }) }), VA = 64, Ft = 1e3, Zn = ({
+}, Ce = iA(On), Wn = ({ sx: A, fontSize: e, color: t = "currentColor" }) => /* @__PURE__ */ r(uA, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ r("path", { d: "M6 2L5.295 2.705L8.085 5.5L2 5.5L2 6.5L8.085 6.5L5.295 9.295L6 10L10 6L6 2Z", fill: t, fillOpacity: "0.54" }) }), lt = ({ sx: A, fontSize: e, color: t = "currentColor" }) => /* @__PURE__ */ r(uA, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ r("path", { d: "M12 6.47003L11.06 5.53003L8 8.58336L4.94 5.53003L4 6.47003L8 10.47L12 6.47003Z", fill: t, fillOpacity: "0.54" }) }), vA = 64, Ft = 1e3, Zn = ({
   title: A,
   subtitle: e,
   isLastElement: t,
@@ -3442,7 +3442,7 @@ const Y1 = (A, e) => {
                   ]
                 }
               ),
-              a && /* @__PURE__ */ r(qA, { color: a?.color || "default", label: a?.label, size: "xSmall", variant: "outlined" }),
+              a && /* @__PURE__ */ r(UA, { color: a?.color || "default", label: a?.label, size: "xSmall", variant: "outlined" }),
               e && (Yt(e) ? /* @__PURE__ */ r(G, { variant: "body2", color: "textSecondary", children: e }) : e)
             ] }),
             d && /* @__PURE__ */ r(
@@ -3490,7 +3490,7 @@ const Y1 = (A, e) => {
                       )
                     }
                   ),
-                  E?.tag && /* @__PURE__ */ r(qA, { color: E?.tag?.color || "default", label: E?.tag?.label, size: "xSmall", variant: "outlined" })
+                  E?.tag && /* @__PURE__ */ r(UA, { color: E?.tag?.color || "default", label: E?.tag?.label, size: "xSmall", variant: "outlined" })
                 ] }),
                 E?.subtitle && /* @__PURE__ */ r(ge, { title: E?.subtitle, enterDelay: Ft, children: /* @__PURE__ */ r(
                   G,
@@ -3512,8 +3512,8 @@ const Y1 = (A, e) => {
                       sx: {
                         borderRadius: 0.5,
                         cursor: "pointer",
-                        height: VA,
-                        width: VA
+                        height: vA,
+                        width: vA
                       }
                     }
                   ) : /* @__PURE__ */ r(
@@ -3525,8 +3525,8 @@ const Y1 = (A, e) => {
                       sx: {
                         borderRadius: 0.5,
                         cursor: "pointer",
-                        height: VA,
-                        width: VA
+                        height: vA,
+                        width: vA
                       }
                     }
                   )),
@@ -3538,9 +3538,9 @@ const Y1 = (A, e) => {
                         backgroundColor: ({ palette: l }) => l.grey[100],
                         borderRadius: 0.5,
                         display: "flex",
-                        height: VA,
+                        height: vA,
                         justifyContent: "center",
-                        width: VA
+                        width: vA
                       },
                       children: `${b.length - 1}+`
                     }
@@ -3569,7 +3569,7 @@ const Y1 = (A, e) => {
     },
     children: /* @__PURE__ */ r(Ht, { children: A })
   }
-), Lo = ({
+), Fo = ({
   items: A,
   isLoading: e,
   emptyMessage: t,
@@ -3628,7 +3628,7 @@ const Y1 = (A, e) => {
     ) }),
     /* @__PURE__ */ r(lr, { open: !!s, onClose: () => c(""), src: s })
   ] }) : /* @__PURE__ */ r(De, { sx: n, children: /* @__PURE__ */ r(tt, { severity: "info", children: t }) });
-}, Do = ({
+}, Lo = ({
   isLoading: A,
   children: e,
   emptyText: t,
@@ -3659,7 +3659,7 @@ const Y1 = (A, e) => {
     },
     children: /* @__PURE__ */ r(ee, {})
   }
-), Ko = ({ open: A, anchorEl: e, onClose: t, children: n, placement: o, variant: i = "outlined" }) => /* @__PURE__ */ r(Nt, { open: !!A, onClick: t, sx: { backgroundColor: "rgba(0, 0, 0, 0.2)" }, children: /* @__PURE__ */ r(xr, { open: !!A, anchorEl: e, placement: o, sx: { maxWidth: "100%" }, children: /* @__PURE__ */ r(
+), Do = ({ open: A, anchorEl: e, onClose: t, children: n, placement: o, variant: i = "outlined" }) => /* @__PURE__ */ r(Nt, { open: !!A, onClick: t, sx: { backgroundColor: "rgba(0, 0, 0, 0.2)" }, children: /* @__PURE__ */ r(xr, { open: !!A, anchorEl: e, placement: o, sx: { maxWidth: "100%" }, children: /* @__PURE__ */ r(
   rt,
   {
     role: "dialog",
@@ -3706,7 +3706,7 @@ const Y1 = (A, e) => {
     strokeDasharray: "30",
     strokeDashoffset: "-30"
   }
-}, Mo = ({
+}, Ko = ({
   title: A,
   subtitle: e,
   buttonPrimary: t,
@@ -3860,7 +3860,7 @@ const Y1 = (A, e) => {
 }, Kt = {
   root: ({ theme: A, ownerState: e }) => {
     const t = Wr.toArray(e.children), n = t[t.length - 1];
-    if (kA(n) && typeof n.props == "object" && n.props !== null) {
+    if (wA(n) && typeof n.props == "object" && n.props !== null) {
       const { variant: o, size: i } = n.props;
       if (o === "contained" || o === "outlined")
         return {
@@ -4840,7 +4840,7 @@ const Y1 = (A, e) => {
       letterSpacing: -0.3
     }
   })
-}, je = nt(vA(ct)), pr = nt(vA(ct, _1)), ur = nt(vA(ct, lA)), To = {
+}, je = nt(RA(ct)), pr = nt(RA(ct, _1)), ur = nt(RA(ct, lA)), Mo = {
   commonTheme: je,
   darkTheme: ur,
   lightTheme: pr
@@ -4894,7 +4894,7 @@ const Y1 = (A, e) => {
       }
     `
   }
-), Oo = ({
+), To = ({
   children: A,
   enableColorScheme: e,
   includeCssBaseline: t = !0,
@@ -4908,7 +4908,7 @@ const Y1 = (A, e) => {
     const x = typeof i == "object" ? i : {}, g = {
       ...a === "fr" && Pn
     };
-    return i === "dark" || typeof i == "object" && "palette" in i && i?.palette?.mode === "dark" ? vA(ur, x, g) : !i || i === "light" || typeof i == "object" && "palette" in i && i?.palette?.mode === "light" ? vA(pr, x, g) : vA(je, x, g);
+    return i === "dark" || typeof i == "object" && "palette" in i && i?.palette?.mode === "dark" ? RA(ur, x, g) : !i || i === "light" || typeof i == "object" && "palette" in i && i?.palette?.mode === "light" ? RA(pr, x, g) : RA(je, x, g);
   }, [i, a]);
   return /* @__PURE__ */ r(Cr.Provider, { value: C, children: /* @__PURE__ */ f(wr, { theme: m, children: [
     /* @__PURE__ */ r(
@@ -5186,7 +5186,7 @@ const Y1 = (A, e) => {
           if (!(!F && (Array.isArray(s) && s.length || !Array.isArray(s) && s)))
             return n;
         }, K = () => V ? /* @__PURE__ */ f(
-          UA,
+          kA,
           {
             position: "end",
             sx: {
@@ -5248,7 +5248,7 @@ const Y1 = (A, e) => {
             ]
           }
         ) : F ? /* @__PURE__ */ f(
-          UA,
+          kA,
           {
             position: "end",
             sx: {
@@ -5267,10 +5267,10 @@ const Y1 = (A, e) => {
                   children: /* @__PURE__ */ r(ee, { sx: { fontSize: P(20) } })
                 }
               ),
-              kA(p.InputProps?.endAdornment) && typeof p.InputProps.endAdornment == "object" && "props" in p.InputProps.endAdornment && p.InputProps.endAdornment.props && typeof p.InputProps.endAdornment.props == "object" && "children" in p.InputProps.endAdornment.props && Array.isArray(p.InputProps.endAdornment.props.children) && p.InputProps.endAdornment.props.children[1]
+              wA(p.InputProps?.endAdornment) && typeof p.InputProps.endAdornment == "object" && "props" in p.InputProps.endAdornment && p.InputProps.endAdornment.props && typeof p.InputProps.endAdornment.props == "object" && "children" in p.InputProps.endAdornment.props && Array.isArray(p.InputProps.endAdornment.props.children) && p.InputProps.endAdornment.props.children[1]
             ]
           }
-        ) : kA(p.InputProps?.endAdornment) ? p.InputProps.endAdornment : null;
+        ) : wA(p.InputProps?.endAdornment) ? p.InputProps.endAdornment : null;
         return /* @__PURE__ */ r(
           te,
           {
@@ -5316,7 +5316,7 @@ const Y1 = (A, e) => {
       ...M
     }
   );
-}, Wo = iA(to), gr = () => {
+}, Oo = iA(to), gr = () => {
   const [A, e] = z(null), t = !!A, n = oA(() => {
     e(null);
   }, []), o = oA(({ currentTarget: i }) => {
@@ -5329,7 +5329,7 @@ const Y1 = (A, e) => {
     openMenu: o
   };
 };
-function Zo({
+function Wo({
   label: A,
   value: e,
   onChange: t,
@@ -5387,7 +5387,7 @@ function Zo({
   }, j = (V) => g ? n === !0 : m ? h?.includes(V) : h === V, X = (V) => S ? `${c ? `${c} ${C} ` : ""}${i.find((D) => D.value === V)?.label || ""}` : i?.label;
   return /* @__PURE__ */ f(fA, { children: [
     /* @__PURE__ */ r(
-      qA,
+      UA,
       {
         disabled: s,
         size: x,
@@ -5481,7 +5481,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     return o.length > 10 && e ? `${o.substring(0, 10)}(...).${i}` : o;
   }).join(" • ");
   return A.length > Tt ? `${n} + ${A.length - Tt}` : n;
-}, Ho = iA(
+}, Zo = iA(
   ({
     accept: A,
     name: e,
@@ -5612,7 +5612,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       }
     );
   }
-), No = ({ fullWidth: A, value: e, setValue: t, min: n = 1, max: o = 50, ...i }) => /* @__PURE__ */ r(
+), Ho = ({ fullWidth: A, value: e, setValue: t, min: n = 1, max: o = 50, ...i }) => /* @__PURE__ */ r(
   te,
   {
     onChange: (C) => {
@@ -5621,11 +5621,11 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     },
     autoComplete: "off",
     InputProps: {
-      endAdornment: /* @__PURE__ */ r(UA, { position: "end", children: /* @__PURE__ */ r(gA, { disabled: e === o, onClick: () => {
+      endAdornment: /* @__PURE__ */ r(kA, { position: "end", children: /* @__PURE__ */ r(gA, { disabled: e === o, onClick: () => {
         const C = Number(e) + 1;
         t?.(C <= o ? C : Number(e));
       }, size: "small", "aria-label": "increment", children: /* @__PURE__ */ r(uA, { viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" }) }) }) }),
-      startAdornment: /* @__PURE__ */ r(UA, { position: "start", children: /* @__PURE__ */ r(gA, { onClick: () => {
+      startAdornment: /* @__PURE__ */ r(kA, { position: "start", children: /* @__PURE__ */ r(gA, { onClick: () => {
         const C = Number(e) - 1;
         t?.(C >= n ? C : Number(e));
       }, disabled: e === n || e === 0, size: "small", "aria-label": "decrement", children: /* @__PURE__ */ r(uA, { viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z" }) }) }) }),
@@ -5677,7 +5677,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       }
     )
   ] });
-}, Po = iA(io), ao = iA(({ sx: A, slotProps: e, type: t = "search", ...n }, o) => /* @__PURE__ */ r(
+}, No = iA(io), ao = iA(({ sx: A, slotProps: e, type: t = "search", ...n }, o) => /* @__PURE__ */ r(
   te,
   {
     fullWidth: !0,
@@ -5710,7 +5710,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       ...e,
       input: {
         autoComplete: "off",
-        startAdornment: t === "search" && /* @__PURE__ */ r(UA, { position: "start", children: /* @__PURE__ */ r(uA, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ f("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        startAdornment: t === "search" && /* @__PURE__ */ r(kA, { position: "start", children: /* @__PURE__ */ r(uA, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ f("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
           /* @__PURE__ */ f("g", { clipPath: "url(#clip0_14432_13952)", children: [
             /* @__PURE__ */ r(
               "path",
@@ -5739,7 +5739,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
   c.font = a;
   const d = e?.toString() || t?.toString() || n?.toString() || " ", u = c.measureText(d).width, C = parseFloat(i.paddingLeft), m = parseFloat(i.paddingRight);
   return u + C + m + o;
-}, Jo = iA(({ sx: A, maxWidth: e, ...t }, n) => {
+}, Po = iA(({ sx: A, maxWidth: e, ...t }, n) => {
   const o = CA(null), [i, a] = z(null), s = CA(void 0), { size: c } = t, d = c === "tiny", u = d ? 27 : 50, C = t?.slotProps?.input, m = !!C?.startAdornment || !!t?.InputProps?.startAdornment, x = !!C?.endAdornment || !!t?.InputProps?.endAdornment, g = (m ? u : 0) + (x ? u : 0), h = oA(() => {
     const y = so(o.current, t.value, t.defaultValue, t.placeholder, g);
     y !== null && a(e ? Math.min(y, e) : y);
@@ -5791,7 +5791,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     d: "M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",
     fill: t
   }
-) }), Go = ({ slotProps: A, ...e }) => {
+) }), Jo = ({ slotProps: A, ...e }) => {
   const [t, n] = z(!1), o = () => {
     n((s) => !s);
   }, i = (s) => {
@@ -5807,7 +5807,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
         ...A,
         input: {
           ...A?.input,
-          endAdornment: /* @__PURE__ */ r(UA, { position: "end", children: /* @__PURE__ */ r(
+          endAdornment: /* @__PURE__ */ r(kA, { position: "end", children: /* @__PURE__ */ r(
             gA,
             {
               "aria-label": t ? "hide the password" : "display the password",
@@ -5823,8 +5823,8 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       ...e
     }
   );
-}, po = (A, e) => ot(A, e), Xo = ({ Main: A, Sidebar: e, AppBar: t }) => {
-  const { breakpoints: n } = dA(), o = CA(null), i = YA(n.down("md")), a = e && po(e, { AppBar: t });
+}, Go = ({ Main: A, Sidebar: e, AppBar: t }) => {
+  const { breakpoints: n } = dA(), o = CA(null), i = YA(n.down("md")), a = wA(e) ? ot(e, { AppBar: t }) : e;
   return /* @__PURE__ */ f(v, { height: "100%", children: [
     !i && t,
     /* @__PURE__ */ f(v, { height: "100%", direction: i ? "column" : "row", minHeight: 0, children: [
@@ -5849,8 +5849,8 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     fill: A,
     d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"
   }
-) }), uo = (A, e) => ot(A, e), Co = () => {
-  const { openDrawerMenu: A, AppBar: e } = yA(KA), { palette: t } = dA(), n = t.mode === "dark" ? t.background.default : t.primary.black, o = e && uo(e, { onClickBurger: A });
+) }), po = (A, e) => ot(A, e), uo = () => {
+  const { openDrawerMenu: A, AppBar: e } = yA(KA), { palette: t } = dA(), n = t.mode === "dark" ? t.background.default : t.primary.black, o = e && po(e, { onClickBurger: A });
   return e ? o : /* @__PURE__ */ r(
     Ze,
     {
@@ -5863,7 +5863,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       children: /* @__PURE__ */ r(Fr, { component: v, direction: "row", spacing: 3, height: "100%", justifyContent: "space-between", children: /* @__PURE__ */ r(gA, { onClick: A, edge: "end", color: "inherit", "aria-label": "menu", children: /* @__PURE__ */ r(hr, {}) }) })
     }
   );
-}, go = ({ sx: A, color: e = "currentColor" }) => /* @__PURE__ */ r(uA, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", sx: A, children: /* @__PURE__ */ r(
+}, Co = ({ sx: A, color: e = "currentColor" }) => /* @__PURE__ */ r(uA, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", sx: A, children: /* @__PURE__ */ r(
   "path",
   {
     d: "M12 11.3334L8.66667 8.00002L12 4.66669M7.33333 11.3334L4 8.00002L7.33333 4.66669",
@@ -6050,7 +6050,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
               width: "100%"
             },
             children: /* @__PURE__ */ r(
-              go,
+              Co,
               {
                 sx: {
                   transform: s ? "rotate(180deg) translateX(2px)" : "rotate(0deg)"
@@ -6119,7 +6119,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     const a = !(i && typeof i == "object" && "hideOnMobile" in i && n && i.hideOnMobile), s = !(i && typeof i == "object" && "hasAccess" in i && !i.hasAccess);
     return a && s;
   }).map((i, a) => {
-    if (kA(i))
+    if (wA(i))
       return i;
     if (i && typeof i == "object" && "label" in i) {
       const { count: s, url: c, label: d, icon: u, active: C, disabled: m, target: x } = i, g = `${c}-${d}-${a}`;
@@ -6127,7 +6127,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
         u ? /* @__PURE__ */ r(U, { component: "div", sx: Me.iconWrapper, children: u }) : o && /* @__PURE__ */ r(U, { component: "div", sx: Me.iconWrapper, children: typeof d == "string" ? d.charAt(0) : "" }),
         /* @__PURE__ */ r(et, { in: !o, children: /* @__PURE__ */ f(v, { direction: "row", justifyContent: "space-between", flex: 1, whiteSpace: "nowrap", children: [
           d,
-          s && /* @__PURE__ */ r(qA, { color: "warning", size: "small", label: s, variant: "rounded" })
+          s && /* @__PURE__ */ r(UA, { color: "warning", size: "small", label: s, variant: "rounded" })
         ] }) })
       ] }) }) }, g);
     }
@@ -6144,13 +6144,13 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
   },
   toggleCollapse: () => {
   }
-}, KA = Qe(_e), ho = () => {
+}, KA = Qe(_e), go = () => {
   const { items: A, disableResponsive: e, isMobile: t, isTablet: n, isDrawerOpen: o, closeDrawerMenu: i, sideBarWidth: a, openDrawerMenu: s } = yA(KA);
   return (t || n) && !e ? /* @__PURE__ */ f(fA, { children: [
-    /* @__PURE__ */ r(Co, {}),
+    /* @__PURE__ */ r(uo, {}),
     /* @__PURE__ */ r(Lr, { anchor: "left", open: o, onClose: i, onOpen: s, children: /* @__PURE__ */ r(Wt, { children: /* @__PURE__ */ r(Zt, { items: A }) }) })
   ] }) : /* @__PURE__ */ r(Wt, { width: a, children: /* @__PURE__ */ r(Zt, { items: A }) });
-}, fo = ({
+}, ho = ({
   AppBar: A,
   NavLink: e,
   Search: t,
@@ -6211,8 +6211,8 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       I
     ]
   );
-  return /* @__PURE__ */ r(KA.Provider, { value: l, children: /* @__PURE__ */ r(ho, {}) });
-}, Yo = Xt(fo), mo = ({ children: A, value: e, index: t, orientation: n, paddingY: o, paddingX: i, fullHeight: a, sx: s }, c) => {
+  return /* @__PURE__ */ r(KA.Provider, { value: l, children: /* @__PURE__ */ r(go, {}) });
+}, Xo = Xt(ho), fo = ({ children: A, value: e, index: t, orientation: n, paddingY: o, paddingX: i, fullHeight: a, sx: s }, c) => {
   const d = o || 3, u = i || n === "vertical" ? 3 : 0;
   return e === t ? /* @__PURE__ */ r(
     U,
@@ -6228,7 +6228,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       children: A
     }
   ) : null;
-}, jo = iA(mo), zo = ({ component: A = "a", ...e }) => /* @__PURE__ */ r(Dr, { component: A, onClick: (t) => t.preventDefault(), ...e }), bo = "appBarAvatarMenu", _o = ({
+}, Yo = iA(fo), jo = ({ component: A = "a", ...e }) => /* @__PURE__ */ r(Dr, { component: A, onClick: (t) => t.preventDefault(), ...e }), mo = "appBarAvatarMenu", zo = ({
   Avatar: A,
   Search: e,
   Action: t,
@@ -6301,7 +6301,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     b && /* @__PURE__ */ r(Nt, { sx: { zIndex: (q) => q.zIndex.drawer + 1 }, open: E, onClick: h, children: /* @__PURE__ */ r(
       Pt,
       {
-        id: bo,
+        id: mo,
         anchorEl: y,
         open: E,
         onClose: h,
@@ -6318,7 +6318,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
           }
         },
         children: b?.map((q, M) => {
-          if (kA(q)) {
+          if (wA(q)) {
             if (q.key)
               return q;
             const J = `${b}-${M}`;
@@ -6336,7 +6336,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
       }
     ) })
   ] });
-}, Eo = ({
+}, bo = ({
   in: A,
   children: e,
   sx: t,
@@ -6375,7 +6375,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     ...c,
     children: e
   }
-) }), $o = iA(Eo), xo = ({ children: A, sx: e, ...t }, n) => /* @__PURE__ */ r(
+) }), _o = iA(bo), Eo = ({ children: A, sx: e, ...t }, n) => /* @__PURE__ */ r(
   LA,
   {
     sx: {
@@ -6395,12 +6395,12 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     ...t,
     children: A
   }
-), Ai = iA(xo), Io = {
+), $o = iA(Eo), xo = {
   disabledPermissions: void 0,
   permissions: void 0,
   setPermissions: () => {
   }
-}, fr = Qe(Io), $e = "or", Te = (A, e) => A === "" || !e.length ? !1 : e.some((t) => A === t), So = () => {
+}, fr = Qe(xo), $e = "or", Te = (A, e) => A === "" || !e.length ? !1 : e.some((t) => A === t), Io = () => {
   const { permissions: A, setPermissions: e, disabledPermissions: t } = yA(fr), n = oA(
     (i, a, s = $e) => {
       const d = [...a || [], ...A || []].filter((u) => !t?.includes(u));
@@ -6420,16 +6420,16 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     permissions: A,
     setPermissions: e
   };
-}, ei = ({
+}, Ai = ({
   children: A,
   fallback: e,
   name: t,
   additionalPermissions: n,
   permissionCheckMode: o = $e
 }) => {
-  const { hasPermission: i } = So(), a = i(t, n, o);
+  const { hasPermission: i } = Io(), a = i(t, n, o);
   return a ? A : !a && e ? e : null;
-}, ti = ({ children: A, permissions: e, disabledPermissions: t }) => {
+}, ei = ({ children: A, permissions: e, disabledPermissions: t }) => {
   const [n, o] = z(), i = jA(
     () => ({
       disabledPermissions: t,
@@ -6441,7 +6441,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
   return re(() => {
     o(e);
   }, [e]), /* @__PURE__ */ r(fr.Provider, { value: i, children: A });
-}, yo = {
+}, So = {
   component: void 0,
   isOpen: !1,
   message: "",
@@ -6453,12 +6453,12 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
   isOpen: !1,
   openSnackbar: () => {
   }
-}), ri = ({
+}), ti = ({
   children: A,
   autoHideDuration: e = 5e3,
   anchorOrigin: t = { horizontal: "center", vertical: "bottom" }
 }) => {
-  const [n, o] = z(yo), i = oA((c) => {
+  const [n, o] = z(So), i = oA((c) => {
     o({
       component: c?.component,
       isOpen: !0,
@@ -6490,7 +6490,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     ),
     A
   ] });
-}, ni = () => {
+}, ri = () => {
   const A = yA(mr), { isOpen: e, closeSnackbar: t, openSnackbar: n } = A;
   if (A === void 0)
     throw new Error("SnackbarProvider must be used within a useSnackBar hook");
@@ -6499,7 +6499,7 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     isOpen: e,
     openSnackbar: n
   };
-}, oi = () => {
+}, ni = () => {
   const [A, e] = z(0);
   return {
     handleChange: oA((n, o) => {
@@ -6507,55 +6507,55 @@ const ro = ({ fontSize: A, sx: e, color: t = "currentColor" }) => /* @__PURE__ *
     }, []),
     value: A
   };
-}, ii = (A) => `linear-gradient(${hA("#fff", +We(A))}, ${hA("#fff", +We(A))})`;
+}, oi = (A) => `linear-gradient(${hA("#fff", +We(A))}, ${hA("#fff", +We(A))})`;
 export {
   Dt as ActionAppBar,
-  _o as AppBar,
+  zo as AppBar,
   z1 as ArticleImage,
-  Wo as AutocompleteFilter,
+  Oo as AutocompleteFilter,
   xe as Avatar,
   $1 as AvatarAppBar,
-  Xo as Backoffice,
-  $o as BottomFixedPaper,
+  Go as Backoffice,
+  _o as BottomFixedPaper,
   Ye as Button,
-  Ai as CardModal,
+  $o as CardModal,
   Ge as Chip,
-  Zo as ChipFilter,
+  Wo as ChipFilter,
   $e as DEFAULT_PERMISSION_CHECK_MODE,
   Hn as DialogCloseIcon,
-  Ko as DialogPopper,
-  Mo as DialogValidation,
-  Ho as File,
+  Do as DialogPopper,
+  Ko as DialogValidation,
+  Zo as File,
   Ie as FileViewer,
-  ei as HasPermission,
-  Uo as Kanban,
+  Ai as HasPermission,
+  qo as Kanban,
   lr as Lightbox,
-  zo as LinkTab,
-  ko as ListAvatar,
-  ko as ListAvatars,
-  Fo as ListItemCard,
+  jo as LinkTab,
+  Uo as ListAvatar,
+  Uo as ListAvatars,
+  ko as ListItemCard,
   Kn as Logo,
-  Yo as NavigationMenu,
+  Xo as NavigationMenu,
   KA as NavigationMenuContext,
-  ti as PermissionProvider,
-  No as QuantityField,
+  ei as PermissionProvider,
+  Ho as QuantityField,
   mr as SnackbarContext,
-  ri as SnackbarProvider,
+  ti as SnackbarProvider,
   Ce as StatusIcon,
-  jo as TabPanel,
-  Po as TextArea,
+  Yo as TabPanel,
+  No as TextArea,
   ao as TextFieldAppBar,
-  Jo as TextFieldAutosize,
-  Go as TextFieldPassword,
-  Oo as ThemeProvider,
-  Lo as TimeLine,
-  Do as TypographySkeleton,
+  Po as TextFieldAutosize,
+  Jo as TextFieldPassword,
+  To as ThemeProvider,
+  Fo as TimeLine,
+  Lo as TypographySkeleton,
   En as defaultKanbanChip,
-  ii as getBackgroundImageElevation,
+  oi as getBackgroundImageElevation,
   P as pxToRem,
-  To as theme,
+  Mo as theme,
   gr as useMenu,
-  So as usePermission,
-  ni as useSnackbar,
-  oi as useTabs
+  Io as usePermission,
+  ri as useSnackbar,
+  ni as useTabs
 };