@movable/ui 3.20.1 → 3.20.3

package/lib/index.mjs

@@ -123,14 +123,14 @@ function Vf() {
         }
       return null;
     }
-    var W = Object.assign, D = 0, N, q, K, B, $, U, ie;
+    var W = Object.assign, D = 0, N, q, K, F, $, U, ie;
     function re() {
     }
     re.__reactDisabledLog = !0;
     function Z() {
       {
         if (D === 0) {
-          N = console.log, q = console.info, K = console.warn, B = console.error, $ = console.group, U = console.groupCollapsed, ie = console.groupEnd;
+          N = console.log, q = console.info, K = console.warn, F = console.error, $ = console.group, U = console.groupCollapsed, ie = console.groupEnd;
           var E = {
             configurable: !0,
             enumerable: !0,
@@ -169,7 +169,7 @@ function Vf() {
               value: K
             }),
             error: W({}, E, {
-              value: B
+              value: F
             }),
             group: W({}, E, {
               value: $
@@ -734,7 +734,7 @@ function Hf() {
       }
     }
     var S = c, P = u, I = l, L = s, M = t, y = d, R = o, j = b, A = g, W = r, D = a, N = i, q = h, K = !1;
-    function B(z) {
+    function F(z) {
       return K || (K = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), $(z) || x(z) === c;
     }
     function $(z) {
@@ -773,7 +773,7 @@ function Hf() {
     function ce(z) {
       return x(z) === h;
     }
-    Ge.AsyncMode = S, Ge.ConcurrentMode = P, Ge.ContextConsumer = I, Ge.ContextProvider = L, Ge.Element = M, Ge.ForwardRef = y, Ge.Fragment = R, Ge.Lazy = j, Ge.Memo = A, Ge.Portal = W, Ge.Profiler = D, Ge.StrictMode = N, Ge.Suspense = q, Ge.isAsyncMode = B, Ge.isConcurrentMode = $, Ge.isContextConsumer = U, Ge.isContextProvider = ie, Ge.isElement = re, Ge.isForwardRef = Z, Ge.isFragment = Y, Ge.isLazy = ne, Ge.isMemo = ae, Ge.isPortal = Q, Ge.isProfiler = oe, Ge.isStrictMode = te, Ge.isSuspense = ce, Ge.isValidElementType = v, Ge.typeOf = x;
+    Ge.AsyncMode = S, Ge.ConcurrentMode = P, Ge.ContextConsumer = I, Ge.ContextProvider = L, Ge.Element = M, Ge.ForwardRef = y, Ge.Fragment = R, Ge.Lazy = j, Ge.Memo = A, Ge.Portal = W, Ge.Profiler = D, Ge.StrictMode = N, Ge.Suspense = q, Ge.isAsyncMode = F, Ge.isConcurrentMode = $, Ge.isContextConsumer = U, Ge.isContextProvider = ie, Ge.isElement = re, Ge.isForwardRef = Z, Ge.isFragment = Y, Ge.isLazy = ne, Ge.isMemo = ae, Ge.isPortal = Q, Ge.isProfiler = oe, Ge.isStrictMode = te, Ge.isSuspense = ce, Ge.isValidElementType = v, Ge.typeOf = x;
   })()), Ge;
 }
 var il;
@@ -1021,7 +1021,7 @@ function qf() {
     function P($) {
       function U(ie, re, Z, Y, ne) {
         if (!(ie[re] instanceof $)) {
-          var ae = $.name || m, Q = B(ie[re]);
+          var ae = $.name || m, Q = F(ie[re]);
           return new f("Invalid " + Y + " `" + ne + "` of type " + ("`" + Q + "` supplied to `" + Z + "`, expected ") + ("instance of `" + ae + "`."));
         }
         return null;
@@ -1201,7 +1201,7 @@ Valid keys: ` + JSON.stringify(Object.keys($), null, "  ")
           return U;
       }
     }
-    function B($) {
+    function F($) {
       return !$.constructor || !$.constructor.name ? m : $.constructor.name;
     }
     return g.checkPropTypes = i, g.resetWarningCache = i.resetWarningCache, g.PropTypes = g, g;
@@ -2119,7 +2119,7 @@ function Sh(e) {
     onInputChange: N,
     onOpen: q,
     open: K,
-    openOnFocus: B = !1,
+    openOnFocus: F = !1,
     options: $,
     readOnly: U = !1,
     selectOnFocus: ie = !e.freeSolo,
@@ -2447,7 +2447,7 @@ function Sh(e) {
           break;
       }
   }, Gr = (_) => {
-    ue(!0), B && !ne.current && xt(_);
+    ue(!0), F && !ne.current && xt(_);
   }, Pn = (_) => {
     if (t(oe)) {
       Q.current.focus();
@@ -3148,14 +3148,14 @@ function cm(e) {
         padding: u
       }), q = W ? A ? sn : Ht : A ? an : Ut;
       S[D] > P[D] && (q = li(q));
-      var K = li(q), B = [];
-      if (a && B.push(N[j] <= 0), l && B.push(N[q] <= 0, N[K] <= 0), B.every(function(Z) {
+      var K = li(q), F = [];
+      if (a && F.push(N[j] <= 0), l && F.push(N[q] <= 0, N[K] <= 0), F.every(function(Z) {
         return Z;
       })) {
         M = R, L = !1;
         break;
       }
-      I.set(R, B);
+      I.set(R, F);
     }
     if (L)
       for (var $ = b ? 3 : 1, U = function(Y) {
@@ -3287,10 +3287,10 @@ function vm(e) {
   };
   if (P) {
     if (a) {
-      var A, W = x === "y" ? Ut : Ht, D = x === "y" ? an : sn, N = x === "y" ? "height" : "width", q = P[x], K = q + T[W], B = q - T[D], $ = g ? -L[N] / 2 : 0, U = O === $r ? I[N] : L[N], ie = O === $r ? -L[N] : -I[N], re = t.elements.arrow, Z = g && re ? ws(re) : {
+      var A, W = x === "y" ? Ut : Ht, D = x === "y" ? an : sn, N = x === "y" ? "height" : "width", q = P[x], K = q + T[W], F = q - T[D], $ = g ? -L[N] / 2 : 0, U = O === $r ? I[N] : L[N], ie = O === $r ? -L[N] : -I[N], re = t.elements.arrow, Z = g && re ? ws(re) : {
         width: 0,
         height: 0
-      }, Y = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : zu(), ne = Y[W], ae = Y[D], Q = go(0, I[N], Z[N]), oe = v ? I[N] / 2 - $ - Q - ne - y.mainAxis : U - Q - ne - y.mainAxis, te = v ? -I[N] / 2 + $ + Q + ae + y.mainAxis : ie + Q + ae + y.mainAxis, ce = t.elements.arrow && Do(t.elements.arrow), z = ce ? x === "y" ? ce.clientTop || 0 : ce.clientLeft || 0 : 0, Se = (A = R?.[x]) != null ? A : 0, me = q + oe - Se - z, ge = q + te - Se, ze = go(g ? pi(K, me) : K, q, g ? or(B, ge) : B);
+      }, Y = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : zu(), ne = Y[W], ae = Y[D], Q = go(0, I[N], Z[N]), oe = v ? I[N] / 2 - $ - Q - ne - y.mainAxis : U - Q - ne - y.mainAxis, te = v ? -I[N] / 2 + $ + Q + ae + y.mainAxis : ie + Q + ae + y.mainAxis, ce = t.elements.arrow && Do(t.elements.arrow), z = ce ? x === "y" ? ce.clientTop || 0 : ce.clientLeft || 0 : 0, Se = (A = R?.[x]) != null ? A : 0, me = q + oe - Se - z, ge = q + te - Se, ze = go(g ? pi(K, me) : K, q, g ? or(F, ge) : F);
       P[x] = ze, j[x] = ze - q;
     }
     if (l) {
@@ -5675,7 +5675,7 @@ function Rb(e = {}) {
       columnSpacing: y = L,
       unstable_level: R = 0,
       ...j
-    } = b, A = s(P, m.breakpoints, (U) => U !== !1), W = s(I, m.breakpoints), D = d.columns ?? (R ? void 0 : w), N = d.spacing ?? (R ? void 0 : L), q = d.rowSpacing ?? d.spacing ?? (R ? void 0 : M), K = d.columnSpacing ?? d.spacing ?? (R ? void 0 : y), B = {
+    } = b, A = s(P, m.breakpoints, (U) => U !== !1), W = s(I, m.breakpoints), D = d.columns ?? (R ? void 0 : w), N = d.spacing ?? (R ? void 0 : L), q = d.rowSpacing ?? d.spacing ?? (R ? void 0 : M), K = d.columnSpacing ?? d.spacing ?? (R ? void 0 : y), F = {
       ...b,
       level: R,
       columns: D,
@@ -5687,11 +5687,11 @@ function Rb(e = {}) {
       columnSpacing: K,
       size: A,
       offset: W
-    }, $ = a(B, m);
+    }, $ = a(F, m);
     return /* @__PURE__ */ p.jsx(l, {
       ref: h,
       as: v,
-      ownerState: B,
+      ownerState: F,
       className: le($.root, f),
       ...j,
       children: C.Children.map(T, (U) => /* @__PURE__ */ C.isValidElement(U) && Or(U, ["Grid"]) && O && U.props.container ? /* @__PURE__ */ C.cloneElement(U, {
@@ -8505,19 +8505,19 @@ const Uy = Re("MuiButtonBase", ["root", "disabled", "focusVisible"]), Hy = (e) =
     touchRippleRef: D,
     type: N,
     ...q
-  } = o, K = C.useRef(null), B = Py(), $ = bt(B.ref, D), [U, ie] = C.useState(!1);
+  } = o, K = C.useRef(null), F = Py(), $ = bt(F.ref, D), [U, ie] = C.useState(!1);
   u && U && ie(!1), C.useImperativeHandle(i, () => ({
     focusVisible: () => {
       ie(!0), K.current.focus();
     }
   }), []);
-  const re = B.shouldMount && !d && !u;
+  const re = F.shouldMount && !d && !u;
   C.useEffect(() => {
-    U && m && !d && B.pulsate();
-  }, [d, m, U, B]);
-  const Z = kn(B, "start", I, h), Y = kn(B, "stop", w, h), ne = kn(B, "stop", O, h), ae = kn(B, "stop", M, h), Q = kn(B, "stop", (ue) => {
+    U && m && !d && F.pulsate();
+  }, [d, m, U, F]);
+  const Z = kn(F, "start", I, h), Y = kn(F, "stop", w, h), ne = kn(F, "stop", O, h), ae = kn(F, "stop", M, h), Q = kn(F, "stop", (ue) => {
     U && ue.preventDefault(), L && L(ue);
-  }, h), oe = kn(B, "start", j, h), te = kn(B, "stop", y, h), ce = kn(B, "stop", R, h), z = kn(B, "stop", (ue) => {
+  }, h), oe = kn(F, "start", j, h), te = kn(F, "stop", y, h), ce = kn(F, "stop", R, h), z = kn(F, "stop", (ue) => {
     di(ue.target) || ie(!1), f && f(ue);
   }, !1), Se = Jt((ue) => {
     K.current || (K.current = ue.currentTarget), di(ue.target) && (ie(!0), x && x(ue)), v && v(ue);
@@ -8525,12 +8525,12 @@ const Uy = Re("MuiButtonBase", ["root", "disabled", "focusVisible"]), Hy = (e) =
     const ue = K.current;
     return c && c !== "button" && !(ue.tagName === "A" && ue.href);
   }, ge = Jt((ue) => {
-    m && !ue.repeat && U && ue.key === " " && B.stop(ue, () => {
-      B.start(ue);
+    m && !ue.repeat && U && ue.key === " " && F.stop(ue, () => {
+      F.start(ue);
     }), ue.target === ue.currentTarget && me() && ue.key === " " && ue.preventDefault(), S && S(ue), ue.target === ue.currentTarget && me() && ue.key === "Enter" && !u && (ue.preventDefault(), T && T(ue));
   }), ze = Jt((ue) => {
-    m && ue.key === " " && U && !ue.defaultPrevented && B.stop(ue, () => {
-      B.pulsate(ue);
+    m && ue.key === " " && U && !ue.defaultPrevented && F.stop(ue, () => {
+      F.pulsate(ue);
     }), P && P(ue), T && ue.target === ue.currentTarget && me() && ue.key === " " && !ue.defaultPrevented && T(ue);
   });
   let se = c;
@@ -9608,12 +9608,12 @@ const bd = /* @__PURE__ */ C.forwardRef(function(t, r) {
     skipFocusWhenDisabled: x = !1,
     // TODO v6: Rename to `focusableWhenDisabled`.
     ...S
-  } = o, P = C.useRef(null), I = bt(P, r), L = (B) => {
-    B.stopPropagation(), b && b(B);
-  }, M = (B) => {
-    B.currentTarget === B.target && ec(B) && B.preventDefault(), f && f(B);
-  }, y = (B) => {
-    B.currentTarget === B.target && b && ec(B) && b(B), T && T(B);
+  } = o, P = C.useRef(null), I = bt(P, r), L = (F) => {
+    F.stopPropagation(), b && b(F);
+  }, M = (F) => {
+    F.currentTarget === F.target && ec(F) && F.preventDefault(), f && f(F);
+  }, y = (F) => {
+    F.currentTarget === F.target && b && ec(F) && b(F), T && T(F);
   }, R = s !== !1 && g ? !0 : s, j = R || b ? Lr : c || "div", A = {
     ...o,
     component: j,
@@ -10182,7 +10182,7 @@ const Gi = (e, t) => {
     placeholder: N,
     readOnly: q,
     renderSuffix: K,
-    rows: B,
+    rows: F,
     size: $,
     slotProps: U = {},
     slots: ie = {},
@@ -10238,10 +10238,10 @@ const Gi = (e, t) => {
     oe.current && be.currentTarget === be.target && oe.current.focus(), j && j(be);
   };
   let lt = O, Be = v;
-  L && lt === "input" && (B ? (process.env.NODE_ENV !== "production" && (I || P) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), Be = {
+  L && lt === "input" && (F ? (process.env.NODE_ENV !== "production" && (I || P) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), Be = {
     type: void 0,
-    minRows: B,
-    maxRows: B,
+    minRows: F,
+    maxRows: F,
     ...Be
   }) : Be = {
     type: void 0,
@@ -10305,7 +10305,7 @@ const Gi = (e, t) => {
           placeholder: N,
           readOnly: q,
           required: ge.required,
-          rows: B,
+          rows: F,
           value: ae,
           onKeyDown: W,
           onKeyUp: D,
@@ -11031,7 +11031,7 @@ const y0 = (e) => {
     isOptionEqualToValue: N,
     groupBy: q,
     handleHomeEndKeys: K = !o.freeSolo,
-    id: B,
+    id: F,
     includeInputInList: $ = !1,
     inputValue: U,
     limitTags: ie = -1,
@@ -11863,25 +11863,27 @@ const Cd = (e) => {
     children: ds.map(r.children, (o) => wd(o, t))
   }) : e;
 };
-function LE({ Title: e, Content: t, Actions: r, onClose: o, hideCloseButton: i, ActionsProp: a, ...s }) {
-  let l = r;
+function LE({ Title: e, Content: t, Actions: r, onClose: o, hideCloseButton: i, ActionsProp: a, children: s, ...l }) {
+  t !== void 0 && s !== void 0 && console.warn("InkDialog: both `Content` prop and `children` were provided. `Content` will take precedence.");
+  const c = t ?? s;
+  let u = r;
   if (r) {
-    const u = Cd(r);
-    if (u.length > 1) {
-      const d = u[u.length - 1];
-      l = Pt.Children.map(r, (h) => wd(h, d));
+    const h = Cd(r);
+    if (h.length > 1) {
+      const m = h[h.length - 1];
+      u = Pt.Children.map(r, (g) => wd(g, m));
     }
   }
-  const c = (u) => {
-    u.stopPropagation();
+  const d = (h) => {
+    h.stopPropagation();
   };
-  return p.jsxs(Wp, { ...s, onClose: o, "data-test": "ink-dialog", onMouseMove: c, onMouseDown: c, onMouseUp: c, onClick: c, children: [!i && p.jsx(zr, { onClick: o, "data-test": "ink-dialog-close", sx: {
+  return p.jsxs(Wp, { ...l, onClose: o, "data-test": "ink-dialog", onMouseMove: d, onMouseDown: d, onMouseUp: d, onClick: d, children: [!i && p.jsx(zr, { onClick: o, "data-test": "ink-dialog-close", sx: {
     position: "absolute",
     top: "16px",
     right: "15px",
     p: "4px",
-    color: (u) => u.palette.grey[500]
-  }, children: p.jsx(qn, { children: "close_filled" }) }), typeof e != "string" ? p.jsx(p.Fragment, { children: e }) : p.jsx(Up, { "data-test": "ink-dialog-title", children: p.jsxs(De, { direction: "row", alignItems: "center", children: [a?.primary?.variant && p.jsx(A0, { variant: a.primary.variant }), p.jsx(Ct, { variant: "h6", children: p.jsx("strong", { children: e }) })] }) }), t, l, a && p.jsxs(Hp, { sx: { m: 1 }, children: [a.cancel && p.jsx(Rt, { "data-test": "ink-dialog-cancel-action", onClick: a.cancel.onClick, children: a.cancel?.label }), a.secondary && p.jsx(Rt, { "data-test": "ink-dialog-secondary-action", color: a.secondary?.variant === "destructive" ? "error" : "primary", disabled: a.secondary.disabled || a.secondary.loading, ...a.secondary, variant: a.secondary?.variant ? "contained" : "text", loadingPosition: "end", children: a.secondary?.label }), a.primary && p.jsx(Rt, { "data-test": "ink-dialog-primary-action", color: a.primary?.variant === "destructive" ? "error" : "primary", disabled: a.primary.disabled || a.primary.loading, ...a.primary, variant: "contained", loadingPosition: "end", children: a.primary?.label })] })] });
+    color: (h) => h.palette.grey[500]
+  }, children: p.jsx(qn, { children: "close_filled" }) }), typeof e != "string" ? p.jsx(p.Fragment, { children: e }) : p.jsx(Up, { "data-test": "ink-dialog-title", children: p.jsxs(De, { direction: "row", alignItems: "center", children: [a?.primary?.variant && p.jsx(A0, { variant: a.primary.variant }), p.jsx(Ct, { variant: "h6", children: p.jsx("strong", { children: e }) })] }) }), c, u, a && p.jsxs(Hp, { sx: { m: 1 }, children: [a.cancel && p.jsx(Rt, { "data-test": "ink-dialog-cancel-action", onClick: a.cancel.onClick, children: a.cancel?.label }), a.secondary && p.jsx(Rt, { "data-test": "ink-dialog-secondary-action", color: a.secondary?.variant === "destructive" ? "error" : "primary", disabled: a.secondary.disabled || a.secondary.loading, ...a.secondary, variant: a.secondary?.variant ? "contained" : "text", loadingPosition: "end", children: a.secondary?.label }), a.primary && p.jsx(Rt, { "data-test": "ink-dialog-primary-action", color: a.primary?.variant === "destructive" ? "error" : "primary", disabled: a.primary.disabled || a.primary.loading, ...a.primary, variant: "contained", loadingPosition: "end", children: a.primary?.label })] })] });
 }
 const Sd = 280, M0 = cu(Xe, { shouldForwardProp: (e) => e !== "open" })(({ theme: e, open: t }) => ({
   flexGrow: 1,
@@ -13899,7 +13901,7 @@ const Sv = {
     const {
       duration: q,
       delay: K,
-      easing: B
+      easing: F
     } = _r({
       style: b,
       timeout: f,
@@ -13914,7 +13916,7 @@ const Sv = {
     }), x.transitions.create("transform", {
       duration: Ca ? $ : $ * 0.666,
       delay: K,
-      easing: B
+      easing: F
     })].join(","), c && c(D, N);
   }), y = I(u), R = I(g), j = I((D) => {
     const {
@@ -13928,13 +13930,13 @@ const Sv = {
     }, {
       mode: "exit"
     });
-    let B;
-    f === "auto" ? (B = x.transitions.getAutoHeightDuration(D.clientHeight), v.current = B) : B = N, D.style.transition = [x.transitions.create("opacity", {
-      duration: B,
+    let F;
+    f === "auto" ? (F = x.transitions.getAutoHeightDuration(D.clientHeight), v.current = F) : F = N, D.style.transition = [x.transitions.create("opacity", {
+      duration: F,
       delay: q
     }), x.transitions.create("transform", {
-      duration: Ca ? B : B * 0.666,
-      delay: Ca ? q : q || B * 0.333,
+      duration: Ca ? F : F * 0.666,
+      delay: Ca ? q : q || F * 0.333,
       easing: K
     })].join(","), D.style.opacity = 0, D.style.transform = Za(0.75), h && h(D);
   }), A = I(m), W = (D) => {
@@ -14359,7 +14361,7 @@ const kd = /* @__PURE__ */ C.forwardRef(function(t, r) {
     ...N
   } = o, q = /* @__PURE__ */ C.isValidElement(a) ? a : /* @__PURE__ */ p.jsx("span", {
     children: a
-  }), K = hr(), B = xs(), [$, U] = C.useState(), [ie, re] = C.useState(null), Z = C.useRef(!1), Y = m || w, ne = wr(), ae = wr(), Q = wr(), oe = wr(), [te, ce] = Un({
+  }), K = hr(), F = xs(), [$, U] = C.useState(), [ie, re] = C.useState(null), Z = C.useRef(!1), Y = m || w, ne = wr(), ae = wr(), Q = wr(), oe = wr(), [te, ce] = Un({
     controlled: I,
     default: !1,
     name: "Tooltip",
@@ -14457,7 +14459,7 @@ const kd = /* @__PURE__ */ C.forwardRef(function(t, r) {
 `));
   const rt = {
     ...o,
-    isRtl: B,
+    isRtl: F,
     arrow: i,
     disableInteractive: Y,
     placement: L,
@@ -16112,7 +16114,7 @@ const nx = (e) => {
     disabled: N,
     disableFocusRipple: c,
     edge: u
-  }, B = nx(K), $ = {
+  }, F = nx(K), $ = {
     slots: I,
     slotProps: {
       input: m,
@@ -16121,7 +16123,7 @@ const nx = (e) => {
   }, [U, ie] = $e("root", {
     ref: r,
     elementType: rx,
-    className: B.root,
+    className: F.root,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       ...$,
@@ -16148,7 +16150,7 @@ const nx = (e) => {
   }), [re, Z] = $e("input", {
     ref: g,
     elementType: ox,
-    className: B.input,
+    className: F.input,
     externalForwardedProps: $,
     getSlotProps: (Y) => ({
       onChange: (ne) => {
@@ -20456,7 +20458,7 @@ const PT = (e) => {
     getRootProps: N,
     getBackdropProps: q,
     getTransitionProps: K,
-    portalRef: B,
+    portalRef: F,
     isTopModal: $,
     exited: U,
     hasTransition: ie
@@ -20511,7 +20513,7 @@ const PT = (e) => {
     ownerState: re
   });
   return !S && !y && (!ie || U) ? null : /* @__PURE__ */ p.jsx(Eo, {
-    ref: B,
+    ref: F,
     container: d,
     disablePortal: w,
     children: /* @__PURE__ */ p.jsxs(ae, {
@@ -20877,7 +20879,7 @@ const IT = (e) => {
       te.clear(), ce.removeEventListener("resize", te);
     };
   }, [a, b, N]);
-  let B = x;
+  let F = x;
   const $ = {
     slots: {
       transition: v,
@@ -20906,7 +20908,7 @@ const IT = (e) => {
       in: b
     }
   });
-  x === "auto" && !U.muiSupportAuto && (B = void 0);
+  x === "auto" && !U.muiSupportAuto && (F = void 0);
   const re = h || (a ? Zt(ho(a)).body : void 0), [Z, {
     slots: Y,
     slotProps: ne,
@@ -20956,7 +20958,7 @@ const IT = (e) => {
     },
     children: /* @__PURE__ */ p.jsx(U, {
       ...ie,
-      timeout: B,
+      timeout: F,
       children: /* @__PURE__ */ p.jsx(Q, {
         ...oe,
         children: u
@@ -21238,17 +21240,17 @@ const MT = {
     transitionDuration: g,
     TransitionProps: f,
     variant: T
-  }, P = LT(S), I = i && !l && d, L = C.useRef(null), M = (B, $) => {
-    L.current && L.current.adjustStyleForScrollbar(B, {
+  }, P = LT(S), I = i && !l && d, L = C.useRef(null), M = (F, $) => {
+    L.current && L.current.adjustStyleForScrollbar(F, {
       direction: x ? "rtl" : "ltr"
-    }), b && b(B, $);
-  }, y = (B) => {
-    B.key === "Tab" && (B.preventDefault(), u && u(B, "tabKeyDown"));
+    }), b && b(F, $);
+  }, y = (F) => {
+    F.key === "Tab" && (F.preventDefault(), u && u(F, "tabKeyDown"));
   };
   let R = -1;
-  C.Children.map(a, (B, $) => {
-    /* @__PURE__ */ C.isValidElement(B) && (process.env.NODE_ENV !== "production" && ar.isFragment(B) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), B.props.disabled || (T === "selectedMenu" && B.props.selected || R === -1) && (R = $));
+  C.Children.map(a, (F, $) => {
+    /* @__PURE__ */ C.isValidElement(F) && (process.env.NODE_ENV !== "production" && ar.isFragment(F) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), F.props.disabled || (T === "selectedMenu" && F.props.selected || R === -1) && (R = $));
   });
   const j = {
     slots: w,
@@ -21274,10 +21276,10 @@ const MT = {
     elementType: BT,
     shouldForwardComponentProp: !0,
     externalForwardedProps: j,
-    getSlotProps: (B) => ({
-      ...B,
+    getSlotProps: (F) => ({
+      ...F,
       onKeyDown: ($) => {
-        y($), B.onKeyDown?.($);
+        y($), F.onKeyDown?.($);
       }
     }),
     ownerState: S
@@ -21304,8 +21306,8 @@ const MT = {
       backdrop: typeof O.backdrop == "function" ? O.backdrop(S) : O.backdrop,
       transition: {
         ...K,
-        onEntering: (...B) => {
-          M(...B), K?.onEntering?.(...B);
+        onEntering: (...F) => {
+          M(...F), K?.onEntering?.(...F);
         }
       }
     },
@@ -21777,7 +21779,7 @@ const YT = (e) => {
     value: N,
     variant: q = "standard",
     ...K
-  } = t, [B, $] = Un({
+  } = t, [F, $] = Un({
     controlled: N,
     default: d,
     name: "Select"
@@ -21795,8 +21797,8 @@ const YT = (e) => {
       Z.current.focus();
     },
     node: re.current,
-    value: B
-  }), [B]), C.useEffect(() => {
+    value: F
+  }), [F]), C.useEffect(() => {
     u && U && Y && !ae && (oe(s ? null : z.clientWidth), Z.current.focus());
   }, [Y, s]), C.useEffect(() => {
     a && Z.current.focus();
@@ -21826,12 +21828,12 @@ const YT = (e) => {
     let tt;
     if (Te.currentTarget.hasAttribute("tabindex")) {
       if (O) {
-        tt = Array.isArray(B) ? B.slice() : [];
-        const mt = B.indexOf(de.props.value);
+        tt = Array.isArray(F) ? F.slice() : [];
+        const mt = F.indexOf(de.props.value);
         mt === -1 ? tt.push(de.props.value) : tt.splice(mt, 1);
       } else
         tt = de.props.value;
-      if (de.props.onClick && de.props.onClick(Te), B !== tt && ($(tt), S)) {
+      if (de.props.onClick && de.props.onClick(Te), F !== tt && ($(tt), S)) {
         const mt = Te.nativeEvent || Te, cn = new mt.constructor(mt.type, mt);
         Object.defineProperty(cn, "target", {
           writable: !0,
@@ -21856,7 +21858,7 @@ const YT = (e) => {
     !Le && x && (Object.defineProperty(de, "target", {
       writable: !0,
       value: {
-        value: B,
+        value: F,
         name: v
       }
     }), x(de));
@@ -21866,8 +21868,8 @@ const YT = (e) => {
   const Be = [];
   let vt = !1, Et = !1;
   (Ti({
-    value: B
-  }) || m) && (R ? ue = R(B) : vt = !0);
+    value: F
+  }) || m) && (R ? ue = R(F) : vt = !0);
   const ht = ze.map((de) => {
     if (!/* @__PURE__ */ C.isValidElement(de))
       return null;
@@ -21875,11 +21877,11 @@ const YT = (e) => {
 `));
     let Te;
     if (O) {
-      if (!Array.isArray(B))
+      if (!Array.isArray(F))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Tn(2));
-      Te = B.some((tt) => kc(tt, de.props.value)), Te && vt && Be.push(de.props.children);
+      Te = F.some((tt) => kc(tt, de.props.value)), Te && vt && Be.push(de.props.children);
     } else
-      Te = kc(B, de.props.value), Te && vt && (lt = de.props.children);
+      Te = kc(F, de.props.value), Te && vt && (lt = de.props.children);
     return Te && (Et = !0), /* @__PURE__ */ C.cloneElement(de, {
       "aria-selected": Te ? "true" : "false",
       onClick: Ve(de),
@@ -21895,12 +21897,12 @@ const YT = (e) => {
     });
   });
   process.env.NODE_ENV !== "production" && C.useEffect(() => {
-    if (!Et && !O && B !== "") {
+    if (!Et && !O && F !== "") {
       const de = ze.map((Te) => Te.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${B}\` for the select ${v ? `(name="${v}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${de.filter((Te) => Te != null).map((Te) => `\`${Te}\``).join(", ") || '""'}.`].join(`
+      console.warn([`MUI: You have provided an out-of-range value \`${F}\` for the select ${v ? `(name="${v}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${de.filter((Te) => Te != null).map((Te) => `\`${Te}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [Et, ze, O, v, B]), vt && (O ? Be.length === 0 ? ue = null : ue = Be.reduce((de, Te, tt) => (de.push(Te), tt < Be.length - 1 && de.push(", "), de), []) : ue = lt);
+  }, [Et, ze, O, v, F]), vt && (O ? Be.length === 0 ? ue = null : ue = Be.reduce((de, Te, tt) => (de.push(Te), tt < Be.length - 1 && de.push(", "), de), []) : ue = lt);
   let jt = Q;
   !s && ae && Y && (jt = z.clientWidth);
   let We;
@@ -21908,7 +21910,7 @@ const YT = (e) => {
   const Ne = A.id || (v ? `mui-component-select-${v}` : void 0), be = {
     ...t,
     variant: q,
-    value: B,
+    value: F,
     open: Le,
     error: g
   }, wt = YT(be), rt = {
@@ -21948,7 +21950,7 @@ const YT = (e) => {
       ) : ue
     }), /* @__PURE__ */ p.jsx(GT, {
       "aria-invalid": g,
-      value: Array.isArray(B) ? B.join(",") : B,
+      value: Array.isArray(F) ? F.join(",") : F,
       name: v,
       ref: re,
       "aria-hidden": !0,
@@ -22212,7 +22214,7 @@ const KT = (e) => {
     filled: /* @__PURE__ */ p.jsx(ZT, {
       ownerState: W
     })
-  }[A], B = bt(r, fr(K));
+  }[A], F = bt(r, fr(K));
   return /* @__PURE__ */ p.jsx(C.Fragment, {
     children: /* @__PURE__ */ C.cloneElement(K, {
       // Most of the logic is implemented in `SelectInput`.
@@ -22250,7 +22252,7 @@ const KT = (e) => {
       ...(w && O || u) && A === "outlined" ? {
         notched: !0
       } : {},
-      ref: B,
+      ref: F,
       className: le(K.props.className, l, D.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
       ...!m && {
@@ -22463,7 +22465,7 @@ const eC = {
     SelectProps: N,
     slots: q = {},
     slotProps: K = {},
-    type: B,
+    type: F,
     value: $,
     variant: U = "outlined",
     ...ie
@@ -22542,7 +22544,7 @@ const eC = {
     rows: W,
     maxRows: S,
     minRows: P,
-    type: B,
+    type: F,
     value: $,
     id: Y,
     inputRef: v,
@@ -22780,12 +22782,14 @@ process.env.NODE_ENV !== "production" && (ep.propTypes = {
    */
   variant: n.oneOf(["filled", "outlined", "standard"])
 });
-const rC = Fr(({ name: e, minRows: t = 3, variant: r = "filled", size: o = "medium", sx: i, ...a }, s) => p.jsx(ep, { ref: s, name: e, "data-test-ink-text-field": e, minRows: t, variant: r, size: o, sx: { width: "100%", ...i }, InputProps: {
+const rC = Fr(({ name: e, minRows: t = 3, variant: r = "filled", size: o = "medium", sx: i, InputProps: a, InputLabelProps: s, ...l }, c) => p.jsx(ep, { ref: c, name: e, "data-test-ink-text-field": e, minRows: t, variant: r, size: o, sx: { width: "100%", ...i }, InputProps: {
   disableUnderline: !0,
-  hiddenLabel: !0
+  hiddenLabel: !0,
+  ...a
 }, InputLabelProps: {
-  shrink: !0
-}, ...a })), rP = ({ control: e, name: t, label: r, rules: o, helperText: i, onBlur: a, ...s }) => p.jsx(Lo, { name: t, control: e, rules: o, render: ({ field: { value: l, onBlur: c, ...u }, fieldState: d }) => {
+  shrink: !0,
+  ...s
+}, ...l })), rP = ({ control: e, name: t, label: r, rules: o, helperText: i, onBlur: a, ...s }) => p.jsx(Lo, { name: t, control: e, rules: o, render: ({ field: { value: l, onBlur: c, ...u }, fieldState: d }) => {
   const h = (m) => {
     c?.(), a?.(m);
   };
@@ -22866,14 +22870,14 @@ function sC({ id: e, name: t, label: r, menuOptions: o, inputProps: i, helperTex
     ...i
   }, ...h, ref: m, children: T(d, o) }), a && p.jsx(nf, { "data-test-select-helper-text": t, children: a })] });
 }
-function oP({ control: e, name: t, rules: r, helperText: o, onChange: i, onBlur: a, disabled: s, ...l }) {
-  return p.jsx(Lo, { name: t, control: e, rules: r, disabled: s, render: ({ field: { onChange: c, onBlur: u, ...d }, fieldState: { error: h } }) => {
-    const m = (b, f) => {
-      c?.(b), i?.(b, f);
-    }, g = (b) => {
-      u?.(), a?.(b);
+function oP({ control: e, name: t, rules: r, helperText: o, onChange: i, onBlur: a, ...s }) {
+  return p.jsx(Lo, { name: t, control: e, rules: r, render: ({ field: { onChange: l, onBlur: c, ...u }, fieldState: { error: d } }) => {
+    const h = (g, b) => {
+      l?.(g), i?.(g, b);
+    }, m = (g) => {
+      c?.(), a?.(g);
     };
-    return p.jsx(sC, { ...l, ...d, onChange: m, onBlur: g, error: !!h || l.error, helperText: h?.message ?? o });
+    return p.jsx(sC, { ...s, ...u, onChange: h, onBlur: m, error: !!d || s.error, helperText: d?.message ?? o });
   } });
 }
 const tp = ft(/* @__PURE__ */ p.jsx("path", {
@@ -23788,7 +23792,7 @@ function uO({ value: e, onChange: t, options: r = [] }) {
   }, s = () => {
     i(null);
   };
-  return p.jsxs("div", { children: [p.jsx(Rt, { "aria-controls": "simple-menu", "aria-haspopup": "true", onClick: (l) => i(l.currentTarget), startIcon: p.jsx(xf, {}), children: "Group" }), p.jsxs(Oi, { id: "simple-menu", anchorEl: o, open: !!o, onClose: s, children: [p.jsx(kr, { onClick: () => a(""), selected: e === "", children: "None" }, ""), r.map((l) => p.jsx(kr, { onClick: () => a(l), selected: l === e, children: Ff(l) }, l))] })] });
+  return p.jsxs("div", { children: [p.jsx(Rt, { "aria-controls": "simple-menu", "aria-haspopup": "true", onClick: (l) => i(l.currentTarget), size: "small", startIcon: p.jsx(xf, {}), children: "Group" }), p.jsxs(Oi, { id: "simple-menu", anchorEl: o, open: !!o, onClose: s, children: [p.jsx(kr, { onClick: () => a(""), selected: e === "", children: "None" }, ""), r.map((l) => p.jsx(kr, { onClick: () => a(l), selected: l === e, children: Ff(l) }, l))] })] });
 }
 const dO = ft(/* @__PURE__ */ p.jsx("path", {
   d: "M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z"
@@ -23855,7 +23859,7 @@ function lP({ groupingProps: e, filterDrawerBtnProps: t, showFilterDrawerBtn: r
   return p.jsx(Lf, { sx: { py: d }, children: p.jsxs(De, { direction: "column", sx: { width: "100%" }, children: [p.jsxs(De, { justifyContent: o ? "space-between" : "end", alignItems: "center", direction: "row", width: "100%", children: [p.jsxs(De, { direction: "row", spacing: 2, alignItems: "center", children: [o && p.jsx(_f, { sx: {
     ".MuiInputBase-input": { p: 0 },
     ".MuiInput-root:after": { borderBottom: "none" }
-  }, "data-cy": "grid-tool-bar-quick-filter" }), r && t && p.jsx(hf, { badgeContent: t.filterBtnBadgeContent, color: "primary", "data-cy": "grid-tool-bar-filter-badge", children: p.jsx(cO, { onClick: t.onShowFilterDrawerClick }) })] }), p.jsxs(De, { direction: "row", spacing: 1, children: [a && p.jsx(Df, {}), c && p.jsx(pO, { columnData: c.columnData, handleColumnFilterChange: c.handleColumnFilterChange, customGridVisibility: c.customGridVisibility, lockedFields: c.lockedFields, hiddenInColumnPicker: c.hiddenInColumnPicker }), i && p.jsx(Bf, {}), h !== void 0 && m && g && p.jsx(uO, { value: h, onChange: m, options: g }), s && p.jsx(lO, { onClick: s, loadingExport: l })] })] }), u] }) });
+  }, "data-cy": "grid-tool-bar-quick-filter" }), r && t && p.jsx(hf, { badgeContent: t.filterBtnBadgeContent, color: "primary", "data-cy": "grid-tool-bar-filter-badge", children: p.jsx(cO, { onClick: t.onShowFilterDrawerClick }) })] }), p.jsxs(De, { direction: "row", spacing: 1, children: [a && p.jsx(Df, { slotProps: { button: { size: "small" } } }), c && p.jsx(pO, { columnData: c.columnData, handleColumnFilterChange: c.handleColumnFilterChange, customGridVisibility: c.customGridVisibility, lockedFields: c.lockedFields, hiddenInColumnPicker: c.hiddenInColumnPicker }), i && p.jsx(Bf, { slotProps: { button: { size: "small" } } }), h !== void 0 && m && g && p.jsx(uO, { value: h, onChange: m, options: g }), s && p.jsx(lO, { onClick: s, loadingExport: l })] })] }), u] }) });
 }
 function cP({ testSelector: e = "", disableColumnReorder: t = !0, sx: r, rows: o, ...i }) {
   const a = o?.length ? null : {
@@ -24029,7 +24033,7 @@ const Nt = {
   cyan1000: "#002329",
   deepPurpleA800: "#500fc4",
   deepPurple1000: "#16073E"
-}, F = {
+}, B = {
   text: {
     primary: Tt[900],
     secondary: Tt[700],
@@ -24389,7 +24393,7 @@ function mP({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
     alignContent: "flex-start",
     alignItems: "center",
     py: 8,
-    backgroundColor: F.neutral50,
+    backgroundColor: B.neutral50,
     minHeight: "100vh",
     overflow: "auto",
     ...r
@@ -24412,7 +24416,7 @@ function bP({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
     alignContent: "flex-start",
     alignItems: "center",
     py: 8,
-    backgroundColor: F.neutral50,
+    backgroundColor: B.neutral50,
     minHeight: "100vh",
     overflow: "auto",
     ...r
@@ -25883,11 +25887,11 @@ const Lp = /* @__PURE__ */ C.forwardRef(function(t, r) {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: S = mn,
     ...P
-  } = t, I = C.useRef(null), L = bt(fr(c), I, r), M = (K) => (B) => {
-    K && (B === void 0 ? K(I.current) : K(I.current, B));
-  }, y = M((K, B) => {
-    si(d, K, u), Bs(K), g && g(K, B);
-  }), R = M((K, B) => {
+  } = t, I = C.useRef(null), L = bt(fr(c), I, r), M = (K) => (F) => {
+    K && (F === void 0 ? K(I.current) : K(I.current, F));
+  }, y = M((K, F) => {
+    si(d, K, u), Bs(K), g && g(K, F);
+  }), R = M((K, F) => {
     const $ = _r({
       timeout: x,
       style: v,
@@ -25899,16 +25903,16 @@ const Lp = /* @__PURE__ */ C.forwardRef(function(t, r) {
       ...$
     }), K.style.transition = o.transitions.create("transform", {
       ...$
-    }), K.style.webkitTransform = "none", K.style.transform = "none", f && f(K, B);
+    }), K.style.webkitTransform = "none", K.style.transform = "none", f && f(K, F);
   }), j = M(b), A = M(O), W = M((K) => {
-    const B = _r({
+    const F = _r({
       timeout: x,
       style: v,
       easing: h
     }, {
       mode: "exit"
     });
-    K.style.webkitTransition = o.transitions.create("-webkit-transform", B), K.style.transition = o.transitions.create("transform", B), si(d, K, u), T && T(K);
+    K.style.webkitTransition = o.transitions.create("-webkit-transform", F), K.style.transition = o.transitions.create("transform", F), si(d, K, u), T && T(K);
   }), D = M((K) => {
     K.style.webkitTransition = "", K.style.transition = "", w && w(K);
   }), N = (K) => {
@@ -25921,9 +25925,9 @@ const Lp = /* @__PURE__ */ C.forwardRef(function(t, r) {
       return;
     const K = vs(() => {
       I.current && si(d, I.current, u);
-    }), B = fn(I.current);
-    return B.addEventListener("resize", K), () => {
-      K.clear(), B.removeEventListener("resize", K);
+    }), F = fn(I.current);
+    return F.addEventListener("resize", K), () => {
+      K.clear(), F.removeEventListener("resize", K);
     };
   }, [d, m, u]), C.useEffect(() => {
     m || q();
@@ -25941,7 +25945,7 @@ const Lp = /* @__PURE__ */ C.forwardRef(function(t, r) {
     timeout: x,
     ...P,
     children: (K, {
-      ownerState: B,
+      ownerState: F,
       ...$
     }) => /* @__PURE__ */ C.cloneElement(c, {
       ref: L,
@@ -26084,10 +26088,10 @@ const fE = {
   MuiTooltip: {
     styleOverrides: {
       tooltip: {
-        backgroundColor: F.neutral800
+        backgroundColor: B.neutral800
       },
       arrow: {
-        color: F.neutral800
+        color: B.neutral800
       }
     }
   }
@@ -26349,291 +26353,291 @@ const fE = {
   MuiChip: {
     styleOverrides: {
       filledDefault: {
-        backgroundColor: F.neutral200,
-        color: F.text.primary,
+        backgroundColor: B.neutral200,
+        color: B.text.primary,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.text.primary,
-            backgroundColor: F.neutral300
+            color: B.text.primary,
+            backgroundColor: B.neutral300
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral700,
+          color: B.neutral700,
           opacity: 0.26,
           "&:hover, &:focus, &:active": {
-            color: F.neutral700
+            color: B.neutral700
           }
         }
       },
       filledPrimary: {
-        backgroundColor: F.blue50,
-        color: F.blue1000,
+        backgroundColor: B.blue50,
+        color: B.blue1000,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.blue1000,
-            backgroundColor: F.blue100
+            color: B.blue1000,
+            backgroundColor: B.blue100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.primary.dark,
+          color: B.primary.dark,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.primary.dark
+            color: B.primary.dark
           }
         }
       },
       filledSecondary: {
-        backgroundColor: F.purple50,
-        color: F.purple1000,
+        backgroundColor: B.purple50,
+        color: B.purple1000,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.purple1000,
-            backgroundColor: F.purple100
+            color: B.purple1000,
+            backgroundColor: B.purple100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.secondary.dark,
+          color: B.secondary.dark,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.secondary.dark
+            color: B.secondary.dark
           }
         }
       },
       filledError: {
-        backgroundColor: F.red50,
-        color: F.red1000,
+        backgroundColor: B.red50,
+        color: B.red1000,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.red1000,
-            backgroundColor: F.red100
+            color: B.red1000,
+            backgroundColor: B.red100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.error.dark,
+          color: B.error.dark,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.error.dark
+            color: B.error.dark
           }
         }
       },
       filledWarning: {
-        backgroundColor: F.orange50,
-        color: F.orange1000,
+        backgroundColor: B.orange50,
+        color: B.orange1000,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.orange1000,
-            backgroundColor: F.orange100
+            color: B.orange1000,
+            backgroundColor: B.orange100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.warning.dark,
+          color: B.warning.dark,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.warning.dark
+            color: B.warning.dark
           }
         }
       },
       filledInfo: {
-        backgroundColor: F.cyan50,
-        color: F.cyan900,
+        backgroundColor: B.cyan50,
+        color: B.cyan900,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.cyan900,
-            backgroundColor: F.cyan100
+            color: B.cyan900,
+            backgroundColor: B.cyan100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.info.dark,
+          color: B.info.dark,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.info.dark
+            color: B.info.dark
           }
         }
       },
       filledSuccess: {
-        backgroundColor: F.green50,
-        color: F.green1000,
+        backgroundColor: B.green50,
+        color: B.green1000,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.green1000,
-            backgroundColor: F.green100
+            color: B.green1000,
+            backgroundColor: B.green100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.success.dark,
+          color: B.success.dark,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.success.dark
+            color: B.success.dark
           }
         }
       },
       filledAi: {
-        backgroundColor: F.deepPurple50,
-        color: F.deepPurple900,
+        backgroundColor: B.deepPurple50,
+        color: B.deepPurple900,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.deepPurple900,
-            backgroundColor: F.deepPurple100
+            color: B.deepPurple900,
+            backgroundColor: B.deepPurple100
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.deepPurple900,
+          color: B.deepPurple900,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.deepPurple900
+            color: B.deepPurple900
           }
         }
       },
       contrastFilledDefault: {
-        color: F.neutral00,
-        backgroundColor: F.neutral700,
+        color: B.neutral00,
+        backgroundColor: B.neutral700,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.neutral800
+            color: B.neutral00,
+            backgroundColor: B.neutral800
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.26,
           "&:hover, &:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledPrimary: {
-        color: F.neutral00,
-        backgroundColor: F.lightBlueA700,
+        color: B.neutral00,
+        backgroundColor: B.lightBlueA700,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.info.dark
+            color: B.neutral00,
+            backgroundColor: B.info.dark
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledSecondary: {
-        color: F.neutral00,
-        backgroundColor: F.secondary.main,
+        color: B.neutral00,
+        backgroundColor: B.secondary.main,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.secondary.dark
+            color: B.neutral00,
+            backgroundColor: B.secondary.dark
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover, &:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledError: {
-        color: F.neutral00,
-        backgroundColor: F.error.main,
+        color: B.neutral00,
+        backgroundColor: B.error.main,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.error.dark
+            color: B.neutral00,
+            backgroundColor: B.error.dark
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover,&:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledWarning: {
-        color: F.neutral00,
-        backgroundColor: F.yellow800,
+        color: B.neutral00,
+        backgroundColor: B.yellow800,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.yellow900
+            color: B.neutral00,
+            backgroundColor: B.yellow900
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover,&:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledInfo: {
-        color: F.neutral00,
-        backgroundColor: F.cyanA700,
+        color: B.neutral00,
+        backgroundColor: B.cyanA700,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.cyan700
+            color: B.neutral00,
+            backgroundColor: B.cyan700
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover,&:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledSuccess: {
-        color: F.neutral00,
-        backgroundColor: F.success.main,
+        color: B.neutral00,
+        backgroundColor: B.success.main,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.success.dark
+            color: B.neutral00,
+            backgroundColor: B.success.dark
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover,&:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledAi: {
-        color: F.neutral00,
-        backgroundColor: F.deepPurpleA700,
+        color: B.neutral00,
+        backgroundColor: B.deepPurpleA700,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.deepPurpleA700
+            color: B.neutral00,
+            backgroundColor: B.deepPurpleA700
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover,&:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       },
       contrastFilledInProgress: {
-        color: F.neutral00,
-        backgroundColor: F.greenA700,
+        color: B.neutral00,
+        backgroundColor: B.greenA700,
         "&.MuiChip-clickable": {
           "&:hover, &:focus, &:active": {
-            color: F.neutral00,
-            backgroundColor: F.greenA900
+            color: B.neutral00,
+            backgroundColor: B.greenA900
           }
         },
         ".MuiChip-deleteIcon": {
-          color: F.neutral00,
+          color: B.neutral00,
           opacity: 0.7,
           "&:hover,&:focus, &:active": {
-            color: F.neutral00
+            color: B.neutral00
           }
         }
       }
@@ -26646,7 +26650,7 @@ const fE = {
         border: "none",
         height: "auto",
         ".MuiDataGrid-toolbarContainer .MuiTextField-root": {
-          backgroundColor: F.neutral100,
+          backgroundColor: B.neutral100,
           padding: "8px",
           borderRadius: "8px"
         },
@@ -26655,12 +26659,12 @@ const fE = {
           color: "red"
         },
         ".MuiDataGrid-toolbarContainer button": {
-          backgroundColor: F.neutral100,
-          color: F.neutral900,
+          backgroundColor: B.neutral100,
+          color: B.neutral900,
           padding: "4px 10px"
         },
         ".MuiDataGrid-toolbarContainer svg": {
-          color: F.neutral700
+          color: B.neutral700
         },
         ".MuiDataGrid-cell:focus": {
           outline: "none"
@@ -26733,20 +26737,20 @@ const fE = {
           minWidth: "unset",
           borderRadius: e.spacing(1),
           "&:active,&.Mui-focusVisible,&:focus,&:focus-visible": {
-            outline: `1px solid ${F.primary.light}`
+            outline: `1px solid ${B.primary.light}`
           },
           "&.Mui-disabled": {
-            backgroundColor: F.neutral200,
-            color: F.text.disabled
+            backgroundColor: B.neutral200,
+            color: B.text.disabled
           }
         }),
         containedPrimary: {
-          backgroundColor: F.primary.main
+          backgroundColor: B.primary.main
         },
         textPrimary: {
-          color: F.primary.dark,
+          color: B.primary.dark,
           "&:hover": {
-            backgroundColor: F.primary.hover
+            backgroundColor: B.primary.hover
           },
           "&:disabled": {
             backgroundColor: "unset"
@@ -26754,44 +26758,47 @@ const fE = {
         },
         textError: {
           "&:hover": {
-            backgroundColor: F.error.hover
+            backgroundColor: B.error.hover
           },
           "&:active": {
-            backgroundColor: F.error.hover
+            backgroundColor: B.error.hover
           },
           "&:disabled": {
             backgroundColor: "unset"
           }
         },
         outlinedInherit: {
-          borderColor: Oe(F.neutral900, 0.03)
+          borderColor: Oe(B.neutral900, 0.03)
         },
         outlinedPrimary: {
-          color: F.primary.dark,
-          border: `0.5px solid ${F.action.disabled}`,
+          color: B.primary.dark,
+          border: `0.5px solid ${B.action.disabled}`,
           "&:hover": {
-            border: `0.5px solid ${F.primary.outlinedBorder}`
+            border: `0.5px solid ${B.primary.outlinedBorder}`
           },
           "&:active": {
-            backgroundColor: F.primary.hover
+            backgroundColor: B.primary.hover
           },
           "&:disabled": {
             backgroundColor: "unset",
-            border: `0.5px solid ${F.neutral200}`
+            border: `0.5px solid ${B.neutral200}`
           }
         },
         containedInherit: {
-          backgroundColor: F.neutral100,
+          backgroundColor: B.neutral100,
           "&:hover": {
-            backgroundColor: F.neutral200
+            backgroundColor: B.neutral200
           }
         },
         card: {
-          backgroundColor: F.neutral100,
+          backgroundColor: B.neutral100,
           color: "text.primary",
           textTransform: "capitalize",
           fontSize: "13px",
-          borderRadius: "8px"
+          borderRadius: "8px",
+          "&:hover": {
+            backgroundColor: B.neutral200
+          }
         }
       }
     },
@@ -26801,10 +26808,10 @@ const fE = {
       styleOverrides: {
         root: {
           "&:focus": {
-            backgroundColor: F.action.focus
+            backgroundColor: B.action.focus
           },
           "&.MuiIconButton-colorPrimary:focus": {
-            backgroundColor: F.primary.focus
+            backgroundColor: B.primary.focus
           }
         }
       }
@@ -26832,7 +26839,7 @@ const fE = {
     MuiLink: {
       styleOverrides: {
         root: {
-          color: F.primary.dark,
+          color: B.primary.dark,
           textDecoration: "none"
         }
       }
@@ -26843,7 +26850,7 @@ const fE = {
           ".MuiButtonBase-root": {
             textTransform: "none",
             "&:hover": {
-              color: F.text.primary
+              color: B.text.primary
             }
           }
         }
@@ -26858,7 +26865,7 @@ const fE = {
       styleOverrides: {
         root: {
           "&.MuiRadio-root:not(.Mui-disabled):not(.MuiRadio-error) + .MuiTypography-root": {
-            color: F.text.primary
+            color: B.text.primary
           }
         }
       }
@@ -26867,13 +26874,13 @@ const fE = {
       styleOverrides: {
         root: {
           "&.MuiCheckbox-root:not(.Mui-disabled):not(.MuiCheckbox-error) + .MuiTypography-root": {
-            color: F.text.primary
+            color: B.text.primary
           }
         }
       }
     }
   },
-  palette: F
+  palette: B
 });
 export {
   mP as DetailsLayout,