@carto/meridian-ds 0.1.1-alpha.3 → 0.1.1-alpha.4

package/dist/components/index.js

@@ -1,29 +1,29 @@
-import { jsx as o, jsxs as y, Fragment as G } from "react/jsx-runtime";
-import { Button as q, styled as d, Box as w, TextField as z, InputAdornment as _, IconButton as P, Select as tt, MenuItem as V, FormControl as et, InputLabel as nt, FormHelperText as ot, ToggleButtonGroup as rt, Menu as it, MenuList as at, Link as lt, Checkbox as N, ListItemText as Y, Tooltip as st, CircularProgress as dt, Accordion as ct, AccordionSummary as ut, AccordionDetails as pt, createFilterOptions as gt, Autocomplete as ft, Divider as D, ListItemIcon as U, Avatar as mt, alpha as ht, AppBar as Mt, Toolbar as yt } from "@mui/material";
-import { forwardRef as k, useState as L, useEffect as Z, useMemo as J, useRef as bt, Fragment as vt } from "react";
-import { T, c as F, u as $, A as xt } from "../TablePaginationActions-OJyfVTms.js";
-import { a as ze } from "../TablePaginationActions-OJyfVTms.js";
-import { VisibilityOutlined as It, VisibilityOffOutlined as Bt, Cancel as K, AddCircleOutlineOutlined as Tt, MenuOutlined as At } from "@mui/icons-material";
-import { useIntl as E } from "react-intl";
-import { styled as H, useTheme as Q } from "@mui/material/styles";
-import { A as Ye } from "../Alert-_PI5QbXW.js";
-function St({ children: t, ...e }, n) {
-  return /* @__PURE__ */ o(q, { ...e, ref: n, children: /* @__PURE__ */ o(T, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: t }) });
+import { jsx as o, jsxs as y, Fragment as _ } from "react/jsx-runtime";
+import { Button as N, styled as c, Box as P, TextField as Y, InputAdornment as H, IconButton as L, Select as it, MenuItem as V, FormControl as at, InputLabel as lt, FormHelperText as st, ToggleButtonGroup as ct, Menu as dt, MenuList as ut, Link as pt, Checkbox as Z, ListItemText as J, Tooltip as gt, CircularProgress as ft, Accordion as mt, AccordionSummary as ht, AccordionDetails as Mt, createFilterOptions as yt, Autocomplete as bt, Divider as G, ListItemIcon as q, Avatar as vt, alpha as xt, AppBar as It, Toolbar as Bt } from "@mui/material";
+import { forwardRef as $, useState as k, useEffect as K, useMemo as Q, useRef as Tt, Fragment as At } from "react";
+import { T as S, c as w, u as R, A as St } from "../TablePaginationActions-OJyfVTms.js";
+import { a as Je } from "../TablePaginationActions-OJyfVTms.js";
+import { VisibilityOutlined as Ct, VisibilityOffOutlined as Ft, Cancel as X, AddCircleOutlineOutlined as wt, MenuOutlined as Pt } from "@mui/icons-material";
+import { useIntl as O } from "react-intl";
+import { styled as W, useTheme as tt } from "@mui/material/styles";
+import { A as Qe } from "../Alert-_PI5QbXW.js";
+function Lt({ children: t, ...e }, n) {
+  return /* @__PURE__ */ o(N, { ...e, ref: n, children: /* @__PURE__ */ o(S, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: t }) });
 }
-const Le = k(St), Ct = d(w)(({ theme: t }) => ({
+const Re = $(Lt), kt = c(P)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
-})), Ft = d(T)(({ theme: t }) => ({
+})), $t = c(S)(({ theme: t }) => ({
   ".Mui-disabled &": {
     color: t.palette.text.disabled
   }
-})), wt = d(w)(({ theme: t }) => ({
+})), Et = c(P)(({ theme: t }) => ({
   display: "flex",
   svg: {
-    width: F,
-    height: F,
-    fontSize: F,
+    width: w,
+    height: w,
+    fontSize: w,
     path: {
       fill: t.palette.text.secondary,
       ".Mui-disabled &": {
@@ -32,16 +32,16 @@ const Le = k(St), Ct = d(w)(({ theme: t }) => ({
     }
   }
 }));
-function ke({
+function Oe({
   label: t,
   type: e,
   icon: n,
   inheritSize: r
 }) {
-  return /* @__PURE__ */ y(Ct, { children: [
+  return /* @__PURE__ */ y(kt, { children: [
     t,
     e && /* @__PURE__ */ o(
-      Ft,
+      $t,
       {
         component: "span",
         variant: r ? "inherit" : "caption",
@@ -50,13 +50,13 @@ function ke({
         children: e === "required" ? "(required)" : "(optional)"
       }
     ),
-    n && /* @__PURE__ */ o(wt, { children: n })
+    n && /* @__PURE__ */ o(Et, { children: n })
   ] });
 }
-function Pt({ InputProps: t, size: e = "small", ...n }, r) {
-  const [i, l] = L(!1);
+function Rt({ InputProps: t, size: e = "small", ...n }, r) {
+  const [i, a] = k(!1);
   return /* @__PURE__ */ o(
-    z,
+    Y,
     {
       ...n,
       ref: r,
@@ -64,18 +64,18 @@ function Pt({ InputProps: t, size: e = "small", ...n }, r) {
       size: e,
       InputProps: {
         ...t,
-        endAdornment: /* @__PURE__ */ o(_, { position: "end", children: /* @__PURE__ */ o(P, { size: e, onClick: () => l(!i), children: i ? /* @__PURE__ */ o(It, {}) : /* @__PURE__ */ o(Bt, {}) }) })
+        endAdornment: /* @__PURE__ */ o(H, { position: "end", children: /* @__PURE__ */ o(L, { size: e, onClick: () => a(!i), children: i ? /* @__PURE__ */ o(Ct, {}) : /* @__PURE__ */ o(Ft, {}) }) })
       }
     }
   );
 }
-const $e = k(Pt), O = {};
-function Lt(t = "$lodash$") {
-  O[t] || (O[t] = 0);
-  const e = ++O[t];
+const De = $(Rt), D = {};
+function Ot(t = "$lodash$") {
+  D[t] || (D[t] = 0);
+  const e = ++D[t];
   return t === "$lodash$" ? `${e}` : `${t}${e}`;
 }
-const kt = d(tt)(({ theme: t }) => ({
+const Dt = c(it)(({ theme: t }) => ({
   "& .MuiInputAdornment-positionStart": {
     paddingLeft: t.spacing(2),
     "&.MuiInputAdornment-sizeSmall": {
@@ -91,57 +91,57 @@ const kt = d(tt)(({ theme: t }) => ({
   "&.MuiInputBase-root .MuiSelect-select.MuiSelect-multiple": {
     paddingRight: t.spacing(7)
   }
-})), $t = d(V)(() => ({
+})), Gt = c(V)(() => ({
   display: "none"
 }));
-function Et({
+function _t({
   children: t,
   placeholder: e,
   size: n = "small",
   displayEmpty: r,
   menuProps: i,
-  inputProps: l,
+  inputProps: a,
   labelId: s,
   label: g,
   labelSecondary: b,
   helperText: v,
-  name: u,
-  error: p,
+  name: d,
+  error: u,
   focused: h,
   disabled: x,
   fullWidth: M,
   required: f,
-  "aria-label": a,
-  ...S
-}, m) {
-  const B = n === "small", [c] = L(() => Lt("select-label-")), I = g ? s ?? c : void 0;
+  "aria-label": T,
+  ...I
+}, p) {
+  const B = n === "small", [l] = k(() => Ot("select-label-")), m = g ? s ?? l : void 0;
   return /* @__PURE__ */ y(
-    et,
+    at,
     {
       size: n,
-      error: p,
+      error: u,
       focused: h,
       disabled: x,
       fullWidth: M,
       required: f,
       children: [
-        /* @__PURE__ */ y(w, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-          g && /* @__PURE__ */ o(nt, { shrink: !0, id: I, children: g }),
-          b && /* @__PURE__ */ o(w, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: b })
+        /* @__PURE__ */ y(P, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+          g && /* @__PURE__ */ o(lt, { shrink: !0, id: m, children: g }),
+          b && /* @__PURE__ */ o(P, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: b })
         ] }),
         /* @__PURE__ */ y(
-          kt,
+          Dt,
           {
-            ...S,
-            labelId: I,
-            name: u,
-            ref: m,
+            ...I,
+            labelId: m,
+            name: d,
+            ref: p,
             size: n,
             fullWidth: M,
             displayEmpty: r ?? !!e,
             inputProps: {
-              ...l,
-              "aria-label": a
+              ...a,
+              "aria-label": T
             },
             MenuProps: {
               ...i,
@@ -158,8 +158,8 @@ function Et({
               }
             },
             children: [
-              e && /* @__PURE__ */ o($t, { disabled: !0, value: "", children: /* @__PURE__ */ o(
-                T,
+              e && /* @__PURE__ */ o(Gt, { disabled: !0, value: "", children: /* @__PURE__ */ o(
+                S,
                 {
                   variant: B ? "body2" : "body1",
                   color: "text.hint",
@@ -171,12 +171,12 @@ function Et({
             ]
           }
         ),
-        v && /* @__PURE__ */ o(ot, { "aria-label": `${u}-helper`, children: v })
+        v && /* @__PURE__ */ o(st, { "aria-label": `${d}-helper`, children: v })
       ]
     }
   );
 }
-const Rt = k(Et), Ot = d(rt, {
+const Ht = $(_t), Vt = c(ct, {
   shouldForwardProp: (t) => t !== "variant" && t !== "backgroundColor"
 })(({ variant: t, backgroundColor: e, theme: n }) => ({
   // Variants
@@ -248,14 +248,14 @@ const Rt = k(Et), Ot = d(rt, {
     backgroundColor: "transparent"
   }
 }));
-function Ee({
+function Ge({
   children: t,
   variant: e = "floating",
   backgroundColor: n,
   ...r
 }) {
   return /* @__PURE__ */ o(
-    Ot,
+    Vt,
     {
       ...r,
       variant: e,
@@ -264,7 +264,7 @@ function Ee({
     }
   );
 }
-const Dt = d(it, {
+const Wt = c(dt, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
 })(({ theme: t, extended: e, width: n, height: r }) => ({
   ...e && {
@@ -287,10 +287,10 @@ const Dt = d(it, {
     }
   }
 }));
-function Re(t) {
-  return /* @__PURE__ */ o(Dt, { ...t });
+function _e(t) {
+  return /* @__PURE__ */ o(Wt, { ...t });
 }
-const Gt = d(V, {
+const Ut = c(V, {
   shouldForwardProp: (t) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     t
   )
@@ -301,7 +301,7 @@ const Gt = d(V, {
     subtitle: n,
     destructive: r,
     extended: i,
-    fixed: l,
+    fixed: a,
     iconColor: s = "primary"
   }) => ({
     ...n && {
@@ -379,7 +379,7 @@ const Gt = d(V, {
         minHeight: t.spacing(6)
       }
     },
-    ...l && {
+    ...a && {
       "&.MuiMenuItem-root": {
         position: "sticky",
         top: 0,
@@ -401,7 +401,7 @@ const Gt = d(V, {
         }
       }
     },
-    ...!l && {
+    ...!a && {
       ".MuiList-root &:first-of-type": {
         marginTop: t.spacing(1)
       }
@@ -414,10 +414,10 @@ const Gt = d(V, {
     }
   })
 );
-function X(t) {
-  return /* @__PURE__ */ o(Gt, { ...t });
+function et(t) {
+  return /* @__PURE__ */ o(Ut, { ...t });
 }
-const _t = d(at, {
+const jt = c(ut, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
 })(({ theme: t, extended: e, width: n, height: r }) => ({
   ...e && {
@@ -435,39 +435,39 @@ const _t = d(at, {
     }
   }
 }));
-function Oe(t) {
-  return /* @__PURE__ */ o(_t, { ...t });
+function He(t) {
+  return /* @__PURE__ */ o(jt, { ...t });
 }
-function Vt({
+function qt({
   selectedOptions: t,
   options: e,
   onChange: n
 }) {
-  const [r, i] = L(t || []), l = e.length === r.length, s = r.length > 0;
-  return Z(() => {
+  const [r, i] = k(t ?? []), a = e.length === r.length, s = r.length > 0;
+  return K(() => {
     r !== t && i(r);
   }, [t]), {
-    areAllSelected: l,
+    areAllSelected: a,
     areAnySelected: s,
     currentOptions: r,
-    handleChange: (u) => {
+    handleChange: (d) => {
       const {
-        target: { value: p }
-      } = u, h = typeof p == "string" ? p.split(",") : p.filter((x) => x !== void 0);
+        target: { value: u }
+      } = d, h = typeof u == "string" ? u.split(",") : u.filter((x) => x !== void 0);
       i(h), n(h);
     },
     selectAll: () => {
-      const u = e == null ? void 0 : e.filter(({ disabled: p }) => !p).map(({ value: p }) => p);
-      u && (u.every(
+      const d = e == null ? void 0 : e.filter(({ disabled: u }) => !u).map(({ value: u }) => u);
+      d && (d.every(
         (h) => r.includes(h)
-      ) ? (i([]), n([])) : (i(u), n(u)));
+      ) ? (i([]), n([])) : (i(d), n(d)));
     },
     unselectAll: () => {
       i([]), n([]);
     }
   };
 }
-const Ht = d(lt)(
+const zt = c(pt)(
   ({ disabled: t, theme: e }) => ({
     display: "flex",
     alignItems: "center",
@@ -480,15 +480,15 @@ const Ht = d(lt)(
     }
   })
 );
-function Wt({
+function Nt({
   areAllSelected: t,
   areAnySelected: e,
   selectAll: n,
   selectAllDisabled: r
 }) {
-  const i = E(), l = $(i);
-  return /* @__PURE__ */ o(X, { fixed: !0, children: /* @__PURE__ */ y(
-    Ht,
+  const i = O(), a = R(i);
+  return /* @__PURE__ */ o(et, { fixed: !0, children: /* @__PURE__ */ y(
+    zt,
     {
       variant: "body2",
       color: "textPrimary",
@@ -499,26 +499,26 @@ function Wt({
       tabIndex: 0,
       children: [
         /* @__PURE__ */ o(
-          N,
+          Z,
           {
             checked: t,
             indeterminate: e && !t,
             disabled: r
           }
         ),
-        l.formatMessage({ id: "c4r.form.selectAll" })
+        a.formatMessage({ id: "c4r.form.selectAll" })
       ]
     }
   ) });
 }
-const Ut = d(V)(({ theme: t }) => ({
+const Yt = c(V)(({ theme: t }) => ({
   "&.Mui-disabled": {
     pointerEvents: "auto",
     "&:hover": {
       backgroundColor: `${t.palette.background.default} !important`
     }
   }
-})), jt = d(_)(({ theme: t }) => ({
+})), Zt = c(H)(({ theme: t }) => ({
   display: "none",
   position: "absolute",
   top: t.spacing(2),
@@ -529,86 +529,86 @@ const Ut = d(V)(({ theme: t }) => ({
   ".MuiSvgIcon-root": {
     color: t.palette.text.hint
   }
-})), qt = [], zt = () => {
+})), Jt = [], Kt = () => {
 };
-function Nt({
-  options: t = qt,
+function Qt({
+  options: t = Jt,
   selectedOptions: e,
   size: n = "small",
   placeholder: r,
   showCounter: i,
-  showFilters: l = !0,
-  onChange: s = zt,
+  showFilters: a = !0,
+  onChange: s = Kt,
   selectAllDisabled: g,
   tooltipPlacement: b,
   variant: v,
-  ...u
-}, p) {
+  ...d
+}, u) {
   const {
     areAllSelected: h,
     areAnySelected: x,
     currentOptions: M,
     handleChange: f,
-    selectAll: a,
-    unselectAll: S
-  } = Vt({
+    selectAll: T,
+    unselectAll: I
+  } = qt({
     options: t,
     selectedOptions: e,
     onChange: s
-  }), m = n === "small", B = m || v === "standard" ? 0 : 2, c = E(), I = $(c), A = `${M.length} ${I.formatMessage({
+  }), p = n === "small", B = p || v === "standard" ? 0 : 2, l = O(), m = R(l), A = `${M.length} ${m.formatMessage({
     id: "c4r.form.selected"
-  })}`, R = J(() => h ? /* @__PURE__ */ o(
-    T,
+  })}`, F = Q(() => h ? /* @__PURE__ */ o(
+    S,
     {
       component: "span",
-      variant: m ? "body2" : "body1",
+      variant: p ? "body2" : "body1",
       color: "textPrimary",
       ml: B,
-      children: I.formatMessage({ id: "c4r.form.allSelected" })
+      children: m.formatMessage({ id: "c4r.form.allSelected" })
     }
   ) : x ? /* @__PURE__ */ o(
-    T,
+    S,
     {
       component: "span",
-      variant: m ? "body2" : "body1",
+      variant: p ? "body2" : "body1",
       color: "textPrimary",
       ml: B,
       children: i && M.length > 1 ? A : M.join(", ")
     }
   ) : /* @__PURE__ */ o(
-    T,
+    S,
     {
       component: "span",
-      variant: m ? "body2" : "body1",
+      variant: p ? "body2" : "body1",
       color: "text.hint",
       ml: B,
-      children: r ?? I.formatMessage({ id: "c4r.form.noneSelected" })
+      children: r ?? m.formatMessage({ id: "c4r.form.noneSelected" })
     }
   ), [
     h,
     x,
     A,
     M,
-    I,
     m,
+    p,
     B,
     r,
     i
   ]);
   return /* @__PURE__ */ y(
-    Rt,
+    Ht,
     {
-      ...u,
-      ref: p,
+      ...d,
+      ref: u,
       multiple: !0,
       displayEmpty: !0,
       placeholder: r,
       value: M,
-      renderValue: () => R,
+      renderValue: () => F,
       onChange: f,
       size: n,
       variant: v,
-      endAdornment: l && x && /* @__PURE__ */ o(jt, { position: "end", children: /* @__PURE__ */ o(P, { onClick: S, size: "small", children: /* @__PURE__ */ o(K, {}) }) }),
+      endAdornment: a && x && /* @__PURE__ */ o(Zt, { position: "end", children: /* @__PURE__ */ o(L, { onClick: I, size: "small", children: /* @__PURE__ */ o(X, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -619,50 +619,50 @@ function Nt({
         }
       },
       children: [
-        l && /* @__PURE__ */ o(
-          Wt,
+        a && /* @__PURE__ */ o(
+          Nt,
           {
             areAllSelected: h,
             areAnySelected: x,
-            selectAll: a,
+            selectAll: T,
             selectAllDisabled: g
           }
         ),
         t == null ? void 0 : t.map((C) => {
-          const W = /* @__PURE__ */ y(
-            Ut,
+          const E = /* @__PURE__ */ y(
+            Yt,
             {
               value: C.value,
               disabled: C.disabled,
               tabIndex: 0,
               children: [
                 /* @__PURE__ */ o(
-                  N,
+                  Z,
                   {
                     disabled: C.disabled,
                     checked: M.includes(C.value)
                   }
                 ),
-                /* @__PURE__ */ o(Y, { primary: C.label })
+                /* @__PURE__ */ o(J, { primary: C.label })
               ]
             },
             C.value
           );
           return C.tooltip ? /* @__PURE__ */ o(
-            st,
+            gt,
             {
               title: C.tooltip,
               placement: b,
-              children: W
+              children: E
             },
             C.value
-          ) : W;
+          ) : E;
         })
       ]
     }
   );
 }
-const De = k(Nt), Yt = H(z, {
+const Ve = $(Qt), Xt = W(Y, {
   shouldForwardProp: (t) => t !== "cursor"
 })(
   ({ cursor: t, theme: e }) => ({
@@ -690,27 +690,27 @@ const De = k(Nt), Yt = H(z, {
     }
   })
 );
-function Zt({
+function te({
   buttonText: t,
   hasFiles: e,
   size: n,
   error: r,
   disabled: i,
-  handleReset: l,
+  handleReset: a,
   handleOpen: s,
   inProgress: g
 }) {
-  return /* @__PURE__ */ o(_, { position: "end", children: g ? /* @__PURE__ */ o(P, { "aria-label": "loading", disabled: !0, size: n, children: /* @__PURE__ */ o(dt, { size: 18 }) }) : e ? /* @__PURE__ */ o(
-    P,
+  return /* @__PURE__ */ o(H, { position: "end", children: g ? /* @__PURE__ */ o(L, { "aria-label": "loading", disabled: !0, size: n, children: /* @__PURE__ */ o(ft, { size: 18 }) }) : e ? /* @__PURE__ */ o(
+    L,
     {
-      onClick: l,
+      onClick: a,
       size: n,
       "aria-label": "delete",
       disabled: i,
-      children: /* @__PURE__ */ o(K, {})
+      children: /* @__PURE__ */ o(X, {})
     }
   ) : /* @__PURE__ */ o(
-    q,
+    N,
     {
       onClick: s,
       size: n,
@@ -721,7 +721,7 @@ function Zt({
     }
   ) });
 }
-function Jt({
+function ee({
   name: t,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   multiple: e,
@@ -729,39 +729,39 @@ function Jt({
   handleReset: n,
   handleOpen: r,
   dragOver: i,
-  error: l,
+  error: a,
   placeholder: s,
   focused: g,
   buttonText: b = "Browse",
   inProgress: v,
-  InputProps: u,
-  size: p = "small",
+  InputProps: d,
+  size: u = "small",
   hasFiles: h,
   cursor: x = "pointer",
   ...M
 }) {
   return /* @__PURE__ */ o(
-    Yt,
+    Xt,
     {
       ...M,
-      size: p,
-      error: l,
+      size: u,
+      error: a,
       placeholder: s,
       focused: g ?? i,
       cursor: x,
       InputProps: {
-        ...u,
+        ...d,
         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__ */ o(
-          Zt,
+          te,
           {
             buttonText: b,
             hasFiles: h,
-            size: p,
-            error: l,
+            size: u,
+            error: a,
             disabled: !!i,
             handleReset: n,
             handleOpen: r,
@@ -772,15 +772,15 @@ function Jt({
     }
   );
 }
-function Kt({
+function ne({
   onChange: t,
   files: e,
   multiple: n,
   placeholder: r,
   uploadInputRef: i
 }) {
-  const l = E(), s = $(l), [g, b] = L(""), [v, u] = L(!1);
-  Z(() => {
+  const a = O(), s = R(a), [g, b] = k(""), [v, d] = k(!1);
+  K(() => {
     !e || e.length === 0 ? b("") : e.length === 1 ? b(e[0].name) : b(
       s.formatMessage(
         { id: "c4r.form.filesSelected" },
@@ -788,105 +788,105 @@ function Kt({
       )
     );
   }, [e, s]);
-  const p = () => {
-    var c;
-    (c = i.current) == null || c.click();
-  }, h = (c) => {
-    c.preventDefault(), u(!0);
-  }, x = (c) => {
-    c.preventDefault(), u(!1);
-  }, M = (c) => {
-    c.preventDefault(), u(!1);
-    const I = c.dataTransfer.items, A = f(I);
+  const u = () => {
+    var l;
+    (l = i.current) == null || l.click();
+  }, h = (l) => {
+    l.preventDefault(), d(!0);
+  }, x = (l) => {
+    l.preventDefault(), d(!1);
+  }, M = (l) => {
+    l.preventDefault(), d(!1);
+    const m = l.dataTransfer.items, A = f(m);
     t == null || t(A);
-  }, f = (c) => {
-    const I = [];
-    for (const A of Array.from(c))
+  }, f = (l) => {
+    const m = [];
+    for (const A of Array.from(l))
       if (A.kind === "file") {
-        const R = A.getAsFile();
-        I.push(R);
+        const F = A.getAsFile();
+        m.push(F);
       }
-    return I;
-  }, a = (c) => {
-    const I = Array.from(c.target.files);
-    t == null || t(I);
-  }, S = (c) => {
-    c.stopPropagation(), b("");
-  }, m = J(() => {
-    const c = s.formatMessage(
+    return m;
+  }, T = (l) => {
+    const m = Array.from(l.target.files);
+    t == null || t(m);
+  }, I = (l) => {
+    l.stopPropagation(), b("");
+  }, p = Q(() => {
+    const l = s.formatMessage(
       { id: "c4r.form.dragPlaceholder" },
       { count: n ? 0 : 1 }
-    ), I = s.formatMessage(
+    ), m = s.formatMessage(
       { id: "c4r.form.dragActivePlaceholder" },
       { count: n ? 0 : 1 }
     );
     let A = "";
-    return v ? A = I : A = r ?? c, A;
+    return v ? A = m : A = r ?? l, A;
   }, [v, n, r, s]);
   return {
     filesText: g,
-    getPlaceholder: m,
+    getPlaceholder: p,
     dragOver: v,
     inputEvents: {
       onDragOver: h,
       onDragLeave: x,
       onDrop: M,
-      onClick: p
+      onClick: u
     },
-    handleFiles: a,
-    handleReset: S
+    handleFiles: T,
+    handleReset: I
   };
 }
-const Qt = ["application/JSON"];
-function Ge({
+const oe = ["application/JSON"];
+function We({
   name: t,
   buttonText: e,
   accept: n,
   files: r,
   inProgress: i,
-  onChange: l,
+  onChange: a,
   multiple: s,
   placeholder: g,
   error: b,
   focused: v,
-  nativeInputProps: u,
-  ...p
+  nativeInputProps: d,
+  ...u
 }) {
-  const h = n ?? Qt, x = bt(null), {
+  const h = n ?? oe, x = Tt(null), {
     filesText: M,
     getPlaceholder: f,
-    dragOver: a,
-    inputEvents: S,
-    handleFiles: m,
+    dragOver: T,
+    inputEvents: I,
+    handleFiles: p,
     handleReset: B
-  } = Kt({
+  } = ne({
     uploadInputRef: x,
     files: r,
-    onChange: l,
+    onChange: a,
     multiple: s,
     placeholder: g
   });
-  return /* @__PURE__ */ y(G, { children: [
+  return /* @__PURE__ */ y(_, { children: [
     /* @__PURE__ */ o(
-      Jt,
+      ee,
       {
-        ...p,
+        ...u,
         placeholder: f,
         value: M,
         error: b,
-        focused: v ?? a,
+        focused: v ?? T,
         handleReset: B,
-        dragOver: a,
+        dragOver: T,
         inProgress: i,
         hasFiles: !!M,
-        InputProps: S,
+        InputProps: I,
         buttonText: e
       }
     ),
     /* @__PURE__ */ o(
       "input",
       {
-        ...u,
+        ...d,
         ref: x,
         style: { display: "none" },
         type: "file",
@@ -894,12 +894,12 @@ function Ge({
         name: t,
         accept: String(h),
         multiple: s,
-        onChange: m
+        onChange: p
       }
     )
   ] });
 }
-const Xt = d("div", {
+const re = c("div", {
   shouldForwardProp: (t) => t !== "variant"
 })(({ variant: t, theme: e }) => ({
   width: "100%",
@@ -909,114 +909,117 @@ const Xt = d("div", {
     boxShadow: `inset 0 0 0 1px ${e.palette.divider}`
   }
 }));
-function _e({
+function Ue({
   variant: t = "standard",
   items: e,
   ...n
 }) {
-  return /* @__PURE__ */ o(Xt, { ...n, variant: t, children: e.map((r, i) => /* @__PURE__ */ y(
-    ct,
+  return /* @__PURE__ */ o(re, { ...n, variant: t, children: e.map((r, i) => /* @__PURE__ */ y(
+    mt,
     {
       disabled: r.disabled,
       defaultExpanded: r.defaultExpanded,
       onChange: r.onChange,
       children: [
         /* @__PURE__ */ o(
-          ut,
+          ht,
           {
             "aria-controls": `${i}-content`,
             id: `${i}-header`,
             children: r.summary
           }
         ),
-        /* @__PURE__ */ o(pt, { children: r.content })
+        /* @__PURE__ */ o(Mt, { children: r.content })
       ]
     },
     i
   )) });
 }
-const te = gt(), ee = "c4r.form.add";
-function ne(t) {
+const ie = yt(), ae = "c4r.form.add";
+function le(t) {
   return t && typeof t == "object" ? t.title ?? String(t) : String(t);
 }
-function oe({
+function se({
   creatable: t,
-  newItemLabel: e = ee,
+  newItemLabel: e = ae,
   newItemIcon: n,
   freeSolo: r,
   renderOption: i,
-  forcePopupIcon: l,
+  forcePopupIcon: a,
   filterOptions: s,
-  getOptionLabel: g = ne,
+  getOptionLabel: g = le,
   ...b
 }, v) {
-  const u = E(), p = $(u);
+  const d = O(), u = R(d);
   return /* @__PURE__ */ o(
-    ft,
+    bt,
     {
       ...b,
       ref: v,
-      filterOptions: t ? (f, a) => {
-        const S = te(
+      filterOptions: t ? (f, T) => {
+        const I = ie(
           f,
-          a
-        ), { inputValue: m } = a, B = f.some(
-          (c) => m === g(c)
+          T
+        ), { inputValue: p } = T, B = f.some(
+          (l) => p === g(l)
         );
-        return m.length > 1 && m !== "" && !B && S.push({
-          inputValue: m,
-          title: typeof e == "function" ? e(m) : `${p.formatMessage({ id: e })} "${m}"`
-        }), S;
+        return p.length > 1 && p !== "" && !B && I.push({
+          inputValue: p,
+          title: typeof e == "function" ? e(p) : `${u.formatMessage({ id: e })} "${p}"`
+        }), I;
       } : s,
       getOptionLabel: t ? (f) => typeof f == "string" ? f : f.inputValue ? f.inputValue : g(f) : g,
-      renderOption: t ? (f, a) => /* @__PURE__ */ o(vt, { children: a.divider ? /* @__PURE__ */ o(D, {}) : /* @__PURE__ */ y(G, { children: [
-        a.inputValue && /* @__PURE__ */ o(D, {}),
-        /* @__PURE__ */ y(
-          X,
-          {
-            ...f,
-            fixed: a.fixed,
-            extended: a.extended,
-            dense: a.dense,
-            destructive: a.destructive,
-            disabled: a.disabled,
-            subtitle: a.subtitle,
-            iconColor: a.iconColor,
-            children: [
-              a.inputValue && /* @__PURE__ */ o(U, { children: n ?? /* @__PURE__ */ o(Tt, {}) }),
-              a.startAdornment && !a.inputValue && /* @__PURE__ */ o(U, { children: a.startAdornment }),
-              /* @__PURE__ */ y(Y, { children: [
-                a.alternativeTitle ?? a.title,
-                a.secondaryText && /* @__PURE__ */ o(
-                  T,
-                  {
-                    component: "p",
-                    variant: "caption",
-                    color: "text.secondary",
-                    children: a.secondaryText
-                  }
-                )
-              ] }),
-              a.endAdornment
-            ]
-          }
-        )
-      ] }) }, a.inputValue ?? a.title) : i,
+      renderOption: t ? (f, T) => {
+        const { inputValue: I, title: p, alternativeTitle: B, secondaryText: l, divider: m, fixed: A, extended: F, dense: C, destructive: E, disabled: U, subtitle: nt, iconColor: ot, startAdornment: j, endAdornment: rt } = T;
+        return /* @__PURE__ */ o(At, { children: m ? /* @__PURE__ */ o(G, {}) : /* @__PURE__ */ y(_, { children: [
+          I && /* @__PURE__ */ o(G, {}),
+          /* @__PURE__ */ y(
+            et,
+            {
+              ...f,
+              fixed: A,
+              extended: F,
+              dense: C,
+              destructive: E,
+              disabled: U,
+              subtitle: nt,
+              iconColor: ot,
+              children: [
+                I && /* @__PURE__ */ o(q, { children: n ?? /* @__PURE__ */ o(wt, {}) }),
+                j && !I && /* @__PURE__ */ o(q, { children: j }),
+                /* @__PURE__ */ y(J, { children: [
+                  B ?? p,
+                  l && /* @__PURE__ */ o(
+                    S,
+                    {
+                      component: "p",
+                      variant: "caption",
+                      color: "text.secondary",
+                      children: l
+                    }
+                  )
+                ] }),
+                rt
+              ]
+            }
+          )
+        ] }) }, I ?? p);
+      } : i,
       freeSolo: t || r,
-      forcePopupIcon: t || l
+      forcePopupIcon: t || a
     }
   );
 }
-const Ve = k(oe), j = {
+const je = $(se), z = {
   large: 5,
   medium: 4,
   small: 3,
   xsmall: 2.25
-}, re = d(mt, {
+}, ce = c(vt, {
   shouldForwardProp: (t) => t !== "size"
 })(({ theme: t, size: e = "medium" }) => ({
-  width: t.spacing(j[e]),
-  height: t.spacing(j[e]),
+  width: t.spacing(z[e]),
+  height: t.spacing(z[e]),
   ...t.typography.subtitle1,
   ...e === "large" && {
     ...t.typography.h6
@@ -1029,48 +1032,48 @@ const Ve = k(oe), j = {
     ...t.typography.caption,
     fontWeight: 500,
     svg: {
-      width: F,
-      height: F
+      width: w,
+      height: w
     }
   }
 }));
-function He(t) {
-  return /* @__PURE__ */ o(re, { ...t });
+function qe(t) {
+  return /* @__PURE__ */ o(ce, { ...t });
 }
-const ie = d("div")(({ theme: t }) => ({
+const de = c("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
-  height: xt,
+  height: St,
   marginRight: t.spacing(1.5)
-})), ae = d(P)(({ theme: t }) => ({
+})), ue = c(L)(({ theme: t }) => ({
   marginRight: t.spacing(1),
   "&.MuiButtonBase-root svg path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), le = d(D)(({ theme: t }) => ({
-  borderColor: ht(t.palette.brand.appBarContrastText, 0.12)
+})), pe = c(G)(({ theme: t }) => ({
+  borderColor: xt(t.palette.brand.appBarContrastText, 0.12)
 }));
-function se({
+function ge({
   onClickMenu: t
 }) {
   return (
     // replacing deprecated `<Hidden />` with sx following this MUI5 guide:
     // https://mui.com/material-ui/migration/v5-component-changes/#hidden
     /* @__PURE__ */ o(
-      w,
+      P,
       {
         sx: {
           display: { md: "none", xs: "block" }
         },
-        children: /* @__PURE__ */ y(ie, { children: [
-          /* @__PURE__ */ o(ae, { onClick: t, children: /* @__PURE__ */ o(At, {}) }),
-          /* @__PURE__ */ o(le, { orientation: "vertical", flexItem: !0 })
+        children: /* @__PURE__ */ y(de, { children: [
+          /* @__PURE__ */ o(ue, { onClick: t, children: /* @__PURE__ */ o(Pt, {}) }),
+          /* @__PURE__ */ o(pe, { orientation: "vertical", flexItem: !0 })
         ] })
       }
     )
   );
 }
-const de = d("div")(({ theme: t }) => ({
+const fe = c("div")(({ theme: t }) => ({
   display: "flex",
   marginRight: t.spacing(1.5),
   "& a": {
@@ -1081,18 +1084,18 @@ const de = d("div")(({ theme: t }) => ({
     height: t.spacing(4)
   }
 }));
-function ce({ logo: t }) {
-  return /* @__PURE__ */ o(de, { children: t });
+function me({ logo: t }) {
+  return /* @__PURE__ */ o(fe, { children: t });
 }
-const ue = H(T)({
+const he = W(S)({
   display: "flex",
   alignItems: "center",
   whiteSpace: "nowrap"
 });
-function pe({ text: t }) {
-  const e = Q();
+function Me({ text: t }) {
+  const e = tt();
   return /* @__PURE__ */ o(
-    ue,
+    he,
     {
       component: "span",
       variant: "subtitle1",
@@ -1101,7 +1104,7 @@ function pe({ text: t }) {
     }
   );
 }
-const ge = H(T)(({ theme: t }) => ({
+const ye = W(S)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   "&::before": {
@@ -1111,10 +1114,10 @@ const ge = H(T)(({ theme: t }) => ({
     color: t.palette.brand.appBarContrastText
   }
 }));
-function fe({ text: t }) {
-  const e = Q();
+function be({ text: t }) {
+  const e = tt();
   return /* @__PURE__ */ o(
-    ge,
+    ye,
     {
       component: "span",
       variant: "body2",
@@ -1124,7 +1127,7 @@ function fe({ text: t }) {
     }
   );
 }
-const me = d(Mt)(({ theme: t }) => ({
+const ve = c(It)(({ theme: t }) => ({
   backgroundColor: t.palette.brand.appBarMain,
   "& .MuiTypography-root": {
     color: t.palette.brand.appBarContrastText
@@ -1132,7 +1135,7 @@ const me = d(Mt)(({ theme: t }) => ({
   "& .MuiIconButton-root path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), he = d("div")(({ theme: t }) => ({
+})), xe = c("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   maxWidth: "calc(100% - 300px)",
@@ -1140,63 +1143,63 @@ const me = d(Mt)(({ theme: t }) => ({
   [t.breakpoints.down("sm")]: {
     minWidth: "192px"
   }
-})), Me = d("div")(({ theme: t }) => ({
+})), Ie = c("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   flex: 1,
   marginLeft: t.spacing(1)
 }));
-function We({
+function ze({
   children: t,
   brandLogo: e,
   brandText: n,
   secondaryText: r,
   showBurgerMenu: i = !1,
-  onClickMenu: l,
+  onClickMenu: a,
   ...s
 }) {
-  return /* @__PURE__ */ o(me, { ...s, children: /* @__PURE__ */ y(yt, { children: [
-    /* @__PURE__ */ y(he, { children: [
-      i && /* @__PURE__ */ o(se, { onClickMenu: l }),
-      e && /* @__PURE__ */ o(ce, { logo: e }),
-      n && /* @__PURE__ */ o(pe, { text: n }),
-      r && /* @__PURE__ */ o(fe, { text: r })
+  return /* @__PURE__ */ o(ve, { ...s, children: /* @__PURE__ */ y(Bt, { children: [
+    /* @__PURE__ */ y(xe, { children: [
+      i && /* @__PURE__ */ o(ge, { onClickMenu: a }),
+      e && /* @__PURE__ */ o(me, { logo: e }),
+      n && /* @__PURE__ */ o(Me, { text: n }),
+      r && /* @__PURE__ */ o(be, { text: r })
     ] }),
-    /* @__PURE__ */ o(Me, { children: t })
+    /* @__PURE__ */ o(Ie, { children: t })
   ] }) });
 }
-const ye = [{ outlinedBullet: !1, value: "" }], be = d("ul")(({ theme: t }) => ({
+const Be = [{ outlinedBullet: !1, value: "" }], Te = c("ul")(({ theme: t }) => ({
   listStyle: "none",
   paddingLeft: 0,
   margin: t.spacing(0.5, 0, 0, 0)
-})), ve = d("li")(({ theme: t }) => ({
+})), Ae = c("li")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "&:not(:last-child)": {
     marginBottom: t.spacing(0.5)
   }
-})), xe = d("span")(({ theme: t }) => ({
+})), Se = c("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]
-})), Ie = d(T)(({ theme: t }) => ({
+})), Ce = c(S)(({ theme: t }) => ({
   minWidth: t.spacing(10),
   marginRight: t.spacing(1.5)
 }));
-function Ue({
-  items: t = ye,
+function Ne({
+  items: t = Be,
   title: e
 }) {
-  return /* @__PURE__ */ y(G, { children: [
-    e && /* @__PURE__ */ o(T, { color: "inherit", variant: "caption", weight: "medium", children: e }),
-    /* @__PURE__ */ o(be, { children: t.map((n, r) => /* @__PURE__ */ y(ve, { children: [
+  return /* @__PURE__ */ y(_, { children: [
+    e && /* @__PURE__ */ o(S, { color: "inherit", variant: "caption", weight: "medium", children: e }),
+    /* @__PURE__ */ o(Te, { children: t.map((n, r) => /* @__PURE__ */ y(Ae, { children: [
       /* @__PURE__ */ o(
-        xe,
+        Se,
         {
           style: {
             backgroundColor: `${n.outlinedBullet ? "transparent" : n.color}`,
@@ -1204,29 +1207,29 @@ function Ue({
           }
         }
       ),
-      n.category && /* @__PURE__ */ o(Ie, { color: "inherit", variant: "caption", children: n.category }),
-      /* @__PURE__ */ o(T, { color: "inherit", variant: "caption", weight: "medium", children: n.value })
+      n.category && /* @__PURE__ */ o(Ce, { color: "inherit", variant: "caption", children: n.category }),
+      /* @__PURE__ */ o(S, { color: "inherit", variant: "caption", weight: "medium", children: n.value })
     ] }, r)) })
   ] });
 }
 export {
-  _e as AccordionGroup,
-  Ye as Alert,
-  We as AppBar,
-  Ve as Autocomplete,
-  He as Avatar,
-  Le as Button,
-  ke as LabelWithIndicator,
-  Re as Menu,
-  X as MenuItem,
-  Oe as MenuList,
-  De as MultipleSelectField,
-  $e as PasswordField,
-  Rt as SelectField,
-  ze as TablePaginationActions,
-  Ee as ToggleButtonGroup,
-  Ue as TooltipData,
-  T as Typography,
-  Ge as UploadField,
-  Jt as UploadFieldBase
+  Ue as AccordionGroup,
+  Qe as Alert,
+  ze as AppBar,
+  je as Autocomplete,
+  qe as Avatar,
+  Re as Button,
+  Oe as LabelWithIndicator,
+  _e as Menu,
+  et as MenuItem,
+  He as MenuList,
+  Ve as MultipleSelectField,
+  De as PasswordField,
+  Ht as SelectField,
+  Je as TablePaginationActions,
+  Ge as ToggleButtonGroup,
+  Ne as TooltipData,
+  S as Typography,
+  We as UploadField,
+  ee as UploadFieldBase
 };