@carto/meridian-ds 0.1.0

package/dist/components/index.js

@@ -0,0 +1,1249 @@
+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;
+}
+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 }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(0.5)
+})), Et = c(T)(({ theme: t }) => ({
+  ".Mui-disabled &": {
+    color: t.palette.text.disabled
+  }
+})), Dt = c(C)(({ theme: t }) => ({
+  display: "flex",
+  svg: {
+    width: S,
+    height: S,
+    fontSize: S,
+    path: {
+      fill: t.palette.text.secondary,
+      ".Mui-disabled &": {
+        fill: t.palette.text.disabled
+      }
+    }
+  }
+}));
+function _e({
+  label: t,
+  type: n,
+  icon: o,
+  inheritSize: r
+}) {
+  return /* @__PURE__ */ e.jsxs($t, { children: [
+    t,
+    n && /* @__PURE__ */ e.jsx(
+      Et,
+      {
+        component: "span",
+        variant: r ? "inherit" : "caption",
+        color: "textSecondary",
+        weight: "regular",
+        children: n === "required" ? "(required)" : "(optional)"
+      }
+    ),
+    o && /* @__PURE__ */ e.jsx(Dt, { children: o })
+  ] });
+}
+function Rt({ InputProps: t, size: n = "small", ...o }, r) {
+  const [i, l] = w(!1), s = () => l(!i);
+  return /* @__PURE__ */ e.jsx(
+    U,
+    {
+      ...o,
+      ref: r,
+      type: i ? "text" : "password",
+      size: n,
+      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, {}) }) })
+      }
+    }
+  );
+}
+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 Gt = c(X)(({ theme: t }) => ({
+  "& .MuiInputAdornment-positionStart": {
+    paddingLeft: t.spacing(2),
+    "&.MuiInputAdornment-sizeSmall": {
+      paddingLeft: t.spacing(1.5)
+    }
+  },
+  "& .MuiInputBase-inputAdornedStart": {
+    paddingLeft: "0px !important"
+  },
+  "& .MuiSelect-select .MuiMenuItem-root:hover": {
+    backgroundColor: "transparent"
+  },
+  "&.MuiInputBase-root .MuiSelect-select.MuiSelect-multiple": {
+    paddingRight: t.spacing(7)
+  }
+})), _t = c(O)(() => ({
+  display: "none"
+}));
+function Vt({
+  children: t,
+  placeholder: n,
+  size: o = "small",
+  displayEmpty: r,
+  menuProps: i,
+  inputProps: l,
+  labelId: s,
+  label: g,
+  labelSecondary: y,
+  helperText: b,
+  name: u,
+  error: p,
+  focused: x,
+  disabled: M,
+  fullWidth: f,
+  required: m,
+  "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,
+    {
+      size: o,
+      error: p,
+      focused: x,
+      disabled: M,
+      fullWidth: f,
+      required: m,
+      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__ */ e.jsxs(
+          Gt,
+          {
+            ...B,
+            labelId: v,
+            name: u,
+            ref: h,
+            size: o,
+            fullWidth: f,
+            displayEmpty: r ?? !!n,
+            inputProps: {
+              ...l,
+              "aria-label": a
+            },
+            MenuProps: {
+              ...i,
+              PopoverClasses: {
+                paper: j ? "MuiMenu-paper-sizeSmall" : void 0
+              },
+              anchorOrigin: {
+                vertical: "bottom",
+                horizontal: "left"
+              },
+              transformOrigin: {
+                vertical: 0,
+                horizontal: "left"
+              }
+            },
+            children: [
+              n && /* @__PURE__ */ e.jsx(_t, { disabled: !0, value: "", children: /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  variant: j ? "body2" : "body1",
+                  color: "text.hint",
+                  component: "span",
+                  children: n
+                }
+              ) }),
+              t
+            ]
+          }
+        ),
+        b && /* @__PURE__ */ e.jsx(nt, { "aria-label": `${u}-helper`, children: b })
+      ]
+    }
+  );
+}
+const Ht = P(Vt), Wt = c(ot, {
+  shouldForwardProp: (t) => t !== "variant" && t !== "backgroundColor"
+})(({ variant: t, backgroundColor: n, theme: o }) => ({
+  // Variants
+  ...t === "contained" && {
+    boxShadow: "none"
+  },
+  ...t === "unbounded" && {
+    boxShadow: "none",
+    borderRadius: o.spacing(0.5),
+    "& .MuiDivider-root": {
+      height: o.spacing(4),
+      "&.MuiToggleButtonGroup-groupedHorizontal": {
+        height: o.spacing(4)
+      },
+      "&.MuiToggleButtonGroup-groupedVertical": {
+        height: "auto",
+        width: o.spacing(4),
+        margin: `${o.spacing(0.5, 0, 1)} !important`,
+        borderRadius: "0 !important"
+      }
+    },
+    "& .MuiToggleButton-sizeSmall": {
+      margin: 0,
+      "&.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+        margin: 0
+      },
+      "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
+        height: o.spacing(3)
+      },
+      "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
+        height: "auto",
+        width: o.spacing(3)
+      }
+    },
+    ".MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+      margin: 0,
+      "&:first-of-type": {
+        marginLeft: 0
+      },
+      "&:not(:last-of-type)": {
+        marginRight: o.spacing(0.5)
+      }
+    },
+    "&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)": {
+      ".MuiToggleButtonGroup-grouped": {
+        margin: o.spacing(0, 0.5)
+      }
+    },
+    "&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)": {
+      ".MuiToggleButtonGroup-grouped": {
+        margin: o.spacing(0, 0, 0.5),
+        "&:not(:last-of-type)": {
+          marginRight: 0
+        },
+        "&:last-of-type": {
+          marginBottom: 0
+        }
+      }
+    }
+  },
+  // Colors
+  ...n === "primary" && {
+    backgroundColor: o.palette.background.paper
+  },
+  ...n === "secondary" && {
+    backgroundColor: o.palette.background.default
+  },
+  ...n === "transparent" && {
+    backgroundColor: "transparent"
+  }
+}));
+function He({
+  children: t,
+  variant: n = "floating",
+  backgroundColor: o,
+  ...r
+}) {
+  const l = n === "unbounded" ? "transparent" : "primary";
+  return /* @__PURE__ */ e.jsx(
+    Wt,
+    {
+      ...r,
+      variant: n,
+      backgroundColor: o ?? l,
+      children: t
+    }
+  );
+}
+const Ut = c(rt, {
+  shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
+})(({ theme: t, extended: n, width: o, height: r }) => ({
+  ...n && {
+    ".MuiMenuItem-root": {
+      minHeight: t.spacing(6)
+    }
+  },
+  ...o && {
+    ".MuiList-root": {
+      width: o,
+      minWidth: o
+    }
+  },
+  ...r && {
+    ".MuiMenu-paper": {
+      overflow: "hidden"
+    },
+    ".MuiList-root": {
+      maxHeight: r
+    }
+  }
+}));
+function We(t) {
+  return /* @__PURE__ */ e.jsx(Ut, { ...t });
+}
+const qt = c(O, {
+  shouldForwardProp: (t) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
+    t
+  )
+})(
+  ({
+    theme: t,
+    dense: n,
+    subtitle: o,
+    destructive: r,
+    extended: i,
+    fixed: l,
+    iconColor: s = "primary"
+  }) => ({
+    ...o && {
+      pointerEvents: "none",
+      columnGap: 0,
+      ...t.typography.caption,
+      fontWeight: 500,
+      color: t.palette.text.secondary,
+      ".MuiListItemText-root .MuiTypography-root": {
+        ...t.typography.caption,
+        fontWeight: 500,
+        color: t.palette.text.secondary
+      },
+      "&.MuiMenuItem-root": {
+        minHeight: t.spacing(3),
+        paddingTop: 0,
+        paddingBottom: 0,
+        marginTop: t.spacing(1),
+        "&:not(:first-of-type)": {
+          minHeight: t.spacing(5),
+          paddingTop: t.spacing(1),
+          borderTop: `1px solid ${t.palette.divider}`
+        }
+      }
+    },
+    ...s === "primary" && {
+      ".MuiListItemIcon-root svg path": {
+        fill: t.palette.text.primary
+      },
+      "&.Mui-selected .MuiListItemIcon-root svg path": {
+        fill: t.palette.primary.main
+      },
+      '.MuiAutocomplete-listbox &[aria-selected="true"] svg path': {
+        fill: t.palette.primary.main
+      }
+    },
+    ...r && {
+      color: t.palette.error.main,
+      ".MuiTypography-root": {
+        color: t.palette.error.main
+      },
+      "svg, & .MuiSvgIcon-root": {
+        color: t.palette.error.main
+      },
+      ".MuiListItemIcon-root svg path": {
+        fill: t.palette.error.main
+      },
+      "&.Mui-selected .MuiListItemIcon-root svg path": {
+        fill: t.palette.error.main
+      },
+      "&:hover": {
+        backgroundColor: t.palette.error.relatedLight
+      },
+      "&.Mui-selected": {
+        color: t.palette.error.main,
+        ".MuiTypography-root": {
+          color: t.palette.error.main
+        },
+        "svg, & .MuiSvgIcon-root": {
+          color: t.palette.error.main
+        }
+      },
+      "&.Mui-disabled": {
+        color: t.palette.text.disabled,
+        ".MuiTypography-root": {
+          color: t.palette.text.disabled
+        },
+        svg: {
+          color: t.palette.text.disabled
+        }
+      }
+    },
+    ...i && {
+      "&.MuiButtonBase-root.MuiMenuItem-root": {
+        minHeight: t.spacing(6)
+      }
+    },
+    ...l && {
+      "&.MuiMenuItem-root": {
+        position: "sticky",
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+        zIndex: 2,
+        minHeight: t.spacing(6),
+        marginBottom: t.spacing(1),
+        padding: t.spacing(0.5, 1.5),
+        backgroundColor: t.palette.background.paper,
+        borderBottom: `1px solid ${t.palette.divider}`
+      },
+      ".MuiAutocomplete-listbox &.MuiAutocomplete-option:first-of-type": {
+        minHeight: t.spacing(6),
+        marginTop: 0,
+        "&:hover": {
+          backgroundColor: t.palette.background.paper
+        }
+      }
+    },
+    ...!l && {
+      ".MuiList-root &:first-of-type": {
+        marginTop: t.spacing(1)
+      }
+    },
+    ...n && {
+      "&.MuiButtonBase-root.MuiMenuItem-root": {
+        minHeight: t.spacing(3),
+        padding: t.spacing(0.25, 1.5)
+      }
+    }
+  })
+);
+function Q(t) {
+  return /* @__PURE__ */ e.jsx(qt, { ...t });
+}
+const Nt = c(it, {
+  shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
+})(({ theme: t, extended: n, width: o, height: r }) => ({
+  ...n && {
+    ".MuiMenuItem-root": {
+      minHeight: t.spacing(6)
+    }
+  },
+  "&.MuiList-root": {
+    ...o && {
+      width: o,
+      minWidth: o
+    },
+    ...r && {
+      maxHeight: r
+    }
+  }
+}));
+function Ue(t) {
+  return /* @__PURE__ */ e.jsx(Nt, { ...t });
+}
+function zt({
+  selectedOptions: t,
+  options: n,
+  onChange: o
+}) {
+  const [r, i] = w(t || []), l = n.length === r.length, s = r.length > 0;
+  return Y(() => {
+    r !== t && i(r);
+  }, [t]), {
+    areAllSelected: l,
+    areAnySelected: s,
+    currentOptions: r,
+    handleChange: (u) => {
+      const {
+        target: { value: p }
+      } = u, x = typeof p == "string" ? p.split(",") : p.filter((M) => M !== void 0);
+      i(x), o(x);
+    },
+    selectAll: () => {
+      const u = n == null ? void 0 : n.filter(({ disabled: p }) => !p).map(({ value: p }) => p);
+      u && (u.every(
+        (x) => r.includes(x)
+      ) ? (i([]), o([])) : (i(u), o(u)));
+    },
+    unselectAll: () => {
+      i([]), o([]);
+    }
+  };
+}
+const Yt = c(at)(
+  ({ disabled: t, theme: n }) => ({
+    display: "flex",
+    alignItems: "center",
+    gap: n.spacing(1),
+    width: "100%",
+    textAlign: "initial",
+    ...t && {
+      pointerEvents: "none",
+      color: n.palette.text.disabled
+    }
+  })
+);
+function Zt({
+  areAllSelected: t,
+  areAnySelected: n,
+  selectAll: o,
+  selectAllDisabled: r
+}) {
+  const i = L(), l = k(i);
+  return /* @__PURE__ */ e.jsx(Q, { fixed: !0, children: /* @__PURE__ */ e.jsxs(
+    Yt,
+    {
+      variant: "body2",
+      color: "textPrimary",
+      component: "button",
+      underline: "none",
+      disabled: !!r,
+      onClick: o,
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          q,
+          {
+            checked: t,
+            indeterminate: n && !t,
+            disabled: r
+          }
+        ),
+        l.formatMessage({ id: "c4r.form.selectAll" })
+      ]
+    }
+  ) });
+}
+const Jt = c(O)(({ theme: t }) => ({
+  "&.Mui-disabled": {
+    pointerEvents: "auto",
+    "&:hover": {
+      backgroundColor: `${t.palette.background.default} !important`
+    }
+  }
+})), Kt = c(R)(({ theme: t }) => ({
+  display: "none",
+  position: "absolute",
+  top: t.spacing(2),
+  right: t.spacing(3.5),
+  ".MuiInputBase-root:hover &, .MuiInputBase-root.Mui-focused &": {
+    display: "flex"
+  },
+  ".MuiSvgIcon-root": {
+    color: t.palette.text.hint
+  }
+})), Qt = [], Xt = () => {
+};
+function te({
+  options: t = Qt,
+  selectedOptions: n,
+  size: o = "small",
+  placeholder: r,
+  showCounter: i,
+  showFilters: l = !0,
+  onChange: s = Xt,
+  selectAllDisabled: g,
+  tooltipPlacement: y,
+  variant: b,
+  ...u
+}, p) {
+  const {
+    areAllSelected: x,
+    areAnySelected: M,
+    currentOptions: f,
+    handleChange: m,
+    selectAll: a,
+    unselectAll: B
+  } = zt({
+    options: t,
+    selectedOptions: n,
+    onChange: s
+  }), h = o === "small", j = h || b === "standard" ? 0 : 2, d = L(), v = k(d), I = `${f.length} ${v.formatMessage({
+    id: "c4r.form.selected"
+  })}`, $ = Z(() => x ? /* @__PURE__ */ e.jsx(
+    T,
+    {
+      component: "span",
+      variant: h ? "body2" : "body1",
+      color: "textPrimary",
+      ml: j,
+      children: v.formatMessage({ id: "c4r.form.allSelected" })
+    }
+  ) : M ? /* @__PURE__ */ e.jsx(
+    T,
+    {
+      component: "span",
+      variant: h ? "body2" : "body1",
+      color: "textPrimary",
+      ml: j,
+      children: i && f.length > 1 ? I : f.join(", ")
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    T,
+    {
+      component: "span",
+      variant: h ? "body2" : "body1",
+      color: "text.hint",
+      ml: j,
+      children: r ?? v.formatMessage({ id: "c4r.form.noneSelected" })
+    }
+  ), [
+    x,
+    M,
+    I,
+    f,
+    v,
+    h,
+    j,
+    r,
+    i
+  ]);
+  return /* @__PURE__ */ e.jsxs(
+    Ht,
+    {
+      ...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, {}) }) }),
+      menuProps: {
+        PaperProps: {
+          sx: {
+            ".MuiList-root": {
+              paddingTop: 0
+            }
+          }
+        }
+      },
+      children: [
+        l && /* @__PURE__ */ e.jsx(
+          Zt,
+          {
+            areAllSelected: x,
+            areAnySelected: M,
+            selectAll: a,
+            selectAllDisabled: g
+          }
+        ),
+        t == null ? void 0 : t.map((A) => {
+          const _ = /* @__PURE__ */ e.jsxs(
+            Jt,
+            {
+              value: A.value,
+              disabled: A.disabled,
+              tabIndex: 0,
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  q,
+                  {
+                    disabled: A.disabled,
+                    checked: f.includes(A.value)
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(N, { primary: A.label })
+              ]
+            },
+            A.value
+          );
+          return A.tooltip ? /* @__PURE__ */ e.jsx(
+            lt,
+            {
+              title: A.tooltip,
+              placement: y,
+              children: _
+            },
+            A.value
+          ) : _;
+        })
+      ]
+    }
+  );
+}
+const qe = P(te), ee = G(U, {
+  shouldForwardProp: (t) => t !== "cursor"
+})(
+  ({ cursor: t, theme: n }) => ({
+    "&.MuiTextField-root .MuiInputBase-root": {
+      cursor: t,
+      paddingRight: n.spacing(1),
+      "& input": {
+        cursor: t
+      },
+      "&.Mui-disabled": {
+        pointerEvents: "none",
+        "& .MuiButtonBase-root": {
+          color: n.palette.text.disabled
+        }
+      },
+      "&.MuiInputBase-sizeSmall": {
+        paddingRight: n.spacing(0.5)
+      }
+    },
+    "& .MuiFormLabel-root": {
+      cursor: t,
+      "&.Mui-disabled": {
+        pointerEvents: "none"
+      }
+    }
+  })
+);
+function ne({
+  buttonText: t,
+  hasFiles: n,
+  size: o,
+  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,
+    {
+      onClick: l,
+      size: o,
+      "aria-label": "delete",
+      disabled: i,
+      children: /* @__PURE__ */ e.jsx(J, {})
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    W,
+    {
+      onClick: s,
+      size: o,
+      variant: "text",
+      color: r ? "default" : "primary",
+      disabled: i,
+      children: t
+    }
+  ) });
+}
+function oe({
+  name: t,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  multiple: n,
+  // multiple prop defined here for compatibility with cloud-native but not used in the component
+  handleReset: o,
+  handleOpen: r,
+  dragOver: i,
+  error: l,
+  placeholder: s,
+  focused: g,
+  buttonText: y = "Browse",
+  inProgress: b,
+  InputProps: u,
+  size: p = "small",
+  hasFiles: x,
+  cursor: M = "pointer",
+  ...f
+}) {
+  return /* @__PURE__ */ e.jsx(
+    ee,
+    {
+      ...f,
+      size: p,
+      error: l,
+      placeholder: s,
+      focused: g ?? i,
+      cursor: M,
+      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,
+          {
+            buttonText: y,
+            hasFiles: x,
+            size: p,
+            error: l,
+            disabled: !!i,
+            handleReset: o,
+            handleOpen: r,
+            inProgress: b
+          }
+        )
+      }
+    }
+  );
+}
+function re({
+  onChange: t,
+  files: n,
+  multiple: o,
+  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(
+      s.formatMessage(
+        { id: "c4r.form.filesSelected" },
+        { count: n.length }
+      )
+    );
+  }, [n, 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($);
+      }
+    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(
+      { id: "c4r.form.dragPlaceholder" },
+      { count: o ? 0 : 1 }
+    ), v = s.formatMessage(
+      { id: "c4r.form.dragActivePlaceholder" },
+      { count: o ? 0 : 1 }
+    );
+    let I = "";
+    return b ? I = v : I = r ?? d, I;
+  }, [b, o, r, s]);
+  return {
+    filesText: g,
+    getPlaceholder: h,
+    dragOver: b,
+    inputEvents: {
+      onDragOver: x,
+      onDragLeave: M,
+      onDrop: f,
+      onClick: p
+    },
+    handleFiles: a,
+    handleReset: B
+  };
+}
+const ie = ["application/JSON"];
+function Ne({
+  name: t,
+  buttonText: n,
+  accept: o,
+  files: r,
+  inProgress: i,
+  onChange: l,
+  multiple: s,
+  placeholder: g,
+  error: y,
+  focused: b,
+  nativeInputProps: u,
+  ...p
+}) {
+  const x = o ?? ie, M = Mt(null), {
+    filesText: f,
+    getPlaceholder: m,
+    dragOver: a,
+    inputEvents: B,
+    handleFiles: h,
+    handleReset: j
+  } = re({
+    uploadInputRef: M,
+    files: r,
+    onChange: l,
+    multiple: s,
+    placeholder: g
+  });
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        ...p,
+        placeholder: m,
+        value: f,
+        error: y,
+        focused: b ?? a,
+        handleReset: j,
+        dragOver: a,
+        inProgress: i,
+        hasFiles: !!f,
+        InputProps: B,
+        buttonText: n
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ...u,
+        ref: M,
+        style: { display: "none" },
+        type: "file",
+        "aria-label": t,
+        name: t,
+        accept: String(x),
+        multiple: s,
+        onChange: h
+      }
+    )
+  ] });
+}
+const ae = c("div", {
+  shouldForwardProp: (t) => t !== "variant"
+})(({ variant: t, theme: n }) => ({
+  width: "100%",
+  borderRadius: n.spacing(0.5),
+  ...t === "outlined" && {
+    backgroundColor: n.palette.background.paper,
+    boxShadow: `inset 0 0 0 1px ${n.palette.divider}`
+  }
+}));
+function ze({
+  variant: t = "standard",
+  items: n,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsx(ae, { ...o, variant: t, children: n.map((r, i) => /* @__PURE__ */ e.jsxs(
+    ct,
+    {
+      disabled: r.disabled,
+      defaultExpanded: r.defaultExpanded,
+      onChange: r.onChange,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          dt,
+          {
+            "aria-controls": `${i}-content`,
+            id: `${i}-header`,
+            children: r.summary
+          }
+        ),
+        /* @__PURE__ */ e.jsx(ut, { children: r.content })
+      ]
+    },
+    i
+  )) });
+}
+const le = pt(), se = "c4r.form.add";
+function ce(t) {
+  return t && typeof t == "object" ? t.title ?? String(t) : String(t);
+}
+function de({
+  creatable: t,
+  newItemLabel: n = se,
+  newItemIcon: o,
+  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,
+    {
+      ...y,
+      ref: b,
+      filterOptions: t ? x : s,
+      getOptionLabel: t ? M : g,
+      renderOption: t ? f : i,
+      freeSolo: t || r,
+      forcePopupIcon: t || l
+    }
+  );
+}
+const Ye = P(de), H = {
+  large: 5,
+  medium: 4,
+  small: 3,
+  xsmall: 2.25
+}, ue = c(xt, {
+  shouldForwardProp: (t) => t !== "size"
+})(({ theme: t, size: n = "medium" }) => ({
+  width: t.spacing(H[n]),
+  height: t.spacing(H[n]),
+  ...t.typography.subtitle1,
+  ...n === "large" && {
+    ...t.typography.h6
+  },
+  ...n === "small" && {
+    ...t.typography.caption,
+    fontWeight: 500
+  },
+  ...n === "xsmall" && {
+    ...t.typography.caption,
+    fontWeight: 500,
+    svg: {
+      width: S,
+      height: S
+    }
+  }
+}));
+function Ze(t) {
+  return /* @__PURE__ */ e.jsx(ue, { ...t });
+}
+const pe = c("div")(({ theme: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  height: Tt,
+  marginRight: t.spacing(1.5)
+})), ge = c(F)(({ 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)
+}));
+function fe({
+  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,
+      {
+        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 })
+        ] })
+      }
+    )
+  );
+}
+const me = c("div")(({ theme: t }) => ({
+  display: "flex",
+  marginRight: t.spacing(1.5),
+  "& a": {
+    display: "flex"
+  },
+  "& svg, & img": {
+    width: t.spacing(4),
+    height: t.spacing(4)
+  }
+}));
+function he({ logo: t }) {
+  return /* @__PURE__ */ e.jsx(me, { children: t });
+}
+const Me = G(T)({
+  display: "flex",
+  alignItems: "center",
+  whiteSpace: "nowrap"
+});
+function ye({ text: t }) {
+  const n = K();
+  return /* @__PURE__ */ e.jsx(
+    Me,
+    {
+      component: "span",
+      variant: "subtitle1",
+      color: n.palette.brand.appBarContrastText,
+      children: t
+    }
+  );
+}
+const be = G(T)(({ theme: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  "&::before": {
+    content: '"/"',
+    margin: t.spacing(0, 1),
+    opacity: 0.6,
+    color: t.palette.brand.appBarContrastText
+  }
+}));
+function ve({ text: t }) {
+  const n = K();
+  return /* @__PURE__ */ e.jsx(
+    be,
+    {
+      component: "span",
+      variant: "body2",
+      weight: "strong",
+      color: n.palette.brand.appBarContrastText,
+      children: t
+    }
+  );
+}
+const je = c(mt)(({ theme: t }) => ({
+  backgroundColor: t.palette.brand.appBarMain,
+  "& .MuiTypography-root": {
+    color: t.palette.brand.appBarContrastText
+  },
+  "& .MuiIconButton-root path": {
+    fill: t.palette.brand.appBarContrastText
+  }
+})), Te = c("div")(({ theme: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  maxWidth: "calc(100% - 300px)",
+  overflow: "hidden",
+  [t.breakpoints.down("sm")]: {
+    minWidth: "192px"
+  }
+})), Ie = c("div")(({ theme: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  flex: 1,
+  marginLeft: t.spacing(1)
+}));
+function Je({
+  children: t,
+  brandLogo: n,
+  brandText: o,
+  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 })
+    ] }),
+    /* @__PURE__ */ e.jsx(Ie, { children: t })
+  ] }) });
+}
+const Be = [{ outlinedBullet: !1, value: "" }], Ae = c("ul")(({ theme: t }) => ({
+  listStyle: "none",
+  paddingLeft: 0,
+  margin: t.spacing(0.5, 0, 0, 0)
+})), Se = c("li")(({ theme: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  "&:not(:last-child)": {
+    marginBottom: t.spacing(0.5)
+  }
+})), Ce = 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]
+})), Fe = c(T)(({ theme: t }) => ({
+  minWidth: t.spacing(10),
+  marginRight: t.spacing(1.5)
+}));
+function Ke({
+  items: t = Be,
+  title: n
+}) {
+  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,
+        {
+          style: {
+            backgroundColor: `${o.outlinedBullet ? "transparent" : o.color}`,
+            borderColor: o.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 })
+    ] }, 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,
+  T as Typography,
+  Ne as UploadField,
+  oe as UploadFieldBase
+};