sevago-library 1.7.2 → 1.7.4

package/dist/index.esm.js

@@ -44,7 +44,7 @@ const U6 = async (A, e) => await A.get(`item-no/accessory/by-code/${encodeURICom
   updateNotificationRule: $6,
   updateNotificationTemplate: Y6
 }, Symbol.toStringTag, { value: "Module" }));
-var Re = /* @__PURE__ */ ((A) => (A[A.INFO = 0] = "INFO", A[A.NORMAL = 1] = "NORMAL", A[A.HIGH = 2] = "HIGH", A[A.CRITICAL = 3] = "CRITICAL", A))(Re || {}), _n = /* @__PURE__ */ ((A) => (A[A.UNREAD = 0] = "UNREAD", A[A.READ = 1] = "READ", A[A.ACKNOWLEDGED = 2] = "ACKNOWLEDGED", A[A.DISMISSED = 3] = "DISMISSED", A[A.EXPIRED = 4] = "EXPIRED", A))(_n || {}), Bs = /* @__PURE__ */ ((A) => (A.UNREAD = "Unread", A.READ = "Read", A.ACKNOWLEDGED = "Acknowledged", A.DISMISSED = "Dismissed", A.EXPIRED = "Expired", A))(Bs || {}), e8 = /* @__PURE__ */ ((A) => (A[A.IN_APP = 0] = "IN_APP", A[A.EMAIL = 1] = "EMAIL", A[A.PUSH = 2] = "PUSH", A[A.CHAT = 3] = "CHAT", A[A.ANDON = 4] = "ANDON", A))(e8 || {}), t8 = /* @__PURE__ */ ((A) => (A[A.REFRESH_TOKEN = 777] = "REFRESH_TOKEN", A[A.LOGOUT = 888] = "LOGOUT", A))(t8 || {}), Os = /* @__PURE__ */ ((A) => (A.ASC = "ASC", A.DESC = "DESC", A))(Os || {}), nn = /* @__PURE__ */ ((A) => (A.EXTRA_SMALL = "extra_small", A.SMALL = "small", A.MEDIUM = "medium", A.LARGE = "large", A.EXTRA_LARGE = "extra_large", A.AVATAR_GROUP = "avatar_group", A))(nn || {}), bA = /* @__PURE__ */ ((A) => (A.ALL = "TẤT CẢ", A.HRM = "HRM", A.WORKFLOW_ENGINE = "WORKFLOW ENGINE", A.PLATFORM_AND_INFO = "PLATFORM & INFO", A.MANUFACTURING = "VẬN HÀNH SẢN XUẤT", A.B2B = "BÁN HÀNG & SẢN PHẨM", A.OTHER = "OTHER", A.SEARCH_IMAGE = "TÌM KIẾM HÌNH ẢNH", A.USERS = "NHÂN SỰ", A.CLIENT = "TRUYỀN THÔNG & CSNV", A))(bA || {});
+var Re = /* @__PURE__ */ ((A) => (A[A.INFO = 0] = "INFO", A[A.NORMAL = 1] = "NORMAL", A[A.HIGH = 2] = "HIGH", A[A.CRITICAL = 3] = "CRITICAL", A))(Re || {}), _n = /* @__PURE__ */ ((A) => (A[A.UNREAD = 0] = "UNREAD", A[A.READ = 1] = "READ", A[A.ACKNOWLEDGED = 2] = "ACKNOWLEDGED", A[A.DISMISSED = 3] = "DISMISSED", A[A.EXPIRED = 4] = "EXPIRED", A))(_n || {}), Bs = /* @__PURE__ */ ((A) => (A.UNREAD = "Unread", A.READ = "Read", A.ACKNOWLEDGED = "Acknowledged", A.DISMISSED = "Dismissed", A.EXPIRED = "Expired", A))(Bs || {}), e8 = /* @__PURE__ */ ((A) => (A[A.IN_APP = 0] = "IN_APP", A[A.EMAIL = 1] = "EMAIL", A[A.PUSH = 2] = "PUSH", A[A.CHAT = 3] = "CHAT", A[A.ANDON = 4] = "ANDON", A))(e8 || {}), t8 = /* @__PURE__ */ ((A) => (A[A.REFRESH_TOKEN = 777] = "REFRESH_TOKEN", A[A.LOGOUT = 888] = "LOGOUT", A))(t8 || {}), Os = /* @__PURE__ */ ((A) => (A.ASC = "ASC", A.DESC = "DESC", A))(Os || {}), nn = /* @__PURE__ */ ((A) => (A.EXTRA_SMALL = "extra_small", A.SMALL = "small", A.MEDIUM = "medium", A.LARGE = "large", A.EXTRA_LARGE = "extra_large", A.AVATAR_GROUP = "avatar_group", A))(nn || {}), bA = /* @__PURE__ */ ((A) => (A.ALL = "TẤT CẢ", A.HRM = "HRM", A.WORKFLOW_ENGINE = "WORKFLOW ENGINE", A.PLATFORM_AND_INFO = "PLATFORM & INFO", A.MANUFACTURING = "VẬN HÀNH SẢN XUẤT", A.B2B = "BÁN HÀNG & SẢN PHẨM", A.OTHER = "OTHER", A.SEARCH_IMAGE = "TÌM KIẾM HÌNH ẢNH", A.CLIENT = "TRUYỀN THÔNG & CSNV", A))(bA || {});
 const n8 = {
   "TẤT CẢ": "apps",
   HRM: "person",
@@ -54,7 +54,6 @@ const n8 = {
   "BÁN HÀNG & SẢN PHẨM": "business_center",
   OTHER: "category",
   "TÌM KIẾM HÌNH ẢNH": "search",
-  "NHÂN SỰ": "person",
   "TRUYỀN THÔNG & CSNV": "language"
 };
 var Ft = /* @__PURE__ */ ((A) => (A.INFO = "info", A.SUCCESS = "success", A.ERROR = "error", A.WARNING = "warning", A))(Ft || {}), o8 = /* @__PURE__ */ ((A) => (A.LARGE = "large", A.SMALL = "small", A.MEDIUM = "medium", A))(o8 || {}), zi = /* @__PURE__ */ ((A) => (A.ROW = "row", A.COLUMN = "column", A))(zi || {}), Ps = /* @__PURE__ */ ((A) => (A.CONTAINED = "contained", A.OUTLINED = "outlined", A))(Ps || {}), r8 = /* @__PURE__ */ ((A) => (A.ACTIVE = "ACTIVE", A.INACTIVE = "INACTIVE", A.DELETED = "DELETED", A.PENDING = "PENDING", A))(r8 || {}), Vi = /* @__PURE__ */ ((A) => (A.DARK = "dark", A.LIGHT = "light", A))(Vi || {}), vo = /* @__PURE__ */ ((A) => (A.DEVELOP = "develop", A.STAGING = "staging", A.PRODUCTION = "production", A))(vo || {});
@@ -193,7 +192,7 @@ const i8 = "data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%20
     icon: de.iconOfficeHr,
     content: "Nhân sự",
     title: "Sevago HRM",
-    group: bA.USERS,
+    group: bA.HRM,
     color: be[bA.HRM]
   },
   ORG: {
@@ -1411,7 +1410,7 @@ const i8 = "data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%20
   OPACITY: Tn,
   PAGE_TAKE_DEFAULT: Rs,
   TABLET_MEDIA: a2
-}, Symbol.toStringTag, { value: "Module" })), s2 = 300, t7 = "scale(1.05)", lt = "0.2s", n7 = "1200px", J3 = "40px", Z3 = "40px", o7 = "24px", Me = "16px", kn = "12px", x0 = "8px 12px", wA = "8px", Se = "6px", El = "20px", _3 = `${Me} ${Me} ${El}`, Sl = "36px", Il = "24px", yn = "12px", De = "10px", Ke = "6px", Rn = "8px", Ns = "3px", r7 = "37.13px", gt = {
+}, Symbol.toStringTag, { value: "Module" })), s2 = 300, t7 = "scale(1.05)", lt = "0.2s", n7 = "1200px", J3 = "40px", Z3 = "40px", o7 = "24px", Me = "16px", kn = "12px", x0 = "8px 12px", wA = "8px", Se = "6px", El = "20px", _3 = `${Me} ${Me} ${El}`, Sl = "36px", Il = "24px", yn = "12px", Ie = "10px", Ke = "6px", Rn = "8px", Ns = "3px", r7 = "37.13px", gt = {
   small: "26px",
   medium: "32px",
   large: "40px"
@@ -1950,7 +1949,7 @@ const i8 = "data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%20
   BACKGROUND_SYSTEM: c7,
   BORDER_COLOR_CARD: ep,
   BORDER_COLOR_LAYOUT: a7,
-  BORDER_RADIUS_ELEMENT: De,
+  BORDER_RADIUS_ELEMENT: Ie,
   BORDER_RADIUS_ELEMENT_ACTION: Il,
   BORDER_RADIUS_ELEMENT_MIDDLE: Rn,
   BORDER_RADIUS_ELEMENT_SMALL: Ke,
@@ -6608,11 +6607,11 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
 })), eh = z(AA)(({ theme: A }) => ({
   backgroundColor: A.palette.background.default,
   padding: Me,
-  borderRadius: De
+  borderRadius: Ie
 })), MR = z(AA)(({ theme: A }) => ({
   backgroundColor: A.palette.background.paper,
   padding: Me,
-  borderRadius: De
+  borderRadius: Ie
 })), th = z(AA)(() => ({
   flexDirection: "row",
   alignItems: "center",
@@ -6713,7 +6712,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
 }, NR = z(Fn)(({ theme: A }) => ({
   height: Sl,
   border: `1px solid ${A.palette.divider}`,
-  borderRadius: De,
+  borderRadius: Ie,
   "&:hover": { boxShadow: A.shadows[1] },
   padding: 8,
   backgroundColor: "white",
@@ -6722,14 +6721,14 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
   objectFit: "contain"
 })), FR = z(Fn)(({ theme: A }) => ({
   border: `1px solid ${A.palette.divider}`,
-  borderRadius: De,
+  borderRadius: Ie,
   height: 50,
   width: 70
 })), kp = z(DA)(({ theme: A }) => ({
   width: "auto",
   minWidth: 50,
   height: 50,
-  borderRadius: De,
+  borderRadius: Ie,
   border: `1px dashed ${A.palette.divider}`
 })), LR = Ni(x3)(({ theme: A }) => ({
   display: "flex",
@@ -6751,7 +6750,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
 ), QR = Ni(sr)(({ theme: A }) => ({
   display: "flex",
   flexDirection: "row",
-  borderRadius: De,
+  borderRadius: Ie,
   border: `1px solid ${A.palette.divider}`,
   padding: wA,
   gap: wA,
@@ -6779,7 +6778,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
           display: "flex",
           alignItems: "center",
           padding: wA,
-          borderRadius: De,
+          borderRadius: Ie,
           transition: lt,
           backgroundColor: "transparent",
           flex: 1,
@@ -6821,7 +6820,7 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
   "& fieldset legend": { maxWidth: "100% !important" },
   "& .MuiPickersInputBase-root": {
     borderColor: A.divider,
-    borderRadius: De,
+    borderRadius: Ie,
     height: gt.medium
   },
   "&.MuiPickersTextField-root": { ...e }
@@ -6846,19 +6845,19 @@ const sn = (A) => Mp(A) && A !== "classes", z = jm({
     border: `1px solid ${A.primary.main}`,
     color: A.primary.main,
     background: "transparent",
-    borderRadius: De,
+    borderRadius: Ie,
     "&:hover": { backgroundColor: A.divider + Tn[20] }
   },
   "& button:nth-of-type(2)": {
     background: A.primary.main,
     color: A.primary.contrastText,
-    borderRadius: De,
+    borderRadius: Ie,
     "&:hover": { backgroundColor: A.primary.dark }
   }
 }), HR = Ni(xA)(({ theme: A }) => ({
   height: Sl,
   border: `1px solid ${A.palette.divider}`,
-  borderRadius: De,
+  borderRadius: Ie,
   "&:hover": { boxShadow: A.shadows[1], color: A.palette.primary.main },
   alignContent: "center",
   cursor: "pointer",
@@ -8004,7 +8003,7 @@ const fh = Ui(({ className: A, ...e }) => /* @__PURE__ */ u(Fi, { ...e, arrow: !
       fontWeight: 500,
       fontSize: 15,
       textTransform: "none",
-      borderRadius: De,
+      borderRadius: Ie,
       minWidth: "unset",
       ...o ? {
         minWidth: gt.medium,
@@ -16668,7 +16667,7 @@ function Iv(A) {
   return kA("MuiChip", A);
 }
 const ge = PA("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]);
-function Oe(A, e) {
+function Be(A, e) {
   const {
     className: t,
     elementType: o,
@@ -17097,7 +17096,7 @@ const bc = /* @__PURE__ */ S.forwardRef(function(e, t) {
   const H = {
     slots: E,
     slotProps: q
-  }, [W, $] = Oe("root", {
+  }, [W, $] = Be("root", {
     elementType: Tv,
     externalForwardedProps: {
       ...H,
@@ -17128,7 +17127,7 @@ const bc = /* @__PURE__ */ S.forwardRef(function(e, t) {
         (lA = X.onKeyUp) == null || lA.call(X, nA), v(nA);
       }
     })
-  }), [Z, K] = Oe("label", {
+  }), [Z, K] = Be("label", {
     elementType: Bv,
     externalForwardedProps: H,
     ownerState: k,
@@ -20943,7 +20942,7 @@ const Kt = {
     multiline: l,
     size: C.size,
     type: f
-  }, w = d.root ?? r.Root ?? wq, x = d.input ?? r.Input ?? Eq, [y, E] = Oe("notchedOutline", {
+  }, w = d.root ?? r.Root ?? wq, x = d.input ?? r.Input ?? Eq, [y, E] = Be("notchedOutline", {
     elementType: xq,
     className: m.notchedOutline,
     shouldForwardComponentProp: !0,
@@ -22322,12 +22321,12 @@ const Wq = (A) => {
     component: a,
     slots: w,
     slotProps: x
-  }, [E, q] = Oe("root", {
+  }, [E, q] = Be("root", {
     elementType: Gq,
     externalForwardedProps: y,
     className: mA(b.root, i),
     ownerState: C
-  }), [I, M] = Oe("transition", {
+  }), [I, M] = Be("transition", {
     elementType: Bo,
     externalForwardedProps: y,
     ownerState: C
@@ -22652,7 +22651,7 @@ const Zq = (A) => {
       ...h,
       ...T
     }
-  }, [X, nA] = Oe("root", {
+  }, [X, nA] = Be("root", {
     ref: t,
     elementType: _q,
     externalForwardedProps: {
@@ -22663,7 +22662,7 @@ const Zq = (A) => {
     getSlotProps: k,
     ownerState: W,
     className: mA(s, $ == null ? void 0 : $.root, !W.open && W.exited && ($ == null ? void 0 : $.hidden))
-  }), [lA, rA] = Oe("backdrop", {
+  }), [lA, rA] = Be("backdrop", {
     ref: i == null ? void 0 : i.ref,
     elementType: r,
     externalForwardedProps: K,
@@ -23046,7 +23045,7 @@ const ew = (A) => {
       paper: g,
       ...b
     }
-  }, [H, W] = Oe("transition", {
+  }, [H, W] = Be("transition", {
     elementType: W0,
     externalForwardedProps: L,
     ownerState: D,
@@ -23071,7 +23070,7 @@ const ew = (A) => {
     slots: K,
     slotProps: X,
     ...nA
-  }] = Oe("root", {
+  }] = Be("root", {
     ref: t,
     elementType: tw,
     externalForwardedProps: {
@@ -23093,7 +23092,7 @@ const ew = (A) => {
     },
     ownerState: D,
     className: mA(T.root, d)
-  }), [lA, rA] = Oe("paper", {
+  }), [lA, rA] = Be("paper", {
     ref: M,
     className: T.paper,
     elementType: t4,
@@ -23420,13 +23419,13 @@ const ow = {
     externalSlotProps: w.root,
     ownerState: E,
     className: [q.root, a]
-  }), [P, k] = Oe("paper", {
+  }), [P, k] = Be("paper", {
     className: q.paper,
     elementType: sw,
     externalForwardedProps: v,
     shouldForwardComponentProp: !0,
     ownerState: E
-  }), [R, N] = Oe("list", {
+  }), [R, N] = Be("list", {
     className: mA(q.list, l.className),
     elementType: lw,
     shouldForwardComponentProp: !0,
@@ -24654,7 +24653,7 @@ const xw = {
     }
   }, j = {}, Y = rA.slotProps.inputLabel;
   H === "outlined" && (Y && typeof Y.shrink < "u" && (j.notched = Y.shrink), j.label = y), k && ((!R || !R.native) && (j.id = void 0), j["aria-describedby"] = void 0);
-  const [G, eA] = Oe("root", {
+  const [G, eA] = Be("root", {
     elementType: Sw,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
@@ -24672,24 +24671,24 @@ const xw = {
       color: l,
       variant: H
     }
-  }), [tA, pA] = Oe("input", {
+  }), [tA, pA] = Be("input", {
     elementType: lA,
     externalForwardedProps: rA,
     additionalProps: j,
     ownerState: $
-  }), [oA, fA] = Oe("inputLabel", {
+  }), [oA, fA] = Be("inputLabel", {
     elementType: wc,
     externalForwardedProps: rA,
     ownerState: $
-  }), [_, aA] = Oe("htmlInput", {
+  }), [_, aA] = Be("htmlInput", {
     elementType: "input",
     externalForwardedProps: rA,
     ownerState: $
-  }), [J, iA] = Oe("formHelperText", {
+  }), [J, iA] = Be("formHelperText", {
     elementType: Ec,
     externalForwardedProps: rA,
     ownerState: $
-  }), [sA, NA] = Oe("select", {
+  }), [sA, NA] = Be("select", {
     elementType: Bc,
     externalForwardedProps: rA,
     ownerState: $
@@ -30962,30 +30961,30 @@ const nS = z(Sc, {
   }, W = {
     slots: L,
     slotProps: H
-  }, [$, Z] = Oe("root", {
+  }, [$, Z] = Be("root", {
     elementType: rS,
     shouldForwardComponentProp: !0,
     externalForwardedProps: W,
     ownerState: B,
     className: mA(P.root, f),
     ref: t
-  }), [K, X] = Oe("backdrop", {
+  }), [K, X] = Be("backdrop", {
     elementType: nS,
     shouldForwardComponentProp: !0,
     externalForwardedProps: W,
     ownerState: B
-  }), [nA, lA] = Oe("paper", {
+  }), [nA, lA] = Be("paper", {
     elementType: aS,
     shouldForwardComponentProp: !0,
     externalForwardedProps: W,
     ownerState: B,
     className: mA(P.paper, E.className)
-  }), [rA, j] = Oe("container", {
+  }), [rA, j] = Be("container", {
     elementType: iS,
     externalForwardedProps: W,
     ownerState: B,
     className: P.container
-  }), [Y, G] = Oe("transition", {
+  }), [Y, G] = Be("transition", {
     elementType: Bo,
     externalForwardedProps: W,
     ownerState: B,
@@ -33713,7 +33712,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
   }, [Ce, {
     onChange: ye,
     ...UA
-  }] = Oe("scrollbar", {
+  }] = Be("scrollbar", {
     className: mA(H.scrollableX, H.hideScrollbar),
     elementType: QS,
     shouldForwardComponentProp: !0,
@@ -33724,7 +33723,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       overflow: null,
       scrollbarWidth: TA
     });
-  }, [ye]), [gA, WA] = Oe("scrollButtons", {
+  }, [ye]), [gA, WA] = Be("scrollButtons", {
     className: mA(H.scrollButtons, I.className),
     elementType: M4,
     externalForwardedProps: aA,
@@ -33829,7 +33828,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
     updateIndicator: iA,
     updateScrollButtons: IA
   }), [iA, IA]);
-  const [GA, hA] = Oe("indicator", {
+  const [GA, hA] = Be("indicator", {
     className: mA(H.indicator, q.className),
     elementType: LS,
     externalForwardedProps: aA,
@@ -33882,7 +33881,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
         TA.preventDefault(), V2(HA, null, v1);
         break;
     }
-  }, re = ve(), [pt, ht] = Oe("root", {
+  }, re = ve(), [pt, ht] = Be("root", {
     ref: t,
     className: mA(H.root, p),
     elementType: RS,
@@ -33892,7 +33891,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
       component: f
     },
     ownerState: L
-  }), [Wt, cn] = Oe("scroller", {
+  }), [Wt, cn] = Be("scroller", {
     ref: fA,
     className: H.scroller,
     elementType: NS,
@@ -33904,7 +33903,7 @@ const k4 = /* @__PURE__ */ S.forwardRef(function(e, t) {
         [P ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: O ? void 0 : -tA.scrollbarWidth
       }
     }
-  }), [Ye, it] = Oe("list", {
+  }), [Ye, it] = Be("list", {
     ref: _,
     className: mA(H.list, H.flexContainer),
     elementType: FS,
@@ -39689,7 +39688,7 @@ const wD = (A) => {
     forcePopupIcon: D = "auto",
     freeSolo: T = !1,
     fullWidth: O = !1,
-    getLimitTagsText: v = (Te) => `+${Te}`,
+    getLimitTagsText: v = (De) => `+${De}`,
     getOptionDisabled: B,
     getOptionKey: P,
     getOptionLabel: k,
@@ -39758,7 +39757,7 @@ const wD = (A) => {
   } = fe(), {
     ref: dn,
     ...zn
-  } = Ee(), Vn = k || ((Te) => Te.label ?? Te), ct = {
+  } = Ee(), Vn = k || ((De) => De.label ?? De), ct = {
     ...o,
     disablePortal: q,
     expanded: pt,
@@ -39782,19 +39781,19 @@ const wD = (A) => {
       ...g,
       ...RA
     }
-  }, [$a, a0] = Oe("listbox", {
+  }, [$a, a0] = Be("listbox", {
     elementType: PD,
     externalForwardedProps: so,
     ownerState: ct,
     className: ft.listbox,
     additionalProps: zn,
     ref: dn
-  }), [B2, uA] = Oe("paper", {
+  }), [B2, uA] = Be("paper", {
     elementType: cr,
     externalForwardedProps: so,
     ownerState: ct,
     className: ft.paper
-  }), [cA, BA] = Oe("popper", {
+  }), [cA, BA] = Be("popper", {
     elementType: ha,
     externalForwardedProps: so,
     ownerState: ct,
@@ -39810,12 +39809,12 @@ const wD = (A) => {
     }
   });
   let KA;
-  const _A = (Te) => ({
+  const _A = (De) => ({
     className: ft.tag,
     disabled: x,
-    ...$A(Te)
+    ...$A(De)
   });
-  if (nA ? YA.length > 0 && (ZA ? KA = ZA(YA, _A, ct) : VA ? KA = VA(YA, _A, ct) : KA = YA.map((Te, lo) => {
+  if (nA ? YA.length > 0 && (ZA ? KA = ZA(YA, _A, ct) : VA ? KA = VA(YA, _A, ct) : KA = YA.map((De, lo) => {
     const {
       key: co,
       ...s0
@@ -39823,47 +39822,47 @@ const wD = (A) => {
       index: lo
     });
     return /* @__PURE__ */ u(bc, {
-      label: Vn(Te),
+      label: Vn(De),
       size: ye,
       ...s0,
       ...so.slotProps.chip
     }, co);
   })) : VA && YA != null && (KA = VA(YA, _A, ct)), W > -1 && Array.isArray(KA)) {
-    const Te = KA.length - W;
-    !cn && Te > 0 && (KA = KA.splice(0, W), KA.push(/* @__PURE__ */ u("span", {
+    const De = KA.length - W;
+    !cn && De > 0 && (KA = KA.splice(0, W), KA.push(/* @__PURE__ */ u("span", {
       className: ft.tag,
-      children: v(Te)
+      children: v(De)
     }, KA.length)));
   }
-  const at = sA || ((Te) => /* @__PURE__ */ F("li", {
+  const at = sA || ((De) => /* @__PURE__ */ F("li", {
     children: [/* @__PURE__ */ u(MD, {
       className: ft.groupLabel,
       ownerState: ct,
       component: "div",
-      children: Te.group
+      children: De.group
     }), /* @__PURE__ */ u(kD, {
       className: ft.groupUl,
       ownerState: ct,
-      children: Te.children
+      children: De.children
     })]
-  }, Te.key)), ur = QA || ((Te, lo) => {
+  }, De.key)), ur = QA || ((De, lo) => {
     const {
       key: co,
       ...s0
-    } = Te;
+    } = De;
     return /* @__PURE__ */ u("li", {
       ...s0,
       children: Vn(lo)
     }, co);
-  }), md = (Te, lo) => {
+  }), md = (De, lo) => {
     const co = EA({
-      option: Te,
+      option: De,
       index: lo
     });
     return ur({
       ...co,
       className: ft.option
-    }, Te, {
+    }, De, {
       selected: co["aria-selected"],
       index: lo,
       inputValue: HA
@@ -39885,8 +39884,8 @@ const wD = (A) => {
           ref: TA,
           className: ft.inputRoot,
           startAdornment: KA,
-          onMouseDown: (Te) => {
-            Te.target === Te.currentTarget && Et(Te);
+          onMouseDown: (De) => {
+            De.target === De.currentTarget && Et(De);
           },
           ...(ue || Le) && {
             endAdornment: /* @__PURE__ */ F(ED, {
@@ -39934,18 +39933,18 @@ const wD = (A) => {
           className: ft.noOptions,
           ownerState: ct,
           role: "presentation",
-          onMouseDown: (Te) => {
-            Te.preventDefault();
+          onMouseDown: (De) => {
+            De.preventDefault();
           },
           children: lA
         }) : null, ie.length > 0 ? /* @__PURE__ */ u($a, {
           as: $,
           ...a0,
-          children: ie.map((Te, lo) => N ? at({
-            key: Te.key,
-            group: Te.group,
-            children: Te.options.map((co, s0) => md(co, Te.index + s0))
-          }) : md(Te, lo))
+          children: ie.map((De, lo) => N ? at({
+            key: De.key,
+            group: De.group,
+            children: De.options.map((co, s0) => md(co, De.index + s0))
+          }) : md(De, lo))
         }) : null]
       })
     }) : null]
@@ -40901,7 +40900,7 @@ const JR = ({
         sx: {
           "& .MuiOutlinedInput-root": {
             backgroundColor: Pe.white,
-            borderRadius: De
+            borderRadius: Ie
           },
           ...c
         }
@@ -40994,7 +40993,7 @@ const JR = ({
             gap: 0.5
           },
           "& .MuiChip-root": {
-            borderRadius: De,
+            borderRadius: Ie,
             padding: "0 4px",
             margin: "0px 1px",
             height: "25px",
@@ -41136,7 +41135,7 @@ const JR = ({
                   padding: 0,
                   "& > .MuiMenuItem-root": {
                     padding: wA,
-                    borderRadius: De,
+                    borderRadius: Ie,
                     transition: lt,
                     "&:hover": {
                       backgroundColor: h.action.hover
@@ -43017,7 +43016,7 @@ const JD = (A, e) => {
             gap: "14px",
             padding: "14px",
             border: `1px solid ${i ? g.error.main : g.divider}`,
-            borderRadius: De,
+            borderRadius: Ie,
             "&:hover": {
               borderColor: i ? g.error.main : g.text.primary
             },
@@ -43039,7 +43038,7 @@ const JD = (A, e) => {
                   width: "auto",
                   minWidth: 50,
                   height: 50,
-                  borderRadius: l ? De : "none",
+                  borderRadius: l ? Ie : "none",
                   objectFit: "contain",
                   ...d
                 }
@@ -43093,7 +43092,7 @@ const JD = (A, e) => {
             gap: "14px",
             padding: "14px",
             border: `1px solid ${i ? g.error.main : g.divider}`,
-            borderRadius: De,
+            borderRadius: Ie,
             "&:hover": {
               borderColor: i ? g.error.main : g.text.primary
             },
@@ -43117,7 +43116,7 @@ const JD = (A, e) => {
                     width: "auto",
                     minWidth: 50,
                     height: 50,
-                    borderRadius: E0(y) && l ? De : "none",
+                    borderRadius: E0(y) && l ? Ie : "none",
                     objectFit: E0(y) ? "contain" : "unset",
                     ...p
                   }
@@ -43876,11 +43875,11 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, rT = 700, iT = 20,
 }) => {
   const t = Wa(), o = Array.isArray(e) ? e : e ? [e] : [];
   if (!t)
-    return /* @__PURE__ */ u(Ie, { content: A, sx: { color: ee[600] } });
+    return /* @__PURE__ */ u(Oe, { content: A, sx: { color: ee[600] } });
   const r = t.status === ce.Connected, i = t.status === ce.Connecting || t.status === ce.Disconnecting, a = r ? "Đã kết nối cân" : t.status === ce.Connecting ? "Đang kết nối cân..." : "Chưa kết nối cân";
   return /* @__PURE__ */ F(AA, { sx: [{ gap: wA }, ...o], children: [
     /* @__PURE__ */ u(
-      Ie,
+      Oe,
       {
         content: a,
         sx: {
@@ -43889,7 +43888,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, rT = 700, iT = 20,
         }
       }
     ),
-    t.error ? /* @__PURE__ */ u(Ie, { content: t.error, sx: { ...FA.textXs.regular, color: Dt[700] } }) : null,
+    t.error ? /* @__PURE__ */ u(Oe, { content: t.error, sx: { ...FA.textXs.regular, color: Dt[700] } }) : null,
     /* @__PURE__ */ F(oe, { sx: { gap: wA, flexWrap: "wrap" }, children: [
       r ? /* @__PURE__ */ u(
         he,
@@ -44002,7 +44001,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, rT = 700, iT = 20,
         "& .MuiInputBase-input": { background: JA[50], borderRight: `1px solid ${ee[300]}` },
         "& .MuiInputBase-root": {
           background: JA[200],
-          borderRadius: De,
+          borderRadius: Ie,
           pr: wA
         },
         ...c
@@ -44202,7 +44201,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, rT = 700, iT = 20,
         boxSizing: "border-box",
         gap: 1,
         border: `1px dashed ${A ? a.secondary.main : a.primary.main}`,
-        borderRadius: De,
+        borderRadius: Ie,
         padding: wA,
         cursor: "pointer",
         "&:hover": {
@@ -44394,7 +44393,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, rT = 700, iT = 20,
       d
     ))
   }
-), Ie = ({ content: A, sx: e = {}, ...t }) => /* @__PURE__ */ u(xA, { sx: { ...tt(1), ...e }, ...t, children: A }), ET = ({
+), Oe = ({ content: A, sx: e = {}, ...t }) => /* @__PURE__ */ u(xA, { sx: { ...tt(1), ...e }, ...t, children: A }), ET = ({
   images: A,
   maxVisible: e,
   thumbnailSize: t,
@@ -44479,7 +44478,7 @@ const Q1 = "sevago:web-serial-scale-active-window", H1 = 800, rT = 700, iT = 20,
               s
             ),
             children: /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: r.moreImagesCount(h),
                 sx: {
@@ -44583,7 +44582,7 @@ var Ko = function(A, e) {
   return Number(A.toFixed(e));
 }, IT = function(A, e) {
   return e;
-}, Be = function(A, e, t) {
+}, Te = function(A, e, t) {
   t && typeof t == "function" && t(A, e);
 }, DT = function(A) {
   return -Math.cos(A * Math.PI) / 2 + 0.5;
@@ -45007,10 +45006,10 @@ function a5(A, e, t, o, r) {
   if (!x)
     return console.error("Error during zoom event. New transformation state was not calculated.");
   var y = A.props, E = y.onZoomStart, q = y.onZoom, I = y.onZoomStop, M = new MouseEvent("mousemove", { bubbles: !0 }), D = qe(A);
-  Be(D, M, E), Be(D, M, q), Fo(A, x, h, r);
+  Te(D, M, E), Te(D, M, q), Fo(A, x, h, r);
   var T = (a = (i = s.ownerDocument) === null || i === void 0 ? void 0 : i.defaultView) !== null && a !== void 0 ? a : typeof window < "u" ? window : null;
   T && T.setTimeout(function() {
-    A.mounted && Be(qe(A), M, I);
+    A.mounted && Te(qe(A), M, I);
   }, h);
 }
 function s5(A, e, t, o) {
@@ -45029,10 +45028,10 @@ function s5(A, e, t, o) {
     if (!(h === p.scale && m === p.positionX && g === p.positionY)) {
       o == null || o();
       var q = A.props, I = q.onZoomStart, M = q.onZoom, D = q.onZoomStop, T = new MouseEvent("mousemove", { bubbles: !0 }), O = qe(A);
-      Be(O, T, I), Be(O, T, M), Fo(A, E, e, t);
+      Te(O, T, I), Te(O, T, M), Fo(A, E, e, t);
       var v = (i = (r = s.ownerDocument) === null || r === void 0 ? void 0 : r.defaultView) !== null && i !== void 0 ? i : typeof window < "u" ? window : null;
       v && v.setTimeout(function() {
-        A.mounted && Be(qe(A), T, D);
+        A.mounted && Te(qe(A), T, D);
       }, e);
     }
   }
@@ -45233,7 +45232,7 @@ var hB = function(A, e, t, o, r) {
   return D2(b, a, i, d, !p && !l);
 }, f5 = 160, g5 = 100, wB = function(A, e) {
   var t = A.props, o = t.onWheelStart, r = t.onZoomStart;
-  A.wheelStopEventTimer || (mn(A), Be(qe(A), e, o), Be(qe(A), e, r));
+  A.wheelStopEventTimer || (mn(A), Te(qe(A), e, o), Te(qe(A), e, r));
 }, xB = function(A, e) {
   var t = A.props, o = t.onWheel, r = t.onZoom, i = A.contentComponent, a = A.setup, s = A.state, l = s.scale, c = a.limitToBounds, d = a.centerZoomedOut, p = a.zoomAnimation, f = a.wheel, h = a.disablePadding, m = a.smooth, g = p.size, C = p.disabled, b = f.step;
   if (!i)
@@ -45242,7 +45241,7 @@ var hB = function(A, e, t, o, r) {
   var w = mB(e, null), x = m ? b * Math.abs(e.deltaY) : b, y = hB(A, w, x, !e.ctrlKey);
   if (l !== y) {
     var E = $r(A, y), q = d5(e, i, l), I = C || g === 0 || d || h, M = c && I, D = Ga(A, q.x, q.y, y, E, M), T = D.x, O = D.y;
-    A.previousWheelEvent = e, A.setState(y, T, O), Be(qe(A), e, o), Be(qe(A), e, r);
+    A.previousWheelEvent = e, A.setState(y, T, O), Te(qe(A), e, o), Te(qe(A), e, r);
   }
 }, EB = function(A, e) {
   var t = A.props, o = t.onWheelStop, r = t.onZoomStop;
@@ -45251,11 +45250,11 @@ var hB = function(A, e, t, o, r) {
   }, g5);
   var i = u5(A, e);
   i && (e2(A.wheelStopEventTimer), A.wheelStopEventTimer = setTimeout(function() {
-    A.mounted && (A.wheelStopEventTimer = null, Be(qe(A), e, o), Be(qe(A), e, r));
+    A.mounted && (A.wheelStopEventTimer = null, Te(qe(A), e, o), Te(qe(A), e, r));
   }, f5));
 }, SB = function(A, e) {
   var t = A.props, o = t.onWheelStart, r = t.onPanningStart;
-  A.wheelStopEventTimer || (mn(A), Be(qe(A), e, o), Be(qe(A), e, r));
+  A.wheelStopEventTimer || (mn(A), Te(qe(A), e, o), Te(qe(A), e, r));
 }, IB = function(A, e) {
   var t = A.props, o = t.onWheelStop, r = t.onPanningStop;
   e2(A.wheelAnimationTimer), A.wheelAnimationTimer = setTimeout(function() {
@@ -45263,7 +45262,7 @@ var hB = function(A, e, t, o, r) {
   }, g5);
   var i = u5(A, e);
   i && (e2(A.wheelStopEventTimer), A.wheelStopEventTimer = setTimeout(function() {
-    A.mounted && (A.wheelStopEventTimer = null, Be(qe(A), e, o), Be(qe(A), e, r));
+    A.mounted && (A.wheelStopEventTimer = null, Te(qe(A), e, o), Te(qe(A), e, r));
   }, f5));
 }, m5 = function(A) {
   for (var e = 0, t = 0, o = 0; o < 2; o += 1)
@@ -45297,12 +45296,12 @@ var hB = function(A, e, t, o, r) {
 }, h5 = function(A, e) {
   var t = A.props.onZoomStop, o = A.setup.doubleClick.animationTime;
   e2(A.doubleClickStopEventTimer), A.doubleClickStopEventTimer = setTimeout(function() {
-    A.doubleClickStopEventTimer = null, Be(qe(A), e, t);
+    A.doubleClickStopEventTimer = null, Te(qe(A), e, t);
   }, o);
 }, OB = function(A, e) {
   var t = A.props, o = t.onZoomStart, r = t.onZoom, i = A.setup.doubleClick, a = i.animationTime, s = i.animationType;
-  Be(qe(A), e, o), s5(A, a, s, function() {
-    return Be(qe(A), e, r);
+  Te(qe(A), e, o), s5(A, a, s, function() {
+    return Te(qe(A), e, r);
   }), h5(A, e);
 };
 function PB(A, e) {
@@ -45317,11 +45316,11 @@ function MB(A, e) {
       return console.error("No ContentComponent found");
     var C = PB(f, A.state.scale), b = i5(A, C, h);
     if (a !== b) {
-      Be(qe(A), e, l);
+      Te(qe(A), e, l);
       var w = d5(e, i, a), x = ld(A, b, w.x, w.y);
       if (!x)
         return console.error("Error during zoom event. New transformation state was not calculated.");
-      Be(qe(A), e, c), Fo(A, x, m, g), h5(A, e);
+      Te(qe(A), e, c), Fo(A, x, m, g), h5(A, e);
     }
   }
 }
@@ -45378,7 +45377,7 @@ var kB = function(A, e) {
         if (l) {
           o.cancelable && o.preventDefault(), o.stopPropagation();
           var c = t.state, d = c.positionX, p = c.positionY, f = d - o.deltaX, h = p - o.deltaY, m = a ? d : f, g = s ? p : h, C = t.setup.autoAlignment, b = C.sizeX, w = C.sizeY, x = Oo(t, b), y = Oo(t, w);
-          m === d && g === p || (SB(t, o), n5(t, m, g, x, y), Be(qe(t), o, r), IB(t, o));
+          m === d && g === p || (SB(t, o), n5(t, m, g, x, y), Te(qe(t), o, r), IB(t, o));
         }
       }, this.onPanningStart = function(o) {
         var r = t.setup.disabled, i = t.props.onPanningStart;
@@ -45387,7 +45386,7 @@ var kB = function(A, e) {
           var a = W1(t, o);
           if (a) {
             var s = t.isPressingKeys(t.setup.panning.activationKeys);
-            s && (o.button === 0 && !t.setup.panning.allowLeftClickPan || o.button === 1 && !t.setup.panning.allowMiddleClickPan || o.button === 2 && !t.setup.panning.allowRightClickPan || (o.cancelable && o.preventDefault(), o.stopPropagation(), mn(t), K1(t, o), Be(qe(t), o, i)));
+            s && (o.button === 0 && !t.setup.panning.allowLeftClickPan || o.button === 1 && !t.setup.panning.allowMiddleClickPan || o.button === 2 && !t.setup.panning.allowRightClickPan || (o.cancelable && o.preventDefault(), o.stopPropagation(), mn(t), K1(t, o), Te(qe(t), o, i)));
           }
         }
       }, this.onPanning = function(o) {
@@ -45400,27 +45399,27 @@ var kB = function(A, e) {
           var a = G1(t);
           if (a) {
             var s = t.isPressingKeys(t.setup.panning.activationKeys);
-            s && (o.cancelable && o.preventDefault(), o.stopPropagation(), X1(t, o.clientX, o.clientY, yo.MOUSE), Be(qe(t), o, i));
+            s && (o.cancelable && o.preventDefault(), o.stopPropagation(), X1(t, o.clientX, o.clientY, yo.MOUSE), Te(qe(t), o, i));
           }
         }
       }, this.onPanningStop = function(o) {
         var r = t.setup.panning.velocityDisabled, i = t.props.onPanningStop;
-        t.isPanning && (eB(t, r), Be(qe(t), o, i));
+        t.isPanning && (eB(t, r), Te(qe(t), o, i));
       }, this.onPinchStart = function(o) {
         var r = t.setup.disabled, i = t.props.onPinchStart;
         if (!r) {
           var a = CB(t, o);
-          a && (DB(t, o), mn(t), Be(qe(t), o, i));
+          a && (DB(t, o), mn(t), Te(qe(t), o, i));
         }
       }, this.onPinch = function(o) {
         var r = t.setup.disabled, i = t.props.onPinch;
         if (!r) {
           var a = bB(t);
-          a && (o.cancelable && o.preventDefault(), o.stopPropagation(), TB(t, o), Be(qe(t), o, i));
+          a && (o.cancelable && o.preventDefault(), o.stopPropagation(), TB(t, o), Te(qe(t), o, i));
         }
       }, this.onPinchStop = function(o) {
         var r = t.props.onPinchStop;
-        t.pinchStartScale && (BB(t), Be(qe(t), o, r));
+        t.pinchStartScale && (BB(t), Te(qe(t), o, r));
       }, this.onTouchPanningStart = function(o) {
         var r = t.setup, i = r.disabled, a = r.doubleClick, s = t.props.onPanningStart;
         if (!i) {
@@ -45433,7 +45432,7 @@ var kB = function(A, e) {
             if (p) {
               if (!h)
                 return;
-              mn(t), K1(t, o), Be(qe(t), o, s);
+              mn(t), K1(t, o), Te(qe(t), o, s);
             }
             f && t.onPinchStart(o);
           }
@@ -45448,7 +45447,7 @@ var kB = function(A, e) {
             return;
           o.cancelable && o.preventDefault(), o.stopPropagation();
           var s = o.touches[0];
-          X1(t, s.clientX, s.clientY, yo.TOUCH), Be(qe(t), o, i);
+          X1(t, s.clientX, s.clientY, yo.TOUCH), Te(qe(t), o, i);
         } else o.touches.length > 1 && t.onPinch(o);
       }, this.onTouchPanningStop = function(o) {
         t.onPanningStop(o), t.onPinchStop(o);
@@ -45509,7 +45508,7 @@ var kB = function(A, e) {
           var l = qe(t);
           t.onChangeCallbacks.forEach(function(c) {
             return c(l);
-          }), Be(l, { scale: t.state.scale, positionX: r, positionY: i }, a);
+          }), Te(l, { scale: t.state.scale, positionX: r, positionY: i }, a);
         } else
           console.error("Detected NaN set state values");
       }, this.onTransform = function(o) {
@@ -45527,7 +45526,7 @@ var kB = function(A, e) {
       }, this.init = function(o, r) {
         t.cleanupWindowEvents(), t.wrapperComponent = o, t.contentComponent = r, $r(t, t.state.scale), t.handleInitializeWrapperEvents(o), t.handleInitialize(r), t.initializeWindowEvents(), t.isInitialized = !0;
         var i = qe(t);
-        Be(i, void 0, t.props.onInit), uB(t.props.ref, i);
+        Te(i, void 0, t.props.onInit), uB(t.props.ref, i);
       }, this.props = e, this.setup = Z1(this.props), this.state = r5(this.props);
     }
     return A;
@@ -45744,7 +45743,7 @@ const _1 = ({
                     width: "100%",
                     maxHeight: "calc(100vh - 96px)",
                     overflow: "hidden",
-                    borderRadius: De,
+                    borderRadius: Ie,
                     cursor: "grab"
                   },
                   contentStyle: {
@@ -45766,7 +45765,7 @@ const _1 = ({
                           width: "100%",
                           maxHeight: "calc(100vh - 96px)",
                           objectFit: "contain",
-                          borderRadius: De,
+                          borderRadius: Ie,
                           backgroundColor: we[50]
                         },
                         d
@@ -45809,7 +45808,7 @@ const _1 = ({
               }
             )
           ] }),
-          i && r && /* @__PURE__ */ u(Ie, { content: l.counter(t + 1, o), sx: hT })
+          i && r && /* @__PURE__ */ u(Oe, { content: l.counter(t + 1, o), sx: hT })
         ] })
       }
     )
@@ -46212,7 +46211,7 @@ const VB = ({
       gap: kn,
       sx: {
         padding: wA,
-        borderRadius: De,
+        borderRadius: Ie,
         border: `1px solid ${ee[300]}`,
         backgroundColor: Po[50]
       },
@@ -46237,7 +46236,7 @@ const VB = ({
               onClick: () => t(i),
               sx: {
                 padding: Se,
-                borderRadius: De,
+                borderRadius: Ie,
                 border: `1px solid ${a ? ne[500] : JA[300]}`,
                 backgroundColor: a ? ne[50] : we[50],
                 textAlign: "left",
@@ -46454,7 +46453,7 @@ const VB = ({
   content: e,
   height: t = Z3
 }) => /* @__PURE__ */ F(Mt, { sx: { height: t, gap: 0, justifyContent: "space-between", alignItems: "flex-start" }, children: [
-  /* @__PURE__ */ u(Ie, { content: e }),
+  /* @__PURE__ */ u(Oe, { content: e }),
   /* @__PURE__ */ u(oO, { time: A })
 ] }), fN = ({
   url: A,
@@ -46733,7 +46732,7 @@ const VB = ({
             children: [
               /* @__PURE__ */ F(_e, { gap: wA, children: [
                 /* @__PURE__ */ u(
-                  Ie,
+                  Oe,
                   {
                     content: o,
                     sx: { ...FA.textMd.semiBold, color: ne[500], ...s }
@@ -47497,7 +47496,7 @@ const uO = [
         },
         children: /* @__PURE__ */ F(Mt, { sx: { height: "100%" }, children: [
           /* @__PURE__ */ F(ot, { sx: { gap: 0 }, children: [
-            /* @__PURE__ */ u(Ie, { content: "Bộ lọc", sx: { ...FA.textLg.semiBold } }),
+            /* @__PURE__ */ u(Oe, { content: "Bộ lọc", sx: { ...FA.textLg.semiBold } }),
             /* @__PURE__ */ u(bn, { onClick: () => s(!1), children: /* @__PURE__ */ u(vA, { icon: "close" }) })
           ] }),
           /* @__PURE__ */ u(
@@ -47811,7 +47810,7 @@ const uO = [
       {
         onClick: s.onClick,
         sx: {
-          borderRadius: De,
+          borderRadius: Ie,
           padding: wA,
           transition: lt,
           "&:hover": { cursor: "pointer", backgroundColor: a.action.hover },
@@ -48596,7 +48595,7 @@ const G2 = (A, e) => ({
     {
       sx: {
         gap: 1,
-        borderRadius: De,
+        borderRadius: Ie,
         borderColor: i[o].color,
         borderStyle: "solid",
         borderWidth: "1px 1px 1px 3px",
@@ -48684,14 +48683,14 @@ function eP({ config: A, selection: e, labels: t, onChange: o }) {
               }
             ),
             A.optionsComplete !== !1 && f.count !== void 0 && /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: `(${sp(f.count)})`,
                 sx: { color: ee[500] }
               }
             )
           ] }, f.value)),
-          !l.length && !A.loading && /* @__PURE__ */ u(Ie, { content: t.emptyOptions })
+          !l.length && !A.loading && /* @__PURE__ */ u(Oe, { content: t.emptyOptions })
         ]
       }
     )
@@ -48804,7 +48803,7 @@ function nP({
               overflow: "hidden",
               display: "flex",
               flexDirection: "column",
-              borderRadius: De,
+              borderRadius: Ie,
               backgroundColor: we[50],
               color: JA[900]
             }
@@ -48834,7 +48833,7 @@ function nP({
                       onClick: () => x(In.ASC),
                       children: /* @__PURE__ */ F(oe, { gap: wA, children: [
                         /* @__PURE__ */ u(vA, { icon: "arrow_upward" }),
-                        /* @__PURE__ */ u(Ie, { content: h.sortAscending })
+                        /* @__PURE__ */ u(Oe, { content: h.sortAscending })
                       ] })
                     },
                     "ascending"
@@ -48847,16 +48846,16 @@ function nP({
                       onClick: () => x(In.DESC),
                       children: /* @__PURE__ */ F(oe, { gap: wA, children: [
                         /* @__PURE__ */ u(vA, { icon: "arrow_downward" }),
-                        /* @__PURE__ */ u(Ie, { content: h.sortDescending })
+                        /* @__PURE__ */ u(Oe, { content: h.sortDescending })
                       ] })
                     },
                     "descending"
                   )
                 ],
-                C && s && t.sortable !== !1 && /* @__PURE__ */ u(_t, { disabled: t.disabled, onClick: () => x(), children: /* @__PURE__ */ u(Ie, { content: h.clearSort }) }),
+                C && s && t.sortable !== !1 && /* @__PURE__ */ u(_t, { disabled: t.disabled, onClick: () => x(), children: /* @__PURE__ */ u(Oe, { content: h.clearSort }) }),
                 g && /* @__PURE__ */ u(_t, { disabled: t.disabled || !m, onClick: () => w(), children: /* @__PURE__ */ F(oe, { gap: wA, children: [
                   /* @__PURE__ */ u(vA, { icon: "filter_alt_off" }),
-                  /* @__PURE__ */ u(Ie, { content: h.clear })
+                  /* @__PURE__ */ u(Oe, { content: h.clear })
                 ] }) })
               ]
             }
@@ -49094,7 +49093,7 @@ function aP({
               padding: wA,
               borderRadius: "0 !important",
               backgroundColor: ee[50],
-              verticalAlign: x && q.rowSpan ? "middle" : "top",
+              verticalAlign: "middle",
               textAlign: q.alignHead ? q.alignHead : "center",
               borderTop: E === 0 ? Pr : "none",
               top: x ? E * p3 : 0
@@ -49109,49 +49108,52 @@ function aP({
             q.sx
           ),
           children: [
-            /* @__PURE__ */ F(
-              oe,
-              {
-                justifyContent: q.alignHead ?? "center",
-                sx: { gap: Se },
-                children: [
-                  I && d && /* @__PURE__ */ u(
-                    Lt,
-                    {
-                      icon: "drag_indicator",
-                      "data-table-column-drag-handle": !0,
-                      "data-table-no-range": !0,
-                      "data-table-copy-ignore": !0,
-                      "aria-label": `${p.moveLeft} / ${p.moveRight}: ${M}`,
-                      onPointerDown: (B) => b.onPointerDown(B, q.id),
-                      onClick: (B) => B.stopPropagation(),
-                      onKeyDown: I && d ? (B) => {
-                        if (!B.altKey || !["ArrowLeft", "ArrowRight"].includes(B.key)) return;
-                        B.preventDefault(), B.stopPropagation();
-                        const P = m == null ? void 0 : m.columnControls.find((R) => R.id === q.id), k = B.key === "ArrowLeft" ? P == null ? void 0 : P.moveLeftId : P == null ? void 0 : P.moveRightId;
-                        k && d(q.id, k);
-                      } : void 0,
-                      sx: { cursor: "grab", touchAction: "none", flexShrink: 0 }
-                    }
-                  ),
-                  /* @__PURE__ */ u(Ie, { content: q.label }),
-                  q.filter && (r || a && q.filter.sortable !== !1) && /* @__PURE__ */ u(
-                    nP,
-                    {
-                      columnId: q.id,
-                      columnLabel: typeof q.label == "string" ? q.label : void 0,
-                      config: q.filter,
-                      labels: t,
-                      rule: o == null ? void 0 : o[q.filter.key ?? q.id],
-                      onRuleChange: r,
-                      sort: i,
-                      onSortChange: a,
-                      onOpenChange: s
-                    }
-                  )
-                ]
-              }
-            ),
+            /* @__PURE__ */ F(oe, { justifyContent: q.alignHead ?? "center", sx: { gap: 0 }, children: [
+              I && d && /* @__PURE__ */ u(
+                Lt,
+                {
+                  icon: "drag_indicator",
+                  "data-table-column-drag-handle": !0,
+                  "data-table-no-range": !0,
+                  "data-table-copy-ignore": !0,
+                  "aria-label": `${p.moveLeft} / ${p.moveRight}: ${M}`,
+                  onPointerDown: (B) => b.onPointerDown(B, q.id),
+                  onClick: (B) => B.stopPropagation(),
+                  onKeyDown: I && d ? (B) => {
+                    if (!B.altKey || !["ArrowLeft", "ArrowRight"].includes(B.key)) return;
+                    B.preventDefault(), B.stopPropagation();
+                    const P = m == null ? void 0 : m.columnControls.find((R) => R.id === q.id), k = B.key === "ArrowLeft" ? P == null ? void 0 : P.moveLeftId : P == null ? void 0 : P.moveRightId;
+                    k && d(q.id, k);
+                  } : void 0,
+                  sx: { cursor: "grab", touchAction: "none", flexShrink: 0 }
+                }
+              ),
+              /* @__PURE__ */ u(
+                xA,
+                {
+                  sx: {
+                    minWidth: 0,
+                    whiteSpace: "normal",
+                    overflowWrap: "anywhere"
+                  },
+                  children: q.label
+                }
+              ),
+              q.filter && (r || a && q.filter.sortable !== !1) && /* @__PURE__ */ u(
+                nP,
+                {
+                  columnId: q.id,
+                  columnLabel: typeof q.label == "string" ? q.label : void 0,
+                  config: q.filter,
+                  labels: t,
+                  rule: o == null ? void 0 : o[q.filter.key ?? q.id],
+                  onRuleChange: r,
+                  sort: i,
+                  onSortChange: a,
+                  onOpenChange: s
+                }
+              )
+            ] }),
             q.column && m && /* @__PURE__ */ u(
               iP,
               {
@@ -49526,9 +49528,9 @@ function uP({ controller: A }) {
               gap: Se
             },
             children: [
-              /* @__PURE__ */ u(Ie, { content: e.viewMode }),
+              /* @__PURE__ */ u(Oe, { content: e.viewMode }),
               /* @__PURE__ */ F(ml, { disablePadding: !0, sx: { maxHeight: 280, overflow: "auto" }, children: [
-                /* @__PURE__ */ u(Rr, { disablePadding: !0, secondaryAction: /* @__PURE__ */ u(Ie, { content: e.defaultView }), children: /* @__PURE__ */ F(
+                /* @__PURE__ */ u(Rr, { disablePadding: !0, secondaryAction: /* @__PURE__ */ u(Oe, { content: e.defaultView }), children: /* @__PURE__ */ F(
                   bd,
                   {
                     selected: !t,
@@ -49600,7 +49602,7 @@ function uP({ controller: A }) {
                   },
                   children: [
                     /* @__PURE__ */ u(
-                      Ie,
+                      Oe,
                       {
                         content: `${e.unsavedChanges} "${(t == null ? void 0 : t.name) ?? e.allView}".`,
                         sx: {
@@ -49681,7 +49683,7 @@ function pP({
         },
         children: [
           t && /* @__PURE__ */ u(
-            Ie,
+            Oe,
             {
               sx: { flexBasis: "100%", minWidth: 0 },
               content: o ? `${s.selectedCells}: ${o}` : s.rangeHint
@@ -50461,7 +50463,7 @@ function I5({
           {
             sx: {
               padding: Me,
-              borderRadius: De,
+              borderRadius: Ie,
               backgroundColor: we[50],
               minWidth: B,
               width: "max-content"
@@ -51234,7 +51236,7 @@ const PN = ({
         overflowX: "hidden",
         height: a,
         boxShadow: 1,
-        borderRadius: De,
+        borderRadius: Ie,
         backgroundColor: we[50],
         ...d
       },
@@ -51778,7 +51780,7 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
       sx: {
         bgcolor: we[50],
         border: `1px solid ${ee[200]}`,
-        borderRadius: De,
+        borderRadius: Ie,
         boxShadow: r ? `inset 3px 0 0 ${ne[500]}` : "none",
         cursor: "pointer",
         p: wA,
@@ -51800,7 +51802,7 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
         /* @__PURE__ */ F(AA, { sx: { flex: 1, gap: 0, minWidth: 0 }, children: [
           /* @__PURE__ */ F(ot, { sx: { alignItems: "flex-start", gap: wA }, children: [
             /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: $n(A.title),
                 sx: {
@@ -51810,7 +51812,7 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
               }
             ),
             /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: o,
                 sx: { ...FA.textXs.medium, color: ee[500], flexShrink: 0 }
@@ -51834,7 +51836,7 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
               }
             ),
             /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: r ? "Chưa đọc" : "Đã đọc",
                 sx: {
@@ -51846,14 +51848,14 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
           ] }),
           /* @__PURE__ */ F(oe, { sx: { gap: Se }, children: [
             s ? /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: s,
                 sx: { ...FA.textXs.medium, color: C3[i] }
               }
             ) : null,
             a ? /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: "Xem chi tiết",
                 sx: { ...FA.textXs.medium, color: ne[600] }
@@ -51916,9 +51918,9 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
     /* @__PURE__ */ F(AA, { sx: { flex: 1, gap: wA, minHeight: 0, overflow: "auto", p: Me }, children: [
       /* @__PURE__ */ F(ot, { sx: { flexWrap: "wrap", gap: wA }, children: [
         /* @__PURE__ */ F(AA, { sx: { gap: Se }, children: [
-          /* @__PURE__ */ u(Ie, { content: `Danh sách (${a})`, sx: { ...FA.textSm.semiBold } }),
+          /* @__PURE__ */ u(Oe, { content: `Danh sách (${a})`, sx: { ...FA.textSm.semiBold } }),
           /* @__PURE__ */ u(
-            Ie,
+            Oe,
             {
               content: s ? `${s} thông báo chưa đọc` : "Tất cả thông báo đã được đọc",
               sx: { ...FA.textXs.medium, color: s ? ne[600] : ee[500] }
@@ -51969,7 +51971,7 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
     {
       onClick: () => e(A),
       sx: {
-        borderRadius: De,
+        borderRadius: Ie,
         cursor: "pointer",
         p: wA,
         transition: lt,
@@ -51988,16 +51990,16 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
         /* @__PURE__ */ F(AA, { sx: { flex: 1, gap: Se, minWidth: 0 }, children: [
           /* @__PURE__ */ F(_m, { sx: { gap: wA }, children: [
             /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: $n(A.title),
                 sx: { ...FA.textSm.semiBold }
               }
             ),
-            /* @__PURE__ */ u(Ie, { content: t, sx: { ...FA.textXs.medium, flexShrink: 0 } })
+            /* @__PURE__ */ u(Oe, { content: t, sx: { ...FA.textXs.medium, flexShrink: 0 } })
           ] }),
           /* @__PURE__ */ u(
-            Ie,
+            Oe,
             {
               content: $n(A.body),
               sx: { ...FA.textXs.regular }
@@ -52072,7 +52074,7 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
                     zIndex: 1
                   },
                   children: [
-                    /* @__PURE__ */ u(Ie, { content: "Thông báo hệ thống", sx: { ...FA.textMd.semiBold } }),
+                    /* @__PURE__ */ u(Oe, { content: "Thông báo hệ thống", sx: { ...FA.textMd.semiBold } }),
                     /* @__PURE__ */ F(oe, { sx: { gap: Se }, children: [
                       f ? /* @__PURE__ */ u(wt, { size: "small" }) : null,
                       /* @__PURE__ */ u(
@@ -52157,11 +52159,11 @@ const eM = (A, e) => ((!Ss || m3 !== A) && (Ss = new Ts.HubConnectionBuilder().w
           },
           children: [
             /* @__PURE__ */ F(ot, { sx: { gap: wA }, children: [
-              /* @__PURE__ */ u(Ie, { content: "Thông báo hệ thống", sx: { ...FA.textMd.semiBold } }),
+              /* @__PURE__ */ u(Oe, { content: "Thông báo hệ thống", sx: { ...FA.textMd.semiBold } }),
               /* @__PURE__ */ u(Lt, { icon: "close", onClick: () => p(!1) })
             ] }),
             /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: "Xem và quản lý các thông báo của bạn",
                 sx: { ...FA.textXs.medium, color: ee[500] }
@@ -52819,7 +52821,7 @@ const WN = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
           /* @__PURE__ */ F(oe, { sx: LM, children: [
             !l && A.icon && /* @__PURE__ */ u(vA, { icon: A.icon, sx: { color: Dn.text } }),
             !t && /* @__PURE__ */ u(
-              Ie,
+              Oe,
               {
                 content: A.name,
                 sx: l ? HM : QM
@@ -53791,7 +53793,7 @@ export {
   cN as TypographyGridInfoRow,
   dN as TypographyInfoRow,
   uN as TypographyInfoUser,
-  Ie as TypographyOneLine,
+  Oe as TypographyOneLine,
   PN as UserInfo,
   dO as VALUE_WIDTH,
   Ps as VariantProps,