npm - @carto/meridian-ds - Versions diffs - 1.4.3-alpha-codemirror.4 → 1.4.3-alpha-codemirror.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/components/index.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import { jsx as n, jsxs as y, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as O, useState as $, useEffect as z, useMemo as At, useRef as Z, Fragment as te, useCallback as ot, useImperativeHandle as ee } from "react";
-import { styled as m, Box as w, Button as St, CircularProgress as G, TextField as It, InputAdornment as it, IconButton as W, Tooltip as P, Select as oe, MenuItem as $t, FormControl as Bt, InputLabel as Tt, FormHelperText as J, ToggleButtonGroup as re, Menu as ne, MenuList as ie, Link as ae, Checkbox as at, ListItemText as U, Autocomplete as lt, Divider as _, ListItemIcon as rt, createFilterOptions as le, Accordion as ce, AccordionSummary as de, AccordionDetails as se, Avatar as ue, Snackbar as pe, Portal as ge, Fade as fe, Slide as Rt, alpha as Ot, useTheme as j, Toolbar as me, AppBar as be, Paper as he, Dialog as xe, DialogTitle as ye, Chip as Ce, DialogContent as Me, DialogActions as ke } from "@mui/material";
-import { T as F, c as N, u as B, N as ft, A as ve } from "../TablePaginationActions-Cj_BbjKR.js";
-import { a as ei } from "../TablePaginationActions-Cj_BbjKR.js";
+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 we, VisibilityOutlined as De, Cancel as Ft, AddCircleOutlineOutlined as Ae, ContentCopyOutlined as Lt, CloseOutlined as Wt, MenuOutlined as Se, HelpOutline as K, TodayOutlined as Ie, MoreVertOutlined as $e, ErrorOutline as Be, Check as Te } from "@mui/icons-material";
+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 "cartocolor";
 import { M as Y } from "../MenuItem-Cd34y6F3.js";
 import { A as ct } from "../ArrowDown-CMhYkZ2p.js";
-import { DatePicker as Re } from "@mui/x-date-pickers/DatePicker";
-import { PickersDay as Oe } from "@mui/x-date-pickers";
-import { TimePicker as Fe } from "@mui/x-date-pickers/TimePicker";
-import { DateTimePicker as Le } from "@mui/x-date-pickers/DateTimePicker";
-import { O as mt, C as We } from "../OpenDiagonallyRight-BkCaUpcr.js";
-import { Controlled as Ee, UnControlled as He } from "react-codemirror2";
-import { lime as bt, blue as tt, purple as Pe, teal as ze, red as Ne, indigo as _e } from "@mui/material/colors";
+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";
@@ -38,8 +38,8 @@ 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 Ge from "@mui/material/ClickAwayListener";
-const je = m(w)({
+import _e from "@mui/material/ClickAwayListener";
+const Ge = m(w)({
   position: "absolute",
   top: 0,
   left: 0,
@@ -48,11 +48,11 @@ const je = m(w)({
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-}), Ve = m(w)({
+}), je = m(w)({
   visibility: "hidden",
   pointerEvents: "none"
 });
-function Ue({
+function Ve({
   children: t,
   loading: e,
   disabled: o,
@@ -61,11 +61,11 @@ function Ue({
   loadingPosition: l,
   ...a
 }, c) {
-  const d = /* @__PURE__ */ n(G, { size: 18, color: "inherit" }), u = e && l === void 0, p = () => u ? /* @__PURE__ */ y(w, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ n(je, { children: d }),
-    /* @__PURE__ */ n(Ve, { children: t })
+  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 (!u)
+    if (!p)
       return e && l !== void 0 ? l === b ? d : void 0 : b === "start" ? r : i;
   };
   return /* @__PURE__ */ n(
@@ -77,19 +77,19 @@ function Ue({
       ...a,
       role: a.href ? "link" : "button",
       ref: c,
-      children: /* @__PURE__ */ n(F, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: p() })
+      children: /* @__PURE__ */ n(F, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: u() })
     }
   );
 }
-const nt = O(Ue), Ye = m(w)(({ theme: t }) => ({
+const nt = O(Ve), Ue = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
-})), qe = m(F)(({ theme: t }) => ({
+})), Ye = m(F)(({ theme: t }) => ({
   ".Mui-disabled &": {
     color: t.palette.text.disabled
   }
-})), Ze = m(w)(({ theme: t }) => ({
+})), qe = m(w)(({ theme: t }) => ({
   display: "flex",
   svg: {
     width: N,
@@ -109,10 +109,10 @@ function X({
   icon: o,
   inheritSize: r
 }) {
-  return /* @__PURE__ */ y(Ye, { children: [
+  return /* @__PURE__ */ x(Ue, { children: [
     t,
     e && /* @__PURE__ */ n(
-      qe,
+      Ye,
       {
         component: "span",
         variant: r ? "inherit" : "caption",
@@ -121,11 +121,11 @@ function X({
         children: e === "required" ? "(required)" : "(optional)"
       }
     ),
-    o && /* @__PURE__ */ n(Ze, { children: o })
+    o && /* @__PURE__ */ n(qe, { children: o })
   ] });
 }
-function Je({ InputProps: t, size: e = "small", ...o }, r) {
-  const i = T(), l = B(i), [a, c] = $(!1);
+function Ze({ InputProps: t, size: e = "small", ...o }, r) {
+  const i = T(), l = $(i), [a, c] = B(!1);
   return /* @__PURE__ */ n(
     It,
     {
@@ -135,26 +135,26 @@ function Je({ InputProps: t, size: e = "small", ...o }, r) {
       size: e,
       InputProps: {
         ...t,
-        endAdornment: /* @__PURE__ */ n(it, { position: "end", children: /* @__PURE__ */ n(W, { size: e, onClick: () => c(!a), children: /* @__PURE__ */ n(
+        endAdornment: /* @__PURE__ */ n(it, { position: "end", children: /* @__PURE__ */ n(E, { size: e, onClick: () => c(!a), children: /* @__PURE__ */ n(
           P,
           {
             title: l.formatMessage({
               id: `c4r.form.${a ? "hidePassword" : "showPassword"}`
             }),
-            children: a ? /* @__PURE__ */ n(we, {}) : /* @__PURE__ */ n(De, {})
+            children: a ? /* @__PURE__ */ n(ve, {}) : /* @__PURE__ */ n(we, {})
           }
         ) }) })
       }
     }
   );
 }
-const Ln = O(Je), et = {};
-function Ke(t = "$lodash$") {
+const Fn = O(Ze), et = {};
+function Je(t = "$lodash$") {
   et[t] || (et[t] = 0);
   const e = ++et[t];
   return t === "$lodash$" ? `${e}` : `${t}${e}`;
 }
-const Xe = m(oe)(({ theme: t }) => ({
+const Ke = m(ee)(({ theme: t }) => ({
   "& .MuiInputAdornment-positionStart": {
     paddingLeft: t.spacing(2),
     "&.MuiInputAdornment-sizeSmall": {
@@ -170,10 +170,10 @@ const Xe = m(oe)(({ theme: t }) => ({
   "&.MuiInputBase-root .MuiSelect-select.MuiSelect-multiple": {
     paddingRight: t.spacing(7)
   }
-})), Qe = m($t)(() => ({
+})), Xe = m(Bt)(() => ({
   display: "none"
 }));
-function to({
+function Qe({
   children: t,
   placeholder: e,
   size: o = "small",
@@ -183,46 +183,46 @@ function to({
   labelId: a,
   label: c,
   labelSecondary: d,
-  helperText: u,
-  name: p,
+  helperText: p,
+  name: u,
   error: s,
   focused: b,
   disabled: g,
   fullWidth: f,
-  required: C,
-  "aria-label": x,
+  required: M,
+  "aria-label": h,
   ...v
 }, k) {
-  const D = o === "small", [M] = $(() => Ke("select-label-")), h = c ? a ?? M : void 0;
-  return /* @__PURE__ */ y(
-    Bt,
+  const D = o === "small", [y] = B(() => Je("select-label-")), C = c ? a ?? y : void 0;
+  return /* @__PURE__ */ x(
+    $t,
     {
       size: o,
       error: s,
       focused: b,
       disabled: g,
       fullWidth: f,
-      required: C,
+      required: M,
       "data-name": "select-field",
       "data-size": o,
       children: [
-        /* @__PURE__ */ y(w, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-          c && /* @__PURE__ */ n(Tt, { shrink: !0, id: h, children: c }),
+        /* @__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__ */ y(
-          Xe,
+        /* @__PURE__ */ x(
+          Ke,
           {
             ...v,
-            labelId: h,
-            name: p,
+            labelId: C,
+            name: u,
             ref: k,
             size: o,
             fullWidth: f,
             displayEmpty: r ?? !!e,
             inputProps: {
               ...l,
-              "aria-label": x
+              "aria-label": h
             },
             MenuProps: {
               ...i,
@@ -239,7 +239,7 @@ function to({
               }
             },
             children: [
-              e && /* @__PURE__ */ n(Qe, { disabled: !0, value: "", children: /* @__PURE__ */ n(
+              e && /* @__PURE__ */ n(Xe, { disabled: !0, value: "", children: /* @__PURE__ */ n(
                 F,
                 {
                   variant: D ? "body2" : "body1",
@@ -252,12 +252,12 @@ function to({
             ]
           }
         ),
-        u && /* @__PURE__ */ n(J, { "aria-label": `${p}-helper`, children: u })
+        p && /* @__PURE__ */ n(J, { "aria-label": `${u}-helper`, children: p })
       ]
     }
   );
 }
-const eo = O(to), oo = m(re, {
+const to = O(Qe), eo = m(oe, {
   shouldForwardProp: (t) => t !== "variant" && t !== "backgroundColor"
 })(({ variant: t, backgroundColor: e, theme: o }) => ({
   // Variants
@@ -329,14 +329,14 @@ const eo = O(to), oo = m(re, {
     backgroundColor: "transparent"
   }
 }));
-function Wn({
+function Ln({
   children: t,
   variant: e = "floating",
   backgroundColor: o,
   ...r
 }) {
   return /* @__PURE__ */ n(
-    oo,
+    eo,
     {
       ...r,
       variant: e,
@@ -345,7 +345,7 @@ function Wn({
     }
   );
 }
-const ro = m("div")(({ theme: t }) => ({
+const oo = m("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 +353,7 @@ const ro = m("div")(({ theme: t }) => ({
   "& + &, & + .optionIconButton": {
     marginLeft: t.spacing(0.5)
   }
-})), no = m(W, {
+})), ro = m(E, {
   shouldForwardProp: (t) => !["active"].includes(t)
 })(({ active: t, theme: e }) => ({
   ...t && {
@@ -364,7 +364,7 @@ const ro = m("div")(({ theme: t }) => ({
     }
   }
 }));
-function io({
+function no({
   tooltip: t,
   tooltipPlacement: e = "top",
   icon: o,
@@ -374,26 +374,26 @@ function io({
   sx: a,
   className: c,
   loading: d,
-  disabled: u,
-  active: p,
+  disabled: p,
+  active: u,
   ...s
 }, b) {
   return /* @__PURE__ */ n(P, { placement: e, title: t ?? "", children: /* @__PURE__ */ n(
-    ro,
+    oo,
     {
       className: `optionIconButton ${c ?? ""}`,
       sx: a,
       "data-testid": "icon-button",
       children: /* @__PURE__ */ n(
-        no,
+        ro,
         {
           ...s,
           ref: b,
           size: r,
           variant: i,
           color: l,
-          active: p,
-          disabled: u || d,
+          active: u,
+          disabled: p || d,
           role: "button",
           children: d ? /* @__PURE__ */ n(G, { size: 18, color: "inherit" }) : o
         }
@@ -401,7 +401,7 @@ function io({
     }
   ) });
 }
-const q = O(io), ao = m(ne, {
+const q = O(no), io = m(re, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
 })(({ theme: t, extended: e, width: o, height: r }) => ({
   ...e && {
@@ -424,9 +424,9 @@ const q = O(io), ao = m(ne, {
     }
   }
 }));
-function lo({ extended: t, width: e, height: o, MenuListProps: r, ...i }, l) {
+function ao({ extended: t, width: e, height: o, MenuListProps: r, ...i }, l) {
   return /* @__PURE__ */ n(
-    ao,
+    io,
     {
       ...i,
       ref: l,
@@ -443,7 +443,7 @@ function lo({ extended: t, width: e, height: o, MenuListProps: r, ...i }, l) {
     }
   );
 }
-const co = O(lo), so = m(ie, {
+const lo = O(ao), co = m(ne, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
 })(({ theme: t, extended: e, width: o, height: r }) => ({
   ...e && {
@@ -461,9 +461,9 @@ const co = O(lo), so = m(ie, {
     }
   }
 }));
-function uo({ extended: t, width: e, height: o, ...r }, i) {
+function so({ extended: t, width: e, height: o, ...r }, i) {
   return /* @__PURE__ */ n(
-    so,
+    co,
     {
       ...r,
       ref: i,
@@ -477,9 +477,9 @@ function uo({ extended: t, width: e, height: o, ...r }, i) {
     }
   );
 }
-const En = O(uo), po = m(Y)(() => ({
+const Wn = O(so), uo = m(Y)(() => ({
   marginTop: "0 !important"
-})), go = m(ae)(
+})), po = m(ie)(
   ({ disabled: t, theme: e }) => ({
     display: "flex",
     alignItems: "center",
@@ -492,7 +492,7 @@ const En = O(uo), po = m(Y)(() => ({
     }
   })
 );
-function fo({
+function go({
   areAllSelected: t,
   areAnySelected: e,
   selectAll: o,
@@ -500,17 +500,17 @@ function fo({
   "aria-label": i,
   "data-testid": l
 }, a) {
-  const c = T(), d = B(c);
+  const c = T(), d = $(c);
   return /* @__PURE__ */ n(
-    po,
+    uo,
     {
       ref: a,
       fixed: !0,
       "data-name": "menu-filter",
       "aria-label": i,
       "data-testid": l,
-      children: /* @__PURE__ */ y(
-        go,
+      children: /* @__PURE__ */ x(
+        po,
         {
           variant: "body2",
           color: "textPrimary",
@@ -535,44 +535,44 @@ function fo({
     }
   );
 }
-const Ht = O(fo);
-function mo({
+const Ht = O(go);
+function fo({
   selectedOptions: t,
   options: e,
   onChange: o
 }) {
-  const [r, i] = $(t ?? []), l = e.length === r.length, a = r.length > 0;
+  const [r, i] = B(t ?? []), l = e.length === r.length, a = r.length > 0;
   return z(() => {
     r !== t && i(r);
   }, [t]), {
     areAllSelected: l,
     areAnySelected: a,
     currentOptions: r,
-    handleChange: (p) => {
+    handleChange: (u) => {
       const {
         target: { value: s }
-      } = p, b = typeof s == "string" ? s.split(",") : s.filter((g) => g !== void 0);
+      } = u, b = typeof s == "string" ? s.split(",") : s.filter((g) => g !== void 0);
       i(b), o(b);
     },
     selectAll: () => {
-      const p = e == null ? void 0 : e.filter(({ disabled: s }) => !s).map(({ value: s }) => s);
-      p && (p.every(
+      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(p), o(p)));
+      ) ? (i([]), o([])) : (i(u), o(u)));
     },
     unselectAll: () => {
       i([]), o([]);
     }
   };
 }
-const bo = m($t)(({ theme: t }) => ({
+const mo = m(Bt)(({ theme: t }) => ({
   "&.Mui-disabled": {
     pointerEvents: "auto",
     "&:hover": {
       backgroundColor: `${t.palette.background.default} !important`
     }
   }
-})), ho = m(it, {
+})), bo = m(it, {
   shouldForwardProp: (t) => t !== "size"
 })(({ theme: t, size: e }) => ({
   display: "none",
@@ -589,33 +589,33 @@ const bo = m($t)(({ theme: t }) => ({
     top: t.spacing(3),
     right: t.spacing(5)
   }
-})), xo = [], yo = () => {
+})), ho = [], xo = () => {
 };
-function Co({
-  options: t = xo,
+function yo({
+  options: t = ho,
   selectedOptions: e,
   size: o = "small",
   placeholder: r,
   showCounter: i,
   showFilters: l = !0,
-  onChange: a = yo,
+  onChange: a = xo,
   selectAllDisabled: c,
   tooltipPlacement: d,
-  variant: u,
-  ...p
+  variant: p,
+  ...u
 }, s) {
   const {
     areAllSelected: b,
     areAnySelected: g,
     currentOptions: f,
-    handleChange: C,
-    selectAll: x,
+    handleChange: M,
+    selectAll: h,
     unselectAll: v
-  } = mo({
+  } = fo({
     options: t,
     selectedOptions: e,
     onChange: a
-  }), k = o === "small", D = k || u === "standard" ? 0 : 2, M = T(), h = B(M), A = `${f.length} ${h.formatMessage({
+  }), k = o === "small", D = k || p === "standard" ? 0 : 2, y = T(), C = $(y), A = `${f.length} ${C.formatMessage({
     id: "c4r.form.selected"
   })}`, R = At(() => b ? /* @__PURE__ */ n(
     F,
@@ -624,7 +624,7 @@ function Co({
       variant: k ? "body2" : "body1",
       color: "textPrimary",
       ml: D,
-      children: h.formatMessage({ id: "c4r.form.allSelected" })
+      children: C.formatMessage({ id: "c4r.form.allSelected" })
     }
   ) : g ? /* @__PURE__ */ n(
     F,
@@ -642,33 +642,33 @@ function Co({
       variant: k ? "body2" : "body1",
       color: "text.hint",
       ml: D,
-      children: r ?? h.formatMessage({ id: "c4r.form.noneSelected" })
+      children: r ?? C.formatMessage({ id: "c4r.form.noneSelected" })
     }
   ), [
     b,
     g,
     A,
     f,
-    h,
+    C,
     k,
     D,
     r,
     i
   ]);
-  return /* @__PURE__ */ y(
-    eo,
+  return /* @__PURE__ */ x(
+    to,
     {
-      ...p,
+      ...u,
       ref: s,
       multiple: !0,
       displayEmpty: !0,
       placeholder: r,
       value: f,
       renderValue: () => R,
-      onChange: C,
+      onChange: M,
       size: o,
-      variant: u,
-      endAdornment: l && g && /* @__PURE__ */ n(ho, { position: "end", size: o, children: /* @__PURE__ */ n(W, { onClick: v, size: o, children: /* @__PURE__ */ n(Ft, {}) }) }),
+      variant: p,
+      endAdornment: l && g && /* @__PURE__ */ n(bo, { position: "end", size: o, children: /* @__PURE__ */ n(E, { onClick: v, size: o, children: /* @__PURE__ */ n(Ft, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -684,13 +684,13 @@ function Co({
           {
             areAllSelected: b,
             areAnySelected: g,
-            selectAll: x,
+            selectAll: h,
             selectAllDisabled: c
           }
         ),
         t == null ? void 0 : t.map((I) => {
-          const E = /* @__PURE__ */ y(
-            bo,
+          const W = /* @__PURE__ */ x(
+            mo,
             {
               value: I.value,
               disabled: I.disabled,
@@ -713,16 +713,16 @@ function Co({
             {
               title: I.tooltip,
               placement: d,
-              children: E
+              children: W
             },
             I.value
-          ) : E;
+          ) : W;
         })
       ]
     }
   );
 }
-const Hn = O(Co), Mo = m(It, {
+const En = O(yo), Co = m(It, {
   shouldForwardProp: (t) => t !== "cursor"
 })(
   ({ cursor: t, theme: e }) => ({
@@ -750,7 +750,7 @@ const Hn = O(Co), Mo = m(It, {
     }
   })
 );
-function ko({
+function Mo({
   buttonText: t,
   hasFiles: e,
   size: o,
@@ -760,8 +760,8 @@ function ko({
   handleOpen: a,
   inProgress: c
 }) {
-  return /* @__PURE__ */ n(it, { position: "end", children: c ? /* @__PURE__ */ n(W, { "aria-label": "Loading", disabled: !0, size: o, children: /* @__PURE__ */ n(G, { size: 18 }) }) : e ? /* @__PURE__ */ n(
-    W,
+  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,
     {
       onClick: l,
       size: o,
@@ -781,7 +781,7 @@ function ko({
     }
   ) });
 }
-function vo({
+function ko({
   name: t,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   multiple: e,
@@ -793,15 +793,15 @@ function vo({
   placeholder: a,
   focused: c,
   buttonText: d = "Browse",
-  inProgress: u,
-  InputProps: p,
+  inProgress: p,
+  InputProps: u,
   size: s = "small",
   hasFiles: b,
   cursor: g = "pointer",
   ...f
 }) {
   return /* @__PURE__ */ n(
-    Mo,
+    Co,
     {
       ...f,
       size: s,
@@ -810,13 +810,13 @@ function vo({
       focused: c ?? i,
       cursor: g,
       InputProps: {
-        ...p,
+        ...u,
         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(
-          ko,
+          Mo,
           {
             buttonText: d,
             hasFiles: b,
@@ -825,21 +825,21 @@ function vo({
             disabled: !!i,
             handleReset: o,
             handleOpen: r,
-            inProgress: u
+            inProgress: p
           }
         )
       }
     }
   );
 }
-function wo({
+function vo({
   onChange: t,
   files: e,
   multiple: o,
   placeholder: r,
   uploadInputRef: i
 }) {
-  const l = T(), a = B(l), [c, d] = $(""), [u, p] = $(!1);
+  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(
@@ -849,56 +849,56 @@ function wo({
     );
   }, [e, a]);
   const s = () => {
-    var M;
-    (M = i.current) == null || M.click();
-  }, b = (M) => {
-    M.preventDefault(), p(!0);
-  }, g = (M) => {
-    M.preventDefault(), p(!1);
-  }, f = (M) => {
-    M.preventDefault(), p(!1);
-    const h = M.dataTransfer.items, A = C(h);
+    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);
-  }, C = (M) => {
-    const h = [];
-    for (const A of Array.from(M))
+  }, M = (y) => {
+    const C = [];
+    for (const A of Array.from(y))
       if (A.kind === "file") {
         const R = A.getAsFile();
-        h.push(R);
+        C.push(R);
       }
-    return h;
-  }, x = (M) => {
-    const h = Array.from(M.target.files);
-    t == null || t(h);
-  }, v = (M) => {
-    M.stopPropagation(), d("");
+    return C;
+  }, h = (y) => {
+    const C = Array.from(y.target.files);
+    t == null || t(C);
+  }, v = (y) => {
+    y.stopPropagation(), d("");
   }, k = At(() => {
-    const M = a.formatMessage(
+    const y = a.formatMessage(
       { id: "c4r.form.dragPlaceholder" },
       { count: o ? 0 : 1 }
-    ), h = a.formatMessage(
+    ), C = a.formatMessage(
       { id: "c4r.form.dragActivePlaceholder" },
       { count: o ? 0 : 1 }
     );
     let A = "";
-    return u ? A = h : A = r ?? M, A;
-  }, [u, o, r, a]);
+    return p ? A = C : A = r ?? y, A;
+  }, [p, o, r, a]);
   return {
     filesText: c,
     getPlaceholder: k,
-    dragOver: u,
+    dragOver: p,
     inputEvents: {
       onDragOver: b,
       onDragLeave: g,
       onDrop: f,
       onClick: s
     },
-    handleFiles: x,
+    handleFiles: h,
     handleReset: v
   };
 }
-const Do = ["application/JSON"];
-function Pn({
+const wo = ["application/JSON"];
+function Hn({
   name: t,
   buttonText: e,
   accept: o,
@@ -908,35 +908,35 @@ function Pn({
   multiple: a,
   placeholder: c,
   error: d,
-  focused: u,
-  nativeInputProps: p,
+  focused: p,
+  nativeInputProps: u,
   ...s
 }) {
-  const b = o ?? Do, g = Z(null), {
+  const b = o ?? wo, g = Z(null), {
     filesText: f,
-    getPlaceholder: C,
-    dragOver: x,
+    getPlaceholder: M,
+    dragOver: h,
     inputEvents: v,
     handleFiles: k,
     handleReset: D
-  } = wo({
+  } = vo({
     uploadInputRef: g,
     files: r,
     onChange: l,
     multiple: a,
     placeholder: c
   });
-  return /* @__PURE__ */ y(H, { children: [
+  return /* @__PURE__ */ x(H, { children: [
     /* @__PURE__ */ n(
-      vo,
+      ko,
       {
         ...s,
-        placeholder: C,
+        placeholder: M,
         value: f,
         error: d,
-        focused: u ?? x,
+        focused: p ?? h,
         handleReset: D,
-        dragOver: x,
+        dragOver: h,
         inProgress: i,
         hasFiles: !!f,
         InputProps: v,
@@ -946,7 +946,7 @@ function Pn({
     /* @__PURE__ */ n(
       "input",
       {
-        ...p,
+        ...u,
         ref: g,
         style: { display: "none" },
         type: "file",
@@ -959,7 +959,7 @@ function Pn({
     )
   ] });
 }
-function Ao({
+function Do({
   disabled: t,
   loading: e,
   ...o
@@ -979,49 +979,49 @@ function Ao({
     }
   );
 }
-const zn = O(Ao), 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}` });
+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 {
       title: a,
       inputValue: c,
       divider: d,
-      fixed: u,
-      extended: p,
+      fixed: p,
+      extended: u,
       dense: s,
       destructive: b,
       disabled: g,
       subtitle: f,
-      iconColor: C,
-      startAdornment: x,
+      iconColor: M,
+      startAdornment: h,
       endAdornment: v,
       alternativeTitle: k,
       secondaryText: D,
-      multiple: M
-    } = o, { key: h, ...A } = e, R = typeof o == "string" || typeof o == "number", I = (E, S, L, V) => L || V || (S && typeof S == "object" && "value" in S ? String(S.value) : E(S));
-    return /* @__PURE__ */ n(te, { children: d ? /* @__PURE__ */ n(_, {}) : /* @__PURE__ */ y(H, { children: [
+      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(_, {}),
-      /* @__PURE__ */ y(
+      /* @__PURE__ */ x(
         Y,
         {
           ...A,
           ...!R && {
-            fixed: u,
-            extended: p,
+            fixed: p,
+            extended: u,
             dense: s,
             destructive: b,
             disabled: g,
             subtitle: f,
-            iconColor: C
+            iconColor: M
           },
           "aria-disabled": f || g,
           "aria-selected": r.selected,
           children: [
-            !f && (x || M || l) && /* @__PURE__ */ y(rt, { children: [
-              l || M && /* @__PURE__ */ n(at, { checked: r.selected }),
-              x
+            !f && (h || y || l) && /* @__PURE__ */ x(rt, { children: [
+              l || y && /* @__PURE__ */ n(at, { checked: r.selected }),
+              h
             ] }),
-            /* @__PURE__ */ y(U, { children: [
+            /* @__PURE__ */ x(U, { children: [
               I(
                 i ?? Pt,
                 o,
@@ -1042,39 +1042,39 @@ function _t() {
           ]
         }
       )
-    ] }) }, h);
+    ] }) }, C);
   } };
 }
-function So({
+function Ao({
   getOptionLabel: t,
   newItemLabel: e,
   newItemIcon: o,
   multiple: r
 }) {
-  const i = T(), l = B(i), a = le(), { renderOption: c } = _t();
+  const i = T(), l = $(i), a = ae(), { renderOption: c } = _t();
   return {
     creatableFilterOptions: (s, b) => {
       const g = a(
         s,
         b
-      ), { inputValue: f } = b, C = s.some(
-        (x) => f === t(x)
+      ), { inputValue: f } = b, M = s.some(
+        (h) => f === t(h)
       );
-      if (f.length > 1 && f !== "" && !C) {
-        let x;
-        typeof e == "function" ? x = e(f) : e ? x = `${e} "${f}"` : x = `${l.formatMessage({ id: "c4r.form.add" })} "${f}"`, g.push({
+      if (f.length > 1 && f !== "" && !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,
-          title: x
+          title: h
         });
       }
       return g;
     },
     creatableOptionLabel: (s) => typeof s == "string" ? s : s.inputValue ? s.inputValue : t(s),
     creatableRenderOption: (s, b, g) => {
-      const f = b.inputValue ? o ?? /* @__PURE__ */ n(Ae, {}) : void 0, C = zt(b, !!r);
+      const f = b.inputValue ? o ?? /* @__PURE__ */ n(De, {}) : void 0, M = zt(b, !!r);
       return c(
         s,
-        C,
+        M,
         g,
         t,
         f
@@ -1088,7 +1088,7 @@ function Gt({
   onChange: o,
   getOptionLabel: r
 }) {
-  const [i, l] = $(
+  const [i, l] = B(
     Array.isArray(e) ? e : e ? [e] : []
   ), { renderOption: a } = _t();
   z(() => {
@@ -1112,17 +1112,17 @@ function Gt({
       l(g === null ? [] : g), o == null || o(b, g, f);
     },
     multipleRenderOption: (b, g, f) => {
-      const C = zt(g, !0);
+      const M = zt(g, !0);
       return a(
         b,
-        C,
+        M,
         f,
         r
       );
     }
   };
 }
-function Io({
+function So({
   children: t,
   showFilters: e,
   allSelected: o,
@@ -1132,7 +1132,7 @@ function Io({
   multiple: l,
   ...a
 }, c) {
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "ul",
     {
       ref: c,
@@ -1153,8 +1153,8 @@ function Io({
     }
   );
 }
-const jt = O(Io);
-function $o({
+const jt = O(So);
+function Io({
   newItemLabel: t,
   newItemIcon: e,
   getOptionLabel: o = Pt,
@@ -1164,26 +1164,26 @@ function $o({
   loading: a,
   showFilters: c,
   options: d = [],
-  value: u,
-  onChange: p,
+  value: p,
+  onChange: u,
   getLimitTagsText: s,
   ...b
 }, g) {
-  const { freeSolo: f = !0, ...C } = b, {
-    multipleValue: x,
+  const { freeSolo: f = !0, ...M } = b, {
+    multipleValue: h,
     allSelected: v,
     someSelected: k,
     handleSelectAll: D,
-    handleChange: M
+    handleChange: y
   } = Gt({
     options: d,
-    value: u,
-    onChange: p
+    value: p,
+    onChange: u
   }), {
-    creatableFilterOptions: h,
+    creatableFilterOptions: C,
     creatableOptionLabel: A,
     creatableRenderOption: R
-  } = So({
+  } = Ao({
     getOptionLabel: o,
     newItemLabel: t,
     newItemIcon: e,
@@ -1192,12 +1192,12 @@ function $o({
   return /* @__PURE__ */ n(
     lt,
     {
-      ...C,
+      ...M,
       ref: g,
       options: d,
-      value: r ? x : u,
-      onChange: M,
-      filterOptions: h,
+      value: r ? h : p,
+      onChange: y,
+      filterOptions: C,
       getOptionLabel: A,
       renderOption: R,
       freeSolo: f,
@@ -1219,7 +1219,7 @@ function $o({
     }
   );
 }
-const Nn = O($o);
+const zn = O(Io);
 function Bo({
   renderOption: t,
   disableCloseOnSelect: e = !0,
@@ -1230,15 +1230,15 @@ function Bo({
   value: a,
   onChange: c,
   getOptionLabel: d,
-  getLimitTagsText: u,
-  ...p
+  getLimitTagsText: p,
+  ...u
 }, s) {
   const {
     multipleValue: b,
     allSelected: g,
     someSelected: f,
-    handleSelectAll: C,
-    handleChange: x,
+    handleSelectAll: M,
+    handleChange: h,
     multipleRenderOption: v
   } = Gt({
     options: l,
@@ -1249,11 +1249,11 @@ function Bo({
   return /* @__PURE__ */ n(
     lt,
     {
-      ...p,
+      ...u,
       ref: s,
       options: l,
       value: b,
-      onChange: x,
+      onChange: h,
       getOptionLabel: d,
       renderOption: t ?? v,
       ListboxComponent: jt,
@@ -1261,11 +1261,11 @@ function Bo({
         showFilters: i,
         allSelected: g,
         someSelected: f,
-        handleSelectAll: C,
+        handleSelectAll: M,
         multiple: !0
       },
       multiple: !0,
-      getLimitTagsText: u ?? Nt,
+      getLimitTagsText: p ?? Nt,
       disableCloseOnSelect: e,
       disabled: o || r,
       popupIcon: r ? /* @__PURE__ */ n(G, { size: 18, color: "inherit" }) : /* @__PURE__ */ n(ct, {}),
@@ -1273,7 +1273,7 @@ function Bo({
     }
   );
 }
-const _n = O(Bo), To = ({
+const Nn = O(Bo), $o = ({
   children: t,
   disabled: e,
   value: o,
@@ -1283,24 +1283,24 @@ const _n = O(Bo), To = ({
   button: a,
   buttonLabel: c,
   buttonProps: d,
-  ariaLabel: u,
-  dataTestId: p,
+  ariaLabel: p,
+  dataTestId: u,
   tooltipPlacement: s = "top",
   ...b
 }, g) => {
-  const f = T(), C = B(f), [x, v] = $(!1), { copy: k } = Vt(i, l), D = (M) => {
-    M.preventDefault(), k(o).then(() => {
+  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);
     }).catch(console.error);
   };
-  return /* @__PURE__ */ y(H, { children: [
+  return /* @__PURE__ */ x(H, { children: [
     /* @__PURE__ */ n(
       P,
       {
-        title: C.formatMessage({ id: i }),
+        title: M.formatMessage({ id: i }),
         leaveDelay: 0,
         placement: s,
-        children: /* @__PURE__ */ y(
+        children: /* @__PURE__ */ x(
           w,
           {
             ...b,
@@ -1316,8 +1316,8 @@ const _n = O(Bo), To = ({
                   ...d,
                   disabled: e,
                   icon: /* @__PURE__ */ n(Lt, {}),
-                  "data-testid": p,
-                  "aria-label": u || c,
+                  "data-testid": u,
+                  "aria-label": p || c,
                   sx: {
                     display: "flex"
                   }
@@ -1331,28 +1331,28 @@ const _n = O(Bo), To = ({
     /* @__PURE__ */ n(
       dt,
       {
-        open: x,
+        open: h,
         autoWidth: !0,
         closeable: !1,
         autoHideDuration: 4e3,
         onClose: () => v(!1),
-        children: C.formatMessage({ id: l })
+        children: M.formatMessage({ id: l })
       }
     )
   ] });
-}, Ro = O(To);
-async function Oo(t) {
+}, To = O($o);
+async function Ro(t) {
   return await navigator.clipboard.writeText(t);
 }
 const Vt = (t = "c4r.button.copy", e = "c4r.notifications.copiedToClipboard") => {
-  const [o, r] = $(t);
+  const [o, r] = B(t);
   return {
     message: o,
     copy: async (l) => {
-      await Oo(l), r(e), setTimeout(() => r(t), 1e3);
+      await Ro(l), r(e), setTimeout(() => r(t), 1e3);
     }
   };
-}, Fo = m("div", {
+}, Oo = m("div", {
   shouldForwardProp: (t) => t !== "variant"
 })(({ variant: t, theme: e }) => ({
   width: "100%",
@@ -1362,27 +1362,27 @@ const Vt = (t = "c4r.button.copy", e = "c4r.notifications.copiedToClipboard") =>
     boxShadow: `inset 0 0 0 1px ${e.palette.divider}`
   }
 }));
-function Gn({
+function _n({
   variant: t = "standard",
   items: e,
   ...o
 }) {
-  return /* @__PURE__ */ n(Fo, { ...o, variant: t, children: e.map((r, i) => /* @__PURE__ */ y(
-    ce,
+  return /* @__PURE__ */ n(Oo, { ...o, variant: t, children: e.map((r, i) => /* @__PURE__ */ x(
+    le,
     {
       disabled: r.disabled,
       defaultExpanded: r.defaultExpanded,
       onChange: r.onChange,
       children: [
         /* @__PURE__ */ n(
-          de,
+          ce,
           {
             "aria-controls": `${i}-content`,
             id: `${i}-header`,
             children: r.summary
           }
         ),
-        /* @__PURE__ */ n(se, { children: r.content })
+        /* @__PURE__ */ n(de, { children: r.content })
       ]
     },
     i
@@ -1393,7 +1393,7 @@ const ht = {
   medium: 4,
   small: 3,
   xsmall: 2.25
-}, Lo = m(ue, {
+}, Fo = m(se, {
   shouldForwardProp: (t) => t !== "size" && t !== "disabled"
 })(({ theme: t, size: e = "medium", disabled: o = !1 }) => ({
   width: t.spacing(ht[e]),
@@ -1418,10 +1418,10 @@ const ht = {
     opacity: 0.6
   }
 }));
-function jn(t) {
-  return /* @__PURE__ */ n(Lo, { ...t });
+function Gn(t) {
+  return /* @__PURE__ */ n(Fo, { ...t });
 }
-const Ut = 480, Wo = m(pe)(({ theme: t }) => ({
+const Ut = 480, Lo = m(ue)(({ theme: t }) => ({
   bottom: t.spacing(2),
   right: t.spacing(2),
   left: t.spacing(2),
@@ -1432,7 +1432,7 @@ const Ut = 480, Wo = m(pe)(({ theme: t }) => ({
     width: "100%",
     maxWidth: `${Ut}px`
   }
-})), Eo = m(w, {
+})), Wo = m(w, {
   shouldForwardProp: (t) => t !== "autoWidth"
 })(({ autoWidth: t, theme: e }) => ({
   minWidth: "100%",
@@ -1447,7 +1447,7 @@ const Ut = 480, Wo = m(pe)(({ theme: t }) => ({
       minWidth: "auto"
     }
   }
-})), Ho = m(Et, {
+})), Eo = m(Et, {
   shouldForwardProp: (t) => !["hasActions", "closeable"].includes(t)
 })(({ hasActions: t, closeable: e, icon: o, theme: r }) => ({
   position: "relative",
@@ -1499,7 +1499,7 @@ const Ut = 480, Wo = m(pe)(({ theme: t }) => ({
       padding: r.spacing(0.75, 0)
     }
   }
-})), Po = m(w)(({ theme: t }) => ({
+})), Ho = m(w)(({ theme: t }) => ({
   position: "absolute",
   top: t.spacing(1),
   right: t.spacing(1),
@@ -1521,21 +1521,21 @@ function dt({
   onClose: c = () => {
   },
   autoWidth: d,
-  icon: u,
-  ...p
+  icon: p,
+  ...u
 }) {
-  const s = T(), b = B(s);
-  return /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(
-    Wo,
+  const s = T(), b = $(s);
+  return /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(
+    Lo,
     {
-      ...p,
+      ...u,
       open: a,
       autoHideDuration: e === null ? null : e || ft,
       onClose: c,
-      TransitionComponent: d ? fe : Rt,
+      TransitionComponent: d ? ge : Rt,
       "data-auto-width": d,
-      children: /* @__PURE__ */ y(
-        Eo,
+      children: /* @__PURE__ */ x(
+        Wo,
         {
           sx: {
             position: "relative"
@@ -1543,11 +1543,11 @@ function dt({
           autoWidth: d,
           children: [
             /* @__PURE__ */ n(
-              Ho,
+              Eo,
               {
                 severity: t,
                 action: l,
-                icon: u === !1 || t === "neutral" && !u ? !1 : u,
+                icon: p === !1 || t === "neutral" && !p ? !1 : p,
                 elevation: 6,
                 hasActions: !!l,
                 closeable: o,
@@ -1555,7 +1555,7 @@ function dt({
                 children: r
               }
             ),
-            o && /* @__PURE__ */ n(Po, { children: /* @__PURE__ */ n(
+            o && /* @__PURE__ */ n(Ho, { children: /* @__PURE__ */ n(
               q,
               {
                 color: "default",
@@ -1572,20 +1572,20 @@ function dt({
     }
   ) });
 }
-const zo = m("div")(({ theme: t }) => ({
+const Po = m("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
-  height: ve,
+  height: ke,
   marginRight: t.spacing(1.5)
-})), No = m(W)(({ theme: t }) => ({
+})), zo = m(E)(({ theme: t }) => ({
   marginRight: t.spacing(1),
   "&.MuiButtonBase-root svg path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), _o = m(_)(({ theme: t }) => ({
+})), No = m(_)(({ theme: t }) => ({
   borderColor: Ot(t.palette.brand.appBarContrastText, 0.12)
 }));
-function Go({
+function _o({
   onClickMenu: t
 }) {
   return (
@@ -1597,15 +1597,15 @@ function Go({
         sx: {
           display: { md: "none", xs: "block" }
         },
-        children: /* @__PURE__ */ y(zo, { children: [
-          /* @__PURE__ */ n(No, { onClick: t, children: /* @__PURE__ */ n(Se, {}) }),
-          /* @__PURE__ */ n(_o, { orientation: "vertical", flexItem: !0 })
+        children: /* @__PURE__ */ x(Po, { children: [
+          /* @__PURE__ */ n(zo, { onClick: t, children: /* @__PURE__ */ n(Ae, {}) }),
+          /* @__PURE__ */ n(No, { orientation: "vertical", flexItem: !0 })
         ] })
       }
     )
   );
 }
-const jo = m("div")(({ theme: t }) => ({
+const Go = m("div")(({ theme: t }) => ({
   display: "flex",
   marginRight: t.spacing(1.5),
   "& a": {
@@ -1616,18 +1616,18 @@ const jo = m("div")(({ theme: t }) => ({
     height: t.spacing(4)
   }
 }));
-function Vo({ logo: t }) {
-  return /* @__PURE__ */ n(jo, { children: t });
+function jo({ logo: t }) {
+  return /* @__PURE__ */ n(Go, { children: t });
 }
-const Uo = m(F)({
+const Vo = m(F)({
   display: "flex",
   alignItems: "center",
   whiteSpace: "nowrap"
 });
-function Yo({ text: t }) {
+function Uo({ text: t }) {
   const e = j();
   return /* @__PURE__ */ n(
-    Uo,
+    Vo,
     {
       component: "span",
       variant: "subtitle1",
@@ -1636,7 +1636,7 @@ function Yo({ text: t }) {
     }
   );
 }
-const qo = m(F)(({ theme: t }) => ({
+const Yo = m(F)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   "&::before": {
@@ -1646,10 +1646,10 @@ const qo = m(F)(({ theme: t }) => ({
     color: t.palette.brand.appBarContrastText
   }
 }));
-function Zo({ text: t }) {
+function qo({ text: t }) {
   const e = j();
   return /* @__PURE__ */ n(
-    qo,
+    Yo,
     {
       component: "span",
       variant: "body2",
@@ -1659,7 +1659,7 @@ function Zo({ text: t }) {
     }
   );
 }
-const Jo = m(be)(({ theme: t }) => ({
+const Zo = m(me)(({ theme: t }) => ({
   backgroundColor: t.palette.brand.appBarMain,
   "& .MuiTypography-root": {
     color: t.palette.brand.appBarContrastText
@@ -1667,7 +1667,7 @@ const Jo = m(be)(({ theme: t }) => ({
   "& .MuiIconButton-root path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), Ko = m("div")(({ theme: t }) => ({
+})), Jo = m("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   maxWidth: "calc(100% - 300px)",
@@ -1675,14 +1675,14 @@ const Jo = m(be)(({ theme: t }) => ({
   [t.breakpoints.down("sm")]: {
     minWidth: "192px"
   }
-})), Xo = m("div")(({ theme: t }) => ({
+})), Ko = m("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   flex: 1,
   marginLeft: t.spacing(1)
 }));
-function Vn({
+function jn({
   children: t,
   brandLogo: e,
   brandText: o,
@@ -1691,17 +1691,17 @@ function Vn({
   onClickMenu: l,
   ...a
 }) {
-  return /* @__PURE__ */ n(Jo, { ...a, children: /* @__PURE__ */ y(me, { children: [
-    /* @__PURE__ */ y(Ko, { children: [
-      i && /* @__PURE__ */ n(Go, { onClickMenu: l }),
-      e && /* @__PURE__ */ n(Vo, { logo: e }),
-      o && /* @__PURE__ */ n(Yo, { text: o }),
-      r && /* @__PURE__ */ n(Zo, { text: r })
+  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 })
     ] }),
-    /* @__PURE__ */ n(Xo, { children: t })
+    /* @__PURE__ */ n(Ko, { children: t })
   ] }) });
 }
-const Qo = m(w, {
+const Xo = m(w, {
   shouldForwardProp: (t) => !["size", "variant"].includes(t)
 })(({ size: t, variant: e, theme: o }) => ({
   position: "absolute",
@@ -1723,9 +1723,9 @@ function st({
   variant: e,
   ...o
 }) {
-  const r = T(), i = B(r);
-  return /* @__PURE__ */ n(Qo, { size: t, variant: e, children: /* @__PURE__ */ n(
-    W,
+  const r = T(), i = $(r);
+  return /* @__PURE__ */ n(Xo, { size: t, variant: e, children: /* @__PURE__ */ n(
+    E,
     {
       ...o,
       size: t,
@@ -1735,7 +1735,7 @@ function st({
     }
   ) });
 }
-const tr = m(w, {
+const Qo = m(w, {
   shouldForwardProp: (t) => !["size", "variant", "readOnly"].includes(t)
 })(({ size: t, variant: e, readOnly: o, theme: r }) => ({
   // 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
@@ -1775,7 +1775,7 @@ function ut({
   readOnly: r,
   ...i
 }) {
-  return /* @__PURE__ */ n(tr, { ...i, size: e, variant: o, readOnly: r, children: t });
+  return /* @__PURE__ */ n(Qo, { ...i, size: e, variant: o, readOnly: r, children: t });
 }
 function xt({
   handleClear: t,
@@ -1787,15 +1787,15 @@ function xt({
   helperText: a,
   placeholder: c,
   slotProps: d,
-  slots: u,
-  error: p,
+  slots: p,
+  error: u,
   showCalendar: s = !0,
   readOnly: b,
   "aria-label": g,
   "data-testid": f,
-  ...C
+  ...M
 }) {
-  const x = T(), v = B(x);
+  const h = T(), v = $(h);
   return (
     // Don't remove className, it's used for styling
     /* @__PURE__ */ n(w, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ n(
@@ -1808,9 +1808,9 @@ function xt({
         "aria-label": g,
         "data-testid": f,
         children: /* @__PURE__ */ n(
-          Re,
+          Te,
           {
-            ...C,
+            ...M,
             label: r && /* @__PURE__ */ n(
               X,
               {
@@ -1826,7 +1826,7 @@ function xt({
                 helperText: a,
                 placeholder: c,
                 size: o,
-                error: p ?? void 0,
+                error: u ?? void 0,
                 // undefined is needed to allow the component to control the error state for the default validation
                 inputProps: {
                   "data-testid": "date-picker-input"
@@ -1841,7 +1841,7 @@ function xt({
             slots: {
               clearButton: (k) => /* @__PURE__ */ n(st, { ...k, size: o, variant: e }),
               openPickerButton: (k) => /* @__PURE__ */ n(
-                W,
+                E,
                 {
                   ...k,
                   size: o,
@@ -1850,7 +1850,7 @@ function xt({
                   })
                 }
               ),
-              ...u
+              ...p
             },
             disableOpenPicker: !s,
             readOnly: b
@@ -1860,7 +1860,7 @@ function xt({
     ) })
   );
 }
-const er = m(w, {
+const tr = m(w, {
   shouldForwardProp: (t) => ![
     "isSelected",
     "isStartDate",
@@ -1955,7 +1955,7 @@ const er = m(w, {
       }
     }
   })
-), or = m(Oe, {
+), er = m(Re, {
   shouldForwardProp: (t) => t !== "isDateRangeLimit"
 })(({ theme: t, isDateRangeLimit: e }) => ({
   "&.MuiPickersDay-root": {
@@ -1983,18 +1983,18 @@ function Ct({
   selectedMonth: r,
   ...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, u = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), p = !!(r && t.getMonth() === r.getMonth());
+  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(
-    er,
+    tr,
     {
       isSelected: c,
       isStartDate: l,
       isEndDate: a,
-      isSelectedMonth: p,
-      isLastDay: u,
+      isSelectedMonth: u,
+      isLastDay: p,
       isFirstDay: d,
       children: /* @__PURE__ */ n(
-        or,
+        er,
         {
           ...i,
           day: t,
@@ -2006,7 +2006,7 @@ function Ct({
     }
   );
 }
-const rr = m(w, {
+const or = m(w, {
   shouldForwardProp: (t) => !["variant"].includes(t)
 })(({ variant: t, theme: e }) => ({
   display: "flex",
@@ -2056,7 +2056,7 @@ const rr = m(w, {
     }
   }
 }));
-function Un({
+function Vn({
   globalHelperText: t,
   error: e,
   variant: o = "outlined",
@@ -2066,12 +2066,12 @@ function Un({
   "data-testid": a,
   ...c
 }) {
-  const d = T(), u = B(d), [p, s] = $(!1), [b, g] = $(!1), [f, C] = $(
+  const d = T(), p = $(d), [u, s] = B(!1), [b, g] = B(!1), [f, M] = B(
     (r == null ? void 0 : r.value) || null
-  ), [x, v] = $((i == null ? void 0 : i.value) || null), [k, D] = $(
+  ), [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()
-  ), M = e ?? (r == null ? void 0 : r.error) ?? (i == null ? void 0 : i.error), h = (S, L) => {
-    C(S), r != null && r.onChange && r.onChange(S, L), S && L.validationError === null && !b && L.trigger === null && (g(!1), s(!0));
+  ), 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 = () => {
@@ -2080,16 +2080,16 @@ function Un({
     }, 120);
   }, I = () => {
     g(!1), s(!0), setTimeout(() => {
-      D(x ?? f ?? /* @__PURE__ */ new Date());
+      D(h ?? f ?? /* @__PURE__ */ new Date());
     }, 120);
-  }, E = () => {
+  }, W = () => {
     g(!1), s(!0), setTimeout(() => {
-      D(x ?? f ?? /* @__PURE__ */ new Date());
+      D(h ?? f ?? /* @__PURE__ */ new Date());
     }, 120);
   };
-  return /* @__PURE__ */ y(w, { children: [
-    /* @__PURE__ */ y(
-      rr,
+  return /* @__PURE__ */ x(w, { children: [
+    /* @__PURE__ */ x(
+      or,
       {
         variant: o,
         "data-name": "date-range-picker",
@@ -2102,25 +2102,25 @@ function Un({
               ...c,
               ...r,
               value: (r == null ? void 0 : r.value) ?? f,
-              maxDate: x ?? void 0,
-              label: (r == null ? void 0 : r.label) ?? u.formatMessage({ id: "c4r.form.startDate" }),
+              maxDate: h ?? void 0,
+              label: (r == null ? void 0 : r.label) ?? p.formatMessage({ id: "c4r.form.startDate" }),
               slotProps: {
                 popper: {
                   placement: "bottom-start",
-                  "aria-label": u.formatMessage({
+                  "aria-label": p.formatMessage({
                     id: "c4r.form.startDateCalendar"
                   })
                 },
                 ...r == null ? void 0 : r.slotProps
               },
               slots: {
-                openPickerIcon: Ie,
+                openPickerIcon: Se,
                 day: (S) => /* @__PURE__ */ n(
                   Ct,
                   {
                     ...S,
                     startDate: f,
-                    endDate: x,
+                    endDate: h,
                     selectedMonth: k
                   }
                 ),
@@ -2128,7 +2128,7 @@ function Un({
               },
               error: (r == null ? void 0 : r.error) ?? e,
               open: b,
-              onChange: h,
+              onChange: C,
               onOpen: R,
               onClose: I,
               onMonthChange: (S) => D(S),
@@ -2140,11 +2140,11 @@ function Un({
             {
               ...c,
               ...i,
-              value: (i == null ? void 0 : i.value) ?? x,
+              value: (i == null ? void 0 : i.value) ?? h,
               minDate: f ?? void 0,
               slotProps: {
                 popper: {
-                  "aria-label": u.formatMessage({
+                  "aria-label": p.formatMessage({
                     id: "c4r.form.endDateCalendar"
                   })
                 },
@@ -2156,16 +2156,16 @@ function Un({
                   {
                     ...S,
                     startDate: f,
-                    endDate: x,
+                    endDate: h,
                     selectedMonth: k
                   }
                 ),
                 ...i == null ? void 0 : i.slots
               },
-              label: (i == null ? void 0 : i.label) ?? u.formatMessage({ id: "c4r.form.endDate" }),
+              label: (i == null ? void 0 : i.label) ?? p.formatMessage({ id: "c4r.form.endDate" }),
               error: (i == null ? void 0 : i.error) ?? e,
-              open: p,
-              onOpen: E,
+              open: u,
+              onOpen: W,
               onClose: () => s(!1),
               onChange: A,
               onMonthChange: (S) => D(S),
@@ -2175,7 +2175,7 @@ function Un({
         ]
       }
     ),
-    t && /* @__PURE__ */ n(J, { error: M, children: t })
+    t && /* @__PURE__ */ n(J, { error: y, children: t })
   ] });
 }
 const Yt = (t, e, o, r) => {
@@ -2184,7 +2184,7 @@ const Yt = (t, e, o, 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("");
 };
-function Yn({
+function Un({
   handleClear: t,
   variant: e = "outlined",
   size: o = "small",
@@ -2194,26 +2194,26 @@ function Yn({
   helperText: a,
   placeholder: c,
   error: d,
-  showClock: u = !0,
-  readOnly: p,
+  showClock: p = !0,
+  readOnly: u,
   slotProps: s,
   slots: b,
   ampm: g = !0,
   views: f = ["hours", "minutes"],
-  format: C,
-  "data-testid": x,
+  format: M,
+  "data-testid": h,
   "aria-label": v,
   ...k
 }) {
-  const D = T(), M = B(D), h = Z(null), [A, R] = $(0);
+  const D = T(), y = $(D), C = Z(null), [A, R] = B(0);
   return z(() => {
-    if (!h.current) return;
-    const I = new ResizeObserver((E) => {
+    if (!C.current) return;
+    const I = new ResizeObserver((W) => {
       var L;
-      const S = (L = E[0]) == null ? void 0 : L.contentRect.width;
+      const S = (L = W[0]) == null ? void 0 : L.contentRect.width;
       S && R(S);
     });
-    return I.observe(h.current), () => {
+    return I.observe(C.current), () => {
       I.disconnect();
     };
   }, []), /* @__PURE__ */ n(
@@ -2221,25 +2221,25 @@ function Yn({
     {
       size: o,
       variant: e,
-      readOnly: p,
+      readOnly: u,
       "data-name": "time-picker",
-      "data-testid": x ?? "time-picker",
+      "data-testid": h ?? "time-picker",
       "aria-label": v,
       children: /* @__PURE__ */ n(
-        Fe,
+        Oe,
         {
           ...k,
-          ref: h,
+          ref: C,
           label: /* @__PURE__ */ n(
             X,
             {
-              label: r ?? M.formatMessage({ id: "c4r.form.time" }),
+              label: r ?? y.formatMessage({ id: "c4r.form.time" }),
               type: l,
               icon: i && /* @__PURE__ */ n(P, { title: i, children: /* @__PURE__ */ n(K, { htmlColor: "text.secondary" }) })
             }
           ),
           views: ["hours"],
-          format: Yt(f, !1, g, C),
+          format: Yt(f, !1, g, M),
           slotProps: {
             textField: {
               variant: e,
@@ -2269,26 +2269,26 @@ function Yn({
           slots: {
             clearButton: (I) => /* @__PURE__ */ n(st, { ...I, size: o, variant: e }),
             openPickerButton: (I) => /* @__PURE__ */ n(
-              W,
+              E,
               {
                 ...I,
                 size: o,
-                "aria-label": M.formatMessage({
+                "aria-label": y.formatMessage({
                   id: "c4r.form.chooseDate"
                 })
               }
             ),
             ...b
           },
-          disableOpenPicker: !u,
-          readOnly: p,
+          disableOpenPicker: !p,
+          readOnly: u,
           ampm: g
         }
       )
     }
   );
 }
-function qn({
+function Yn({
   handleClear: t,
   variant: e = "outlined",
   size: o = "small",
@@ -2298,41 +2298,41 @@ function qn({
   helperText: a,
   placeholder: c,
   error: d,
-  showCalendar: u = !0,
-  readOnly: p,
+  showCalendar: p = !0,
+  readOnly: u,
   slotProps: s,
   slots: b,
   ampm: g = !0,
   views: f = ["hours", "minutes"],
-  format: C,
-  "data-testid": x,
+  format: M,
+  "data-testid": h,
   "aria-label": v,
   ...k
 }) {
-  const D = T(), M = B(D);
+  const D = T(), y = $(D);
   return /* @__PURE__ */ n(
     ut,
     {
       size: o,
       variant: e,
-      readOnly: p,
+      readOnly: u,
       "data-name": "date-time-picker",
-      "data-testid": x ?? "date-time-picker",
+      "data-testid": h ?? "date-time-picker",
       "aria-label": v,
       children: /* @__PURE__ */ n(
-        Le,
+        Fe,
         {
           ...k,
           label: /* @__PURE__ */ n(
             X,
             {
-              label: r ?? M.formatMessage({ id: "c4r.form.time" }),
+              label: r ?? y.formatMessage({ id: "c4r.form.time" }),
               type: l,
               icon: i && /* @__PURE__ */ n(P, { title: i, children: /* @__PURE__ */ n(K, { htmlColor: "text.secondary" }) })
             }
           ),
           views: ["year", "month", "day", "hours"],
-          format: Yt(f, !0, g, C),
+          format: Yt(f, !0, g, M),
           slotProps: {
             textField: {
               variant: e,
@@ -2352,58 +2352,58 @@ function qn({
             ...s
           },
           slots: {
-            clearButton: (h) => /* @__PURE__ */ n(st, { ...h, size: o, variant: e }),
-            openPickerButton: (h) => /* @__PURE__ */ n(
-              W,
+            clearButton: (C) => /* @__PURE__ */ n(st, { ...C, size: o, variant: e }),
+            openPickerButton: (C) => /* @__PURE__ */ n(
+              E,
               {
-                ...h,
+                ...C,
                 size: o,
-                "aria-label": M.formatMessage({
+                "aria-label": y.formatMessage({
                   id: "c4r.form.chooseDate"
                 })
               }
             ),
             ...b
           },
-          disableOpenPicker: !u,
-          readOnly: p,
+          disableOpenPicker: !p,
+          readOnly: u,
           ampm: g
         }
       )
     }
   );
 }
-const nr = [{ outlinedBullet: !1, value: "" }], ir = m("ul")(({ theme: t }) => ({
+const rr = [{ outlinedBullet: !1, value: "" }], nr = m("ul")(({ theme: t }) => ({
   listStyle: "none",
   paddingLeft: 0,
   margin: t.spacing(0.5, 0, 0, 0)
-})), ar = m("li")(({ theme: t }) => ({
+})), ir = m("li")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "&:not(:last-child)": {
     marginBottom: t.spacing(0.5)
   }
-})), lr = m("span")(({ theme: t }) => ({
+})), ar = m("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]
-})), cr = m(F)(({ theme: t }) => ({
+})), lr = m(F)(({ theme: t }) => ({
   minWidth: t.spacing(10),
   marginRight: t.spacing(1.5)
 }));
-function Zn({
-  items: t = nr,
+function qn({
+  items: t = rr,
   title: e
 }) {
-  return /* @__PURE__ */ y(H, { children: [
+  return /* @__PURE__ */ x(H, { children: [
     e && /* @__PURE__ */ n(F, { color: "inherit", variant: "caption", weight: "medium", children: e }),
-    /* @__PURE__ */ n(ir, { children: t.map((o, r) => /* @__PURE__ */ y(ar, { children: [
+    /* @__PURE__ */ n(nr, { children: t.map((o, r) => /* @__PURE__ */ x(ir, { children: [
       /* @__PURE__ */ n(
-        lr,
+        ar,
         {
           style: {
             backgroundColor: `${o.outlinedBullet ? "transparent" : o.color}`,
@@ -2411,12 +2411,12 @@ function Zn({
           }
         }
       ),
-      o.category && /* @__PURE__ */ n(cr, { color: "inherit", variant: "caption", children: o.category }),
+      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)) })
   ] });
 }
-const dr = m(w, {
+const cr = m(w, {
   shouldForwardProp: (t) => !["withGutter", "disabled"].includes(t)
 })(
   ({ withGutter: t, disabled: e, theme: o }) => ({
@@ -2438,34 +2438,32 @@ const dr = m(w, {
 function qt({
   onClickFooter: t,
   labelIdButtonFooter: e,
-  ariaLabelButtonFooter: o,
-  disabledButtonFooter: r,
-  withGutter: i = !0,
-  showSnackbar: l,
-  onCloseSnackbar: a,
-  loading: c,
-  disabled: d,
-  ...u
+  disabledButtonFooter: o,
+  withGutter: r = !0,
+  showSnackbar: i,
+  onCloseSnackbar: l,
+  loading: a,
+  disabled: c,
+  ...d
 }) {
-  const p = T(), s = B(p);
-  return t ? /* @__PURE__ */ y(
-    dr,
+  const p = T(), u = $(p);
+  return t ? /* @__PURE__ */ x(
+    cr,
     {
-      withGutter: i,
-      disabled: d,
+      withGutter: r,
+      disabled: c,
       "data-name": "code-area-footer",
-      "data-gutter": i,
+      "data-gutter": r,
       children: [
         /* @__PURE__ */ n(
           nt,
           {
             variant: "text",
-            ...u,
-            loading: c,
+            ...d,
+            loading: a,
             onClick: t,
-            "aria-label": o || "save-form-button",
-            disabled: d || r,
-            children: s.formatMessage({
+            disabled: c || o,
+            children: u.formatMessage({
               id: e || "c4r.button.save"
             })
           }
@@ -2473,12 +2471,12 @@ function qt({
         /* @__PURE__ */ n(
           dt,
           {
-            open: l,
+            open: i,
             autoWidth: !0,
             closeable: !1,
             autoHideDuration: 4e3,
-            onClose: a,
-            children: s.formatMessage({
+            onClose: l,
+            children: u.formatMessage({
               id: "c4r.notifications.changesSaved"
             })
           }
@@ -2498,55 +2496,55 @@ const Mt = m(w, { shouldForwardProp: (t) => t !== "size" })(({ size: t, theme: e
   padding: t === "small" ? e.spacing(0.5) : e.spacing(1, 2, 2),
   paddingRight: t === "small" ? 0 : e.spacing(1.5)
 }));
-function sr({
+function dr({
   disabled: t,
   copyValue: e,
   onClickExpand: o,
   size: r
 }) {
-  const i = T(), l = B(i), a = !!o, c = e !== void 0, d = a && c, { copy: u } = Vt(), [p, s] = $(!1), [b, g] = $(null), f = !!b, C = (k) => {
+  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);
-  }, x = () => {
+  }, h = () => {
     g(null);
   }, v = (k) => {
-    k.preventDefault(), e && u(e).then(() => {
+    k.preventDefault(), e && p(e).then(() => {
       s(!0);
     }).catch(console.error);
   };
-  return !a && !c ? null : d ? /* @__PURE__ */ y(H, { children: [
-    /* @__PURE__ */ y(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
+  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($e, {}),
+          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: C
+          onClick: M
         }
       ),
-      /* @__PURE__ */ y(
-        co,
+      /* @__PURE__ */ x(
+        lo,
         {
           anchorEl: b,
           open: f,
-          onClose: x,
+          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__ */ y(Y, { onClick: v, disabled: t, id: "copy", 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__ */ y(Y, { onClick: o, disabled: t, id: "expand", children: [
+            /* @__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" }) })
             ] })
@@ -2557,7 +2555,7 @@ function sr({
     /* @__PURE__ */ n(
       dt,
       {
-        open: p,
+        open: u,
         autoWidth: !0,
         closeable: !1,
         autoHideDuration: 4e3,
@@ -2567,9 +2565,9 @@ function sr({
         })
       }
     )
-  ] }) : /* @__PURE__ */ y(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
+  ] }) : /* @__PURE__ */ x(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
     c && /* @__PURE__ */ n(
-      Ro,
+      To,
       {
         disabled: t,
         value: e,
@@ -2591,7 +2589,7 @@ function sr({
     )
   ] });
 }
-const ur = m(w, {
+const sr = m(w, {
   shouldForwardProp: (t) => !["size", "height"].includes(t)
 })(({ size: t, height: e, theme: o }) => ({
   position: "relative",
@@ -2708,13 +2706,13 @@ const ur = m(w, {
   },
   // Theme: light
   "& .cm-keyword, & .cm-string, & .cm-string-2, & .cm-other": {
-    color: Pe[500]
+    color: He[500]
   },
   "& .cm-operator, & .cm-tag, & .cm-attribute": {
-    color: ze[700]
+    color: Pe[700]
   },
   "& .cm-number, & .cm-property, & .cm-builtin": {
-    color: Ne[700]
+    color: ze[700]
   },
   "& .cm-comment": {
     color: o.palette.text.secondary
@@ -2729,7 +2727,7 @@ const ur = m(w, {
     color: tt[800]
   },
   "& .cm-variable-3, & .cm-type": {
-    color: _e[800]
+    color: Ne[800]
   },
   "& .CodeMirror-foldmarker": {
     textShadow: "none",
@@ -2764,7 +2762,7 @@ const ur = m(w, {
     }
   }
 }));
-function pr(t) {
+function ur(t) {
   const e = t.split(`
 `), o = [], r = [];
   for (e.forEach((i, l) => {
@@ -2788,7 +2786,7 @@ function pr(t) {
   }
   return o;
 }
-function gr({
+function pr({
   options: t,
   value: e,
   defaultValue: o,
@@ -2798,22 +2796,22 @@ function gr({
   onBlur: a,
   onFocus: c,
   placeholder: d,
-  disabled: u,
-  size: p = "small",
+  disabled: p,
+  size: u = "small",
   height: s,
   "data-testid": b,
   "aria-label": g = "Code editor text area",
   ...f
 }) {
-  var M;
-  const C = Z(), x = {
+  var y;
+  const M = Z(), h = {
     mode: "sql",
     theme: "light",
     lineNumbers: !0,
     lineWrapping: !0,
     extraKeys: { "Ctrl-Space": "autocomplete" },
     placeholder: d,
-    disabled: u,
+    disabled: p,
     gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
     styleActiveLine: { nonEmpty: !0 },
     styleActiveSelected: !0,
@@ -2823,19 +2821,19 @@ function gr({
       scanUp: !1
     },
     ...t
-  }, [v, k] = $(null);
+  }, [v, k] = B(null);
   z(() => () => {
     k(null);
   }, []);
   const D = ot(
-    ({ from: h, to: A }) => {
+    ({ from: C, to: A }) => {
       v.foldCode(
         0,
         {
           rangeFinder: () => {
             if (A)
               return {
-                from: { line: h - 1, ch: 0 },
+                from: { line: C - 1, ch: 0 },
                 to: { line: A - 1, ch: 0 }
               };
           }
@@ -2847,50 +2845,50 @@ function gr({
   );
   return z(() => {
     if (!e || !v) return;
-    const h = pr(e);
-    if (h.length)
-      for (const A of h)
+    const C = ur(e);
+    if (C.length)
+      for (const A of C)
         D(A);
-  }, [e, D, v]), /* @__PURE__ */ y(
-    ur,
+  }, [e, D, v]), /* @__PURE__ */ x(
+    sr,
     {
-      size: p,
+      size: u,
       height: s,
       id: r,
-      "data-size": p,
+      "data-size": u,
       "data-height": s,
-      "data-mode": typeof (t == null ? void 0 : t.mode) == "object" && ((M = t.mode) != null && M.name) ? t.mode.name : t == null ? void 0 : t.mode,
+      "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(
-          Ee,
+          We,
           {
             ...f,
             value: e,
-            editorDidMount: (h) => {
-              C.current = h, k(h), i == null || i(h);
+            editorDidMount: (C) => {
+              M.current = C, k(C), i == null || i(C);
             },
-            options: x,
-            onBeforeChange: (h, A, R) => {
+            options: h,
+            onBeforeChange: (C, A, R) => {
               l == null || l(R);
             },
-            onBlur: (h) => {
-              a == null || a(h.getValue());
+            onBlur: (C) => {
+              a == null || a(C.getValue());
             },
             onFocus: c
           }
         ),
         o !== void 0 && /* @__PURE__ */ n(
-          He,
+          Ee,
           {
             ...f,
             value: o,
-            options: x,
-            onBlur: (h) => {
-              a == null || a(h.getValue());
+            options: h,
+            onBlur: (C) => {
+              a == null || a(C.getValue());
             },
             onFocus: c
           }
@@ -2899,11 +2897,11 @@ function gr({
     }
   );
 }
-const fr = m(Bt)(() => ({
+const gr = m($t)(() => ({
   display: "flex",
   flexDirection: "column",
   flex: 1
-})), mr = m(w, {
+})), fr = m(w, {
   shouldForwardProp: (t) => ![
     "variant",
     "error",
@@ -3037,7 +3035,7 @@ const fr = m(Bt)(() => ({
       }
     }
   })
-), br = m(w, {
+), mr = m(w, {
   shouldForwardProp: (t) => t !== "hasActions"
 })(({ theme: t, hasActions: e }) => ({
   flex: "1 1 auto",
@@ -3049,12 +3047,12 @@ const fr = m(Bt)(() => ({
       paddingRight: `${t.spacing(4)} !important`
     }
   }
-})), hr = m(K)(({ theme: t }) => ({
+})), br = m(K)(({ theme: t }) => ({
   width: N,
   height: N,
   fill: t.palette.text.secondary
 }));
-function xr({
+function hr({
   value: t,
   defaultValue: e,
   validate: o,
@@ -3064,56 +3062,54 @@ function xr({
   label: a,
   labelHelpTooltip: c,
   placeholder: d,
-  type: u,
-  disabled: p,
+  type: p,
+  disabled: u,
   copyValue: s,
   helperText: b,
   error: g,
   size: f = "small",
-  variant: C = "outlined",
-  onClickExpand: x,
+  variant: M = "outlined",
+  onClickExpand: h,
   onClickFooter: v,
   disabledButtonFooter: k,
   labelIdButtonFooter: D,
-  ariaLabelButtonFooter: M,
-  options: h,
-  id: A = "code-area-field",
-  saveLoading: R,
-  showSaveSnackbar: I,
-  onCloseSaveSnackbar: E,
-  fullScreen: S,
-  isExpanded: L,
-  ...V
+  options: y,
+  id: C = "code-area-field",
+  saveLoading: A,
+  showSaveSnackbar: R,
+  onCloseSaveSnackbar: I,
+  fullScreen: W,
+  isExpanded: S,
+  ...L
 }) {
-  const [Xt, pt] = $(!1), gt = (h == null ? void 0 : h.readOnly) ?? !1, Qt = (h == null ? void 0 : h.lineNumbers) ?? !0;
-  return /* @__PURE__ */ y(
-    fr,
+  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: p,
-      "aria-disabled": p,
+      disabled: u,
+      "aria-disabled": u,
       "data-size": f,
-      "data-full-screen": S,
-      "data-variant": C,
+      "data-full-screen": W,
+      "data-variant": M,
       "data-name": "code-area-field",
       children: [
         a && /* @__PURE__ */ n(
           Tt,
           {
-            htmlFor: A,
-            disabled: p,
+            htmlFor: C,
+            disabled: u,
             error: g,
-            focused: Xt,
+            focused: V,
             shrink: !0,
-            id: `${A}-label`,
             children: /* @__PURE__ */ n(
               X,
               {
                 label: a,
-                type: u,
+                type: p,
                 icon: c ? /* @__PURE__ */ n(P, { title: c, children: /* @__PURE__ */ n(
-                  hr,
+                  br,
                   {
                     "aria-label": typeof c == "string" ? c : void 0
                   }
@@ -3122,32 +3118,32 @@ function xr({
             )
           }
         ),
-        /* @__PURE__ */ y(
-          mr,
+        /* @__PURE__ */ x(
+          fr,
           {
-            variant: C,
+            variant: M,
             error: !!g,
-            disabled: p,
+            disabled: u,
             readOnly: gt,
-            lineNumbers: Qt,
-            className: C === "filled" ? "codeArea-filled" : "",
-            fullScreen: S,
+            lineNumbers: Xt,
+            className: M === "filled" ? "codeArea-filled" : "",
+            fullScreen: W,
             children: [
               /* @__PURE__ */ n(
-                sr,
+                dr,
                 {
-                  onClickExpand: x,
+                  onClickExpand: h,
                   copyValue: s,
-                  disabled: p,
-                  size: L ? "medium" : "small"
+                  disabled: u,
+                  size: S ? "medium" : "small"
                 }
               ),
-              /* @__PURE__ */ n(br, { hasActions: !!s || !!x, children: /* @__PURE__ */ n(
-                gr,
+              /* @__PURE__ */ n(mr, { hasActions: !!s || !!h, children: /* @__PURE__ */ n(
+                pr,
                 {
-                  ...V,
-                  id: A,
-                  disabled: p,
+                  ...L,
+                  id: C,
+                  disabled: u,
                   value: t,
                   defaultValue: e,
                   placeholder: d,
@@ -3164,23 +3160,21 @@ function xr({
                       styleActiveLine: !1,
                       matchBrackets: !1
                     },
-                    ...h
-                  },
-                  "aria-labelledby": a ? `${A}-label` : void 0
+                    ...y
+                  }
                 }
               ) }),
               /* @__PURE__ */ n(
                 qt,
                 {
                   labelIdButtonFooter: D,
-                  ariaLabelButtonFooter: M,
                   onClickFooter: v,
-                  disabled: p,
+                  disabled: u,
                   disabledButtonFooter: k,
                   size: "small",
-                  loading: !!R,
-                  showSnackbar: I,
-                  onCloseSnackbar: E
+                  loading: !!A,
+                  showSnackbar: R,
+                  onCloseSnackbar: I
                 }
               )
             ]
@@ -3191,7 +3185,7 @@ function xr({
     }
   );
 }
-const yr = m(w)(({ theme: t }) => ({
+const xr = m(w)(({ theme: t }) => ({
   position: "relative",
   marginBottom: "1px",
   padding: t.spacing(1.5, 2, 1.5, 5.5),
@@ -3218,20 +3212,20 @@ const yr = m(w)(({ theme: t }) => ({
   ".MuiFormHelperText-root": {
     marginTop: 0
   }
-})), Cr = m(w)(({ theme: t }) => ({
+})), yr = m(w)(({ theme: t }) => ({
   position: "relative",
   zIndex: 3,
   display: "flex",
   alignItems: "center",
   gap: t.spacing(1)
 }));
-function Mr({
+function Cr({
   children: t,
   hasDivider: e
 }) {
   const o = j();
-  return t ? /* @__PURE__ */ y(H, { children: [
-    /* @__PURE__ */ n(yr, { children: /* @__PURE__ */ y(Cr, { children: [
+  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 })
     ] }) }),
@@ -3262,7 +3256,7 @@ const kt = {
     height: "calc(100vh - 80px)",
     maxWidth: "960px"
   }
-}, wt = m(he, {
+}, wt = m(be, {
   shouldForwardProp: (t) => !["fullScreen", "height", "width", "hasForm"].includes(t)
 })(
   ({
@@ -3362,7 +3356,7 @@ const kt = {
     }
   })
 );
-function kr({
+function Mr({
   nonModal: t,
   children: e,
   size: o = "small",
@@ -3372,8 +3366,8 @@ function kr({
   width: a,
   hasForm: c,
   "aria-label": d,
-  "data-testid": u,
-  ...p
+  "data-testid": p,
+  ...u
 }, s) {
   return t ? /* @__PURE__ */ n(
     wt,
@@ -3384,14 +3378,14 @@ function kr({
       width: a,
       hasForm: c,
       "aria-label": d,
-      "data-testid": u,
+      "data-testid": p,
       "data-name": "dialog",
-      ...p,
+      ...u,
       ref: s,
       children: e
     }
   ) : /* @__PURE__ */ n(
-    xe,
+    he,
     {
       PaperComponent: wt,
       PaperProps: {
@@ -3405,21 +3399,21 @@ function kr({
       fullScreen: i,
       role: "section",
       "aria-label": d,
-      "data-testid": u,
+      "data-testid": p,
       "data-size": o,
       "data-width": a,
       "data-height": l,
       "data-name": "dialog",
-      ...p,
+      ...u,
       ref: s,
       children: e
     }
   );
 }
-const vr = O(kr), wr = m(ye)(() => ({
+const kr = O(Mr), vr = m(xe)(() => ({
   padding: 0,
   zIndex: 10
-})), Dr = m(w)(({ theme: t }) => ({
+})), wr = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
@@ -3430,14 +3424,14 @@ const vr = O(kr), wr = m(ye)(() => ({
   alignItems: "center",
   gap: t.spacing(1),
   overflow: "hidden"
-})), Ar = m(Wt)(({ theme: t }) => ({
+})), Dr = m(Wt)(({ theme: t }) => ({
   color: t.palette.text.secondary
-})), Sr = m(_)(() => ({
+})), Ar = m(_)(() => ({
   "+ .MuiDialogContent-root": {
     borderTop: "none !important"
   }
 }));
-function Ir({
+function Sr({
   title: t,
   chipLabel: e,
   chipProps: o,
@@ -3448,11 +3442,11 @@ function Ir({
   closeIcon: c,
   ...d
 }) {
-  const u = T(), p = B(u);
-  return /* @__PURE__ */ y(H, { children: [
-    /* @__PURE__ */ y(wr, { component: "div", "data-name": "dialog-header", ...d, children: [
-      /* @__PURE__ */ y(Dr, { children: [
-        /* @__PURE__ */ y(Dt, { flex: 1, maxWidth: 0.8, children: [
+  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,
             {
@@ -3464,26 +3458,26 @@ function Ir({
               children: t
             }
           ),
-          e && /* @__PURE__ */ n(Ce, { color: "default", label: e, ...o })
+          e && /* @__PURE__ */ n(ye, { color: "default", label: e, ...o })
         ] }),
-        /* @__PURE__ */ y(Dt, { children: [
+        /* @__PURE__ */ x(Dt, { children: [
           l,
           i && /* @__PURE__ */ n(
             P,
             {
-              title: p.formatMessage({ id: "c4r.button.close" }),
+              title: u.formatMessage({ id: "c4r.button.close" }),
               placement: "left",
-              children: /* @__PURE__ */ n(W, { onClick: i, children: c || /* @__PURE__ */ n(Ar, { "data-testid": "CloseIcon" }) })
+              children: /* @__PURE__ */ n(E, { onClick: i, children: c || /* @__PURE__ */ n(Dr, { "data-testid": "CloseIcon" }) })
             }
           )
         ] })
       ] }),
       r
     ] }),
-    r && /* @__PURE__ */ n(Sr, {})
+    r && /* @__PURE__ */ n(Ar, {})
   ] });
 }
-const $r = m(Me, {
+const Ir = m(Ce, {
   shouldForwardProp: (t) => !["scrollableContent", "withGutter", "withBottomGutter"].includes(t)
 })(({ theme: t, scrollableContent: e, withGutter: o, withBottomGutter: r }) => ({
   display: "flex",
@@ -3523,16 +3517,16 @@ function Br({
   onScroll: l,
   ...a
 }, c) {
-  const d = j(), [u, p] = $(null);
-  ee(
+  const d = j(), [p, u] = B(null);
+  te(
     c,
-    () => u,
-    [u]
+    () => p,
+    [p]
   );
   const s = ot(
     (g) => {
-      const f = Math.abs(g.scrollHeight - g.clientHeight - g.scrollTop) < 1, C = g.scrollTop === 0, x = `1px solid ${d.palette.divider}`;
-      g.style.borderTop = C ? "none" : x, g.style.borderBottom = f && !o ? "none" : x;
+      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;
     },
     [d.palette.divider, o]
   ), b = ot(
@@ -3542,17 +3536,17 @@ function Br({
     [s, l]
   );
   return z(() => {
-    u && s(u);
-  }, [u, s]), z(() => {
-    if (!u || typeof ResizeObserver > "u") return;
+    p && s(p);
+  }, [p, s]), z(() => {
+    if (!p || typeof ResizeObserver > "u") return;
     const g = new ResizeObserver(() => {
-      s(u);
+      s(p);
     });
-    return g.observe(u), () => g.disconnect();
-  }, [u, s]), /* @__PURE__ */ n(
-    $r,
+    return g.observe(p), () => g.disconnect();
+  }, [p, s]), /* @__PURE__ */ n(
+    Ir,
     {
-      ref: p,
+      ref: u,
       onScroll: b,
       scrollableContent: e,
       withGutter: r,
@@ -3563,14 +3557,14 @@ function Br({
     }
   );
 }
-const Zt = O(Br), Jn = m(Zt, {
+const Zt = O(Br), Zn = m(Zt, {
   shouldForwardProp: (t) => t !== "withAlert"
 })(({ withAlert: t, theme: e }) => ({
   padding: `${e.spacing(0, 2)} !important`,
   ...t && {
     paddingBottom: `${e.spacing(3)} !important`
   }
-})), Tr = m(Et)(({ theme: t }) => ({
+})), $r = m(Et)(({ theme: t }) => ({
   minHeight: "auto",
   padding: 0,
   backgroundColor: "transparent",
@@ -3589,9 +3583,9 @@ function Jt({
   severity: e = "neutral",
   ...o
 }) {
-  return /* @__PURE__ */ n(Tr, { severity: e, ...o, "data-name": "dialog-alert", children: t });
+  return /* @__PURE__ */ n($r, { severity: e, ...o, "data-name": "dialog-alert", children: t });
 }
-const Rr = m(w, {
+const Tr = m(w, {
   shouldForwardProp: (t) => !["dark", "hasChildren"].includes(t)
 })(({ dark: t, hasChildren: e, theme: o }) => ({
   flex: "0 0 auto",
@@ -3613,14 +3607,14 @@ const Rr = m(w, {
       }
     }
   }
-})), Or = m(w)(() => ({
+})), Rr = m(w)(() => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "& > div:empty": {
     padding: 0
   }
-})), Fr = m(w, {
+})), Or = m(w, {
   shouldForwardProp: (t) => t !== "hasAlert"
 })(({ hasAlert: t, theme: e }) => ({
   display: "flex",
@@ -3628,7 +3622,7 @@ const Rr = m(w, {
   gap: e.spacing(1),
   padding: e.spacing(2),
   paddingTop: t ? 0 : e.spacing(2)
-})), Kt = m(ke, {
+})), Kt = m(Me, {
   shouldForwardProp: (t) => t !== "hasAlert"
 })(({ hasAlert: t, theme: e }) => ({
   gap: e.spacing(1),
@@ -3638,11 +3632,11 @@ const Rr = m(w, {
   ".MuiButton-root + .MuiButton-root": {
     marginLeft: 0
   }
-})), Lr = m(_)(() => ({
+})), Fr = m(_)(() => ({
   // To prevent double border in the top when content is scrollable
   marginTop: "-1px"
 }));
-function Wr({
+function Lr({
   children: t,
   secondaryActions: e,
   alertContent: o,
@@ -3651,11 +3645,11 @@ function Wr({
   topContent: l,
   ...a
 }) {
-  return /* @__PURE__ */ y(H, { children: [
+  return /* @__PURE__ */ x(H, { children: [
     l,
-    !!o && /* @__PURE__ */ n(Lr, {}),
-    /* @__PURE__ */ y(
-      Rr,
+    !!o && /* @__PURE__ */ n(Fr, {}),
+    /* @__PURE__ */ x(
+      Tr,
       {
         ...a,
         dark: i,
@@ -3664,8 +3658,8 @@ function Wr({
         hasChildren: !!t,
         children: [
           !!o && /* @__PURE__ */ n(w, { sx: { p: 2, pt: 1.5, pb: 1 }, children: /* @__PURE__ */ n(Jt, { ...r, children: o }) }),
-          /* @__PURE__ */ y(Or, { children: [
-            /* @__PURE__ */ n(Fr, { hasAlert: !!o, children: e }),
+          /* @__PURE__ */ x(Rr, { children: [
+            /* @__PURE__ */ n(Or, { hasAlert: !!o, children: e }),
             /* @__PURE__ */ n(Kt, { hasAlert: !!o, children: t })
           ] })
         ]
@@ -3673,7 +3667,7 @@ function Wr({
     )
   ] });
 }
-const Er = m(w)(({ theme: t }) => ({
+const Wr = m(w)(({ theme: t }) => ({
   position: "absolute",
   width: "100%",
   zIndex: 100,
@@ -3686,9 +3680,9 @@ const Er = m(w)(({ theme: t }) => ({
   boxSizing: "border-box",
   alignItems: "flex-end",
   background: t.palette.white[60]
-})), Hr = m("div")(() => ({
+})), Er = m("div")(() => ({
   width: "100%"
-})), Pr = m(w)(({ theme: t }) => ({
+})), Hr = m(w)(({ theme: t }) => ({
   width: "100%",
   padding: t.spacing(1.5, 2, 2),
   backgroundColor: t.palette.background.paper,
@@ -3698,7 +3692,7 @@ const Er = m(w)(({ theme: t }) => ({
     marginTop: t.spacing(1)
   }
 }));
-function zr({
+function Pr({
   children: t,
   onClickAway: e,
   actions: o,
@@ -3708,16 +3702,16 @@ function zr({
   "aria-label": a,
   ...c
 }) {
-  const d = Z(null), u = j();
+  const d = Z(null), p = j();
   return /* @__PURE__ */ n(
-    Er,
+    Wr,
     {
       ref: d,
       "data-testid": l,
       "aria-label": a,
       role: "presentation",
       "data-name": "dialog-confirmation",
-      children: /* @__PURE__ */ n(Ge, { onClickAway: () => {
+      children: /* @__PURE__ */ n(_e, { onClickAway: () => {
         e && e();
       }, children: /* @__PURE__ */ n(
         Rt,
@@ -3727,9 +3721,9 @@ function zr({
           container: d.current,
           mountOnEnter: !0,
           unmountOnExit: !0,
-          easing: u.transitions.easing.easeOut,
+          easing: p.transitions.easing.easeOut,
           timeout: 350,
-          children: /* @__PURE__ */ n(Hr, { children: /* @__PURE__ */ y(Pr, { children: [
+          children: /* @__PURE__ */ n(Er, { children: /* @__PURE__ */ x(Hr, { children: [
             /* @__PURE__ */ n(Jt, { severity: r, ...c, children: t }),
             /* @__PURE__ */ n(Kt, { children: o })
           ] }) })
@@ -3738,7 +3732,7 @@ function zr({
     }
   );
 }
-const Nr = m(w)(({ theme: t }) => ({
+const zr = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -3747,7 +3741,7 @@ const Nr = m(w)(({ theme: t }) => ({
   "& > div": {
     flex: 1
   }
-})), _r = m(w)(({ theme: t }) => ({
+})), Nr = m(w)(({ theme: t }) => ({
   display: "flex",
   flex: 1,
   flexDirection: "column",
@@ -3775,7 +3769,7 @@ const Nr = m(w)(({ theme: t }) => ({
     content: "none"
   }
 }));
-function Gr({
+function _r({
   theme: t,
   completed: e,
   current: o
@@ -3793,7 +3787,7 @@ function Gr({
     color: t.palette.text.secondary
   };
 }
-const jr = m("span", {
+const Gr = m("span", {
   shouldForwardProp: (t) => t !== "completed" && t !== "current"
 })(({ theme: t, completed: e, current: o }) => ({
   display: "flex",
@@ -3805,21 +3799,21 @@ const jr = m("span", {
   borderRadius: "50%",
   border: `${t.spacing(0.25)} solid currentColor`,
   ...t.typography.caption,
-  ...Gr({ theme: t, completed: e, current: o })
+  ..._r({ theme: t, completed: e, current: o })
 }));
-function Kn({
+function Jn({
   currentStep: t,
   stepsLabels: e,
   ...o
 }) {
-  return /* @__PURE__ */ n(Nr, { ...o, "data-name": "dialog-stepper", children: /* @__PURE__ */ n(w, { sx: { display: "flex" }, children: e.map((r, i) => {
+  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__ */ y(
-      _r,
+    return /* @__PURE__ */ x(
+      Nr,
       {
         "data-state": c ? "completed" : a ? "current" : "uncompleted",
         children: [
-          /* @__PURE__ */ n(jr, { completed: c, current: a, children: c ? /* @__PURE__ */ n(Te, { fontSize: "small", "aria-label": "Completed step" }) : l }),
+          /* @__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 })
         ]
       },
@@ -3827,7 +3821,7 @@ function Kn({
     );
   }) }) });
 }
-const Vr = m(Zt, {
+const jr = m(Zt, {
   shouldForwardProp: (t) => !["error", "withBorder"].includes(t)
 })(
   ({ error: t, withBorder: e, theme: o }) => ({
@@ -3849,49 +3843,49 @@ const Vr = m(Zt, {
     }
   })
 );
-function Ur({
+function Vr({
   children: t,
   error: e,
   withBorder: o = !0,
   withGutter: r = !1
 }) {
-  return t ? /* @__PURE__ */ n(Vr, { withGutter: r, error: e, withBorder: o, children: t }) : null;
+  return t ? /* @__PURE__ */ n(jr, { withGutter: r, error: e, withBorder: o, children: t }) : null;
 }
-function Yr({
+function Ur({
   onClose: t,
   onCancel: e,
-  cancelLabel: o,
+  cancelLabelId: o,
   cancelButton: r,
   closeButton: i,
-  contentLabel: l,
-  titleLabel: a,
+  contentLabelId: l,
+  titleLabelId: a,
   severity: c = "warning",
   content: d
 }) {
-  const u = T(), p = B(u);
+  const p = T(), u = $(p);
   return !t || !e ? null : /* @__PURE__ */ n(
-    zr,
+    Pr,
     {
       opened: !0,
       severity: c,
-      title: p.formatMessage({
+      title: u.formatMessage({
         id: a || "c4r.dialog.confirmation.title"
       }),
-      actions: /* @__PURE__ */ y(H, { children: [
-        e && (r || /* @__PURE__ */ n(nt, { onClick: e, children: p.formatMessage({
+      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: p.formatMessage({
+        t && (i || /* @__PURE__ */ n(nt, { variant: "contained", onClick: t, children: u.formatMessage({
           id: "c4r.button.leave"
         }) }))
       ] }),
-      children: d || p.formatMessage({
+      children: d || u.formatMessage({
         id: l || "c4r.dialog.confirmation.content"
       })
     }
   );
 }
-function Xn({
+function Kn({
   open: t,
   onClose: e,
   title: o,
@@ -3900,76 +3894,74 @@ function Xn({
   onClickFooter: l,
   disabledButtonFooter: a,
   labelIdButtonFooter: c,
-  ariaLabelButtonFooter: d,
-  disabled: u,
+  disabled: d,
   showConfirmation: p,
-  onCancelConfirm: s,
-  onCloseConfirm: b,
-  footerProps: g,
-  saveLoading: f,
-  showSaveSnackbar: C,
-  onCloseSaveSnackbar: x,
-  "data-testid": v,
-  "aria-label": k,
-  ...D
+  onCancelConfirm: u,
+  onCloseConfirm: s,
+  footerProps: b,
+  saveLoading: g,
+  showSaveSnackbar: f,
+  onCloseSaveSnackbar: M,
+  "data-testid": h,
+  "aria-label": v,
+  ...k
 }) {
-  const M = r || !!l || !!g;
-  return t ? /* @__PURE__ */ y(
-    vr,
+  const D = r || !!l || !!b;
+  return t ? /* @__PURE__ */ x(
+    kr,
     {
       open: t,
       fullScreen: !0,
       onClose: e,
-      "data-testid": v,
-      "aria-label": k,
+      "data-testid": h,
+      "aria-label": v,
       "data-name": "code-area-dialog",
       children: [
         /* @__PURE__ */ n(
-          Ir,
+          Sr,
           {
             title: o,
             onClose: e,
-            closeIcon: !l && /* @__PURE__ */ n(We, {})
+            closeIcon: !l && /* @__PURE__ */ n(Le, {})
           }
         ),
-        /* @__PURE__ */ n(Ur, { error: r, children: /* @__PURE__ */ n(
-          xr,
+        /* @__PURE__ */ n(Vr, { error: r, children: /* @__PURE__ */ n(
+          hr,
           {
-            ...D,
-            disabled: u,
+            ...k,
+            disabled: d,
             variant: null,
             isExpanded: !0
           }
         ) }),
-        M && /* @__PURE__ */ n(
-          Wr,
+        D && /* @__PURE__ */ n(
+          Lr,
           {
-            ...g,
-            topContent: r && /* @__PURE__ */ n(Mr, { hasDivider: !!l, children: i }),
+            ...b,
+            topContent: r && /* @__PURE__ */ n(Cr, { hasDivider: !!l, children: i }),
             children: !!l && /* @__PURE__ */ n(
               qt,
               {
                 onClickFooter: l,
                 labelIdButtonFooter: c,
-                ariaLabelButtonFooter: d,
-                disabled: u,
+                disabled: d,
                 disabledButtonFooter: a,
                 withGutter: !1,
                 variant: "contained",
                 size: "medium",
-                loading: !!f,
-                showSnackbar: C,
-                onCloseSnackbar: x
+                loading: !!g,
+                showSnackbar: f,
+                onCloseSnackbar: M
               }
             )
           }
         ),
         p && /* @__PURE__ */ n(
-          Yr,
+          Ur,
           {
-            onClose: b ?? e,
-            onCancel: s,
-            cancelLabel: "c4r.button.keepEditing"
+            onClose: s ?? e,
+            onCancel: u,
+            cancelLabelId: "c4r.button.keepEditing"
           }
         )
       ]
@@ -3977,54 +3969,54 @@ function Xn({
   ) : null;
 }
 export {
-  Gn as AccordionGroup,
+  _n as AccordionGroup,
   Et as Alert,
-  Vn as AppBar,
-  zn as Autocomplete,
-  jn as Avatar,
+  jn as AppBar,
+  Pn as Autocomplete,
+  Gn as Avatar,
   nt as Button,
-  Xn as CodeAreaDialog,
-  Yr as CodeAreaDialogConfirmation,
-  Ur as CodeAreaDialogContent,
-  Mr as CodeAreaDialogError,
-  xr as CodeAreaField,
+  Kn as CodeAreaDialog,
+  Ur as CodeAreaDialogConfirmation,
+  Vr as CodeAreaDialogContent,
+  Cr as CodeAreaDialogError,
+  hr as CodeAreaField,
   qt as CodeAreaFooter,
-  sr as CodeAreaHeader,
-  gr as CodeAreaInput,
-  Ro as CopiableComponent,
-  Nn as CreatableAutocomplete,
+  dr as CodeAreaHeader,
+  pr as CodeAreaInput,
+  To as CopiableComponent,
+  zn as CreatableAutocomplete,
   xt as DatePicker,
-  Un as DateRangePicker,
-  qn as DateTimePicker,
-  vr as Dialog,
+  Vn as DateRangePicker,
+  Yn as DateTimePicker,
+  kr as Dialog,
   Kt as DialogActions,
   Jt as DialogAlert,
-  zr as DialogConfirmation,
+  Pr as DialogConfirmation,
   Zt as DialogContent,
-  Jn as DialogContentPadded,
-  Wr as DialogFooter,
-  Ir as DialogHeader,
+  Zn as DialogContentPadded,
+  Lr as DialogFooter,
+  Sr as DialogHeader,
   wt as DialogPaper,
-  Kn as DialogStepper,
+  Jn as DialogStepper,
   q as IconButton,
   X as LabelWithIndicator,
-  co as Menu,
+  lo as Menu,
   Y as MenuItem,
   Ht as MenuItemFilter,
-  En as MenuList,
-  _n as MultipleAutocomplete,
-  Hn as MultipleSelectField,
-  Ln as PasswordField,
-  eo as SelectField,
+  Wn as MenuList,
+  Nn as MultipleAutocomplete,
+  En as MultipleSelectField,
+  Fn as PasswordField,
+  to as SelectField,
   dt as Snackbar,
-  ei as TablePaginationActions,
-  Yn as TimePicker,
-  Wn as ToggleButtonGroup,
-  Zn as TooltipData,
+  ti as TablePaginationActions,
+  Un as TimePicker,
+  Ln as ToggleButtonGroup,
+  qn as TooltipData,
   F as Typography,
-  Pn as UploadField,
-  vo as UploadFieldBase,
-  Oo as copyString,
+  Hn as UploadField,
+  ko as UploadFieldBase,
+  Ro as copyString,
   vt as dialogDimensionsBySize,
   Vt as useCopyValue
 };