sevago-library 1.7.5 → 1.7.6

package/dist/index.esm.js

@@ -3,7 +3,7 @@ var X5 = (A, e, t) => e in A ? K5(A, e, { enumerable: !0, configurable: !0, writ
 var SA = (A, e, t) => X5(A, typeof e != "symbol" ? e + "" : e, t);
 import J5 from "exceljs";
 import { saveAs as Z5 } from "file-saver";
-import { createTheme as _5, Stack as AA, TableCell as Xo, tableCellClasses as hd, LinearProgress as w3, linearProgressClasses as Cd, useTheme as Ge, Skeleton as $5, Box as BA, styled as Ni, InputLabel as x3, Link as A6, Paper as e6, Typography as xA, ClickAwayListener as t6, Tooltip as Fi, Icon as n6, Badge as Mr, Tabs as o6, Tab as r6, Divider as n2, tooltipClasses as i6, Avatar as pi, AvatarGroup as a6, Popover as t0, CircularProgress as s6, Button as Li, Fade as ar, Dialog as E3, DialogTitle as l6, IconButton as bn, DialogContent as S3, DialogActions as c6, Collapse as fl, Chip as L0, TextField as Ar, GlobalStyles as d6, InputAdornment as gl, debounce as u6, MenuItem as _t, FormControl as Qi, FormHelperText as I3, ButtonBase as kr, FormControlLabel as D3, Checkbox as T3, Drawer as B3, List as ml, ListItem as Rr, Pagination as p6, RadioGroup as f6, Radio as g6, TableRow as Dr, TableContainer as m6, createFilterOptions as h6, MenuList as C6, Menu as b6, ListItemIcon as Er, TableHead as y6, Table as v6, TableBody as q6, ListItemButton as bd, ListItemText as yd, useMediaQuery as As, Card as w6, CardHeader as x6, CardContent as E6, Select as S6, Autocomplete as I6 } from "@mui/material";
+import { createTheme as _5, Stack as AA, TableCell as Xo, tableCellClasses as hd, LinearProgress as w3, linearProgressClasses as Cd, useTheme as Ge, Skeleton as $5, Box as DA, styled as Ni, InputLabel as x3, Link as A6, Paper as e6, Typography as xA, ClickAwayListener as t6, Tooltip as Fi, Icon as n6, Badge as Mr, Tabs as o6, Tab as r6, Divider as n2, tooltipClasses as i6, Avatar as pi, AvatarGroup as a6, Popover as t0, CircularProgress as s6, Button as Li, Fade as ar, Dialog as E3, DialogTitle as l6, IconButton as bn, DialogContent as S3, DialogActions as c6, Collapse as fl, Chip as L0, TextField as Ar, GlobalStyles as d6, InputAdornment as gl, debounce as u6, MenuItem as _t, FormControl as Qi, FormHelperText as I3, ButtonBase as kr, FormControlLabel as D3, Checkbox as T3, Drawer as B3, List as ml, ListItem as Rr, Pagination as p6, RadioGroup as f6, Radio as g6, TableRow as Dr, TableContainer as m6, createFilterOptions as h6, MenuList as C6, Menu as b6, ListItemIcon as Er, TableHead as y6, Table as v6, TableBody as q6, ListItemButton as bd, ListItemText as yd, useMediaQuery as As, Card as w6, CardHeader as x6, CardContent as E6, Select as S6, Autocomplete as I6 } from "@mui/material";
 import MA from "dayjs";
 import * as S from "react";
 import ke, { useMemo as ne, useState as yA, useId as Hi, useEffect as zA, Fragment as hl, useRef as XA, isValidElement as K2, cloneElement as X2, Children as D6, createElement as O3, useCallback as jA, createContext as P3, useContext as o2, useImperativeHandle as T6, useSyncExternalStore as B6 } from "react";
@@ -6687,7 +6687,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
       }
     ),
     /* @__PURE__ */ u(
-      BA,
+      DA,
       {
         ...s,
         component: "img",
@@ -6724,7 +6724,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
   borderRadius: Ie,
   height: 50,
   width: 70
-})), kp = z(BA)(({ theme: A }) => ({
+})), kp = z(DA)(({ theme: A }) => ({
   width: "auto",
   minWidth: 50,
   height: 50,
@@ -6942,7 +6942,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
     placement: e,
     onClose: s,
     onOpen: a,
-    title: /* @__PURE__ */ F(BA, { sx: { position: "relative" }, children: [
+    title: /* @__PURE__ */ F(DA, { sx: { position: "relative" }, children: [
       o && /* @__PURE__ */ u(
         vA,
         {
@@ -6957,7 +6957,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
           icon: "close"
         }
       ),
-      /* @__PURE__ */ u(BA, { sx: { pr: o ? 2 : 0 }, children: t })
+      /* @__PURE__ */ u(DA, { sx: { pr: o ? 2 : 0 }, children: t })
     ] }),
     disableFocusListener: !0,
     ...A && {
@@ -7626,14 +7626,14 @@ const gh = Ui(({ className: A, ...e }) => /* @__PURE__ */ u(Fi, { ...e, arrow: !
       y
     );
   };
-  return /* @__PURE__ */ F(BA, { sx: { display: "inline-flex", alignItems: "center" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { display: "inline-flex", alignItems: "center" }, children: [
     /* @__PURE__ */ u(
       a6,
       {
         renderSurplus: a || ((x) => {
           var y, E;
           return /* @__PURE__ */ F(
-            BA,
+            DA,
             {
               onClick: h,
               sx: {
@@ -7687,18 +7687,18 @@ const gh = Ui(({ className: A, ...e }) => /* @__PURE__ */ u(Fi, { ...e, arrow: !
           vertical: "top",
           horizontal: "center"
         },
-        children: /* @__PURE__ */ F(BA, { sx: { p: 2, minWidth: 250 }, children: [
+        children: /* @__PURE__ */ F(DA, { sx: { p: 2, minWidth: 250 }, children: [
           /* @__PURE__ */ F(xA, { sx: { fontWeight: 600, mb: 2 }, children: [
             b,
             " người còn lại"
           ] }),
-          /* @__PURE__ */ u(BA, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: C.map((x, y) => /* @__PURE__ */ F(BA, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ u(DA, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: C.map((x, y) => /* @__PURE__ */ F(DA, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
             /* @__PURE__ */ u(Tt, { url: x.url, alt: x.alt || "", size: "small" }),
-            /* @__PURE__ */ F(BA, { sx: { flex: 1 }, children: [
+            /* @__PURE__ */ F(DA, { sx: { flex: 1 }, children: [
               /* @__PURE__ */ u(xA, { sx: { fontSize: 14, fontWeight: 500 }, children: x.alt || "N/A" }),
               x.tooltipContent && /* @__PURE__ */ u(xA, { sx: { fontSize: 12, color: "text.secondary" }, children: x.tooltipContent })
             ] }),
-            x.status && /* @__PURE__ */ F(BA, { children: [
+            x.status && /* @__PURE__ */ F(DA, { children: [
               x.status === yr.APPROVED && /* @__PURE__ */ u(vA, { icon: "done", sx: { color: d.success.main } }),
               x.status === yr.REJECTED && /* @__PURE__ */ u(vA, { icon: "close", sx: { color: d.error.main } }),
               x.status === yr.PENDING && /* @__PURE__ */ u(vA, { icon: "access_time", sx: { color: d.warning.main } })
@@ -7832,7 +7832,7 @@ const gh = Ui(({ className: A, ...e }) => /* @__PURE__ */ u(Fi, { ...e, arrow: !
 }) => {
   const i = XA(null), [a, s] = yA(r);
   return /* @__PURE__ */ F(_e, { sx: { alignItems: "center", gap: wA }, children: [
-    /* @__PURE__ */ F(BA, { sx: { position: "relative", width: 80, height: 80 }, children: [
+    /* @__PURE__ */ F(DA, { sx: { position: "relative", width: 80, height: 80 }, children: [
       /* @__PURE__ */ u(
         Tt,
         {
@@ -13894,8 +13894,8 @@ const By = ["className", "sx"], If = ({
     viewModeLookup: gA,
     timeViewsCount: WA
   } = S.useMemo(() => f.reduce((Ye, rt) => {
-    const DA = C[rt] == null ? "field" : "UI";
-    return Ye.viewModeLookup[rt] = DA, DA === "UI" && (Ye.hasUIView = !0, tr(rt) && (Ye.timeViewsCount += 1)), Ye;
+    const TA = C[rt] == null ? "field" : "UI";
+    return Ye.viewModeLookup[rt] = TA, TA === "UI" && (Ye.hasUIView = !0, tr(rt) && (Ye.timeViewsCount += 1)), Ye;
   }, {
     hasUIView: !1,
     viewModeLookup: {},
@@ -32022,10 +32022,10 @@ const xt = ({
   required: f = !1
 }) => {
   const h = Ge(), [m, g] = yA(!1), [C, b] = yA(!1);
-  return /* @__PURE__ */ F(BA, { children: [
+  return /* @__PURE__ */ F(DA, { children: [
     t && /* @__PURE__ */ u(xt, { label: t, required: f }),
     /* @__PURE__ */ F(
-      BA,
+      DA,
       {
         sx: {
           display: "flex",
@@ -33635,15 +33635,15 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       ...E
     }
   }, J = () => {
-    const DA = fA.current;
+    const TA = fA.current;
     let HA;
-    if (DA) {
-      const ue = DA.getBoundingClientRect();
+    if (TA) {
+      const ue = TA.getBoundingClientRect();
       HA = {
-        clientWidth: DA.clientWidth,
-        scrollLeft: DA.scrollLeft,
-        scrollTop: DA.scrollTop,
-        scrollWidth: DA.scrollWidth,
+        clientWidth: TA.clientWidth,
+        scrollLeft: TA.scrollLeft,
+        scrollTop: TA.scrollTop,
+        scrollWidth: TA.scrollWidth,
         top: ue.top,
         bottom: ue.bottom,
         left: ue.left,
@@ -33651,7 +33651,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       };
     }
     let ie;
-    if (DA && D !== !1) {
+    if (TA && D !== !1) {
       const ue = _.current.children;
       if (ue.length > 0) {
         const Le = ue[oA.get(D)];
@@ -33667,11 +33667,11 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
     };
   }, iA = qA(() => {
     const {
-      tabsMeta: DA,
+      tabsMeta: TA,
       tabMeta: HA
     } = J();
     let ie = 0, ue;
-    P ? (ue = "top", HA && DA && (ie = HA.top - DA.top + DA.scrollTop)) : (ue = i ? "right" : "left", HA && DA && (ie = (i ? -1 : 1) * (HA[ue] - DA[ue] + DA.scrollLeft)));
+    P ? (ue = "top", HA && TA && (ie = HA.top - TA.top + TA.scrollTop)) : (ue = i ? "right" : "left", HA && TA && (ie = (i ? -1 : 1) * (HA[ue] - TA[ue] + TA.scrollLeft)));
     const Le = {
       [ue]: ie,
       // May be wrong until the font is loaded.
@@ -33683,23 +33683,23 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       const Et = Math.abs(X[ue] - Le[ue]), dn = Math.abs(X[Q] - Le[Q]);
       (Et >= 1 || dn >= 1) && nA(Le);
     }
-  }), sA = (DA, {
+  }), sA = (TA, {
     animation: HA = !0
   } = {}) => {
-    HA ? SS(k, fA.current, DA, {
+    HA ? SS(k, fA.current, TA, {
       duration: r.transitions.duration.standard
-    }) : fA.current[k] = DA;
-  }, NA = (DA) => {
+    }) : fA.current[k] = TA;
+  }, NA = (TA) => {
     let HA = fA.current[k];
-    P ? HA += DA : HA += DA * (i ? -1 : 1), sA(HA);
+    P ? HA += TA : HA += TA * (i ? -1 : 1), sA(HA);
   }, QA = () => {
-    const DA = fA.current[V];
+    const TA = fA.current[V];
     let HA = 0;
     const ie = Array.from(_.current.children);
     for (let ue = 0; ue < ie.length; ue += 1) {
       const Le = ie[ue];
-      if (HA + Le[V] > DA) {
-        ue === 0 && (HA = DA);
+      if (HA + Le[V] > TA) {
+        ue === 0 && (HA = TA);
         break;
       }
       HA += Le[V];
@@ -33718,10 +33718,10 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
     shouldForwardComponentProp: !0,
     externalForwardedProps: aA,
     ownerState: L
-  }), RA = S.useCallback((DA) => {
-    ye == null || ye(DA), pA({
+  }), RA = S.useCallback((TA) => {
+    ye == null || ye(TA), pA({
       overflow: null,
-      scrollbarWidth: DA
+      scrollbarWidth: TA
     });
   }, [ye]), [gA, WA] = Be("scrollButtons", {
     className: mA(H.scrollButtons, I.className),
@@ -33740,24 +33740,24 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       }
     }
   }), ve = () => {
-    const DA = {};
-    DA.scrollbarSizeListener = B ? /* @__PURE__ */ u(Ce, {
+    const TA = {};
+    TA.scrollbarSizeListener = B ? /* @__PURE__ */ u(Ce, {
       ...UA,
       onChange: RA
     }) : null;
     const ie = B && (w === "auto" && (lA || j) || w === !0);
-    return DA.scrollButtonStart = ie ? /* @__PURE__ */ u(gA, {
+    return TA.scrollButtonStart = ie ? /* @__PURE__ */ u(gA, {
       direction: i ? "right" : "left",
       onClick: ZA,
       disabled: !lA,
       ...WA
-    }) : null, DA.scrollButtonEnd = ie ? /* @__PURE__ */ u(gA, {
+    }) : null, TA.scrollButtonEnd = ie ? /* @__PURE__ */ u(gA, {
       direction: i ? "left" : "right",
       onClick: VA,
       disabled: !j,
       ...WA
-    }) : null, DA;
-  }, fe = qA((DA) => {
+    }) : null, TA;
+  }, fe = qA((TA) => {
     const {
       tabsMeta: HA,
       tabMeta: ie
@@ -33766,12 +33766,12 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       if (ie[R] < HA[R]) {
         const ue = HA[k] + (ie[R] - HA[R]);
         sA(ue, {
-          animation: DA
+          animation: TA
         });
       } else if (ie[N] > HA[N]) {
         const ue = HA[k] + (ie[N] - HA[N]);
         sA(ue, {
-          animation: DA
+          animation: TA
         });
       }
     }
@@ -33779,7 +33779,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
     B && w !== !1 && eA(!G);
   });
   S.useEffect(() => {
-    const DA = Ca(() => {
+    const TA = Ca(() => {
       fA.current && iA();
     });
     let HA;
@@ -33790,21 +33790,21 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
         }), dn.addedNodes.forEach((zn) => {
           HA == null || HA.observe(zn);
         });
-      }), DA(), IA();
+      }), TA(), IA();
     }, ue = qn(fA.current);
-    ue.addEventListener("resize", DA);
+    ue.addEventListener("resize", TA);
     let Le;
-    return typeof ResizeObserver < "u" && (HA = new ResizeObserver(DA), Array.from(_.current.children).forEach((Et) => {
+    return typeof ResizeObserver < "u" && (HA = new ResizeObserver(TA), Array.from(_.current.children).forEach((Et) => {
       HA.observe(Et);
     })), typeof MutationObserver < "u" && (Le = new MutationObserver(ie), Le.observe(_.current, {
       childList: !0
     })), () => {
-      DA.clear(), ue.removeEventListener("resize", DA), Le == null || Le.disconnect(), HA == null || HA.disconnect();
+      TA.clear(), ue.removeEventListener("resize", TA), Le == null || Le.disconnect(), HA == null || HA.disconnect();
     };
   }, [iA, IA]), S.useEffect(() => {
-    const DA = Array.from(_.current.children), HA = DA.length;
+    const TA = Array.from(_.current.children), HA = TA.length;
     if (typeof IntersectionObserver < "u" && HA > 0 && B && w !== !1) {
-      const ie = DA[0], ue = DA[HA - 1], Le = {
+      const ie = TA[0], ue = TA[HA - 1], Le = {
         root: fA.current,
         threshold: 0.99
       }, Et = (Vn) => {
@@ -33840,15 +33840,15 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
     ...hA
   });
   let Ee = 0;
-  const EA = S.Children.map(d, (DA) => {
-    if (!/* @__PURE__ */ S.isValidElement(DA))
+  const EA = S.Children.map(d, (TA) => {
+    if (!/* @__PURE__ */ S.isValidElement(TA))
       return null;
-    process.env.NODE_ENV !== "production" && Io.isFragment(DA) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && Io.isFragment(TA) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    const HA = DA.props.value === void 0 ? Ee : DA.props.value;
+    const HA = TA.props.value === void 0 ? Ee : TA.props.value;
     oA.set(HA, Ee);
     const ie = HA === D;
-    return Ee += 1, /* @__PURE__ */ S.cloneElement(DA, {
+    return Ee += 1, /* @__PURE__ */ S.cloneElement(TA, {
       fullWidth: T === "fullWidth",
       indicator: ie && !Z && $A,
       selected: ie,
@@ -33856,29 +33856,29 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       onChange: g,
       textColor: M,
       value: HA,
-      ...Ee === 1 && D === !1 && !DA.props.tabIndex ? {
+      ...Ee === 1 && D === !1 && !TA.props.tabIndex ? {
         tabIndex: 0
       } : {}
     });
-  }), YA = (DA) => {
-    if (DA.altKey || DA.shiftKey || DA.ctrlKey || DA.metaKey)
+  }), YA = (TA) => {
+    if (TA.altKey || TA.shiftKey || TA.ctrlKey || TA.metaKey)
       return;
     const HA = _.current, ie = ut(HA).activeElement;
     if (ie.getAttribute("role") !== "tab")
       return;
     let Le = C === "horizontal" ? "ArrowLeft" : "ArrowUp", Et = C === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (C === "horizontal" && i && (Le = "ArrowRight", Et = "ArrowLeft"), DA.key) {
+    switch (C === "horizontal" && i && (Le = "ArrowRight", Et = "ArrowLeft"), TA.key) {
       case Le:
-        DA.preventDefault(), V2(HA, ie, v1);
+        TA.preventDefault(), V2(HA, ie, v1);
         break;
       case Et:
-        DA.preventDefault(), V2(HA, ie, y1);
+        TA.preventDefault(), V2(HA, ie, y1);
         break;
       case "Home":
-        DA.preventDefault(), V2(HA, null, y1);
+        TA.preventDefault(), V2(HA, null, y1);
         break;
       case "End":
-        DA.preventDefault(), V2(HA, null, v1);
+        TA.preventDefault(), V2(HA, null, v1);
         break;
     }
   }, re = ve(), [pt, ht] = Be("root", {
@@ -33909,11 +33909,11 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
     elementType: LS,
     externalForwardedProps: aA,
     ownerState: L,
-    getSlotProps: (DA) => ({
-      ...DA,
+    getSlotProps: (TA) => ({
+      ...TA,
       onKeyDown: (HA) => {
         var ie;
-        YA(HA), (ie = DA.onKeyDown) == null || ie.call(DA, HA);
+        YA(HA), (ie = TA.onKeyDown) == null || ie.call(TA, HA);
       }
     })
   });
@@ -38454,7 +38454,7 @@ const XR = ({
   ...g
 }) => {
   const { palette: C } = Ge();
-  return d && (g.minDate = MA()), p && (g.maxDate = MA()), f && (g.maxDate = MA().add(f, "day")), /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return d && (g.minDate = MA()), p && (g.maxDate = MA()), f && (g.maxDate = MA().add(f, "day")), /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: c }),
     /* @__PURE__ */ u(
       td,
@@ -38504,7 +38504,7 @@ const XR = ({
   ...m
 }) => {
   const { palette: g } = Ge();
-  return d && (m.minDate = MA()), p && (m.maxDate = MA()), f && (m.maxDate = MA().add(f, "day")), /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return d && (m.minDate = MA()), p && (m.maxDate = MA()), f && (m.maxDate = MA().add(f, "day")), /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: c }),
     /* @__PURE__ */ u(
       Zr,
@@ -38642,8 +38642,8 @@ function CD(A) {
     const cA = E(uA);
     if (typeof cA != "string") {
       if (process.env.NODE_ENV !== "production") {
-        const TA = cA === void 0 ? "undefined" : `${typeof cA} (${cA})`;
-        console.error(`MUI: The \`getOptionLabel\` method of ${c} returned ${TA} instead of a string for ${JSON.stringify(uA)}.`);
+        const BA = cA === void 0 ? "undefined" : `${typeof cA} (${cA})`;
+        console.error(`MUI: The \`getOptionLabel\` method of ${c} returned ${BA} instead of a string for ${JSON.stringify(uA)}.`);
       }
       return String(cA);
     }
@@ -38658,11 +38658,11 @@ function CD(A) {
     default: fA,
     name: c,
     state: "inputValue"
-  }), [sA, NA] = S.useState(!1), QA = S.useCallback((uA, cA, TA) => {
+  }), [sA, NA] = S.useState(!1), QA = S.useCallback((uA, cA, BA) => {
     if (!(v ? _.length < cA.length : cA !== null) && !s)
       return;
     const _A = M1(cA, v, X, W);
-    J !== _A && (iA(_A), R && R(uA, _A, TA));
+    J !== _A && (iA(_A), R && R(uA, _A, BA));
   }, [X, J, v, R, iA, s, _, W]), [ZA, VA] = Cn({
     controlled: V,
     default: !1,
@@ -38699,21 +38699,21 @@ function CD(A) {
   function IA(uA, cA) {
     if (!j.current || uA < 0 || uA >= gA.length)
       return -1;
-    let TA = uA;
+    let BA = uA;
     for (; ; ) {
-      const KA = j.current.querySelector(`[data-option-index="${TA}"]`), _A = m ? !1 : !KA || KA.disabled || KA.getAttribute("aria-disabled") === "true";
+      const KA = j.current.querySelector(`[data-option-index="${BA}"]`), _A = m ? !1 : !KA || KA.disabled || KA.getAttribute("aria-disabled") === "true";
       if (KA && KA.hasAttribute("tabindex") && !_A)
-        return TA;
-      if (cA === "next" ? TA = (TA + 1) % gA.length : TA = (TA - 1 + gA.length) % gA.length, TA === uA)
+        return BA;
+      if (cA === "next" ? BA = (BA + 1) % gA.length : BA = (BA - 1 + gA.length) % gA.length, BA === uA)
         return -1;
     }
   }
   const GA = qA(({
     event: uA,
     index: cA,
-    reason: TA
+    reason: BA
   }) => {
-    if (oA.current = cA, cA === -1 ? rA.current.removeAttribute("aria-activedescendant") : rA.current.setAttribute("aria-activedescendant", `${K}-option-${cA}`), k && ["mouse", "keyboard", "touch"].includes(TA) && k(uA, cA === -1 ? null : gA[cA], TA), !j.current)
+    if (oA.current = cA, cA === -1 ? rA.current.removeAttribute("aria-activedescendant") : rA.current.setAttribute("aria-activedescendant", `${K}-option-${cA}`), k && ["mouse", "keyboard", "touch"].includes(BA) && k(uA, cA === -1 ? null : gA[cA], BA), !j.current)
       return;
     const KA = j.current.querySelector(`[role="option"].${t}-focused`);
     KA && (KA.classList.remove(`${t}-focused`), KA.classList.remove(`${t}-focusVisible`));
@@ -38725,14 +38725,14 @@ function CD(A) {
       return;
     }
     const Je = j.current.querySelector(`[data-option-index="${cA}"]`);
-    if (Je && (Je.classList.add(`${t}-focused`), TA === "keyboard" && Je.classList.add(`${t}-focusVisible`), _A.scrollHeight > _A.clientHeight && TA !== "mouse" && TA !== "touch")) {
+    if (Je && (Je.classList.add(`${t}-focused`), BA === "keyboard" && Je.classList.add(`${t}-focusVisible`), _A.scrollHeight > _A.clientHeight && BA !== "mouse" && BA !== "touch")) {
       const it = Je, St = _A.clientHeight + _A.scrollTop, ur = it.offsetTop + it.offsetHeight;
       ur > St ? _A.scrollTop = ur - _A.clientHeight : it.offsetTop - it.offsetHeight * (q ? 1.3 : 0) < _A.scrollTop && (_A.scrollTop = it.offsetTop - it.offsetHeight * (q ? 1.3 : 0));
     }
   }), hA = qA(({
     event: uA,
     diff: cA,
-    direction: TA = "next",
+    direction: BA = "next",
     reason: KA
   }) => {
     if (!RA)
@@ -38747,7 +38747,7 @@ function CD(A) {
         return it;
       const St = oA.current + cA;
       return St < 0 ? St === -1 && D ? -1 : g && oA.current !== -1 || Math.abs(cA) > 1 ? 0 : it : St > it ? St === it + 1 && D ? -1 : g || Math.abs(cA) > 1 ? it : 0 : St;
-    })(), TA);
+    })(), BA);
     if (GA({
       index: Je,
       reason: KA,
@@ -38764,18 +38764,18 @@ function CD(A) {
     array2: gA,
     parser: X
   }), Ee = () => {
-    const uA = (cA, TA) => {
-      const KA = cA ? X(cA) : "", _A = TA ? X(TA) : "";
+    const uA = (cA, BA) => {
+      const KA = cA ? X(cA) : "", _A = BA ? X(BA) : "";
       return KA === _A;
     };
     if (oA.current !== -1 && !B1({
       array1: WA.filteredOptions,
       array2: gA,
       parser: X
-    }) && WA.inputValue === J && (v ? _.length === WA.value.length && WA.value.every((cA, TA) => X(_[TA]) === X(cA)) : uA(WA.value, _))) {
+    }) && WA.inputValue === J && (v ? _.length === WA.value.length && WA.value.every((cA, BA) => X(_[BA]) === X(cA)) : uA(WA.value, _))) {
       const cA = WA.filteredOptions[oA.current];
       if (cA)
-        return gA.findIndex((TA) => X(TA) === X(cA));
+        return gA.findIndex((BA) => X(BA) === X(cA));
     }
     return -1;
   }, EA = S.useCallback(() => {
@@ -38795,8 +38795,8 @@ function CD(A) {
     }
     if (j.current) {
       if (cA != null) {
-        const TA = gA[oA.current];
-        if (v && TA && _.findIndex((_A) => O(TA, _A)) !== -1)
+        const BA = gA[oA.current];
+        if (v && BA && _.findIndex((_A) => O(BA, _A)) !== -1)
           return;
         const KA = gA.findIndex((_A) => O(_A, cA));
         KA === -1 ? hA({
@@ -38842,15 +38842,15 @@ function CD(A) {
     ZA || (VA(!0), ye(!0), N && N(uA));
   }, pt = (uA, cA) => {
     ZA && (VA(!1), P && P(uA, cA));
-  }, ht = (uA, cA, TA, KA) => {
+  }, ht = (uA, cA, BA, KA) => {
     if (v) {
       if (_.length === cA.length && _.every((_A, Je) => _A === cA[Je]))
         return;
     } else if (_ === cA)
       return;
-    B && B(uA, cA, TA, KA), aA(cA);
-  }, Wt = S.useRef(!1), cn = (uA, cA, TA = "selectOption", KA = "options") => {
-    let _A = TA, Je = cA;
+    B && B(uA, cA, BA, KA), aA(cA);
+  }, Wt = S.useRef(!1), cn = (uA, cA, BA = "selectOption", KA = "options") => {
+    let _A = BA, Je = cA;
     if (v) {
       if (Je = Array.isArray(_) ? _.slice() : [], process.env.NODE_ENV !== "production") {
         const St = Je.filter((ur) => O(cA, ur));
@@ -38867,24 +38867,24 @@ function CD(A) {
   function Ye(uA, cA) {
     if (uA === -1)
       return -1;
-    let TA = uA;
+    let BA = uA;
     for (; ; ) {
-      if (cA === "next" && TA === _.length || cA === "previous" && TA === -1)
+      if (cA === "next" && BA === _.length || cA === "previous" && BA === -1)
         return -1;
-      const KA = W ? "data-item-index" : "data-tag-index", _A = Y.querySelector(`[${KA}="${TA}"]`);
+      const KA = W ? "data-item-index" : "data-tag-index", _A = Y.querySelector(`[${KA}="${BA}"]`);
       if (!_A || !_A.hasAttribute("tabindex") || _A.disabled || _A.getAttribute("aria-disabled") === "true")
-        TA += cA === "next" ? 1 : -1;
+        BA += cA === "next" ? 1 : -1;
       else
-        return TA;
+        return BA;
     }
   }
   const rt = (uA, cA) => {
     if (!v)
       return;
     J === "" && pt(uA, "toggleInput");
-    let TA = eA;
-    eA === -1 ? J === "" && cA === "previous" && (TA = _.length - 1) : (TA += cA === "next" ? 1 : -1, TA < 0 && (TA = 0), TA === _.length && (TA = -1)), TA = Ye(TA, cA), tA(TA), fe(TA);
-  }, DA = (uA) => {
+    let BA = eA;
+    eA === -1 ? J === "" && cA === "previous" && (BA = _.length - 1) : (BA += cA === "next" ? 1 : -1, BA < 0 && (BA = 0), BA === _.length && (BA = -1)), BA = Ye(BA, cA), tA(BA), fe(BA);
+  }, TA = (uA) => {
     nA.current = !0, iA(""), R && R(uA, "", "clear"), ht(uA, v ? [] : null, "clear");
   }, HA = (uA) => (cA) => {
     if (uA.onKeyDown && uA.onKeyDown(cA), !cA.defaultMuiPrevented && (eA !== -1 && !["ArrowLeft", "ArrowRight"].includes(cA.key) && (tA(-1), fe(-1)), cA.which !== 229))
@@ -38945,29 +38945,29 @@ function CD(A) {
           break;
         case "Enter":
           if (oA.current !== -1 && RA) {
-            const TA = gA[oA.current], KA = x ? x(TA) : !1;
+            const BA = gA[oA.current], KA = x ? x(BA) : !1;
             if (cA.preventDefault(), KA)
               return;
-            cn(cA, TA, "selectOption"), o && rA.current.setSelectionRange(rA.current.value.length, rA.current.value.length);
+            cn(cA, BA, "selectOption"), o && rA.current.setSelectionRange(rA.current.value.length, rA.current.value.length);
           } else w && J !== "" && UA === !1 && (v && cA.preventDefault(), cn(cA, J, "createOption", "freeSolo"));
           break;
         case "Escape":
-          RA ? (cA.preventDefault(), cA.stopPropagation(), pt(cA, "escape")) : l && (J !== "" || v && _.length > 0 || W) && (cA.preventDefault(), cA.stopPropagation(), DA(cA));
+          RA ? (cA.preventDefault(), cA.stopPropagation(), pt(cA, "escape")) : l && (J !== "" || v && _.length > 0 || W) && (cA.preventDefault(), cA.stopPropagation(), TA(cA));
           break;
         case "Backspace":
           if (v && !H && J === "" && _.length > 0) {
-            const TA = eA === -1 ? _.length - 1 : eA, KA = _.slice();
-            KA.splice(TA, 1), ht(cA, KA, "removeOption", {
-              option: _[TA]
+            const BA = eA === -1 ? _.length - 1 : eA, KA = _.slice();
+            KA.splice(BA, 1), ht(cA, KA, "removeOption", {
+              option: _[BA]
             });
           }
           !v && W && !H && (aA(null), fe(-1));
           break;
         case "Delete":
           if (v && !H && J === "" && _.length > 0 && eA !== -1) {
-            const TA = eA, KA = _.slice();
-            KA.splice(TA, 1), ht(cA, KA, "removeOption", {
-              option: _[TA]
+            const BA = eA, KA = _.slice();
+            KA.splice(BA, 1), ht(cA, KA, "removeOption", {
+              option: _[BA]
             });
           }
           !v && W && !H && (aA(null), fe(-1));
@@ -39001,8 +39001,8 @@ function CD(A) {
     const cA = Number(uA.currentTarget.getAttribute("data-option-index"));
     cn(uA, gA[cA], "selectOption"), Wt.current = !1;
   }, dr = (uA) => (cA) => {
-    const TA = _.slice();
-    TA.splice(uA, 1), ht(cA, TA, "removeOption", {
+    const BA = _.slice();
+    BA.splice(uA, 1), ht(cA, BA, "removeOption", {
       option: _[uA]
     });
   }, Vn = (uA) => {
@@ -39024,14 +39024,14 @@ function CD(A) {
   if (q) {
     const uA = /* @__PURE__ */ new Map();
     let cA = !1;
-    B2 = gA.reduce((TA, KA, _A) => {
+    B2 = gA.reduce((BA, KA, _A) => {
       const Je = q(KA);
-      return TA.length > 0 && TA[TA.length - 1].group === Je ? TA[TA.length - 1].options.push(KA) : (process.env.NODE_ENV !== "production" && (uA.get(Je) && !cA && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${c} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), cA = !0), uA.set(Je, !0)), TA.push({
+      return BA.length > 0 && BA[BA.length - 1].group === Je ? BA[BA.length - 1].options.push(KA) : (process.env.NODE_ENV !== "production" && (uA.get(Je) && !cA && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${c} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), cA = !0), uA.set(Je, !0)), BA.push({
         key: _A,
         index: _A,
         group: Je,
         options: [KA]
-      })), TA;
+      })), BA;
     }, []);
   }
   return h && sA && ue(), {
@@ -39070,7 +39070,7 @@ function CD(A) {
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: DA
+      onClick: TA
     }),
     getItemProps: ({
       index: uA = 0
@@ -39117,7 +39117,7 @@ function CD(A) {
       index: uA,
       option: cA
     }) => {
-      const TA = (v ? _ : [_]).some((_A) => _A != null && O(cA, _A)), KA = x ? x(cA) : !1;
+      const BA = (v ? _ : [_]).some((_A) => _A != null && O(cA, _A)), KA = x ? x(cA) : !1;
       return {
         key: (y == null ? void 0 : y(cA)) ?? X(cA),
         tabIndex: -1,
@@ -39128,7 +39128,7 @@ function CD(A) {
         onTouchStart: dn,
         "data-option-index": uA,
         "aria-disabled": KA,
-        "aria-selected": TA
+        "aria-selected": BA
       };
     },
     id: K,
@@ -39746,7 +39746,7 @@ const xD = (A) => {
     focused: cn,
     focusedItem: Ye,
     anchorEl: rt,
-    setAnchorEl: DA,
+    setAnchorEl: TA,
     inputValue: HA,
     groupedOptions: ie
   } = CD({
@@ -39793,7 +39793,7 @@ const xD = (A) => {
     externalForwardedProps: so,
     ownerState: ct,
     className: ft.paper
-  }), [cA, TA] = Be("popper", {
+  }), [cA, BA] = Be("popper", {
     elementType: ha,
     externalForwardedProps: so,
     ownerState: ct,
@@ -39881,7 +39881,7 @@ const xD = (A) => {
         size: ye === "small" ? "small" : void 0,
         InputLabelProps: IA(),
         InputProps: {
-          ref: DA,
+          ref: TA,
           className: ft.inputRoot,
           startAdornment: KA,
           onMouseDown: (De) => {
@@ -39921,7 +39921,7 @@ const xD = (A) => {
       })
     }), rt ? /* @__PURE__ */ u(TD, {
       as: cA,
-      ...TA,
+      ...BA,
       children: /* @__PURE__ */ F(BD, {
         as: B2,
         ...uA,
@@ -40428,7 +40428,7 @@ const JR = ({
       g(null, w), m("");
     }
   };
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: f.required }),
     /* @__PURE__ */ u(
       nd,
@@ -40549,7 +40549,7 @@ const JR = ({
     const T = y(m, C, !0);
     x(T);
   }, M = o || w || a, D = !!M;
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: f.required }),
     /* @__PURE__ */ F(
       ee,
@@ -40697,7 +40697,7 @@ const JR = ({
   ...h
 }) => {
   const { palette: m } = Ge(), g = d ? MA().startOf("month") : void 0, C = p ? MA().endOf("month") : void 0;
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(
       d6,
       {
@@ -40759,7 +40759,7 @@ const JR = ({
   fixedDecimalScale: m = !1,
   allowNegative: g = !0,
   ...C
-}) => /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+}) => /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
   /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: C.required }),
   /* @__PURE__ */ u(
     N3,
@@ -40800,7 +40800,7 @@ const JR = ({
   ...s
 }) => {
   const [l, c] = ke.useState(o || ""), [d, p] = yA(null);
-  return /* @__PURE__ */ u(BA, { sx: { position: "relative", width: "100%" }, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(DA, { sx: { position: "relative", width: "100%" }, children: /* @__PURE__ */ u(
     Ar,
     {
       ...s,
@@ -40880,7 +40880,7 @@ const JR = ({
     const w = b.target.value;
     m(w), g(w);
   };
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: r, iconLabel: i, required: f.required }),
     /* @__PURE__ */ u(
       Ar,
@@ -40973,7 +40973,7 @@ const JR = ({
       ] });
     }
   };
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(
       xt,
       {
@@ -41046,7 +41046,7 @@ const JR = ({
               ...B,
               InputProps: {
                 ...B.InputProps,
-                startAdornment: q && !s && a ? /* @__PURE__ */ u(BA, { sx: { display: "flex", alignItems: "center", mr: 1 }, children: /* @__PURE__ */ u(Tt, { url: a == null ? void 0 : a.url }) }) : (P = B.InputProps) == null ? void 0 : P.startAdornment
+                startAdornment: q && !s && a ? /* @__PURE__ */ u(DA, { sx: { display: "flex", alignItems: "center", mr: 1 }, children: /* @__PURE__ */ u(Tt, { url: a == null ? void 0 : a.url }) }) : (P = B.InputProps) == null ? void 0 : P.startAdornment
               },
               error: !!r,
               name: A,
@@ -41076,7 +41076,7 @@ const JR = ({
   ...f
 }) => {
   const { palette: h } = Ge(), [m, g] = yA(A || !1);
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: f.required }),
     /* @__PURE__ */ u(
       E2,
@@ -41163,7 +41163,7 @@ const JR = ({
               },
               disabled: d == null ? void 0 : d(C),
               value: C.value,
-              children: c ? /* @__PURE__ */ u(BA, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ F(_e, { sx: { gap: wA }, children: [
+              children: c ? /* @__PURE__ */ u(DA, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ F(_e, { sx: { gap: wA }, children: [
                 /* @__PURE__ */ u(Tt, { url: C.url }),
                 /* @__PURE__ */ u("span", { children: C.label })
               ] }) }) : /* @__PURE__ */ u("span", { children: C.label })
@@ -42654,7 +42654,7 @@ const eN = ({
     const C = m ? MA(m) : null;
     a && a({ target: { name: A, value: C } });
   };
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: l }),
     /* @__PURE__ */ u(
       $0,
@@ -42869,10 +42869,10 @@ const ZD = (A, e) => {
       ...k ? { justifyContent: k } : {}
     }
   });
-  return /* @__PURE__ */ F(BA, { children: [
+  return /* @__PURE__ */ F(DA, { children: [
     t && /* @__PURE__ */ u(xt, { label: t, required: c }),
     /* @__PURE__ */ F(
-      BA,
+      DA,
       {
         sx: {
           display: "flex",
@@ -43030,7 +43030,7 @@ const ZD = (A, e) => {
           },
           children: [
             a ? /* @__PURE__ */ u(ar, { in: !0, timeout: 300, children: /* @__PURE__ */ u(AA, { children: /* @__PURE__ */ u(
-              BA,
+              DA,
               {
                 component: "img",
                 src: E0(a) ? ji(a) : Bl(a),
@@ -43079,7 +43079,7 @@ const ZD = (A, e) => {
     const E = C.filter((q, I) => I !== y);
     b(E), c && c({ target: { name: A, value: E } });
   };
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, required: o }),
     /* @__PURE__ */ F(Qi, { error: !!i, variant: "outlined", sx: { ...d }, children: [
       /* @__PURE__ */ F(
@@ -43105,7 +43105,7 @@ const ZD = (A, e) => {
           children: [
             C != null && C.length ? C.map((y, E) => /* @__PURE__ */ u(ar, { in: !0, timeout: E * 300, children: /* @__PURE__ */ F(AA, { position: "relative", children: [
               /* @__PURE__ */ u(
-                BA,
+                DA,
                 {
                   component: "img",
                   src: E0(y) ? ji(y) : Bl(y),
@@ -43296,7 +43296,7 @@ const ZD = (A, e) => {
     minLength: 4
     //Phải có ít nhất bốn ký tự liên tiếp đáp ứng điều kiện thời gian thì mới bắt đầu coi đó là scan.
   }), { palette: V, typography: Q } = Ge();
-  return /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ u(xt, { label: e, iconLabel: t, colorLabel: p, required: B.required }),
     /* @__PURE__ */ u(
       Ar,
@@ -43377,7 +43377,7 @@ const ZD = (A, e) => {
           gap: Qr.small
         },
         children: [
-          /* @__PURE__ */ u(BA, { sx: { fontWeight: Q.h2.fontWeight }, children: "Ghi chú:" }),
+          /* @__PURE__ */ u(DA, { sx: { fontWeight: Q.h2.fontWeight }, children: "Ghi chú:" }),
           " ",
           f
         ]
@@ -44106,7 +44106,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, iT = 700, aT = 20,
   onPrevious: m,
   onNext: g
 }) => /* @__PURE__ */ F(
-  BA,
+  DA,
   {
     role: o ? "button" : void 0,
     tabIndex: o ? 0 : void 0,
@@ -44130,7 +44130,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, iT = 700, aT = 20,
     ),
     children: [
       /* @__PURE__ */ u(
-        BA,
+        DA,
         {
           component: "img",
           src: A.src,
@@ -44439,7 +44439,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, iT = 700, aT = 20,
               a
             ),
             children: /* @__PURE__ */ u(
-              BA,
+              DA,
               {
                 component: "img",
                 src: m.thumbnailSrc,
@@ -44555,7 +44555,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, iT = 700, aT = 20,
               s
             ),
             children: /* @__PURE__ */ u(
-              BA,
+              DA,
               {
                 component: "img",
                 src: p.thumbnailSrc,
@@ -45727,7 +45727,7 @@ const _1 = ({
           display: "grid",
           placeItems: "center"
         },
-        children: /* @__PURE__ */ F(BA, { sx: { position: "relative", width: "100%" }, children: [
+        children: /* @__PURE__ */ F(DA, { sx: { position: "relative", width: "100%" }, children: [
           /* @__PURE__ */ u(
             LB,
             {
@@ -45752,7 +45752,7 @@ const _1 = ({
                     justifyContent: "center"
                   },
                   children: /* @__PURE__ */ u(
-                    BA,
+                    DA,
                     {
                       component: "img",
                       src: e.src,
@@ -45894,7 +45894,7 @@ const jB = ({
     };
     return window.addEventListener("keydown", aA), () => window.removeEventListener("keydown", aA);
   }, [pA, tA, nA, L]), !Z || !X ? /* @__PURE__ */ u(
-    BA,
+    DA,
     {
       ...N,
       sx: Ut(
@@ -45912,7 +45912,7 @@ const jB = ({
       children: w
     }
   ) : lA ? /* @__PURE__ */ F(
-    BA,
+    DA,
     {
       ...N,
       sx: Ut(
@@ -45960,7 +45960,7 @@ const jB = ({
       ]
     }
   ) : /* @__PURE__ */ F(
-    BA,
+    DA,
     {
       ...N,
       sx: Ut(
@@ -46175,7 +46175,7 @@ const jB = ({
         background: `linear-gradient(145deg, ${Fr[600]}, ${Fr[900]})`
       },
       children: /* @__PURE__ */ u(
-        BA,
+        DA,
         {
           sx: {
             width: Ms,
@@ -46630,7 +46630,7 @@ const jB = ({
         }
       }
     },
-    children: /* @__PURE__ */ F(BA, { sx: { backgroundColor: we[50] }, children: [
+    children: /* @__PURE__ */ F(DA, { sx: { backgroundColor: we[50] }, children: [
       /* @__PURE__ */ F(
         ee,
         {
@@ -47092,7 +47092,7 @@ const pO = [
           }
         }
       },
-      children: /* @__PURE__ */ u(BA, { sx: { backgroundColor: we[50], padding: 2 }, children: /* @__PURE__ */ F(er, { sx: { alignItems: "stretch", gap: 2 }, children: [
+      children: /* @__PURE__ */ u(DA, { sx: { backgroundColor: we[50], padding: 2 }, children: /* @__PURE__ */ F(er, { sx: { alignItems: "stretch", gap: 2 }, children: [
         /* @__PURE__ */ F(at, { sx: { gap: 1 }, children: [
           /* @__PURE__ */ u(xA, { sx: { ...FA.textMd.semiBold }, children: e }),
           /* @__PURE__ */ u(bn, { onClick: a, sx: { padding: Se }, children: /* @__PURE__ */ u(vA, { icon: "close" }) })
@@ -47111,7 +47111,7 @@ const pO = [
               sx: { gap: 1, alignItems: "flex-end" },
               children: [
                 /* @__PURE__ */ u(
-                  BA,
+                  DA,
                   {
                     draggable: !0,
                     onDragStart: () => h(E),
@@ -47120,7 +47120,7 @@ const pO = [
                     children: /* @__PURE__ */ u(vA, { icon: "drag_indicator", sx: { color: JA[500] } })
                   }
                 ),
-                /* @__PURE__ */ u(BA, { sx: { flex: 1, minWidth: 220 }, children: /* @__PURE__ */ u(
+                /* @__PURE__ */ u(DA, { sx: { flex: 1, minWidth: 220 }, children: /* @__PURE__ */ u(
                   Zn,
                   {
                     label: "",
@@ -47141,7 +47141,7 @@ const pO = [
                     }
                   }
                 ) }),
-                /* @__PURE__ */ u(BA, { sx: { flex: 1, minWidth: 220 }, children: /* @__PURE__ */ u(
+                /* @__PURE__ */ u(DA, { sx: { flex: 1, minWidth: 220 }, children: /* @__PURE__ */ u(
                   Zn,
                   {
                     label: "",
@@ -47207,8 +47207,8 @@ const pO = [
       );
     case "date": {
       const o = e ? e.split("|") : "", r = o[0], i = r === je.EXACT ? o[1] : "", a = r === je.DATE_RANGE ? o[1] : "", s = r === je.DATE_RANGE ? o[2] : "", l = r === je.EXACT || r === je.DATE_RANGE;
-      return /* @__PURE__ */ F(BA, { sx: { display: "flex", gap: wA, width: "100%" }, children: [
-        /* @__PURE__ */ u(BA, { sx: { width: l ? "140px" : "100%", flexShrink: 0 }, children: /* @__PURE__ */ u(
+      return /* @__PURE__ */ F(DA, { sx: { display: "flex", gap: wA, width: "100%" }, children: [
+        /* @__PURE__ */ u(DA, { sx: { width: l ? "140px" : "100%", flexShrink: 0 }, children: /* @__PURE__ */ u(
           Zn,
           {
             label: "",
@@ -47222,7 +47222,7 @@ const pO = [
             }
           }
         ) }),
-        r === je.EXACT && /* @__PURE__ */ u(BA, { sx: { flex: 1 }, children: /* @__PURE__ */ u(
+        r === je.EXACT && /* @__PURE__ */ u(DA, { sx: { flex: 1 }, children: /* @__PURE__ */ u(
           uD,
           {
             name: `exact-date-${Eo()}`,
@@ -47234,7 +47234,7 @@ const pO = [
             }
           }
         ) }),
-        r === je.DATE_RANGE && /* @__PURE__ */ u(BA, { sx: { flex: 1 }, children: /* @__PURE__ */ u(
+        r === je.DATE_RANGE && /* @__PURE__ */ u(DA, { sx: { flex: 1 }, children: /* @__PURE__ */ u(
           gS,
           {
             format: "DD/MM/YYYY",
@@ -47649,7 +47649,7 @@ const pO = [
           }
         },
         children: /* @__PURE__ */ u(
-          BA,
+          DA,
           {
             sx: {
               width: n3,
@@ -48880,7 +48880,7 @@ function oP({
 function rP({ columnId: A, name: e, width: t, label: o, onResize: r }) {
   const i = XA(void 0);
   return /* @__PURE__ */ u(
-    BA,
+    DA,
     {
       "data-table-no-range": !0,
       "data-table-copy-ignore": !0,
@@ -48996,7 +48996,7 @@ function aP({ columnId: A, controller: e, firstColumn: t, lastColumn: o }) {
   const l = r.slice(a + 1), c = l.length > 0 && l.every((d) => d.hidden) ? l : [];
   return /* @__PURE__ */ u(nt, { children: [s, c].map(
     (d, p) => d.length > 0 && /* @__PURE__ */ u(
-      BA,
+      DA,
       {
         "data-table-no-range": !0,
         "data-table-copy-ignore": !0,
@@ -49245,6 +49245,7 @@ const lP = ({
         ...Array.isArray(E) ? E : [E]
       ],
       children: [
+        g && /* @__PURE__ */ u(DA, { component: "colgroup", children: A.map((P) => /* @__PURE__ */ u(DA, { component: "col", sx: { width: P.width } }, P.id)) }),
         /* @__PURE__ */ u(
           sP,
           {
@@ -49487,7 +49488,7 @@ function pP({ controller: A }) {
             },
             children: [
               /* @__PURE__ */ u(
-                BA,
+                DA,
                 {
                   component: "span",
                   title: (t == null ? void 0 : t.name) ?? e.allView,
@@ -49496,7 +49497,7 @@ function pP({ controller: A }) {
                 }
               ),
               o && /* @__PURE__ */ u(
-                BA,
+                DA,
                 {
                   component: "span",
                   role: "status",
@@ -51394,7 +51395,7 @@ const PN = ({
           x
         )),
         C > 0 && Array.from({ length: C }).map((w, x) => /* @__PURE__ */ u(
-          BA,
+          DA,
           {
             sx: {
               visibility: "hidden",
@@ -51416,7 +51417,7 @@ const PN = ({
           width: "fit-content"
         },
         children: Array.from({ length: d }).map((w, x) => /* @__PURE__ */ u(
-          BA,
+          DA,
           {
             onClick: () => f(x),
             sx: {
@@ -53192,8 +53193,8 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
     }),
     [C, o, r, y]
   );
-  return /* @__PURE__ */ F(BA, { sx: { ...m }, children: [
-    A && /* @__PURE__ */ F(BA, { sx: { display: "flex", alignItems: "baseline", gap: "2px", marginBottom: "4px" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { ...m }, children: [
+    A && /* @__PURE__ */ F(DA, { sx: { display: "flex", alignItems: "baseline", gap: "2px", marginBottom: "4px" }, children: [
       /* @__PURE__ */ u(
         xA,
         {
@@ -53228,9 +53229,9 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
             }
           }
         },
-        renderValue: () => t ? /* @__PURE__ */ F(BA, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        renderValue: () => t ? /* @__PURE__ */ F(DA, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
           (b == null ? void 0 : b.statusIndicator) && /* @__PURE__ */ u(
-            BA,
+            DA,
             {
               sx: {
                 width: "8px",
@@ -53255,9 +53256,9 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
           /* @__PURE__ */ u(xA, { sx: { color: te[900], ...FA.textMd, lineHeight: "1.4375em" }, children: b == null ? void 0 : b.label })
         ] }) : /* @__PURE__ */ u(xA, { sx: { color: JA[400], ...FA.textMd, lineHeight: "1.4375em" }, children: e }),
         sx: E,
-        children: p.map((q) => /* @__PURE__ */ u(_t, { value: q.value, children: /* @__PURE__ */ F(BA, { sx: { display: "flex", alignItems: "center", gap: "8px", width: "100%" }, children: [
+        children: p.map((q) => /* @__PURE__ */ u(_t, { value: q.value, children: /* @__PURE__ */ F(DA, { sx: { display: "flex", alignItems: "center", gap: "8px", width: "100%" }, children: [
           q.statusIndicator && /* @__PURE__ */ u(
-            BA,
+            DA,
             {
               sx: {
                 width: "8px",
@@ -53280,12 +53281,12 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
           ),
           q.icon && /* @__PURE__ */ u(vA, { icon: q.icon }),
           /* @__PURE__ */ u(xA, { sx: { color: te[900], ...FA.textMd, lineHeight: "1.4375em" }, children: q.label }),
-          t === q.value && /* @__PURE__ */ u(BA, { sx: { marginLeft: "auto", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ u(vA, { icon: "check", sx: { color: f } }) })
+          t === q.value && /* @__PURE__ */ u(DA, { sx: { marginLeft: "auto", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ u(vA, { icon: "check", sx: { color: f } }) })
         ] }) }, q.value))
       }
     ),
     w() && /* @__PURE__ */ u(
-      BA,
+      DA,
       {
         sx: {
           color: x(),
@@ -53431,8 +53432,8 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
   }, Q = () => {
     I(""), D(k.current), e == null || e(null), t == null || t();
   };
-  return /* @__PURE__ */ F(BA, { sx: { width: "100%", ...y }, children: [
-    c && /* @__PURE__ */ F(BA, { sx: { display: "flex", alignItems: "baseline", gap: "2px", marginBottom: "6px" }, children: [
+  return /* @__PURE__ */ F(DA, { sx: { width: "100%", ...y }, children: [
+    c && /* @__PURE__ */ F(DA, { sx: { display: "flex", alignItems: "baseline", gap: "2px", marginBottom: "6px" }, children: [
       /* @__PURE__ */ u(
         xA,
         {
@@ -53507,7 +53508,7 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
         },
         renderOption: (L, H) => {
           const { key: W, ...$ } = L, Z = (H == null ? void 0 : H.label) || "";
-          return /* @__PURE__ */ u(BA, { ...$, component: "li", children: Z }, W);
+          return /* @__PURE__ */ u(DA, { ...$, component: "li", children: Z }, W);
         },
         componentsProps: {
           clearIndicator: {
@@ -53517,7 +53518,7 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
       }
     ),
     p && f && /* @__PURE__ */ u(
-      BA,
+      DA,
       {
         sx: {
           fontSize: "12px",
@@ -53528,7 +53529,7 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
       }
     ),
     h && m && /* @__PURE__ */ u(
-      BA,
+      DA,
       {
         sx: {
           fontSize: "12px",
@@ -53539,7 +53540,7 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
       }
     ),
     g && !p && !h && /* @__PURE__ */ u(
-      BA,
+      DA,
       {
         sx: {
           fontSize: "12px",