@movable/ui 3.16.0-oidc.0 → 3.16.0

package/lib/index.mjs

@@ -626,7 +626,7 @@ function Sf() {
   return Bs || (Bs = 1, process.env.NODE_ENV === "production" ? Eo.exports = Cf() : Eo.exports = wf()), Eo.exports;
 }
 var p = Sf();
-function FE({ stringToDisplay: e }) {
+function VE({ stringToDisplay: e }) {
   return p.jsxs(ct, { children: ["stringToDisplay prop is:", " ", p.jsx("span", { "data-test-string-to-display": !0, children: e })] });
 }
 function on(e, ...t) {
@@ -4064,7 +4064,7 @@ const Zm = {
   px: "8px",
   py: "4px"
 }, Qm = 3;
-function zE({ chipList: e, numTagsToDisplay: t, size: r = "medium", maxChipWidth: o = 200 }) {
+function WE({ chipList: e, numTagsToDisplay: t, size: r = "medium", maxChipWidth: o = 200 }) {
   const [i, a] = ft(null), s = Ha(null), [l, c] = ft(void 0);
   Bc(() => {
     const f = new ResizeObserver((C) => {
@@ -4118,7 +4118,7 @@ const Ou = (e) => {
     children: Ga.map(r.children, (o) => Ru(o, t))
   }) : e;
 };
-function VE({ Title: e, Content: t, Actions: r, onClose: o, hideCloseButton: i, ActionsProp: a, ...s }) {
+function UE({ Title: e, Content: t, Actions: r, onClose: o, hideCloseButton: i, ActionsProp: a, ...s }) {
   let l = r;
   if (r) {
     const u = Ou(r);
@@ -4154,7 +4154,7 @@ const Pu = 280, tg = Dc(ze, { shouldForwardProp: (e) => e !== "open" })(({ theme
     marginLeft: 0
   }
 }));
-function WE({
+function HE({
   isOpen: e,
   handleDrawerClose: t,
   children: r,
@@ -4208,7 +4208,7 @@ function WE({
     borderColor: "neutral200"
   }, children: s })] }) }), p.jsx(tg, { component: "main", open: e, ...d, children: r })] });
 }
-function UE({ metadata: e }) {
+function GE({ metadata: e }) {
   const t = (r) => r == null || r === "" ? p.jsx(ct, { variant: "body2", color: "text.disabled", children: "--" }) : typeof r == "string" ? p.jsx(ct, { variant: "body2", children: r }) : r;
   return p.jsx(Oe, { direction: "row", spacing: 2, "data-test-ink-page-header-metadata": !0, children: e.map(({ icon: r, label: o, value: i }) => p.jsxs(Oe, { direction: "row", alignItems: "center", spacing: 0.5, "data-cy": `metadata-${o}`, children: [r && typeof r == "string" ? p.jsx(On, { sx: { color: "neutral600", fontSize: "1rem" }, children: r }) : r, p.jsx(ct, { variant: "body2", color: "text.secondary", children: o }), t(i)] }, o)) });
 }
@@ -4232,7 +4232,7 @@ const ng = ({ children: e }) => {
   },
   ...t
 }, children: e({ position: o }) }) });
-function HE({ Breadcrumbs: e, Subtitle: t, Metadata: r, Chips: o, ButtonGroup: i, Tabs: a, sx: s }) {
+function qE({ Breadcrumbs: e, Subtitle: t, Metadata: r, Chips: o, ButtonGroup: i, Tabs: a, sx: s }) {
   return p.jsx(ju, { children: ({ position: l }) => p.jsxs(Oe, { "data-test-ink-page-header": !0, direction: "column", spacing: 2, position: l, sx: {
     borderBottom: 1,
     borderColor: "divider",
@@ -4253,13 +4253,13 @@ function og({ label: e }) {
 function ig({ breadcrumb: e, i: t, onClick: r }) {
   return p.jsx(Rp, { href: e.path, ...e.LinkProps, underline: "hover", "data-cy": `breadcrumb-${t}`, variant: "h5", color: "action.active", onClick: r, children: e.label });
 }
-function GE({ breadcrumbs: e }) {
+function YE({ breadcrumbs: e }) {
   return p.jsx(Op, { sx: rg, "data-test-ink-page-header-breadcrumbs": !0, children: e?.map((t, r) => r === e.length - 1 ? p.jsx(og, { label: t.label }, `breadcrumb-${r}`) : p.jsx(ig, { breadcrumb: t, i: r, onClick: t.onClick }, `breadcrumb-${r}`)) });
 }
 function ku({ sx: e }) {
   return p.jsx(ct, { variant: "overline", sx: { color: "neutral500", fontWeight: 600, lineHeight: 2.25, ...e }, children: "Internal Use Only" });
 }
-function qE({ primaryAction: e, secondaryAction: t, dropdownAction: r }) {
+function KE({ primaryAction: e, secondaryAction: t, dropdownAction: r }) {
   const [o, i] = ft(null), a = !!o, s = (h) => {
     i(h.currentTarget);
   }, l = () => {
@@ -4282,7 +4282,7 @@ function qE({ primaryAction: e, secondaryAction: t, dropdownAction: r }) {
 function ag({ subtitle: e, sx: t, ...r }) {
   return p.jsx(ct, { variant: "body2", color: "text.secondary", "data-cy": "header-subtitle", sx: { ...t }, ...r, children: e });
 }
-function YE({ label: e, Stepper: t, ButtonGroup: r, subtitle: o }) {
+function XE({ label: e, Stepper: t, ButtonGroup: r, subtitle: o }) {
   const i = (a) => typeof a == "object" && a !== null && ("primary" in a || "close" in a);
   return p.jsx(ju, { sx: {
     px: 3,
@@ -5682,7 +5682,7 @@ process.env.NODE_ENV !== "production" && (qt.propTypes = {
    */
   variantMapping: n.object
 });
-function KE({ Header: e, Description: t, Icon: r, CTA: o, children: i, shouldShowFullDescription: a = !1, isLoading: s = !1, loadingSkeleton: l, ...c }) {
+function JE({ Header: e, Description: t, Icon: r, CTA: o, children: i, shouldShowFullDescription: a = !1, isLoading: s = !1, loadingSkeleton: l, ...c }) {
   const u = () => s && l ? l : i;
   return p.jsxs(vi, { "data-test": "ink-paper", ...c, sx: {
     ...c.sx,
@@ -5698,7 +5698,7 @@ function KE({ Header: e, Description: t, Icon: r, CTA: o, children: i, shouldSho
     textOverflow: "ellipsis"
   }, children: [typeof e != "string" ? p.jsx(p.Fragment, { children: e }) : p.jsx(qt, { "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(qt, { "data-test": "ink-paper-description", variant: "caption", color: "text.secondary", noWrap: !a, children: t }) })] }), o] }), u()] });
 }
-const XE = ({ name: e, options: t, value: r, ref: o, direction: i = "row", cardSx: a, fullWidth: s = !0, disabled: l = !1, onChange: c, onBlur: u }) => {
+const ZE = ({ name: e, options: t, value: r, ref: o, direction: i = "row", cardSx: a, fullWidth: s = !0, disabled: l = !1, onChange: c, onBlur: u }) => {
   const d = (g, y, f, T) => T ? g ? y : "inherit" : f, m = (g, y, f, T, C) => C ? g ? y : T : g ? y : f, h = t.some((g) => !!g.bottomContent);
   return p.jsx(Pp, { name: e, onChange: c, onBlur: u, value: r, ref: o, "aria-label": e, "aria-readonly": l, "aria-disabled": l, sx: { width: s ? "100%" : "fit-content" }, children: p.jsx(Oe, { direction: i, spacing: 2, children: t.map(({ value: g, icon: y, title: f, description: T, subDescription: C, disabled: E, bottomContent: x }) => {
     const v = l || E;
@@ -5777,7 +5777,7 @@ function Sl({ value: e, label: t, size: r = "small", ariaLabel: o, ...i }) {
     }
   }, children: t || e });
 }
-function JE({ id: e, toggleButtons: t, ariaLabel: r, value: o = "", size: i = "x-small", single: a = !1, enforceValueSet: s = !1, sx: l, onChange: c, ...u }) {
+function QE({ id: e, toggleButtons: t, ariaLabel: r, 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);
   };
@@ -5863,7 +5863,7 @@ function El({ value: e, size: t = "small", ariaLabel: r, icon: o, ...i }) {
     }
   }, children: o });
 }
-function ZE({ id: e, toggleButtons: t, ariaLabel: r, size: o = "x-small", single: i = !1, value: a = "", enforceValueSet: s = !1, onChange: l, sx: c, ...u }) {
+function eO({ id: e, toggleButtons: t, ariaLabel: r, 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];
@@ -5912,7 +5912,7 @@ const Ol = {
   description: "This may take a moment while we process your data. Thanks for your patience.",
   icon: p.jsx(Jp, { sx: { fontSize: "56px", color: "neutral500" } })
 };
-function QE({ title: e, description: t, action: r, variant: o, icon: i, isLongLoading: a, sx: s }) {
+function tO({ title: e, description: t, action: r, variant: o, icon: i, isLongLoading: a, sx: s }) {
   a && (e = e || na.title, t = t || na.description, i = i || na.icon);
   const l = o === "search" ? "neutral00" : "neutral50", c = Xg[o], { fontSize: u, fontSizeDescription: d, titleVariant: m, descriptionVariant: h } = c, g = (y) => !!y && "onClick" in y;
   return p.jsxs(Oe, { alignItems: "center", justifyContent: "center", textAlign: "center", "data-cy": `empty-state-${o}-${a ? "long-loading-" : ""}container`, sx: { backgroundColor: l, p: 5, ...s }, children: [i && p.jsx(Kg, { icon: i, variant: o }), e && p.jsx(ct, { variant: m, sx: { fontSize: u }, "data-cy": "empty-state-title", children: p.jsx("strong", { children: e }) }), p.jsx(ct, { variant: h, color: "text.secondary", sx: { fontSize: d, maxWidth: "500px", mt: 1 }, "data-cy": "empty-state-description", children: t }), r && p.jsx(ze, { mt: 3, children: g(r) ? p.jsx(dt, { onClick: r.onClick, "data-cy": "empty-state-action-button", children: r.title }) : r })] });
@@ -8427,7 +8427,7 @@ const Wy = q(Vu)(({ theme: e }) => ({
 function Uy({ listItemProps: e, listItemIconProps: t, ...r }) {
   return p.jsxs(Wy, { disableGutters: !0, ...e, children: [t?.adornment === "start" && p.jsx(Ra, { ...t, children: t?.children }), p.jsx(Wu, { ...r }), t?.adornment === "end" && p.jsx(Ra, { ...t, children: t?.children })] });
 }
-function eO({ label: e, attributes: t, ...r }) {
+function nO({ label: e, attributes: t, ...r }) {
   return p.jsxs(p.Fragment, { children: [p.jsx(is, { children: e }), p.jsx(as, { ...r, dense: !0, sx: {
     display: "flex",
     flexDirection: "column",
@@ -11087,7 +11087,7 @@ process.env.NODE_ENV !== "production" && (td.propTypes = {
    */
   TransitionProps: n.object
 });
-function tO({ src: e, alt: t, sx: r, imageSx: o, fallbackText: i = "Image Failed to Load", ...a }) {
+function rO({ src: e, alt: t, sx: r, imageSx: o, fallbackText: i = "Image Failed to Load", ...a }) {
   const [s, l] = ft(!1), [c, u] = ft(!0);
   return p.jsxs(Vr, { sx: {
     display: "flex",
@@ -11157,7 +11157,7 @@ const oa = {
     marginLeft: t ? 0 : o
   };
 }), ia = (e) => e.drawerType !== "panel";
-function nO(e) {
+function oO(e) {
   const {
     drawerType: t,
     drawerContent: r,
@@ -11216,7 +11216,7 @@ function nO(e) {
     borderColor: "neutral200"
   }, children: o })] }) }), p.jsx(T0, { component: "main", open: ia(e) ? e.isOpen : !0, drawerWidth: f, ...m, children: d })] });
 }
-const rO = ({ children: e, maxSnack: t = 3, anchorOrigin: r = {
+const iO = ({ children: e, maxSnack: t = 3, anchorOrigin: r = {
   horizontal: "center",
   vertical: "bottom"
 }, ...o }) => p.jsx(tf, { anchorOrigin: r, Components: {
@@ -12827,13 +12827,13 @@ process.env.NODE_ENV !== "production" && (ld.propTypes = {
 const cd = rt(/* @__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 oO({ closeSnackbar: e, label: t, ...r }) {
+function aO({ closeSnackbar: e, label: t, ...r }) {
   const o = () => {
     e();
   };
   return p.jsxs(p.Fragment, { children: [p.jsx(ld, { "data-test-ink-snackbar-action": t, variant: "text", color: "primary", sx: { whiteSpace: "nowrap" }, ...r, children: "label" }), p.jsx(xs, { "data-test-ink-snackbar-action-close": !0, color: "inherit", onClick: o, children: p.jsx(cd, { fontSize: "small" }) })] });
 }
-function iO({ control: e, name: t, rules: r, onChange: o, ...i }) {
+function sO({ control: e, name: t, rules: r, onChange: o, ...i }) {
   return p.jsx(mo, { name: t, control: e, rules: r, render: ({ field: { onChange: a, ...s }, fieldState: { error: l } }) => {
     const c = (u) => {
       a?.(u), o?.(u);
@@ -14591,7 +14591,7 @@ const Vv = fo(({ options: e, radioGroupProps: t, formLabel: r, formLabelProps: o
     return p.jsx(Ri, { "data-test-ink-radio-group-item": T, value: f, control: p.jsx(dd, { ...C, checked: h === f, className: x }), label: T }, `ink-radio-${E}`);
   }) }), c && p.jsx(Pi, { "data-test-ink-radio-group-helper-text": !0, children: c })] }) });
 });
-function aO({ control: e, name: t, rules: r, onChange: o, ...i }) {
+function lO({ control: e, name: t, rules: r, onChange: o, ...i }) {
   return p.jsx(mo, { name: t, control: e, rules: r, render: ({ field: { onChange: a, ...s }, fieldState: { error: l } }) => {
     const c = (u) => {
       a?.(u), o?.(u);
@@ -14975,7 +14975,7 @@ process.env.NODE_ENV !== "production" && (fd.propTypes = {
   value: n.any
 });
 const Kv = fo(({ id: e, formLabel: t, labelPlacement: r = "end", sx: o, defaultChecked: i = !1, formControlLabelProps: a, ...s }, l) => p.jsx(Ri, { ...a, ref: l, "data-test-ink-switch-label": e, control: p.jsx(fd, { ...s, sx: { ...o }, "data-test-ink-switch": e, id: e, defaultChecked: i }), label: t, labelPlacement: r }));
-function sO({ control: e, name: t, id: r, rules: o, ...i }) {
+function cO({ control: e, name: t, id: r, rules: o, ...i }) {
   return p.jsx(mo, { name: t, control: e, rules: o, render: ({ field: { onChange: a, ...s } }) => {
     const l = (c, u) => {
       a?.(u);
@@ -20426,7 +20426,7 @@ const dT = fo(({ name: e, minRows: t = 3, variant: r = "filled", size: o = "medi
   hiddenLabel: !0
 }, InputLabelProps: {
   shrink: !0
-}, ...a })), lO = ({ control: e, name: t, label: r, rules: o, helperText: i, onBlur: a, ...s }) => p.jsx(mo, { name: t, control: e, rules: o, render: ({ field: { value: l, onBlur: c, ...u }, fieldState: d }) => {
+}, ...a })), uO = ({ control: e, name: t, label: r, rules: o, helperText: i, onBlur: a, ...s }) => p.jsx(mo, { name: t, control: e, rules: o, render: ({ field: { value: l, onBlur: c, ...u }, fieldState: d }) => {
   const m = (h) => {
     c?.(), a?.(h);
   };
@@ -20507,7 +20507,7 @@ function mT({ id: e, name: t, label: r, menuOptions: o, inputProps: i, helperTex
     ...i
   }, ...m, ref: h, children: T(d, o) }), a && p.jsx($p, { "data-test-select-helper-text": t, children: a })] });
 }
-function cO({ control: e, name: t, rules: r, helperText: o, onChange: i, onBlur: a, disabled: s, ...l }) {
+function dO({ control: e, name: t, rules: r, helperText: o, onChange: i, onBlur: a, disabled: s, ...l }) {
   return p.jsx(mo, { name: t, control: e, rules: r, disabled: s, render: ({ field: { onChange: c, onBlur: u, ...d }, fieldState: { error: m } }) => {
     const h = (y, f) => {
       c?.(y), i?.(y, f);
@@ -20520,7 +20520,7 @@ function cO({ control: e, name: t, rules: r, helperText: o, onChange: i, onBlur:
 const kd = rt(/* @__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 uO({ message: e, sx: t, messageSx: r }) {
+function pO({ message: e, sx: t, messageSx: r }) {
   return p.jsx(Wc, { severity: "info", "data-cy": "internal-user-only-alert", sx: { alignItems: "center", ...t }, iconMapping: {
     info: p.jsx(kd, {})
   }, children: p.jsxs(Oe, { direction: "row", gap: 1, alignItems: "center", children: [p.jsx(ku, { sx: { color: "text.secondary" } }), p.jsx(Oe, { children: "-" }), p.jsx(ct, { variant: "body2", sx: r, "data-cy": "internal-user-only-alert-message", children: e || "This page has limited access to internal users only." })] }) });
@@ -21203,7 +21203,7 @@ var sS = aS(function(e, t, r) {
 });
 const Pc = ["borderColor", "backgroundColor"];
 Gc.register(rf, of, af, sf, lf, cf, uf, df, pf, ff);
-function dO({ chartOptions: e, type: t, data: r, customColors: o, height: i = 200, isLoading: a, stacked: s, legend: l, title: c }) {
+function fO({ chartOptions: e, type: t, data: r, customColors: o, height: i = 200, isLoading: a, stacked: s, legend: l, title: c }) {
   const u = Kn();
   Gc.defaults.color = u.palette.text.primary;
   const d = [
@@ -21409,7 +21409,7 @@ const pS = 382, jc = (e, t, r, o, i) => i ? o : e ? t : r, fS = (e, t, r, o, i)
 function mS({ description: e, buttonProps: t }) {
   return p.jsxs(p.Fragment, { children: [p.jsx(Bp, { children: p.jsx(ct, { variant: "body2", color: "text.secondary", children: e }) }), t && p.jsx(Dp, { children: p.jsx(dt, { variant: "card", ...t, children: t.label }) })] });
 }
-function pO({ cardMedia: e, cardHeader: t, cardType: r = "default", galleryContent: o, children: i, ...a }) {
+function hO({ cardMedia: e, cardHeader: t, cardType: r = "default", galleryContent: o, children: i, ...a }) {
   const s = !!(t?.checkboxProps || t?.title || t?.subheader || t?.adornment || t?.avatar || t?.onClose), l = !!t?.checkboxProps, c = !!t?.checkboxProps?.checked, u = t?.checkboxProps?.disabled;
   return p.jsxs(Fc, { ...a, sx: fS(l, c, u, r, a.sx), "data-cy": "inkcard-container", children: [e && p.jsx(dS, { cardType: r, ...e }), s && p.jsx(lS, { ...t }), r === "gallery" && o ? p.jsx(mS, { description: o.description, buttonProps: o.buttonProps }) : i] });
 }
@@ -21491,14 +21491,14 @@ function xS({ columnData: e, handleColumnFilterChange: t, customGridVisibility:
     display: i?.includes(x) ? "none" : void 0
   } }) }, x)) }), p.jsx(Up, { sx: { position: "sticky", bottom: 0, zIndex: 1, padding: 0 }, variant: "outlined", children: p.jsxs(Oe, { flexDirection: "row", justifyContent: "space-between", sx: { mx: 1.5, py: 1 }, children: [p.jsx(dt, { onClick: f, children: "Deselect all" }), p.jsx(dt, { onClick: T, children: "Select all" })] }) })] })] });
 }
-function fO({ groupingProps: e, filterDrawerBtnProps: t, showFilterDrawerBtn: r = !1, showQuickFilter: o = !0, showExportButton: i = !1, showDensitySelector: a = !1, onExportClick: s, loadingExport: l, columnPickerProps: c, children: u, py: d = 2 }) {
+function mO({ groupingProps: e, filterDrawerBtnProps: t, showFilterDrawerBtn: r = !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(yf, { sx: { py: d }, children: p.jsxs(Oe, { direction: "column", sx: { width: "100%" }, children: [p.jsxs(Oe, { justifyContent: o ? "space-between" : "end", alignItems: "center", direction: "row", width: "100%", children: [p.jsxs(Oe, { direction: "row", spacing: 2, alignItems: "center", children: [o && p.jsx(bf, { sx: {
     ".MuiInputBase-input": { p: 0 },
     ".MuiInput-root:after": { borderBottom: "none" }
   }, "data-cy": "grid-tool-bar-quick-filter" }), r && t && p.jsx(Hp, { badgeContent: t.filterBtnBadgeContent, color: "primary", "data-cy": "grid-tool-bar-filter-badge", children: p.jsx(yS, { onClick: t.onShowFilterDrawerClick }) })] }), p.jsxs(Oe, { direction: "row", spacing: 1, children: [a && p.jsx(vf, {}), c && p.jsx(xS, { columnData: c.columnData, handleColumnFilterChange: c.handleColumnFilterChange, customGridVisibility: c.customGridVisibility, lockedFields: c.lockedFields, hiddenInColumnPicker: c.hiddenInColumnPicker }), i && p.jsx(xf, {}), m !== void 0 && h && g && p.jsx(bS, { value: m, onChange: h, options: g }), s && p.jsx(gS, { onClick: s, loadingExport: l })] })] }), u] }) });
 }
-function hO({ testSelector: e = "", disableColumnReorder: t = !0, sx: r, rows: o, ...i }) {
+function gO({ testSelector: e = "", disableColumnReorder: t = !0, sx: r, rows: o, ...i }) {
   const a = o?.length ? null : {
     ".MuiDataGrid-virtualScroller": {
       display: "none"
@@ -21510,10 +21510,10 @@ function hO({ testSelector: e = "", disableColumnReorder: t = !0, sx: r, rows: o
   }, ...i });
 }
 const TS = [{ id: 0 }, { id: 1 }, { id: 2 }];
-function mO({ testSelector: e = "", emptyColumns: t }) {
+function yO({ testSelector: e = "", emptyColumns: t }) {
   return p.jsx(qc, { "data-test-ink-data-grid-empty": e, hideFooter: !0, rows: TS, columns: t });
 }
-function gO(e) {
+function bO(e) {
   return e.map((r) => ({
     ...r,
     renderCell: () => p.jsx(Zr, { variant: "rectangular", height: 30, width: "100%" })
@@ -21543,7 +21543,7 @@ function CS({ value: e, wordBreak: t = "break-word", textAlign: r = "left", sx:
     // Preserve line breaks and wrap text
   }, children: i }) });
 }
-function yO(e, t, r = {}) {
+function vO(e, t, r = {}) {
   const { wordBreak: o, textAlign: i, sx: a, ...s } = r;
   return {
     field: e,
@@ -21553,7 +21553,7 @@ function yO(e, t, r = {}) {
   };
 }
 const wS = ({ action: e, onClose: t }) => p.jsxs(Oe, { direction: "row", spacing: 1, children: [e && p.jsx(dt, { "data-test-ink-highlight-alert-action": !0, onClick: e.callback, variant: "contained", color: "inherit", size: "medium", sx: { color: "text.primary" }, children: e.label }), t && p.jsx(Tr, { onClick: t, sx: { color: "neutral00" }, "data-test-ink-highlight-alert-close": !0, children: p.jsx(cd, {}) })] });
-function bO({ testSelector: e = "ink-highlight-alert", onClose: t, action: r, alertProps: o, message: i }) {
+function xO({ testSelector: e = "ink-highlight-alert", onClose: t, action: r, alertProps: o, message: i }) {
   return p.jsx(Wc, { "data-test-ink-highlight-alert": e, variant: "highlight", icon: !1, onClose: t && !r ? t : void 0, action: (r || t) && p.jsx(wS, { onClose: t, action: r ?? void 0 }), ...o, sx: {
     px: 3,
     py: 1,
@@ -22009,7 +22009,7 @@ if (process.env.NODE_ENV !== "production") {
     wrap: t("container")
   };
 }
-function vO({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
+function TO({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
   return p.jsxs(Xe, { container: !0, children: [e, p.jsx(Xe, { container: !0, sx: {
     justifyContent: "center",
     alignContent: "flex-start",
@@ -22021,7 +22021,7 @@ function vO({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
     ...r
   }, "data-test-layout-details": "content-slot", size: 12, ...i, children: p.jsx(Xe, { size: 10, ...o, children: t }) })] });
 }
-function xO({ Header: e, children: t, sx: r, ...o }) {
+function CO({ Header: e, children: t, sx: r, ...o }) {
   return p.jsxs(Xe, { container: !0, children: [e, p.jsx(Xe, { container: !0, sx: {
     justifyContent: "center",
     alignContent: "flex-start",
@@ -22032,7 +22032,7 @@ function xO({ Header: e, children: t, sx: r, ...o }) {
     ...r
   }, size: 12, ...o, children: t })] });
 }
-function TO({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
+function wO({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
   return p.jsxs(Xe, { container: !0, children: [e, p.jsx(Xe, { container: !0, sx: {
     justifyContent: "center",
     alignContent: "flex-start",
@@ -22044,52 +22044,67 @@ function TO({ Header: e, children: t, sx: r, itemProps: o, ...i }) {
     ...r
   }, "data-test-workflow-layout": "content-slot", size: 12, ...i, children: p.jsx(Xe, { size: 8, ...o, children: t }) })] });
 }
-function CO({ children: e, itemProps: t, containerProps: r }) {
-  const o = { md: 10, xs: 12 };
+function SS({ children: e, itemProps: t, containerProps: r }) {
+  const o = { xs: 12, lg: 10 };
   return p.jsx(Hr, { container: !0, justifyContent: "center", "data-cy": "full-content-layout-container", ...r, children: p.jsx(Hr, { container: !0, justifyContent: "center", direction: "column", "data-cy": "full-content-layout-content", size: t?.size || o, ...t, children: e }) });
 }
-function wO({ children: e, itemProps: t, containerProps: r }) {
+function SO({ children: e, itemProps: t, containerProps: r }) {
   return p.jsx(Xe, { container: !0, justifyContent: "center", "data-cy": "eight-column-layout-container", ...r, children: p.jsx(Xe, { container: !0, justifyContent: "center", direction: "column", "data-cy": "eight-column-layout-content", size: {
-    md: 8,
-    xs: 12
+    xs: 12,
+    lg: 8
   }, ...t, children: e }) });
 }
-function SO({ children: e, itemProps: t, containerProps: r }) {
+function EO({ children: e, itemProps: t, containerProps: r }) {
   return p.jsx(Xe, { container: !0, justifyContent: "center", "data-cy": "ten-column-layout-container", ...r, children: p.jsx(Xe, { container: !0, justifyContent: "center", direction: "column", "data-cy": "ten-column-layout-content", size: {
-    md: 10,
+    lg: 10,
     xs: 12
   }, ...t, children: e }) });
 }
-function EO({ containerProps: e, leftContent: t, rightContent: r, leftProps: o, rightProps: i }) {
-  const a = { md: 6, xs: 12 };
+function OO({ children: e, containerProps: t, itemProps: r }) {
+  return p.jsx(SS, { containerProps: t, itemProps: {
+    ...r,
+    size: 12
+  }, children: e });
+}
+function ES({ containerProps: e, leftContent: t, rightContent: r, leftProps: o, rightProps: i }) {
+  const a = { xs: 12, lg: 6 };
   return p.jsxs(Hr, { container: !0, justifyContent: "center", spacing: 2, "data-cy": "split-content-layout-container", ...e, children: [p.jsx(Hr, { "data-cy": "left-content", size: o?.size || a, ...o, children: t }), p.jsx(Hr, { "data-cy": "right-content", size: i?.size || a, ...i, children: r })] });
 }
-function OO({ leftContent: e, rightContent: t, containerProps: r, leftProps: o, rightProps: i }) {
+function RO({ leftContent: e, rightContent: t, containerProps: r, leftProps: o, rightProps: i }) {
   return p.jsxs(Xe, { container: !0, justifyContent: "center", spacing: 2, "data-cy": "five-three-layout-grid", ...r, children: [p.jsx(Xe, { container: !0, direction: "column", "data-cy": "five-three-left-grid", size: {
-    md: 5,
-    xs: 12
+    xs: 12,
+    lg: 5
   }, ...o, children: e }), p.jsx(Xe, { container: !0, direction: "column", "data-cy": "five-three-right-grid", size: {
-    md: 3,
-    xs: 12
+    xs: 12,
+    lg: 3
   }, ...i, children: t })] });
 }
-function RO({ leftContent: e, rightContent: t, containerProps: r, leftProps: o, rightProps: i }) {
+function PO({ leftContent: e, rightContent: t, containerProps: r, leftProps: o, rightProps: i }) {
   return p.jsxs(Xe, { container: !0, justifyContent: "center", spacing: 2, "data-cy": "seven-three-layout-grid", ...r, children: [p.jsx(Xe, { container: !0, direction: "column", "data-cy": "seven-three-left-grid", size: {
-    md: 7,
-    xs: 12
+    xs: 12,
+    lg: 7
   }, ...o, children: e }), p.jsx(Xe, { container: !0, direction: "column", "data-cy": "seven-three-right-grid", size: {
-    md: 3,
-    xs: 12
+    xs: 12,
+    lg: 3
   }, ...i, children: t })] });
 }
-function PO({ children: e, panelContent: t, wrapperProps: r, panelProps: o, containerProps: i, itemProps: a }) {
-  return p.jsxs(ze, { display: "flex", width: "100%", minHeight: "100vh", sx: { backgroundColor: (s) => s.palette.neutral100 }, "data-cy": "panel-paper-layout-wrapper", ...r, children: [p.jsx(ze, { 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(ze, { flexGrow: 1, overflow: "auto", height: "100vh", children: p.jsx(Xe, { container: !0, justifyContent: "center", "data-cy": "panel-paper-layout-container", ...i, children: p.jsx(Xe, { "data-cy": "panel-paper-layout-content", size: {
+function jO({ leftContent: e, rightContent: t, containerProps: r, leftProps: o, rightProps: i }) {
+  return p.jsx(ES, { containerProps: r, leftContent: e, rightContent: t, leftProps: {
+    ...o,
+    size: { xs: 12, lg: 4 }
+  }, rightProps: {
+    ...i,
+    size: { xs: 12, lg: 8 }
+  } });
+}
+function kO({ children: e, panelContent: t, wrapperProps: r, panelProps: o, containerProps: i, itemProps: a }) {
+  return p.jsxs(ze, { display: "flex", width: "100%", minHeight: "100vh", sx: { backgroundColor: (s) => s.palette.neutral100 }, "data-cy": "panel-paper-layout-wrapper", ...r, children: [p.jsx(ze, { flexShrink: 0, width: { xs: "100%", lg: 320 }, height: "100vh", overflow: "auto", bgcolor: "white", p: 3, "data-cy": "panel-paper-layout", ...o, children: t }), p.jsx(ze, { flexGrow: 1, overflow: "auto", height: "100vh", children: p.jsx(Xe, { container: !0, justifyContent: "center", "data-cy": "panel-paper-layout-container", ...i, children: p.jsx(Xe, { "data-cy": "panel-paper-layout-content", size: {
     xs: 12,
-    md: 8
+    lg: 8
   }, ...a, children: e }) }) })] });
 }
 var da, kc;
-function SS() {
+function OS() {
   if (kc) return da;
   kc = 1;
   function e(l) {
@@ -22157,10 +22172,10 @@ function SS() {
   }
   return da = s, da;
 }
-var ES = SS();
-const OS = /* @__PURE__ */ ni(ES);
+var RS = OS();
+const PS = /* @__PURE__ */ ni(RS);
 var pa, Ic;
-function RS() {
+function jS() {
   if (Ic) return pa;
   Ic = 1;
   var e = typeof Element < "u", t = typeof Map == "function", r = typeof Set == "function", o = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
@@ -22220,10 +22235,10 @@ function RS() {
     }
   }, pa;
 }
-var PS = RS();
-const jS = /* @__PURE__ */ ni(PS);
-var kS = Xc();
+var kS = jS();
 const IS = /* @__PURE__ */ ni(kS);
+var AS = Xc();
+const MS = /* @__PURE__ */ ni(AS);
 var zn = {
   BODY: "bodyAttributes",
   HTML: "htmlAttributes",
@@ -22268,16 +22283,16 @@ var zn = {
   ENCODE_SPECIAL_CHARACTERS: "encodeSpecialCharacters",
   ON_CHANGE_CLIENT_STATE: "onChangeClientState",
   TITLE_TEMPLATE: "titleTemplate"
-}, AS = Object.keys(ei).reduce(function(e, t) {
+}, $S = Object.keys(ei).reduce(function(e, t) {
   return e[ei[t]] = t, e;
-}, {}), MS = [fe.NOSCRIPT, fe.SCRIPT, fe.STYLE], Yt = "data-react-helmet", $S = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+}, {}), NS = [fe.NOSCRIPT, fe.SCRIPT, fe.STYLE], Yt = "data-react-helmet", _S = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
   return typeof e;
 } : function(e) {
   return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-}, NS = function(e, t) {
+}, BS = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, _S = /* @__PURE__ */ (function() {
+}, DS = /* @__PURE__ */ (function() {
   function e(t, r) {
     for (var o = 0; o < r.length; o++) {
       var i = r[o];
@@ -22294,7 +22309,7 @@ var zn = {
       Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
   }
   return e;
-}, BS = function(e, t) {
+}, LS = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -22310,14 +22325,14 @@ var zn = {
   for (var o in e)
     t.indexOf(o) >= 0 || Object.prototype.hasOwnProperty.call(e, o) && (r[o] = e[o]);
   return r;
-}, DS = function(e, t) {
+}, FS = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
 }, Fa = function(t) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
   return r === !1 ? String(t) : String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
-}, LS = function(t) {
+}, zS = function(t) {
   var r = cr(t, fe.TITLE), o = cr(t, po.TITLE_TEMPLATE);
   if (o && r)
     return o.replace(/%s/g, function() {
@@ -22325,7 +22340,7 @@ var zn = {
     });
   var i = cr(t, po.DEFAULT_TITLE);
   return r || i || void 0;
-}, FS = function(t) {
+}, VS = function(t) {
   return cr(t, po.ON_CHANGE_CLIENT_STATE) || function() {
   };
 }, fa = function(t, r) {
@@ -22336,7 +22351,7 @@ var zn = {
   }).reduce(function(o, i) {
     return It({}, o, i);
   }, {});
-}, zS = function(t, r) {
+}, WS = function(t, r) {
   return r.filter(function(o) {
     return typeof o[fe.BASE] < "u";
   }).map(function(o) {
@@ -22353,7 +22368,7 @@ var zn = {
 }, Br = function(t, r, o) {
   var i = {};
   return o.filter(function(a) {
-    return Array.isArray(a[t]) ? !0 : (typeof a[t] < "u" && Va("Helmet: " + t + ' should be of type "Array". Instead found type "' + $S(a[t]) + '"'), !1);
+    return Array.isArray(a[t]) ? !0 : (typeof a[t] < "u" && Va("Helmet: " + t + ' should be of type "Array". Instead found type "' + _S(a[t]) + '"'), !1);
   }).map(function(a) {
     return a[t];
   }).reverse().reduce(function(a, s) {
@@ -22371,7 +22386,7 @@ var zn = {
       return a.push(h);
     });
     for (var c = Object.keys(l), u = 0; u < c.length; u++) {
-      var d = c[u], m = IS({}, i[d], l[d]);
+      var d = c[u], m = MS({}, i[d], l[d]);
       i[d] = m;
     }
     return a;
@@ -22383,9 +22398,9 @@ var zn = {
       return i[r];
   }
   return null;
-}, VS = function(t) {
+}, US = function(t) {
   return {
-    baseTag: zS([Ke.HREF, Ke.TARGET], t),
+    baseTag: WS([Ke.HREF, Ke.TARGET], t),
     bodyAttributes: fa(zn.BODY, t),
     defer: cr(t, po.DEFER),
     encode: cr(t, po.ENCODE_SPECIAL_CHARACTERS),
@@ -22393,10 +22408,10 @@ var zn = {
     linkTags: Br(fe.LINK, [Ke.REL, Ke.HREF], t),
     metaTags: Br(fe.META, [Ke.NAME, Ke.CHARSET, Ke.HTTPEQUIV, Ke.PROPERTY, Ke.ITEM_PROP], t),
     noscriptTags: Br(fe.NOSCRIPT, [Ke.INNER_HTML], t),
-    onChangeClientState: FS(t),
+    onChangeClientState: VS(t),
     scriptTags: Br(fe.SCRIPT, [Ke.SRC, Ke.INNER_HTML], t),
     styleTags: Br(fe.STYLE, [Ke.CSS_TEXT], t),
-    title: LS(t),
+    title: zS(t),
     titleAttributes: fa(zn.TITLE, t)
   };
 }, za = (function() {
@@ -22409,17 +22424,17 @@ var zn = {
   };
 })(), $c = function(t) {
   return clearTimeout(t);
-}, WS = typeof window < "u" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || za : global.requestAnimationFrame || za, US = typeof window < "u" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || $c : global.cancelAnimationFrame || $c, Va = function(t) {
+}, HS = typeof window < "u" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || za : global.requestAnimationFrame || za, GS = typeof window < "u" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || $c : global.cancelAnimationFrame || $c, Va = function(t) {
   return console && typeof console.warn == "function" && console.warn(t);
-}, Dr = null, HS = function(t) {
-  Dr && US(Dr), t.defer ? Dr = WS(function() {
+}, Dr = null, qS = function(t) {
+  Dr && GS(Dr), t.defer ? Dr = HS(function() {
     Nc(t, function() {
       Dr = null;
     });
   }) : (Nc(t), Dr = null);
 }, Nc = function(t, r) {
   var o = t.baseTag, i = t.bodyAttributes, a = t.htmlAttributes, s = t.linkTags, l = t.metaTags, c = t.noscriptTags, u = t.onChangeClientState, d = t.scriptTags, m = t.styleTags, h = t.title, g = t.titleAttributes;
-  Wa(fe.BODY, i), Wa(fe.HTML, a), GS(h, g);
+  Wa(fe.BODY, i), Wa(fe.HTML, a), YS(h, g);
   var y = {
     baseTag: nr(fe.BASE, o),
     linkTags: nr(fe.LINK, s),
@@ -22434,7 +22449,7 @@ var zn = {
   }), r && r(), u(t, f, T);
 }, ep = function(t) {
   return Array.isArray(t) ? t.join("") : t;
-}, GS = function(t, r) {
+}, YS = function(t, r) {
   typeof t < "u" && document.title !== t && (document.title = ep(t)), Wa(fe.TITLE, r);
 }, Wa = function(t, r) {
   var o = document.getElementsByTagName(t)[0];
@@ -22479,17 +22494,17 @@ var zn = {
     var i = typeof t[o] < "u" ? o + '="' + t[o] + '"' : "" + o;
     return r ? r + " " + i : i;
   }, "");
-}, qS = function(t, r, o, i) {
+}, KS = function(t, r, o, i) {
   var a = tp(o), s = ep(r);
   return a ? "<" + t + " " + Yt + '="true" ' + a + ">" + Fa(s, i) + "</" + t + ">" : "<" + t + " " + Yt + '="true">' + Fa(s, i) + "</" + t + ">";
-}, YS = function(t, r, o) {
+}, XS = function(t, r, o) {
   return r.reduce(function(i, a) {
     var s = Object.keys(a).filter(function(u) {
       return !(u === Ke.INNER_HTML || u === Ke.CSS_TEXT);
     }).reduce(function(u, d) {
       var m = typeof a[d] > "u" ? d : d + '="' + Fa(a[d], o) + '"';
       return u ? u + " " + m : m;
-    }, ""), l = a.innerHTML || a.cssText || "", c = MS.indexOf(t) === -1;
+    }, ""), l = a.innerHTML || a.cssText || "", c = NS.indexOf(t) === -1;
     return i + "<" + t + " " + Yt + '="true" ' + s + (c ? "/>" : ">" + l + "</" + t + ">");
   }, "");
 }, np = function(t) {
@@ -22497,17 +22512,17 @@ var zn = {
   return Object.keys(t).reduce(function(o, i) {
     return o[ei[i] || i] = t[i], o;
   }, r);
-}, KS = function(t) {
+}, JS = function(t) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   return Object.keys(t).reduce(function(o, i) {
-    return o[AS[i] || i] = t[i], o;
+    return o[$S[i] || i] = t[i], o;
   }, r);
-}, XS = function(t, r, o) {
+}, ZS = function(t, r, o) {
   var i, a = (i = {
     key: r
   }, i[Yt] = !0, i), s = np(o, a);
   return [ut.createElement(fe.TITLE, s, r)];
-}, JS = function(t, r) {
+}, QS = function(t, r) {
   return r.map(function(o, i) {
     var a, s = (a = {
       key: i
@@ -22526,10 +22541,10 @@ var zn = {
     case fe.TITLE:
       return {
         toComponent: function() {
-          return XS(t, r.title, r.titleAttributes);
+          return ZS(t, r.title, r.titleAttributes);
         },
         toString: function() {
-          return qS(t, r.title, r.titleAttributes, o);
+          return KS(t, r.title, r.titleAttributes, o);
         }
       };
     case zn.BODY:
@@ -22545,10 +22560,10 @@ var zn = {
     default:
       return {
         toComponent: function() {
-          return JS(t, r);
+          return QS(t, r);
         },
         toString: function() {
-          return YS(t, r, o);
+          return XS(t, r, o);
         }
       };
   }
@@ -22565,15 +22580,15 @@ var zn = {
     style: fn(fe.STYLE, d, i),
     title: fn(fe.TITLE, { title: h, titleAttributes: g }, i)
   };
-}, ZS = function(t) {
+}, eE = function(t) {
   var r, o;
   return o = r = (function(i) {
-    BS(a, i);
+    LS(a, i);
     function a() {
-      return NS(this, a), DS(this, i.apply(this, arguments));
+      return BS(this, a), FS(this, i.apply(this, arguments));
     }
     return a.prototype.shouldComponentUpdate = function(l) {
-      return !jS(this.props, l);
+      return !IS(this.props, l);
     }, a.prototype.mapNestedChildrenToProps = function(l, c) {
       if (!c)
         return null;
@@ -22629,7 +22644,7 @@ var zn = {
       var u = this, d = {};
       return ut.Children.forEach(l, function(m) {
         if (!(!m || !m.props)) {
-          var h = m.props, g = h.children, y = Mc(h, ["children"]), f = KS(y);
+          var h = m.props, g = h.children, y = Mc(h, ["children"]), f = JS(y);
           switch (u.warnOnInvalidChildren(m, g), m.type) {
             case fe.LINK:
             case fe.META:
@@ -22657,7 +22672,7 @@ var zn = {
     }, a.prototype.render = function() {
       var l = this.props, c = l.children, u = Mc(l, ["children"]), d = It({}, u);
       return c && (d = this.mapChildrenToProps(c, d)), ut.createElement(t, d);
-    }, _S(a, null, [{
+    }, DS(a, null, [{
       key: "canUseDOM",
       // Component.peek comes from react-side-effect:
       // For testing, you may use a static peek() method available on the returned component.
@@ -22719,15 +22734,15 @@ var zn = {
       titleAttributes: {}
     })), i;
   }, o;
-}, QS = function() {
+}, tE = function() {
   return null;
-}, eE = OS(VS, HS, rp)(QS), Ua = ZS(eE);
+}, nE = PS(US, qS, rp)(tE), Ua = eE(nE);
 Ua.renderStatic = Ua.rewind;
-const jO = ({ title: e, addTitleSuffix: t = !0, description: r, children: o }) => {
+const IO = ({ title: e, addTitleSuffix: t = !0, description: r, children: o }) => {
   const i = e + (t ? " | Movable Ink" : "");
   return p.jsxs(p.Fragment, { children: [p.jsxs(Ua, { children: [!!e && p.jsx("title", { children: i }), !!r && p.jsx("meta", { name: "description", content: r })] }), o] });
-}, kO = ({ skeletonRows: e, skeletonColumns: t }) => p.jsx(p.Fragment, { children: Array.from({ length: e }).map((r, o) => p.jsx(Xe, { container: !0, spacing: 2, sx: { mb: 2 }, children: Array.from({ length: t }).map((i, a) => p.jsxs(Xe, { size: "grow", children: [p.jsx(Zr, { variant: "text", width: 100, height: 20 }), p.jsx(Zr, { variant: "rectangular", height: 40, sx: { borderRadius: 1 }, "data-test": "loading-skeleton" })] }, a)) }, o)) });
-function IO() {
+}, AO = ({ skeletonRows: e, skeletonColumns: t }) => p.jsx(p.Fragment, { children: Array.from({ length: e }).map((r, o) => p.jsx(Xe, { container: !0, spacing: 2, sx: { mb: 2 }, children: Array.from({ length: t }).map((i, a) => p.jsxs(Xe, { size: "grow", children: [p.jsx(Zr, { variant: "text", width: 100, height: 20 }), p.jsx(Zr, { variant: "rectangular", height: 40, sx: { borderRadius: 1 }, "data-test": "loading-skeleton" })] }, a)) }, o)) });
+function MO() {
   const [e, t] = ft(null);
   return [e, async (o) => {
     if (!navigator?.clipboard)
@@ -22739,7 +22754,7 @@ function IO() {
     }
   }];
 }
-class tE {
+class rE {
   BASE_ATTRIBUTE = 'data-test="ink-dialog"';
   get element() {
     return cy.get(`[${this.BASE_ATTRIBUTE}]`);
@@ -22797,7 +22812,7 @@ class tE {
     this.title.should("have.text", t);
   }
 }
-const AO = new tE();
+const $O = new rE();
 class op {
   baseAttribute = "data-test-select";
   name;
@@ -22857,7 +22872,7 @@ class op {
     this.select.click();
   }
 }
-class nE {
+class oE {
   get title() {
     return cy.get("[data-test-ink-snackbar-title]");
   }
@@ -22880,7 +22895,7 @@ class nE {
     return cy.get(`[data-test-ink-snackbar-alert=${t}]`);
   }
 }
-const MO = new nE();
+const NO = new oE();
 class ip {
   baseAttribute = "data-test-ink-text-field";
   helperTextSelector = ".MuiFormHelperText-root";
@@ -23066,19 +23081,19 @@ class lp {
     return this.element.should("not.have.class", this.checkedClass);
   }
 }
-class rE {
+class iE {
   baseSelector = "[data-ink-page-header]";
   get element() {
     return cy.get(this.baseSelector);
   }
-  breadcrumbs = new oE();
-  metadata = new iE();
-  actionButtons = new aE();
+  breadcrumbs = new aE();
+  metadata = new sE();
+  actionButtons = new lE();
   get subTitle() {
     return cy.get('[data-cy="header-subtitle"]');
   }
 }
-class oE {
+class aE {
   baseSelector = "[data-test-ink-page-header-breadcrumbs]";
   get element() {
     return cy.get(this.baseSelector);
@@ -23090,7 +23105,7 @@ class oE {
     return this.element.find(`[data-cy="breadcrumb-${t}"]`);
   }
 }
-class iE {
+class sE {
   baseSelector = "[data-test-ink-page-header-metadata]";
   get element() {
     return cy.get(this.baseSelector);
@@ -23099,7 +23114,7 @@ class iE {
     return this.element.find(`[data-cy="metadata-${t}"]`);
   }
 }
-class aE {
+class lE {
   baseSelector = "[data-test-ink-page-header-action-buttons]";
   get element() {
     return cy.get(this.baseSelector);
@@ -23126,8 +23141,8 @@ class aE {
     return this.dropDownTrigger.click();
   }
 }
-const $O = new rE();
-class sE {
+const _O = new iE();
+class cE {
   get label() {
     return cy.get("[data-test-ink-workflow-header-label]");
   }
@@ -23147,7 +23162,7 @@ class sE {
     return cy.get("[data-test-ink-workflow-header-close-action]");
   }
 }
-const NO = new sE();
+const BO = new cE();
 class cp {
   baseSelector = "data-test-ink-image";
   name;
@@ -23173,7 +23188,7 @@ class cp {
     return this.successImage.should("not.be.visible");
   }
 }
-class lE {
+class uE {
   baseSelector = 'data-cy="full-content-layout-container"';
   get element() {
     return cy.get(`[${this.baseSelector}]`);
@@ -23182,8 +23197,8 @@ class lE {
     return this.element.find('[data-cy="full-content-layout-content"]');
   }
 }
-const _O = new lE();
-class cE {
+const DO = new uE();
+class dE {
   baseSelector = 'data-cy="split-content-layout-container"';
   get element() {
     return cy.get(`[${this.baseSelector}]`);
@@ -23195,20 +23210,20 @@ class cE {
     return this.element.find('[data-cy="right-content"]');
   }
 }
-const BO = new cE(), uE = rt(/* @__PURE__ */ p.jsx("path", {
+const LO = new dE(), pE = rt(/* @__PURE__ */ p.jsx("path", {
   d: "M12 2C6.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 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
-}), "CheckCircleOutlined"), dE = rt(/* @__PURE__ */ p.jsx("path", {
+}), "CheckCircleOutlined"), fE = rt(/* @__PURE__ */ p.jsx("path", {
   d: "M15.32 3H8.68c-.26 0-.52.11-.7.29L3.29 7.98c-.18.18-.29.44-.29.7v6.63c0 .27.11.52.29.71l4.68 4.68c.19.19.45.3.71.3h6.63c.27 0 .52-.11.71-.29l4.68-4.68c.19-.19.29-.44.29-.71V8.68c0-.27-.11-.52-.29-.71l-4.68-4.68c-.18-.18-.44-.29-.7-.29M12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3m0-4.3c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1"
-}), "ReportRounded"), pE = rt(/* @__PURE__ */ p.jsx("path", {
+}), "ReportRounded"), hE = rt(/* @__PURE__ */ p.jsx("path", {
   d: "M12 5.99 19.53 19H4.47zM2.74 18c-.77 1.33.19 3 1.73 3h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0zM11 11v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1m0 5h2v2h-2z"
-}), "WarningAmberRounded"), fE = {
+}), "WarningAmberRounded"), mE = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: p.jsx(uE, {}),
-        error: p.jsx(dE, {}),
+        success: p.jsx(pE, {}),
+        error: p.jsx(fE, {}),
         info: p.jsx(kd, {}),
-        warning: p.jsx(pE, {})
+        warning: p.jsx(hE, {})
       }
     },
     variants: [
@@ -23286,7 +23301,7 @@ const BO = new cE(), uE = rt(/* @__PURE__ */ p.jsx("path", {
       })
     }
   }
-}, hE = {
+}, gE = {
   MuiAutocomplete: {
     defaultProps: {
       ChipProps: {
@@ -23340,7 +23355,7 @@ const BO = new cE(), uE = rt(/* @__PURE__ */ p.jsx("path", {
       }
     }
   }
-}, mE = {
+}, yE = {
   MuiDialog: {
     defaultProps: {
       maxWidth: "xs",
@@ -23370,7 +23385,7 @@ const BO = new cE(), uE = rt(/* @__PURE__ */ p.jsx("path", {
       }
     }
   }
-}, gE = {
+}, bE = {
   MuiDrawer: {
     styleOverrides: {
       paper: {
@@ -23378,7 +23393,7 @@ const BO = new cE(), uE = rt(/* @__PURE__ */ p.jsx("path", {
       }
     }
   }
-}, yE = {
+}, vE = {
   MuiStepper: {
     styleOverrides: {
       root: ({ theme: e }) => ({
@@ -23445,7 +23460,7 @@ const BO = new cE(), uE = rt(/* @__PURE__ */ p.jsx("path", {
     }
   }
 };
-function bE(e, t, r) {
+function xE(e, t, r) {
   const o = t.getBoundingClientRect(), i = r && r.getBoundingClientRect(), a = Xt(t);
   let s;
   if (t.fakeTransform)
@@ -23465,7 +23480,7 @@ function up(e) {
   return typeof e == "function" ? e() : e;
 }
 function Do(e, t, r) {
-  const o = up(r), i = bE(e, t, o);
+  const o = up(r), i = xE(e, t, o);
   i && (t.style.webkitTransform = i, t.style.transform = i);
 }
 const dp = /* @__PURE__ */ S.forwardRef(function(t, r) {
@@ -23667,7 +23682,7 @@ process.env.NODE_ENV !== "production" && (dp.propTypes = {
     exit: n.number
   })])
 });
-const vE = {
+const TE = {
   MuiSnackbar: {
     defaultProps: {
       anchorOrigin: {
@@ -23677,7 +23692,7 @@ const vE = {
       TransitionComponent: dp
     }
   }
-}, xE = {
+}, CE = {
   MuiTypography: {
     styleOverrides: {
       root: ({ ownerState: e }) => ({
@@ -23691,7 +23706,7 @@ const vE = {
       })
     }
   }
-}, TE = {
+}, wE = {
   MuiTooltip: {
     styleOverrides: {
       tooltip: {
@@ -23702,7 +23717,7 @@ const vE = {
       }
     }
   }
-}, CE = {
+}, SE = {
   MuiCard: {
     defaultProps: {
       variant: "outlined"
@@ -23753,7 +23768,7 @@ const vE = {
       })
     }
   }
-}, wE = {
+}, EE = {
   MuiPaper: {
     defaultProps: {
       variant: "outlined"
@@ -23772,7 +23787,7 @@ const vE = {
       })
     }
   }
-}, SE = "5.5px", pp = "0.15px", ha = ({ theme: e }) => ({
+}, OE = "5.5px", pp = "0.15px", ha = ({ theme: e }) => ({
   color: e.palette.text.secondary,
   fontSize: e.spacing(1.5),
   lineHeight: e.spacing(1.5),
@@ -23797,11 +23812,11 @@ const vE = {
   "&.MuiCheckbox-root.MuiCheckbox-sizeSmall + .MuiFormControlLabel-label, &.MuiRadio-root.MuiRadio-sizeSmall + .MuiFormControlLabel-label": {
     fontSize: e.typography.body2.fontSize
   }
-}), EE = {
+}), RE = {
   MuiFormControl: {
     styleOverrides: {
       root: ({ theme: e }) => ({
-        gap: SE,
+        gap: OE,
         minWidth: "220px",
         "& .MuiFormHelperText-root": {
           margin: 0
@@ -23956,7 +23971,7 @@ const vE = {
       root: _c
     }
   }
-}, OE = {
+}, PE = {
   MuiChip: {
     styleOverrides: {
       filledDefault: {
@@ -24250,7 +24265,7 @@ const vE = {
       }
     }
   }
-}, RE = {
+}, jE = {
   MuiDataGrid: {
     styleOverrides: {
       root: {
@@ -24298,24 +24313,24 @@ const vE = {
       })
     }
   }
-}, DO = rs({
+}, FO = rs({
   typography: {
     fontFamily: ["Inter", "sans-serif"].join(",")
   },
   components: {
-    ...fE,
-    ...hE,
-    ...CE,
-    ...OE,
-    ...RE,
     ...mE,
     ...gE,
-    ...EE,
-    ...wE,
-    ...vE,
+    ...SE,
+    ...PE,
+    ...jE,
     ...yE,
+    ...bE,
+    ...RE,
+    ...EE,
     ...TE,
-    ...xE,
+    ...vE,
+    ...wE,
+    ...CE,
     MuiButtonBase: {
       defaultProps: {
         disableRipple: !0
@@ -24487,81 +24502,83 @@ const vE = {
   palette: $
 });
 export {
-  FE as DemoComponent,
-  vO as DetailsLayout,
-  wO as EightColumnFullContentLayout,
-  OO as FiveThreeSplitContentLayout,
-  kO as FormSkeletonGrid,
-  CO as FullContentLayout,
-  _O as FullContentLayoutPageObject,
-  UE as HeaderMetadata,
+  VE as DemoComponent,
+  TO as DetailsLayout,
+  SO as EightColumnFullContentLayout,
+  RO as FiveThreeSplitContentLayout,
+  AO as FormSkeletonGrid,
+  jO as FourEightSplitContentLayout,
+  SS as FullContentLayout,
+  DO as FullContentLayoutPageObject,
+  GE as HeaderMetadata,
   ag as HeaderSubtitle,
-  xO as IndexLayout,
-  eO as InkAttributeList,
-  pO as InkCard,
-  dO as InkChart,
+  CO as IndexLayout,
+  nO as InkAttributeList,
+  hO as InkCard,
+  fO as InkChart,
   Rv as InkCheckboxGroup,
   Jm as InkChip,
-  zE as InkChipGroup,
-  hO as InkDataGrid,
-  mO as InkDataGridEmpty,
+  WE as InkChipGroup,
+  gO as InkDataGrid,
+  yO as InkDataGridEmpty,
   CS as InkDataGridTextWrapCell,
-  VE as InkDialog,
-  tE as InkDialogPageObject,
-  nO as InkDrawer,
-  QE as InkEmptyState,
-  iO as InkFormCheckboxGroup,
-  aO as InkFormRadioGroup,
-  cO as InkFormSelect,
-  sO as InkFormSwitch,
-  lO as InkFormTextField,
-  fO as InkGridToolBar,
-  bO as InkHighlightAlert,
-  tO as InkImage,
+  UE as InkDialog,
+  rE as InkDialogPageObject,
+  oO as InkDrawer,
+  tO as InkEmptyState,
+  sO as InkFormCheckboxGroup,
+  lO as InkFormRadioGroup,
+  dO as InkFormSelect,
+  cO as InkFormSwitch,
+  uO as InkFormTextField,
+  mO as InkGridToolBar,
+  xO as InkHighlightAlert,
+  rO as InkImage,
   cp as InkImagePageObject,
-  HE as InkPageHeader,
-  rE as InkPageHeaderPageObject,
-  KE as InkPaper,
-  WE as InkPersistentFilterDrawer,
+  qE as InkPageHeader,
+  iE as InkPageHeaderPageObject,
+  JE as InkPaper,
+  HE as InkPersistentFilterDrawer,
   Vv as InkRadioGroup,
-  XE as InkRadioTiles,
+  ZE as InkRadioTiles,
   mT as InkSelect,
   q0 as InkSnackbarAlert,
   Ar as InkSnackbarContent,
-  rO as InkSnackbarProvider,
+  iO as InkSnackbarProvider,
   Kv as InkSwitch,
   lp as InkSwitchPageObject,
   dT as InkTextField,
   ip as InkTextFieldPageObject,
   El as InkToggleIcon,
-  ZE as InkToggleIconGroup,
+  eO as InkToggleIconGroup,
   Sl as InkToggleText,
-  JE as InkToggleTextGroup,
-  YE as InkWorkflowHeader,
-  sE as InkWorkflowHeaderPageObject,
-  uO as InternalUseOnlyAlert,
+  QE as InkToggleTextGroup,
+  XE as InkWorkflowHeader,
+  cE as InkWorkflowHeaderPageObject,
+  pO as InternalUseOnlyAlert,
   ku as InternalUseOnlyLabel,
-  GE as LinkBreadcrumbs,
-  oE as LinkBreadcrumbsPageObject,
-  DO as MovableUITheme,
-  qE as PageHeaderActionButtons,
-  jO as PageWrapper,
-  PO as PanelWithPaperContentLayout,
-  RO as SevenThreeSplitContentLayout,
-  oO as SnackbarActionButton,
-  EO as SplitContentLayout,
-  BO as SplitContentLayoutPageObject,
-  SO as TenColumnFullContentLayout,
-  TO as WorkflowLayout,
-  gO as createEmptyColumns,
-  yO as createTextWrapColumn,
+  YE as LinkBreadcrumbs,
+  aE as LinkBreadcrumbsPageObject,
+  FO as MovableUITheme,
+  KE as PageHeaderActionButtons,
+  IO as PageWrapper,
+  kO as PanelWithPaperContentLayout,
+  PO as SevenThreeSplitContentLayout,
+  aO as SnackbarActionButton,
+  ES as SplitContentLayout,
+  LO as SplitContentLayoutPageObject,
+  EO as TenColumnFullContentLayout,
+  OO as TwelveColumnFullContentLayout,
+  wO as WorkflowLayout,
+  bO as createEmptyColumns,
+  vO as createTextWrapColumn,
   ap as inkCheckboxGroup,
-  AO as inkDialog,
-  $O as inkPageHeader,
+  $O as inkDialog,
+  _O as inkPageHeader,
   sp as inkRadioGroup,
   op as inkSelect,
-  MO as inkSnackbarAlert,
-  NO as inkWorkflowHeader,
-  IO as useCopyToClipboard
+  NO as inkSnackbarAlert,
+  BO as inkWorkflowHeader,
+  MO as useCopyToClipboard
 };
 //# sourceMappingURL=index.mjs.map