@carto/meridian-ds 1.4.3-alpha-codemirror.5 → 1.4.3-alpha-tag.1

package/dist/components/index.js

@@ -1,45 +1,20 @@
-import { jsx as n, jsxs as x, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as O, useState as B, useEffect as z, useMemo as At, useRef as Z, Fragment as Qt, useCallback as ot, useImperativeHandle as te } from "react";
-import { styled as m, Box as w, Button as St, CircularProgress as G, TextField as It, InputAdornment as it, IconButton as E, Tooltip as P, Select as ee, MenuItem as Bt, FormControl as $t, InputLabel as Tt, FormHelperText as J, ToggleButtonGroup as oe, Menu as re, MenuList as ne, Link as ie, Checkbox as at, ListItemText as U, Autocomplete as lt, Divider as _, ListItemIcon as rt, createFilterOptions as ae, Accordion as le, AccordionSummary as ce, AccordionDetails as de, Avatar as se, Snackbar as ue, Portal as pe, Fade as ge, Slide as Rt, alpha as Ot, useTheme as j, Toolbar as fe, AppBar as me, Paper as be, Dialog as he, DialogTitle as xe, Chip as ye, DialogContent as Ce, DialogActions as Me } from "@mui/material";
-import { T as F, c as N, u as $, N as ft, A as ke } from "../TablePaginationActions-Cj_BbjKR.js";
-import { a as ti } from "../TablePaginationActions-Cj_BbjKR.js";
-import { useIntl as T } from "react-intl";
-import { VisibilityOffOutlined as ve, VisibilityOutlined as we, Cancel as Ft, AddCircleOutlineOutlined as De, ContentCopyOutlined as Lt, CloseOutlined as Wt, MenuOutlined as Ae, HelpOutline as K, TodayOutlined as Se, MoreVertOutlined as Ie, ErrorOutline as Be, Check as $e } from "@mui/icons-material";
-import { A as Et } from "../Alert-mpNEqtBu.js";
+import { jsx as a, jsxs as x, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as S, useState as B, useEffect as P, useMemo as pt, useRef as Y, Fragment as Lt, useImperativeHandle as Wt, useCallback as nt } from "react";
+import { styled as g, Box as v, Button as gt, CircularProgress as G, TextField as ft, InputAdornment as q, IconButton as W, Tooltip as H, Select as Et, MenuItem as mt, FormControl as Ht, InputLabel as _t, FormHelperText as bt, ToggleButtonGroup as Pt, Menu as jt, MenuList as Gt, Link as Vt, Checkbox as z, ListItemText as ht, Autocomplete as Z, Divider as V, ListItemIcon as Nt, createFilterOptions as Ut, Accordion as Yt, AccordionSummary as qt, AccordionDetails as zt, Avatar as Zt, Snackbar as Jt, Portal as Xt, Fade as Kt, Slide as yt, alpha as Qt, useTheme as N, Toolbar as te, AppBar as ee, Paper as ne, Dialog as oe, DialogTitle as ae, Chip as ie, DialogContent as re, DialogActions as le } from "@mui/material";
+import { T as $, c as _, u as R, N as ot, A as ce } from "../TablePaginationActions-WZ3P4O35.js";
+import { a as ta } from "../TablePaginationActions-WZ3P4O35.js";
+import { useIntl as F } from "react-intl";
+import { VisibilityOffOutlined as se, VisibilityOutlined as de, Cancel as xt, AddCircleOutlineOutlined as ue, ContentCopyOutlined as pe, CloseOutlined as Mt, MenuOutlined as ge, HelpOutline as J, TodayOutlined as fe, Check as me } from "@mui/icons-material";
+import { A as Ct } from "../Alert-BAvr1f31.js";
 import "cartocolor";
-import { M as Y } from "../MenuItem-Cd34y6F3.js";
-import { A as ct } from "../ArrowDown-CMhYkZ2p.js";
-import { DatePicker as Te } from "@mui/x-date-pickers/DatePicker";
-import { PickersDay as Re } from "@mui/x-date-pickers";
-import { TimePicker as Oe } from "@mui/x-date-pickers/TimePicker";
-import { DateTimePicker as Fe } from "@mui/x-date-pickers/DateTimePicker";
-import { O as mt, C as Le } from "../OpenDiagonallyRight-BkCaUpcr.js";
-import { Controlled as We, UnControlled as Ee } from "react-codemirror2";
-import { lime as bt, blue as tt, purple as He, teal as Pe, red as ze, indigo as Ne } from "@mui/material/colors";
-import "codemirror/lib/codemirror.css";
-import "codemirror/lib/codemirror.js";
-import "codemirror/mode/sql/sql.js";
-import "codemirror/mode/javascript/javascript.js";
-import "codemirror/mode/htmlmixed/htmlmixed.js";
-import "codemirror/mode/markdown/markdown.js";
-import "codemirror/mode/shell/shell.js";
-import "codemirror/mode/python/python.js";
-import "codemirror/addon/display/placeholder";
-import "codemirror/addon/hint/sql-hint.js";
-import "codemirror/addon/hint/show-hint.css";
-import "codemirror/addon/hint/show-hint.js";
-import "codemirror/addon/selection/active-line.js";
-import "codemirror/addon/edit/matchbrackets.js";
-import "codemirror/addon/fold/foldcode.js";
-import "codemirror/addon/fold/foldgutter.js";
-import "codemirror/addon/fold/foldgutter.css";
-import "codemirror/addon/fold/brace-fold.js";
-import "codemirror/addon/fold/xml-fold.js";
-import "codemirror/addon/fold/indent-fold.js";
-import "codemirror/addon/fold/markdown-fold.js";
-import "codemirror/addon/fold/comment-fold.js";
-import _e from "@mui/material/ClickAwayListener";
-const Ge = m(w)({
+import { M as kt } from "../MenuItem-Cd34y6F3.js";
+import { A as X } from "../ArrowDown-CMhYkZ2p.js";
+import { DatePicker as be } from "@mui/x-date-pickers/DatePicker";
+import { PickersDay as he } from "@mui/x-date-pickers";
+import { TimePicker as ye } from "@mui/x-date-pickers/TimePicker";
+import { DateTimePicker as xe } from "@mui/x-date-pickers/DateTimePicker";
+import Me from "@mui/material/ClickAwayListener";
+const Ce = g(v)({
   position: "absolute",
   top: 0,
   left: 0,
@@ -48,53 +23,53 @@ const Ge = m(w)({
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-}), je = m(w)({
+}), ke = g(v)({
   visibility: "hidden",
   pointerEvents: "none"
 });
-function Ve({
+function ve({
   children: t,
   loading: e,
-  disabled: o,
-  startIcon: r,
+  disabled: n,
+  startIcon: o,
   endIcon: i,
-  loadingPosition: l,
-  ...a
-}, c) {
-  const d = /* @__PURE__ */ n(G, { size: 18, color: "inherit" }), p = e && l === void 0, u = () => p ? /* @__PURE__ */ x(w, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ n(Ge, { children: d }),
-    /* @__PURE__ */ n(je, { children: t })
-  ] }) : t, s = (b) => {
-    if (!p)
-      return e && l !== void 0 ? l === b ? d : void 0 : b === "start" ? r : i;
+  loadingPosition: r,
+  ...l
+}, s) {
+  const c = /* @__PURE__ */ a(G, { size: 18, color: "inherit" }), u = e && r === void 0, f = () => u ? /* @__PURE__ */ x(v, { sx: { position: "relative" }, children: [
+    /* @__PURE__ */ a(Ce, { children: c }),
+    /* @__PURE__ */ a(ke, { children: t })
+  ] }) : t, d = (b) => {
+    if (!u)
+      return e && r !== void 0 ? r === b ? c : void 0 : b === "start" ? o : i;
   };
-  return /* @__PURE__ */ n(
-    St,
+  return /* @__PURE__ */ a(
+    gt,
     {
-      disabled: e || o,
-      startIcon: s("start"),
-      endIcon: s("end"),
-      ...a,
-      role: a.href ? "link" : "button",
-      ref: c,
-      children: /* @__PURE__ */ n(F, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: u() })
+      disabled: e || n,
+      startIcon: d("start"),
+      endIcon: d("end"),
+      ...l,
+      role: l.href ? "link" : "button",
+      ref: s,
+      children: /* @__PURE__ */ a($, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: f() })
     }
   );
 }
-const nt = O(Ve), Ue = m(w)(({ theme: t }) => ({
+const Ao = S(ve), De = g(v)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
-})), Ye = m(F)(({ theme: t }) => ({
+})), we = g($)(({ theme: t }) => ({
   ".Mui-disabled &": {
     color: t.palette.text.disabled
   }
-})), qe = m(w)(({ theme: t }) => ({
+})), Ie = g(v)(({ theme: t }) => ({
   display: "flex",
   svg: {
-    width: N,
-    height: N,
-    fontSize: N,
+    width: _,
+    height: _,
+    fontSize: _,
     path: {
       fill: t.palette.text.secondary,
       ".Mui-disabled &": {
@@ -103,58 +78,58 @@ const nt = O(Ve), Ue = m(w)(({ theme: t }) => ({
     }
   }
 }));
-function X({
+function K({
   label: t,
   type: e,
-  icon: o,
-  inheritSize: r
+  icon: n,
+  inheritSize: o
 }) {
-  return /* @__PURE__ */ x(Ue, { children: [
+  return /* @__PURE__ */ x(De, { children: [
     t,
-    e && /* @__PURE__ */ n(
-      Ye,
+    e && /* @__PURE__ */ a(
+      we,
       {
         component: "span",
-        variant: r ? "inherit" : "caption",
+        variant: o ? "inherit" : "caption",
         color: "textSecondary",
         weight: "regular",
         children: e === "required" ? "(required)" : "(optional)"
       }
     ),
-    o && /* @__PURE__ */ n(qe, { children: o })
+    n && /* @__PURE__ */ a(Ie, { children: n })
   ] });
 }
-function Ze({ InputProps: t, size: e = "small", ...o }, r) {
-  const i = T(), l = $(i), [a, c] = B(!1);
-  return /* @__PURE__ */ n(
-    It,
+function Ae({ InputProps: t, size: e = "small", ...n }, o) {
+  const i = F(), r = R(i), [l, s] = B(!1);
+  return /* @__PURE__ */ a(
+    ft,
     {
-      ...o,
-      ref: r,
-      type: a ? "text" : "password",
+      ...n,
+      ref: o,
+      type: l ? "text" : "password",
       size: e,
       InputProps: {
         ...t,
-        endAdornment: /* @__PURE__ */ n(it, { position: "end", children: /* @__PURE__ */ n(E, { size: e, onClick: () => c(!a), children: /* @__PURE__ */ n(
-          P,
+        endAdornment: /* @__PURE__ */ a(q, { position: "end", children: /* @__PURE__ */ a(W, { size: e, onClick: () => s(!l), children: /* @__PURE__ */ a(
+          H,
           {
-            title: l.formatMessage({
-              id: `c4r.form.${a ? "hidePassword" : "showPassword"}`
+            title: r.formatMessage({
+              id: `c4r.form.${l ? "hidePassword" : "showPassword"}`
             }),
-            children: a ? /* @__PURE__ */ n(ve, {}) : /* @__PURE__ */ n(we, {})
+            children: l ? /* @__PURE__ */ a(se, {}) : /* @__PURE__ */ a(de, {})
           }
         ) }) })
       }
     }
   );
 }
-const Fn = O(Ze), et = {};
-function Je(t = "$lodash$") {
-  et[t] || (et[t] = 0);
-  const e = ++et[t];
+const To = S(Ae), U = {};
+function Te(t = "$lodash$") {
+  U[t] || (U[t] = 0);
+  const e = ++U[t];
   return t === "$lodash$" ? `${e}` : `${t}${e}`;
 }
-const Ke = m(ee)(({ theme: t }) => ({
+const Se = g(Et)(({ theme: t }) => ({
   "& .MuiInputAdornment-positionStart": {
     paddingLeft: t.spacing(2),
     "&.MuiInputAdornment-sizeSmall": {
@@ -170,58 +145,58 @@ const Ke = m(ee)(({ theme: t }) => ({
   "&.MuiInputBase-root .MuiSelect-select.MuiSelect-multiple": {
     paddingRight: t.spacing(7)
   }
-})), Xe = m(Bt)(() => ({
+})), Be = g(mt)(() => ({
   display: "none"
 }));
-function Qe({
+function $e({
   children: t,
   placeholder: e,
-  size: o = "small",
-  displayEmpty: r,
+  size: n = "small",
+  displayEmpty: o,
   menuProps: i,
-  inputProps: l,
-  labelId: a,
-  label: c,
-  labelSecondary: d,
-  helperText: p,
-  name: u,
-  error: s,
+  inputProps: r,
+  labelId: l,
+  label: s,
+  labelSecondary: c,
+  helperText: u,
+  name: f,
+  error: d,
   focused: b,
-  disabled: g,
-  fullWidth: f,
+  disabled: p,
+  fullWidth: m,
   required: M,
   "aria-label": h,
-  ...v
+  ...w
 }, k) {
-  const D = o === "small", [y] = B(() => Je("select-label-")), C = c ? a ?? y : void 0;
+  const D = n === "small", [y] = B(() => Te("select-label-")), C = s ? l ?? y : void 0;
   return /* @__PURE__ */ x(
-    $t,
+    Ht,
     {
-      size: o,
-      error: s,
+      size: n,
+      error: d,
       focused: b,
-      disabled: g,
-      fullWidth: f,
+      disabled: p,
+      fullWidth: m,
       required: M,
       "data-name": "select-field",
-      "data-size": o,
+      "data-size": n,
       children: [
-        /* @__PURE__ */ x(w, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-          c && /* @__PURE__ */ n(Tt, { shrink: !0, id: C, children: c }),
-          d && /* @__PURE__ */ n(w, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: d })
+        /* @__PURE__ */ x(v, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+          s && /* @__PURE__ */ a(_t, { shrink: !0, id: C, children: s }),
+          c && /* @__PURE__ */ a(v, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: c })
         ] }),
         /* @__PURE__ */ x(
-          Ke,
+          Se,
           {
-            ...v,
+            ...w,
             labelId: C,
-            name: u,
+            name: f,
             ref: k,
-            size: o,
-            fullWidth: f,
-            displayEmpty: r ?? !!e,
+            size: n,
+            fullWidth: m,
+            displayEmpty: o ?? !!e,
             inputProps: {
-              ...l,
+              ...r,
               "aria-label": h
             },
             MenuProps: {
@@ -239,8 +214,8 @@ function Qe({
               }
             },
             children: [
-              e && /* @__PURE__ */ n(Xe, { disabled: !0, value: "", children: /* @__PURE__ */ n(
-                F,
+              e && /* @__PURE__ */ a(Be, { disabled: !0, value: "", children: /* @__PURE__ */ a(
+                $,
                 {
                   variant: D ? "body2" : "body1",
                   color: "text.hint",
@@ -252,30 +227,30 @@ function Qe({
             ]
           }
         ),
-        p && /* @__PURE__ */ n(J, { "aria-label": `${u}-helper`, children: p })
+        u && /* @__PURE__ */ a(bt, { "aria-label": `${f}-helper`, children: u })
       ]
     }
   );
 }
-const to = O(Qe), eo = m(oe, {
+const Re = S($e), Fe = g(Pt, {
   shouldForwardProp: (t) => t !== "variant" && t !== "backgroundColor"
-})(({ variant: t, backgroundColor: e, theme: o }) => ({
+})(({ variant: t, backgroundColor: e, theme: n }) => ({
   // Variants
   ...t === "contained" && {
     boxShadow: "none"
   },
   ...t === "unbounded" && {
     boxShadow: "none",
-    borderRadius: o.spacing(0.5),
+    borderRadius: n.spacing(0.5),
     "& .MuiDivider-root": {
-      height: o.spacing(4),
+      height: n.spacing(4),
       "&.MuiToggleButtonGroup-groupedHorizontal": {
-        height: o.spacing(4)
+        height: n.spacing(4)
       },
       "&.MuiToggleButtonGroup-groupedVertical": {
         height: "auto",
-        width: o.spacing(4),
-        margin: `${o.spacing(0.5, 0, 1)} !important`,
+        width: n.spacing(4),
+        margin: `${n.spacing(0.5, 0, 1)} !important`,
         borderRadius: "0 !important"
       }
     },
@@ -285,11 +260,11 @@ const to = O(Qe), eo = m(oe, {
         margin: 0
       },
       "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
-        height: o.spacing(3)
+        height: n.spacing(3)
       },
       "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
         height: "auto",
-        width: o.spacing(3)
+        width: n.spacing(3)
       }
     },
     ".MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
@@ -298,17 +273,17 @@ const to = O(Qe), eo = m(oe, {
         marginLeft: 0
       },
       "&:not(:last-of-type)": {
-        marginRight: o.spacing(0.5)
+        marginRight: n.spacing(0.5)
       }
     },
     "&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)": {
       ".MuiToggleButtonGroup-grouped": {
-        margin: o.spacing(0, 0.5)
+        margin: n.spacing(0, 0.5)
       }
     },
     "&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)": {
       ".MuiToggleButtonGroup-grouped": {
-        margin: o.spacing(0, 0, 0.5),
+        margin: n.spacing(0, 0, 0.5),
         "&:not(:last-of-type)": {
           marginRight: 0
         },
@@ -320,32 +295,32 @@ const to = O(Qe), eo = m(oe, {
   },
   // Colors
   ...e === "primary" && {
-    backgroundColor: o.palette.background.paper
+    backgroundColor: n.palette.background.paper
   },
   ...e === "secondary" && {
-    backgroundColor: o.palette.background.default
+    backgroundColor: n.palette.background.default
   },
   ...e === "transparent" && {
     backgroundColor: "transparent"
   }
 }));
-function Ln({
+function So({
   children: t,
   variant: e = "floating",
-  backgroundColor: o,
-  ...r
+  backgroundColor: n,
+  ...o
 }) {
-  return /* @__PURE__ */ n(
-    eo,
+  return /* @__PURE__ */ a(
+    Fe,
     {
-      ...r,
+      ...o,
       variant: e,
-      backgroundColor: o ?? (e === "unbounded" ? "transparent" : "primary"),
+      backgroundColor: n ?? (e === "unbounded" ? "transparent" : "primary"),
       children: t
     }
   );
 }
-const oo = m("div")(({ theme: t }) => ({
+const Oe = g("div")(({ theme: t }) => ({
   position: "relative",
   display: "inline-flex",
   // TODO: Remove this once we have a better way to handle the spacing between icon buttons:
@@ -353,7 +328,7 @@ const oo = m("div")(({ theme: t }) => ({
   "& + &, & + .optionIconButton": {
     marginLeft: t.spacing(0.5)
   }
-})), ro = m(E, {
+})), Le = g(W, {
   shouldForwardProp: (t) => !["active"].includes(t)
 })(({ active: t, theme: e }) => ({
   ...t && {
@@ -364,122 +339,122 @@ const oo = m("div")(({ theme: t }) => ({
     }
   }
 }));
-function no({
+function We({
   tooltip: t,
   tooltipPlacement: e = "top",
-  icon: o,
-  size: r = "medium",
+  icon: n,
+  size: o = "medium",
   variant: i = "icon",
-  color: l = "default",
-  sx: a,
-  className: c,
-  loading: d,
-  disabled: p,
-  active: u,
-  ...s
+  color: r = "default",
+  sx: l,
+  className: s,
+  loading: c,
+  disabled: u,
+  active: f,
+  ...d
 }, b) {
-  return /* @__PURE__ */ n(P, { placement: e, title: t ?? "", children: /* @__PURE__ */ n(
-    oo,
+  return /* @__PURE__ */ a(H, { placement: e, title: t ?? "", children: /* @__PURE__ */ a(
+    Oe,
     {
-      className: `optionIconButton ${c ?? ""}`,
-      sx: a,
+      className: `optionIconButton ${s ?? ""}`,
+      sx: l,
       "data-testid": "icon-button",
-      children: /* @__PURE__ */ n(
-        ro,
+      children: /* @__PURE__ */ a(
+        Le,
         {
-          ...s,
+          ...d,
           ref: b,
-          size: r,
+          size: o,
           variant: i,
-          color: l,
-          active: u,
-          disabled: p || d,
+          color: r,
+          active: f,
+          disabled: u || c,
           role: "button",
-          children: d ? /* @__PURE__ */ n(G, { size: 18, color: "inherit" }) : o
+          children: c ? /* @__PURE__ */ a(G, { size: 18, color: "inherit" }) : n
         }
       )
     }
   ) });
 }
-const q = O(no), io = m(re, {
+const vt = S(We), Ee = g(jt, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
-})(({ theme: t, extended: e, width: o, height: r }) => ({
+})(({ theme: t, extended: e, width: n, height: o }) => ({
   ...e && {
     ".MuiMenuItem-root": {
       minHeight: t.spacing(6)
     }
   },
-  ...o && {
+  ...n && {
     ".MuiList-root": {
-      width: o,
-      minWidth: o
+      width: n,
+      minWidth: n
     }
   },
-  ...r && {
+  ...o && {
     ".MuiMenu-paper": {
       overflow: "hidden"
     },
     ".MuiList-root": {
-      maxHeight: r
+      maxHeight: o
     }
   }
 }));
-function ao({ extended: t, width: e, height: o, MenuListProps: r, ...i }, l) {
-  return /* @__PURE__ */ n(
-    io,
+function He({ extended: t, width: e, height: n, MenuListProps: o, ...i }, r) {
+  return /* @__PURE__ */ a(
+    Ee,
     {
       ...i,
-      ref: l,
+      ref: r,
       "data-name": "menu",
       width: e,
-      height: o,
+      height: n,
       extended: t,
       MenuListProps: {
-        ...r,
+        ...o,
         "data-width": e,
-        "data-height": o,
+        "data-height": n,
         "data-extended": t
       }
     }
   );
 }
-const lo = O(ao), co = m(ne, {
+const Bo = S(He), _e = g(Gt, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
-})(({ theme: t, extended: e, width: o, height: r }) => ({
+})(({ theme: t, extended: e, width: n, height: o }) => ({
   ...e && {
     ".MuiMenuItem-root": {
       minHeight: t.spacing(6)
     }
   },
   "&.MuiList-root": {
-    ...o && {
-      width: o,
-      minWidth: o
+    ...n && {
+      width: n,
+      minWidth: n
     },
-    ...r && {
-      maxHeight: r
+    ...o && {
+      maxHeight: o
     }
   }
 }));
-function so({ extended: t, width: e, height: o, ...r }, i) {
-  return /* @__PURE__ */ n(
-    co,
+function Pe({ extended: t, width: e, height: n, ...o }, i) {
+  return /* @__PURE__ */ a(
+    _e,
     {
-      ...r,
+      ...o,
       ref: i,
       width: e,
-      height: o,
+      height: n,
       extended: t,
       "data-name": "menu-list",
       "data-width": e,
-      "data-height": o,
+      "data-height": n,
       "data-extended": t
     }
   );
 }
-const Wn = O(so), uo = m(Y)(() => ({
+const $o = S(Pe), je = g(kt)(() => ({
   marginTop: "0 !important"
-})), po = m(ie)(
+})), Ge = g(Vt)(
   ({ disabled: t, theme: e }) => ({
     display: "flex",
     alignItems: "center",
@@ -492,87 +467,87 @@ const Wn = O(so), uo = m(Y)(() => ({
     }
   })
 );
-function go({
+function Ve({
   areAllSelected: t,
   areAnySelected: e,
-  selectAll: o,
-  selectAllDisabled: r,
+  selectAll: n,
+  selectAllDisabled: o,
   "aria-label": i,
-  "data-testid": l
-}, a) {
-  const c = T(), d = $(c);
-  return /* @__PURE__ */ n(
-    uo,
+  "data-testid": r
+}, l) {
+  const s = F(), c = R(s);
+  return /* @__PURE__ */ a(
+    je,
     {
-      ref: a,
+      ref: l,
       fixed: !0,
       "data-name": "menu-filter",
       "aria-label": i,
-      "data-testid": l,
+      "data-testid": r,
       children: /* @__PURE__ */ x(
-        po,
+        Ge,
         {
           variant: "body2",
           color: "textPrimary",
           component: "button",
           underline: "none",
-          disabled: !!r,
-          onClick: o,
+          disabled: !!o,
+          onClick: n,
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ n(
-              at,
+            /* @__PURE__ */ a(
+              z,
               {
                 checked: t,
                 indeterminate: e && !t,
-                disabled: r
+                disabled: o
               }
             ),
-            d.formatMessage({ id: "c4r.form.selectAll" })
+            c.formatMessage({ id: "c4r.form.selectAll" })
           ]
         }
       )
     }
   );
 }
-const Ht = O(go);
-function fo({
+const Dt = S(Ve);
+function Ne({
   selectedOptions: t,
   options: e,
-  onChange: o
+  onChange: n
 }) {
-  const [r, i] = B(t ?? []), l = e.length === r.length, a = r.length > 0;
-  return z(() => {
-    r !== t && i(r);
+  const [o, i] = B(t ?? []), r = e.length === o.length, l = o.length > 0;
+  return P(() => {
+    o !== t && i(o);
   }, [t]), {
-    areAllSelected: l,
-    areAnySelected: a,
-    currentOptions: r,
-    handleChange: (u) => {
+    areAllSelected: r,
+    areAnySelected: l,
+    currentOptions: o,
+    handleChange: (f) => {
       const {
-        target: { value: s }
-      } = u, b = typeof s == "string" ? s.split(",") : s.filter((g) => g !== void 0);
-      i(b), o(b);
+        target: { value: d }
+      } = f, b = typeof d == "string" ? d.split(",") : d.filter((p) => p !== void 0);
+      i(b), n(b);
     },
     selectAll: () => {
-      const u = e == null ? void 0 : e.filter(({ disabled: s }) => !s).map(({ value: s }) => s);
-      u && (u.every(
-        (b) => r.includes(b)
-      ) ? (i([]), o([])) : (i(u), o(u)));
+      const f = e == null ? void 0 : e.filter(({ disabled: d }) => !d).map(({ value: d }) => d);
+      f && (f.every(
+        (b) => o.includes(b)
+      ) ? (i([]), n([])) : (i(f), n(f)));
     },
     unselectAll: () => {
-      i([]), o([]);
+      i([]), n([]);
     }
   };
 }
-const mo = m(Bt)(({ theme: t }) => ({
+const Ue = g(mt)(({ theme: t }) => ({
   "&.Mui-disabled": {
     pointerEvents: "auto",
     "&:hover": {
       backgroundColor: `${t.palette.background.default} !important`
     }
   }
-})), bo = m(it, {
+})), Ye = g(q, {
   shouldForwardProp: (t) => t !== "size"
 })(({ theme: t, size: e }) => ({
   display: "none",
@@ -589,36 +564,36 @@ const mo = m(Bt)(({ theme: t }) => ({
     top: t.spacing(3),
     right: t.spacing(5)
   }
-})), ho = [], xo = () => {
+})), qe = [], ze = () => {
 };
-function yo({
-  options: t = ho,
+function Ze({
+  options: t = qe,
   selectedOptions: e,
-  size: o = "small",
-  placeholder: r,
+  size: n = "small",
+  placeholder: o,
   showCounter: i,
-  showFilters: l = !0,
-  onChange: a = xo,
-  selectAllDisabled: c,
-  tooltipPlacement: d,
-  variant: p,
-  ...u
-}, s) {
+  showFilters: r = !0,
+  onChange: l = ze,
+  selectAllDisabled: s,
+  tooltipPlacement: c,
+  variant: u,
+  ...f
+}, d) {
   const {
     areAllSelected: b,
-    areAnySelected: g,
-    currentOptions: f,
+    areAnySelected: p,
+    currentOptions: m,
     handleChange: M,
     selectAll: h,
-    unselectAll: v
-  } = fo({
+    unselectAll: w
+  } = Ne({
     options: t,
     selectedOptions: e,
-    onChange: a
-  }), k = o === "small", D = k || p === "standard" ? 0 : 2, y = T(), C = $(y), A = `${f.length} ${C.formatMessage({
+    onChange: l
+  }), k = n === "small", D = k || u === "standard" ? 0 : 2, y = F(), C = R(y), T = `${m.length} ${C.formatMessage({
     id: "c4r.form.selected"
-  })}`, R = At(() => b ? /* @__PURE__ */ n(
-    F,
+  })}`, O = pt(() => b ? /* @__PURE__ */ a(
+    $,
     {
       component: "span",
       variant: k ? "body2" : "body1",
@@ -626,49 +601,49 @@ function yo({
       ml: D,
       children: C.formatMessage({ id: "c4r.form.allSelected" })
     }
-  ) : g ? /* @__PURE__ */ n(
-    F,
+  ) : p ? /* @__PURE__ */ a(
+    $,
     {
       component: "span",
       variant: k ? "body2" : "body1",
       color: "textPrimary",
       ml: D,
-      children: i && f.length > 1 ? A : f.join(", ")
+      children: i && m.length > 1 ? T : m.join(", ")
     }
-  ) : /* @__PURE__ */ n(
-    F,
+  ) : /* @__PURE__ */ a(
+    $,
     {
       component: "span",
       variant: k ? "body2" : "body1",
       color: "text.hint",
       ml: D,
-      children: r ?? C.formatMessage({ id: "c4r.form.noneSelected" })
+      children: o ?? C.formatMessage({ id: "c4r.form.noneSelected" })
     }
   ), [
     b,
-    g,
-    A,
-    f,
+    p,
+    T,
+    m,
     C,
     k,
     D,
-    r,
+    o,
     i
   ]);
   return /* @__PURE__ */ x(
-    to,
+    Re,
     {
-      ...u,
-      ref: s,
+      ...f,
+      ref: d,
       multiple: !0,
       displayEmpty: !0,
-      placeholder: r,
-      value: f,
-      renderValue: () => R,
+      placeholder: o,
+      value: m,
+      renderValue: () => O,
       onChange: M,
-      size: o,
-      variant: p,
-      endAdornment: l && g && /* @__PURE__ */ n(bo, { position: "end", size: o, children: /* @__PURE__ */ n(E, { onClick: v, size: o, children: /* @__PURE__ */ n(Ft, {}) }) }),
+      size: n,
+      variant: u,
+      endAdornment: r && p && /* @__PURE__ */ a(Ye, { position: "end", size: n, children: /* @__PURE__ */ a(W, { onClick: w, size: n, children: /* @__PURE__ */ a(xt, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -679,50 +654,50 @@ function yo({
         }
       },
       children: [
-        l && /* @__PURE__ */ n(
-          Ht,
+        r && /* @__PURE__ */ a(
+          Dt,
           {
             areAllSelected: b,
-            areAnySelected: g,
+            areAnySelected: p,
             selectAll: h,
-            selectAllDisabled: c
+            selectAllDisabled: s
           }
         ),
-        t == null ? void 0 : t.map((I) => {
-          const W = /* @__PURE__ */ x(
-            mo,
+        t == null ? void 0 : t.map((A) => {
+          const E = /* @__PURE__ */ x(
+            Ue,
             {
-              value: I.value,
-              disabled: I.disabled,
+              value: A.value,
+              disabled: A.disabled,
               tabIndex: 0,
               children: [
-                /* @__PURE__ */ n(
-                  at,
+                /* @__PURE__ */ a(
+                  z,
                   {
-                    disabled: I.disabled,
-                    checked: f.includes(I.value)
+                    disabled: A.disabled,
+                    checked: m.includes(A.value)
                   }
                 ),
-                /* @__PURE__ */ n(U, { primary: I.label })
+                /* @__PURE__ */ a(ht, { primary: A.label })
               ]
             },
-            I.value
+            A.value
           );
-          return I.tooltip ? /* @__PURE__ */ n(
-            P,
+          return A.tooltip ? /* @__PURE__ */ a(
+            H,
             {
-              title: I.tooltip,
-              placement: d,
-              children: W
+              title: A.tooltip,
+              placement: c,
+              children: E
             },
-            I.value
-          ) : W;
+            A.value
+          ) : E;
         })
       ]
     }
   );
 }
-const En = O(yo), Co = m(It, {
+const Ro = S(Ze), Je = g(ft, {
   shouldForwardProp: (t) => t !== "cursor"
 })(
   ({ cursor: t, theme: e }) => ({
@@ -750,286 +725,286 @@ const En = O(yo), Co = m(It, {
     }
   })
 );
-function Mo({
+function Xe({
   buttonText: t,
   hasFiles: e,
-  size: o,
-  error: r,
+  size: n,
+  error: o,
   disabled: i,
-  handleReset: l,
-  handleOpen: a,
-  inProgress: c
+  handleReset: r,
+  handleOpen: l,
+  inProgress: s
 }) {
-  return /* @__PURE__ */ n(it, { position: "end", children: c ? /* @__PURE__ */ n(E, { "aria-label": "Loading", disabled: !0, size: o, children: /* @__PURE__ */ n(G, { size: 18 }) }) : e ? /* @__PURE__ */ n(
-    E,
+  return /* @__PURE__ */ a(q, { position: "end", children: s ? /* @__PURE__ */ a(W, { "aria-label": "Loading", disabled: !0, size: n, children: /* @__PURE__ */ a(G, { size: 18 }) }) : e ? /* @__PURE__ */ a(
+    W,
     {
-      onClick: l,
-      size: o,
+      onClick: r,
+      size: n,
       "aria-label": "Delete",
       disabled: i,
-      children: /* @__PURE__ */ n(Ft, {})
+      children: /* @__PURE__ */ a(xt, {})
     }
-  ) : /* @__PURE__ */ n(
-    St,
+  ) : /* @__PURE__ */ a(
+    gt,
     {
-      onClick: a,
-      size: o,
+      onClick: l,
+      size: n,
       variant: "text",
-      color: r ? "default" : "primary",
+      color: o ? "default" : "primary",
       disabled: i,
       children: t
     }
   ) });
 }
-function ko({
+function Ke({
   name: t,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   multiple: e,
   // multiple prop defined here for compatibility with cloud-native but not used in the component
-  handleReset: o,
-  handleOpen: r,
+  handleReset: n,
+  handleOpen: o,
   dragOver: i,
-  error: l,
-  placeholder: a,
-  focused: c,
-  buttonText: d = "Browse",
-  inProgress: p,
-  InputProps: u,
-  size: s = "small",
+  error: r,
+  placeholder: l,
+  focused: s,
+  buttonText: c = "Browse",
+  inProgress: u,
+  InputProps: f,
+  size: d = "small",
   hasFiles: b,
-  cursor: g = "pointer",
-  ...f
+  cursor: p = "pointer",
+  ...m
 }) {
-  return /* @__PURE__ */ n(
-    Co,
+  return /* @__PURE__ */ a(
+    Je,
     {
-      ...f,
-      size: s,
-      error: l,
-      placeholder: a,
-      focused: c ?? i,
-      cursor: g,
+      ...m,
+      size: d,
+      error: r,
+      placeholder: l,
+      focused: s ?? i,
+      cursor: p,
       InputProps: {
-        ...u,
+        ...f,
         name: t,
         // multiple prop cannot be used here because it is not a valid prop for TextField InputProps
         // not used for any UI logic
         readOnly: !0,
-        endAdornment: /* @__PURE__ */ n(
-          Mo,
+        endAdornment: /* @__PURE__ */ a(
+          Xe,
           {
-            buttonText: d,
+            buttonText: c,
             hasFiles: b,
-            size: s,
-            error: l,
+            size: d,
+            error: r,
             disabled: !!i,
-            handleReset: o,
-            handleOpen: r,
-            inProgress: p
+            handleReset: n,
+            handleOpen: o,
+            inProgress: u
           }
         )
       }
     }
   );
 }
-function vo({
+function Qe({
   onChange: t,
   files: e,
-  multiple: o,
-  placeholder: r,
+  multiple: n,
+  placeholder: o,
   uploadInputRef: i
 }) {
-  const l = T(), a = $(l), [c, d] = B(""), [p, u] = B(!1);
-  z(() => {
-    !e || e.length === 0 ? d("") : e.length === 1 ? d(e[0].name) : d(
-      a.formatMessage(
+  const r = F(), l = R(r), [s, c] = B(""), [u, f] = B(!1);
+  P(() => {
+    !e || e.length === 0 ? c("") : e.length === 1 ? c(e[0].name) : c(
+      l.formatMessage(
         { id: "c4r.form.filesSelected" },
         { count: e.length }
       )
     );
-  }, [e, a]);
-  const s = () => {
+  }, [e, l]);
+  const d = () => {
     var y;
     (y = i.current) == null || y.click();
   }, b = (y) => {
-    y.preventDefault(), u(!0);
-  }, g = (y) => {
-    y.preventDefault(), u(!1);
-  }, f = (y) => {
-    y.preventDefault(), u(!1);
-    const C = y.dataTransfer.items, A = M(C);
-    t == null || t(A);
+    y.preventDefault(), f(!0);
+  }, p = (y) => {
+    y.preventDefault(), f(!1);
+  }, m = (y) => {
+    y.preventDefault(), f(!1);
+    const C = y.dataTransfer.items, T = M(C);
+    t == null || t(T);
   }, M = (y) => {
     const C = [];
-    for (const A of Array.from(y))
-      if (A.kind === "file") {
-        const R = A.getAsFile();
-        C.push(R);
+    for (const T of Array.from(y))
+      if (T.kind === "file") {
+        const O = T.getAsFile();
+        C.push(O);
       }
     return C;
   }, h = (y) => {
     const C = Array.from(y.target.files);
     t == null || t(C);
-  }, v = (y) => {
-    y.stopPropagation(), d("");
-  }, k = At(() => {
-    const y = a.formatMessage(
+  }, w = (y) => {
+    y.stopPropagation(), c("");
+  }, k = pt(() => {
+    const y = l.formatMessage(
       { id: "c4r.form.dragPlaceholder" },
-      { count: o ? 0 : 1 }
-    ), C = a.formatMessage(
+      { count: n ? 0 : 1 }
+    ), C = l.formatMessage(
       { id: "c4r.form.dragActivePlaceholder" },
-      { count: o ? 0 : 1 }
+      { count: n ? 0 : 1 }
     );
-    let A = "";
-    return p ? A = C : A = r ?? y, A;
-  }, [p, o, r, a]);
+    let T = "";
+    return u ? T = C : T = o ?? y, T;
+  }, [u, n, o, l]);
   return {
-    filesText: c,
+    filesText: s,
     getPlaceholder: k,
-    dragOver: p,
+    dragOver: u,
     inputEvents: {
       onDragOver: b,
-      onDragLeave: g,
-      onDrop: f,
-      onClick: s
+      onDragLeave: p,
+      onDrop: m,
+      onClick: d
     },
     handleFiles: h,
-    handleReset: v
+    handleReset: w
   };
 }
-const wo = ["application/JSON"];
-function Hn({
+const tn = ["application/JSON"];
+function Fo({
   name: t,
   buttonText: e,
-  accept: o,
-  files: r,
+  accept: n,
+  files: o,
   inProgress: i,
-  onChange: l,
-  multiple: a,
-  placeholder: c,
-  error: d,
-  focused: p,
-  nativeInputProps: u,
-  ...s
+  onChange: r,
+  multiple: l,
+  placeholder: s,
+  error: c,
+  focused: u,
+  nativeInputProps: f,
+  ...d
 }) {
-  const b = o ?? wo, g = Z(null), {
-    filesText: f,
+  const b = n ?? tn, p = Y(null), {
+    filesText: m,
     getPlaceholder: M,
     dragOver: h,
-    inputEvents: v,
+    inputEvents: w,
     handleFiles: k,
     handleReset: D
-  } = vo({
-    uploadInputRef: g,
-    files: r,
-    onChange: l,
-    multiple: a,
-    placeholder: c
+  } = Qe({
+    uploadInputRef: p,
+    files: o,
+    onChange: r,
+    multiple: l,
+    placeholder: s
   });
-  return /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ n(
-      ko,
+  return /* @__PURE__ */ x(j, { children: [
+    /* @__PURE__ */ a(
+      Ke,
       {
-        ...s,
+        ...d,
         placeholder: M,
-        value: f,
-        error: d,
-        focused: p ?? h,
+        value: m,
+        error: c,
+        focused: u ?? h,
         handleReset: D,
         dragOver: h,
         inProgress: i,
-        hasFiles: !!f,
-        InputProps: v,
+        hasFiles: !!m,
+        InputProps: w,
         buttonText: e
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ a(
       "input",
       {
-        ...u,
-        ref: g,
+        ...f,
+        ref: p,
         style: { display: "none" },
         type: "file",
         "aria-label": t,
         name: t,
         accept: String(b),
-        multiple: a,
+        multiple: l,
         onChange: k
       }
     )
   ] });
 }
-function Do({
+function en({
   disabled: t,
   loading: e,
-  ...o
-}, r) {
-  return /* @__PURE__ */ n(
-    lt,
+  ...n
+}, o) {
+  return /* @__PURE__ */ a(
+    Z,
     {
-      ...o,
-      ref: r,
+      ...n,
+      ref: o,
       disabled: t || e,
-      popupIcon: e ? /* @__PURE__ */ n(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ n(ct, {}),
+      popupIcon: e ? /* @__PURE__ */ a(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ a(X, {}),
       "data-name": "autocomplete",
       ListboxProps: {
         "aria-multiselectable": !1,
-        ...o.ListboxProps
+        ...n.ListboxProps
       }
     }
   );
 }
-const Pn = O(Do), Pt = (t) => t && typeof t == "object" ? t.title ?? String(t) : String(t), zt = (t, e) => typeof t != "object" || t === null ? { value: t, multiple: e } : { ...t, multiple: e }, Nt = (t) => /* @__PURE__ */ n("span", { "data-testid": "more-options-tag", children: `+${t}` });
-function _t() {
-  return { renderOption: (e, o, r, i, l) => {
+const Oo = S(en), wt = (t) => t && typeof t == "object" ? t.title ?? String(t) : String(t), It = (t, e) => typeof t != "object" || t === null ? { value: t, multiple: e } : { ...t, multiple: e }, At = (t) => /* @__PURE__ */ a("span", { "data-testid": "more-options-tag", children: `+${t}` });
+function Tt() {
+  return { renderOption: (e, n, o, i, r) => {
     const {
-      title: a,
-      inputValue: c,
-      divider: d,
-      fixed: p,
-      extended: u,
-      dense: s,
+      title: l,
+      inputValue: s,
+      divider: c,
+      fixed: u,
+      extended: f,
+      dense: d,
       destructive: b,
-      disabled: g,
-      subtitle: f,
+      disabled: p,
+      subtitle: m,
       iconColor: M,
       startAdornment: h,
-      endAdornment: v,
+      endAdornment: w,
       alternativeTitle: k,
       secondaryText: D,
       multiple: y
-    } = o, { key: C, ...A } = e, R = typeof o == "string" || typeof o == "number", I = (W, S, L, V) => L || V || (S && typeof S == "object" && "value" in S ? String(S.value) : W(S));
-    return /* @__PURE__ */ n(Qt, { children: d ? /* @__PURE__ */ n(_, {}) : /* @__PURE__ */ x(H, { children: [
-      c && /* @__PURE__ */ n(_, {}),
+    } = n, { key: C, ...T } = e, O = typeof n == "string" || typeof n == "number", A = (E, I, L, et) => L || et || (I && typeof I == "object" && "value" in I ? String(I.value) : E(I));
+    return /* @__PURE__ */ a(Lt, { children: c ? /* @__PURE__ */ a(V, {}) : /* @__PURE__ */ x(j, { children: [
+      s && /* @__PURE__ */ a(V, {}),
       /* @__PURE__ */ x(
-        Y,
+        kt,
         {
-          ...A,
-          ...!R && {
-            fixed: p,
-            extended: u,
-            dense: s,
+          ...T,
+          ...!O && {
+            fixed: u,
+            extended: f,
+            dense: d,
             destructive: b,
-            disabled: g,
-            subtitle: f,
+            disabled: p,
+            subtitle: m,
             iconColor: M
           },
-          "aria-disabled": f || g,
-          "aria-selected": r.selected,
+          "aria-disabled": m || p,
+          "aria-selected": o.selected,
           children: [
-            !f && (h || y || l) && /* @__PURE__ */ x(rt, { children: [
-              l || y && /* @__PURE__ */ n(at, { checked: r.selected }),
+            !m && (h || y || r) && /* @__PURE__ */ x(Nt, { children: [
+              r || y && /* @__PURE__ */ a(z, { checked: o.selected }),
               h
             ] }),
-            /* @__PURE__ */ x(U, { children: [
-              I(
-                i ?? Pt,
-                o,
+            /* @__PURE__ */ x(ht, { children: [
+              A(
+                i ?? wt,
+                n,
                 k,
-                a
+                l
               ),
-              D && /* @__PURE__ */ n(
-                F,
+              D && /* @__PURE__ */ a(
+                $,
                 {
                   component: "p",
                   variant: "caption",
@@ -1038,113 +1013,113 @@ function _t() {
                 }
               )
             ] }),
-            !f && v
+            !m && w
           ]
         }
       )
     ] }) }, C);
   } };
 }
-function Ao({
+function nn({
   getOptionLabel: t,
   newItemLabel: e,
-  newItemIcon: o,
-  multiple: r
+  newItemIcon: n,
+  multiple: o
 }) {
-  const i = T(), l = $(i), a = ae(), { renderOption: c } = _t();
+  const i = F(), r = R(i), l = Ut(), { renderOption: s } = Tt();
   return {
-    creatableFilterOptions: (s, b) => {
-      const g = a(
-        s,
+    creatableFilterOptions: (d, b) => {
+      const p = l(
+        d,
         b
-      ), { inputValue: f } = b, M = s.some(
-        (h) => f === t(h)
+      ), { inputValue: m } = b, M = d.some(
+        (h) => m === t(h)
       );
-      if (f.length > 1 && f !== "" && !M) {
+      if (m.length > 1 && m !== "" && !M) {
         let h;
-        typeof e == "function" ? h = e(f) : e ? h = `${e} "${f}"` : h = `${l.formatMessage({ id: "c4r.form.add" })} "${f}"`, g.push({
-          inputValue: f,
+        typeof e == "function" ? h = e(m) : e ? h = `${e} "${m}"` : h = `${r.formatMessage({ id: "c4r.form.add" })} "${m}"`, p.push({
+          inputValue: m,
           title: h
         });
       }
-      return g;
+      return p;
     },
-    creatableOptionLabel: (s) => typeof s == "string" ? s : s.inputValue ? s.inputValue : t(s),
-    creatableRenderOption: (s, b, g) => {
-      const f = b.inputValue ? o ?? /* @__PURE__ */ n(De, {}) : void 0, M = zt(b, !!r);
-      return c(
-        s,
+    creatableOptionLabel: (d) => typeof d == "string" ? d : d.inputValue ? d.inputValue : t(d),
+    creatableRenderOption: (d, b, p) => {
+      const m = b.inputValue ? n ?? /* @__PURE__ */ a(ue, {}) : void 0, M = It(b, !!o);
+      return s(
+        d,
         M,
-        g,
+        p,
         t,
-        f
+        m
       );
     }
   };
 }
-function Gt({
+function St({
   options: t,
   value: e,
-  onChange: o,
-  getOptionLabel: r
+  onChange: n,
+  getOptionLabel: o
 }) {
-  const [i, l] = B(
+  const [i, r] = B(
     Array.isArray(e) ? e : e ? [e] : []
-  ), { renderOption: a } = _t();
-  z(() => {
+  ), { renderOption: l } = Tt();
+  P(() => {
     const b = Array.isArray(e) ? e : e ? [e] : [];
-    l(b);
+    r(b);
   }, [e]);
-  const c = i.length === t.length, d = i.length > 0 && i.length < t.length;
+  const s = i.length === t.length, c = i.length > 0 && i.length < t.length;
   return {
     multipleValue: i,
-    allSelected: c,
-    someSelected: d,
+    allSelected: s,
+    someSelected: c,
     handleSelectAll: (b) => {
-      const g = c ? [] : [...t];
-      l(g), o == null || o(
+      const p = s ? [] : [...t];
+      r(p), n == null || n(
         b,
-        g,
+        p,
         "selectOption"
       );
     },
-    handleChange: (b, g, f) => {
-      l(g === null ? [] : g), o == null || o(b, g, f);
+    handleChange: (b, p, m) => {
+      r(p === null ? [] : p), n == null || n(b, p, m);
     },
-    multipleRenderOption: (b, g, f) => {
-      const M = zt(g, !0);
-      return a(
+    multipleRenderOption: (b, p, m) => {
+      const M = It(p, !0);
+      return l(
         b,
         M,
-        f,
-        r
+        m,
+        o
       );
     }
   };
 }
-function So({
+function on({
   children: t,
   showFilters: e,
-  allSelected: o,
-  someSelected: r,
+  allSelected: n,
+  someSelected: o,
   handleSelectAll: i = () => {
   },
-  multiple: l,
-  ...a
-}, c) {
+  multiple: r,
+  ...l
+}, s) {
   return /* @__PURE__ */ x(
     "ul",
     {
-      ref: c,
-      ...a,
+      ref: s,
+      ...l,
       role: "listbox",
-      "aria-multiselectable": l,
+      "aria-multiselectable": r,
       children: [
-        e && l && /* @__PURE__ */ n(
-          Ht,
+        e && r && /* @__PURE__ */ a(
+          Dt,
           {
-            areAllSelected: !!o,
-            areAnySelected: !!r,
+            areAllSelected: !!n,
+            areAnySelected: !!o,
             selectAll: i
           }
         ),
@@ -1153,171 +1128,171 @@ function So({
     }
   );
 }
-const jt = O(So);
-function Io({
+const Bt = S(on);
+function an({
   newItemLabel: t,
   newItemIcon: e,
-  getOptionLabel: o = Pt,
-  multiple: r,
+  getOptionLabel: n = wt,
+  multiple: o,
   disableCloseOnSelect: i,
-  disabled: l,
-  loading: a,
-  showFilters: c,
-  options: d = [],
-  value: p,
-  onChange: u,
-  getLimitTagsText: s,
+  disabled: r,
+  loading: l,
+  showFilters: s,
+  options: c = [],
+  value: u,
+  onChange: f,
+  getLimitTagsText: d,
   ...b
-}, g) {
-  const { freeSolo: f = !0, ...M } = b, {
+}, p) {
+  const { freeSolo: m = !0, ...M } = b, {
     multipleValue: h,
-    allSelected: v,
+    allSelected: w,
     someSelected: k,
     handleSelectAll: D,
     handleChange: y
-  } = Gt({
-    options: d,
-    value: p,
-    onChange: u
+  } = St({
+    options: c,
+    value: u,
+    onChange: f
   }), {
     creatableFilterOptions: C,
-    creatableOptionLabel: A,
-    creatableRenderOption: R
-  } = Ao({
-    getOptionLabel: o,
+    creatableOptionLabel: T,
+    creatableRenderOption: O
+  } = nn({
+    getOptionLabel: n,
     newItemLabel: t,
     newItemIcon: e,
-    multiple: r
+    multiple: o
   });
-  return /* @__PURE__ */ n(
-    lt,
+  return /* @__PURE__ */ a(
+    Z,
     {
       ...M,
-      ref: g,
-      options: d,
-      value: r ? h : p,
+      ref: p,
+      options: c,
+      value: o ? h : u,
       onChange: y,
       filterOptions: C,
-      getOptionLabel: A,
-      renderOption: R,
-      freeSolo: f,
+      getOptionLabel: T,
+      renderOption: O,
+      freeSolo: m,
       forcePopupIcon: !0,
-      multiple: r,
-      disableCloseOnSelect: i ?? r,
-      ListboxComponent: jt,
+      multiple: o,
+      disableCloseOnSelect: i ?? o,
+      ListboxComponent: Bt,
       ListboxProps: {
-        showFilters: c,
-        allSelected: v,
+        showFilters: s,
+        allSelected: w,
         someSelected: k,
         handleSelectAll: D,
-        multiple: r
+        multiple: o
       },
-      getLimitTagsText: s ?? Nt,
-      disabled: l || a,
-      popupIcon: a ? /* @__PURE__ */ n(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ n(ct, {}),
+      getLimitTagsText: d ?? At,
+      disabled: r || l,
+      popupIcon: l ? /* @__PURE__ */ a(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ a(X, {}),
       "data-name": "creatable-autocomplete"
     }
   );
 }
-const zn = O(Io);
-function Bo({
+const Lo = S(an);
+function rn({
   renderOption: t,
   disableCloseOnSelect: e = !0,
-  disabled: o,
-  loading: r,
+  disabled: n,
+  loading: o,
   showFilters: i,
-  options: l,
-  value: a,
-  onChange: c,
-  getOptionLabel: d,
-  getLimitTagsText: p,
-  ...u
-}, s) {
+  options: r,
+  value: l,
+  onChange: s,
+  getOptionLabel: c,
+  getLimitTagsText: u,
+  ...f
+}, d) {
   const {
     multipleValue: b,
-    allSelected: g,
-    someSelected: f,
+    allSelected: p,
+    someSelected: m,
     handleSelectAll: M,
     handleChange: h,
-    multipleRenderOption: v
-  } = Gt({
-    options: l,
-    value: a,
-    onChange: c,
-    getOptionLabel: d
+    multipleRenderOption: w
+  } = St({
+    options: r,
+    value: l,
+    onChange: s,
+    getOptionLabel: c
   });
-  return /* @__PURE__ */ n(
-    lt,
+  return /* @__PURE__ */ a(
+    Z,
     {
-      ...u,
-      ref: s,
-      options: l,
+      ...f,
+      ref: d,
+      options: r,
       value: b,
       onChange: h,
-      getOptionLabel: d,
-      renderOption: t ?? v,
-      ListboxComponent: jt,
+      getOptionLabel: c,
+      renderOption: t ?? w,
+      ListboxComponent: Bt,
       ListboxProps: {
         showFilters: i,
-        allSelected: g,
-        someSelected: f,
+        allSelected: p,
+        someSelected: m,
         handleSelectAll: M,
         multiple: !0
       },
       multiple: !0,
-      getLimitTagsText: p ?? Nt,
+      getLimitTagsText: u ?? At,
       disableCloseOnSelect: e,
-      disabled: o || r,
-      popupIcon: r ? /* @__PURE__ */ n(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ n(ct, {}),
+      disabled: n || o,
+      popupIcon: o ? /* @__PURE__ */ a(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ a(X, {}),
       "data-name": "multiple-autocomplete"
     }
   );
 }
-const Nn = O(Bo), $o = ({
+const Wo = S(rn), ln = ({
   children: t,
   disabled: e,
-  value: o,
-  onCopied: r,
+  value: n,
+  onCopied: o,
   copyText: i = "c4r.button.copy",
-  copiedText: l = "c4r.notifications.copiedToClipboard",
-  button: a,
-  buttonLabel: c,
-  buttonProps: d,
-  ariaLabel: p,
-  dataTestId: u,
-  tooltipPlacement: s = "top",
+  copiedText: r = "c4r.notifications.copiedToClipboard",
+  button: l,
+  buttonLabel: s,
+  buttonProps: c,
+  ariaLabel: u,
+  dataTestId: f,
+  tooltipPlacement: d = "top",
   ...b
-}, g) => {
-  const f = T(), M = $(f), [h, v] = B(!1), { copy: k } = Vt(i, l), D = (y) => {
-    y.preventDefault(), k(o).then(() => {
-      r == null || r(), v(!0);
+}, p) => {
+  const m = F(), M = R(m), [h, w] = B(!1), { copy: k } = sn(i, r), D = (y) => {
+    y.preventDefault(), k(n).then(() => {
+      o == null || o(), w(!0);
     }).catch(console.error);
   };
-  return /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ n(
-      P,
+  return /* @__PURE__ */ x(j, { children: [
+    /* @__PURE__ */ a(
+      H,
       {
         title: M.formatMessage({ id: i }),
         leaveDelay: 0,
-        placement: s,
+        placement: d,
         children: /* @__PURE__ */ x(
-          w,
+          v,
           {
             ...b,
             sx: { cursor: e ? void 0 : "pointer" },
             onClick: D,
             "data-name": "copiable",
-            ref: g,
+            ref: p,
             children: [
               t,
-              a && /* @__PURE__ */ n(
-                q,
+              l && /* @__PURE__ */ a(
+                vt,
                 {
-                  ...d,
+                  ...c,
                   disabled: e,
-                  icon: /* @__PURE__ */ n(Lt, {}),
-                  "data-testid": u,
-                  "aria-label": p || c,
+                  icon: /* @__PURE__ */ a(pe, {}),
+                  "data-testid": f,
+                  "aria-label": u || s,
                   sx: {
                     display: "flex"
                   }
@@ -1328,31 +1303,31 @@ const Nn = O(Bo), $o = ({
         )
       }
     ),
-    /* @__PURE__ */ n(
-      dt,
+    /* @__PURE__ */ a(
+      bn,
       {
         open: h,
         autoWidth: !0,
         closeable: !1,
         autoHideDuration: 4e3,
-        onClose: () => v(!1),
-        children: M.formatMessage({ id: l })
+        onClose: () => w(!1),
+        children: M.formatMessage({ id: r })
       }
     )
   ] });
-}, To = O($o);
-async function Ro(t) {
+}, Eo = S(ln);
+async function cn(t) {
   return await navigator.clipboard.writeText(t);
 }
-const Vt = (t = "c4r.button.copy", e = "c4r.notifications.copiedToClipboard") => {
-  const [o, r] = B(t);
+const sn = (t = "c4r.button.copy", e = "c4r.notifications.copiedToClipboard") => {
+  const [n, o] = B(t);
   return {
-    message: o,
-    copy: async (l) => {
-      await Ro(l), r(e), setTimeout(() => r(t), 1e3);
+    message: n,
+    copy: async (r) => {
+      await cn(r), o(e), setTimeout(() => o(t), 1e3);
     }
   };
-}, Oo = m("div", {
+}, dn = g("div", {
   shouldForwardProp: (t) => t !== "variant"
 })(({ variant: t, theme: e }) => ({
   width: "100%",
@@ -1362,42 +1337,42 @@ const Vt = (t = "c4r.button.copy", e = "c4r.notifications.copiedToClipboard") =>
     boxShadow: `inset 0 0 0 1px ${e.palette.divider}`
   }
 }));
-function _n({
+function Ho({
   variant: t = "standard",
   items: e,
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ n(Oo, { ...o, variant: t, children: e.map((r, i) => /* @__PURE__ */ x(
-    le,
+  return /* @__PURE__ */ a(dn, { ...n, variant: t, children: e.map((o, i) => /* @__PURE__ */ x(
+    Yt,
     {
-      disabled: r.disabled,
-      defaultExpanded: r.defaultExpanded,
-      onChange: r.onChange,
+      disabled: o.disabled,
+      defaultExpanded: o.defaultExpanded,
+      onChange: o.onChange,
       children: [
-        /* @__PURE__ */ n(
-          ce,
+        /* @__PURE__ */ a(
+          qt,
           {
             "aria-controls": `${i}-content`,
             id: `${i}-header`,
-            children: r.summary
+            children: o.summary
           }
         ),
-        /* @__PURE__ */ n(de, { children: r.content })
+        /* @__PURE__ */ a(zt, { children: o.content })
       ]
     },
     i
   )) });
 }
-const ht = {
+const at = {
   large: 5,
   medium: 4,
   small: 3,
   xsmall: 2.25
-}, Fo = m(se, {
+}, un = g(Zt, {
   shouldForwardProp: (t) => t !== "size" && t !== "disabled"
-})(({ theme: t, size: e = "medium", disabled: o = !1 }) => ({
-  width: t.spacing(ht[e]),
-  height: t.spacing(ht[e]),
+})(({ theme: t, size: e = "medium", disabled: n = !1 }) => ({
+  width: t.spacing(at[e]),
+  height: t.spacing(at[e]),
   ...t.typography.subtitle1,
   ...e === "large" && {
     ...t.typography.h6
@@ -1410,18 +1385,18 @@ const ht = {
     ...t.typography.caption,
     fontWeight: 500,
     svg: {
-      width: N,
-      height: N
+      width: _,
+      height: _
     }
   },
-  ...o && {
+  ...n && {
     opacity: 0.6
   }
 }));
-function Gn(t) {
-  return /* @__PURE__ */ n(Fo, { ...t });
+function _o(t) {
+  return /* @__PURE__ */ a(un, { ...t });
 }
-const Ut = 480, Lo = m(ue)(({ theme: t }) => ({
+const $t = 480, pn = g(Jt)(({ theme: t }) => ({
   bottom: t.spacing(2),
   right: t.spacing(2),
   left: t.spacing(2),
@@ -1430,13 +1405,13 @@ const Ut = 480, Lo = m(ue)(({ theme: t }) => ({
     right: "auto",
     left: "50%",
     width: "100%",
-    maxWidth: `${Ut}px`
+    maxWidth: `${$t}px`
   }
-})), Wo = m(w, {
+})), gn = g(v, {
   shouldForwardProp: (t) => t !== "autoWidth"
 })(({ autoWidth: t, theme: e }) => ({
   minWidth: "100%",
-  maxWidth: `${Ut}px`,
+  maxWidth: `${$t}px`,
   margin: e.spacing(0, 1),
   ...t && {
     minWidth: "auto"
@@ -1447,59 +1422,59 @@ const Ut = 480, Lo = m(ue)(({ theme: t }) => ({
       minWidth: "auto"
     }
   }
-})), Eo = m(Et, {
+})), fn = g(Ct, {
   shouldForwardProp: (t) => !["hasActions", "closeable"].includes(t)
-})(({ hasActions: t, closeable: e, icon: o, theme: r }) => ({
+})(({ hasActions: t, closeable: e, icon: n, theme: o }) => ({
   position: "relative",
   display: "flex",
   flexWrap: "wrap",
-  columnGap: r.spacing(1),
-  rowGap: r.spacing(0.25),
-  padding: r.spacing(1),
-  paddingLeft: r.spacing(2),
-  color: r.palette.common.white,
-  backgroundColor: r.palette.common.black,
+  columnGap: o.spacing(1),
+  rowGap: o.spacing(0.25),
+  padding: o.spacing(1),
+  paddingLeft: o.spacing(2),
+  color: o.palette.common.white,
+  backgroundColor: o.palette.common.black,
   ".MuiAlert-message": {
-    padding: r.spacing(0.75, 0)
+    padding: o.spacing(0.75, 0)
   },
   ".MuiAlert-message .MuiTypography-root, .MuiAlert-icon": {
-    color: r.palette.common.white
+    color: o.palette.common.white
   },
   ".MuiAlert-message .MuiTypography-root:not(.MuiAlertTitle-root)": {
-    ...r.typography.body2
+    ...o.typography.body2
   },
   ".MuiAlert-message .MuiCircularProgress-circle": {
-    color: r.palette.common.white
+    color: o.palette.common.white
   },
   ".MuiAlert-icon": {
     position: "absolute",
-    top: r.spacing(1),
-    left: r.spacing(1.5),
+    top: o.spacing(1),
+    left: o.spacing(1.5),
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    width: r.spacing(3),
-    marginTop: r.spacing(0.5)
+    width: o.spacing(3),
+    marginTop: o.spacing(0.5)
   },
   "&.MuiAlert-standardError": {
-    backgroundColor: r.palette.error.main
+    backgroundColor: o.palette.error.main
   },
-  ...o !== !1 && {
-    paddingLeft: r.spacing(5.5)
+  ...n !== !1 && {
+    paddingLeft: o.spacing(5.5)
   },
   ...e && {
-    paddingRight: r.spacing(6)
+    paddingRight: o.spacing(6)
   },
   ...!e && !t && {
-    paddingRight: r.spacing(1.5)
+    paddingRight: o.spacing(1.5)
   },
   ...t && {
     ".MuiAlert-message": {
       minWidth: "fit-content",
-      padding: r.spacing(0.75, 0)
+      padding: o.spacing(0.75, 0)
     }
   }
-})), Ho = m(w)(({ theme: t }) => ({
+})), mn = g(v)(({ theme: t }) => ({
   position: "absolute",
   top: t.spacing(1),
   right: t.spacing(1),
@@ -1510,57 +1485,57 @@ const Ut = 480, Lo = m(ue)(({ theme: t }) => ({
     color: t.palette.white[60]
   }
 }));
-function dt({
+function bn({
   severity: t = "neutral",
-  autoHideDuration: e = ft,
-  closeable: o = !0,
-  children: r,
+  autoHideDuration: e = ot,
+  closeable: n = !0,
+  children: o,
   title: i,
-  action: l,
-  open: a,
-  onClose: c = () => {
+  action: r,
+  open: l,
+  onClose: s = () => {
   },
-  autoWidth: d,
-  icon: p,
-  ...u
+  autoWidth: c,
+  icon: u,
+  ...f
 }) {
-  const s = T(), b = $(s);
-  return /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(
-    Lo,
+  const d = F(), b = R(d);
+  return /* @__PURE__ */ a(Xt, { children: /* @__PURE__ */ a(
+    pn,
     {
-      ...u,
-      open: a,
-      autoHideDuration: e === null ? null : e || ft,
-      onClose: c,
-      TransitionComponent: d ? ge : Rt,
-      "data-auto-width": d,
+      ...f,
+      open: l,
+      autoHideDuration: e === null ? null : e || ot,
+      onClose: s,
+      TransitionComponent: c ? Kt : yt,
+      "data-auto-width": c,
       children: /* @__PURE__ */ x(
-        Wo,
+        gn,
         {
           sx: {
             position: "relative"
           },
-          autoWidth: d,
+          autoWidth: c,
           children: [
-            /* @__PURE__ */ n(
-              Eo,
+            /* @__PURE__ */ a(
+              fn,
               {
                 severity: t,
-                action: l,
-                icon: p === !1 || t === "neutral" && !p ? !1 : p,
+                action: r,
+                icon: u === !1 || t === "neutral" && !u ? !1 : u,
                 elevation: 6,
-                hasActions: !!l,
-                closeable: o,
+                hasActions: !!r,
+                closeable: n,
                 title: i,
-                children: r
+                children: o
               }
             ),
-            o && /* @__PURE__ */ n(Ho, { children: /* @__PURE__ */ n(
-              q,
+            n && /* @__PURE__ */ a(mn, { children: /* @__PURE__ */ a(
+              vt,
               {
                 color: "default",
-                onClick: (v) => c(v, "timeout"),
-                icon: /* @__PURE__ */ n(Wt, {}),
+                onClick: (w) => s(w, "timeout"),
+                icon: /* @__PURE__ */ a(Mt, {}),
                 tooltip: b.formatMessage({
                   id: "c4r.button.close"
                 })
@@ -1572,40 +1547,195 @@ function dt({
     }
   ) });
 }
-const Po = m("div")(({ theme: t }) => ({
+function hn(t, e, n, o) {
+  if (o)
+    return e === "outlined" ? {
+      color: n.palette.text.disabled,
+      backgroundColor: n.palette.black[4],
+      borderColor: n.palette.action.focus
+    } : {
+      color: n.palette.text.disabled,
+      backgroundColor: n.palette.action.disabledBackground,
+      borderColor: "transparent"
+    };
+  switch (t) {
+    case "default":
+      return e === "outlined" ? {
+        color: n.palette.text.secondary,
+        backgroundColor: n.palette.black[4],
+        borderColor: n.palette.divider
+      } : {
+        color: n.palette.text.primary,
+        backgroundColor: n.palette.default.main,
+        borderColor: "transparent"
+      };
+    case "primary":
+      return e === "outlined" ? {
+        color: n.palette.primary.main,
+        backgroundColor: n.palette.primary.relatedLight,
+        borderColor: n.palette.primary.main
+      } : {
+        color: n.palette.primary.contrastText,
+        backgroundColor: n.palette.primary.main,
+        borderColor: "transparent"
+      };
+    case "secondary":
+      return e === "outlined" ? {
+        color: n.palette.secondary.main,
+        backgroundColor: n.palette.secondary.relatedLight,
+        borderColor: n.palette.secondary.main
+      } : {
+        color: n.palette.text.primary,
+        backgroundColor: n.palette.secondary.main,
+        borderColor: "transparent"
+      };
+    case "success":
+      return e === "outlined" ? {
+        color: n.palette.success.main,
+        backgroundColor: n.palette.success.relatedLight,
+        borderColor: n.palette.success.main
+      } : {
+        color: n.palette.success.main,
+        backgroundColor: n.palette.success.relatedLight,
+        borderColor: "transparent"
+      };
+    case "warning":
+      return e === "outlined" ? {
+        color: n.palette.warning.main,
+        backgroundColor: n.palette.warning.relatedLight,
+        borderColor: n.palette.warning.main
+      } : {
+        color: n.palette.text.primary,
+        backgroundColor: n.palette.warning.main,
+        borderColor: "transparent"
+      };
+    case "error":
+      return e === "outlined" ? {
+        color: n.palette.error.main,
+        backgroundColor: n.palette.error.relatedLight,
+        borderColor: n.palette.error.main
+      } : {
+        color: n.palette.primary.contrastText,
+        backgroundColor: n.palette.error.main,
+        borderColor: "transparent"
+      };
+  }
+}
+const yn = g("div", {
+  shouldForwardProp: (t) => !["color", "variant", "disabled"].includes(t)
+})(({
+  color: t,
+  variant: e,
+  disabled: n,
+  theme: o
+}) => ({
+  display: "inline-flex",
+  flexDirection: "row",
+  flexWrap: "nowrap",
+  alignItems: "center",
+  padding: o.spacing(0, 0.5),
+  borderRadius: o.spacing(0.25),
+  gap: o.spacing(0.5),
+  height: o.spacing(2),
+  borderWidth: "1px",
+  borderStyle: "solid",
+  ...hn(t ?? "primary", e ?? "filled", o, n)
+})), xn = g("div")(({ theme: t }) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  "& svg": {
+    width: t.spacing(_),
+    height: t.spacing(_),
+    "& g": {
+      fill: "currentColor"
+    }
+  }
+})), Mn = g("span", {
+  shouldForwardProp: (t) => !["type", "icon"].includes(t)
+})(({ type: t, icon: e, theme: n }) => ({
+  display: "flex",
+  alignItems: "center",
+  paddingTop: t === "code" || e ? n.spacing(0.25) : void 0
+}));
+function Cn({
+  label: t,
+  color: e = "primary",
+  variant: n = "filled",
+  icon: o,
+  type: i = "default",
+  typographyProps: r,
+  noWrap: l = !0,
+  disabled: s,
+  ...c
+}, u) {
+  const f = i === "code";
+  return /* @__PURE__ */ x(
+    yn,
+    {
+      ref: u,
+      className: "CartoTag-root",
+      color: e,
+      variant: n,
+      disabled: s,
+      "aria-disabled": s,
+      "data-color": e,
+      "data-variant": n,
+      "data-type": i,
+      "data-name": "tag",
+      ...c,
+      children: [
+        o && /* @__PURE__ */ a(xn, { children: o }),
+        /* @__PURE__ */ a(Mn, { icon: !!o, type: i, children: /* @__PURE__ */ a(
+          $,
+          {
+            component: "span",
+            color: "inherit",
+            variant: f ? "code3" : "caption",
+            weight: f ? "strong" : "medium",
+            noWrap: l,
+            ...r,
+            children: t
+          }
+        ) })
+      ]
+    }
+  );
+}
+const Po = S(Cn), kn = g("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
-  height: ke,
+  height: ce,
   marginRight: t.spacing(1.5)
-})), zo = m(E)(({ theme: t }) => ({
+})), vn = g(W)(({ theme: t }) => ({
   marginRight: t.spacing(1),
   "&.MuiButtonBase-root svg path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), No = m(_)(({ theme: t }) => ({
-  borderColor: Ot(t.palette.brand.appBarContrastText, 0.12)
+})), Dn = g(V)(({ theme: t }) => ({
+  borderColor: Qt(t.palette.brand.appBarContrastText, 0.12)
 }));
-function _o({
+function wn({
   onClickMenu: t
 }) {
   return (
     // replacing deprecated `<Hidden />` with sx following this MUI5 guide:
     // https://mui.com/material-ui/migration/v5-component-changes/#hidden
-    /* @__PURE__ */ n(
-      w,
+    /* @__PURE__ */ a(
+      v,
       {
         sx: {
           display: { md: "none", xs: "block" }
         },
-        children: /* @__PURE__ */ x(Po, { children: [
-          /* @__PURE__ */ n(zo, { onClick: t, children: /* @__PURE__ */ n(Ae, {}) }),
-          /* @__PURE__ */ n(No, { orientation: "vertical", flexItem: !0 })
+        children: /* @__PURE__ */ x(kn, { children: [
+          /* @__PURE__ */ a(vn, { onClick: t, children: /* @__PURE__ */ a(ge, {}) }),
+          /* @__PURE__ */ a(Dn, { orientation: "vertical", flexItem: !0 })
         ] })
       }
     )
   );
 }
-const Go = m("div")(({ theme: t }) => ({
+const In = g("div")(({ theme: t }) => ({
   display: "flex",
   marginRight: t.spacing(1.5),
   "& a": {
@@ -1616,18 +1746,18 @@ const Go = m("div")(({ theme: t }) => ({
     height: t.spacing(4)
   }
 }));
-function jo({ logo: t }) {
-  return /* @__PURE__ */ n(Go, { children: t });
+function An({ logo: t }) {
+  return /* @__PURE__ */ a(In, { children: t });
 }
-const Vo = m(F)({
+const Tn = g($)({
   display: "flex",
   alignItems: "center",
   whiteSpace: "nowrap"
 });
-function Uo({ text: t }) {
-  const e = j();
-  return /* @__PURE__ */ n(
-    Vo,
+function Sn({ text: t }) {
+  const e = N();
+  return /* @__PURE__ */ a(
+    Tn,
     {
       component: "span",
       variant: "subtitle1",
@@ -1636,7 +1766,7 @@ function Uo({ text: t }) {
     }
   );
 }
-const Yo = m(F)(({ theme: t }) => ({
+const Bn = g($)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   "&::before": {
@@ -1646,10 +1776,10 @@ const Yo = m(F)(({ theme: t }) => ({
     color: t.palette.brand.appBarContrastText
   }
 }));
-function qo({ text: t }) {
-  const e = j();
-  return /* @__PURE__ */ n(
-    Yo,
+function $n({ text: t }) {
+  const e = N();
+  return /* @__PURE__ */ a(
+    Bn,
     {
       component: "span",
       variant: "body2",
@@ -1659,7 +1789,7 @@ function qo({ text: t }) {
     }
   );
 }
-const Zo = m(me)(({ theme: t }) => ({
+const Rn = g(ee)(({ theme: t }) => ({
   backgroundColor: t.palette.brand.appBarMain,
   "& .MuiTypography-root": {
     color: t.palette.brand.appBarContrastText
@@ -1667,7 +1797,7 @@ const Zo = m(me)(({ theme: t }) => ({
   "& .MuiIconButton-root path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), Jo = m("div")(({ theme: t }) => ({
+})), Fn = g("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   maxWidth: "calc(100% - 300px)",
@@ -1675,59 +1805,59 @@ const Zo = m(me)(({ theme: t }) => ({
   [t.breakpoints.down("sm")]: {
     minWidth: "192px"
   }
-})), Ko = m("div")(({ theme: t }) => ({
+})), On = g("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   flex: 1,
   marginLeft: t.spacing(1)
 }));
-function jn({
+function jo({
   children: t,
   brandLogo: e,
-  brandText: o,
-  secondaryText: r,
+  brandText: n,
+  secondaryText: o,
   showBurgerMenu: i = !1,
-  onClickMenu: l,
-  ...a
+  onClickMenu: r,
+  ...l
 }) {
-  return /* @__PURE__ */ n(Zo, { ...a, children: /* @__PURE__ */ x(fe, { children: [
-    /* @__PURE__ */ x(Jo, { children: [
-      i && /* @__PURE__ */ n(_o, { onClickMenu: l }),
-      e && /* @__PURE__ */ n(jo, { logo: e }),
-      o && /* @__PURE__ */ n(Uo, { text: o }),
-      r && /* @__PURE__ */ n(qo, { text: r })
+  return /* @__PURE__ */ a(Rn, { ...l, children: /* @__PURE__ */ x(te, { children: [
+    /* @__PURE__ */ x(Fn, { children: [
+      i && /* @__PURE__ */ a(wn, { onClickMenu: r }),
+      e && /* @__PURE__ */ a(An, { logo: e }),
+      n && /* @__PURE__ */ a(Sn, { text: n }),
+      o && /* @__PURE__ */ a($n, { text: o })
     ] }),
-    /* @__PURE__ */ n(Ko, { children: t })
+    /* @__PURE__ */ a(On, { children: t })
   ] }) });
 }
-const Xo = m(w, {
+const Ln = g(v, {
   shouldForwardProp: (t) => !["size", "variant"].includes(t)
-})(({ size: t, variant: e, theme: o }) => ({
+})(({ size: t, variant: e, theme: n }) => ({
   position: "absolute",
-  right: o.spacing(5.75),
+  right: n.spacing(5.75),
   ...t === "small" && {
-    right: o.spacing(4),
+    right: n.spacing(4),
     top: "3px"
     // to align with design specs
   },
   ...e === "standard" && {
-    right: o.spacing(4.75),
+    right: n.spacing(4.75),
     ...t === "small" && {
-      right: o.spacing(3.5)
+      right: n.spacing(3.5)
     }
   }
 }));
-function st({
+function Q({
   size: t,
   variant: e,
-  ...o
+  ...n
 }) {
-  const r = T(), i = $(r);
-  return /* @__PURE__ */ n(Xo, { size: t, variant: e, children: /* @__PURE__ */ n(
-    E,
+  const o = F(), i = R(o);
+  return /* @__PURE__ */ a(Ln, { size: t, variant: e, children: /* @__PURE__ */ a(
+    W,
     {
-      ...o,
+      ...n,
       size: t,
       "aria-label": i.formatMessage({
         id: "c4r.form.clearSelection"
@@ -1735,98 +1865,98 @@ function st({
     }
   ) });
 }
-const Qo = m(w, {
+const Wn = g(v, {
   shouldForwardProp: (t) => !["size", "variant", "readOnly"].includes(t)
-})(({ size: t, variant: e, readOnly: o, theme: r }) => ({
+})(({ size: t, variant: e, readOnly: n, theme: o }) => ({
   // There is no specific slot to change TextField styles at DatePicker level, so we need to wrap our component to isolate this override. https://mui.com/x/react-date-pickers/date-picker/#customization
   ".MuiInputBase-root": {
     "& .clearButton svg": {
-      color: r.palette.text.hint
+      color: o.palette.text.hint
     },
     ...t === "small" && {
-      paddingRight: `${r.spacing(1)} !important`
+      paddingRight: `${o.spacing(1)} !important`
     },
     ...t === "medium" && {
       "& .MuiInputAdornment-root": {
         "& .MuiIconButton-edgeEnd": {
-          marginRight: r.spacing(-1)
+          marginRight: o.spacing(-1)
         }
       }
     },
     ...e === "standard" && {
-      paddingRight: `${r.spacing(1)} !important`,
+      paddingRight: `${o.spacing(1)} !important`,
       ...t === "small" && {
-        paddingRight: `${r.spacing(0.5)} !important`
+        paddingRight: `${o.spacing(0.5)} !important`
       }
     },
-    ...o && {
+    ...n && {
       "& .MuiInputAdornment-root": {
         "& svg": {
-          color: r.palette.text.disabled
+          color: o.palette.text.disabled
         }
       }
     }
   }
 }));
-function ut({
+function tt({
   children: t,
   size: e,
-  variant: o,
-  readOnly: r,
+  variant: n,
+  readOnly: o,
   ...i
 }) {
-  return /* @__PURE__ */ n(Qo, { ...i, size: e, variant: o, readOnly: r, children: t });
+  return /* @__PURE__ */ a(Wn, { ...i, size: e, variant: n, readOnly: o, children: t });
 }
-function xt({
+function it({
   handleClear: t,
   variant: e = "outlined",
-  size: o = "small",
-  label: r,
+  size: n = "small",
+  label: o,
   labelHelpTooltip: i,
-  type: l,
-  helperText: a,
-  placeholder: c,
-  slotProps: d,
-  slots: p,
-  error: u,
-  showCalendar: s = !0,
+  type: r,
+  helperText: l,
+  placeholder: s,
+  slotProps: c,
+  slots: u,
+  error: f,
+  showCalendar: d = !0,
   readOnly: b,
-  "aria-label": g,
-  "data-testid": f,
+  "aria-label": p,
+  "data-testid": m,
   ...M
 }) {
-  const h = T(), v = $(h);
+  const h = F(), w = R(h);
   return (
     // Don't remove className, it's used for styling
-    /* @__PURE__ */ n(w, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ n(
-      ut,
+    /* @__PURE__ */ a(v, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ a(
+      tt,
       {
-        size: o,
+        size: n,
         variant: e,
         readOnly: b,
         "data-name": "date-picker",
-        "aria-label": g,
-        "data-testid": f,
-        children: /* @__PURE__ */ n(
-          Te,
+        "aria-label": p,
+        "data-testid": m,
+        children: /* @__PURE__ */ a(
+          be,
           {
             ...M,
-            label: r && /* @__PURE__ */ n(
-              X,
+            label: o && /* @__PURE__ */ a(
+              K,
               {
-                label: r,
-                type: l,
-                icon: i && /* @__PURE__ */ n(P, { title: i, children: /* @__PURE__ */ n(K, { htmlColor: "text.secondary" }) })
+                label: o,
+                type: r,
+                icon: i && /* @__PURE__ */ a(H, { title: i, children: /* @__PURE__ */ a(J, { htmlColor: "text.secondary" }) })
               }
             ),
             slotProps: {
               // https://mui.com/x/api/date-pickers/date-picker/#slots
               textField: {
                 variant: e,
-                helperText: a,
-                placeholder: c,
-                size: o,
-                error: u ?? void 0,
+                helperText: l,
+                placeholder: s,
+                size: n,
+                error: f ?? void 0,
                 // undefined is needed to allow the component to control the error state for the default validation
                 inputProps: {
                   "data-testid": "date-picker-input"
@@ -1836,23 +1966,23 @@ function xt({
                 clearable: !!t,
                 onClear: t
               },
-              ...d
+              ...c
             },
             slots: {
-              clearButton: (k) => /* @__PURE__ */ n(st, { ...k, size: o, variant: e }),
-              openPickerButton: (k) => /* @__PURE__ */ n(
-                E,
+              clearButton: (k) => /* @__PURE__ */ a(Q, { ...k, size: n, variant: e }),
+              openPickerButton: (k) => /* @__PURE__ */ a(
+                W,
                 {
                   ...k,
-                  size: o,
-                  "aria-label": v.formatMessage({
+                  size: n,
+                  "aria-label": w.formatMessage({
                     id: "c4r.form.chooseDate"
                   })
                 }
               ),
-              ...p
+              ...u
             },
-            disableOpenPicker: !s,
+            disableOpenPicker: !d,
             readOnly: b
           }
         )
@@ -1860,7 +1990,7 @@ function xt({
     ) })
   );
 }
-const tr = m(w, {
+const En = g(v, {
   shouldForwardProp: (t) => ![
     "isSelected",
     "isStartDate",
@@ -1873,11 +2003,11 @@ const tr = m(w, {
   ({
     theme: t,
     isSelected: e,
-    isStartDate: o,
-    isEndDate: r,
+    isStartDate: n,
+    isEndDate: o,
     isSelectedMonth: i,
-    isLastDay: l,
-    isFirstDay: a
+    isLastDay: r,
+    isFirstDay: l
   }) => ({
     position: "relative",
     margin: t.spacing(0.25),
@@ -1896,12 +2026,12 @@ const tr = m(w, {
         left: "-2px",
         backgroundColor: t.palette.primary.background,
         // Selected start date OR first day of the month
-        ...(o || a) && {
+        ...(n || l) && {
           left: 0,
           borderRadius: `${t.shape.borderRadius}px 0 0 ${t.shape.borderRadius}px`
         },
         // Selected end date OR last day of the month
-        ...(r || l) && {
+        ...(o || r) && {
           right: 0,
           borderRadius: `0 ${t.shape.borderRadius}px ${t.shape.borderRadius}px 0`
         }
@@ -1917,7 +2047,7 @@ const tr = m(w, {
         borderRadius: `0 ${t.shape.borderRadius}px ${t.shape.borderRadius}px 0`
       },
       // First day of month and last selected day in a week
-      ...a && {
+      ...l && {
         "&:last-of-type::before": {
           left: 0,
           right: 0,
@@ -1925,7 +2055,7 @@ const tr = m(w, {
         }
       },
       // Last day of month and first selected day in a week
-      ...l && {
+      ...r && {
         "&:first-of-type::before": {
           left: 0,
           right: 0,
@@ -1934,7 +2064,7 @@ const tr = m(w, {
       },
       "& .MuiPickersDay-today": {
         borderColor: `${t.palette.default.outlinedBorder} !important`,
-        ...(o || r) && {
+        ...(n || o) && {
           boxShadow: `0 0 0 1px inset ${t.palette.background.paper}`
         }
       },
@@ -1955,7 +2085,7 @@ const tr = m(w, {
       }
     }
   })
-), er = m(Re, {
+), Hn = g(he, {
   shouldForwardProp: (t) => t !== "isDateRangeLimit"
 })(({ theme: t, isDateRangeLimit: e }) => ({
   "&.MuiPickersDay-root": {
@@ -1975,38 +2105,38 @@ const tr = m(w, {
       }
     }
   }
-})), yt = (t, e) => !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
-function Ct({
+})), rt = (t, e) => !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
+function lt({
   day: t,
   startDate: e,
-  endDate: o,
-  selectedMonth: r,
+  endDate: n,
+  selectedMonth: o,
   ...i
 }) {
-  const l = !!(e && yt(e, t)), a = !!(o && yt(o, t)), c = !!(e && o && t.getTime() >= e.getTime() && t.getTime() <= o.getTime()), d = t.getDate() === 1, p = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), u = !!(r && t.getMonth() === r.getMonth());
-  return /* @__PURE__ */ n(
-    tr,
+  const r = !!(e && rt(e, t)), l = !!(n && rt(n, t)), s = !!(e && n && t.getTime() >= e.getTime() && t.getTime() <= n.getTime()), c = t.getDate() === 1, u = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), f = !!(o && t.getMonth() === o.getMonth());
+  return /* @__PURE__ */ a(
+    En,
     {
-      isSelected: c,
-      isStartDate: l,
-      isEndDate: a,
-      isSelectedMonth: u,
-      isLastDay: p,
-      isFirstDay: d,
-      children: /* @__PURE__ */ n(
-        er,
+      isSelected: s,
+      isStartDate: r,
+      isEndDate: l,
+      isSelectedMonth: f,
+      isLastDay: u,
+      isFirstDay: c,
+      children: /* @__PURE__ */ a(
+        Hn,
         {
           ...i,
           day: t,
-          selected: c || l || a,
-          isDateRangeLimit: l || a,
+          selected: s || r || l,
+          isDateRangeLimit: r || l,
           "data-name": "pickers-day"
         }
       )
     }
   );
 }
-const or = m(w, {
+const _n = g(v, {
   shouldForwardProp: (t) => !["variant"].includes(t)
 })(({ variant: t, theme: e }) => ({
   display: "flex",
@@ -2056,197 +2186,197 @@ const or = m(w, {
     }
   }
 }));
-function Vn({
+function Go({
   globalHelperText: t,
   error: e,
-  variant: o = "outlined",
-  startProps: r,
+  variant: n = "outlined",
+  startProps: o,
   endProps: i,
-  "aria-label": l,
-  "data-testid": a,
-  ...c
+  "aria-label": r,
+  "data-testid": l,
+  ...s
 }) {
-  const d = T(), p = $(d), [u, s] = B(!1), [b, g] = B(!1), [f, M] = B(
-    (r == null ? void 0 : r.value) || null
-  ), [h, v] = B((i == null ? void 0 : i.value) || null), [k, D] = B(
-    (i == null ? void 0 : i.value) ?? (r == null ? void 0 : r.value) ?? /* @__PURE__ */ new Date()
-  ), y = e ?? (r == null ? void 0 : r.error) ?? (i == null ? void 0 : i.error), C = (S, L) => {
-    M(S), r != null && r.onChange && r.onChange(S, L), S && L.validationError === null && !b && L.trigger === null && (g(!1), s(!0));
-  }, A = (S, L) => {
-    v(S), i != null && i.onChange && i.onChange(S, L);
-  }, R = () => {
-    g(!0), s(!1), setTimeout(() => {
-      D(f ?? /* @__PURE__ */ new Date());
+  const c = F(), u = R(c), [f, d] = B(!1), [b, p] = B(!1), [m, M] = B(
+    (o == null ? void 0 : o.value) || null
+  ), [h, w] = B((i == null ? void 0 : i.value) || null), [k, D] = B(
+    (i == null ? void 0 : i.value) ?? (o == null ? void 0 : o.value) ?? /* @__PURE__ */ new Date()
+  ), y = e ?? (o == null ? void 0 : o.error) ?? (i == null ? void 0 : i.error), C = (I, L) => {
+    M(I), o != null && o.onChange && o.onChange(I, L), I && L.validationError === null && !b && L.trigger === null && (p(!1), d(!0));
+  }, T = (I, L) => {
+    w(I), i != null && i.onChange && i.onChange(I, L);
+  }, O = () => {
+    p(!0), d(!1), setTimeout(() => {
+      D(m ?? /* @__PURE__ */ new Date());
     }, 120);
-  }, I = () => {
-    g(!1), s(!0), setTimeout(() => {
-      D(h ?? f ?? /* @__PURE__ */ new Date());
+  }, A = () => {
+    p(!1), d(!0), setTimeout(() => {
+      D(h ?? m ?? /* @__PURE__ */ new Date());
     }, 120);
-  }, W = () => {
-    g(!1), s(!0), setTimeout(() => {
-      D(h ?? f ?? /* @__PURE__ */ new Date());
+  }, E = () => {
+    p(!1), d(!0), setTimeout(() => {
+      D(h ?? m ?? /* @__PURE__ */ new Date());
     }, 120);
   };
-  return /* @__PURE__ */ x(w, { children: [
+  return /* @__PURE__ */ x(v, { children: [
     /* @__PURE__ */ x(
-      or,
+      _n,
       {
-        variant: o,
+        variant: n,
         "data-name": "date-range-picker",
-        "aria-label": l,
-        "data-testid": a,
+        "aria-label": r,
+        "data-testid": l,
         children: [
-          /* @__PURE__ */ n(
-            xt,
+          /* @__PURE__ */ a(
+            it,
             {
-              ...c,
-              ...r,
-              value: (r == null ? void 0 : r.value) ?? f,
+              ...s,
+              ...o,
+              value: (o == null ? void 0 : o.value) ?? m,
               maxDate: h ?? void 0,
-              label: (r == null ? void 0 : r.label) ?? p.formatMessage({ id: "c4r.form.startDate" }),
+              label: (o == null ? void 0 : o.label) ?? u.formatMessage({ id: "c4r.form.startDate" }),
               slotProps: {
                 popper: {
                   placement: "bottom-start",
-                  "aria-label": p.formatMessage({
+                  "aria-label": u.formatMessage({
                     id: "c4r.form.startDateCalendar"
                   })
                 },
-                ...r == null ? void 0 : r.slotProps
+                ...o == null ? void 0 : o.slotProps
               },
               slots: {
-                openPickerIcon: Se,
-                day: (S) => /* @__PURE__ */ n(
-                  Ct,
+                openPickerIcon: fe,
+                day: (I) => /* @__PURE__ */ a(
+                  lt,
                   {
-                    ...S,
-                    startDate: f,
+                    ...I,
+                    startDate: m,
                     endDate: h,
                     selectedMonth: k
                   }
                 ),
-                ...r == null ? void 0 : r.slots
+                ...o == null ? void 0 : o.slots
               },
-              error: (r == null ? void 0 : r.error) ?? e,
+              error: (o == null ? void 0 : o.error) ?? e,
               open: b,
               onChange: C,
-              onOpen: R,
-              onClose: I,
-              onMonthChange: (S) => D(S),
-              variant: o
+              onOpen: O,
+              onClose: A,
+              onMonthChange: (I) => D(I),
+              variant: n
             }
           ),
-          /* @__PURE__ */ n(
-            xt,
+          /* @__PURE__ */ a(
+            it,
             {
-              ...c,
+              ...s,
               ...i,
               value: (i == null ? void 0 : i.value) ?? h,
-              minDate: f ?? void 0,
+              minDate: m ?? void 0,
               slotProps: {
                 popper: {
-                  "aria-label": p.formatMessage({
+                  "aria-label": u.formatMessage({
                     id: "c4r.form.endDateCalendar"
                   })
                 },
                 ...i == null ? void 0 : i.slotProps
               },
               slots: {
-                day: (S) => /* @__PURE__ */ n(
-                  Ct,
+                day: (I) => /* @__PURE__ */ a(
+                  lt,
                   {
-                    ...S,
-                    startDate: f,
+                    ...I,
+                    startDate: m,
                     endDate: h,
                     selectedMonth: k
                   }
                 ),
                 ...i == null ? void 0 : i.slots
               },
-              label: (i == null ? void 0 : i.label) ?? p.formatMessage({ id: "c4r.form.endDate" }),
+              label: (i == null ? void 0 : i.label) ?? u.formatMessage({ id: "c4r.form.endDate" }),
               error: (i == null ? void 0 : i.error) ?? e,
-              open: u,
-              onOpen: W,
-              onClose: () => s(!1),
-              onChange: A,
-              onMonthChange: (S) => D(S),
-              variant: o
+              open: f,
+              onOpen: E,
+              onClose: () => d(!1),
+              onChange: T,
+              onMonthChange: (I) => D(I),
+              variant: n
             }
           )
         ]
       }
     ),
-    t && /* @__PURE__ */ n(J, { error: y, children: t })
+    t && /* @__PURE__ */ a(bt, { error: y, children: t })
   ] });
 }
-const Yt = (t, e, o, r) => {
-  const i = t == null ? void 0 : t.includes("hours"), l = t == null ? void 0 : t.includes("seconds"), a = t == null ? void 0 : t.includes("minutes"), c = (t == null ? void 0 : t.length) === 1 && t[0] === "hours";
-  if (r) return r;
-  const d = [];
-  return e && d.push("MM/dd/yyyy "), i && d.push(o ? "hh" : "HH"), c || d.push(":"), a && d.push("mm"), l && d.push(":ss"), o && d.push(" a"), d.join("");
+const Rt = (t, e, n, o) => {
+  const i = t == null ? void 0 : t.includes("hours"), r = t == null ? void 0 : t.includes("seconds"), l = t == null ? void 0 : t.includes("minutes"), s = (t == null ? void 0 : t.length) === 1 && t[0] === "hours";
+  if (o) return o;
+  const c = [];
+  return e && c.push("MM/dd/yyyy "), i && c.push(n ? "hh" : "HH"), s || c.push(":"), l && c.push("mm"), r && c.push(":ss"), n && c.push(" a"), c.join("");
 };
-function Un({
+function Vo({
   handleClear: t,
   variant: e = "outlined",
-  size: o = "small",
-  label: r,
+  size: n = "small",
+  label: o,
   labelHelpTooltip: i,
-  type: l,
-  helperText: a,
-  placeholder: c,
-  error: d,
-  showClock: p = !0,
-  readOnly: u,
-  slotProps: s,
+  type: r,
+  helperText: l,
+  placeholder: s,
+  error: c,
+  showClock: u = !0,
+  readOnly: f,
+  slotProps: d,
   slots: b,
-  ampm: g = !0,
-  views: f = ["hours", "minutes"],
+  ampm: p = !0,
+  views: m = ["hours", "minutes"],
   format: M,
   "data-testid": h,
-  "aria-label": v,
+  "aria-label": w,
   ...k
 }) {
-  const D = T(), y = $(D), C = Z(null), [A, R] = B(0);
-  return z(() => {
+  const D = F(), y = R(D), C = Y(null), [T, O] = B(0);
+  return P(() => {
     if (!C.current) return;
-    const I = new ResizeObserver((W) => {
+    const A = new ResizeObserver((E) => {
       var L;
-      const S = (L = W[0]) == null ? void 0 : L.contentRect.width;
-      S && R(S);
+      const I = (L = E[0]) == null ? void 0 : L.contentRect.width;
+      I && O(I);
     });
-    return I.observe(C.current), () => {
-      I.disconnect();
+    return A.observe(C.current), () => {
+      A.disconnect();
     };
-  }, []), /* @__PURE__ */ n(
-    ut,
+  }, []), /* @__PURE__ */ a(
+    tt,
     {
-      size: o,
+      size: n,
       variant: e,
-      readOnly: u,
+      readOnly: f,
       "data-name": "time-picker",
       "data-testid": h ?? "time-picker",
-      "aria-label": v,
-      children: /* @__PURE__ */ n(
-        Oe,
+      "aria-label": w,
+      children: /* @__PURE__ */ a(
+        ye,
         {
           ...k,
           ref: C,
-          label: /* @__PURE__ */ n(
-            X,
+          label: /* @__PURE__ */ a(
+            K,
             {
-              label: r ?? y.formatMessage({ id: "c4r.form.time" }),
-              type: l,
-              icon: i && /* @__PURE__ */ n(P, { title: i, children: /* @__PURE__ */ n(K, { htmlColor: "text.secondary" }) })
+              label: o ?? y.formatMessage({ id: "c4r.form.time" }),
+              type: r,
+              icon: i && /* @__PURE__ */ a(H, { title: i, children: /* @__PURE__ */ a(J, { htmlColor: "text.secondary" }) })
             }
           ),
           views: ["hours"],
-          format: Yt(f, !1, g, M),
+          format: Rt(m, !1, p, M),
           slotProps: {
             textField: {
               variant: e,
-              helperText: a,
-              placeholder: c,
-              size: o,
-              error: d ?? void 0,
+              helperText: l,
+              placeholder: s,
+              size: n,
+              error: c ?? void 0,
               // undefined is needed to allow the component to control the error state for the default validation
               inputProps: {
                 "data-testid": "time-picker-input"
@@ -2261,18 +2391,18 @@ function Un({
             },
             layout: {
               sx: {
-                width: A
+                width: T
               }
             },
-            ...s
+            ...d
           },
           slots: {
-            clearButton: (I) => /* @__PURE__ */ n(st, { ...I, size: o, variant: e }),
-            openPickerButton: (I) => /* @__PURE__ */ n(
-              E,
+            clearButton: (A) => /* @__PURE__ */ a(Q, { ...A, size: n, variant: e }),
+            openPickerButton: (A) => /* @__PURE__ */ a(
+              W,
               {
-                ...I,
-                size: o,
+                ...A,
+                size: n,
                 "aria-label": y.formatMessage({
                   id: "c4r.form.chooseDate"
                 })
@@ -2280,66 +2410,66 @@ function Un({
             ),
             ...b
           },
-          disableOpenPicker: !p,
-          readOnly: u,
-          ampm: g
+          disableOpenPicker: !u,
+          readOnly: f,
+          ampm: p
         }
       )
     }
   );
 }
-function Yn({
+function No({
   handleClear: t,
   variant: e = "outlined",
-  size: o = "small",
-  label: r,
+  size: n = "small",
+  label: o,
   labelHelpTooltip: i,
-  type: l,
-  helperText: a,
-  placeholder: c,
-  error: d,
-  showCalendar: p = !0,
-  readOnly: u,
-  slotProps: s,
+  type: r,
+  helperText: l,
+  placeholder: s,
+  error: c,
+  showCalendar: u = !0,
+  readOnly: f,
+  slotProps: d,
   slots: b,
-  ampm: g = !0,
-  views: f = ["hours", "minutes"],
+  ampm: p = !0,
+  views: m = ["hours", "minutes"],
   format: M,
   "data-testid": h,
-  "aria-label": v,
+  "aria-label": w,
   ...k
 }) {
-  const D = T(), y = $(D);
-  return /* @__PURE__ */ n(
-    ut,
+  const D = F(), y = R(D);
+  return /* @__PURE__ */ a(
+    tt,
     {
-      size: o,
+      size: n,
       variant: e,
-      readOnly: u,
+      readOnly: f,
       "data-name": "date-time-picker",
       "data-testid": h ?? "date-time-picker",
-      "aria-label": v,
-      children: /* @__PURE__ */ n(
-        Fe,
+      "aria-label": w,
+      children: /* @__PURE__ */ a(
+        xe,
         {
           ...k,
-          label: /* @__PURE__ */ n(
-            X,
+          label: /* @__PURE__ */ a(
+            K,
             {
-              label: r ?? y.formatMessage({ id: "c4r.form.time" }),
-              type: l,
-              icon: i && /* @__PURE__ */ n(P, { title: i, children: /* @__PURE__ */ n(K, { htmlColor: "text.secondary" }) })
+              label: o ?? y.formatMessage({ id: "c4r.form.time" }),
+              type: r,
+              icon: i && /* @__PURE__ */ a(H, { title: i, children: /* @__PURE__ */ a(J, { htmlColor: "text.secondary" }) })
             }
           ),
           views: ["year", "month", "day", "hours"],
-          format: Yt(f, !0, g, M),
+          format: Rt(m, !0, p, M),
           slotProps: {
             textField: {
               variant: e,
-              helperText: a,
-              placeholder: c,
-              size: o,
-              error: d ?? void 0,
+              helperText: l,
+              placeholder: s,
+              size: n,
+              error: c ?? void 0,
               // undefined is needed to allow the component to control the error state for the default validation
               inputProps: {
                 "data-testid": "date-time-picker-input"
@@ -2349,15 +2479,15 @@ function Yn({
               clearable: !!t,
               onClear: t
             },
-            ...s
+            ...d
           },
           slots: {
-            clearButton: (C) => /* @__PURE__ */ n(st, { ...C, size: o, variant: e }),
-            openPickerButton: (C) => /* @__PURE__ */ n(
-              E,
+            clearButton: (C) => /* @__PURE__ */ a(Q, { ...C, size: n, variant: e }),
+            openPickerButton: (C) => /* @__PURE__ */ a(
+              W,
               {
                 ...C,
-                size: o,
+                size: n,
                 "aria-label": y.formatMessage({
                   id: "c4r.form.chooseDate"
                 })
@@ -2365,879 +2495,63 @@ function Yn({
             ),
             ...b
           },
-          disableOpenPicker: !p,
-          readOnly: u,
-          ampm: g
+          disableOpenPicker: !u,
+          readOnly: f,
+          ampm: p
         }
       )
     }
   );
 }
-const rr = [{ outlinedBullet: !1, value: "" }], nr = m("ul")(({ theme: t }) => ({
+const Pn = [{ outlinedBullet: !1, value: "" }], jn = g("ul")(({ theme: t }) => ({
   listStyle: "none",
   paddingLeft: 0,
   margin: t.spacing(0.5, 0, 0, 0)
-})), ir = m("li")(({ theme: t }) => ({
+})), Gn = g("li")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "&:not(:last-child)": {
     marginBottom: t.spacing(0.5)
   }
-})), ar = m("span")(({ theme: t }) => ({
+})), Vn = g("span")(({ theme: t }) => ({
   width: t.spacing(1),
   height: t.spacing(1),
   marginRight: t.spacing(0.5),
   border: `2px solid ${t.palette.qualitative.bold[1]}`,
   borderRadius: "50%",
   backgroundColor: t.palette.qualitative.bold[1]
-})), lr = m(F)(({ theme: t }) => ({
+})), Nn = g($)(({ theme: t }) => ({
   minWidth: t.spacing(10),
   marginRight: t.spacing(1.5)
 }));
-function qn({
-  items: t = rr,
+function Uo({
+  items: t = Pn,
   title: e
 }) {
-  return /* @__PURE__ */ x(H, { children: [
-    e && /* @__PURE__ */ n(F, { color: "inherit", variant: "caption", weight: "medium", children: e }),
-    /* @__PURE__ */ n(nr, { children: t.map((o, r) => /* @__PURE__ */ x(ir, { children: [
-      /* @__PURE__ */ n(
-        ar,
+  return /* @__PURE__ */ x(j, { children: [
+    e && /* @__PURE__ */ a($, { color: "inherit", variant: "caption", weight: "medium", children: e }),
+    /* @__PURE__ */ a(jn, { children: t.map((n, o) => /* @__PURE__ */ x(Gn, { children: [
+      /* @__PURE__ */ a(
+        Vn,
         {
           style: {
-            backgroundColor: `${o.outlinedBullet ? "transparent" : o.color}`,
-            borderColor: o.color
+            backgroundColor: `${n.outlinedBullet ? "transparent" : n.color}`,
+            borderColor: n.color
           }
         }
       ),
-      o.category && /* @__PURE__ */ n(lr, { color: "inherit", variant: "caption", children: o.category }),
-      /* @__PURE__ */ n(F, { color: "inherit", variant: "caption", weight: "medium", children: o.value })
-    ] }, r)) })
+      n.category && /* @__PURE__ */ a(Nn, { color: "inherit", variant: "caption", children: n.category }),
+      /* @__PURE__ */ a($, { color: "inherit", variant: "caption", weight: "medium", children: n.value })
+    ] }, o)) })
   ] });
 }
-const cr = m(w, {
-  shouldForwardProp: (t) => !["withGutter", "disabled"].includes(t)
-})(
-  ({ withGutter: t, disabled: e, theme: o }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: o.spacing(1),
-    ...t && {
-      height: o.spacing(4),
-      padding: o.spacing(0, 0.5),
-      borderTop: `1px solid ${o.palette.divider}`,
-      borderBottom: "1px solid transparent"
-    },
-    ...e && {
-      backgroundColor: o.palette.default.background
-    }
-  })
-);
-function qt({
-  onClickFooter: t,
-  labelIdButtonFooter: e,
-  disabledButtonFooter: o,
-  withGutter: r = !0,
-  showSnackbar: i,
-  onCloseSnackbar: l,
-  loading: a,
-  disabled: c,
-  ...d
-}) {
-  const p = T(), u = $(p);
-  return t ? /* @__PURE__ */ x(
-    cr,
-    {
-      withGutter: r,
-      disabled: c,
-      "data-name": "code-area-footer",
-      "data-gutter": r,
-      children: [
-        /* @__PURE__ */ n(
-          nt,
-          {
-            variant: "text",
-            ...d,
-            loading: a,
-            onClick: t,
-            disabled: c || o,
-            children: u.formatMessage({
-              id: e || "c4r.button.save"
-            })
-          }
-        ),
-        /* @__PURE__ */ n(
-          dt,
-          {
-            open: i,
-            autoWidth: !0,
-            closeable: !1,
-            autoHideDuration: 4e3,
-            onClose: l,
-            children: u.formatMessage({
-              id: "c4r.notifications.changesSaved"
-            })
-          }
-        )
-      ]
-    }
-  ) : null;
-}
-const Mt = m(w, { shouldForwardProp: (t) => t !== "size" })(({ size: t, theme: e }) => ({
-  position: "absolute",
-  top: 0,
-  right: e.spacing(0.5),
-  zIndex: 1,
-  display: "flex",
-  justifyContent: "flex-end",
-  gap: e.spacing(1),
-  padding: t === "small" ? e.spacing(0.5) : e.spacing(1, 2, 2),
-  paddingRight: t === "small" ? 0 : e.spacing(1.5)
-}));
-function dr({
-  disabled: t,
-  copyValue: e,
-  onClickExpand: o,
-  size: r
-}) {
-  const i = T(), l = $(i), a = !!o, c = e !== void 0, d = a && c, { copy: p } = Vt(), [u, s] = B(!1), [b, g] = B(null), f = !!b, M = (k) => {
-    g(k.currentTarget);
-  }, h = () => {
-    g(null);
-  }, v = (k) => {
-    k.preventDefault(), e && p(e).then(() => {
-      s(!0);
-    }).catch(console.error);
-  };
-  return !a && !c ? null : d ? /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ x(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
-      /* @__PURE__ */ n(
-        q,
-        {
-          color: "default",
-          size: r,
-          icon: /* @__PURE__ */ n(Ie, {}),
-          disabled: t,
-          tooltip: l.formatMessage({ id: "c4r.button.showOptions" }),
-          tooltipPlacement: "top",
-          "aria-controls": f ? "basic-menu" : void 0,
-          "aria-haspopup": "true",
-          "aria-expanded": f ? "true" : void 0,
-          onClick: M
-        }
-      ),
-      /* @__PURE__ */ x(
-        lo,
-        {
-          anchorEl: b,
-          open: f,
-          onClose: h,
-          id: "menu",
-          MenuListProps: { "aria-labelledby": "menu-button" },
-          "aria-label": "Code area actions",
-          transformOrigin: { vertical: "top", horizontal: "right" },
-          anchorOrigin: { vertical: "bottom", horizontal: "right" },
-          children: [
-            /* @__PURE__ */ x(Y, { onClick: v, disabled: t, id: "copy", children: [
-              /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ n(Lt, {}) }),
-              /* @__PURE__ */ n(U, { children: l.formatMessage({ id: "c4r.button.copy" }) })
-            ] }),
-            /* @__PURE__ */ x(Y, { onClick: o, disabled: t, id: "expand", children: [
-              /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ n(mt, {}) }),
-              /* @__PURE__ */ n(U, { children: l.formatMessage({ id: "c4r.button.expand" }) })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ n(
-      dt,
-      {
-        open: u,
-        autoWidth: !0,
-        closeable: !1,
-        autoHideDuration: 4e3,
-        onClose: () => s(!1),
-        children: l.formatMessage({
-          id: "c4r.notifications.copiedToClipboard"
-        })
-      }
-    )
-  ] }) : /* @__PURE__ */ x(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
-    c && /* @__PURE__ */ n(
-      To,
-      {
-        disabled: t,
-        value: e,
-        button: !0,
-        buttonProps: { size: r }
-      }
-    ),
-    a && /* @__PURE__ */ n(
-      q,
-      {
-        color: "default",
-        size: r,
-        onClick: o,
-        icon: /* @__PURE__ */ n(mt, {}),
-        disabled: t,
-        tooltip: l.formatMessage({ id: "c4r.button.expand" }),
-        tooltipPlacement: "top"
-      }
-    )
-  ] });
-}
-const sr = m(w, {
-  shouldForwardProp: (t) => !["size", "height"].includes(t)
-})(({ size: t, height: e, theme: o }) => ({
-  position: "relative",
-  flex: 1,
-  display: "flex",
-  cursor: "text",
-  ":focus-within &, .error &": {
-    marginBottom: 0
-  },
-  "& .react-codemirror2": {
-    width: "100%",
-    height: "100% !important",
-    position: "relative"
-  },
-  "& .CodeMirror": {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    zIndex: 1,
-    height: "100% !important",
-    backgroundColor: o.palette.background.default
-  },
-  "& .CodeMirror-code": {
-    "&> div:first-of-type .CodeMirror-line": {
-      marginTop: o.spacing(-0.25)
-    }
-  },
-  "& .CodeMirror-scroll": {
-    paddingLeft: o.spacing(1),
-    paddingRight: o.spacing(1),
-    backgroundColor: "transparent"
-  },
-  "& .CodeMirror-lines": {
-    padding: o.spacing(1, 0)
-  },
-  "& .CodeMirror pre.CodeMirror-line, & .CodeMirror pre.CodeMirror-line-like": {
-    boxSizing: "border-box",
-    paddingLeft: 0,
-    paddingTop: o.spacing(0.25),
-    lineHeight: 1.2
-  },
-  "& .CodeMirror-linenumbers": {
-    width: `${o.spacing(4.5)} !important`
-  },
-  "& .CodeMirror-linenumber": {
-    width: `${o.spacing(4.5)} !important`,
-    height: o.spacing(2),
-    marginBottom: `${o.spacing(-0.25)} !important`,
-    paddingTop: o.spacing(0.25),
-    paddingRight: o.spacing(1.25),
-    boxSizing: "border-box !important",
-    color: o.palette.text.secondary
-  },
-  // Active line addon
-  "& .CodeMirror-activeline-background, & .CodeMirror-activeline-gutter": {
-    backgroundColor: "transparent"
-  },
-  "& .CodeMirror-gutter-background": {
-    width: `${o.spacing(6.25)} !important`
-    // Hack needed to simulate active line background
-  },
-  "& .CodeMirror-sizer": {
-    paddingTop: o.spacing(0.25),
-    marginLeft: `${o.spacing(5.25)} !important`,
-    borderRightWidth: `${o.spacing(4)} !important`
-    // Hack needed to simulate active line background
-  },
-  "& .CodeMirror-matchingbracket": {
-    color: `${bt[900]} !important`,
-    backgroundColor: o.palette.black[4],
-    boxShadow: `0 0 0 1px ${o.palette.text.hint}`
-  },
-  // Selected line
-  "& .CodeMirror-selected, & .CodeMirror-focused .CodeMirror-selected, & .CodeMirror-line::selection, & .CodeMirror-line > span::selection, & .CodeMirror-line > span > span::selection": {
-    background: `${Ot(tt[800], 0.2)} !important`
-  },
-  "& .CodeMirror-gutters": {
-    borderRight: 0,
-    color: o.palette.text.secondary,
-    backgroundColor: o.palette.default.background
-  },
-  "& .CodeMirror-gutter-elt": {
-    "& .CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded": {
-      marginLeft: o.spacing(-1),
-      "&:after": {
-        fontSize: o.typography.caption.fontSize
-      }
-    }
-  },
-  "& .CodeMirror-placeholder": {
-    paddingTop: "0 !important",
-    marginLeft: `${o.spacing(-0.5)} !important`,
-    marginBottom: `${o.spacing(-0.25)} !important`,
-    color: `${o.palette.text.hint} !important`
-  },
-  "& .MuiLinearProgress-root": {
-    height: "2px",
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    zIndex: 1
-  },
-  "& .pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like, & .cm-bracket": {
-    color: o.palette.text.primary
-  },
-  "& .CodeMirror pre.CodeMirror-placeholder": {
-    color: o.palette.text.hint
-  },
-  "& .CodeMirror-composing": {
-    border: 0
-  },
-  // Theme: light
-  "& .cm-keyword, & .cm-string, & .cm-string-2, & .cm-other": {
-    color: He[500]
-  },
-  "& .cm-operator, & .cm-tag, & .cm-attribute": {
-    color: Pe[700]
-  },
-  "& .cm-number, & .cm-property, & .cm-builtin": {
-    color: ze[700]
-  },
-  "& .cm-comment": {
-    color: o.palette.text.secondary
-  },
-  "& .cm-variable": {
-    color: bt[900]
-  },
-  "& .cm-variable-2": {
-    color: o.palette.text.primary
-  },
-  "& .cm-punctuation, & .cm-def, ": {
-    color: tt[800]
-  },
-  "& .cm-variable-3, & .cm-type": {
-    color: Ne[800]
-  },
-  "& .CodeMirror-foldmarker": {
-    textShadow: "none",
-    color: o.palette.primary.main
-  },
-  "& .cm-error": {
-    color: o.palette.error.main
-  },
-  "& .CodeMirror-selected": {
-    background: tt[800]
-  },
-  "& .cm-header-1": {
-    fontSize: o.typography.h2.fontSize
-  },
-  "& .cm-header-2": {
-    fontSize: o.typography.h3.fontSize
-  },
-  "& .cm-header-3": {
-    fontSize: o.typography.h4.fontSize
-  },
-  "& .cm-header-4": {
-    fontSize: o.typography.h5.fontSize
-  },
-  "& .cm-header-5": {
-    fontSize: o.typography.h6.fontSize
-  },
-  ...t === "small" && {
-    "& .CodeMirror": {
-      height: e || "auto",
-      minHeight: o.spacing(9),
-      ...o.typography.code3
-    }
-  }
-}));
-function ur(t) {
-  const e = t.split(`
-`), o = [], r = [];
-  for (e.forEach((i, l) => {
-    const a = l + 1;
-    if (i.trim() === "-- BEGIN CONTROL CODE")
-      r.push(a);
-    else if (i.trim() === "-- END CONTROL CODE" && r.length > 0) {
-      const c = r.pop();
-      o.push({
-        from: c,
-        to: a
-      });
-    }
-  }); r.length > 0; ) {
-    const i = r.pop();
-    o.push({
-      from: i,
-      to: e.length
-      // Set end to last line for unmatched BEGIN
-    });
-  }
-  return o;
-}
-function pr({
-  options: t,
-  value: e,
-  defaultValue: o,
-  id: r,
-  onEditorDidMount: i,
-  onChange: l,
-  onBlur: a,
-  onFocus: c,
-  placeholder: d,
-  disabled: p,
-  size: u = "small",
-  height: s,
-  "data-testid": b,
-  "aria-label": g = "Code editor text area",
-  ...f
-}) {
-  var y;
-  const M = Z(), h = {
-    mode: "sql",
-    theme: "light",
-    lineNumbers: !0,
-    lineWrapping: !0,
-    extraKeys: { "Ctrl-Space": "autocomplete" },
-    placeholder: d,
-    disabled: p,
-    gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
-    styleActiveLine: { nonEmpty: !0 },
-    styleActiveSelected: !0,
-    matchBrackets: !0,
-    foldOptions: {
-      minFoldSize: 1,
-      scanUp: !1
-    },
-    ...t
-  }, [v, k] = B(null);
-  z(() => () => {
-    k(null);
-  }, []);
-  const D = ot(
-    ({ from: C, to: A }) => {
-      v.foldCode(
-        0,
-        {
-          rangeFinder: () => {
-            if (A)
-              return {
-                from: { line: C - 1, ch: 0 },
-                to: { line: A - 1, ch: 0 }
-              };
-          }
-        },
-        "fold"
-      );
-    },
-    [v]
-  );
-  return z(() => {
-    if (!e || !v) return;
-    const C = ur(e);
-    if (C.length)
-      for (const A of C)
-        D(A);
-  }, [e, D, v]), /* @__PURE__ */ x(
-    sr,
-    {
-      size: u,
-      height: s,
-      id: r,
-      "data-size": u,
-      "data-height": s,
-      "data-mode": typeof (t == null ? void 0 : t.mode) == "object" && ((y = t.mode) != null && y.name) ? t.mode.name : t == null ? void 0 : t.mode,
-      "data-fold-gutter": t == null ? void 0 : t.foldGutter,
-      "data-testid": b,
-      "aria-label": g,
-      "data-name": "code-area-input",
-      children: [
-        e !== void 0 && /* @__PURE__ */ n(
-          We,
-          {
-            ...f,
-            value: e,
-            editorDidMount: (C) => {
-              M.current = C, k(C), i == null || i(C);
-            },
-            options: h,
-            onBeforeChange: (C, A, R) => {
-              l == null || l(R);
-            },
-            onBlur: (C) => {
-              a == null || a(C.getValue());
-            },
-            onFocus: c
-          }
-        ),
-        o !== void 0 && /* @__PURE__ */ n(
-          Ee,
-          {
-            ...f,
-            value: o,
-            options: h,
-            onBlur: (C) => {
-              a == null || a(C.getValue());
-            },
-            onFocus: c
-          }
-        )
-      ]
-    }
-  );
-}
-const gr = m($t)(() => ({
-  display: "flex",
-  flexDirection: "column",
-  flex: 1
-})), fr = m(w, {
-  shouldForwardProp: (t) => ![
-    "variant",
-    "error",
-    "disabled",
-    "readOnly",
-    "lineNumbers",
-    "fullScreen"
-  ].includes(t)
-})(
-  ({ variant: t, error: e, disabled: o, readOnly: r, lineNumbers: i, fullScreen: l, theme: a }) => ({
-    position: "relative",
-    overflow: "auto",
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    width: "100%",
-    minHeight: 0,
-    background: a.palette.background.paper,
-    // Active line addon
-    ".CodeMirror-focused .CodeMirror-activeline": {
-      "& .CodeMirror-activeline-background, & .CodeMirror-activeline-gutter": {
-        background: a.palette.primary.background
-      }
-    },
-    ...l && {
-      maxWidth: "100%",
-      maxHeight: "100vh",
-      height: "100vh"
-    },
-    ...(t === "filled" || t === "outlined") && {
-      borderRadius: a.spacing(0.5),
-      transition: a.transitions.create("background-color", {
-        easing: a.transitions.easing.easeInOut,
-        duration: a.transitions.duration.shortest
-      }),
-      "&:after": {
-        content: '""',
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        pointerEvents: "none",
-        border: `1px solid ${a.palette.default.outlinedBorder}`,
-        borderRadius: a.spacing(0.5),
-        transition: a.transitions.create("border-color", {
-          easing: a.transitions.easing.easeInOut,
-          duration: a.transitions.duration.shortest
-        })
-      },
-      "&:hover:after": {
-        borderColor: a.palette.common.black
-      },
-      "&:focus-within": {
-        overflow: "hidden",
-        "&:after": {
-          borderWidth: "2px",
-          borderColor: a.palette.primary.main
-        }
-      },
-      ...e && {
-        "&.MuiBox-root:after": {
-          borderWidth: "2px",
-          borderColor: a.palette.error.main
-        }
-      }
-    },
-    ...t === "filled" && {
-      backgroundColor: a.palette.background.paper,
-      "&.codeArea-filled:after": {
-        borderColor: "transparent"
-      },
-      "&.codeArea-filled:hover:after": {
-        borderColor: a.palette.common.black
-      },
-      "&.codeArea-filled:focus-within:after": {
-        borderWidth: "2px",
-        borderColor: a.palette.primary.main
-      },
-      "& .CodeMirror": {
-        backgroundColor: a.palette.default.background,
-        "&:focus-within": {
-          backgroundColor: a.palette.background.paper
-        }
-      },
-      ...e && {
-        borderColor: a.palette.error.main,
-        "& .CodeMirror": {
-          backgroundColor: a.palette.default.background
-        },
-        "&:hover, &:focus-within, &.codeArea-filled:after, &.codeArea-filled:hover:after, &.codeArea-filled:focus-within:after": {
-          borderColor: a.palette.error.main
-        },
-        "&:focus-within": {
-          "& .CodeMirror": {
-            backgroundColor: a.palette.background.paper
-          }
-        }
-      }
-    },
-    ...r && {
-      "& .CodeMirror": {
-        backgroundColor: a.palette.default.background,
-        ".CodeMirror-cursors": {
-          visibility: "hidden !important"
-        }
-      },
-      ...t === "filled" && {
-        backgroundColor: a.palette.background.paper
-      }
-    },
-    ...o && {
-      pointerEvents: "none",
-      "& .CodeMirror": {
-        color: a.palette.text.disabled,
-        backgroundColor: a.palette.default.background,
-        "& span, .CodeMirror-linenumber, .CodeMirror-guttermarker-subtle": {
-          color: a.palette.text.disabled
-        }
-      },
-      ...t === "filled" && {
-        backgroundColor: a.palette.background.paper
-      }
-    },
-    ...!i && {
-      "& .CodeMirror-scroll .CodeMirror-sizer": {
-        marginLeft: `${a.spacing(1)} !important`
-      },
-      "& .CodeMirror-gutter-background": {
-        width: `${a.spacing(2)} !important`
-      }
-    }
-  })
-), mr = m(w, {
-  shouldForwardProp: (t) => t !== "hasActions"
-})(({ theme: t, hasActions: e }) => ({
-  flex: "1 1 auto",
-  overflowY: "auto",
-  display: "flex",
-  flexDirection: "column",
-  ...e && {
-    ".CodeMirror-line": {
-      paddingRight: `${t.spacing(4)} !important`
-    }
-  }
-})), br = m(K)(({ theme: t }) => ({
-  width: N,
-  height: N,
-  fill: t.palette.text.secondary
-}));
-function hr({
-  value: t,
-  defaultValue: e,
-  validate: o,
-  onChange: r,
-  onBlur: i,
-  onFocus: l,
-  label: a,
-  labelHelpTooltip: c,
-  placeholder: d,
-  type: p,
-  disabled: u,
-  copyValue: s,
-  helperText: b,
-  error: g,
-  size: f = "small",
-  variant: M = "outlined",
-  onClickExpand: h,
-  onClickFooter: v,
-  disabledButtonFooter: k,
-  labelIdButtonFooter: D,
-  options: y,
-  id: C = "code-area-field",
-  saveLoading: A,
-  showSaveSnackbar: R,
-  onCloseSaveSnackbar: I,
-  fullScreen: W,
-  isExpanded: S,
-  ...L
-}) {
-  const [V, pt] = B(!1), gt = (y == null ? void 0 : y.readOnly) ?? !1, Xt = (y == null ? void 0 : y.lineNumbers) ?? !0;
-  return /* @__PURE__ */ x(
-    gr,
-    {
-      size: f,
-      error: g,
-      disabled: u,
-      "aria-disabled": u,
-      "data-size": f,
-      "data-full-screen": W,
-      "data-variant": M,
-      "data-name": "code-area-field",
-      children: [
-        a && /* @__PURE__ */ n(
-          Tt,
-          {
-            htmlFor: C,
-            disabled: u,
-            error: g,
-            focused: V,
-            shrink: !0,
-            children: /* @__PURE__ */ n(
-              X,
-              {
-                label: a,
-                type: p,
-                icon: c ? /* @__PURE__ */ n(P, { title: c, children: /* @__PURE__ */ n(
-                  br,
-                  {
-                    "aria-label": typeof c == "string" ? c : void 0
-                  }
-                ) }) : void 0
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ x(
-          fr,
-          {
-            variant: M,
-            error: !!g,
-            disabled: u,
-            readOnly: gt,
-            lineNumbers: Xt,
-            className: M === "filled" ? "codeArea-filled" : "",
-            fullScreen: W,
-            children: [
-              /* @__PURE__ */ n(
-                dr,
-                {
-                  onClickExpand: h,
-                  copyValue: s,
-                  disabled: u,
-                  size: S ? "medium" : "small"
-                }
-              ),
-              /* @__PURE__ */ n(mr, { hasActions: !!s || !!h, children: /* @__PURE__ */ n(
-                pr,
-                {
-                  ...L,
-                  id: C,
-                  disabled: u,
-                  value: t,
-                  defaultValue: e,
-                  placeholder: d,
-                  onFocus: () => {
-                    pt(!0), l == null || l();
-                  },
-                  onBlur: (Q) => {
-                    i && i(Q), r && r(Q), o && o(Q), pt(!1);
-                  },
-                  onChange: r,
-                  size: f,
-                  options: {
-                    ...gt && {
-                      styleActiveLine: !1,
-                      matchBrackets: !1
-                    },
-                    ...y
-                  }
-                }
-              ) }),
-              /* @__PURE__ */ n(
-                qt,
-                {
-                  labelIdButtonFooter: D,
-                  onClickFooter: v,
-                  disabled: u,
-                  disabledButtonFooter: k,
-                  size: "small",
-                  loading: !!A,
-                  showSnackbar: R,
-                  onCloseSnackbar: I
-                }
-              )
-            ]
-          }
-        ),
-        b && /* @__PURE__ */ n(J, { children: b })
-      ]
-    }
-  );
-}
-const xr = m(w)(({ theme: t }) => ({
-  position: "relative",
-  marginBottom: "1px",
-  padding: t.spacing(1.5, 2, 1.5, 5.5),
-  "&:before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    bottom: 0,
-    zIndex: 1,
-    width: t.spacing(5),
-    background: t.palette.background.default
-  },
-  "&:after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    left: 0,
-    bottom: 0,
-    zIndex: 2,
-    background: "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 40%)"
-  },
-  ".MuiFormHelperText-root": {
-    marginTop: 0
-  }
-})), yr = m(w)(({ theme: t }) => ({
-  position: "relative",
-  zIndex: 3,
-  display: "flex",
-  alignItems: "center",
-  gap: t.spacing(1)
-}));
-function Cr({
-  children: t,
-  hasDivider: e
-}) {
-  const o = j();
-  return t ? /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ n(xr, { children: /* @__PURE__ */ x(yr, { children: [
-      /* @__PURE__ */ n(Be, { htmlColor: o.palette.error.main }),
-      /* @__PURE__ */ n(J, { error: !0, children: t })
-    ] }) }),
-    e && /* @__PURE__ */ n(_, {})
-  ] }) : null;
-}
-const kt = {
+const ct = {
   small: "480px",
   medium: "640px",
   large: "640px",
   xlarge: "720px"
-}, vt = {
+}, st = {
   small: {
     width: "432px",
     maxWidth: "432px"
@@ -3256,26 +2570,26 @@ const kt = {
     height: "calc(100vh - 80px)",
     maxWidth: "960px"
   }
-}, wt = m(be, {
+}, dt = g(ne, {
   shouldForwardProp: (t) => !["fullScreen", "height", "width", "hasForm"].includes(t)
 })(
   ({
     fullScreen: t,
     height: e,
-    width: o,
-    hasForm: r,
+    width: n,
+    hasForm: o,
     size: i = "small",
-    theme: l
+    theme: r
   }) => ({
     "&.MuiPaper-root": {
       position: "relative",
       display: "flex",
       flexDirection: "column",
-      margin: l.spacing(5),
-      borderRadius: l.spacing(1),
-      ...vt[i],
-      maxHeight: kt[i],
-      [`@media (max-height:${kt[i]})`]: {
+      margin: r.spacing(5),
+      borderRadius: r.spacing(1),
+      ...st[i],
+      maxHeight: ct[i],
+      [`@media (max-height:${ct[i]})`]: {
         maxHeight: "calc(100vh - 80px)",
         ...i === "large" && {
           minHeight: e !== "auto" ? "calc(100vh - 80px)" : "auto"
@@ -3283,20 +2597,20 @@ const kt = {
       },
       ...t && {
         width: "100vw",
-        maxWidth: `calc(100vw - ${l.spacing(10)})`,
+        maxWidth: `calc(100vw - ${r.spacing(10)})`,
         height: "100vh",
-        maxHeight: `calc(100vh - ${l.spacing(10)})`,
-        margin: l.spacing(5),
-        borderRadius: l.spacing(1)
+        maxHeight: `calc(100vh - ${r.spacing(10)})`,
+        margin: r.spacing(5),
+        borderRadius: r.spacing(1)
       },
       ...e && {
         height: e,
         minHeight: e
       },
-      ...o && {
-        width: o
+      ...n && {
+        width: n
       },
-      [l.breakpoints.down("sm")]: {
+      [r.breakpoints.down("sm")]: {
         position: "absolute",
         width: "100%",
         maxWidth: "100%",
@@ -3310,21 +2624,21 @@ const kt = {
         borderRadius: 0,
         ...e && {
           top: "auto",
-          borderRadius: l.spacing(1, 1, 0, 0),
+          borderRadius: r.spacing(1, 1, 0, 0),
           height: e,
           minHeight: e
         }
       },
       // Special case for Dialogs wrapped in Form
-      ...r && {
-        maxHeight: `calc(100vh - ${l.spacing(10)})`,
+      ...o && {
+        maxHeight: `calc(100vh - ${r.spacing(10)})`,
         form: {
           flex: 1,
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between",
           overflow: "hidden",
-          ...vt[i],
+          ...st[i],
           maxWidth: "100%",
           ...t && {
             width: "100%",
@@ -3336,17 +2650,17 @@ const kt = {
             height: e,
             minHeight: e
           },
-          ...o && {
-            width: o
+          ...n && {
+            width: n
           },
-          [l.breakpoints.down("sm")]: {
+          [r.breakpoints.down("sm")]: {
             width: "100%",
             maxWidth: "100%",
             height: "100vh",
             maxHeight: "100vh",
             ...e && {
               top: "auto",
-              borderRadius: l.spacing(1, 1, 0, 0),
+              borderRadius: r.spacing(1, 1, 0, 0),
               height: e,
               minHeight: e
             }
@@ -3356,130 +2670,130 @@ const kt = {
     }
   })
 );
-function Mr({
+function Un({
   nonModal: t,
   children: e,
-  size: o = "small",
-  PaperProps: r,
+  size: n = "small",
+  PaperProps: o,
   fullScreen: i,
-  height: l,
-  width: a,
-  hasForm: c,
-  "aria-label": d,
-  "data-testid": p,
-  ...u
-}, s) {
-  return t ? /* @__PURE__ */ n(
-    wt,
+  height: r,
+  width: l,
+  hasForm: s,
+  "aria-label": c,
+  "data-testid": u,
+  ...f
+}, d) {
+  return t ? /* @__PURE__ */ a(
+    dt,
     {
-      size: o,
+      size: n,
       fullScreen: i,
-      height: l,
-      width: a,
-      hasForm: c,
-      "aria-label": d,
-      "data-testid": p,
+      height: r,
+      width: l,
+      hasForm: s,
+      "aria-label": c,
+      "data-testid": u,
       "data-name": "dialog",
-      ...u,
-      ref: s,
+      ...f,
+      ref: d,
       children: e
     }
-  ) : /* @__PURE__ */ n(
-    he,
+  ) : /* @__PURE__ */ a(
+    oe,
     {
-      PaperComponent: wt,
+      PaperComponent: dt,
       PaperProps: {
-        ...r,
-        size: o,
+        ...o,
+        size: n,
         fullScreen: i,
-        height: l,
-        width: a,
-        hasForm: c
+        height: r,
+        width: l,
+        hasForm: s
       },
       fullScreen: i,
       role: "section",
-      "aria-label": d,
-      "data-testid": p,
-      "data-size": o,
-      "data-width": a,
-      "data-height": l,
+      "aria-label": c,
+      "data-testid": u,
+      "data-size": n,
+      "data-width": l,
+      "data-height": r,
       "data-name": "dialog",
-      ...u,
-      ref: s,
+      ...f,
+      ref: d,
       children: e
     }
   );
 }
-const kr = O(Mr), vr = m(xe)(() => ({
+const Yo = S(Un), Yn = g(ae)(() => ({
   padding: 0,
   zIndex: 10
-})), wr = m(w)(({ theme: t }) => ({
+})), qn = g(v)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   padding: t.spacing(2),
   minHeight: t.spacing(8)
-})), Dt = m(w)(({ theme: t }) => ({
+})), ut = g(v)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(1),
   overflow: "hidden"
-})), Dr = m(Wt)(({ theme: t }) => ({
+})), zn = g(Mt)(({ theme: t }) => ({
   color: t.palette.text.secondary
-})), Ar = m(_)(() => ({
+})), Zn = g(V)(() => ({
   "+ .MuiDialogContent-root": {
     borderTop: "none !important"
   }
 }));
-function Sr({
+function qo({
   title: t,
   chipLabel: e,
-  chipProps: o,
-  children: r,
+  chipProps: n,
+  children: o,
   onClose: i,
-  secondaryActions: l,
-  "aria-label": a,
-  closeIcon: c,
-  ...d
+  secondaryActions: r,
+  "aria-label": l,
+  closeIcon: s,
+  ...c
 }) {
-  const p = T(), u = $(p);
-  return /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ x(vr, { component: "div", "data-name": "dialog-header", ...d, children: [
-      /* @__PURE__ */ x(wr, { children: [
-        /* @__PURE__ */ x(Dt, { flex: 1, maxWidth: 0.8, children: [
-          /* @__PURE__ */ n(
-            F,
+  const u = F(), f = R(u);
+  return /* @__PURE__ */ x(j, { children: [
+    /* @__PURE__ */ x(Yn, { component: "div", "data-name": "dialog-header", ...c, children: [
+      /* @__PURE__ */ x(qn, { children: [
+        /* @__PURE__ */ x(ut, { flex: 1, maxWidth: 0.8, children: [
+          /* @__PURE__ */ a(
+            $,
             {
               component: "h2",
               variant: "inherit",
               noWrap: !0,
-              "aria-label": a,
+              "aria-label": l,
               role: "heading",
               children: t
             }
           ),
-          e && /* @__PURE__ */ n(ye, { color: "default", label: e, ...o })
+          e && /* @__PURE__ */ a(ie, { color: "default", label: e, ...n })
         ] }),
-        /* @__PURE__ */ x(Dt, { children: [
-          l,
-          i && /* @__PURE__ */ n(
-            P,
+        /* @__PURE__ */ x(ut, { children: [
+          r,
+          i && /* @__PURE__ */ a(
+            H,
             {
-              title: u.formatMessage({ id: "c4r.button.close" }),
+              title: f.formatMessage({ id: "c4r.button.close" }),
               placement: "left",
-              children: /* @__PURE__ */ n(E, { onClick: i, children: c || /* @__PURE__ */ n(Dr, { "data-testid": "CloseIcon" }) })
+              children: /* @__PURE__ */ a(W, { onClick: i, children: s || /* @__PURE__ */ a(zn, { "data-testid": "CloseIcon" }) })
             }
           )
         ] })
       ] }),
-      r
+      o
     ] }),
-    r && /* @__PURE__ */ n(Ar, {})
+    o && /* @__PURE__ */ a(Zn, {})
   ] });
 }
-const Ir = m(Ce, {
+const Jn = g(re, {
   shouldForwardProp: (t) => !["scrollableContent", "withGutter", "withBottomGutter"].includes(t)
-})(({ theme: t, scrollableContent: e, withGutter: o, withBottomGutter: r }) => ({
+})(({ theme: t, scrollableContent: e, withGutter: n, withBottomGutter: o }) => ({
   display: "flex",
   flexDirection: "column",
   gap: t.spacing(3),
@@ -3495,76 +2809,76 @@ const Ir = m(Ce, {
       display: "none"
     }
   },
-  ...o && {
+  ...n && {
     padding: ` ${t.spacing(1, 2, 0)} !important`,
     ".MuiDialog-paperFullScreen &": {
       padding: `${t.spacing(2, 2, 0)} !important`
     }
   },
-  ...r && {
+  ...o && {
     paddingBottom: `${t.spacing(3)} !important`,
     ".MuiDialog-paperFullScreen &": {
       paddingBottom: `${t.spacing(3)} !important`
     }
   }
 }));
-function Br({
+function Xn({
   children: t,
   scrollableContent: e,
-  hasFooterAlert: o,
-  withGutter: r = !0,
+  hasFooterAlert: n,
+  withGutter: o = !0,
   withBottomGutter: i = !0,
-  onScroll: l,
-  ...a
-}, c) {
-  const d = j(), [p, u] = B(null);
-  te(
-    c,
-    () => p,
-    [p]
+  onScroll: r,
+  ...l
+}, s) {
+  const c = N(), [u, f] = B(null);
+  Wt(
+    s,
+    () => u,
+    [u]
   );
-  const s = ot(
-    (g) => {
-      const f = Math.abs(g.scrollHeight - g.clientHeight - g.scrollTop) < 1, M = g.scrollTop === 0, h = `1px solid ${d.palette.divider}`;
-      g.style.borderTop = M ? "none" : h, g.style.borderBottom = f && !o ? "none" : h;
+  const d = nt(
+    (p) => {
+      const m = Math.abs(p.scrollHeight - p.clientHeight - p.scrollTop) < 1, M = p.scrollTop === 0, h = `1px solid ${c.palette.divider}`;
+      p.style.borderTop = M ? "none" : h, p.style.borderBottom = m && !n ? "none" : h;
     },
-    [d.palette.divider, o]
-  ), b = ot(
-    (g) => {
-      s(g.target), l == null || l(g);
+    [c.palette.divider, n]
+  ), b = nt(
+    (p) => {
+      d(p.target), r == null || r(p);
     },
-    [s, l]
+    [d, r]
   );
-  return z(() => {
-    p && s(p);
-  }, [p, s]), z(() => {
-    if (!p || typeof ResizeObserver > "u") return;
-    const g = new ResizeObserver(() => {
-      s(p);
+  return P(() => {
+    u && d(u);
+  }, [u, d]), P(() => {
+    if (!u || typeof ResizeObserver > "u") return;
+    const p = new ResizeObserver(() => {
+      d(u);
     });
-    return g.observe(p), () => g.disconnect();
-  }, [p, s]), /* @__PURE__ */ n(
-    Ir,
+    return p.observe(u), () => p.disconnect();
+  }, [u, d]), /* @__PURE__ */ a(
+    Jn,
     {
-      ref: u,
+      ref: f,
       onScroll: b,
       scrollableContent: e,
-      withGutter: r,
-      withBottomGutter: i && r,
+      withGutter: o,
+      withBottomGutter: i && o,
       "data-name": "dialog-content",
-      ...a,
+      ...l,
       children: t
     }
   );
 }
-const Zt = O(Br), Zn = m(Zt, {
+const Kn = S(Xn), zo = g(Kn, {
   shouldForwardProp: (t) => t !== "withAlert"
 })(({ withAlert: t, theme: e }) => ({
   padding: `${e.spacing(0, 2)} !important`,
   ...t && {
     paddingBottom: `${e.spacing(3)} !important`
   }
-})), $r = m(Et)(({ theme: t }) => ({
+})), Qn = g(Ct)(({ theme: t }) => ({
   minHeight: "auto",
   padding: 0,
   backgroundColor: "transparent",
@@ -3578,43 +2892,43 @@ const Zt = O(Br), Zn = m(Zt, {
     color: t.palette.text.primary
   }
 }));
-function Jt({
+function Ft({
   children: t,
   severity: e = "neutral",
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ n($r, { severity: e, ...o, "data-name": "dialog-alert", children: t });
+  return /* @__PURE__ */ a(Qn, { severity: e, ...n, "data-name": "dialog-alert", children: t });
 }
-const Tr = m(w, {
+const to = g(v, {
   shouldForwardProp: (t) => !["dark", "hasChildren"].includes(t)
-})(({ dark: t, hasChildren: e, theme: o }) => ({
+})(({ dark: t, hasChildren: e, theme: n }) => ({
   flex: "0 0 auto",
   display: "block",
-  minHeight: e ? o.spacing(8) : "auto",
+  minHeight: e ? n.spacing(8) : "auto",
   zIndex: 10,
   ...t && {
-    backgroundColor: o.palette.common.black,
-    color: o.palette.white[60],
+    backgroundColor: n.palette.common.black,
+    color: n.palette.white[60],
     ".MuiAlert-root": {
       ".MuiTypography-root, .MuiAlert-message :not(.MuiAlertTitle-root)": {
-        color: o.palette.white[60],
+        color: n.palette.white[60],
         a: {
-          color: `${o.palette.secondary.main} !important`
+          color: `${n.palette.secondary.main} !important`
         }
       },
       ".MuiAlert-icon": {
-        color: o.palette.white[60]
+        color: n.palette.white[60]
       }
     }
   }
-})), Rr = m(w)(() => ({
+})), eo = g(v)(() => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "& > div:empty": {
     padding: 0
   }
-})), Or = m(w, {
+})), no = g(v, {
   shouldForwardProp: (t) => t !== "hasAlert"
 })(({ hasAlert: t, theme: e }) => ({
   display: "flex",
@@ -3622,7 +2936,7 @@ const Tr = m(w, {
   gap: e.spacing(1),
   padding: e.spacing(2),
   paddingTop: t ? 0 : e.spacing(2)
-})), Kt = m(Me, {
+})), Ot = g(le, {
   shouldForwardProp: (t) => t !== "hasAlert"
 })(({ hasAlert: t, theme: e }) => ({
   gap: e.spacing(1),
@@ -3632,42 +2946,42 @@ const Tr = m(w, {
   ".MuiButton-root + .MuiButton-root": {
     marginLeft: 0
   }
-})), Fr = m(_)(() => ({
+})), oo = g(V)(() => ({
   // To prevent double border in the top when content is scrollable
   marginTop: "-1px"
 }));
-function Lr({
+function Zo({
   children: t,
   secondaryActions: e,
-  alertContent: o,
-  alertProps: r,
+  alertContent: n,
+  alertProps: o,
   dark: i,
-  topContent: l,
-  ...a
+  topContent: r,
+  ...l
 }) {
-  return /* @__PURE__ */ x(H, { children: [
-    l,
-    !!o && /* @__PURE__ */ n(Fr, {}),
+  return /* @__PURE__ */ x(j, { children: [
+    r,
+    !!n && /* @__PURE__ */ a(oo, {}),
     /* @__PURE__ */ x(
-      Tr,
+      to,
       {
-        ...a,
+        ...l,
         dark: i,
         "data-theme": i ? "dark" : "light",
         "data-name": "dialog-footer",
         hasChildren: !!t,
         children: [
-          !!o && /* @__PURE__ */ n(w, { sx: { p: 2, pt: 1.5, pb: 1 }, children: /* @__PURE__ */ n(Jt, { ...r, children: o }) }),
-          /* @__PURE__ */ x(Rr, { children: [
-            /* @__PURE__ */ n(Or, { hasAlert: !!o, children: e }),
-            /* @__PURE__ */ n(Kt, { hasAlert: !!o, children: t })
+          !!n && /* @__PURE__ */ a(v, { sx: { p: 2, pt: 1.5, pb: 1 }, children: /* @__PURE__ */ a(Ft, { ...o, children: n }) }),
+          /* @__PURE__ */ x(eo, { children: [
+            /* @__PURE__ */ a(no, { hasAlert: !!n, children: e }),
+            /* @__PURE__ */ a(Ot, { hasAlert: !!n, children: t })
           ] })
         ]
       }
     )
   ] });
 }
-const Wr = m(w)(({ theme: t }) => ({
+const ao = g(v)(({ theme: t }) => ({
   position: "absolute",
   width: "100%",
   zIndex: 100,
@@ -3680,9 +2994,9 @@ const Wr = m(w)(({ theme: t }) => ({
   boxSizing: "border-box",
   alignItems: "flex-end",
   background: t.palette.white[60]
-})), Er = m("div")(() => ({
+})), io = g("div")(() => ({
   width: "100%"
-})), Hr = m(w)(({ theme: t }) => ({
+})), ro = g(v)(({ theme: t }) => ({
   width: "100%",
   padding: t.spacing(1.5, 2, 2),
   backgroundColor: t.palette.background.paper,
@@ -3692,47 +3006,47 @@ const Wr = m(w)(({ theme: t }) => ({
     marginTop: t.spacing(1)
   }
 }));
-function Pr({
+function Jo({
   children: t,
   onClickAway: e,
-  actions: o,
-  severity: r = "warning",
+  actions: n,
+  severity: o = "warning",
   opened: i,
-  "data-testid": l,
-  "aria-label": a,
-  ...c
+  "data-testid": r,
+  "aria-label": l,
+  ...s
 }) {
-  const d = Z(null), p = j();
-  return /* @__PURE__ */ n(
-    Wr,
+  const c = Y(null), u = N();
+  return /* @__PURE__ */ a(
+    ao,
     {
-      ref: d,
-      "data-testid": l,
-      "aria-label": a,
+      ref: c,
+      "data-testid": r,
+      "aria-label": l,
       role: "presentation",
       "data-name": "dialog-confirmation",
-      children: /* @__PURE__ */ n(_e, { onClickAway: () => {
+      children: /* @__PURE__ */ a(Me, { onClickAway: () => {
         e && e();
-      }, children: /* @__PURE__ */ n(
-        Rt,
+      }, children: /* @__PURE__ */ a(
+        yt,
         {
           direction: "up",
           in: i,
-          container: d.current,
+          container: c.current,
           mountOnEnter: !0,
           unmountOnExit: !0,
-          easing: p.transitions.easing.easeOut,
+          easing: u.transitions.easing.easeOut,
           timeout: 350,
-          children: /* @__PURE__ */ n(Er, { children: /* @__PURE__ */ x(Hr, { children: [
-            /* @__PURE__ */ n(Jt, { severity: r, ...c, children: t }),
-            /* @__PURE__ */ n(Kt, { children: o })
+          children: /* @__PURE__ */ a(io, { children: /* @__PURE__ */ x(ro, { children: [
+            /* @__PURE__ */ a(Ft, { severity: o, ...s, children: t }),
+            /* @__PURE__ */ a(Ot, { children: n })
           ] }) })
         }
       ) })
     }
   );
 }
-const zr = m(w)(({ theme: t }) => ({
+const lo = g(v)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -3741,7 +3055,7 @@ const zr = m(w)(({ theme: t }) => ({
   "& > div": {
     flex: 1
   }
-})), Nr = m(w)(({ theme: t }) => ({
+})), co = g(v)(({ theme: t }) => ({
   display: "flex",
   flex: 1,
   flexDirection: "column",
@@ -3769,16 +3083,16 @@ const zr = m(w)(({ theme: t }) => ({
     content: "none"
   }
 }));
-function _r({
+function so({
   theme: t,
   completed: e,
-  current: o
+  current: n
 }) {
   return e ? {
     background: t.palette.success.main,
     borderColor: t.palette.success.main,
     color: t.palette.common.white
-  } : o ? {
+  } : n ? {
     background: t.palette.text.primary,
     borderColor: t.palette.text.primary,
     color: t.palette.common.white
@@ -3787,9 +3101,9 @@ function _r({
     color: t.palette.text.secondary
   };
 }
-const Gr = m("span", {
+const uo = g("span", {
   shouldForwardProp: (t) => t !== "completed" && t !== "current"
-})(({ theme: t, completed: e, current: o }) => ({
+})(({ theme: t, completed: e, current: n }) => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
@@ -3799,224 +3113,70 @@ const Gr = m("span", {
   borderRadius: "50%",
   border: `${t.spacing(0.25)} solid currentColor`,
   ...t.typography.caption,
-  ..._r({ theme: t, completed: e, current: o })
+  ...so({ theme: t, completed: e, current: n })
 }));
-function Jn({
+function Xo({
   currentStep: t,
   stepsLabels: e,
-  ...o
+  ...n
 }) {
-  return /* @__PURE__ */ n(zr, { ...o, "data-name": "dialog-stepper", children: /* @__PURE__ */ n(w, { sx: { display: "flex" }, children: e.map((r, i) => {
-    const l = i + 1, a = l === t, c = l < t;
+  return /* @__PURE__ */ a(lo, { ...n, "data-name": "dialog-stepper", children: /* @__PURE__ */ a(v, { sx: { display: "flex" }, children: e.map((o, i) => {
+    const r = i + 1, l = r === t, s = r < t;
     return /* @__PURE__ */ x(
-      Nr,
+      co,
       {
-        "data-state": c ? "completed" : a ? "current" : "uncompleted",
+        "data-state": s ? "completed" : l ? "current" : "uncompleted",
         children: [
-          /* @__PURE__ */ n(Gr, { completed: c, current: a, children: c ? /* @__PURE__ */ n($e, { fontSize: "small", "aria-label": "Completed step" }) : l }),
-          /* @__PURE__ */ n(F, { variant: "caption", component: "div", color: c ? "success.main" : a ? "textPrimary" : "textSecondary", children: r })
+          /* @__PURE__ */ a(uo, { completed: s, current: l, children: s ? /* @__PURE__ */ a(me, { fontSize: "small", "aria-label": "Completed step" }) : r }),
+          /* @__PURE__ */ a($, { variant: "caption", component: "div", color: s ? "success.main" : l ? "textPrimary" : "textSecondary", children: o })
         ]
       },
       i
     );
   }) }) });
 }
-const jr = m(Zt, {
-  shouldForwardProp: (t) => !["error", "withBorder"].includes(t)
-})(
-  ({ error: t, withBorder: e, theme: o }) => ({
-    gap: 0,
-    border: e ? `1px solid ${o.palette.divider} !important` : void 0,
-    borderBottom: t ? "none !important" : void 0,
-    ".react-codemirror2": {
-      display: "flex",
-      flexDirection: "column",
-      minHeight: "100%"
-    },
-    ".CodeMirror-wrap": {
-      display: "flex",
-      flexDirection: "column",
-      flex: 1
-    },
-    "& + .MuiDivider-root": {
-      display: "none"
-    }
-  })
-);
-function Vr({
-  children: t,
-  error: e,
-  withBorder: o = !0,
-  withGutter: r = !1
-}) {
-  return t ? /* @__PURE__ */ n(jr, { withGutter: r, error: e, withBorder: o, children: t }) : null;
-}
-function Ur({
-  onClose: t,
-  onCancel: e,
-  cancelLabelId: o,
-  cancelButton: r,
-  closeButton: i,
-  contentLabelId: l,
-  titleLabelId: a,
-  severity: c = "warning",
-  content: d
-}) {
-  const p = T(), u = $(p);
-  return !t || !e ? null : /* @__PURE__ */ n(
-    Pr,
-    {
-      opened: !0,
-      severity: c,
-      title: u.formatMessage({
-        id: a || "c4r.dialog.confirmation.title"
-      }),
-      actions: /* @__PURE__ */ x(H, { children: [
-        e && (r || /* @__PURE__ */ n(nt, { onClick: e, children: u.formatMessage({
-          id: o || "c4r.button.cancel"
-        }) })),
-        t && (i || /* @__PURE__ */ n(nt, { variant: "contained", onClick: t, children: u.formatMessage({
-          id: "c4r.button.leave"
-        }) }))
-      ] }),
-      children: d || u.formatMessage({
-        id: l || "c4r.dialog.confirmation.content"
-      })
-    }
-  );
-}
-function Kn({
-  open: t,
-  onClose: e,
-  title: o,
-  error: r,
-  helperText: i,
-  onClickFooter: l,
-  disabledButtonFooter: a,
-  labelIdButtonFooter: c,
-  disabled: d,
-  showConfirmation: p,
-  onCancelConfirm: u,
-  onCloseConfirm: s,
-  footerProps: b,
-  saveLoading: g,
-  showSaveSnackbar: f,
-  onCloseSaveSnackbar: M,
-  "data-testid": h,
-  "aria-label": v,
-  ...k
-}) {
-  const D = r || !!l || !!b;
-  return t ? /* @__PURE__ */ x(
-    kr,
-    {
-      open: t,
-      fullScreen: !0,
-      onClose: e,
-      "data-testid": h,
-      "aria-label": v,
-      "data-name": "code-area-dialog",
-      children: [
-        /* @__PURE__ */ n(
-          Sr,
-          {
-            title: o,
-            onClose: e,
-            closeIcon: !l && /* @__PURE__ */ n(Le, {})
-          }
-        ),
-        /* @__PURE__ */ n(Vr, { error: r, children: /* @__PURE__ */ n(
-          hr,
-          {
-            ...k,
-            disabled: d,
-            variant: null,
-            isExpanded: !0
-          }
-        ) }),
-        D && /* @__PURE__ */ n(
-          Lr,
-          {
-            ...b,
-            topContent: r && /* @__PURE__ */ n(Cr, { hasDivider: !!l, children: i }),
-            children: !!l && /* @__PURE__ */ n(
-              qt,
-              {
-                onClickFooter: l,
-                labelIdButtonFooter: c,
-                disabled: d,
-                disabledButtonFooter: a,
-                withGutter: !1,
-                variant: "contained",
-                size: "medium",
-                loading: !!g,
-                showSnackbar: f,
-                onCloseSnackbar: M
-              }
-            )
-          }
-        ),
-        p && /* @__PURE__ */ n(
-          Ur,
-          {
-            onClose: s ?? e,
-            onCancel: u,
-            cancelLabelId: "c4r.button.keepEditing"
-          }
-        )
-      ]
-    }
-  ) : null;
-}
 export {
-  _n as AccordionGroup,
-  Et as Alert,
-  jn as AppBar,
-  Pn as Autocomplete,
-  Gn as Avatar,
-  nt as Button,
-  Kn as CodeAreaDialog,
-  Ur as CodeAreaDialogConfirmation,
-  Vr as CodeAreaDialogContent,
-  Cr as CodeAreaDialogError,
-  hr as CodeAreaField,
-  qt as CodeAreaFooter,
-  dr as CodeAreaHeader,
-  pr as CodeAreaInput,
-  To as CopiableComponent,
-  zn as CreatableAutocomplete,
-  xt as DatePicker,
-  Vn as DateRangePicker,
-  Yn as DateTimePicker,
-  kr as Dialog,
-  Kt as DialogActions,
-  Jt as DialogAlert,
-  Pr as DialogConfirmation,
-  Zt as DialogContent,
-  Zn as DialogContentPadded,
-  Lr as DialogFooter,
-  Sr as DialogHeader,
-  wt as DialogPaper,
-  Jn as DialogStepper,
-  q as IconButton,
-  X as LabelWithIndicator,
-  lo as Menu,
-  Y as MenuItem,
-  Ht as MenuItemFilter,
-  Wn as MenuList,
-  Nn as MultipleAutocomplete,
-  En as MultipleSelectField,
-  Fn as PasswordField,
-  to as SelectField,
-  dt as Snackbar,
-  ti as TablePaginationActions,
-  Un as TimePicker,
-  Ln as ToggleButtonGroup,
-  qn as TooltipData,
-  F as Typography,
-  Hn as UploadField,
-  ko as UploadFieldBase,
-  Ro as copyString,
-  vt as dialogDimensionsBySize,
-  Vt as useCopyValue
+  Ho as AccordionGroup,
+  Ct as Alert,
+  jo as AppBar,
+  Oo as Autocomplete,
+  _o as Avatar,
+  Ao as Button,
+  Eo as CopiableComponent,
+  Lo as CreatableAutocomplete,
+  it as DatePicker,
+  Go as DateRangePicker,
+  No as DateTimePicker,
+  Yo as Dialog,
+  Ot as DialogActions,
+  Ft as DialogAlert,
+  Jo as DialogConfirmation,
+  Kn as DialogContent,
+  zo as DialogContentPadded,
+  Zo as DialogFooter,
+  qo as DialogHeader,
+  dt as DialogPaper,
+  Xo as DialogStepper,
+  vt as IconButton,
+  K as LabelWithIndicator,
+  Bo as Menu,
+  kt as MenuItem,
+  Dt as MenuItemFilter,
+  $o as MenuList,
+  Wo as MultipleAutocomplete,
+  Ro as MultipleSelectField,
+  To as PasswordField,
+  Re as SelectField,
+  bn as Snackbar,
+  ta as TablePaginationActions,
+  Po as Tag,
+  Vo as TimePicker,
+  So as ToggleButtonGroup,
+  Uo as TooltipData,
+  $ as Typography,
+  Fo as UploadField,
+  Ke as UploadFieldBase,
+  cn as copyString,
+  st as dialogDimensionsBySize,
+  sn as useCopyValue
 };