@carto/meridian-ds 0.1.0 → 0.1.1-alpha.1

package/dist/components/index.js

@@ -1,45 +1,29 @@
-import { j as e } from "../jsx-runtime-B6kdoens.js";
-import { Button as W, styled as c, Box as C, TextField as U, InputAdornment as R, IconButton as F, Select as X, MenuItem as O, FormControl as tt, InputLabel as et, FormHelperText as nt, ToggleButtonGroup as ot, Menu as rt, MenuList as it, Link as at, Checkbox as q, ListItemText as N, Tooltip as lt, CircularProgress as st, Accordion as ct, AccordionSummary as dt, AccordionDetails as ut, createFilterOptions as pt, Autocomplete as gt, Divider as D, ListItemIcon as V, Avatar as xt, alpha as ft, AppBar as mt, Toolbar as ht } from "@mui/material";
-import * as z from "react";
-import { forwardRef as P, useState as w, useEffect as Y, useMemo as Z, useRef as Mt, Fragment as yt } from "react";
-import { T, u as k } from "../Alert-Dd9Op7y8.js";
-import { A as tn, a as en } from "../Alert-Dd9Op7y8.js";
-import { q as bt, T as vt, t as jt, n as S, s as G, A as Tt } from "../createSvgIcon-CcKa-Sbo.js";
-import { VisibilityOutlined as It, VisibilityOffOutlined as Bt, Cancel as J, AddCircleOutlineOutlined as At, MenuOutlined as St } from "@mui/icons-material";
-import { useIntl as L } from "react-intl";
-import { ThemeContext as Ct } from "@emotion/react";
-function Ft(t) {
-  return Object.keys(t).length === 0;
+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, u as $ } from "../Alert-BawVDNyY.js";
+import { A as Ne, a as Ye } from "../Alert-BawVDNyY.js";
+import { b as F, A as xt } from "../theme-constants-DL1946wP.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";
+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 }) });
 }
-function wt(t = null) {
-  const n = z.useContext(Ct);
-  return !n || Ft(n) ? t : n;
-}
-const Pt = bt();
-function kt(t = Pt) {
-  return wt(t);
-}
-function K() {
-  const t = kt(jt);
-  return process.env.NODE_ENV !== "production" && z.useDebugValue(t), t[vt] || t;
-}
-function Lt({ children: t, ...n }, o) {
-  return /* @__PURE__ */ e.jsx(W, { ...n, ref: o, children: /* @__PURE__ */ e.jsx(T, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: t }) });
-}
-const Ge = P(Lt), $t = c(C)(({ theme: t }) => ({
+const ke = k(St), Ct = d(w)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
-})), Et = c(T)(({ theme: t }) => ({
+})), Ft = d(T)(({ theme: t }) => ({
   ".Mui-disabled &": {
     color: t.palette.text.disabled
   }
-})), Dt = c(C)(({ theme: t }) => ({
+})), wt = d(w)(({ theme: t }) => ({
   display: "flex",
   svg: {
-    width: S,
-    height: S,
-    fontSize: S,
+    width: F,
+    height: F,
+    fontSize: F,
     path: {
       fill: t.palette.text.secondary,
       ".Mui-disabled &": {
@@ -48,50 +32,50 @@ const Ge = P(Lt), $t = c(C)(({ theme: t }) => ({
     }
   }
 }));
-function _e({
+function $e({
   label: t,
-  type: n,
-  icon: o,
+  type: e,
+  icon: n,
   inheritSize: r
 }) {
-  return /* @__PURE__ */ e.jsxs($t, { children: [
+  return /* @__PURE__ */ y(Ct, { children: [
     t,
-    n && /* @__PURE__ */ e.jsx(
-      Et,
+    e && /* @__PURE__ */ o(
+      Ft,
       {
         component: "span",
         variant: r ? "inherit" : "caption",
         color: "textSecondary",
         weight: "regular",
-        children: n === "required" ? "(required)" : "(optional)"
+        children: e === "required" ? "(required)" : "(optional)"
       }
     ),
-    o && /* @__PURE__ */ e.jsx(Dt, { children: o })
+    n && /* @__PURE__ */ o(wt, { children: n })
   ] });
 }
-function Rt({ InputProps: t, size: n = "small", ...o }, r) {
-  const [i, l] = w(!1), s = () => l(!i);
-  return /* @__PURE__ */ e.jsx(
-    U,
+function Pt({ InputProps: t, size: e = "small", ...n }, r) {
+  const [i, l] = L(!1);
+  return /* @__PURE__ */ o(
+    z,
     {
-      ...o,
+      ...n,
       ref: r,
       type: i ? "text" : "password",
-      size: n,
+      size: e,
       InputProps: {
         ...t,
-        endAdornment: /* @__PURE__ */ e.jsx(R, { position: "end", children: /* @__PURE__ */ e.jsx(F, { size: n, onClick: s, children: i ? /* @__PURE__ */ e.jsx(It, {}) : /* @__PURE__ */ e.jsx(Bt, {}) }) })
+        endAdornment: /* @__PURE__ */ o(_, { position: "end", children: /* @__PURE__ */ o(P, { size: e, onClick: () => l(!i), children: i ? /* @__PURE__ */ o(It, {}) : /* @__PURE__ */ o(Bt, {}) }) })
       }
     }
   );
 }
-const Ve = P(Rt), E = {};
-function Ot(t = "$lodash$") {
-  E[t] || (E[t] = 0);
-  const n = ++E[t];
-  return t === "$lodash$" ? `${n}` : `${t}${n}`;
+const Ee = k(Pt), O = {};
+function Lt(t = "$lodash$") {
+  O[t] || (O[t] = 0);
+  const e = ++O[t];
+  return t === "$lodash$" ? `${e}` : `${t}${e}`;
 }
-const Gt = c(X)(({ theme: t }) => ({
+const kt = d(tt)(({ theme: t }) => ({
   "& .MuiInputAdornment-positionStart": {
     paddingLeft: t.spacing(2),
     "&.MuiInputAdornment-sizeSmall": {
@@ -107,54 +91,54 @@ const Gt = c(X)(({ theme: t }) => ({
   "&.MuiInputBase-root .MuiSelect-select.MuiSelect-multiple": {
     paddingRight: t.spacing(7)
   }
-})), _t = c(O)(() => ({
+})), $t = d(V)(() => ({
   display: "none"
 }));
-function Vt({
+function Et({
   children: t,
-  placeholder: n,
-  size: o = "small",
+  placeholder: e,
+  size: n = "small",
   displayEmpty: r,
   menuProps: i,
   inputProps: l,
   labelId: s,
   label: g,
-  labelSecondary: y,
-  helperText: b,
+  labelSecondary: b,
+  helperText: v,
   name: u,
   error: p,
-  focused: x,
-  disabled: M,
-  fullWidth: f,
-  required: m,
+  focused: h,
+  disabled: x,
+  fullWidth: M,
+  required: f,
   "aria-label": a,
-  ...B
-}, h) {
-  const j = o === "small", [d] = w(() => Ot("select-label-")), v = g ? s ?? d : void 0;
-  return /* @__PURE__ */ e.jsxs(
-    tt,
+  ...S
+}, m) {
+  const B = n === "small", [c] = L(() => Lt("select-label-")), I = g ? s ?? c : void 0;
+  return /* @__PURE__ */ y(
+    et,
     {
-      size: o,
+      size: n,
       error: p,
-      focused: x,
-      disabled: M,
-      fullWidth: f,
-      required: m,
+      focused: h,
+      disabled: x,
+      fullWidth: M,
+      required: f,
       children: [
-        /* @__PURE__ */ e.jsxs(C, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-          g && /* @__PURE__ */ e.jsx(et, { shrink: !0, id: v, children: g }),
-          y && /* @__PURE__ */ e.jsx(C, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: y })
+        /* @__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__ */ e.jsxs(
-          Gt,
+        /* @__PURE__ */ y(
+          kt,
           {
-            ...B,
-            labelId: v,
+            ...S,
+            labelId: I,
             name: u,
-            ref: h,
-            size: o,
-            fullWidth: f,
-            displayEmpty: r ?? !!n,
+            ref: m,
+            size: n,
+            fullWidth: M,
+            displayEmpty: r ?? !!e,
             inputProps: {
               ...l,
               "aria-label": a
@@ -162,7 +146,7 @@ function Vt({
             MenuProps: {
               ...i,
               PopoverClasses: {
-                paper: j ? "MuiMenu-paper-sizeSmall" : void 0
+                paper: B ? "MuiMenu-paper-sizeSmall" : void 0
               },
               anchorOrigin: {
                 vertical: "bottom",
@@ -174,43 +158,43 @@ function Vt({
               }
             },
             children: [
-              n && /* @__PURE__ */ e.jsx(_t, { disabled: !0, value: "", children: /* @__PURE__ */ e.jsx(
+              e && /* @__PURE__ */ o($t, { disabled: !0, value: "", children: /* @__PURE__ */ o(
                 T,
                 {
-                  variant: j ? "body2" : "body1",
+                  variant: B ? "body2" : "body1",
                   color: "text.hint",
                   component: "span",
-                  children: n
+                  children: e
                 }
               ) }),
               t
             ]
           }
         ),
-        b && /* @__PURE__ */ e.jsx(nt, { "aria-label": `${u}-helper`, children: b })
+        v && /* @__PURE__ */ o(ot, { "aria-label": `${u}-helper`, children: v })
       ]
     }
   );
 }
-const Ht = P(Vt), Wt = c(ot, {
+const Rt = k(Et), Ot = d(rt, {
   shouldForwardProp: (t) => t !== "variant" && t !== "backgroundColor"
-})(({ variant: t, backgroundColor: n, theme: o }) => ({
+})(({ variant: t, backgroundColor: e, theme: n }) => ({
   // Variants
   ...t === "contained" && {
     boxShadow: "none"
   },
   ...t === "unbounded" && {
     boxShadow: "none",
-    borderRadius: o.spacing(0.5),
+    borderRadius: n.spacing(0.5),
     "& .MuiDivider-root": {
-      height: o.spacing(4),
+      height: n.spacing(4),
       "&.MuiToggleButtonGroup-groupedHorizontal": {
-        height: o.spacing(4)
+        height: n.spacing(4)
       },
       "&.MuiToggleButtonGroup-groupedVertical": {
         height: "auto",
-        width: o.spacing(4),
-        margin: `${o.spacing(0.5, 0, 1)} !important`,
+        width: n.spacing(4),
+        margin: `${n.spacing(0.5, 0, 1)} !important`,
         borderRadius: "0 !important"
       }
     },
@@ -220,11 +204,11 @@ const Ht = P(Vt), Wt = c(ot, {
         margin: 0
       },
       "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
-        height: o.spacing(3)
+        height: n.spacing(3)
       },
       "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
         height: "auto",
-        width: o.spacing(3)
+        width: n.spacing(3)
       }
     },
     ".MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
@@ -233,17 +217,17 @@ const Ht = P(Vt), Wt = c(ot, {
         marginLeft: 0
       },
       "&:not(:last-of-type)": {
-        marginRight: o.spacing(0.5)
+        marginRight: n.spacing(0.5)
       }
     },
     "&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)": {
       ".MuiToggleButtonGroup-grouped": {
-        margin: o.spacing(0, 0.5)
+        margin: n.spacing(0, 0.5)
       }
     },
     "&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)": {
       ".MuiToggleButtonGroup-grouped": {
-        margin: o.spacing(0, 0, 0.5),
+        margin: n.spacing(0, 0, 0.5),
         "&:not(:last-of-type)": {
           marginRight: 0
         },
@@ -254,45 +238,44 @@ const Ht = P(Vt), Wt = c(ot, {
     }
   },
   // Colors
-  ...n === "primary" && {
-    backgroundColor: o.palette.background.paper
+  ...e === "primary" && {
+    backgroundColor: n.palette.background.paper
   },
-  ...n === "secondary" && {
-    backgroundColor: o.palette.background.default
+  ...e === "secondary" && {
+    backgroundColor: n.palette.background.default
   },
-  ...n === "transparent" && {
+  ...e === "transparent" && {
     backgroundColor: "transparent"
   }
 }));
-function He({
+function Re({
   children: t,
-  variant: n = "floating",
-  backgroundColor: o,
+  variant: e = "floating",
+  backgroundColor: n,
   ...r
 }) {
-  const l = n === "unbounded" ? "transparent" : "primary";
-  return /* @__PURE__ */ e.jsx(
-    Wt,
+  return /* @__PURE__ */ o(
+    Ot,
     {
       ...r,
-      variant: n,
-      backgroundColor: o ?? l,
+      variant: e,
+      backgroundColor: n ?? (e === "unbounded" ? "transparent" : "primary"),
       children: t
     }
   );
 }
-const Ut = c(rt, {
+const Dt = d(it, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
-})(({ theme: t, extended: n, width: o, height: r }) => ({
-  ...n && {
+})(({ theme: t, extended: e, width: n, height: r }) => ({
+  ...e && {
     ".MuiMenuItem-root": {
       minHeight: t.spacing(6)
     }
   },
-  ...o && {
+  ...n && {
     ".MuiList-root": {
-      width: o,
-      minWidth: o
+      width: n,
+      minWidth: n
     }
   },
   ...r && {
@@ -304,24 +287,24 @@ const Ut = c(rt, {
     }
   }
 }));
-function We(t) {
-  return /* @__PURE__ */ e.jsx(Ut, { ...t });
+function Oe(t) {
+  return /* @__PURE__ */ o(Dt, { ...t });
 }
-const qt = c(O, {
+const Gt = d(V, {
   shouldForwardProp: (t) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     t
   )
 })(
   ({
     theme: t,
-    dense: n,
-    subtitle: o,
+    dense: e,
+    subtitle: n,
     destructive: r,
     extended: i,
     fixed: l,
     iconColor: s = "primary"
   }) => ({
-    ...o && {
+    ...n && {
       pointerEvents: "none",
       columnGap: 0,
       ...t.typography.caption,
@@ -423,7 +406,7 @@ const qt = c(O, {
         marginTop: t.spacing(1)
       }
     },
-    ...n && {
+    ...e && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
         minHeight: t.spacing(3),
         padding: t.spacing(0.25, 1.5)
@@ -431,37 +414,37 @@ const qt = c(O, {
     }
   })
 );
-function Q(t) {
-  return /* @__PURE__ */ e.jsx(qt, { ...t });
+function X(t) {
+  return /* @__PURE__ */ o(Gt, { ...t });
 }
-const Nt = c(it, {
+const _t = d(at, {
   shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
-})(({ theme: t, extended: n, width: o, height: r }) => ({
-  ...n && {
+})(({ theme: t, extended: e, width: n, height: r }) => ({
+  ...e && {
     ".MuiMenuItem-root": {
       minHeight: t.spacing(6)
     }
   },
   "&.MuiList-root": {
-    ...o && {
-      width: o,
-      minWidth: o
+    ...n && {
+      width: n,
+      minWidth: n
     },
     ...r && {
       maxHeight: r
     }
   }
 }));
-function Ue(t) {
-  return /* @__PURE__ */ e.jsx(Nt, { ...t });
+function De(t) {
+  return /* @__PURE__ */ o(_t, { ...t });
 }
-function zt({
+function Vt({
   selectedOptions: t,
-  options: n,
-  onChange: o
+  options: e,
+  onChange: n
 }) {
-  const [r, i] = w(t || []), l = n.length === r.length, s = r.length > 0;
-  return Y(() => {
+  const [r, i] = L(t || []), l = e.length === r.length, s = r.length > 0;
+  return Z(() => {
     r !== t && i(r);
   }, [t]), {
     areAllSelected: l,
@@ -470,56 +453,56 @@ function zt({
     handleChange: (u) => {
       const {
         target: { value: p }
-      } = u, x = typeof p == "string" ? p.split(",") : p.filter((M) => M !== void 0);
-      i(x), o(x);
+      } = u, h = typeof p == "string" ? p.split(",") : p.filter((x) => x !== void 0);
+      i(h), n(h);
     },
     selectAll: () => {
-      const u = n == null ? void 0 : n.filter(({ disabled: p }) => !p).map(({ value: p }) => p);
+      const u = e == null ? void 0 : e.filter(({ disabled: p }) => !p).map(({ value: p }) => p);
       u && (u.every(
-        (x) => r.includes(x)
-      ) ? (i([]), o([])) : (i(u), o(u)));
+        (h) => r.includes(h)
+      ) ? (i([]), n([])) : (i(u), n(u)));
     },
     unselectAll: () => {
-      i([]), o([]);
+      i([]), n([]);
     }
   };
 }
-const Yt = c(at)(
-  ({ disabled: t, theme: n }) => ({
+const Ht = d(lt)(
+  ({ disabled: t, theme: e }) => ({
     display: "flex",
     alignItems: "center",
-    gap: n.spacing(1),
+    gap: e.spacing(1),
     width: "100%",
     textAlign: "initial",
     ...t && {
       pointerEvents: "none",
-      color: n.palette.text.disabled
+      color: e.palette.text.disabled
     }
   })
 );
-function Zt({
+function Wt({
   areAllSelected: t,
-  areAnySelected: n,
-  selectAll: o,
+  areAnySelected: e,
+  selectAll: n,
   selectAllDisabled: r
 }) {
-  const i = L(), l = k(i);
-  return /* @__PURE__ */ e.jsx(Q, { fixed: !0, children: /* @__PURE__ */ e.jsxs(
-    Yt,
+  const i = E(), l = $(i);
+  return /* @__PURE__ */ o(X, { fixed: !0, children: /* @__PURE__ */ y(
+    Ht,
     {
       variant: "body2",
       color: "textPrimary",
       component: "button",
       underline: "none",
       disabled: !!r,
-      onClick: o,
+      onClick: n,
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ e.jsx(
-          q,
+        /* @__PURE__ */ o(
+          N,
           {
             checked: t,
-            indeterminate: n && !t,
+            indeterminate: e && !t,
             disabled: r
           }
         ),
@@ -528,14 +511,14 @@ function Zt({
     }
   ) });
 }
-const Jt = c(O)(({ theme: t }) => ({
+const Ut = d(V)(({ theme: t }) => ({
   "&.Mui-disabled": {
     pointerEvents: "auto",
     "&:hover": {
       backgroundColor: `${t.palette.background.default} !important`
     }
   }
-})), Kt = c(R)(({ theme: t }) => ({
+})), jt = d(_)(({ theme: t }) => ({
   display: "none",
   position: "absolute",
   top: t.spacing(2),
@@ -546,86 +529,86 @@ const Jt = c(O)(({ theme: t }) => ({
   ".MuiSvgIcon-root": {
     color: t.palette.text.hint
   }
-})), Qt = [], Xt = () => {
+})), qt = [], zt = () => {
 };
-function te({
-  options: t = Qt,
-  selectedOptions: n,
-  size: o = "small",
+function Nt({
+  options: t = qt,
+  selectedOptions: e,
+  size: n = "small",
   placeholder: r,
   showCounter: i,
   showFilters: l = !0,
-  onChange: s = Xt,
+  onChange: s = zt,
   selectAllDisabled: g,
-  tooltipPlacement: y,
-  variant: b,
+  tooltipPlacement: b,
+  variant: v,
   ...u
 }, p) {
   const {
-    areAllSelected: x,
-    areAnySelected: M,
-    currentOptions: f,
-    handleChange: m,
+    areAllSelected: h,
+    areAnySelected: x,
+    currentOptions: M,
+    handleChange: f,
     selectAll: a,
-    unselectAll: B
-  } = zt({
+    unselectAll: S
+  } = Vt({
     options: t,
-    selectedOptions: n,
+    selectedOptions: e,
     onChange: s
-  }), h = o === "small", j = h || b === "standard" ? 0 : 2, d = L(), v = k(d), I = `${f.length} ${v.formatMessage({
+  }), m = n === "small", B = m || v === "standard" ? 0 : 2, c = E(), I = $(c), A = `${M.length} ${I.formatMessage({
     id: "c4r.form.selected"
-  })}`, $ = Z(() => x ? /* @__PURE__ */ e.jsx(
+  })}`, R = J(() => h ? /* @__PURE__ */ o(
     T,
     {
       component: "span",
-      variant: h ? "body2" : "body1",
+      variant: m ? "body2" : "body1",
       color: "textPrimary",
-      ml: j,
-      children: v.formatMessage({ id: "c4r.form.allSelected" })
+      ml: B,
+      children: I.formatMessage({ id: "c4r.form.allSelected" })
     }
-  ) : M ? /* @__PURE__ */ e.jsx(
+  ) : x ? /* @__PURE__ */ o(
     T,
     {
       component: "span",
-      variant: h ? "body2" : "body1",
+      variant: m ? "body2" : "body1",
       color: "textPrimary",
-      ml: j,
-      children: i && f.length > 1 ? I : f.join(", ")
+      ml: B,
+      children: i && M.length > 1 ? A : M.join(", ")
     }
-  ) : /* @__PURE__ */ e.jsx(
+  ) : /* @__PURE__ */ o(
     T,
     {
       component: "span",
-      variant: h ? "body2" : "body1",
+      variant: m ? "body2" : "body1",
       color: "text.hint",
-      ml: j,
-      children: r ?? v.formatMessage({ id: "c4r.form.noneSelected" })
+      ml: B,
+      children: r ?? I.formatMessage({ id: "c4r.form.noneSelected" })
     }
   ), [
+    h,
     x,
+    A,
     M,
     I,
-    f,
-    v,
-    h,
-    j,
+    m,
+    B,
     r,
     i
   ]);
-  return /* @__PURE__ */ e.jsxs(
-    Ht,
+  return /* @__PURE__ */ y(
+    Rt,
     {
       ...u,
       ref: p,
       multiple: !0,
       displayEmpty: !0,
       placeholder: r,
-      value: f,
-      renderValue: () => $,
-      onChange: m,
-      size: o,
-      variant: b,
-      endAdornment: l && M && /* @__PURE__ */ e.jsx(Kt, { position: "end", children: /* @__PURE__ */ e.jsx(F, { onClick: B, size: "small", children: /* @__PURE__ */ e.jsx(J, {}) }) }),
+      value: M,
+      renderValue: () => R,
+      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, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -636,67 +619,67 @@ function te({
         }
       },
       children: [
-        l && /* @__PURE__ */ e.jsx(
-          Zt,
+        l && /* @__PURE__ */ o(
+          Wt,
           {
-            areAllSelected: x,
-            areAnySelected: M,
+            areAllSelected: h,
+            areAnySelected: x,
             selectAll: a,
             selectAllDisabled: g
           }
         ),
-        t == null ? void 0 : t.map((A) => {
-          const _ = /* @__PURE__ */ e.jsxs(
-            Jt,
+        t == null ? void 0 : t.map((C) => {
+          const W = /* @__PURE__ */ y(
+            Ut,
             {
-              value: A.value,
-              disabled: A.disabled,
+              value: C.value,
+              disabled: C.disabled,
               tabIndex: 0,
               children: [
-                /* @__PURE__ */ e.jsx(
-                  q,
+                /* @__PURE__ */ o(
+                  N,
                   {
-                    disabled: A.disabled,
-                    checked: f.includes(A.value)
+                    disabled: C.disabled,
+                    checked: M.includes(C.value)
                   }
                 ),
-                /* @__PURE__ */ e.jsx(N, { primary: A.label })
+                /* @__PURE__ */ o(Y, { primary: C.label })
               ]
             },
-            A.value
+            C.value
           );
-          return A.tooltip ? /* @__PURE__ */ e.jsx(
-            lt,
+          return C.tooltip ? /* @__PURE__ */ o(
+            st,
             {
-              title: A.tooltip,
-              placement: y,
-              children: _
+              title: C.tooltip,
+              placement: b,
+              children: W
             },
-            A.value
-          ) : _;
+            C.value
+          ) : W;
         })
       ]
     }
   );
 }
-const qe = P(te), ee = G(U, {
+const Ge = k(Nt), Yt = H(z, {
   shouldForwardProp: (t) => t !== "cursor"
 })(
-  ({ cursor: t, theme: n }) => ({
+  ({ cursor: t, theme: e }) => ({
     "&.MuiTextField-root .MuiInputBase-root": {
       cursor: t,
-      paddingRight: n.spacing(1),
+      paddingRight: e.spacing(1),
       "& input": {
         cursor: t
       },
       "&.Mui-disabled": {
         pointerEvents: "none",
         "& .MuiButtonBase-root": {
-          color: n.palette.text.disabled
+          color: e.palette.text.disabled
         }
       },
       "&.MuiInputBase-sizeSmall": {
-        paddingRight: n.spacing(0.5)
+        paddingRight: e.spacing(0.5)
       }
     },
     "& .MuiFormLabel-root": {
@@ -707,30 +690,30 @@ const qe = P(te), ee = G(U, {
     }
   })
 );
-function ne({
+function Zt({
   buttonText: t,
-  hasFiles: n,
-  size: o,
+  hasFiles: e,
+  size: n,
   error: r,
   disabled: i,
   handleReset: l,
   handleOpen: s,
   inProgress: g
 }) {
-  return /* @__PURE__ */ e.jsx(R, { position: "end", children: g ? /* @__PURE__ */ e.jsx(F, { "aria-label": "loading", disabled: !0, size: o, children: /* @__PURE__ */ e.jsx(st, { size: 18 }) }) : n ? /* @__PURE__ */ e.jsx(
-    F,
+  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,
     {
       onClick: l,
-      size: o,
+      size: n,
       "aria-label": "delete",
       disabled: i,
-      children: /* @__PURE__ */ e.jsx(J, {})
+      children: /* @__PURE__ */ o(K, {})
     }
-  ) : /* @__PURE__ */ e.jsx(
-    W,
+  ) : /* @__PURE__ */ o(
+    q,
     {
       onClick: s,
-      size: o,
+      size: n,
       variant: "text",
       color: r ? "default" : "primary",
       disabled: i,
@@ -738,356 +721,356 @@ function ne({
     }
   ) });
 }
-function oe({
+function Jt({
   name: t,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  multiple: n,
+  multiple: e,
   // multiple prop defined here for compatibility with cloud-native but not used in the component
-  handleReset: o,
+  handleReset: n,
   handleOpen: r,
   dragOver: i,
   error: l,
   placeholder: s,
   focused: g,
-  buttonText: y = "Browse",
-  inProgress: b,
+  buttonText: b = "Browse",
+  inProgress: v,
   InputProps: u,
   size: p = "small",
-  hasFiles: x,
-  cursor: M = "pointer",
-  ...f
+  hasFiles: h,
+  cursor: x = "pointer",
+  ...M
 }) {
-  return /* @__PURE__ */ e.jsx(
-    ee,
+  return /* @__PURE__ */ o(
+    Yt,
     {
-      ...f,
+      ...M,
       size: p,
       error: l,
       placeholder: s,
       focused: g ?? i,
-      cursor: M,
+      cursor: x,
       InputProps: {
         ...u,
         name: t,
         // multiple prop cannot be used here because it is not a valid prop for TextField InputProps
         // not used for any UI logic
         readOnly: !0,
-        endAdornment: /* @__PURE__ */ e.jsx(
-          ne,
+        endAdornment: /* @__PURE__ */ o(
+          Zt,
           {
-            buttonText: y,
-            hasFiles: x,
+            buttonText: b,
+            hasFiles: h,
             size: p,
             error: l,
             disabled: !!i,
-            handleReset: o,
+            handleReset: n,
             handleOpen: r,
-            inProgress: b
+            inProgress: v
           }
         )
       }
     }
   );
 }
-function re({
+function Kt({
   onChange: t,
-  files: n,
-  multiple: o,
+  files: e,
+  multiple: n,
   placeholder: r,
   uploadInputRef: i
 }) {
-  const l = L(), s = k(l), [g, y] = w(""), [b, u] = w(!1);
-  Y(() => {
-    !n || n.length === 0 ? y("") : n.length === 1 ? y(n[0].name) : y(
+  const l = E(), s = $(l), [g, b] = L(""), [v, u] = L(!1);
+  Z(() => {
+    !e || e.length === 0 ? b("") : e.length === 1 ? b(e[0].name) : b(
       s.formatMessage(
         { id: "c4r.form.filesSelected" },
-        { count: n.length }
+        { count: e.length }
       )
     );
-  }, [n, s]);
+  }, [e, s]);
   const p = () => {
-    var d;
-    (d = i.current) == null || d.click();
-  }, x = (d) => {
-    d.preventDefault(), u(!0);
-  }, M = (d) => {
-    d.preventDefault(), u(!1);
-  }, f = (d) => {
-    d.preventDefault(), u(!1);
-    const v = d.dataTransfer.items, I = m(v);
-    t == null || t(I);
-  }, m = (d) => {
-    const v = [];
-    for (const I of Array.from(d))
-      if (I.kind === "file") {
-        const $ = I.getAsFile();
-        v.push($);
+    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);
+    t == null || t(A);
+  }, f = (c) => {
+    const I = [];
+    for (const A of Array.from(c))
+      if (A.kind === "file") {
+        const R = A.getAsFile();
+        I.push(R);
       }
-    return v;
-  }, a = (d) => {
-    const v = Array.from(d.target.files);
-    t == null || t(v);
-  }, B = (d) => {
-    d.stopPropagation(), y("");
-  }, h = Z(() => {
-    const d = s.formatMessage(
+    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(
       { id: "c4r.form.dragPlaceholder" },
-      { count: o ? 0 : 1 }
-    ), v = s.formatMessage(
+      { count: n ? 0 : 1 }
+    ), I = s.formatMessage(
       { id: "c4r.form.dragActivePlaceholder" },
-      { count: o ? 0 : 1 }
+      { count: n ? 0 : 1 }
     );
-    let I = "";
-    return b ? I = v : I = r ?? d, I;
-  }, [b, o, r, s]);
+    let A = "";
+    return v ? A = I : A = r ?? c, A;
+  }, [v, n, r, s]);
   return {
     filesText: g,
-    getPlaceholder: h,
-    dragOver: b,
+    getPlaceholder: m,
+    dragOver: v,
     inputEvents: {
-      onDragOver: x,
-      onDragLeave: M,
-      onDrop: f,
+      onDragOver: h,
+      onDragLeave: x,
+      onDrop: M,
       onClick: p
     },
     handleFiles: a,
-    handleReset: B
+    handleReset: S
   };
 }
-const ie = ["application/JSON"];
-function Ne({
+const Qt = ["application/JSON"];
+function _e({
   name: t,
-  buttonText: n,
-  accept: o,
+  buttonText: e,
+  accept: n,
   files: r,
   inProgress: i,
   onChange: l,
   multiple: s,
   placeholder: g,
-  error: y,
-  focused: b,
+  error: b,
+  focused: v,
   nativeInputProps: u,
   ...p
 }) {
-  const x = o ?? ie, M = Mt(null), {
-    filesText: f,
-    getPlaceholder: m,
+  const h = n ?? Qt, x = bt(null), {
+    filesText: M,
+    getPlaceholder: f,
     dragOver: a,
-    inputEvents: B,
-    handleFiles: h,
-    handleReset: j
-  } = re({
-    uploadInputRef: M,
+    inputEvents: S,
+    handleFiles: m,
+    handleReset: B
+  } = Kt({
+    uploadInputRef: x,
     files: r,
     onChange: l,
     multiple: s,
     placeholder: g
   });
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      oe,
+  return /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ o(
+      Jt,
       {
         ...p,
-        placeholder: m,
-        value: f,
-        error: y,
-        focused: b ?? a,
-        handleReset: j,
+        placeholder: f,
+        value: M,
+        error: b,
+        focused: v ?? a,
+        handleReset: B,
         dragOver: a,
         inProgress: i,
-        hasFiles: !!f,
-        InputProps: B,
-        buttonText: n
+        hasFiles: !!M,
+        InputProps: S,
+        buttonText: e
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o(
       "input",
       {
         ...u,
-        ref: M,
+        ref: x,
         style: { display: "none" },
         type: "file",
         "aria-label": t,
         name: t,
-        accept: String(x),
+        accept: String(h),
         multiple: s,
-        onChange: h
+        onChange: m
       }
     )
   ] });
 }
-const ae = c("div", {
+const Xt = d("div", {
   shouldForwardProp: (t) => t !== "variant"
-})(({ variant: t, theme: n }) => ({
+})(({ variant: t, theme: e }) => ({
   width: "100%",
-  borderRadius: n.spacing(0.5),
+  borderRadius: e.spacing(0.5),
   ...t === "outlined" && {
-    backgroundColor: n.palette.background.paper,
-    boxShadow: `inset 0 0 0 1px ${n.palette.divider}`
+    backgroundColor: e.palette.background.paper,
+    boxShadow: `inset 0 0 0 1px ${e.palette.divider}`
   }
 }));
-function ze({
+function Ve({
   variant: t = "standard",
-  items: n,
-  ...o
+  items: e,
+  ...n
 }) {
-  return /* @__PURE__ */ e.jsx(ae, { ...o, variant: t, children: n.map((r, i) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ o(Xt, { ...n, variant: t, children: e.map((r, i) => /* @__PURE__ */ y(
     ct,
     {
       disabled: r.disabled,
       defaultExpanded: r.defaultExpanded,
       onChange: r.onChange,
       children: [
-        /* @__PURE__ */ e.jsx(
-          dt,
+        /* @__PURE__ */ o(
+          ut,
           {
             "aria-controls": `${i}-content`,
             id: `${i}-header`,
             children: r.summary
           }
         ),
-        /* @__PURE__ */ e.jsx(ut, { children: r.content })
+        /* @__PURE__ */ o(pt, { children: r.content })
       ]
     },
     i
   )) });
 }
-const le = pt(), se = "c4r.form.add";
-function ce(t) {
+const te = gt(), ee = "c4r.form.add";
+function ne(t) {
   return t && typeof t == "object" ? t.title ?? String(t) : String(t);
 }
-function de({
+function oe({
   creatable: t,
-  newItemLabel: n = se,
-  newItemIcon: o,
+  newItemLabel: e = ee,
+  newItemIcon: n,
   freeSolo: r,
   renderOption: i,
   forcePopupIcon: l,
   filterOptions: s,
-  getOptionLabel: g = ce,
-  ...y
-}, b) {
-  const u = L(), p = k(u), x = (m, a) => {
-    const B = le(
-      m,
-      a
-    ), { inputValue: h } = a, j = m.some(
-      (d) => h === g(d)
-    );
-    return h.length > 1 && h !== "" && !j && B.push({
-      inputValue: h,
-      title: typeof n == "function" ? n(h) : `${p.formatMessage({ id: n })} "${h}"`
-    }), B;
-  }, M = (m) => typeof m == "string" ? m : m.inputValue ? m.inputValue : g(m), f = (m, a) => /* @__PURE__ */ e.jsx(yt, { children: a.divider ? /* @__PURE__ */ e.jsx(D, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    a.inputValue && /* @__PURE__ */ e.jsx(D, {}),
-    /* @__PURE__ */ e.jsxs(
-      Q,
-      {
-        ...m,
-        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__ */ e.jsx(V, { children: o ?? /* @__PURE__ */ e.jsx(At, {}) }),
-          a.startAdornment && !a.inputValue && /* @__PURE__ */ e.jsx(V, { children: a.startAdornment }),
-          /* @__PURE__ */ e.jsxs(N, { children: [
-            a.alternativeTitle ?? a.title,
-            a.secondaryText && /* @__PURE__ */ e.jsx(
-              T,
-              {
-                component: "p",
-                variant: "caption",
-                color: "text.secondary",
-                children: a.secondaryText
-              }
-            )
-          ] }),
-          a.endAdornment
-        ]
-      }
-    )
-  ] }) }, a.inputValue ?? a.title);
-  return /* @__PURE__ */ e.jsx(
-    gt,
+  getOptionLabel: g = ne,
+  ...b
+}, v) {
+  const u = E(), p = $(u);
+  return /* @__PURE__ */ o(
+    ft,
     {
-      ...y,
-      ref: b,
-      filterOptions: t ? x : s,
-      getOptionLabel: t ? M : g,
-      renderOption: t ? f : i,
+      ...b,
+      ref: v,
+      filterOptions: t ? (f, a) => {
+        const S = te(
+          f,
+          a
+        ), { inputValue: m } = a, B = f.some(
+          (c) => m === g(c)
+        );
+        return m.length > 1 && m !== "" && !B && S.push({
+          inputValue: m,
+          title: typeof e == "function" ? e(m) : `${p.formatMessage({ id: e })} "${m}"`
+        }), S;
+      } : 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,
       freeSolo: t || r,
       forcePopupIcon: t || l
     }
   );
 }
-const Ye = P(de), H = {
+const He = k(oe), j = {
   large: 5,
   medium: 4,
   small: 3,
   xsmall: 2.25
-}, ue = c(xt, {
+}, re = d(mt, {
   shouldForwardProp: (t) => t !== "size"
-})(({ theme: t, size: n = "medium" }) => ({
-  width: t.spacing(H[n]),
-  height: t.spacing(H[n]),
+})(({ theme: t, size: e = "medium" }) => ({
+  width: t.spacing(j[e]),
+  height: t.spacing(j[e]),
   ...t.typography.subtitle1,
-  ...n === "large" && {
+  ...e === "large" && {
     ...t.typography.h6
   },
-  ...n === "small" && {
+  ...e === "small" && {
     ...t.typography.caption,
     fontWeight: 500
   },
-  ...n === "xsmall" && {
+  ...e === "xsmall" && {
     ...t.typography.caption,
     fontWeight: 500,
     svg: {
-      width: S,
-      height: S
+      width: F,
+      height: F
     }
   }
 }));
-function Ze(t) {
-  return /* @__PURE__ */ e.jsx(ue, { ...t });
+function We(t) {
+  return /* @__PURE__ */ o(re, { ...t });
 }
-const pe = c("div")(({ theme: t }) => ({
+const ie = d("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
-  height: Tt,
+  height: xt,
   marginRight: t.spacing(1.5)
-})), ge = c(F)(({ theme: t }) => ({
+})), ae = d(P)(({ theme: t }) => ({
   marginRight: t.spacing(1),
   "&.MuiButtonBase-root svg path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), xe = c(D)(({ theme: t }) => ({
-  borderColor: ft(t.palette.brand.appBarContrastText, 0.12)
+})), le = d(D)(({ theme: t }) => ({
+  borderColor: ht(t.palette.brand.appBarContrastText, 0.12)
 }));
-function fe({
+function se({
   onClickMenu: t
 }) {
   return (
     // replacing deprecated `<Hidden />` with sx following this MUI5 guide:
     // https://mui.com/material-ui/migration/v5-component-changes/#hidden
-    /* @__PURE__ */ e.jsx(
-      C,
+    /* @__PURE__ */ o(
+      w,
       {
         sx: {
           display: { md: "none", xs: "block" }
         },
-        children: /* @__PURE__ */ e.jsxs(pe, { children: [
-          /* @__PURE__ */ e.jsx(ge, { onClick: t, children: /* @__PURE__ */ e.jsx(St, {}) }),
-          /* @__PURE__ */ e.jsx(xe, { orientation: "vertical", flexItem: !0 })
+        children: /* @__PURE__ */ y(ie, { children: [
+          /* @__PURE__ */ o(ae, { onClick: t, children: /* @__PURE__ */ o(At, {}) }),
+          /* @__PURE__ */ o(le, { orientation: "vertical", flexItem: !0 })
         ] })
       }
     )
   );
 }
-const me = c("div")(({ theme: t }) => ({
+const de = d("div")(({ theme: t }) => ({
   display: "flex",
   marginRight: t.spacing(1.5),
   "& a": {
@@ -1098,27 +1081,27 @@ const me = c("div")(({ theme: t }) => ({
     height: t.spacing(4)
   }
 }));
-function he({ logo: t }) {
-  return /* @__PURE__ */ e.jsx(me, { children: t });
+function ce({ logo: t }) {
+  return /* @__PURE__ */ o(de, { children: t });
 }
-const Me = G(T)({
+const ue = H(T)({
   display: "flex",
   alignItems: "center",
   whiteSpace: "nowrap"
 });
-function ye({ text: t }) {
-  const n = K();
-  return /* @__PURE__ */ e.jsx(
-    Me,
+function pe({ text: t }) {
+  const e = Q();
+  return /* @__PURE__ */ o(
+    ue,
     {
       component: "span",
       variant: "subtitle1",
-      color: n.palette.brand.appBarContrastText,
+      color: e.palette.brand.appBarContrastText,
       children: t
     }
   );
 }
-const be = G(T)(({ theme: t }) => ({
+const ge = H(T)(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   "&::before": {
@@ -1128,20 +1111,20 @@ const be = G(T)(({ theme: t }) => ({
     color: t.palette.brand.appBarContrastText
   }
 }));
-function ve({ text: t }) {
-  const n = K();
-  return /* @__PURE__ */ e.jsx(
-    be,
+function fe({ text: t }) {
+  const e = Q();
+  return /* @__PURE__ */ o(
+    ge,
     {
       component: "span",
       variant: "body2",
       weight: "strong",
-      color: n.palette.brand.appBarContrastText,
+      color: e.palette.brand.appBarContrastText,
       children: t
     }
   );
 }
-const je = c(mt)(({ theme: t }) => ({
+const me = d(Mt)(({ theme: t }) => ({
   backgroundColor: t.palette.brand.appBarMain,
   "& .MuiTypography-root": {
     color: t.palette.brand.appBarContrastText
@@ -1149,7 +1132,7 @@ const je = c(mt)(({ theme: t }) => ({
   "& .MuiIconButton-root path": {
     fill: t.palette.brand.appBarContrastText
   }
-})), Te = c("div")(({ theme: t }) => ({
+})), he = d("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   maxWidth: "calc(100% - 300px)",
@@ -1157,93 +1140,93 @@ const je = c(mt)(({ theme: t }) => ({
   [t.breakpoints.down("sm")]: {
     minWidth: "192px"
   }
-})), Ie = c("div")(({ theme: t }) => ({
+})), Me = d("div")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   flex: 1,
   marginLeft: t.spacing(1)
 }));
-function Je({
+function Ue({
   children: t,
-  brandLogo: n,
-  brandText: o,
+  brandLogo: e,
+  brandText: n,
   secondaryText: r,
   showBurgerMenu: i = !1,
   onClickMenu: l,
   ...s
 }) {
-  return /* @__PURE__ */ e.jsx(je, { ...s, children: /* @__PURE__ */ e.jsxs(ht, { children: [
-    /* @__PURE__ */ e.jsxs(Te, { children: [
-      i && /* @__PURE__ */ e.jsx(fe, { onClickMenu: l }),
-      n && /* @__PURE__ */ e.jsx(he, { logo: n }),
-      o && /* @__PURE__ */ e.jsx(ye, { text: o }),
-      r && /* @__PURE__ */ e.jsx(ve, { text: r })
+  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 })
     ] }),
-    /* @__PURE__ */ e.jsx(Ie, { children: t })
+    /* @__PURE__ */ o(Me, { children: t })
   ] }) });
 }
-const Be = [{ outlinedBullet: !1, value: "" }], Ae = c("ul")(({ theme: t }) => ({
+const ye = [{ outlinedBullet: !1, value: "" }], be = d("ul")(({ theme: t }) => ({
   listStyle: "none",
   paddingLeft: 0,
   margin: t.spacing(0.5, 0, 0, 0)
-})), Se = c("li")(({ theme: t }) => ({
+})), ve = d("li")(({ theme: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   "&:not(:last-child)": {
     marginBottom: t.spacing(0.5)
   }
-})), Ce = c("span")(({ theme: t }) => ({
+})), xe = d("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]
-})), Fe = c(T)(({ theme: t }) => ({
+})), Ie = d(T)(({ theme: t }) => ({
   minWidth: t.spacing(10),
   marginRight: t.spacing(1.5)
 }));
-function Ke({
-  items: t = Be,
-  title: n
+function je({
+  items: t = ye,
+  title: e
 }) {
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    n && /* @__PURE__ */ e.jsx(T, { color: "inherit", variant: "caption", weight: "medium", children: n }),
-    /* @__PURE__ */ e.jsx(Ae, { children: t.map((o, r) => /* @__PURE__ */ e.jsxs(Se, { children: [
-      /* @__PURE__ */ e.jsx(
-        Ce,
+  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: [
+      /* @__PURE__ */ o(
+        xe,
         {
           style: {
-            backgroundColor: `${o.outlinedBullet ? "transparent" : o.color}`,
-            borderColor: o.color
+            backgroundColor: `${n.outlinedBullet ? "transparent" : n.color}`,
+            borderColor: n.color
           }
         }
       ),
-      o.category && /* @__PURE__ */ e.jsx(Fe, { color: "inherit", variant: "caption", children: o.category }),
-      /* @__PURE__ */ e.jsx(T, { color: "inherit", variant: "caption", weight: "medium", children: o.value })
+      n.category && /* @__PURE__ */ o(Ie, { color: "inherit", variant: "caption", children: n.category }),
+      /* @__PURE__ */ o(T, { color: "inherit", variant: "caption", weight: "medium", children: n.value })
     ] }, r)) })
   ] });
 }
 export {
-  ze as AccordionGroup,
-  tn as Alert,
-  Je as AppBar,
-  Ye as Autocomplete,
-  Ze as Avatar,
-  Ge as Button,
-  _e as LabelWithIndicator,
-  We as Menu,
-  Q as MenuItem,
-  Ue as MenuList,
-  qe as MultipleSelectField,
-  Ve as PasswordField,
-  Ht as SelectField,
-  en as TablePaginationActions,
-  He as ToggleButtonGroup,
-  Ke as TooltipData,
+  Ve as AccordionGroup,
+  Ne as Alert,
+  Ue as AppBar,
+  He as Autocomplete,
+  We as Avatar,
+  ke as Button,
+  $e as LabelWithIndicator,
+  Oe as Menu,
+  X as MenuItem,
+  De as MenuList,
+  Ge as MultipleSelectField,
+  Ee as PasswordField,
+  Rt as SelectField,
+  Ye as TablePaginationActions,
+  Re as ToggleButtonGroup,
+  je as TooltipData,
   T as Typography,
-  Ne as UploadField,
-  oe as UploadFieldBase
+  _e as UploadField,
+  Jt as UploadFieldBase
 };