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

package/dist/components/index.js

@@ -1,9 +1,9 @@
-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 te, useCallback as ot, useImperativeHandle as ee } from "react";
-import { styled as m, Box as D, 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 T, N as ft, A as ve } from "../TablePaginationActions-Cj_BbjKR.js";
+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 { useIntl as R } from "react-intl";
+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 { A as Et } from "../Alert-mpNEqtBu.js";
 import "cartocolor";
@@ -39,7 +39,7 @@ 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(D)({
+const je = m(w)({
   position: "absolute",
   top: 0,
   left: 0,
@@ -48,7 +48,7 @@ const je = m(D)({
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-}), Ve = m(D)({
+}), Ve = m(w)({
   visibility: "hidden",
   pointerEvents: "none"
 });
@@ -61,7 +61,7 @@ function Ue({
   loadingPosition: l,
   ...a
 }, c) {
-  const d = /* @__PURE__ */ n(G, { size: 18, color: "inherit" }), u = e && l === void 0, p = () => u ? /* @__PURE__ */ x(D, { sx: { position: "relative" }, children: [
+  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 })
   ] }) : t, s = (b) => {
@@ -81,7 +81,7 @@ function Ue({
     }
   );
 }
-const nt = O(Ue), Ye = m(D)(({ theme: t }) => ({
+const nt = O(Ue), Ye = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
@@ -89,7 +89,7 @@ const nt = O(Ue), Ye = m(D)(({ theme: t }) => ({
   ".Mui-disabled &": {
     color: t.palette.text.disabled
   }
-})), Ze = m(D)(({ theme: t }) => ({
+})), Ze = m(w)(({ theme: t }) => ({
   display: "flex",
   svg: {
     width: N,
@@ -109,7 +109,7 @@ function X({
   icon: o,
   inheritSize: r
 }) {
-  return /* @__PURE__ */ x(Ye, { children: [
+  return /* @__PURE__ */ y(Ye, { children: [
     t,
     e && /* @__PURE__ */ n(
       qe,
@@ -125,7 +125,7 @@ function X({
   ] });
 }
 function Je({ InputProps: t, size: e = "small", ...o }, r) {
-  const i = R(), l = T(i), [a, c] = B(!1);
+  const i = T(), l = B(i), [a, c] = $(!1);
   return /* @__PURE__ */ n(
     It,
     {
@@ -189,12 +189,12 @@ function to({
   focused: b,
   disabled: g,
   fullWidth: f,
-  required: y,
-  "aria-label": h,
-  ...w
-}, M) {
-  const A = o === "small", [C] = B(() => Ke("select-label-")), k = c ? a ?? C : void 0;
-  return /* @__PURE__ */ x(
+  required: C,
+  "aria-label": x,
+  ...v
+}, k) {
+  const D = o === "small", [M] = $(() => Ke("select-label-")), h = c ? a ?? M : void 0;
+  return /* @__PURE__ */ y(
     Bt,
     {
       size: o,
@@ -202,32 +202,32 @@ function to({
       focused: b,
       disabled: g,
       fullWidth: f,
-      required: y,
+      required: C,
       "data-name": "select-field",
       "data-size": o,
       children: [
-        /* @__PURE__ */ x(D, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-          c && /* @__PURE__ */ n(Tt, { shrink: !0, id: k, children: c }),
-          d && /* @__PURE__ */ n(D, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: d })
+        /* @__PURE__ */ y(w, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+          c && /* @__PURE__ */ n(Tt, { shrink: !0, id: h, children: c }),
+          d && /* @__PURE__ */ n(w, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: d })
         ] }),
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ y(
           Xe,
           {
-            ...w,
-            labelId: k,
+            ...v,
+            labelId: h,
             name: p,
-            ref: M,
+            ref: k,
             size: o,
             fullWidth: f,
             displayEmpty: r ?? !!e,
             inputProps: {
               ...l,
-              "aria-label": h
+              "aria-label": x
             },
             MenuProps: {
               ...i,
               PopoverClasses: {
-                paper: A ? "MuiMenu-paper-sizeSmall" : void 0
+                paper: D ? "MuiMenu-paper-sizeSmall" : void 0
               },
               anchorOrigin: {
                 vertical: "bottom",
@@ -242,7 +242,7 @@ function to({
               e && /* @__PURE__ */ n(Qe, { disabled: !0, value: "", children: /* @__PURE__ */ n(
                 F,
                 {
-                  variant: A ? "body2" : "body1",
+                  variant: D ? "body2" : "body1",
                   color: "text.hint",
                   component: "span",
                   children: e
@@ -500,7 +500,7 @@ function fo({
   "aria-label": i,
   "data-testid": l
 }, a) {
-  const c = R(), d = T(c);
+  const c = T(), d = B(c);
   return /* @__PURE__ */ n(
     po,
     {
@@ -509,7 +509,7 @@ function fo({
       "data-name": "menu-filter",
       "aria-label": i,
       "data-testid": l,
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ y(
         go,
         {
           variant: "body2",
@@ -541,7 +541,7 @@ function mo({
   options: e,
   onChange: o
 }) {
-  const [r, i] = B(t ?? []), l = e.length === r.length, a = r.length > 0;
+  const [r, i] = $(t ?? []), l = e.length === r.length, a = r.length > 0;
   return z(() => {
     r !== t && i(r);
   }, [t]), {
@@ -608,54 +608,54 @@ function Co({
     areAllSelected: b,
     areAnySelected: g,
     currentOptions: f,
-    handleChange: y,
-    selectAll: h,
-    unselectAll: w
+    handleChange: C,
+    selectAll: x,
+    unselectAll: v
   } = mo({
     options: t,
     selectedOptions: e,
     onChange: a
-  }), M = o === "small", A = M || u === "standard" ? 0 : 2, C = R(), k = T(C), v = `${f.length} ${k.formatMessage({
+  }), k = o === "small", D = k || u === "standard" ? 0 : 2, M = T(), h = B(M), A = `${f.length} ${h.formatMessage({
     id: "c4r.form.selected"
-  })}`, $ = At(() => b ? /* @__PURE__ */ n(
+  })}`, R = At(() => b ? /* @__PURE__ */ n(
     F,
     {
       component: "span",
-      variant: M ? "body2" : "body1",
+      variant: k ? "body2" : "body1",
       color: "textPrimary",
-      ml: A,
-      children: k.formatMessage({ id: "c4r.form.allSelected" })
+      ml: D,
+      children: h.formatMessage({ id: "c4r.form.allSelected" })
     }
   ) : g ? /* @__PURE__ */ n(
     F,
     {
       component: "span",
-      variant: M ? "body2" : "body1",
+      variant: k ? "body2" : "body1",
       color: "textPrimary",
-      ml: A,
-      children: i && f.length > 1 ? v : f.join(", ")
+      ml: D,
+      children: i && f.length > 1 ? A : f.join(", ")
     }
   ) : /* @__PURE__ */ n(
     F,
     {
       component: "span",
-      variant: M ? "body2" : "body1",
+      variant: k ? "body2" : "body1",
       color: "text.hint",
-      ml: A,
-      children: r ?? k.formatMessage({ id: "c4r.form.noneSelected" })
+      ml: D,
+      children: r ?? h.formatMessage({ id: "c4r.form.noneSelected" })
     }
   ), [
     b,
     g,
-    v,
+    A,
     f,
+    h,
     k,
-    M,
-    A,
+    D,
     r,
     i
   ]);
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(
     eo,
     {
       ...p,
@@ -664,11 +664,11 @@ function Co({
       displayEmpty: !0,
       placeholder: r,
       value: f,
-      renderValue: () => $,
-      onChange: y,
+      renderValue: () => R,
+      onChange: C,
       size: o,
       variant: u,
-      endAdornment: l && g && /* @__PURE__ */ n(ho, { position: "end", size: o, children: /* @__PURE__ */ n(W, { onClick: w, size: o, children: /* @__PURE__ */ n(Ft, {}) }) }),
+      endAdornment: l && g && /* @__PURE__ */ n(ho, { position: "end", size: o, children: /* @__PURE__ */ n(W, { onClick: v, size: o, children: /* @__PURE__ */ n(Ft, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -684,12 +684,12 @@ function Co({
           {
             areAllSelected: b,
             areAnySelected: g,
-            selectAll: h,
+            selectAll: x,
             selectAllDisabled: c
           }
         ),
         t == null ? void 0 : t.map((I) => {
-          const E = /* @__PURE__ */ x(
+          const E = /* @__PURE__ */ y(
             bo,
             {
               value: I.value,
@@ -839,7 +839,7 @@ function wo({
   placeholder: r,
   uploadInputRef: i
 }) {
-  const l = R(), a = T(l), [c, d] = B(""), [u, p] = B(!1);
+  const l = T(), a = B(l), [c, d] = $(""), [u, p] = $(!1);
   z(() => {
     !e || e.length === 0 ? d("") : e.length === 1 ? d(e[0].name) : d(
       a.formatMessage(
@@ -849,43 +849,43 @@ function wo({
     );
   }, [e, a]);
   const s = () => {
-    var C;
-    (C = i.current) == null || C.click();
-  }, b = (C) => {
-    C.preventDefault(), p(!0);
-  }, g = (C) => {
-    C.preventDefault(), p(!1);
-  }, f = (C) => {
-    C.preventDefault(), p(!1);
-    const k = C.dataTransfer.items, v = y(k);
-    t == null || t(v);
-  }, y = (C) => {
-    const k = [];
-    for (const v of Array.from(C))
-      if (v.kind === "file") {
-        const $ = v.getAsFile();
-        k.push($);
+    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);
+    t == null || t(A);
+  }, C = (M) => {
+    const h = [];
+    for (const A of Array.from(M))
+      if (A.kind === "file") {
+        const R = A.getAsFile();
+        h.push(R);
       }
-    return k;
-  }, h = (C) => {
-    const k = Array.from(C.target.files);
-    t == null || t(k);
-  }, w = (C) => {
-    C.stopPropagation(), d("");
-  }, M = At(() => {
-    const C = a.formatMessage(
+    return h;
+  }, x = (M) => {
+    const h = Array.from(M.target.files);
+    t == null || t(h);
+  }, v = (M) => {
+    M.stopPropagation(), d("");
+  }, k = At(() => {
+    const M = a.formatMessage(
       { id: "c4r.form.dragPlaceholder" },
       { count: o ? 0 : 1 }
-    ), k = a.formatMessage(
+    ), h = a.formatMessage(
       { id: "c4r.form.dragActivePlaceholder" },
       { count: o ? 0 : 1 }
     );
-    let v = "";
-    return u ? v = k : v = r ?? C, v;
+    let A = "";
+    return u ? A = h : A = r ?? M, A;
   }, [u, o, r, a]);
   return {
     filesText: c,
-    getPlaceholder: M,
+    getPlaceholder: k,
     dragOver: u,
     inputEvents: {
       onDragOver: b,
@@ -893,8 +893,8 @@ function wo({
       onDrop: f,
       onClick: s
     },
-    handleFiles: h,
-    handleReset: w
+    handleFiles: x,
+    handleReset: v
   };
 }
 const Do = ["application/JSON"];
@@ -914,11 +914,11 @@ function Pn({
 }) {
   const b = o ?? Do, g = Z(null), {
     filesText: f,
-    getPlaceholder: y,
-    dragOver: h,
-    inputEvents: w,
-    handleFiles: M,
-    handleReset: A
+    getPlaceholder: C,
+    dragOver: x,
+    inputEvents: v,
+    handleFiles: k,
+    handleReset: D
   } = wo({
     uploadInputRef: g,
     files: r,
@@ -926,20 +926,20 @@ function Pn({
     multiple: a,
     placeholder: c
   });
-  return /* @__PURE__ */ x(H, { children: [
+  return /* @__PURE__ */ y(H, { children: [
     /* @__PURE__ */ n(
       vo,
       {
         ...s,
-        placeholder: y,
+        placeholder: C,
         value: f,
         error: d,
-        focused: u ?? h,
-        handleReset: A,
-        dragOver: h,
+        focused: u ?? x,
+        handleReset: D,
+        dragOver: x,
         inProgress: i,
         hasFiles: !!f,
-        InputProps: w,
+        InputProps: v,
         buttonText: e
       }
     ),
@@ -954,7 +954,7 @@ function Pn({
         name: t,
         accept: String(b),
         multiple: a,
-        onChange: M
+        onChange: k
       }
     )
   ] });
@@ -992,57 +992,57 @@ function _t() {
       destructive: b,
       disabled: g,
       subtitle: f,
-      iconColor: y,
-      startAdornment: h,
-      endAdornment: w,
-      alternativeTitle: M,
-      secondaryText: A,
-      multiple: C
-    } = o, { key: k, ...v } = e, $ = 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__ */ x(H, { children: [
+      iconColor: C,
+      startAdornment: x,
+      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: [
       c && /* @__PURE__ */ n(_, {}),
-      /* @__PURE__ */ x(
+      /* @__PURE__ */ y(
         Y,
         {
-          ...v,
-          ...!$ && {
+          ...A,
+          ...!R && {
             fixed: u,
             extended: p,
             dense: s,
             destructive: b,
             disabled: g,
             subtitle: f,
-            iconColor: y
+            iconColor: C
           },
           "aria-disabled": f || g,
           "aria-selected": r.selected,
           children: [
-            !f && (h || C || l) && /* @__PURE__ */ x(rt, { children: [
-              l || C && /* @__PURE__ */ n(at, { checked: r.selected }),
-              h
+            !f && (x || M || l) && /* @__PURE__ */ y(rt, { children: [
+              l || M && /* @__PURE__ */ n(at, { checked: r.selected }),
+              x
             ] }),
-            /* @__PURE__ */ x(U, { children: [
+            /* @__PURE__ */ y(U, { children: [
               I(
                 i ?? Pt,
                 o,
-                M,
+                k,
                 a
               ),
-              A && /* @__PURE__ */ n(
+              D && /* @__PURE__ */ n(
                 F,
                 {
                   component: "p",
                   variant: "caption",
                   color: "text.secondary",
-                  children: A
+                  children: D
                 }
               )
             ] }),
-            !f && w
+            !f && v
           ]
         }
       )
-    ] }) }, k);
+    ] }) }, h);
   } };
 }
 function So({
@@ -1051,30 +1051,30 @@ function So({
   newItemIcon: o,
   multiple: r
 }) {
-  const i = R(), l = T(i), a = le(), { renderOption: c } = _t();
+  const i = T(), l = B(i), a = le(), { renderOption: c } = _t();
   return {
     creatableFilterOptions: (s, b) => {
       const g = a(
         s,
         b
-      ), { inputValue: f } = b, y = s.some(
-        (h) => f === t(h)
+      ), { inputValue: f } = b, C = s.some(
+        (x) => f === t(x)
       );
-      if (f.length > 1 && f !== "" && !y) {
-        let h;
-        typeof e == "function" ? h = e(f) : e ? h = `${e} "${f}"` : h = `${l.formatMessage({ id: "c4r.form.add" })} "${f}"`, g.push({
+      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({
           inputValue: f,
-          title: h
+          title: x
         });
       }
       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, y = zt(b, !!r);
+      const f = b.inputValue ? o ?? /* @__PURE__ */ n(Ae, {}) : void 0, C = zt(b, !!r);
       return c(
         s,
-        y,
+        C,
         g,
         t,
         f
@@ -1088,7 +1088,7 @@ function Gt({
   onChange: o,
   getOptionLabel: r
 }) {
-  const [i, l] = B(
+  const [i, l] = $(
     Array.isArray(e) ? e : e ? [e] : []
   ), { renderOption: a } = _t();
   z(() => {
@@ -1112,10 +1112,10 @@ function Gt({
       l(g === null ? [] : g), o == null || o(b, g, f);
     },
     multipleRenderOption: (b, g, f) => {
-      const y = zt(g, !0);
+      const C = zt(g, !0);
       return a(
         b,
-        y,
+        C,
         f,
         r
       );
@@ -1132,7 +1132,7 @@ function Io({
   multiple: l,
   ...a
 }, c) {
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(
     "ul",
     {
       ref: c,
@@ -1169,20 +1169,20 @@ function $o({
   getLimitTagsText: s,
   ...b
 }, g) {
-  const { freeSolo: f = !0, ...y } = b, {
-    multipleValue: h,
-    allSelected: w,
-    someSelected: M,
-    handleSelectAll: A,
-    handleChange: C
+  const { freeSolo: f = !0, ...C } = b, {
+    multipleValue: x,
+    allSelected: v,
+    someSelected: k,
+    handleSelectAll: D,
+    handleChange: M
   } = Gt({
     options: d,
     value: u,
     onChange: p
   }), {
-    creatableFilterOptions: k,
-    creatableOptionLabel: v,
-    creatableRenderOption: $
+    creatableFilterOptions: h,
+    creatableOptionLabel: A,
+    creatableRenderOption: R
   } = So({
     getOptionLabel: o,
     newItemLabel: t,
@@ -1192,14 +1192,14 @@ function $o({
   return /* @__PURE__ */ n(
     lt,
     {
-      ...y,
+      ...C,
       ref: g,
       options: d,
-      value: r ? h : u,
-      onChange: C,
-      filterOptions: k,
-      getOptionLabel: v,
-      renderOption: $,
+      value: r ? x : u,
+      onChange: M,
+      filterOptions: h,
+      getOptionLabel: A,
+      renderOption: R,
       freeSolo: f,
       forcePopupIcon: !0,
       multiple: r,
@@ -1207,9 +1207,9 @@ function $o({
       ListboxComponent: jt,
       ListboxProps: {
         showFilters: c,
-        allSelected: w,
-        someSelected: M,
-        handleSelectAll: A,
+        allSelected: v,
+        someSelected: k,
+        handleSelectAll: D,
         multiple: r
       },
       getLimitTagsText: s ?? Nt,
@@ -1237,9 +1237,9 @@ function Bo({
     multipleValue: b,
     allSelected: g,
     someSelected: f,
-    handleSelectAll: y,
-    handleChange: h,
-    multipleRenderOption: w
+    handleSelectAll: C,
+    handleChange: x,
+    multipleRenderOption: v
   } = Gt({
     options: l,
     value: a,
@@ -1253,15 +1253,15 @@ function Bo({
       ref: s,
       options: l,
       value: b,
-      onChange: h,
+      onChange: x,
       getOptionLabel: d,
-      renderOption: t ?? w,
+      renderOption: t ?? v,
       ListboxComponent: jt,
       ListboxProps: {
         showFilters: i,
         allSelected: g,
         someSelected: f,
-        handleSelectAll: y,
+        handleSelectAll: C,
         multiple: !0
       },
       multiple: !0,
@@ -1288,24 +1288,24 @@ const _n = O(Bo), To = ({
   tooltipPlacement: s = "top",
   ...b
 }, g) => {
-  const f = R(), y = T(f), [h, w] = B(!1), { copy: M } = Vt(i, l), A = (C) => {
-    C.preventDefault(), M(o).then(() => {
-      r == null || r(), w(!0);
+  const f = T(), C = B(f), [x, v] = $(!1), { copy: k } = Vt(i, l), D = (M) => {
+    M.preventDefault(), k(o).then(() => {
+      r == null || r(), v(!0);
     }).catch(console.error);
   };
-  return /* @__PURE__ */ x(H, { children: [
+  return /* @__PURE__ */ y(H, { children: [
     /* @__PURE__ */ n(
       P,
       {
-        title: y.formatMessage({ id: i }),
+        title: C.formatMessage({ id: i }),
         leaveDelay: 0,
         placement: s,
-        children: /* @__PURE__ */ x(
-          D,
+        children: /* @__PURE__ */ y(
+          w,
           {
             ...b,
             sx: { cursor: e ? void 0 : "pointer" },
-            onClick: A,
+            onClick: D,
             "data-name": "copiable",
             ref: g,
             children: [
@@ -1331,12 +1331,12 @@ const _n = O(Bo), To = ({
     /* @__PURE__ */ n(
       dt,
       {
-        open: h,
+        open: x,
         autoWidth: !0,
         closeable: !1,
         autoHideDuration: 4e3,
-        onClose: () => w(!1),
-        children: y.formatMessage({ id: l })
+        onClose: () => v(!1),
+        children: C.formatMessage({ id: l })
       }
     )
   ] });
@@ -1345,7 +1345,7 @@ async function Oo(t) {
   return await navigator.clipboard.writeText(t);
 }
 const Vt = (t = "c4r.button.copy", e = "c4r.notifications.copiedToClipboard") => {
-  const [o, r] = B(t);
+  const [o, r] = $(t);
   return {
     message: o,
     copy: async (l) => {
@@ -1367,7 +1367,7 @@ function Gn({
   items: e,
   ...o
 }) {
-  return /* @__PURE__ */ n(Fo, { ...o, variant: t, children: e.map((r, i) => /* @__PURE__ */ x(
+  return /* @__PURE__ */ n(Fo, { ...o, variant: t, children: e.map((r, i) => /* @__PURE__ */ y(
     ce,
     {
       disabled: r.disabled,
@@ -1432,7 +1432,7 @@ const Ut = 480, Wo = m(pe)(({ theme: t }) => ({
     width: "100%",
     maxWidth: `${Ut}px`
   }
-})), Eo = m(D, {
+})), Eo = m(w, {
   shouldForwardProp: (t) => t !== "autoWidth"
 })(({ autoWidth: t, theme: e }) => ({
   minWidth: "100%",
@@ -1499,7 +1499,7 @@ const Ut = 480, Wo = m(pe)(({ theme: t }) => ({
       padding: r.spacing(0.75, 0)
     }
   }
-})), Po = m(D)(({ theme: t }) => ({
+})), Po = m(w)(({ theme: t }) => ({
   position: "absolute",
   top: t.spacing(1),
   right: t.spacing(1),
@@ -1524,7 +1524,7 @@ function dt({
   icon: u,
   ...p
 }) {
-  const s = R(), b = T(s);
+  const s = T(), b = B(s);
   return /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(
     Wo,
     {
@@ -1534,7 +1534,7 @@ function dt({
       onClose: c,
       TransitionComponent: d ? fe : Rt,
       "data-auto-width": d,
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ y(
         Eo,
         {
           sx: {
@@ -1559,7 +1559,7 @@ function dt({
               q,
               {
                 color: "default",
-                onClick: (w) => c(w, "timeout"),
+                onClick: (v) => c(v, "timeout"),
                 icon: /* @__PURE__ */ n(Wt, {}),
                 tooltip: b.formatMessage({
                   id: "c4r.button.close"
@@ -1592,12 +1592,12 @@ function Go({
     // replacing deprecated `<Hidden />` with sx following this MUI5 guide:
     // https://mui.com/material-ui/migration/v5-component-changes/#hidden
     /* @__PURE__ */ n(
-      D,
+      w,
       {
         sx: {
           display: { md: "none", xs: "block" }
         },
-        children: /* @__PURE__ */ x(zo, { children: [
+        children: /* @__PURE__ */ y(zo, { children: [
           /* @__PURE__ */ n(No, { onClick: t, children: /* @__PURE__ */ n(Se, {}) }),
           /* @__PURE__ */ n(_o, { orientation: "vertical", flexItem: !0 })
         ] })
@@ -1691,8 +1691,8 @@ function Vn({
   onClickMenu: l,
   ...a
 }) {
-  return /* @__PURE__ */ n(Jo, { ...a, children: /* @__PURE__ */ x(me, { children: [
-    /* @__PURE__ */ x(Ko, { children: [
+  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 }),
@@ -1701,7 +1701,7 @@ function Vn({
     /* @__PURE__ */ n(Xo, { children: t })
   ] }) });
 }
-const Qo = m(D, {
+const Qo = m(w, {
   shouldForwardProp: (t) => !["size", "variant"].includes(t)
 })(({ size: t, variant: e, theme: o }) => ({
   position: "absolute",
@@ -1723,7 +1723,7 @@ function st({
   variant: e,
   ...o
 }) {
-  const r = R(), i = T(r);
+  const r = T(), i = B(r);
   return /* @__PURE__ */ n(Qo, { size: t, variant: e, children: /* @__PURE__ */ n(
     W,
     {
@@ -1735,7 +1735,7 @@ function st({
     }
   ) });
 }
-const tr = m(D, {
+const tr = 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
@@ -1793,12 +1793,12 @@ function xt({
   readOnly: b,
   "aria-label": g,
   "data-testid": f,
-  ...y
+  ...C
 }) {
-  const h = R(), w = T(h);
+  const x = T(), v = B(x);
   return (
     // Don't remove className, it's used for styling
-    /* @__PURE__ */ n(D, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(w, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ n(
       ut,
       {
         size: o,
@@ -1810,7 +1810,7 @@ function xt({
         children: /* @__PURE__ */ n(
           Re,
           {
-            ...y,
+            ...C,
             label: r && /* @__PURE__ */ n(
               X,
               {
@@ -1839,13 +1839,13 @@ function xt({
               ...d
             },
             slots: {
-              clearButton: (M) => /* @__PURE__ */ n(st, { ...M, size: o, variant: e }),
-              openPickerButton: (M) => /* @__PURE__ */ n(
+              clearButton: (k) => /* @__PURE__ */ n(st, { ...k, size: o, variant: e }),
+              openPickerButton: (k) => /* @__PURE__ */ n(
                 W,
                 {
-                  ...M,
+                  ...k,
                   size: o,
-                  "aria-label": w.formatMessage({
+                  "aria-label": v.formatMessage({
                     id: "c4r.form.chooseDate"
                   })
                 }
@@ -1860,7 +1860,7 @@ function xt({
     ) })
   );
 }
-const er = m(D, {
+const er = m(w, {
   shouldForwardProp: (t) => ![
     "isSelected",
     "isStartDate",
@@ -2006,7 +2006,7 @@ function Ct({
     }
   );
 }
-const rr = m(D, {
+const rr = m(w, {
   shouldForwardProp: (t) => !["variant"].includes(t)
 })(({ variant: t, theme: e }) => ({
   display: "flex",
@@ -2066,29 +2066,29 @@ function Un({
   "data-testid": a,
   ...c
 }) {
-  const d = R(), u = T(d), [p, s] = B(!1), [b, g] = B(!1), [f, y] = B(
+  const d = T(), u = B(d), [p, s] = $(!1), [b, g] = $(!1), [f, C] = $(
     (r == null ? void 0 : r.value) || null
-  ), [h, w] = B((i == null ? void 0 : i.value) || null), [M, A] = B(
+  ), [x, v] = $((i == null ? void 0 : i.value) || null), [k, D] = $(
     (i == null ? void 0 : i.value) ?? (r == null ? void 0 : r.value) ?? /* @__PURE__ */ new Date()
-  ), C = e ?? (r == null ? void 0 : r.error) ?? (i == null ? void 0 : i.error), k = (S, L) => {
-    y(S), r != null && r.onChange && r.onChange(S, L), S && L.validationError === null && !b && L.trigger === null && (g(!1), s(!0));
-  }, v = (S, L) => {
-    w(S), i != null && i.onChange && i.onChange(S, L);
-  }, $ = () => {
+  ), 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));
+  }, A = (S, L) => {
+    v(S), i != null && i.onChange && i.onChange(S, L);
+  }, R = () => {
     g(!0), s(!1), setTimeout(() => {
-      A(f ?? /* @__PURE__ */ new Date());
+      D(f ?? /* @__PURE__ */ new Date());
     }, 120);
   }, I = () => {
     g(!1), s(!0), setTimeout(() => {
-      A(h ?? f ?? /* @__PURE__ */ new Date());
+      D(x ?? f ?? /* @__PURE__ */ new Date());
     }, 120);
   }, E = () => {
     g(!1), s(!0), setTimeout(() => {
-      A(h ?? f ?? /* @__PURE__ */ new Date());
+      D(x ?? f ?? /* @__PURE__ */ new Date());
     }, 120);
   };
-  return /* @__PURE__ */ x(D, { children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ y(w, { children: [
+    /* @__PURE__ */ y(
       rr,
       {
         variant: o,
@@ -2102,7 +2102,7 @@ function Un({
               ...c,
               ...r,
               value: (r == null ? void 0 : r.value) ?? f,
-              maxDate: h ?? void 0,
+              maxDate: x ?? void 0,
               label: (r == null ? void 0 : r.label) ?? u.formatMessage({ id: "c4r.form.startDate" }),
               slotProps: {
                 popper: {
@@ -2120,18 +2120,18 @@ function Un({
                   {
                     ...S,
                     startDate: f,
-                    endDate: h,
-                    selectedMonth: M
+                    endDate: x,
+                    selectedMonth: k
                   }
                 ),
                 ...r == null ? void 0 : r.slots
               },
               error: (r == null ? void 0 : r.error) ?? e,
               open: b,
-              onChange: k,
-              onOpen: $,
+              onChange: h,
+              onOpen: R,
               onClose: I,
-              onMonthChange: (S) => A(S),
+              onMonthChange: (S) => D(S),
               variant: o
             }
           ),
@@ -2140,7 +2140,7 @@ function Un({
             {
               ...c,
               ...i,
-              value: (i == null ? void 0 : i.value) ?? h,
+              value: (i == null ? void 0 : i.value) ?? x,
               minDate: f ?? void 0,
               slotProps: {
                 popper: {
@@ -2156,8 +2156,8 @@ function Un({
                   {
                     ...S,
                     startDate: f,
-                    endDate: h,
-                    selectedMonth: M
+                    endDate: x,
+                    selectedMonth: k
                   }
                 ),
                 ...i == null ? void 0 : i.slots
@@ -2167,15 +2167,15 @@ function Un({
               open: p,
               onOpen: E,
               onClose: () => s(!1),
-              onChange: v,
-              onMonthChange: (S) => A(S),
+              onChange: A,
+              onMonthChange: (S) => D(S),
               variant: o
             }
           )
         ]
       }
     ),
-    t && /* @__PURE__ */ n(J, { error: C, children: t })
+    t && /* @__PURE__ */ n(J, { error: M, children: t })
   ] });
 }
 const Yt = (t, e, o, r) => {
@@ -2200,20 +2200,20 @@ function Yn({
   slots: b,
   ampm: g = !0,
   views: f = ["hours", "minutes"],
-  format: y,
-  "data-testid": h,
-  "aria-label": w,
-  ...M
+  format: C,
+  "data-testid": x,
+  "aria-label": v,
+  ...k
 }) {
-  const A = R(), C = T(A), k = Z(null), [v, $] = B(0);
+  const D = T(), M = B(D), h = Z(null), [A, R] = $(0);
   return z(() => {
-    if (!k.current) return;
+    if (!h.current) return;
     const I = new ResizeObserver((E) => {
       var L;
       const S = (L = E[0]) == null ? void 0 : L.contentRect.width;
-      S && $(S);
+      S && R(S);
     });
-    return I.observe(k.current), () => {
+    return I.observe(h.current), () => {
       I.disconnect();
     };
   }, []), /* @__PURE__ */ n(
@@ -2223,23 +2223,23 @@ function Yn({
       variant: e,
       readOnly: p,
       "data-name": "time-picker",
-      "data-testid": h ?? "time-picker",
-      "aria-label": w,
+      "data-testid": x ?? "time-picker",
+      "aria-label": v,
       children: /* @__PURE__ */ n(
         Fe,
         {
-          ...M,
-          ref: k,
+          ...k,
+          ref: h,
           label: /* @__PURE__ */ n(
             X,
             {
-              label: r ?? C.formatMessage({ id: "c4r.form.time" }),
+              label: r ?? M.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, y),
+          format: Yt(f, !1, g, C),
           slotProps: {
             textField: {
               variant: e,
@@ -2261,7 +2261,7 @@ function Yn({
             },
             layout: {
               sx: {
-                width: v
+                width: A
               }
             },
             ...s
@@ -2273,7 +2273,7 @@ function Yn({
               {
                 ...I,
                 size: o,
-                "aria-label": C.formatMessage({
+                "aria-label": M.formatMessage({
                   id: "c4r.form.chooseDate"
                 })
               }
@@ -2304,12 +2304,12 @@ function qn({
   slots: b,
   ampm: g = !0,
   views: f = ["hours", "minutes"],
-  format: y,
-  "data-testid": h,
-  "aria-label": w,
-  ...M
+  format: C,
+  "data-testid": x,
+  "aria-label": v,
+  ...k
 }) {
-  const A = R(), C = T(A);
+  const D = T(), M = B(D);
   return /* @__PURE__ */ n(
     ut,
     {
@@ -2317,22 +2317,22 @@ function qn({
       variant: e,
       readOnly: p,
       "data-name": "date-time-picker",
-      "data-testid": h ?? "date-time-picker",
-      "aria-label": w,
+      "data-testid": x ?? "date-time-picker",
+      "aria-label": v,
       children: /* @__PURE__ */ n(
         Le,
         {
-          ...M,
+          ...k,
           label: /* @__PURE__ */ n(
             X,
             {
-              label: r ?? C.formatMessage({ id: "c4r.form.time" }),
+              label: r ?? M.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, y),
+          format: Yt(f, !0, g, C),
           slotProps: {
             textField: {
               variant: e,
@@ -2352,13 +2352,13 @@ function qn({
             ...s
           },
           slots: {
-            clearButton: (k) => /* @__PURE__ */ n(st, { ...k, size: o, variant: e }),
-            openPickerButton: (k) => /* @__PURE__ */ n(
+            clearButton: (h) => /* @__PURE__ */ n(st, { ...h, size: o, variant: e }),
+            openPickerButton: (h) => /* @__PURE__ */ n(
               W,
               {
-                ...k,
+                ...h,
                 size: o,
-                "aria-label": C.formatMessage({
+                "aria-label": M.formatMessage({
                   id: "c4r.form.chooseDate"
                 })
               }
@@ -2399,9 +2399,9 @@ function Zn({
   items: t = nr,
   title: e
 }) {
-  return /* @__PURE__ */ x(H, { children: [
+  return /* @__PURE__ */ y(H, { children: [
     e && /* @__PURE__ */ n(F, { color: "inherit", variant: "caption", weight: "medium", children: e }),
-    /* @__PURE__ */ n(ir, { children: t.map((o, r) => /* @__PURE__ */ x(ar, { children: [
+    /* @__PURE__ */ n(ir, { children: t.map((o, r) => /* @__PURE__ */ y(ar, { children: [
       /* @__PURE__ */ n(
         lr,
         {
@@ -2416,7 +2416,7 @@ function Zn({
     ] }, r)) })
   ] });
 }
-const dr = m(D, {
+const dr = m(w, {
   shouldForwardProp: (t) => !["withGutter", "disabled"].includes(t)
 })(
   ({ withGutter: t, disabled: e, theme: o }) => ({
@@ -2447,8 +2447,8 @@ function qt({
   disabled: d,
   ...u
 }) {
-  const p = R(), s = T(p);
-  return t ? /* @__PURE__ */ x(
+  const p = T(), s = B(p);
+  return t ? /* @__PURE__ */ y(
     dr,
     {
       withGutter: i,
@@ -2487,7 +2487,7 @@ function qt({
     }
   ) : null;
 }
-const Mt = m(D, { shouldForwardProp: (t) => t !== "size" })(({ size: t, theme: e }) => ({
+const Mt = m(w, { shouldForwardProp: (t) => t !== "size" })(({ size: t, theme: e }) => ({
   position: "absolute",
   top: 0,
   right: e.spacing(0.5),
@@ -2504,17 +2504,17 @@ function sr({
   onClickExpand: o,
   size: r
 }) {
-  const i = R(), l = T(i), a = !!o, c = e !== void 0, d = a && c, { copy: u } = Vt(), [p, s] = B(!1), [b, g] = B(null), f = !!b, y = (M) => {
-    g(M.currentTarget);
-  }, h = () => {
+  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) => {
+    g(k.currentTarget);
+  }, x = () => {
     g(null);
-  }, w = (M) => {
-    M.preventDefault(), e && u(e).then(() => {
+  }, v = (k) => {
+    k.preventDefault(), e && u(e).then(() => {
       s(!0);
     }).catch(console.error);
   };
-  return !a && !c ? null : d ? /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ x(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
+  return !a && !c ? null : d ? /* @__PURE__ */ y(H, { children: [
+    /* @__PURE__ */ y(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
       /* @__PURE__ */ n(
         q,
         {
@@ -2527,26 +2527,26 @@ function sr({
           "aria-controls": f ? "basic-menu" : void 0,
           "aria-haspopup": "true",
           "aria-expanded": f ? "true" : void 0,
-          onClick: y
+          onClick: C
         }
       ),
-      /* @__PURE__ */ x(
+      /* @__PURE__ */ y(
         co,
         {
           anchorEl: b,
           open: f,
-          onClose: h,
+          onClose: x,
           id: "menu",
           MenuListProps: { "aria-labelledby": "menu-button" },
           "aria-label": "Code area actions",
           transformOrigin: { vertical: "top", horizontal: "right" },
           anchorOrigin: { vertical: "bottom", horizontal: "right" },
           children: [
-            /* @__PURE__ */ x(Y, { onClick: w, disabled: t, id: "copy", children: [
+            /* @__PURE__ */ y(Y, { onClick: v, disabled: t, id: "copy", children: [
               /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ n(Lt, {}) }),
               /* @__PURE__ */ n(U, { children: l.formatMessage({ id: "c4r.button.copy" }) })
             ] }),
-            /* @__PURE__ */ x(Y, { onClick: o, disabled: t, id: "expand", children: [
+            /* @__PURE__ */ y(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" }) })
             ] })
@@ -2567,7 +2567,7 @@ function sr({
         })
       }
     )
-  ] }) : /* @__PURE__ */ x(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
+  ] }) : /* @__PURE__ */ y(Mt, { size: r, "data-size": r, "data-name": "code-area-header", children: [
     c && /* @__PURE__ */ n(
       Ro,
       {
@@ -2591,7 +2591,7 @@ function sr({
     )
   ] });
 }
-const ur = m(D, {
+const ur = m(w, {
   shouldForwardProp: (t) => !["size", "height"].includes(t)
 })(({ size: t, height: e, theme: o }) => ({
   position: "relative",
@@ -2803,11 +2803,10 @@ function gr({
   height: s,
   "data-testid": b,
   "aria-label": g = "Code editor text area",
-  "aria-labelledby": f,
-  ...y
+  ...f
 }) {
-  var k;
-  const h = Z(), w = {
+  var M;
+  const C = Z(), x = {
     mode: "sql",
     theme: "light",
     lineNumbers: !0,
@@ -2824,35 +2823,35 @@ function gr({
       scanUp: !1
     },
     ...t
-  }, [M, A] = B(null);
+  }, [v, k] = $(null);
   z(() => () => {
-    A(null);
+    k(null);
   }, []);
-  const C = ot(
-    ({ from: v, to: $ }) => {
-      M.foldCode(
+  const D = ot(
+    ({ from: h, to: A }) => {
+      v.foldCode(
         0,
         {
           rangeFinder: () => {
-            if ($)
+            if (A)
               return {
-                from: { line: v - 1, ch: 0 },
-                to: { line: $ - 1, ch: 0 }
+                from: { line: h - 1, ch: 0 },
+                to: { line: A - 1, ch: 0 }
               };
           }
         },
         "fold"
       );
     },
-    [M]
+    [v]
   );
   return z(() => {
-    if (!e || !M) return;
-    const v = pr(e);
-    if (v.length)
-      for (const $ of v)
-        C($);
-  }, [e, C, M]), /* @__PURE__ */ x(
+    if (!e || !v) return;
+    const h = pr(e);
+    if (h.length)
+      for (const A of h)
+        D(A);
+  }, [e, D, v]), /* @__PURE__ */ y(
     ur,
     {
       size: p,
@@ -2860,27 +2859,26 @@ function gr({
       id: r,
       "data-size": p,
       "data-height": s,
-      "data-mode": typeof (t == null ? void 0 : t.mode) == "object" && ((k = t.mode) != null && k.name) ? t.mode.name : t == null ? void 0 : t.mode,
+      "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-fold-gutter": t == null ? void 0 : t.foldGutter,
       "data-testid": b,
-      "aria-label": f ? void 0 : g,
-      "aria-labelledby": f,
+      "aria-label": g,
       "data-name": "code-area-input",
       children: [
         e !== void 0 && /* @__PURE__ */ n(
           Ee,
           {
-            ...y,
+            ...f,
             value: e,
-            editorDidMount: (v) => {
-              h.current = v, A(v), i == null || i(v);
+            editorDidMount: (h) => {
+              C.current = h, k(h), i == null || i(h);
             },
-            options: w,
-            onBeforeChange: (v, $, I) => {
-              l == null || l(I);
+            options: x,
+            onBeforeChange: (h, A, R) => {
+              l == null || l(R);
             },
-            onBlur: (v) => {
-              a == null || a(v.getValue());
+            onBlur: (h) => {
+              a == null || a(h.getValue());
             },
             onFocus: c
           }
@@ -2888,11 +2886,11 @@ function gr({
         o !== void 0 && /* @__PURE__ */ n(
           He,
           {
-            ...y,
+            ...f,
             value: o,
-            options: w,
-            onBlur: (v) => {
-              a == null || a(v.getValue());
+            options: x,
+            onBlur: (h) => {
+              a == null || a(h.getValue());
             },
             onFocus: c
           }
@@ -2905,7 +2903,7 @@ const fr = m(Bt)(() => ({
   display: "flex",
   flexDirection: "column",
   flex: 1
-})), mr = m(D, {
+})), mr = m(w, {
   shouldForwardProp: (t) => ![
     "variant",
     "error",
@@ -3039,7 +3037,7 @@ const fr = m(Bt)(() => ({
       }
     }
   })
-), br = m(D, {
+), br = m(w, {
   shouldForwardProp: (t) => t !== "hasActions"
 })(({ theme: t, hasActions: e }) => ({
   flex: "1 1 auto",
@@ -3072,23 +3070,23 @@ function xr({
   helperText: b,
   error: g,
   size: f = "small",
-  variant: y = "outlined",
-  onClickExpand: h,
-  onClickFooter: w,
-  disabledButtonFooter: M,
-  labelIdButtonFooter: A,
-  ariaLabelButtonFooter: C,
-  options: k,
-  id: v = "code-area-field",
-  saveLoading: $,
+  variant: C = "outlined",
+  onClickExpand: x,
+  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
 }) {
-  const [Xt, pt] = B(!1), gt = (k == null ? void 0 : k.readOnly) ?? !1, Qt = (k == null ? void 0 : k.lineNumbers) ?? !0;
-  return /* @__PURE__ */ x(
+  const [Xt, pt] = $(!1), gt = (h == null ? void 0 : h.readOnly) ?? !1, Qt = (h == null ? void 0 : h.lineNumbers) ?? !0;
+  return /* @__PURE__ */ y(
     fr,
     {
       size: f,
@@ -3097,18 +3095,18 @@ function xr({
       "aria-disabled": p,
       "data-size": f,
       "data-full-screen": S,
-      "data-variant": y,
+      "data-variant": C,
       "data-name": "code-area-field",
       children: [
         a && /* @__PURE__ */ n(
           Tt,
           {
-            htmlFor: v,
+            htmlFor: A,
             disabled: p,
             error: g,
             focused: Xt,
             shrink: !0,
-            id: `${v}-label`,
+            id: `${A}-label`,
             children: /* @__PURE__ */ n(
               X,
               {
@@ -3124,31 +3122,31 @@ function xr({
             )
           }
         ),
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ y(
           mr,
           {
-            variant: y,
+            variant: C,
             error: !!g,
             disabled: p,
             readOnly: gt,
             lineNumbers: Qt,
-            className: y === "filled" ? "codeArea-filled" : "",
+            className: C === "filled" ? "codeArea-filled" : "",
             fullScreen: S,
             children: [
               /* @__PURE__ */ n(
                 sr,
                 {
-                  onClickExpand: h,
+                  onClickExpand: x,
                   copyValue: s,
                   disabled: p,
                   size: L ? "medium" : "small"
                 }
               ),
-              /* @__PURE__ */ n(br, { hasActions: !!s || !!h, children: /* @__PURE__ */ n(
+              /* @__PURE__ */ n(br, { hasActions: !!s || !!x, children: /* @__PURE__ */ n(
                 gr,
                 {
                   ...V,
-                  id: v,
+                  id: A,
                   disabled: p,
                   value: t,
                   defaultValue: e,
@@ -3166,21 +3164,21 @@ function xr({
                       styleActiveLine: !1,
                       matchBrackets: !1
                     },
-                    ...k
+                    ...h
                   },
-                  "aria-labelledby": a ? `${v}-label` : void 0
+                  "aria-labelledby": a ? `${A}-label` : void 0
                 }
               ) }),
               /* @__PURE__ */ n(
                 qt,
                 {
-                  labelIdButtonFooter: A,
-                  ariaLabelButtonFooter: C,
-                  onClickFooter: w,
+                  labelIdButtonFooter: D,
+                  ariaLabelButtonFooter: M,
+                  onClickFooter: v,
                   disabled: p,
-                  disabledButtonFooter: M,
+                  disabledButtonFooter: k,
                   size: "small",
-                  loading: !!$,
+                  loading: !!R,
                   showSnackbar: I,
                   onCloseSnackbar: E
                 }
@@ -3193,7 +3191,7 @@ function xr({
     }
   );
 }
-const yr = m(D)(({ theme: t }) => ({
+const yr = m(w)(({ theme: t }) => ({
   position: "relative",
   marginBottom: "1px",
   padding: t.spacing(1.5, 2, 1.5, 5.5),
@@ -3220,7 +3218,7 @@ const yr = m(D)(({ theme: t }) => ({
   ".MuiFormHelperText-root": {
     marginTop: 0
   }
-})), Cr = m(D)(({ theme: t }) => ({
+})), Cr = m(w)(({ theme: t }) => ({
   position: "relative",
   zIndex: 3,
   display: "flex",
@@ -3232,8 +3230,8 @@ function Mr({
   hasDivider: e
 }) {
   const o = j();
-  return t ? /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ n(yr, { children: /* @__PURE__ */ x(Cr, { children: [
+  return t ? /* @__PURE__ */ y(H, { children: [
+    /* @__PURE__ */ n(yr, { children: /* @__PURE__ */ y(Cr, { children: [
       /* @__PURE__ */ n(Be, { htmlColor: o.palette.error.main }),
       /* @__PURE__ */ n(J, { error: !0, children: t })
     ] }) }),
@@ -3421,13 +3419,13 @@ function kr({
 const vr = O(kr), wr = m(ye)(() => ({
   padding: 0,
   zIndex: 10
-})), Dr = m(D)(({ theme: t }) => ({
+})), Dr = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   padding: t.spacing(2),
   minHeight: t.spacing(8)
-})), Dt = m(D)(({ theme: t }) => ({
+})), Dt = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(1),
@@ -3450,11 +3448,11 @@ function Ir({
   closeIcon: c,
   ...d
 }) {
-  const u = R(), p = T(u);
-  return /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ x(wr, { component: "div", "data-name": "dialog-header", ...d, children: [
-      /* @__PURE__ */ x(Dr, { children: [
-        /* @__PURE__ */ x(Dt, { flex: 1, maxWidth: 0.8, children: [
+  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: [
           /* @__PURE__ */ n(
             F,
             {
@@ -3468,7 +3466,7 @@ function Ir({
           ),
           e && /* @__PURE__ */ n(Ce, { color: "default", label: e, ...o })
         ] }),
-        /* @__PURE__ */ x(Dt, { children: [
+        /* @__PURE__ */ y(Dt, { children: [
           l,
           i && /* @__PURE__ */ n(
             P,
@@ -3525,7 +3523,7 @@ function Br({
   onScroll: l,
   ...a
 }, c) {
-  const d = j(), [u, p] = B(null);
+  const d = j(), [u, p] = $(null);
   ee(
     c,
     () => u,
@@ -3533,8 +3531,8 @@ function Br({
   );
   const s = ot(
     (g) => {
-      const f = Math.abs(g.scrollHeight - g.clientHeight - g.scrollTop) < 1, y = g.scrollTop === 0, h = `1px solid ${d.palette.divider}`;
-      g.style.borderTop = y ? "none" : h, g.style.borderBottom = f && !o ? "none" : h;
+      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;
     },
     [d.palette.divider, o]
   ), b = ot(
@@ -3593,7 +3591,7 @@ function Jt({
 }) {
   return /* @__PURE__ */ n(Tr, { severity: e, ...o, "data-name": "dialog-alert", children: t });
 }
-const Rr = m(D, {
+const Rr = m(w, {
   shouldForwardProp: (t) => !["dark", "hasChildren"].includes(t)
 })(({ dark: t, hasChildren: e, theme: o }) => ({
   flex: "0 0 auto",
@@ -3615,14 +3613,14 @@ const Rr = m(D, {
       }
     }
   }
-})), Or = m(D)(() => ({
+})), Or = m(w)(() => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "& > div:empty": {
     padding: 0
   }
-})), Fr = m(D, {
+})), Fr = m(w, {
   shouldForwardProp: (t) => t !== "hasAlert"
 })(({ hasAlert: t, theme: e }) => ({
   display: "flex",
@@ -3653,10 +3651,10 @@ function Wr({
   topContent: l,
   ...a
 }) {
-  return /* @__PURE__ */ x(H, { children: [
+  return /* @__PURE__ */ y(H, { children: [
     l,
     !!o && /* @__PURE__ */ n(Lr, {}),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ y(
       Rr,
       {
         ...a,
@@ -3665,8 +3663,8 @@ function Wr({
         "data-name": "dialog-footer",
         hasChildren: !!t,
         children: [
-          !!o && /* @__PURE__ */ n(D, { sx: { p: 2, pt: 1.5, pb: 1 }, children: /* @__PURE__ */ n(Jt, { ...r, children: o }) }),
-          /* @__PURE__ */ x(Or, { 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__ */ n(Kt, { hasAlert: !!o, children: t })
           ] })
@@ -3675,7 +3673,7 @@ function Wr({
     )
   ] });
 }
-const Er = m(D)(({ theme: t }) => ({
+const Er = m(w)(({ theme: t }) => ({
   position: "absolute",
   width: "100%",
   zIndex: 100,
@@ -3690,7 +3688,7 @@ const Er = m(D)(({ theme: t }) => ({
   background: t.palette.white[60]
 })), Hr = m("div")(() => ({
   width: "100%"
-})), Pr = m(D)(({ theme: t }) => ({
+})), Pr = m(w)(({ theme: t }) => ({
   width: "100%",
   padding: t.spacing(1.5, 2, 2),
   backgroundColor: t.palette.background.paper,
@@ -3731,7 +3729,7 @@ function zr({
           unmountOnExit: !0,
           easing: u.transitions.easing.easeOut,
           timeout: 350,
-          children: /* @__PURE__ */ n(Hr, { children: /* @__PURE__ */ x(Pr, { children: [
+          children: /* @__PURE__ */ n(Hr, { children: /* @__PURE__ */ y(Pr, { children: [
             /* @__PURE__ */ n(Jt, { severity: r, ...c, children: t }),
             /* @__PURE__ */ n(Kt, { children: o })
           ] }) })
@@ -3740,7 +3738,7 @@ function zr({
     }
   );
 }
-const Nr = m(D)(({ theme: t }) => ({
+const Nr = m(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -3749,7 +3747,7 @@ const Nr = m(D)(({ theme: t }) => ({
   "& > div": {
     flex: 1
   }
-})), _r = m(D)(({ theme: t }) => ({
+})), _r = m(w)(({ theme: t }) => ({
   display: "flex",
   flex: 1,
   flexDirection: "column",
@@ -3814,9 +3812,9 @@ function Kn({
   stepsLabels: e,
   ...o
 }) {
-  return /* @__PURE__ */ n(Nr, { ...o, "data-name": "dialog-stepper", children: /* @__PURE__ */ n(D, { sx: { display: "flex" }, children: e.map((r, i) => {
+  return /* @__PURE__ */ n(Nr, { ...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__ */ x(
+    return /* @__PURE__ */ y(
       _r,
       {
         "data-state": c ? "completed" : a ? "current" : "uncompleted",
@@ -3870,7 +3868,7 @@ function Yr({
   severity: c = "warning",
   content: d
 }) {
-  const u = R(), p = T(u);
+  const u = T(), p = B(u);
   return !t || !e ? null : /* @__PURE__ */ n(
     zr,
     {
@@ -3879,7 +3877,7 @@ function Yr({
       title: p.formatMessage({
         id: a || "c4r.dialog.confirmation.title"
       }),
-      actions: /* @__PURE__ */ x(H, { children: [
+      actions: /* @__PURE__ */ y(H, { children: [
         e && (r || /* @__PURE__ */ n(nt, { onClick: e, children: p.formatMessage({
           id: o || "c4r.button.cancel"
         }) })),
@@ -3909,21 +3907,21 @@ function Xn({
   onCloseConfirm: b,
   footerProps: g,
   saveLoading: f,
-  showSaveSnackbar: y,
-  onCloseSaveSnackbar: h,
-  "data-testid": w,
-  "aria-label": M,
-  ...A
+  showSaveSnackbar: C,
+  onCloseSaveSnackbar: x,
+  "data-testid": v,
+  "aria-label": k,
+  ...D
 }) {
-  const C = r || !!l || !!g;
-  return t ? /* @__PURE__ */ x(
+  const M = r || !!l || !!g;
+  return t ? /* @__PURE__ */ y(
     vr,
     {
       open: t,
       fullScreen: !0,
       onClose: e,
-      "data-testid": w,
-      "aria-label": M,
+      "data-testid": v,
+      "aria-label": k,
       "data-name": "code-area-dialog",
       children: [
         /* @__PURE__ */ n(
@@ -3937,13 +3935,13 @@ function Xn({
         /* @__PURE__ */ n(Ur, { error: r, children: /* @__PURE__ */ n(
           xr,
           {
-            ...A,
+            ...D,
             disabled: u,
             variant: null,
             isExpanded: !0
           }
         ) }),
-        C && /* @__PURE__ */ n(
+        M && /* @__PURE__ */ n(
           Wr,
           {
             ...g,
@@ -3960,8 +3958,8 @@ function Xn({
                 variant: "contained",
                 size: "medium",
                 loading: !!f,
-                showSnackbar: y,
-                onCloseSnackbar: h
+                showSnackbar: C,
+                onCloseSnackbar: x
               }
             )
           }