@3sc/common-component 0.0.85 → 0.0.86

package/dist/index.es.js

@@ -10957,13 +10957,13 @@ process.env.NODE_ENV !== "production" && (Ou.propTypes = {
    */
   variant: i.oneOfType([i.oneOf(["dot", "standard"]), i.string])
 });
-const tS = Ce("MuiBox", ["root"]), nS = Ps(), be = hC({
+const tS = Ce("MuiBox", ["root"]), nS = Ps(), ge = hC({
   themeId: tr,
   defaultTheme: nS,
   defaultClassName: tS.root,
   generateClassName: yg.generate
 });
-process.env.NODE_ENV !== "production" && (be.propTypes = {
+process.env.NODE_ENV !== "production" && (ge.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -20813,7 +20813,7 @@ const mO = ({ columns: e }) => {
   Download: yO,
   More: IO
 }, Jb = ({ sortKey: e, sortField: t, sortDir: n, handleSortClick: o }) => {
-  const r = (s) => /* @__PURE__ */ x.jsx(Ai, { onClick: o, children: /* @__PURE__ */ x.jsx(be, { component: "img", src: s }) });
+  const r = (s) => /* @__PURE__ */ x.jsx(Ai, { onClick: o, children: /* @__PURE__ */ x.jsx(ge, { component: "img", src: s }) });
   return /* @__PURE__ */ x.jsx(x.Fragment, { children: r(t === e ? n === "asc" ? ln.AscSort : ln.DescSort : ln.Unsort) });
 };
 Jb.propTypes = {
@@ -20825,7 +20825,7 @@ Jb.propTypes = {
 function qb({ column: e, sort: t, handleMenuClick: n, isManageable: o }) {
   const r = e == null ? void 0 : e.isMandatory, s = e == null ? void 0 : e.label, a = e == null ? void 0 : e.isSortable, c = t == null ? void 0 : t.sortField, l = t == null ? void 0 : t.sortDir, u = t == null ? void 0 : t.onSort;
   return /* @__PURE__ */ x.jsxs(
-    be,
+    ge,
     {
       sx: {
         display: "flex",
@@ -20844,7 +20844,7 @@ function qb({ column: e, sort: t, handleMenuClick: n, isManageable: o }) {
             handleSortClick: () => u({ column: e, sortDir: l, sortField: c })
           }
         ),
-        o && !r && /* @__PURE__ */ x.jsx(Ai, { onClick: (d) => n(d, e), children: /* @__PURE__ */ x.jsx(be, { component: "img", src: ln.Menu }) })
+        o && !r && /* @__PURE__ */ x.jsx(Ai, { onClick: (d) => n(d, e), children: /* @__PURE__ */ x.jsx(ge, { component: "img", src: ln.Menu }) })
       ]
     }
   );
@@ -20906,8 +20906,8 @@ const Uu = (e) => {
 }, BO = (e, t = 20) => (e == null ? void 0 : e.length) > t ? `${e.slice(0, t)}...` : e;
 function Kb({ isRenderCellContent: e, column: t, row: n }) {
   const o = n[t.key];
-  return /* @__PURE__ */ x.jsx(Lb, { title: (o == null ? void 0 : o.length) > 20 ? o : "", arrow: !0, children: /* @__PURE__ */ x.jsx(
-    be,
+  return /* @__PURE__ */ x.jsx(x.Fragment, { children: e ? /* @__PURE__ */ x.jsx(
+    ge,
     {
       sx: {
         display: "flex",
@@ -20921,9 +20921,26 @@ function Kb({ isRenderCellContent: e, column: t, row: n }) {
         fontSize: "1.1rem"
       },
       component: "label",
-      children: e ? t == null ? void 0 : t.cellRenderer(n) : BO(o)
+      children: t == null ? void 0 : t.cellRenderer(n)
     }
-  ) });
+  ) : /* @__PURE__ */ x.jsx(Lb, { title: (o == null ? void 0 : o.length) > 20 ? o : "", arrow: !0, children: /* @__PURE__ */ x.jsx(
+    ge,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis",
+        textTransform: "none",
+        fontSize: "1.1rem"
+      },
+      component: "label",
+      children: BO(o)
+    }
+  ) }) });
 }
 Kb.propTypes = {
   isRenderCellContent: i.bool,
@@ -25687,7 +25704,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
   }, I = () => {
     p(null), s(r), f(r);
   };
-  return /* @__PURE__ */ x.jsx(be, { sx: { position: "relative", flexShrink: 0 }, children: /* @__PURE__ */ x.jsx(be, { position: "absolute", top: 0, zIndex: 10, children: /* @__PURE__ */ x.jsxs(
+  return /* @__PURE__ */ x.jsx(ge, { sx: { position: "relative", flexShrink: 0 }, children: /* @__PURE__ */ x.jsx(ge, { position: "absolute", top: 0, zIndex: 10, children: /* @__PURE__ */ x.jsxs(
     xo.div,
     {
       style: {
@@ -25704,7 +25721,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
       transition: { duration: 0.2, ease: "easeInOut" },
       children: [
         /* @__PURE__ */ x.jsxs(
-          be,
+          ge,
           {
             sx: {
               padding: "0.65rem",
@@ -25717,7 +25734,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
             onClick: () => p(!d),
             children: [
               /* @__PURE__ */ x.jsx(
-                be,
+                ge,
                 {
                   component: "img",
                   layout: !0,
@@ -25738,7 +25755,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
                 }
               ),
               /* @__PURE__ */ x.jsx(
-                be,
+                ge,
                 {
                   component: "img",
                   layout: !0,
@@ -25905,7 +25922,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
     onPageSizeChange: s
   } = e, a = bt();
   return /* @__PURE__ */ x.jsxs(
-    be,
+    ge,
     {
       sx: {
         display: "flex",
@@ -25913,7 +25930,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
       },
       children: [
         /* @__PURE__ */ x.jsxs(
-          be,
+          ge,
           {
             sx: {
               zIndex: 10,
@@ -25924,7 +25941,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
             },
             children: [
               /* @__PURE__ */ x.jsx(
-                be,
+                ge,
                 {
                   sx: {
                     display: "flex",
@@ -25948,7 +25965,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
                 }
               ),
               /* @__PURE__ */ x.jsx(
-                be,
+                ge,
                 {
                   sx: {
                     display: "flex",
@@ -25957,7 +25974,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
                     justifyContent: "space-between"
                   },
                   children: /* @__PURE__ */ x.jsx(
-                    be,
+                    ge,
                     {
                       sx: {
                         display: "flex",
@@ -25970,7 +25987,7 @@ const iD = (e, t) => sd(e) ? new rD(t) : new oD(t, {
                 }
               ),
               /* @__PURE__ */ x.jsx(
-                be,
+                ge,
                 {
                   sx: {
                     display: "flex",
@@ -26071,7 +26088,7 @@ const N0 = ({ menuOpen: e, handleClose: t, onHideClick: n }) => {
       onClose: t,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       children: /* @__PURE__ */ x.jsx(
-        be,
+        ge,
         {
           sx: {
             p: "0.4rem 1rem",
@@ -26150,7 +26167,7 @@ const pD = Z((e) => /* @__PURE__ */ x.jsx(zu, { ...e }))(
       color: e.palette.primary.notifyTextColor,
       backgroundColor: e.palette.primary.notifyBackground,
       borderColor: e.palette.primary.notifyBorderColor,
-      padding: "0.8rem 1rem",
+      padding: "0.5rem 1rem",
       borderTopLeftRadius: "1.4rem",
       borderTopRightRadius: "1.4rem",
       textAlign: "center"
@@ -26158,7 +26175,7 @@ const pD = Z((e) => /* @__PURE__ */ x.jsx(zu, { ...e }))(
     [`&.${hc.body}`]: {
       color: e.palette.primary.notifyTextColor,
       borderColor: e.palette.primary.notifyBorderColor,
-      padding: "0.8rem 1rem",
+      padding: "0.5rem 1rem",
       textAlign: "center"
     }
   })
@@ -26232,7 +26249,7 @@ const fD = Z(Cb)(({ theme: e }) => ({
       role: "tabpanel",
       hidden: n !== o,
       ...r,
-      children: n === o && /* @__PURE__ */ x.jsx(be, { sx: { pl: "0.5rem", pb: "0.5rem" }, children: t })
+      children: n === o && /* @__PURE__ */ x.jsx(ge, { sx: { pl: "0.5rem", pb: "0.5rem" }, children: t })
     }
   );
 }, gD = Z(Bu)(({ theme: e }) => ({
@@ -26403,7 +26420,7 @@ const Gr = ({
           alignItems: "center"
         },
         ...n,
-        children: /* @__PURE__ */ x.jsx(be, { component: "img", src: e == null ? void 0 : e.icon })
+        children: /* @__PURE__ */ x.jsx(ge, { component: "img", src: e == null ? void 0 : e.icon })
       }
     );
   if (t)
@@ -26428,8 +26445,8 @@ const Gr = ({
             boxShadow: "none"
           }
         },
-        startIcon: (e == null ? void 0 : e.iconPosition) === "start" && /* @__PURE__ */ x.jsx(be, { component: "img", src: e == null ? void 0 : e.icon }),
-        endIcon: (e == null ? void 0 : e.iconPosition) === "end" && /* @__PURE__ */ x.jsx(be, { component: "img", src: e == null ? void 0 : e.icon }),
+        startIcon: (e == null ? void 0 : e.iconPosition) === "start" && /* @__PURE__ */ x.jsx(ge, { component: "img", src: e == null ? void 0 : e.icon }),
+        endIcon: (e == null ? void 0 : e.iconPosition) === "end" && /* @__PURE__ */ x.jsx(ge, { component: "img", src: e == null ? void 0 : e.icon }),
         ...n,
         children: /* @__PURE__ */ x.jsx(dn, { sx: { fontSize: "1.1rem" }, children: t })
       }
@@ -26473,7 +26490,7 @@ const Gr = ({
 }, ID = ({ defaultTools: e, isManageable: t, customTools: n }) => {
   var o, r, s, a, c, l, u;
   return bt(), xo(Gr), Ve(!1), /* @__PURE__ */ x.jsxs(
-    be,
+    ge,
     {
       sx: {
         margin: "1rem 0",
@@ -26486,7 +26503,7 @@ const Gr = ({
       },
       children: [
         /* @__PURE__ */ x.jsxs(
-          be,
+          ge,
           {
             sx: {
               display: "flex",
@@ -26509,7 +26526,7 @@ const Gr = ({
           }
         ),
         /* @__PURE__ */ x.jsx(
-          be,
+          ge,
           {
             sx: {
               display: "flex",
@@ -26521,7 +26538,7 @@ const Gr = ({
               width: "27rem"
             },
             children: /* @__PURE__ */ x.jsx(
-              be,
+              ge,
               {
                 sx: {
                   display: "flex",
@@ -26538,7 +26555,7 @@ const Gr = ({
           }
         ),
         /* @__PURE__ */ x.jsxs(
-          be,
+          ge,
           {
             sx: {
               display: "flex",
@@ -28444,7 +28461,7 @@ var i5 = function(t) {
 };
 const s5 = ({ count: e }) => (bt(), /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
   /* @__PURE__ */ x.jsx(
-    be,
+    ge,
     {
       sx: {
         gap: "0.5rem",
@@ -28521,9 +28538,9 @@ const hm = ({
   }, w = () => {
     switch (d) {
       case zs.REFRESH:
-        return /* @__PURE__ */ x.jsx(be, { component: "img", src: ln.Refresh, alt: "refresh", onClick: o, sx: { cursor: "pointer" } });
+        return /* @__PURE__ */ x.jsx(ge, { component: "img", src: ln.Refresh, alt: "refresh", onClick: o, sx: { cursor: "pointer" } });
       case zs.CLOSE:
-        return /* @__PURE__ */ x.jsx(be, { component: "img", src: ln.Close, alt: "refresh", onClick: r, sx: { cursor: "pointer" } });
+        return /* @__PURE__ */ x.jsx(ge, { component: "img", src: ln.Close, alt: "refresh", onClick: r, sx: { cursor: "pointer" } });
       default:
         return null;
     }
@@ -28542,7 +28559,7 @@ const hm = ({
       dialogType: !0,
       children: [
         /* @__PURE__ */ x.jsxs(
-          be,
+          ge,
           {
             sx: g === "notifcation-dialog" ? {
               gap: 1,
@@ -28558,7 +28575,7 @@ const hm = ({
               paddingBottom: 1.2
             },
             children: [
-              /* @__PURE__ */ x.jsxs(be, { className: "title-container", children: [
+              /* @__PURE__ */ x.jsxs(ge, { className: "title-container", children: [
                 /* @__PURE__ */ x.jsx(Vn, { variant: "h6", component: "h6", className: "title", children: e }),
                 t && /* @__PURE__ */ x.jsx(Vn, { variant: "h6", className: "title sub-title", children: t })
               ] }),
@@ -28568,7 +28585,7 @@ const hm = ({
         ),
         v ? /* @__PURE__ */ x.jsx(x.Fragment, { children: n }) : /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
           /* @__PURE__ */ x.jsx(
-            be,
+            ge,
             {
               sx: {
                 borderBottom: 1,
@@ -28579,7 +28596,7 @@ const hm = ({
                 yD,
                 {
                   label: /* @__PURE__ */ x.jsxs(
-                    be,
+                    ge,
                     {
                       sx: {
                         display: "flex",
@@ -28699,7 +28716,7 @@ const ay = ({
 }) => {
   var f, b;
   const g = bt(), m = (b = (f = JSON.parse(localStorage.getItem("settings"))) == null ? void 0 : f.platform) == null ? void 0 : b.theme;
-  return /* @__PURE__ */ x.jsxs(be, { className: "cards", children: [
+  return /* @__PURE__ */ x.jsxs(ge, { className: "cards", children: [
     /* @__PURE__ */ x.jsxs(Uo, { display: "flex", flexDirection: "row", alignItems: "start", justifyContent: "space-between", gap: 1, children: [
       s && /* @__PURE__ */ x.jsx(
         Nu,
@@ -28827,7 +28844,7 @@ const ly = ({ data: e, handleRead: t, handleShowDetails: n, clickId: o, mode: r,
     return f.current && v.observe(f.current), () => {
       f.current && v.unobserve(f.current);
     };
-  }, [p, g]), /* @__PURE__ */ x.jsxs(be, { sx: u.length ? {
+  }, [p, g]), /* @__PURE__ */ x.jsxs(ge, { sx: u.length ? {
     py: "0.5rem"
   } : {
     py: "0.5rem",
@@ -28856,7 +28873,7 @@ const ly = ({ data: e, handleRead: t, handleShowDetails: n, clickId: o, mode: r,
         C.id || I
       ))
     ] }, v)),
-    p && s > 1 && !!(u != null && u.length) && /* @__PURE__ */ x.jsx(be, { sx: {
+    p && s > 1 && !!(u != null && u.length) && /* @__PURE__ */ x.jsx(ge, { sx: {
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
@@ -28870,7 +28887,7 @@ const ly = ({ data: e, handleRead: t, handleShowDetails: n, clickId: o, mode: r,
       px: "0.8rem"
     }, children: "You don't have any unread notification here. Use the toggle to switch between read and unread notification." }),
     /* @__PURE__ */ x.jsx(
-      be,
+      ge,
       {
         ref: f,
         style: { height: "0.1rem", backgroundColor: "transparent" }
@@ -28901,7 +28918,7 @@ function vm(e, t) {
   }
   return n;
 }
-function ge(e) {
+function be(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? vm(Object(n), !0).forEach(function(o) {
@@ -28976,7 +28993,7 @@ function h5(e) {
   }, [h]), V = ht(function() {
     typeof p == "function" && p(), R(!1);
   }, [p]), L = c !== void 0 ? c : v, j = l !== void 0 ? l : y, $ = g !== void 0 ? g : P;
-  return ge(ge({}, m), {}, {
+  return be(be({}, m), {}, {
     inputValue: L,
     menuIsOpen: j,
     onChange: B,
@@ -29314,7 +29331,7 @@ var Em = function(t) {
 }, gy = function(t) {
   t.className, t.clearValue, t.cx, t.getStyles, t.getClassNames, t.getValue, t.hasValue, t.isMulti, t.isRtl, t.options, t.selectOption, t.selectProps, t.setValue, t.theme;
   var n = Un(t, j5);
-  return ge({}, n);
+  return be({}, n);
 }, pt = function(t, n, o) {
   var r = t.cx, s = t.getStyles, a = t.getClassNames, c = t.className;
   return {
@@ -29494,7 +29511,7 @@ var yy = function(t) {
   return t === "auto" ? "bottom" : t;
 }, eF = function(t, n) {
   var o, r = t.placement, s = t.theme, a = s.borderRadius, c = s.spacing, l = s.colors;
-  return ge((o = {
+  return be((o = {
     label: "menu"
   }, zr(o, Q5(r), "100%"), zr(o, "position", "absolute"), zr(o, "width", "100%"), zr(o, "zIndex", 1), o), n ? {} : {
     backgroundColor: l.neutral0,
@@ -29521,7 +29538,7 @@ var yy = function(t) {
     }
   }, [r, s, a, c, o, d, I]), n({
     ref: p,
-    placerProps: ge(ge({}, t), {}, {
+    placerProps: be(be({}, t), {}, {
       placement: S || yy(s),
       maxHeight: m
     })
@@ -29535,7 +29552,7 @@ var yy = function(t) {
   }, r), n);
 }, oF = nF, rF = function(t, n) {
   var o = t.maxHeight, r = t.theme.spacing.baseUnit;
-  return ge({
+  return be({
     maxHeight: o,
     overflowY: "auto",
     position: "relative",
@@ -29555,7 +29572,7 @@ var yy = function(t) {
   }, o), n);
 }, Cy = function(t, n) {
   var o = t.theme, r = o.spacing.baseUnit, s = o.colors;
-  return ge({
+  return be({
     textAlign: "center"
   }, n ? {} : {
     color: s.neutral40,
@@ -29563,7 +29580,7 @@ var yy = function(t) {
   });
 }, sF = Cy, aF = Cy, lF = function(t) {
   var n = t.children, o = n === void 0 ? "No options" : n, r = t.innerProps, s = Un(t, J5);
-  return he("div", T({}, pt(ge(ge({}, s), {}, {
+  return he("div", T({}, pt(be(be({}, s), {}, {
     children: o,
     innerProps: r
   }), "noOptionsMessage", {
@@ -29572,7 +29589,7 @@ var yy = function(t) {
   }), r), o);
 }, cF = function(t) {
   var n = t.children, o = n === void 0 ? "Loading..." : n, r = t.innerProps, s = Un(t, q5);
-  return he("div", T({}, pt(ge(ge({}, s), {}, {
+  return he("div", T({}, pt(be(be({}, s), {}, {
     children: o,
     innerProps: r
   }), "loadingMessage", {
@@ -29619,7 +29636,7 @@ var yy = function(t) {
   if (!n && c !== "fixed" || !v) return null;
   var R = he("div", T({
     ref: y
-  }, pt(ge(ge({}, t), {}, {
+  }, pt(be(be({}, t), {}, {
     offset: v.offset,
     position: c,
     rect: v.rect
@@ -29646,7 +29663,7 @@ var yy = function(t) {
   }), o), n);
 }, hF = function(t, n) {
   var o = t.theme.spacing, r = t.isMulti, s = t.hasValue, a = t.selectProps.controlShouldRenderValue;
-  return ge({
+  return be({
     alignItems: "center",
     display: r && s && a ? "flex" : "grid",
     flex: 1,
@@ -29712,7 +29729,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   }));
 }, Iy = function(t, n) {
   var o = t.isFocused, r = t.theme, s = r.spacing.baseUnit, a = r.colors;
-  return ge({
+  return be({
     label: "indicatorContainer",
     display: "flex",
     transition: "color 150ms"
@@ -29737,7 +29754,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   }), o), n || he(Gd, null));
 }, wF = function(t, n) {
   var o = t.isDisabled, r = t.theme, s = r.spacing.baseUnit, a = r.colors;
-  return ge({
+  return be({
     label: "indicatorSeparator",
     alignSelf: "stretch",
     width: 1
@@ -29756,7 +29773,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   40% { opacity: 1; }
 `]))), OF = function(t, n) {
   var o = t.isFocused, r = t.size, s = t.theme, a = s.colors, c = s.spacing.baseUnit;
-  return ge({
+  return be({
     label: "loadingIndicator",
     display: "flex",
     transition: "color 150ms",
@@ -29786,7 +29803,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   });
 }, PF = function(t) {
   var n = t.innerProps, o = t.isRtl, r = t.size, s = r === void 0 ? 4 : r, a = Un(t, yF);
-  return he("div", T({}, pt(ge(ge({}, a), {}, {
+  return he("div", T({}, pt(be(be({}, a), {}, {
     innerProps: n,
     isRtl: o,
     size: s
@@ -29805,7 +29822,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   }));
 }, NF = function(t, n) {
   var o = t.isDisabled, r = t.isFocused, s = t.theme, a = s.colors, c = s.borderRadius, l = s.spacing;
-  return ge({
+  return be({
     label: "control",
     alignItems: "center",
     cursor: "default",
@@ -29858,7 +29875,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   }), u), he("div", null, n));
 }, jF = function(t, n) {
   var o = t.theme, r = o.colors, s = o.spacing;
-  return ge({
+  return be({
     label: "group",
     cursor: "default",
     display: "block"
@@ -29880,7 +29897,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   }), o));
 }, LF = FF, $F = ["innerRef", "isDisabled", "isHidden", "inputClassName"], _F = function(t, n) {
   var o = t.isDisabled, r = t.value, s = t.theme, a = s.spacing, c = s.colors;
-  return ge(ge({
+  return be(be({
     visibility: o ? "hidden" : "visible",
     // force css to recompute when value change due to @emotion bug.
     // We can remove it whenever the bug is fixed.
@@ -29904,13 +29921,13 @@ var CF = process.env.NODE_ENV === "production" ? {
   display: "inline-grid",
   gridArea: "1 / 1 / 2 / 3",
   gridTemplateColumns: "0 min-content",
-  "&:after": ge({
+  "&:after": be({
     content: 'attr(data-value) " "',
     visibility: "hidden",
     whiteSpace: "pre"
   }, Sy)
 }, GF = function(t) {
-  return ge({
+  return be({
     label: "input",
     color: "inherit",
     background: 0,
@@ -29933,7 +29950,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   }, u)));
 }, HF = zF, XF = function(t, n) {
   var o = t.theme, r = o.spacing, s = o.borderRadius, a = o.colors;
-  return ge({
+  return be({
     label: "multiValue",
     display: "flex",
     minWidth: 0
@@ -29944,7 +29961,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   });
 }, UF = function(t, n) {
   var o = t.theme, r = o.borderRadius, s = o.colors, a = t.cropWithEllipsis;
-  return ge({
+  return be({
     overflow: "hidden",
     textOverflow: a || a === void 0 ? "ellipsis" : void 0,
     whiteSpace: "nowrap"
@@ -29957,7 +29974,7 @@ var CF = process.env.NODE_ENV === "production" ? {
   });
 }, ZF = function(t, n) {
   var o = t.theme, r = o.spacing, s = o.borderRadius, a = o.colors, c = t.isFocused;
-  return ge({
+  return be({
     alignItems: "center",
     display: "flex"
   }, n ? {} : {
@@ -29986,20 +30003,20 @@ var KF = function(t) {
   var n = t.children, o = t.components, r = t.data, s = t.innerProps, a = t.isDisabled, c = t.removeProps, l = t.selectProps, u = o.Container, d = o.Label, p = o.Remove;
   return he(u, {
     data: r,
-    innerProps: ge(ge({}, pt(t, "multiValue", {
+    innerProps: be(be({}, pt(t, "multiValue", {
       "multi-value": !0,
       "multi-value--is-disabled": a
     })), s),
     selectProps: l
   }, he(d, {
     data: r,
-    innerProps: ge({}, pt(t, "multiValueLabel", {
+    innerProps: be({}, pt(t, "multiValueLabel", {
       "multi-value__label": !0
     })),
     selectProps: l
   }, n), he(p, {
     data: r,
-    innerProps: ge(ge({}, pt(t, "multiValueRemove", {
+    innerProps: be(be({}, pt(t, "multiValueRemove", {
       "multi-value__remove": !0
     })), {}, {
       "aria-label": "Remove ".concat(n || "option")
@@ -30008,7 +30025,7 @@ var KF = function(t) {
   }));
 }, QF = KF, ej = function(t, n) {
   var o = t.isDisabled, r = t.isFocused, s = t.isSelected, a = t.theme, c = a.spacing, l = a.colors;
-  return ge({
+  return be({
     label: "option",
     cursor: "default",
     display: "block",
@@ -30038,7 +30055,7 @@ var KF = function(t) {
   }, c), n);
 }, nj = tj, oj = function(t, n) {
   var o = t.theme, r = o.spacing, s = o.colors;
-  return ge({
+  return be({
     label: "placeholder",
     gridArea: "1 / 1 / 2 / 3"
   }, n ? {} : {
@@ -30053,7 +30070,7 @@ var KF = function(t) {
   }), o), n);
 }, ij = rj, sj = function(t, n) {
   var o = t.isDisabled, r = t.theme, s = r.spacing, a = r.colors;
-  return ge({
+  return be({
     label: "singleValue",
     gridArea: "1 / 1 / 2 / 3",
     maxWidth: "100%",
@@ -30098,7 +30115,7 @@ var KF = function(t) {
   SingleValue: lj,
   ValueContainer: mF
 }, uj = function(t) {
-  return ge(ge({}, cj), t.components);
+  return be(be({}, cj), t.components);
 }, Rm = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
@@ -30196,13 +30213,13 @@ var mj = process.env.NODE_ENV === "production" ? {
   }
 }, vj = function(t) {
   var n = t.ariaSelection, o = t.focusedOption, r = t.focusedValue, s = t.focusableOptions, a = t.isFocused, c = t.selectValue, l = t.selectProps, u = t.id, d = t.isAppleDevice, p = l.ariaLiveMessages, h = l.getOptionLabel, g = l.inputValue, m = l.isMulti, f = l.isOptionDisabled, b = l.isSearchable, v = l.menuIsOpen, S = l.options, C = l.screenReaderStatus, I = l.tabSelectsValue, y = l.isLoading, R = l["aria-label"], w = l["aria-live"], A = Rn(function() {
-    return ge(ge({}, bj), p || {});
+    return be(be({}, bj), p || {});
   }, [p]), P = Rn(function() {
     var L = "";
     if (n && A.onChange) {
       var j = n.option, $ = n.options, k = n.removedValue, H = n.removedValues, M = n.value, G = function(ee) {
         return Array.isArray(ee) ? null : ee;
-      }, U = k || j || G(M), K = U ? h(U) : "", X = $ || H || void 0, Q = X ? X.map(h) : [], Y = ge({
+      }, U = k || j || G(M), K = U ? h(U) : "", X = $ || H || void 0, Q = X ? X.map(h) : [], Y = be({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: U && f(U, c),
@@ -30541,7 +30558,7 @@ var Ay = function(t) {
 }, Ej = function(t) {
   return function(n, o) {
     if (n.data.__isNew__) return !0;
-    var r = ge({
+    var r = be({
       ignoreCase: !0,
       ignoreAccents: !0,
       stringify: Tj,
@@ -31080,7 +31097,7 @@ var Fy = function(t) {
       return r.props.menuIsOpen ? r.buildFocusableOptions() : [];
     }, r.ariaOnChange = function(l, u) {
       r.setState({
-        ariaSelection: ge({
+        ariaSelection: be({
           value: l
         }, u)
       });
@@ -31375,7 +31392,7 @@ var Fy = function(t) {
       // Getters
       // ==============================
       function() {
-        return this.props.theme ? typeof this.props.theme == "function" ? this.props.theme(Xl) : ge(ge({}, Xl), this.props.theme) : Xl;
+        return this.props.theme ? typeof this.props.theme == "function" ? this.props.theme(Xl) : be(be({}, Xl), this.props.theme) : Xl;
       }
     )
   }, {
@@ -31488,7 +31505,7 @@ var Fy = function(t) {
       // Renderers
       // ==============================
       function() {
-        var r = this.props, s = r.isDisabled, a = r.isSearchable, c = r.inputId, l = r.inputValue, u = r.tabIndex, d = r.form, p = r.menuIsOpen, h = r.required, g = this.getComponents(), m = g.Input, f = this.state, b = f.inputIsHidden, v = f.ariaSelection, S = this.commonProps, C = c || this.getElementId("input"), I = ge(ge(ge({
+        var r = this.props, s = r.isDisabled, a = r.isSearchable, c = r.inputId, l = r.inputValue, u = r.tabIndex, d = r.form, p = r.menuIsOpen, h = r.required, g = this.getComponents(), m = g.Input, f = this.state, b = f.inputIsHidden, v = f.ariaSelection, S = this.commonProps, C = c || this.getElementId("input"), I = be(be(be({
           "aria-autocomplete": "list",
           "aria-expanded": p,
           "aria-haspopup": !0,
@@ -31862,7 +31879,7 @@ var Fy = function(t) {
         value: as(v, S, S[0] || null),
         options: S,
         action: "initial-input-focus"
-      }, B = !p), (u == null ? void 0 : u.action) === "initial-input-focus" && (N = null), ge(ge(ge({}, C), P), {}, {
+      }, B = !p), (u == null ? void 0 : u.action) === "initial-input-focus" && (N = null), be(be(be({}, C), P), {}, {
         prevProps: r,
         ariaSelection: N,
         prevWasFocused: B
@@ -31996,7 +32013,7 @@ const i4 = ({
 };
 function s4({ ...e }) {
   return /* @__PURE__ */ x.jsxs(
-    be,
+    ge,
     {
       sx: {
         border: (t) => `1px solid ${t.palette.primary.notifyBorderColor}`,
@@ -32007,7 +32024,7 @@ function s4({ ...e }) {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ x.jsx(Ai, { type: "button", "aria-label": "search", children: /* @__PURE__ */ x.jsx(be, { component: "img", src: ln.Search, alt: "search" }) }),
+        /* @__PURE__ */ x.jsx(Ai, { type: "button", "aria-label": "search", children: /* @__PURE__ */ x.jsx(ge, { component: "img", src: ln.Search, alt: "search" }) }),
         /* @__PURE__ */ x.jsx(
           Ra,
           {
@@ -32032,7 +32049,7 @@ const a4 = ({
 }) => {
   const s = bt();
   return /* @__PURE__ */ x.jsxs(
-    be,
+    ge,
     {
       sx: {
         display: "flex",
@@ -32040,7 +32057,7 @@ const a4 = ({
       },
       children: [
         /* @__PURE__ */ x.jsxs(
-          be,
+          ge,
           {
             sx: {
               zIndex: 10,
@@ -32050,7 +32067,7 @@ const a4 = ({
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ x.jsx(be, { sx: {
+              /* @__PURE__ */ x.jsx(ge, { sx: {
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center"
@@ -32069,7 +32086,7 @@ const a4 = ({
                 }
               ) }),
               /* @__PURE__ */ x.jsx(
-                be,
+                ge,
                 {
                   sx: {
                     display: "flex",
@@ -32079,14 +32096,14 @@ const a4 = ({
                     justifyContent: "space-between"
                   },
                   children: /* @__PURE__ */ x.jsx(
-                    be,
+                    ge,
                     {
                       sx: {
                         display: "flex",
                         flexDirection: "row",
                         width: "5.5rem"
                       },
-                      children: /* @__PURE__ */ x.jsx(be, { sx: { position: "relative", flexShrink: 0 }, children: /* @__PURE__ */ x.jsx(
+                      children: /* @__PURE__ */ x.jsx(ge, { sx: { position: "relative", flexShrink: 0 }, children: /* @__PURE__ */ x.jsx(
                         Va,
                         {
                           label: 10,
@@ -32097,7 +32114,7 @@ const a4 = ({
                   )
                 }
               ),
-              /* @__PURE__ */ x.jsx(be, { sx: {
+              /* @__PURE__ */ x.jsx(ge, { sx: {
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center"
@@ -32263,7 +32280,7 @@ const a4 = ({
       ] }, l)) }) })
     ] });
   }, [e]);
-  return /* @__PURE__ */ x.jsx(be, { className: "scai-common-component-table-container", children: /* @__PURE__ */ x.jsx(c4, { children: r() }) });
+  return /* @__PURE__ */ x.jsx(ge, { className: "scai-common-component-table-container", children: /* @__PURE__ */ x.jsx(c4, { children: r() }) });
 }, d4 = ({ loading: e, isEmpty: t, data: n, subTitle: o }) => {
   const [r, s] = Ve(""), [a, c] = Ve(1), [l, u] = Ve(10), [d, p] = Ve(0), [h, g] = Ve([]), [m, f] = Ve(!1), [b, v] = Ve(""), S = bt(), { showMoreRowsJSX: C } = i4({
     rowLength: l,
@@ -32310,7 +32327,7 @@ const a4 = ({
           borderBottom: `0.1rem solid ${S.palette.primary.notifyBorderColor}`
         },
         children: /* @__PURE__ */ x.jsx(
-          be,
+          ge,
           {
             sx: e || t ? {
               position: "relative",
@@ -32320,7 +32337,7 @@ const a4 = ({
               alignItems: "center"
             } : {},
             children: e ? /* @__PURE__ */ x.jsx(Ni, { size: 30, className: "circular-loader" }) : t ? /* @__PURE__ */ x.jsx(dn, { className: "no-record", children: bn.NRF }) : /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
-              /* @__PURE__ */ x.jsxs(be, { className: "sticky-input-select", sx: { gap: 1, backgroundColor: S.palette.primary.notifyBackground }, children: [
+              /* @__PURE__ */ x.jsxs(ge, { className: "sticky-input-select", sx: { gap: 1, backgroundColor: S.palette.primary.notifyBackground }, children: [
                 /* @__PURE__ */ x.jsx(
                   s4,
                   {
@@ -32496,9 +32513,9 @@ const a4 = ({
       t({ type: tt.LOADING, loading: !1 });
     }
   };
-  return /* @__PURE__ */ x.jsxs(be, { children: [
+  return /* @__PURE__ */ x.jsxs(ge, { children: [
     /* @__PURE__ */ x.jsx(
-      be,
+      ge,
       {
         sx: {
           display: "flex",
@@ -32534,7 +32551,7 @@ const a4 = ({
           borderTop: "none",
           borderBottom: `0.1rem solid ${R.palette.primary.notifyBorderColor}`
         }, children: /* @__PURE__ */ x.jsx(
-          be,
+          ge,
           {
             sx: n || y ? {
               display: "flex",