@movable/ui 3.7.0 → 3.7.2

package/lib/index.mjs

@@ -648,7 +648,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? ha.exports = Sf() : ha.exports = Ef();
 var p = ha.exports;
-function JE({ stringToDisplay: e }) {
+function ZE({ stringToDisplay: e }) {
   return p.jsxs(st, { children: ["stringToDisplay prop is:", " ", p.jsx("span", { "data-test-string-to-display": !0, children: e })] });
 }
 function an(e, ...t) {
@@ -4145,7 +4145,7 @@ const ag = {
   px: "8px",
   py: "4px"
 }, sg = 3;
-function ZE({ chipList: e, numTagsToDisplay: t, size: n = "medium", maxChipWidth: o = 200 }) {
+function QE({ chipList: e, numTagsToDisplay: t, size: n = "medium", maxChipWidth: o = 200 }) {
   const [i, a] = mt(null), s = Ha(null), [l, c] = mt(void 0);
   _c(() => {
     const f = new ResizeObserver((C) => {
@@ -4199,7 +4199,7 @@ const Su = (e) => {
     children: qa.map(n.children, (o) => Eu(o, t))
   }) : e;
 };
-function QE({ Title: e, Content: t, Actions: n, onClose: o, hideCloseButton: i, ActionsProp: a, ...s }) {
+function eO({ Title: e, Content: t, Actions: n, onClose: o, hideCloseButton: i, ActionsProp: a, ...s }) {
   var u, d, m, h, g, b, f;
   let l = n;
   if (n) {
@@ -4236,7 +4236,7 @@ const Ou = 280, cg = Bc(Ve, { shouldForwardProp: (e) => e !== "open" })(({ theme
     marginLeft: 0
   }
 }));
-function eO({
+function tO({
   isOpen: e,
   handleDrawerClose: t,
   children: n,
@@ -4287,7 +4287,7 @@ function eO({
     borderColor: "neutral200"
   }, children: s })] }) }), p.jsx(cg, { component: "main", open: e, ...d, children: n })] });
 }
-function tO({ metadata: e }) {
+function nO({ metadata: e }) {
   const t = (n) => n == null || n === "" ? p.jsx(st, { variant: "body2", color: "text.disabled", children: "--" }) : typeof n == "string" ? p.jsx(st, { variant: "body2", children: n }) : n;
   return p.jsx(Re, { direction: "row", spacing: 2, "data-test-ink-page-header-metadata": !0, children: e.map(({ icon: n, label: o, value: i }) => p.jsxs(Re, { direction: "row", alignItems: "center", spacing: 0.5, "data-cy": `metadata-${o}`, children: [n && typeof n == "string" ? p.jsx(Rn, { sx: { color: "neutral600", fontSize: "1rem" }, children: n }) : n, p.jsx(st, { variant: "body2", color: "text.secondary", children: o }), t(i)] }, o)) });
 }
@@ -4311,7 +4311,7 @@ const ug = ({ children: e }) => {
   },
   ...t
 }, children: e({ position: o }) }) });
-function nO({ Breadcrumbs: e, Subtitle: t, Metadata: n, Chips: o, ButtonGroup: i, Tabs: a, sx: s }) {
+function rO({ Breadcrumbs: e, Subtitle: t, Metadata: n, Chips: o, ButtonGroup: i, Tabs: a, sx: s }) {
   return p.jsx(Ru, { children: ({ position: l }) => p.jsxs(Re, { "data-test-ink-page-header": !0, direction: "column", spacing: 2, position: l, sx: {
     borderBottom: 1,
     borderColor: "divider",
@@ -4332,13 +4332,13 @@ function pg({ label: e }) {
 function fg({ breadcrumb: e, i: t, onClick: n }) {
   return p.jsx(Pp, { href: e.path, ...e.LinkProps, underline: "hover", "data-cy": `breadcrumb-${t}`, variant: "h5", color: "action.active", onClick: n, children: e.label });
 }
-function rO({ breadcrumbs: e }) {
+function oO({ breadcrumbs: e }) {
   return p.jsx(kp, { sx: dg, "data-test-ink-page-header-breadcrumbs": !0, children: e == null ? void 0 : e.map((t, n) => n === e.length - 1 ? p.jsx(pg, { label: t.label }, `breadcrumb-${n}`) : p.jsx(fg, { breadcrumb: t, i: n, onClick: t.onClick }, `breadcrumb-${n}`)) });
 }
 function ju({ sx: e }) {
   return p.jsx(st, { variant: "overline", sx: { color: "neutral500", fontWeight: 600, lineHeight: 2.25, ...e }, children: "Internal Use Only" });
 }
-function oO({ primaryAction: e, secondaryAction: t, dropdownAction: n }) {
+function iO({ primaryAction: e, secondaryAction: t, dropdownAction: n }) {
   const [o, i] = mt(null), a = !!o, s = (h) => {
     i(h.currentTarget);
   }, l = () => {
@@ -4361,7 +4361,7 @@ function oO({ primaryAction: e, secondaryAction: t, dropdownAction: n }) {
 function mg({ subtitle: e, sx: t, ...n }) {
   return p.jsx(st, { variant: "body2", color: "text.secondary", "data-cy": "header-subtitle", sx: { ...t }, ...n, children: e });
 }
-function iO({ label: e, Stepper: t, ButtonGroup: n, subtitle: o }) {
+function aO({ label: e, Stepper: t, ButtonGroup: n, subtitle: o }) {
   const i = (a) => typeof a == "object" && a !== null && ("primary" in a || "close" in a);
   return p.jsx(Ru, { sx: {
     px: 3,
@@ -5775,7 +5775,7 @@ process.env.NODE_ENV !== "production" && (Kt.propTypes = {
    */
   variantMapping: r.object
 });
-function aO({ Header: e, Description: t, Icon: n, CTA: o, children: i, shouldShowFullDescription: a = !1, isLoading: s = !1, loadingSkeleton: l, ...c }) {
+function sO({ Header: e, Description: t, Icon: n, CTA: o, children: i, shouldShowFullDescription: a = !1, isLoading: s = !1, loadingSkeleton: l, ...c }) {
   const u = () => s && l ? l : i;
   return p.jsxs(Ci, { "data-test": "ink-paper", ...c, sx: {
     ...c.sx,
@@ -5791,7 +5791,7 @@ function aO({ Header: e, Description: t, Icon: n, CTA: o, children: i, shouldSho
     textOverflow: "ellipsis"
   }, children: [typeof e != "string" ? p.jsx(p.Fragment, { children: e }) : p.jsx(Kt, { "data-test": "ink-paper-header", variant: "subtitle1", color: "text.primary", component: "strong", fontWeight: 600, children: e }), t && p.jsx(p.Fragment, { children: typeof t != "string" ? t : p.jsx(Kt, { "data-test": "ink-paper-description", variant: "caption", color: "text.secondary", noWrap: !a, children: t }) })] }), o] }), u()] });
 }
-const sO = ({ name: e, options: t, value: n, ref: o, direction: i = "row", cardSx: a, fullWidth: s = !0, disabled: l = !1, onChange: c, onBlur: u }) => {
+const lO = ({ name: e, options: t, value: n, ref: o, direction: i = "row", cardSx: a, fullWidth: s = !0, disabled: l = !1, onChange: c, onBlur: u }) => {
   const d = (g, b, f, x) => x ? g ? b : "inherit" : f, m = (g, b, f, x, C) => C ? g ? b : x : g ? b : f, h = t.some((g) => !!g.bottomContent);
   return p.jsx(Ap, { name: e, onChange: c, onBlur: u, value: n, ref: o, "aria-label": e, "aria-readonly": l, "aria-disabled": l, sx: { width: s ? "100%" : "fit-content" }, children: p.jsx(Re, { direction: i, spacing: 2, children: t.map(({ value: g, icon: b, title: f, description: x, subDescription: C, disabled: E, bottomContent: T }) => {
     const v = l || E;
@@ -5870,7 +5870,7 @@ function Sl({ value: e, label: t, size: n = "small", ariaLabel: o, ...i }) {
     }
   }, children: t || e });
 }
-function lO({ id: e, toggleButtons: t, ariaLabel: n, value: o = "", size: i = "x-small", single: a = !1, enforceValueSet: s = !1, sx: l, onChange: c, ...u }) {
+function cO({ id: e, toggleButtons: t, ariaLabel: n, value: o = "", size: i = "x-small", single: a = !1, enforceValueSet: s = !1, sx: l, onChange: c, ...u }) {
   const d = t.find((h) => h.value === o) ?? t[0], m = (h, g) => {
     s && !g || !c || c(h, g);
   };
@@ -5956,7 +5956,7 @@ function El({ value: e, size: t = "small", ariaLabel: n, icon: o, ...i }) {
     }
   }, children: o });
 }
-function cO({ id: e, toggleButtons: t, ariaLabel: n, size: o = "x-small", single: i = !1, value: a = "", enforceValueSet: s = !1, onChange: l, sx: c, ...u }) {
+function uO({ id: e, toggleButtons: t, ariaLabel: n, size: o = "x-small", single: i = !1, value: a = "", enforceValueSet: s = !1, onChange: l, sx: c, ...u }) {
   const d = (h, g) => {
     s && !g || !l || l(h, g);
   }, m = t.find((h) => h.value === a) ?? t[0];
@@ -6001,7 +6001,7 @@ const Ol = {
   paper: Rl,
   data: Rl
 };
-function uO({ title: e, description: t, action: n, variant: o, icon: i, sx: a }) {
+function dO({ title: e, description: t, action: n, variant: o, icon: i, sx: a }) {
   const s = o === "search" ? "neutral00" : "neutral50", l = oy[o], { fontSize: c, fontSizeDescription: u, titleVariant: d, descriptionVariant: m } = l;
   return p.jsxs(Re, { alignItems: "center", justifyContent: "center", textAlign: "center", "data-cy": `empty-state-${o}-container`, sx: { backgroundColor: s, p: 5, ...a }, children: [i && p.jsx(ry, { icon: i, variant: o }), e && p.jsx(st, { variant: d, sx: { fontSize: c }, "data-cy": "empty-state-title", children: p.jsx("strong", { children: e }) }), p.jsx(st, { variant: m, color: "text.secondary", sx: { fontSize: u, maxWidth: "500px", mt: 1 }, "data-cy": "empty-state-description", children: t }), n && p.jsx(Ve, { mt: 3, children: p.jsx(ht, { onClick: n.onClick, "data-cy": "empty-state-action-button", children: n.title }) })] });
 }
@@ -8524,7 +8524,7 @@ const Jy = K(Fu)(({ theme: e }) => ({
 function Zy({ listItemProps: e, listItemIconProps: t, ...n }) {
   return p.jsxs(Jy, { disableGutters: !0, ...e, children: [(t == null ? void 0 : t.adornment) === "start" && p.jsx(ja, { ...t, children: t == null ? void 0 : t.children }), p.jsx(zu, { ...n }), (t == null ? void 0 : t.adornment) === "end" && p.jsx(ja, { ...t, children: t == null ? void 0 : t.children })] });
 }
-function dO({ label: e, attributes: t, ...n }) {
+function pO({ label: e, attributes: t, ...n }) {
   return p.jsxs(p.Fragment, { children: [p.jsx(is, { children: e }), p.jsx(as, { ...n, dense: !0, sx: {
     display: "flex",
     flexDirection: "column",
@@ -11193,7 +11193,7 @@ process.env.NODE_ENV !== "production" && (Qu.propTypes = {
    */
   TransitionProps: r.object
 });
-function pO({ src: e, alt: t, sx: n, imageSx: o, fallbackText: i = "Image Failed to Load", ...a }) {
+function fO({ src: e, alt: t, sx: n, imageSx: o, fallbackText: i = "Image Failed to Load", ...a }) {
   const [s, l] = mt(!1), [c, u] = mt(!0);
   return p.jsxs(Ur, { sx: {
     display: "flex",
@@ -11263,7 +11263,7 @@ const oa = {
     marginLeft: t ? 0 : o
   };
 }), ia = (e) => e.drawerType !== "panel";
-function fO(e) {
+function mO(e) {
   const {
     drawerType: t,
     drawerContent: n,
@@ -11322,7 +11322,7 @@ function fO(e) {
     borderColor: "neutral200"
   }, children: o })] }) }), p.jsx(k0, { component: "main", open: ia(e) ? e.isOpen : !0, drawerWidth: f, ...m, children: d })] });
 }
-const mO = ({ children: e, maxSnack: t = 3, anchorOrigin: n = {
+const hO = ({ children: e, maxSnack: t = 3, anchorOrigin: n = {
   horizontal: "center",
   vertical: "bottom"
 }, ...o }) => p.jsx(rf, { anchorOrigin: n, Components: {
@@ -12933,13 +12933,13 @@ process.env.NODE_ENV !== "production" && (ad.propTypes = {
 const lv = ot(/* @__PURE__ */ p.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-function hO({ closeSnackbar: e, label: t, ...n }) {
+function gO({ closeSnackbar: e, label: t, ...n }) {
   const o = () => {
     e();
   };
   return p.jsxs(p.Fragment, { children: [p.jsx(ad, { "data-test-ink-snackbar-action": t, variant: "text", color: "primary", sx: { whiteSpace: "nowrap" }, ...n, children: "label" }), p.jsx(xs, { "data-test-ink-snackbar-action-close": !0, color: "inherit", onClick: o, children: p.jsx(lv, { fontSize: "small" }) })] });
 }
-function gO({ control: e, name: t, rules: n, onChange: o, ...i }) {
+function yO({ control: e, name: t, rules: n, onChange: o, ...i }) {
   return p.jsx(yo, { name: t, control: e, rules: n, render: ({ field: { onChange: a, ...s }, fieldState: { error: l } }) => {
     const c = (u) => {
       a == null || a(u), o == null || o(u);
@@ -14701,7 +14701,7 @@ const Jv = mo(({ options: e, radioGroupProps: t, formLabel: n, formLabelProps: o
     return p.jsx(Pi, { "data-test-ink-radio-group-item": x, value: f, control: p.jsx(ld, { ...C, checked: h === f, className: T }), label: x }, `ink-radio-${E}`);
   }) }), c && p.jsx(Ai, { "data-test-ink-radio-group-helper-text": !0, children: c })] }) });
 });
-function yO({ control: e, name: t, rules: n, onChange: o, ...i }) {
+function bO({ control: e, name: t, rules: n, onChange: o, ...i }) {
   return p.jsx(yo, { name: t, control: e, rules: n, render: ({ field: { onChange: a, ...s }, fieldState: { error: l } }) => {
     const c = (u) => {
       a == null || a(u), o == null || o(u);
@@ -15085,7 +15085,7 @@ process.env.NODE_ENV !== "production" && (ud.propTypes = {
   value: r.any
 });
 const ox = mo(({ id: e, formLabel: t, labelPlacement: n = "end", sx: o, defaultChecked: i = !1, formControlLabelProps: a, ...s }, l) => p.jsx(Pi, { ...a, ref: l, "data-test-ink-switch-label": e, control: p.jsx(ud, { ...s, sx: { ...o }, "data-test-ink-switch": e, id: e, defaultChecked: i }), label: t, labelPlacement: n }));
-function bO({ control: e, name: t, id: n, rules: o, ...i }) {
+function vO({ control: e, name: t, id: n, rules: o, ...i }) {
   return p.jsx(yo, { name: t, control: e, rules: o, render: ({ field: { onChange: a, ...s } }) => {
     const l = (c, u) => {
       a == null || a(u);
@@ -20547,7 +20547,7 @@ const xT = mo(({ name: e, minRows: t = 3, variant: n = "filled", size: o = "medi
   hiddenLabel: !0
 }, InputLabelProps: {
   shrink: !0
-}, ...a })), vO = ({ control: e, name: t, label: n, rules: o, helperText: i, onBlur: a, ...s }) => p.jsx(yo, { name: t, control: e, rules: o, render: ({ field: { value: l, onBlur: c, ...u }, fieldState: d }) => {
+}, ...a })), xO = ({ control: e, name: t, label: n, rules: o, helperText: i, onBlur: a, ...s }) => p.jsx(yo, { name: t, control: e, rules: o, render: ({ field: { value: l, onBlur: c, ...u }, fieldState: d }) => {
   const m = (h) => {
     c == null || c(), a == null || a(h);
   };
@@ -20629,7 +20629,7 @@ function ST({ id: e, name: t, label: n, menuOptions: o, inputProps: i, helperTex
     ...i
   }, ...m, ref: h, children: x(d, o) }), a && p.jsx(Bp, { "data-test-select-helper-text": t, children: a })] });
 }
-function xO({ control: e, name: t, rules: n, helperText: o, onChange: i, onBlur: a, disabled: s, ...l }) {
+function TO({ control: e, name: t, rules: n, helperText: o, onChange: i, onBlur: a, disabled: s, ...l }) {
   return p.jsx(yo, { name: t, control: e, rules: n, disabled: s, render: ({ field: { onChange: c, onBlur: u, ...d }, fieldState: { error: m } }) => {
     const h = (b, f) => {
       c == null || c(b), i == null || i(b, f);
@@ -20642,7 +20642,7 @@ function xO({ control: e, name: t, rules: n, helperText: o, onChange: i, onBlur:
 const Rd = ot(/* @__PURE__ */ p.jsx("path", {
   d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
 }), "InfoOutlined");
-function TO({ message: e, sx: t, messageSx: n }) {
+function CO({ message: e, sx: t, messageSx: n }) {
   return p.jsx(Dp, { severity: "info", "data-cy": "internal-user-only-alert", sx: { alignItems: "center", ...t }, iconMapping: {
     info: p.jsx(Rd, {})
   }, children: p.jsxs(Re, { direction: "row", gap: 1, alignItems: "center", children: [p.jsx(ju, { sx: { color: "text.secondary" } }), p.jsx(Re, { children: "-" }), p.jsx(st, { variant: "body2", sx: n, "data-cy": "internal-user-only-alert-message", children: e || "This page has limited access to internal users only." })] }) });
@@ -21346,7 +21346,7 @@ var yS = gS(function(e, t, n) {
 });
 const jc = ["borderColor", "backgroundColor"];
 Uc.register(af, sf, lf, cf, uf, df, pf, ff, mf, hf);
-function CO({ chartOptions: e, type: t, data: n, customColors: o, height: i = 200, isLoading: a, stacked: s, legend: l, title: c }) {
+function wO({ chartOptions: e, type: t, data: n, customColors: o, height: i = 200, isLoading: a, stacked: s, legend: l, title: c }) {
   const u = Xn();
   Uc.defaults.color = u.palette.text.primary;
   const d = [
@@ -21547,7 +21547,7 @@ const CS = 382, kc = (e, t, n, o, i) => i ? o : e ? t : n, wS = (e, t, n, o, i)
 function ES({ description: e, buttonProps: t }) {
   return p.jsxs(p.Fragment, { children: [p.jsx(Fp, { children: p.jsx(st, { variant: "body2", color: "text.secondary", children: e }) }), t && p.jsx(zp, { children: p.jsx(ht, { variant: "card", ...t, children: t.label }) })] });
 }
-function wO({ cardMedia: e, cardHeader: t, cardType: n = "default", galleryContent: o, children: i, ...a }) {
+function SO({ cardMedia: e, cardHeader: t, cardType: n = "default", galleryContent: o, children: i, ...a }) {
   var d, m;
   const s = !!(t != null && t.checkboxProps || t != null && t.title || t != null && t.subheader || t != null && t.adornment || t != null && t.onClose), l = !!(t != null && t.checkboxProps), c = !!((d = t == null ? void 0 : t.checkboxProps) != null && d.checked), u = (m = t == null ? void 0 : t.checkboxProps) == null ? void 0 : m.disabled;
   return p.jsxs(Lc, { ...a, sx: wS(l, c, u, n, a.sx), "data-cy": "inkcard-container", children: [e && p.jsx(TS, { cardType: n, ...e }), s && p.jsx(bS, { ...t }), n === "gallery" && o ? p.jsx(ES, { description: o.description, buttonProps: o.buttonProps }) : i] });
@@ -21630,14 +21630,14 @@ function PS({ columnData: e, handleColumnFilterChange: t, customGridVisibility:
     display: i != null && i.includes(T) ? "none" : void 0
   } }) }, T)) }), p.jsx(qp, { sx: { position: "sticky", bottom: 0, zIndex: 1, padding: 0 }, variant: "outlined", children: p.jsxs(Re, { flexDirection: "row", justifyContent: "space-between", sx: { mx: 1.5, py: 1 }, children: [p.jsx(ht, { onClick: f, children: "Deselect all" }), p.jsx(ht, { onClick: x, children: "Select all" })] }) })] })] });
 }
-function SO({ groupingProps: e, filterDrawerBtnProps: t, showFilterDrawerBtn: n = !1, showQuickFilter: o = !0, showExportButton: i = !1, showDensitySelector: a = !1, onExportClick: s, loadingExport: l, columnPickerProps: c, children: u, py: d = 2 }) {
+function EO({ groupingProps: e, filterDrawerBtnProps: t, showFilterDrawerBtn: n = !1, showQuickFilter: o = !0, showExportButton: i = !1, showDensitySelector: a = !1, onExportClick: s, loadingExport: l, columnPickerProps: c, children: u, py: d = 2 }) {
   const { value: m, onChange: h, options: g } = e ?? {};
   return p.jsx(vf, { sx: { py: d }, children: p.jsxs(Re, { direction: "column", sx: { width: "100%" }, children: [p.jsxs(Re, { justifyContent: o ? "space-between" : "end", alignItems: "center", direction: "row", width: "100%", children: [p.jsxs(Re, { direction: "row", spacing: 2, alignItems: "center", children: [o && p.jsx(xf, { sx: {
     ".MuiInputBase-input": { p: 0 },
     ".MuiInput-root:after": { borderBottom: "none" }
   }, "data-cy": "grid-tool-bar-quick-filter" }), n && t && p.jsx(Yp, { badgeContent: t.filterBtnBadgeContent, color: "primary", "data-cy": "grid-tool-bar-filter-badge", children: p.jsx(RS, { onClick: t.onShowFilterDrawerClick }) })] }), p.jsxs(Re, { direction: "row", spacing: 1, children: [a && p.jsx(Tf, {}), c && p.jsx(PS, { columnData: c.columnData, handleColumnFilterChange: c.handleColumnFilterChange, customGridVisibility: c.customGridVisibility, lockedFields: c.lockedFields, hiddenInColumnPicker: c.hiddenInColumnPicker }), i && p.jsx(Cf, {}), m !== void 0 && h && g && p.jsx(jS, { value: m, onChange: h, options: g }), s && p.jsx(OS, { onClick: s, loadingExport: l })] })] }), u] }) });
 }
-function EO({ testSelector: e = "", disableColumnReorder: t = !0, sx: n, rows: o, ...i }) {
+function OO({ testSelector: e = "", disableColumnReorder: t = !0, sx: n, rows: o, ...i }) {
   return p.jsx(Gc, { "data-test-ink-data-grid": e, rows: o, disableColumnReorder: t, sx: {
     ...n,
     ".MuiDataGrid-virtualScroller": {
@@ -21646,10 +21646,10 @@ function EO({ testSelector: e = "", disableColumnReorder: t = !0, sx: n, rows: o
   }, ...i });
 }
 const AS = [{ id: 0 }, { id: 1 }, { id: 2 }];
-function OO({ testSelector: e = "", emptyColumns: t }) {
+function RO({ testSelector: e = "", emptyColumns: t }) {
   return p.jsx(Gc, { "data-test-ink-data-grid-empty": e, hideFooter: !0, rows: AS, columns: t });
 }
-function RO(e) {
+function jO(e) {
   return e.map((n) => ({
     ...n,
     renderCell: () => p.jsx(Qr, { variant: "rectangular", height: 30, width: "100%" })
@@ -22108,7 +22108,7 @@ if (process.env.NODE_ENV !== "production") {
     wrap: t("container")
   };
 }
-function jO({ Header: e, children: t, sx: n, itemProps: o, ...i }) {
+function kO({ Header: e, children: t, sx: n, itemProps: o, ...i }) {
   return p.jsxs(Ze, { container: !0, children: [e, p.jsx(Ze, { container: !0, sx: {
     justifyContent: "center",
     alignContent: "flex-start",
@@ -22120,7 +22120,7 @@ function jO({ Header: e, children: t, sx: n, itemProps: o, ...i }) {
     ...n
   }, "data-test-layout-details": "content-slot", size: 12, ...i, children: p.jsx(Ze, { size: 10, ...o, children: t }) })] });
 }
-function kO({ Header: e, children: t, sx: n, ...o }) {
+function PO({ Header: e, children: t, sx: n, ...o }) {
   return p.jsxs(Ze, { container: !0, children: [e, p.jsx(Ze, { container: !0, sx: {
     justifyContent: "center",
     alignContent: "flex-start",
@@ -22131,7 +22131,7 @@ function kO({ Header: e, children: t, sx: n, ...o }) {
     ...n
   }, size: 12, ...o, children: t })] });
 }
-function PO({ Header: e, children: t, sx: n, itemProps: o, ...i }) {
+function AO({ Header: e, children: t, sx: n, itemProps: o, ...i }) {
   return p.jsxs(Ze, { container: !0, children: [e, p.jsx(Ze, { container: !0, sx: {
     justifyContent: "center",
     alignContent: "flex-start",
@@ -22143,19 +22143,19 @@ function PO({ Header: e, children: t, sx: n, itemProps: o, ...i }) {
     ...n
   }, "data-test-workflow-layout": "content-slot", size: 12, ...i, children: p.jsx(Ze, { size: 8, ...o, children: t }) })] });
 }
-function AO({ children: e, itemProps: t, containerProps: n }) {
+function MO({ children: e, itemProps: t, containerProps: n }) {
   return p.jsx(Ze, { container: !0, justifyContent: "center", "data-cy": "eight-column-layout-container", ...n, children: p.jsx(Ze, { container: !0, justifyContent: "center", direction: "column", "data-cy": "eight-column-layout-content", size: {
     md: 8,
     xs: 12
   }, ...t, children: e }) });
 }
-function MO({ children: e, itemProps: t, containerProps: n }) {
+function IO({ children: e, itemProps: t, containerProps: n }) {
   return p.jsx(Ze, { container: !0, justifyContent: "center", "data-cy": "ten-column-layout-container", ...n, children: p.jsx(Ze, { container: !0, justifyContent: "center", direction: "column", "data-cy": "ten-column-layout-content", size: {
     md: 10,
     xs: 12
   }, ...t, children: e }) });
 }
-function IO({ leftContent: e, rightContent: t, containerProps: n, leftProps: o, rightProps: i }) {
+function $O({ leftContent: e, rightContent: t, containerProps: n, leftProps: o, rightProps: i }) {
   return p.jsxs(Ze, { container: !0, justifyContent: "center", spacing: 2, "data-cy": "five-three-layout-grid", ...n, children: [p.jsx(Ze, { container: !0, direction: "column", "data-cy": "five-three-left-grid", size: {
     md: 5,
     xs: 12
@@ -22164,7 +22164,7 @@ function IO({ leftContent: e, rightContent: t, containerProps: n, leftProps: o,
     xs: 12
   }, ...i, children: t })] });
 }
-function $O({ leftContent: e, rightContent: t, containerProps: n, leftProps: o, rightProps: i }) {
+function NO({ leftContent: e, rightContent: t, containerProps: n, leftProps: o, rightProps: i }) {
   return p.jsxs(Ze, { container: !0, justifyContent: "center", spacing: 2, "data-cy": "seven-three-layout-grid", ...n, children: [p.jsx(Ze, { container: !0, direction: "column", "data-cy": "seven-three-left-grid", size: {
     md: 7,
     xs: 12
@@ -22173,7 +22173,7 @@ function $O({ leftContent: e, rightContent: t, containerProps: n, leftProps: o,
     xs: 12
   }, ...i, children: t })] });
 }
-function NO({ children: e, panelContent: t, wrapperProps: n, panelProps: o, containerProps: i, itemProps: a }) {
+function _O({ children: e, panelContent: t, wrapperProps: n, panelProps: o, containerProps: i, itemProps: a }) {
   return p.jsxs(Ve, { display: "flex", width: "100%", minHeight: "100vh", sx: { backgroundColor: (s) => s.palette.neutral100 }, "data-cy": "panel-paper-layout-wrapper", ...n, children: [p.jsx(Ve, { flexShrink: 0, width: { xs: "100%", md: 320 }, height: "100vh", overflow: "auto", bgcolor: "white", p: 3, "data-cy": "panel-paper-layout", ...o, children: t }), p.jsx(Ve, { flexGrow: 1, overflow: "auto", height: "100vh", children: p.jsx(Ze, { container: !0, justifyContent: "center", "data-cy": "panel-paper-layout-container", ...i, children: p.jsx(Ze, { "data-cy": "panel-paper-layout-content", size: {
     xs: 12,
     md: 8
@@ -22801,8 +22801,11 @@ var Vn = {
   return null;
 }, fE = DS(tE, oE, op)(pE), Ga = dE(fE);
 Ga.renderStatic = Ga.rewind;
-const _O = ({ title: e, addTitleSuffix: t = !0, description: n, children: o }) => p.jsxs(p.Fragment, { children: [p.jsxs(Ga, { children: [!!e && p.jsxs("title", { children: [e, t && " | Movable Ink"] }), !!n && p.jsx("meta", { name: "description", content: n })] }), o] }), BO = ({ skeletonRows: e, skeletonColumns: t }) => p.jsx(p.Fragment, { children: Array.from({ length: e }).map((n, o) => p.jsx(Ze, { container: !0, spacing: 2, sx: { mb: 2 }, children: Array.from({ length: t }).map((i, a) => p.jsxs(Ze, { size: "grow", children: [p.jsx(Qr, { variant: "text", width: 100, height: 20 }), p.jsx(Qr, { variant: "rectangular", height: 40, sx: { borderRadius: 1 }, "data-test": "loading-skeleton" })] }, a)) }, o)) });
-function DO() {
+const BO = ({ title: e, addTitleSuffix: t = !0, description: n, children: o }) => {
+  const i = e + (t ? " | Movable Ink" : "");
+  return p.jsxs(p.Fragment, { children: [p.jsxs(Ga, { children: [!!e && p.jsx("title", { children: i }), !!n && p.jsx("meta", { name: "description", content: n })] }), o] });
+}, DO = ({ skeletonRows: e, skeletonColumns: t }) => p.jsx(p.Fragment, { children: Array.from({ length: e }).map((n, o) => p.jsx(Ze, { container: !0, spacing: 2, sx: { mb: 2 }, children: Array.from({ length: t }).map((i, a) => p.jsxs(Ze, { size: "grow", children: [p.jsx(Qr, { variant: "text", width: 100, height: 20 }), p.jsx(Qr, { variant: "rectangular", height: 40, sx: { borderRadius: 1 }, "data-test": "loading-skeleton" })] }, a)) }, o)) });
+function LO() {
   const [e, t] = mt(null);
   return [e, async (o) => {
     if (!(navigator != null && navigator.clipboard))
@@ -22874,7 +22877,7 @@ class mE {
     this.title.should("have.text", t);
   }
 }
-const LO = new mE();
+const FO = new mE();
 class ip {
   constructor(t) {
     Ee(this, "baseAttribute", "data-test-select");
@@ -22957,7 +22960,7 @@ class hE {
     return cy.get(`[data-test-ink-snackbar-alert=${t}]`);
   }
 }
-const FO = new hE();
+const zO = new hE();
 class ap {
   constructor(t) {
     Ee(this, "baseAttribute", "data-test-ink-text-field");
@@ -23211,7 +23214,7 @@ class vE {
     return this.dropDownTrigger.click();
   }
 }
-const zO = new gE();
+const VO = new gE();
 class xE {
   get label() {
     return cy.get("[data-test-ink-workflow-header-label]");
@@ -23232,7 +23235,7 @@ class xE {
     return cy.get("[data-test-ink-workflow-header-close-action]");
   }
 }
-const VO = new xE();
+const WO = new xE();
 class up {
   constructor(t) {
     Ee(this, "baseSelector", "data-test-ink-image");
@@ -23737,6 +23740,14 @@ const PE = {
     }
   }
 }, ME = {
+  MuiTooltip: {
+    styleOverrides: {
+      tooltip: {
+        backgroundColor: B.neutral800
+      }
+    }
+  }
+}, IE = {
   MuiCard: {
     defaultProps: {
       variant: "outlined"
@@ -23787,7 +23798,7 @@ const PE = {
       })
     }
   }
-}, IE = {
+}, $E = {
   MuiPaper: {
     defaultProps: {
       variant: "outlined"
@@ -23806,7 +23817,7 @@ const PE = {
       })
     }
   }
-}, $E = "5.5px", fp = "0.15px", pa = ({ theme: e }) => ({
+}, NE = "5.5px", fp = "0.15px", pa = ({ theme: e }) => ({
   color: e.palette.text.secondary,
   fontSize: e.spacing(1.5),
   lineHeight: e.spacing(1.5),
@@ -23831,11 +23842,11 @@ const PE = {
   "&.MuiCheckbox-root.MuiCheckbox-sizeSmall + .MuiFormControlLabel-label, &.MuiRadio-root.MuiRadio-sizeSmall + .MuiFormControlLabel-label": {
     fontSize: e.typography.body2.fontSize
   }
-}), NE = {
+}), _E = {
   MuiFormControl: {
     styleOverrides: {
       root: ({ theme: e }) => ({
-        gap: $E,
+        gap: NE,
         minWidth: "220px",
         "& .MuiFormHelperText-root": {
           margin: 0
@@ -23990,7 +24001,7 @@ const PE = {
       root: Nc
     }
   }
-}, _E = {
+}, BE = {
   MuiChip: {
     styleOverrides: {
       filledDefault: {
@@ -24284,7 +24295,7 @@ const PE = {
       }
     }
   }
-}, BE = {
+}, DE = {
   MuiDataGrid: {
     styleOverrides: {
       root: {
@@ -24332,22 +24343,23 @@ const PE = {
       })
     }
   }
-}, WO = rs({
+}, UO = rs({
   typography: {
     fontFamily: ["Inter", "sans-serif"].join(",")
   },
   components: {
     ...SE,
     ...EE,
-    ...ME,
-    ..._E,
+    ...IE,
     ...BE,
+    ...DE,
     ...OE,
     ...RE,
-    ...NE,
-    ...IE,
+    ..._E,
+    ...$E,
     ...PE,
     ...jE,
+    ...ME,
     ...AE,
     MuiButtonBase: {
       defaultProps: {
@@ -24511,74 +24523,74 @@ const PE = {
   palette: B
 });
 export {
-  JE as DemoComponent,
-  jO as DetailsLayout,
-  AO as EightColumnFullContentLayout,
-  IO as FiveThreeSplitContentLayout,
-  BO as FormSkeletonGrid,
-  tO as HeaderMetadata,
+  ZE as DemoComponent,
+  kO as DetailsLayout,
+  MO as EightColumnFullContentLayout,
+  $O as FiveThreeSplitContentLayout,
+  DO as FormSkeletonGrid,
+  nO as HeaderMetadata,
   mg as HeaderSubtitle,
-  kO as IndexLayout,
-  dO as InkAttributeList,
-  wO as InkCard,
-  CO as InkChart,
+  PO as IndexLayout,
+  pO as InkAttributeList,
+  SO as InkCard,
+  wO as InkChart,
   _v as InkCheckboxGroup,
   ig as InkChip,
-  ZE as InkChipGroup,
-  EO as InkDataGrid,
-  OO as InkDataGridEmpty,
-  QE as InkDialog,
+  QE as InkChipGroup,
+  OO as InkDataGrid,
+  RO as InkDataGridEmpty,
+  eO as InkDialog,
   mE as InkDialogPageObject,
-  fO as InkDrawer,
-  uO as InkEmptyState,
-  gO as InkFormCheckboxGroup,
-  yO as InkFormRadioGroup,
-  xO as InkFormSelect,
-  bO as InkFormSwitch,
-  vO as InkFormTextField,
-  SO as InkGridToolBar,
-  pO as InkImage,
+  mO as InkDrawer,
+  dO as InkEmptyState,
+  yO as InkFormCheckboxGroup,
+  bO as InkFormRadioGroup,
+  TO as InkFormSelect,
+  vO as InkFormSwitch,
+  xO as InkFormTextField,
+  EO as InkGridToolBar,
+  fO as InkImage,
   up as InkImagePageObject,
-  nO as InkPageHeader,
+  rO as InkPageHeader,
   gE as InkPageHeaderPageObject,
-  aO as InkPaper,
-  eO as InkPersistentFilterDrawer,
+  sO as InkPaper,
+  tO as InkPersistentFilterDrawer,
   Jv as InkRadioGroup,
-  sO as InkRadioTiles,
+  lO as InkRadioTiles,
   ST as InkSelect,
   tv as InkSnackbarAlert,
   $r as InkSnackbarContent,
-  mO as InkSnackbarProvider,
+  hO as InkSnackbarProvider,
   ox as InkSwitch,
   cp as InkSwitchPageObject,
   xT as InkTextField,
   ap as InkTextFieldPageObject,
   El as InkToggleIcon,
-  cO as InkToggleIconGroup,
+  uO as InkToggleIconGroup,
   Sl as InkToggleText,
-  lO as InkToggleTextGroup,
-  iO as InkWorkflowHeader,
+  cO as InkToggleTextGroup,
+  aO as InkWorkflowHeader,
   xE as InkWorkflowHeaderPageObject,
-  TO as InternalUseOnlyAlert,
+  CO as InternalUseOnlyAlert,
   ju as InternalUseOnlyLabel,
-  rO as LinkBreadcrumbs,
+  oO as LinkBreadcrumbs,
   yE as LinkBreadcrumbsPageObject,
-  WO as MovableUITheme,
-  oO as PageHeaderActionButtons,
-  _O as PageWrapper,
-  NO as PanelWithPaperContentLayout,
-  $O as SevenThreeSplitContentLayout,
-  hO as SnackbarActionButton,
-  MO as TenColumnFullContentLayout,
-  PO as WorkflowLayout,
-  RO as createEmptyColumns,
+  UO as MovableUITheme,
+  iO as PageHeaderActionButtons,
+  BO as PageWrapper,
+  _O as PanelWithPaperContentLayout,
+  NO as SevenThreeSplitContentLayout,
+  gO as SnackbarActionButton,
+  IO as TenColumnFullContentLayout,
+  AO as WorkflowLayout,
+  jO as createEmptyColumns,
   sp as inkCheckboxGroup,
-  LO as inkDialog,
-  zO as inkPageHeader,
+  FO as inkDialog,
+  VO as inkPageHeader,
   lp as inkRadioGroup,
   ip as inkSelect,
-  FO as inkSnackbarAlert,
-  VO as inkWorkflowHeader,
-  DO as useCopyToClipboard
+  zO as inkSnackbarAlert,
+  WO as inkWorkflowHeader,
+  LO as useCopyToClipboard
 };
 //# sourceMappingURL=index.mjs.map