@carto/meridian-ds 0.1.0

package/dist/theme/index.js

@@ -0,0 +1,3863 @@
+import { Typography as Vt, responsiveFontSizes as Ut, createTheme as qt } from "@mui/material";
+import { j as d } from "../jsx-runtime-B6kdoens.js";
+import { P as i, c as Co, _ as h, a as co, b as j, g as Eo, s as Bo, u as Ao, d as Gt, e as xt, f as Vo, h as Kt, i as fo, j as ht, k as to, l as Uo, I as L, m as p, n as ao, o as R, r as yt, p as Mt, A as qo, B as no, S as Go } from "../createSvgIcon-CcKa-Sbo.js";
+import * as g from "react";
+import lo, { Children as Xt, isValidElement as vo, cloneElement as mo } from "react";
+import { keyframes as Wo } from "@emotion/react";
+import { a as xo, c as q } from "../paletteUtils-B489IFFw.js";
+import { g as le } from "../paletteUtils-B489IFFw.js";
+import { A as zo } from "../arrow-drop-icon-CHxPlPIN.js";
+import { ExpandMoreOutlined as Yt } from "@mui/icons-material";
+function vt(o, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return o(...n) || t(...n);
+  };
+}
+function Zt(o) {
+  const {
+    prototype: t = {}
+  } = o;
+  return !!t.isReactComponent;
+}
+function Qt(o, t, e, n, a) {
+  const r = o[t], l = a || t;
+  if (r == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let u;
+  return typeof r == "function" && !Zt(r) && (u = "Did you accidentally provide a plain function component instead?"), u !== void 0 ? new Error(`Invalid ${n} \`${l}\` supplied to \`${e}\`. Expected an element type that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const Jt = vt(i.elementType, Qt), oi = i.oneOfType([i.func, i.object]), ti = /* @__PURE__ */ g.createContext();
+process.env.NODE_ENV !== "production" && (i.node, i.bool);
+const ii = () => {
+  const o = g.useContext(ti);
+  return o ?? !1;
+}, ei = Co(/* @__PURE__ */ d.jsx("path", {
+  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
+}), "KeyboardArrowLeft"), ri = Co(/* @__PURE__ */ d.jsx("path", {
+  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
+}), "KeyboardArrowRight");
+function Oo(o, t) {
+  return Oo = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
+    return e.__proto__ = n, e;
+  }, Oo(o, t);
+}
+function ni(o, t) {
+  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, Oo(o, t);
+}
+const Ko = lo.createContext(null);
+function ai(o) {
+  if (o === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return o;
+}
+function Fo(o, t) {
+  var e = function(r) {
+    return t && vo(r) ? t(r) : r;
+  }, n = /* @__PURE__ */ Object.create(null);
+  return o && Xt.map(o, function(a) {
+    return a;
+  }).forEach(function(a) {
+    n[a.key] = e(a);
+  }), n;
+}
+function li(o, t) {
+  o = o || {}, t = t || {};
+  function e(M) {
+    return M in t ? t[M] : o[M];
+  }
+  var n = /* @__PURE__ */ Object.create(null), a = [];
+  for (var r in o)
+    r in t ? a.length && (n[r] = a, a = []) : a.push(r);
+  var l, u = {};
+  for (var c in t) {
+    if (n[c])
+      for (l = 0; l < n[c].length; l++) {
+        var b = n[c][l];
+        u[n[c][l]] = e(b);
+      }
+    u[c] = e(c);
+  }
+  for (l = 0; l < a.length; l++)
+    u[a[l]] = e(a[l]);
+  return u;
+}
+function Q(o, t, e) {
+  return e[t] != null ? e[t] : o.props[t];
+}
+function si(o, t) {
+  return Fo(o.children, function(e) {
+    return mo(e, {
+      onExited: t.bind(null, e),
+      in: !0,
+      appear: Q(e, "appear", o),
+      enter: Q(e, "enter", o),
+      exit: Q(e, "exit", o)
+    });
+  });
+}
+function pi(o, t, e) {
+  var n = Fo(o.children), a = li(t, n);
+  return Object.keys(a).forEach(function(r) {
+    var l = a[r];
+    if (vo(l)) {
+      var u = r in t, c = r in n, b = t[r], M = vo(b) && !b.props.in;
+      c && (!u || M) ? a[r] = mo(l, {
+        onExited: e.bind(null, l),
+        in: !0,
+        exit: Q(l, "exit", o),
+        enter: Q(l, "enter", o)
+      }) : !c && u && !M ? a[r] = mo(l, {
+        in: !1
+      }) : c && u && vo(b) && (a[r] = mo(l, {
+        onExited: e.bind(null, l),
+        in: b.props.in,
+        exit: Q(l, "exit", o),
+        enter: Q(l, "enter", o)
+      }));
+    }
+  }), a;
+}
+var ci = Object.values || function(o) {
+  return Object.keys(o).map(function(t) {
+    return o[t];
+  });
+}, ui = {
+  component: "div",
+  childFactory: function(t) {
+    return t;
+  }
+}, jo = /* @__PURE__ */ function(o) {
+  ni(t, o);
+  function t(n, a) {
+    var r;
+    r = o.call(this, n, a) || this;
+    var l = r.handleExited.bind(ai(r));
+    return r.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: l,
+      firstRender: !0
+    }, r;
+  }
+  var e = t.prototype;
+  return e.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, e.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, t.getDerivedStateFromProps = function(a, r) {
+    var l = r.children, u = r.handleExited, c = r.firstRender;
+    return {
+      children: c ? si(a, u) : pi(a, l, u),
+      firstRender: !1
+    };
+  }, e.handleExited = function(a, r) {
+    var l = Fo(this.props.children);
+    a.key in l || (a.props.onExited && a.props.onExited(r), this.mounted && this.setState(function(u) {
+      var c = h({}, u.children);
+      return delete c[a.key], {
+        children: c
+      };
+    }));
+  }, e.render = function() {
+    var a = this.props, r = a.component, l = a.childFactory, u = co(a, ["component", "childFactory"]), c = this.state.contextValue, b = ci(this.state.children).map(l);
+    return delete u.appear, delete u.enter, delete u.exit, r === null ? /* @__PURE__ */ lo.createElement(Ko.Provider, {
+      value: c
+    }, b) : /* @__PURE__ */ lo.createElement(Ko.Provider, {
+      value: c
+    }, /* @__PURE__ */ lo.createElement(r, u, b));
+  }, t;
+}(lo.Component);
+jo.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: i.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: i.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: i.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: i.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: i.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: i.func
+} : {};
+jo.defaultProps = ui;
+function mt(o) {
+  const {
+    className: t,
+    classes: e,
+    pulsate: n = !1,
+    rippleX: a,
+    rippleY: r,
+    rippleSize: l,
+    in: u,
+    onExited: c,
+    timeout: b
+  } = o, [M, w] = g.useState(!1), m = j(t, e.ripple, e.rippleVisible, n && e.ripplePulsate), S = {
+    width: l,
+    height: l,
+    top: -(l / 2) + r,
+    left: -(l / 2) + a
+  }, y = j(e.child, M && e.childLeaving, n && e.childPulsate);
+  return !u && !M && w(!0), g.useEffect(() => {
+    if (!u && c != null) {
+      const z = setTimeout(c, b);
+      return () => {
+        clearTimeout(z);
+      };
+    }
+  }, [c, u, b]), /* @__PURE__ */ d.jsx("span", {
+    className: m,
+    style: S,
+    children: /* @__PURE__ */ d.jsx("span", {
+      className: y
+    })
+  });
+}
+process.env.NODE_ENV !== "production" && (mt.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object.isRequired,
+  className: i.string,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  in: i.bool,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  onExited: i.func,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: i.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: i.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: i.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: i.number,
+  /**
+   * exit delay
+   */
+  timeout: i.number.isRequired
+});
+const E = Eo("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), di = ["center", "classes", "className"];
+let ko = (o) => o, Xo, Yo, Zo, Qo;
+const Po = 550, gi = 80, bi = Wo(Xo || (Xo = ko`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)), fi = Wo(Yo || (Yo = ko`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)), xi = Wo(Zo || (Zo = ko`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)), hi = Bo("span", {
+  name: "MuiTouchRipple",
+  slot: "Root"
+})({
+  overflow: "hidden",
+  pointerEvents: "none",
+  position: "absolute",
+  zIndex: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  borderRadius: "inherit"
+}), yi = Bo(mt, {
+  name: "MuiTouchRipple",
+  slot: "Ripple"
+})(Qo || (Qo = ko`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`), E.rippleVisible, bi, Po, ({
+  theme: o
+}) => o.transitions.easing.easeInOut, E.ripplePulsate, ({
+  theme: o
+}) => o.transitions.duration.shorter, E.child, E.childLeaving, fi, Po, ({
+  theme: o
+}) => o.transitions.easing.easeInOut, E.childPulsate, xi, ({
+  theme: o
+}) => o.transitions.easing.easeInOut), Ct = /* @__PURE__ */ g.forwardRef(function(t, e) {
+  const n = Ao({
+    props: t,
+    name: "MuiTouchRipple"
+  }), {
+    center: a = !1,
+    classes: r = {},
+    className: l
+  } = n, u = co(n, di), [c, b] = g.useState([]), M = g.useRef(0), w = g.useRef(null);
+  g.useEffect(() => {
+    w.current && (w.current(), w.current = null);
+  }, [c]);
+  const m = g.useRef(!1), S = Gt(), y = g.useRef(null), z = g.useRef(null), D = g.useCallback((x) => {
+    const {
+      pulsate: C,
+      rippleX: f,
+      rippleY: V,
+      rippleSize: B,
+      cb: Z
+    } = x;
+    b((O) => [...O, /* @__PURE__ */ d.jsx(yi, {
+      classes: {
+        ripple: j(r.ripple, E.ripple),
+        rippleVisible: j(r.rippleVisible, E.rippleVisible),
+        ripplePulsate: j(r.ripplePulsate, E.ripplePulsate),
+        child: j(r.child, E.child),
+        childLeaving: j(r.childLeaving, E.childLeaving),
+        childPulsate: j(r.childPulsate, E.childPulsate)
+      },
+      timeout: Po,
+      pulsate: C,
+      rippleX: f,
+      rippleY: V,
+      rippleSize: B
+    }, M.current)]), M.current += 1, w.current = Z;
+  }, [r]), v = g.useCallback((x = {}, C = {}, f = () => {
+  }) => {
+    const {
+      pulsate: V = !1,
+      center: B = a || C.pulsate,
+      fakeElement: Z = !1
+      // For test purposes
+    } = C;
+    if ((x == null ? void 0 : x.type) === "mousedown" && m.current) {
+      m.current = !1;
+      return;
+    }
+    (x == null ? void 0 : x.type) === "touchstart" && (m.current = !0);
+    const O = Z ? null : z.current, $ = O ? O.getBoundingClientRect() : {
+      width: 0,
+      height: 0,
+      left: 0,
+      top: 0
+    };
+    let A, W, F;
+    if (B || x === void 0 || x.clientX === 0 && x.clientY === 0 || !x.clientX && !x.touches)
+      A = Math.round($.width / 2), W = Math.round($.height / 2);
+    else {
+      const {
+        clientX: N,
+        clientY: P
+      } = x.touches && x.touches.length > 0 ? x.touches[0] : x;
+      A = Math.round(N - $.left), W = Math.round(P - $.top);
+    }
+    if (B)
+      F = Math.sqrt((2 * $.width ** 2 + $.height ** 2) / 3), F % 2 === 0 && (F += 1);
+    else {
+      const N = Math.max(Math.abs((O ? O.clientWidth : 0) - A), A) * 2 + 2, P = Math.max(Math.abs((O ? O.clientHeight : 0) - W), W) * 2 + 2;
+      F = Math.sqrt(N ** 2 + P ** 2);
+    }
+    x != null && x.touches ? y.current === null && (y.current = () => {
+      D({
+        pulsate: V,
+        rippleX: A,
+        rippleY: W,
+        rippleSize: F,
+        cb: f
+      });
+    }, S.start(gi, () => {
+      y.current && (y.current(), y.current = null);
+    })) : D({
+      pulsate: V,
+      rippleX: A,
+      rippleY: W,
+      rippleSize: F,
+      cb: f
+    });
+  }, [a, D, S]), _ = g.useCallback(() => {
+    v({}, {
+      pulsate: !0
+    });
+  }, [v]), G = g.useCallback((x, C) => {
+    if (S.clear(), (x == null ? void 0 : x.type) === "touchend" && y.current) {
+      y.current(), y.current = null, S.start(0, () => {
+        G(x, C);
+      });
+      return;
+    }
+    y.current = null, b((f) => f.length > 0 ? f.slice(1) : f), w.current = C;
+  }, [S]);
+  return g.useImperativeHandle(e, () => ({
+    pulsate: _,
+    start: v,
+    stop: G
+  }), [_, v, G]), /* @__PURE__ */ d.jsx(hi, h({
+    className: j(E.root, r.root, l),
+    ref: z
+  }, u, {
+    children: /* @__PURE__ */ d.jsx(jo, {
+      component: null,
+      exit: !0,
+      children: c
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (Ct.propTypes = {
+  /**
+   * If `true`, the ripple starts at the center of the component
+   * rather than at the point of interaction.
+   */
+  center: i.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.string
+});
+function Mi(o) {
+  return xt("MuiButtonBase", o);
+}
+const vi = Eo("MuiButtonBase", ["root", "disabled", "focusVisible"]), mi = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Ci = (o) => {
+  const {
+    disabled: t,
+    focusVisible: e,
+    focusVisibleClassName: n,
+    classes: a
+  } = o, l = ht({
+    root: ["root", t && "disabled", e && "focusVisible"]
+  }, Mi, a);
+  return e && n && (l.root += ` ${n}`), l;
+}, Bi = Bo("button", {
+  name: "MuiButtonBase",
+  slot: "Root",
+  overridesResolver: (o, t) => t.root
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  position: "relative",
+  boxSizing: "border-box",
+  WebkitTapHighlightColor: "transparent",
+  backgroundColor: "transparent",
+  // Reset default value
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  border: 0,
+  margin: 0,
+  // Remove the margin in Safari
+  borderRadius: 0,
+  padding: 0,
+  // Remove the padding in Firefox
+  cursor: "pointer",
+  userSelect: "none",
+  verticalAlign: "middle",
+  MozAppearance: "none",
+  // Reset
+  WebkitAppearance: "none",
+  // Reset
+  textDecoration: "none",
+  // So we take precedent over the style of a native <a /> element.
+  color: "inherit",
+  "&::-moz-focus-inner": {
+    borderStyle: "none"
+    // Remove Firefox dotted outline.
+  },
+  [`&.${vi.disabled}`]: {
+    pointerEvents: "none",
+    // Disable link interactions
+    cursor: "default"
+  },
+  "@media print": {
+    colorAdjust: "exact"
+  }
+}), Bt = /* @__PURE__ */ g.forwardRef(function(t, e) {
+  const n = Ao({
+    props: t,
+    name: "MuiButtonBase"
+  }), {
+    action: a,
+    centerRipple: r = !1,
+    children: l,
+    className: u,
+    component: c = "button",
+    disabled: b = !1,
+    disableRipple: M = !1,
+    disableTouchRipple: w = !1,
+    focusRipple: m = !1,
+    LinkComponent: S = "a",
+    onBlur: y,
+    onClick: z,
+    onContextMenu: D,
+    onDragLeave: v,
+    onFocus: _,
+    onFocusVisible: G,
+    onKeyDown: x,
+    onKeyUp: C,
+    onMouseDown: f,
+    onMouseLeave: V,
+    onMouseUp: B,
+    onTouchEnd: Z,
+    onTouchMove: O,
+    onTouchStart: $,
+    tabIndex: A = 0,
+    TouchRippleProps: W,
+    touchRippleRef: F,
+    type: N
+  } = n, P = co(n, mi), K = g.useRef(null), T = g.useRef(null), uo = Vo(T, F), {
+    isFocusVisibleRef: io,
+    onFocus: So,
+    onBlur: Io,
+    ref: Ro
+  } = Kt(), [U, J] = g.useState(!1);
+  b && U && J(!1), g.useImperativeHandle(a, () => ({
+    focusVisible: () => {
+      J(!0), K.current.focus();
+    }
+  }), []);
+  const [oo, go] = g.useState(!1);
+  g.useEffect(() => {
+    go(!0);
+  }, []);
+  const eo = oo && !M && !b;
+  g.useEffect(() => {
+    U && m && !M && oo && T.current.pulsate();
+  }, [M, m, U, oo]);
+  function k(s, Ho, _t = w) {
+    return fo((_o) => (Ho && Ho(_o), !_t && T.current && T.current[s](_o), !0));
+  }
+  const Tt = k("start", f), zt = k("stop", D), Ot = k("stop", v), Pt = k("stop", B), Lt = k("stop", (s) => {
+    U && s.preventDefault(), V && V(s);
+  }), Et = k("start", $), At = k("stop", Z), Wt = k("stop", O), Ft = k("stop", (s) => {
+    Io(s), io.current === !1 && J(!1), y && y(s);
+  }, !1), jt = fo((s) => {
+    K.current || (K.current = s.currentTarget), So(s), io.current === !0 && (J(!0), G && G(s)), _ && _(s);
+  }), wo = () => {
+    const s = K.current;
+    return c && c !== "button" && !(s.tagName === "A" && s.href);
+  }, To = g.useRef(!1), Dt = fo((s) => {
+    m && !To.current && U && T.current && s.key === " " && (To.current = !0, T.current.stop(s, () => {
+      T.current.start(s);
+    })), s.target === s.currentTarget && wo() && s.key === " " && s.preventDefault(), x && x(s), s.target === s.currentTarget && wo() && s.key === "Enter" && !b && (s.preventDefault(), z && z(s));
+  }), $t = fo((s) => {
+    m && s.key === " " && T.current && U && !s.defaultPrevented && (To.current = !1, T.current.stop(s, () => {
+      T.current.pulsate(s);
+    })), C && C(s), z && s.target === s.currentTarget && wo() && s.key === " " && !s.defaultPrevented && z(s);
+  });
+  let bo = c;
+  bo === "button" && (P.href || P.to) && (bo = S);
+  const ro = {};
+  bo === "button" ? (ro.type = N === void 0 ? "button" : N, ro.disabled = b) : (!P.href && !P.to && (ro.role = "button"), b && (ro["aria-disabled"] = b));
+  const Nt = Vo(e, Ro, K);
+  process.env.NODE_ENV !== "production" && g.useEffect(() => {
+    eo && !T.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
+`));
+  }, [eo]);
+  const No = h({}, n, {
+    centerRipple: r,
+    component: c,
+    disabled: b,
+    disableRipple: M,
+    disableTouchRipple: w,
+    focusRipple: m,
+    tabIndex: A,
+    focusVisible: U
+  }), Ht = Ci(No);
+  return /* @__PURE__ */ d.jsxs(Bi, h({
+    as: bo,
+    className: j(Ht.root, u),
+    ownerState: No,
+    onBlur: Ft,
+    onClick: z,
+    onContextMenu: zt,
+    onFocus: jt,
+    onKeyDown: Dt,
+    onKeyUp: $t,
+    onMouseDown: Tt,
+    onMouseLeave: Lt,
+    onMouseUp: Pt,
+    onDragLeave: Ot,
+    onTouchEnd: At,
+    onTouchMove: Wt,
+    onTouchStart: Et,
+    ref: Nt,
+    tabIndex: b ? -1 : A,
+    type: N
+  }, ro, P, {
+    children: [l, eo ? (
+      /* TouchRipple is only needed client-side, x2 boost on the server. */
+      /* @__PURE__ */ d.jsx(Ct, h({
+        ref: uo,
+        center: r
+      }, W))
+    ) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (Bt.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: oi,
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: i.bool,
+  /**
+   * The content of the component.
+   */
+  children: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: Jt,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: i.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: i.bool,
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple: i.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: i.string,
+  /**
+   * @ignore
+   */
+  href: i.any,
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent: i.elementType,
+  /**
+   * @ignore
+   */
+  onBlur: i.func,
+  /**
+   * @ignore
+   */
+  onClick: i.func,
+  /**
+   * @ignore
+   */
+  onContextMenu: i.func,
+  /**
+   * @ignore
+   */
+  onDragLeave: i.func,
+  /**
+   * @ignore
+   */
+  onFocus: i.func,
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: i.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: i.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: i.func,
+  /**
+   * @ignore
+   */
+  onMouseDown: i.func,
+  /**
+   * @ignore
+   */
+  onMouseLeave: i.func,
+  /**
+   * @ignore
+   */
+  onMouseUp: i.func,
+  /**
+   * @ignore
+   */
+  onTouchEnd: i.func,
+  /**
+   * @ignore
+   */
+  onTouchMove: i.func,
+  /**
+   * @ignore
+   */
+  onTouchStart: i.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: i.number,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: i.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: i.oneOfType([i.func, i.shape({
+    current: i.shape({
+      pulsate: i.func.isRequired,
+      start: i.func.isRequired,
+      stop: i.func.isRequired
+    })
+  })]),
+  /**
+   * @ignore
+   */
+  type: i.oneOfType([i.oneOf(["button", "reset", "submit"]), i.string])
+});
+function ki(o) {
+  return xt("MuiIconButton", o);
+}
+const Si = Eo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), Ii = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], Ri = (o) => {
+  const {
+    classes: t,
+    disabled: e,
+    color: n,
+    edge: a,
+    size: r
+  } = o, l = {
+    root: ["root", e && "disabled", n !== "default" && `color${to(n)}`, a && `edge${to(a)}`, `size${to(r)}`]
+  };
+  return ht(l, ki, t);
+}, wi = Bo(Bt, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: e
+    } = o;
+    return [t.root, e.color !== "default" && t[`color${to(e.color)}`], e.edge && t[`edge${to(e.edge)}`], t[`size${to(e.size)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: t
+}) => h({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  })
+}, !t.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : Uo(o.palette.action.active, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, t.edge === "start" && {
+  marginLeft: t.size === "small" ? -3 : -12
+}, t.edge === "end" && {
+  marginRight: t.size === "small" ? -3 : -12
+}), ({
+  theme: o,
+  ownerState: t
+}) => {
+  var e;
+  const n = (e = (o.vars || o).palette) == null ? void 0 : e[t.color];
+  return h({}, t.color === "inherit" && {
+    color: "inherit"
+  }, t.color !== "inherit" && t.color !== "default" && h({
+    color: n == null ? void 0 : n.main
+  }, !t.disableRipple && {
+    "&:hover": h({}, n && {
+      backgroundColor: o.vars ? `rgba(${n.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : Uo(n.main, o.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), t.size === "small" && {
+    padding: 5,
+    fontSize: o.typography.pxToRem(18)
+  }, t.size === "large" && {
+    padding: 12,
+    fontSize: o.typography.pxToRem(28)
+  }, {
+    [`&.${Si.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (o.vars || o).palette.action.disabled
+    }
+  });
+}), so = /* @__PURE__ */ g.forwardRef(function(t, e) {
+  const n = Ao({
+    props: t,
+    name: "MuiIconButton"
+  }), {
+    edge: a = !1,
+    children: r,
+    className: l,
+    color: u = "default",
+    disabled: c = !1,
+    disableFocusRipple: b = !1,
+    size: M = "medium"
+  } = n, w = co(n, Ii), m = h({}, n, {
+    edge: a,
+    color: u,
+    disabled: c,
+    disableFocusRipple: b,
+    size: M
+  }), S = Ri(m);
+  return /* @__PURE__ */ d.jsx(wi, h({
+    className: j(S.root, l),
+    centerRipple: !0,
+    focusRipple: !b,
+    disabled: c,
+    ref: e
+  }, w, {
+    ownerState: m,
+    children: r
+  }));
+});
+process.env.NODE_ENV !== "production" && (so.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: vt(i.node, (o) => g.Children.toArray(o.children).some((e) => /* @__PURE__ */ g.isValidElement(e) && e.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'default'
+   */
+  color: i.oneOfType([i.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), i.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: i.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: i.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: i.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: i.oneOfType([i.oneOf(["small", "medium", "large"]), i.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
+});
+const Ti = Co(/* @__PURE__ */ d.jsx("path", {
+  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
+}), "LastPage"), zi = Co(/* @__PURE__ */ d.jsx("path", {
+  d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
+}), "FirstPage"), Oi = ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slots", "slotProps"], kt = /* @__PURE__ */ g.forwardRef(function(t, e) {
+  var n, a, r, l, u, c, b, M;
+  const {
+    backIconButtonProps: w,
+    count: m,
+    disabled: S = !1,
+    getItemAriaLabel: y,
+    nextIconButtonProps: z,
+    onPageChange: D,
+    page: v,
+    rowsPerPage: _,
+    showFirstButton: G,
+    showLastButton: x,
+    slots: C = {},
+    slotProps: f = {}
+  } = t, V = co(t, Oi), B = ii(), Z = (k) => {
+    D(k, 0);
+  }, O = (k) => {
+    D(k, v - 1);
+  }, $ = (k) => {
+    D(k, v + 1);
+  }, A = (k) => {
+    D(k, Math.max(0, Math.ceil(m / _) - 1));
+  }, W = (n = C.firstButton) != null ? n : so, F = (a = C.lastButton) != null ? a : so, N = (r = C.nextButton) != null ? r : so, P = (l = C.previousButton) != null ? l : so, K = (u = C.firstButtonIcon) != null ? u : zi, T = (c = C.lastButtonIcon) != null ? c : Ti, uo = (b = C.nextButtonIcon) != null ? b : ri, io = (M = C.previousButtonIcon) != null ? M : ei, So = B ? F : W, Io = B ? N : P, Ro = B ? P : N, U = B ? W : F, J = B ? f.lastButton : f.firstButton, oo = B ? f.nextButton : f.previousButton, go = B ? f.previousButton : f.nextButton, eo = B ? f.firstButton : f.lastButton;
+  return /* @__PURE__ */ d.jsxs("div", h({
+    ref: e
+  }, V, {
+    children: [G && /* @__PURE__ */ d.jsx(So, h({
+      onClick: Z,
+      disabled: S || v === 0,
+      "aria-label": y("first", v),
+      title: y("first", v)
+    }, J, {
+      children: B ? /* @__PURE__ */ d.jsx(T, h({}, f.lastButtonIcon)) : /* @__PURE__ */ d.jsx(K, h({}, f.firstButtonIcon))
+    })), /* @__PURE__ */ d.jsx(Io, h({
+      onClick: O,
+      disabled: S || v === 0,
+      color: "inherit",
+      "aria-label": y("previous", v),
+      title: y("previous", v)
+    }, oo ?? w, {
+      children: B ? /* @__PURE__ */ d.jsx(uo, h({}, f.nextButtonIcon)) : /* @__PURE__ */ d.jsx(io, h({}, f.previousButtonIcon))
+    })), /* @__PURE__ */ d.jsx(Ro, h({
+      onClick: $,
+      disabled: S || (m !== -1 ? v >= Math.ceil(m / _) - 1 : !1),
+      color: "inherit",
+      "aria-label": y("next", v),
+      title: y("next", v)
+    }, go ?? z, {
+      children: B ? /* @__PURE__ */ d.jsx(io, h({}, f.previousButtonIcon)) : /* @__PURE__ */ d.jsx(uo, h({}, f.nextButtonIcon))
+    })), x && /* @__PURE__ */ d.jsx(U, h({
+      onClick: A,
+      disabled: S || v >= Math.ceil(m / _) - 1,
+      "aria-label": y("last", v),
+      title: y("last", v)
+    }, eo, {
+      children: B ? /* @__PURE__ */ d.jsx(K, h({}, f.firstButtonIcon)) : /* @__PURE__ */ d.jsx(T, h({}, f.lastButtonIcon))
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (kt.propTypes = {
+  /**
+   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   */
+  backIconButtonProps: i.object,
+  /**
+   * The total number of rows.
+   */
+  count: i.number.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   *
+   * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
+   * @param {number} page The page number to format.
+   * @returns {string}
+   */
+  getItemAriaLabel: i.func.isRequired,
+  /**
+   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   */
+  nextIconButtonProps: i.object,
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {number} page The page selected.
+   */
+  onPageChange: i.func.isRequired,
+  /**
+   * The zero-based index of the current page.
+   */
+  page: i.number.isRequired,
+  /**
+   * The number of rows per page.
+   */
+  rowsPerPage: i.number.isRequired,
+  /**
+   * If `true`, show the first-page button.
+   */
+  showFirstButton: i.bool.isRequired,
+  /**
+   * If `true`, show the last-page button.
+   */
+  showLastButton: i.bool.isRequired,
+  /**
+   * The props used for each slot inside the TablePaginationActions.
+   * @default {}
+   */
+  slotProps: i.shape({
+    firstButton: i.object,
+    firstButtonIcon: i.object,
+    lastButton: i.object,
+    lastButtonIcon: i.object,
+    nextButton: i.object,
+    nextButtonIcon: i.object,
+    previousButton: i.object,
+    previousButtonIcon: i.object
+  }),
+  /**
+   * The components used for each slot inside the TablePaginationActions.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: i.shape({
+    firstButton: i.elementType,
+    firstButtonIcon: i.elementType,
+    lastButton: i.elementType,
+    lastButtonIcon: i.elementType,
+    nextButton: i.elementType,
+    nextButtonIcon: i.elementType,
+    previousButton: i.elementType,
+    previousButtonIcon: i.elementType
+  })
+});
+const St = 1, po = 0.5, ho = St + po, Pi = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z", Jo = "50%", ot = 0.5, Li = {
+  // Divider
+  MuiDivider: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        backgroundColor: "transparent",
+        borderColor: o.palette.divider
+      }),
+      light: ({ theme: o }) => ({
+        borderColor: o.palette.white[12]
+      })
+    }
+  },
+  // Tooltip
+  MuiTooltip: {
+    defaultProps: {
+      arrow: !0,
+      placement: "top",
+      enterDelay: 1e3,
+      leaveDelay: 200
+    },
+    styleOverrides: {
+      tooltip: ({ theme: o }) => ({
+        ...o.typography.caption,
+        fontWeight: 500,
+        maxWidth: "240px",
+        backgroundColor: o.palette.black[90],
+        '.MuiTooltip-popper[data-popper-placement*="top"] &': {
+          marginBottom: o.spacing(po),
+          "&.MuiTooltip-tooltipArrow": {
+            marginBottom: o.spacing(ho)
+          }
+        },
+        '.MuiTooltip-popper[data-popper-placement*="right"] &': {
+          marginLeft: o.spacing(po),
+          "&.MuiTooltip-tooltipArrow": {
+            marginLeft: o.spacing(ho)
+          }
+        },
+        '.MuiTooltip-popper[data-popper-placement*="bottom"] &': {
+          marginTop: o.spacing(po),
+          "&.MuiTooltip-tooltipArrow": {
+            marginTop: o.spacing(ho)
+          }
+        },
+        '.MuiTooltip-popper[data-popper-placement*="left"] &': {
+          marginRight: o.spacing(po),
+          "&.MuiTooltip-tooltipArrow": {
+            marginRight: o.spacing(ho)
+          }
+        }
+      }),
+      arrow: ({ theme: o }) => ({
+        height: o.spacing(St),
+        color: o.palette.black[90]
+      })
+    }
+  },
+  // Popper
+  MuiPopper: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        "& .MuiPaper-root": {
+          marginTop: o.spacing(0.5)
+        }
+      })
+    }
+  },
+  // Popover
+  MuiPopover: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        "& .MuiPaper-root": {
+          marginTop: o.spacing(0.5)
+        }
+      })
+    }
+  },
+  // Dialog
+  MuiDialog: {
+    defaultProps: {
+      maxWidth: "md"
+    }
+  },
+  MuiDialogTitle: {
+    defaultProps: {
+      variant: "subtitle1"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        padding: o.spacing(3, 3, 2)
+      })
+    }
+  },
+  MuiDialogContent: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        "& .MuiFormGroup-root": {
+          padding: o.spacing(1, 0)
+        }
+      })
+    }
+  },
+  MuiDialogContentText: {
+    defaultProps: {
+      variant: "body2"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        color: o.palette.text.primary
+      })
+    }
+  },
+  // Table
+  MuiTablePagination: {
+    defaultProps: {
+      SelectProps: {
+        variant: "outlined",
+        size: "small"
+      },
+      labelDisplayedRows: ({ from: o, to: t, count: e }) => /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+        /* @__PURE__ */ d.jsx(
+          Vt,
+          {
+            component: "span",
+            variant: "inherit",
+            weight: "strong",
+            color: "textPrimary",
+            children: `${o}-${t}`
+          }
+        ),
+        ` of ${e}`
+      ] }),
+      ActionsComponent: kt
+    },
+    styleOverrides: {
+      root: () => ({
+        borderBottom: 0
+      }),
+      toolbar: ({ theme: o }) => ({
+        minHeight: "0 !important",
+        padding: "0 !important",
+        height: o.spacing(6)
+      }),
+      selectLabel: ({ theme: o }) => ({
+        margin: 0,
+        ...o.typography.caption,
+        fontWeight: o.typography.fontWeightMedium
+      }),
+      selectIcon: ({ theme: o }) => ({
+        "&.MuiSvgIcon-root": {
+          right: o.spacing(1)
+        }
+      }),
+      input: ({ theme: o }) => ({
+        marginRight: o.spacing(2),
+        marginLeft: o.spacing(1),
+        width: "auto",
+        paddingRight: o.spacing(3)
+      }),
+      displayedRows: ({ theme: o }) => ({
+        color: o.palette.text.secondary
+      })
+    }
+  },
+  MuiTable: {
+    defaultProps: {
+      stickyHeader: !0
+    }
+  },
+  MuiTableRow: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        transition: "background-color 0.25s ease",
+        borderColor: o.palette.divider,
+        "&.MuiTableRow-hover:hover": {
+          cursor: "pointer"
+        }
+      })
+    }
+  },
+  MuiTableCell: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        padding: o.spacing(0.5, 2),
+        height: o.spacing(6),
+        "&.MuiTableCell-sizeSmall": {
+          height: o.spacing(4)
+        },
+        "&.MuiTableCell-footer": {
+          padding: 0
+        }
+      }),
+      head: ({ theme: o }) => ({
+        ...o.typography.caption,
+        fontWeight: o.typography.fontWeightMedium,
+        color: o.palette.text.primary
+      }),
+      stickyHeader: ({ theme: o }) => ({
+        backgroundColor: o.palette.common.white
+      }),
+      paddingCheckbox: ({ theme: o }) => ({
+        padding: o.spacing(0.5, 1)
+      }),
+      paddingNone: () => ({
+        padding: 0
+      })
+    }
+  },
+  // Chip
+  MuiChip: {
+    defaultProps: {
+      color: "primary"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        maxWidth: "192px",
+        padding: o.spacing(0, 0.5),
+        "& .MuiAvatar-root": {
+          width: L,
+          minWidth: L,
+          height: L,
+          margin: 0,
+          color: o.palette.secondary.contrastText,
+          backgroundColor: o.palette.background.paper,
+          border: `1px solid ${o.palette.action.hover}`
+        },
+        "& .MuiChip-icon": {
+          margin: 0,
+          marginLeft: o.spacing(0.5)
+        },
+        "& img": {
+          width: L,
+          minWidth: L,
+          height: L
+        },
+        "&.MuiChip-root.Mui-disabled": {
+          color: o.palette.text.disabled,
+          backgroundColor: o.palette.action.disabledBackground,
+          opacity: 1,
+          "& .MuiChip-deleteIcon, & .MuiChip-icon": {
+            color: o.palette.action.disabled
+          },
+          "& .MuiAvatar-root": {
+            opacity: 0.6
+          }
+        },
+        "& .MuiChip-deleteIcon": {
+          color: o.palette.text.hint
+        }
+      }),
+      // Variants
+      filled: ({ theme: o }) => ({
+        border: 0,
+        backgroundColor: o.palette.default.main,
+        "& .MuiChip-iconColorPrimary": {
+          color: o.palette.primary.contrastText
+        },
+        "& .MuiChip-deleteIcon:hover": {
+          color: o.palette.text.primary
+        }
+      }),
+      filledPrimary: ({ theme: o }) => ({
+        backgroundColor: o.palette.primary.main,
+        "& .MuiChip-deleteIcon": {
+          color: o.palette.white[60],
+          "&:hover": {
+            color: o.palette.common.white
+          }
+        }
+      }),
+      filledSecondary: ({ theme: o }) => ({
+        backgroundColor: o.palette.secondary.main
+      }),
+      outlined: ({ theme: o }) => ({
+        borderColor: o.palette.default.outlinedBorder,
+        "&.MuiChip-root.Mui-disabled": {
+          borderColor: o.palette.default.outlinedBorder,
+          backgroundColor: "transparent"
+        },
+        "& .MuiChip-deleteIcon:hover": {
+          color: o.palette.text.primary
+        }
+      }),
+      outlinedPrimary: ({ theme: o }) => ({
+        borderColor: o.palette.primary.main
+      }),
+      outlinedSecondary: ({ theme: o }) => ({
+        borderColor: o.palette.secondary.main
+      }),
+      // Status colors
+      colorSuccess: ({ theme: o }) => ({
+        "&.MuiChip-outlined": {
+          color: o.palette.success.dark,
+          borderColor: o.palette.success.main
+        },
+        "&.MuiChip-filled": {
+          color: o.palette.success.dark,
+          backgroundColor: o.palette.success.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: o.palette.success.main
+        }
+      }),
+      colorInfo: ({ theme: o }) => ({
+        "&.MuiChip-outlined": {
+          color: o.palette.primary.dark,
+          borderColor: o.palette.primary.main
+        },
+        "&.MuiChip-filled": {
+          color: o.palette.primary.dark,
+          backgroundColor: o.palette.primary.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: o.palette.info.main
+        }
+      }),
+      colorError: ({ theme: o }) => ({
+        "&.MuiChip-outlined": {
+          color: o.palette.error.dark,
+          borderColor: o.palette.error.main
+        },
+        "&.MuiChip-filled": {
+          color: o.palette.error.dark,
+          backgroundColor: o.palette.error.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: o.palette.error.main
+        }
+      }),
+      colorWarning: ({ theme: o }) => ({
+        "&.MuiChip-outlined": {
+          color: o.palette.warning.relatedDark,
+          borderColor: o.palette.warning.main
+        },
+        "&.MuiChip-filled": {
+          color: o.palette.warning.relatedDark,
+          backgroundColor: o.palette.warning.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: o.palette.warning.main
+        }
+      }),
+      // Sizes
+      sizeSmall: ({ theme: o }) => ({
+        "& img": {
+          width: p,
+          minWidth: p,
+          height: p
+        },
+        "& .MuiAvatar-root": {
+          width: p,
+          minWidth: p,
+          height: p
+        },
+        "& .MuiChip-icon": {
+          marginLeft: o.spacing(0.25)
+        }
+      }),
+      // Inner elements
+      label: ({ theme: o }) => ({
+        ...o.typography.button,
+        padding: o.spacing(0, 0.75)
+      }),
+      labelSmall: ({ theme: o }) => ({
+        ...o.typography.caption,
+        fontWeight: 500,
+        padding: o.spacing(0, 0.5)
+      }),
+      deleteIcon: () => ({
+        width: p,
+        height: p,
+        margin: 0,
+        marginLeft: "2px",
+        // Forced to a non-standard value to meet with design
+        marginRight: "3px",
+        // Forced to a non-standard value to meet with design
+        transition: "color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
+      }),
+      deleteIconSmall: ({ theme: o }) => ({
+        width: o.spacing(2),
+        height: o.spacing(2),
+        marginRight: 0
+      }),
+      clickable: ({ theme: o }) => ({
+        "&:active": {
+          boxShadow: "none"
+        },
+        "&.MuiChip-outlined": {
+          transitionProperty: "background, color, border-color",
+          transitionDuration: "300ms",
+          transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+          "&:hover": {
+            backgroundColor: "transparent",
+            "&.MuiChip-colorPrimary": {
+              color: o.palette.primary.dark,
+              borderColor: o.palette.primary.dark
+            },
+            "&.MuiChip-colorSecondary": {
+              color: o.palette.secondary.dark,
+              borderColor: o.palette.secondary.dark
+            },
+            "&.MuiChip-colorDefault": {
+              borderColor: o.palette.default.dark
+            },
+            "&.MuiChip-colorSuccess": {
+              color: o.palette.success.dark,
+              borderColor: o.palette.success.dark
+            },
+            "&.MuiChip-colorInfo": {
+              color: o.palette.info.dark,
+              borderColor: o.palette.info.dark
+            },
+            "&.MuiChip-colorError": {
+              color: o.palette.error.dark,
+              borderColor: o.palette.error.dark
+            },
+            "&.MuiChip-colorWarning": {
+              color: o.palette.warning.dark,
+              borderColor: o.palette.warning.dark
+            }
+          }
+        },
+        "&.MuiChip-filled": {
+          "&:hover": {
+            "&.MuiChip-colorSecondary": {
+              backgroundColor: o.palette.secondary.light
+            },
+            "&.MuiChip-colorDefault": {
+              backgroundColor: o.palette.default.dark
+            },
+            "&.MuiChip-colorSuccess": {
+              backgroundColor: xo(o.palette.success.main, 0.25)
+            },
+            "&.MuiChip-colorInfo": {
+              backgroundColor: xo(o.palette.info.main, 0.12)
+            },
+            "&.MuiChip-colorError": {
+              backgroundColor: xo(o.palette.error.main, 0.12)
+            },
+            "&.MuiChip-colorWarning": {
+              backgroundColor: xo(o.palette.warning.main, 0.25)
+            }
+          }
+        }
+      })
+    }
+  },
+  // Avatar
+  MuiAvatar: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        overflow: "initial",
+        color: o.palette.secondary.contrastText,
+        backgroundColor: o.palette.secondary.main,
+        //  Default fallback image override
+        // https://github.com/mui/material-ui/issues/33229
+        "& .MuiAvatar-fallback": {
+          path: {
+            d: `path('${Pi}') !important`
+          }
+        }
+      }),
+      img: ({ theme: o }) => ({
+        boxShadow: `0 0 0 1px ${o.palette.default.outlinedBorder}`
+      }),
+      circular: () => ({
+        borderRadius: Jo,
+        "& img": {
+          borderRadius: Jo
+        }
+      }),
+      rounded: ({ theme: o }) => ({
+        borderRadius: o.spacing(ot),
+        "& img": {
+          borderRadius: o.spacing(ot)
+        }
+      })
+    }
+  },
+  // Skeleton
+  MuiSkeleton: {
+    defaultProps: {
+      animation: "wave"
+    }
+  },
+  // Typography
+  MuiTypography: {
+    defaultProps: {
+      color: "textPrimary"
+    }
+  },
+  // Svg Icons
+  MuiSvgIcon: {
+    styleOverrides: {
+      root: () => ({
+        fontSize: p
+      }),
+      fontSizeSmall: () => ({
+        fontSize: ao
+      }),
+      fontSizeLarge: () => ({
+        fontSize: L
+      })
+    }
+  }
+}, tt = R(2), X = R(3), H = R(4), Y = R(6), it = R(0.5), Ei = {
+  // Button Base
+  MuiButtonBase: {
+    defaultProps: {
+      disableRipple: !0
+    },
+    styleOverrides: {
+      root: () => ({
+        "& .MuiSvgIcon-root, & svg": {
+          display: "flex",
+          fontSize: p,
+          width: p,
+          minWidth: p,
+          height: p
+        }
+      })
+    }
+  },
+  // Button
+  MuiButton: {
+    defaultProps: {
+      disableElevation: !0
+    },
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        // maxWidth: '192px', TODO temporary disabled waiting for a design definition
+        "&:hover, &:focus-visible": {
+          boxShadow: t.shadows[0],
+          ...o.variant !== "contained" && {
+            ...o.color === "primary" && {
+              backgroundColor: t.palette.primary.background
+            },
+            ...o.color === "secondary" && {
+              backgroundColor: t.palette.secondary.background
+            },
+            ...o.color === "error" && {
+              background: t.palette.error.relatedLight
+            }
+          },
+          ...o.variant === "contained" && o.color === "secondary" && {
+            backgroundColor: t.palette.secondary.light
+          }
+        },
+        "& svg:not(.doNotFillIcon) path": {
+          fill: "currentColor"
+        },
+        // Pairing buttons separation
+        "& + .MuiButtonBase-root": {
+          marginLeft: t.spacing(1)
+        }
+      }),
+      contained: ({ theme: o }) => ({
+        boxShadow: "none",
+        "&.Mui-disabled": {
+          color: o.palette.text.disabled,
+          backgroundColor: o.palette.action.disabledBackground
+        }
+      }),
+      text: ({ theme: o }) => ({
+        minWidth: o.spacing(7)
+      }),
+      outlined: ({ theme: o }) => ({
+        "&.Mui-disabled": {
+          color: o.palette.text.disabled,
+          borderColor: o.palette.default.outlinedBorder
+        }
+      }),
+      outlinedPrimary: ({ theme: o }) => ({
+        borderColor: o.palette.primary.main
+      }),
+      outlinedSecondary: ({ theme: o }) => ({
+        borderColor: o.palette.secondary.main
+      }),
+      outlinedError: ({ theme: o }) => ({
+        borderColor: o.palette.error.main
+      }),
+      containedPrimary: ({ theme: o }) => ({
+        "&:hover, &:focus-visible": {
+          backgroundColor: o.palette.primary.dark
+        }
+      }),
+      containedError: ({ theme: o }) => ({
+        "&:hover, &:focus-visible": {
+          backgroundColor: o.palette.error.dark
+        }
+      }),
+      startIcon: ({ theme: o }) => ({
+        marginRight: o.spacing(0.75),
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: p,
+          width: p,
+          minWidth: p,
+          height: p
+        },
+        "&.MuiButton-iconSizeSmall": {
+          marginRight: o.spacing(0.5),
+          marginLeft: o.spacing(-0.5)
+        }
+      }),
+      endIcon: ({ theme: o }) => ({
+        marginLeft: o.spacing(0.75),
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: p,
+          width: p,
+          minWidth: p,
+          height: p
+        },
+        "&.MuiButton-iconSizeSmall": {
+          marginLeft: o.spacing(0.5),
+          marginRight: o.spacing(-0.5)
+        }
+      }),
+      sizeSmall: ({ theme: o, ownerState: t }) => ({
+        height: X,
+        padding: o.spacing(0, 1.5),
+        ...o.typography.caption,
+        lineHeight: X,
+        fontWeight: 500,
+        letterSpacing: "0.4px",
+        ...t.variant === "text" && {
+          padding: o.spacing(0, 1)
+        }
+      }),
+      sizeMedium: ({ theme: o, ownerState: t }) => ({
+        height: H,
+        padding: o.spacing(0, 2),
+        lineHeight: H,
+        ...t.variant === "text" && {
+          padding: o.spacing(0, 1)
+        }
+      }),
+      sizeLarge: ({ theme: o, ownerState: t }) => ({
+        height: Y,
+        padding: o.spacing(0, 2.5),
+        ...o.typography.body1,
+        lineHeight: Y,
+        fontWeight: 500,
+        letterSpacing: "0.25px",
+        ...t.variant === "text" && {
+          padding: o.spacing(0, 2)
+        }
+      })
+    },
+    variants: [
+      // Custom color and its variants
+      {
+        props: { variant: "contained", color: "default" },
+        style: ({ theme: o }) => ({
+          color: o.palette.text.primary,
+          backgroundColor: o.palette.default.main,
+          borderColor: o.palette.text.primary,
+          "&.Mui-disabled": {
+            color: o.palette.text.disabled,
+            backgroundColor: o.palette.action.disabledBackground
+          },
+          "&:hover, &:focus-visible": {
+            backgroundColor: o.palette.default.dark
+          }
+        })
+      },
+      {
+        props: { variant: "outlined", color: "default" },
+        style: ({ theme: o }) => ({
+          color: o.palette.text.primary,
+          borderColor: o.palette.text.primary,
+          "&.Mui-disabled": {
+            color: o.palette.text.disabled,
+            borderColor: o.palette.default.outlinedBorder
+          },
+          "&:hover, &:focus-visible": {
+            backgroundColor: o.palette.action.hover,
+            borderColor: o.palette.text.primary
+          }
+        })
+      },
+      {
+        props: { variant: "text", color: "default" },
+        style: ({ theme: o }) => ({
+          color: o.palette.text.primary,
+          "&.Mui-disabled": {
+            color: o.palette.text.disabled
+          },
+          "&:hover, &:focus-visible": {
+            backgroundColor: o.palette.action.hover
+          }
+        })
+      }
+    ]
+  },
+  // Mui Button Group
+  MuiButtonGroup: {
+    defaultProps: {
+      disableRipple: !0,
+      disableElevation: !0
+    },
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        "& .MuiButton-root + .MuiButton-root": {
+          marginLeft: 0
+        },
+        ...o.variant === "text" && {
+          boxShadow: t.shadows[1],
+          borderColor: t.palette.default.dark,
+          "& .MuiButtonGroup-grouped:not(:last-of-type)": {
+            borderColor: t.palette.default.dark
+          }
+        },
+        ...o.variant === "outlined" && {
+          ...o.color === "default" && {
+            "& .MuiButtonBase-root.Mui-disabled": {
+              borderColor: t.palette.text.primary
+            }
+          },
+          ...o.color === "primary" && {
+            "& .MuiButtonBase-root.Mui-disabled": {
+              borderColor: t.palette.primary.main
+            }
+          },
+          ...o.color === "secondary" && {
+            "& .MuiButtonBase-root.Mui-disabled": {
+              borderColor: t.palette.secondary.main
+            }
+          },
+          ...o.orientation !== "vertical" && {
+            "& .MuiButtonGroup-grouped:not(:last-of-type):hover, & .Mui-disabled:not(:last-of-type)": {
+              borderRightColor: "transparent"
+            }
+          }
+        },
+        ...o.variant === "contained" && {
+          ...o.color === "default" && {
+            "& .MuiButtonGroup-grouped:not(:last-of-type)": {
+              borderRightColor: t.palette.default.dark,
+              "&.Mui-disabled": {
+                ...o.color === "default" && {
+                  borderColor: t.palette.default.dark
+                }
+              }
+            }
+          },
+          ...o.color === "primary" && {
+            "& .MuiButtonGroup-grouped:not(:last-of-type)": {
+              "&.Mui-disabled": {
+                borderColor: t.palette.primary.dark
+              }
+            }
+          },
+          ...o.color === "secondary" && {
+            "& .MuiButtonGroup-grouped:not(:last-of-type)": {
+              "&.Mui-disabled": {
+                borderColor: t.palette.secondary.dark
+              }
+            }
+          }
+        }
+      })
+    }
+  },
+  // Icon Button
+  MuiIconButton: {
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        borderRadius: t.spacing(0.5),
+        ...o.color === "default" && {
+          color: t.palette.text.secondary
+        },
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: p,
+          width: p,
+          minWidth: p,
+          height: p
+        },
+        "& svg:not(.doNotFillIcon) path": {
+          fill: "currentColor"
+        },
+        "&:hover, &:focus-visible": {
+          ...o.color === "default" && {
+            backgroundColor: t.palette.action.hover
+          },
+          ...o.color === "primary" && {
+            backgroundColor: t.palette.primary.background
+          },
+          ...o.color === "secondary" && {
+            backgroundColor: t.palette.secondary.background
+          }
+        }
+      }),
+      sizeSmall: () => ({
+        width: X,
+        height: X
+      }),
+      sizeMedium: () => ({
+        width: H,
+        height: H
+      }),
+      sizeLarge: () => ({
+        width: Y,
+        height: Y
+      })
+    },
+    variants: [
+      // Custom props and its variants
+      {
+        props: { size: "xsmall" },
+        style: () => ({
+          width: tt,
+          height: tt,
+          "& .MuiSvgIcon-root, & svg": {
+            fontSize: ao,
+            width: ao,
+            minWidth: ao,
+            height: ao
+          }
+        })
+      }
+    ]
+  },
+  // MuiToggleButton
+  MuiToggleButton: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        minWidth: H,
+        height: H,
+        padding: o.spacing(0, 1),
+        color: o.palette.text.secondary,
+        border: "none",
+        borderRadius: it,
+        transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        "&:hover": {
+          backgroundColor: o.palette.action.hover
+        },
+        // Pairing buttons separation
+        "& + &": {
+          marginLeft: o.spacing(0.5)
+        },
+        ".MuiSvgIcon-root, & svg": {
+          margin: o.spacing(0, -0.75)
+        },
+        "&.Mui-selected": {
+          color: o.palette.primary.main,
+          backgroundColor: o.palette.primary.background,
+          "&:hover": {
+            backgroundColor: o.palette.action.hover
+          }
+        },
+        "&.Mui-disabled": {
+          border: "none"
+        }
+      }),
+      sizeLarge: ({ theme: o }) => ({
+        minWidth: Y,
+        height: Y,
+        ...o.typography.body1
+      }),
+      sizeSmall: ({ theme: o }) => ({
+        minWidth: X,
+        height: X,
+        ...o.typography.caption,
+        fontWeight: 500
+      })
+    }
+  },
+  // MuiToggleButtonGroup
+  MuiToggleButtonGroup: {
+    defaultProps: {
+      orientation: "horizontal",
+      exclusive: !0
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: o.spacing(1),
+        boxShadow: o.shadows[1],
+        backgroundColor: o.palette.background.paper,
+        "& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)": {
+          borderRadius: it
+        },
+        ".MuiDivider-root": {
+          "&.MuiToggleButtonGroup-groupedHorizontal": {
+            height: Y,
+            margin: o.spacing(0, 1),
+            marginLeft: o.spacing(0.5)
+          },
+          "&.MuiToggleButtonGroup-groupedVertical": {
+            width: Y,
+            margin: o.spacing(1, 0),
+            marginTop: o.spacing(0.5)
+          }
+        },
+        ".MuiToggleButton-sizeSmall": {
+          "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
+            height: H
+          },
+          "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
+            width: H
+          }
+        }
+      }),
+      // Styles applied to the children if orientation="horizontal"
+      groupedHorizontal: ({ theme: o }) => ({
+        height: H,
+        margin: o.spacing(1),
+        "&:not(:last-of-type)": {
+          marginRight: o.spacing(0.5),
+          marginLeft: 0,
+          borderLeft: "none"
+        },
+        "&:first-of-type:not(.MuiDivider-root)": {
+          marginLeft: o.spacing(1)
+        },
+        "&.MuiToggleButton-sizeSmall:not(.MuiDivider-root)": {
+          height: X,
+          margin: o.spacing(0.5),
+          "&:not(:first-of-type)": {
+            marginLeft: 0
+          }
+        }
+      }),
+      // Styles applied to the children if orientation="vertical"
+      groupedVertical: ({ theme: o }) => ({
+        width: H,
+        margin: o.spacing(1),
+        "&.MuiToggleButton-root": {
+          marginLeft: o.spacing(1),
+          marginBottom: o.spacing(0.5),
+          "&:last-of-type": {
+            marginBottom: o.spacing(1)
+          }
+        },
+        "&.MuiToggleButton-sizeSmall": {
+          width: X,
+          margin: o.spacing(0.5),
+          "&:not(:first-of-type)": {
+            marginTop: 0
+          },
+          "&:last-of-type": {
+            marginBottom: o.spacing(0.5)
+          }
+        }
+      })
+    }
+  },
+  // FAB button
+  MuiFab: {
+    defaultProps: {
+      color: "primary"
+    },
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        "&:focus": {
+          boxShadow: t.shadows[6]
+        },
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: L,
+          width: L,
+          minWidth: L,
+          height: L
+        },
+        "&.MuiFab-extended": {
+          ...t.typography.body1,
+          fontWeight: 500,
+          width: "auto",
+          height: t.spacing(7),
+          paddingRight: t.spacing(3),
+          borderRadius: t.spacing(8),
+          "& .MuiSvgIcon-root": {
+            marginRight: t.spacing(1.5)
+          }
+        },
+        ...o.color === "default" && {
+          color: t.palette.text.primary,
+          backgroundColor: t.palette.background.paper,
+          "&:hover, &:focus-visible": {
+            backgroundColor: t.palette.default.light
+          }
+        }
+      }),
+      sizeSmall: ({ theme: o }) => ({
+        width: o.spacing(4),
+        height: o.spacing(4),
+        minHeight: o.spacing(4),
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: p,
+          width: p,
+          minWidth: p,
+          height: p
+        },
+        "&.MuiFab-extended": {
+          ...o.typography.caption,
+          width: "auto",
+          height: o.spacing(4),
+          paddingRight: o.spacing(2),
+          "& .MuiSvgIcon-root": {
+            marginRight: o.spacing(1)
+          }
+        }
+      }),
+      sizeMedium: ({ theme: o }) => ({
+        "&.MuiFab-extended": {
+          ...o.typography.button,
+          height: o.spacing(6)
+        }
+      }),
+      secondary: ({ theme: o }) => ({
+        "&:hover": {
+          backgroundColor: o.palette.secondary.light
+        }
+      })
+    }
+  }
+};
+var Do = {}, Ai = Mt;
+Object.defineProperty(Do, "__esModule", {
+  value: !0
+});
+var It = Do.default = void 0, Wi = Ai(yt()), Fi = d;
+It = Do.default = (0, Wi.default)(/* @__PURE__ */ (0, Fi.jsx)("path", {
+  d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
+}), "Cancel");
+const yo = 2.25, Mo = 3, et = 2, rt = 3, nt = 4, at = {
+  root: ({ ownerState: o, theme: t }) => ({
+    padding: t.spacing(0.5),
+    ...o.size === "small" && {
+      padding: "3px"
+      // Forced to a non-standard value to meet with design
+    },
+    ...o.readOnly === !0 && {
+      pointerEvents: "none",
+      color: t.palette.text.disabled,
+      "&.Mui-checked": {
+        color: t.palette.text.disabled
+      }
+    },
+    "&:hover, &:focus-visible": {
+      backgroundColor: t.palette.primary.background
+    },
+    "& + .MuiFormControlLabel-label": {
+      ...t.typography.body2,
+      marginLeft: t.spacing(0.25),
+      ...o.size === "small" && {
+        marginLeft: t.spacing(0.5)
+      }
+    },
+    "& .MuiSvgIcon-root": {
+      fontSize: t.spacing(Mo),
+      width: t.spacing(Mo),
+      minWidth: t.spacing(Mo),
+      height: t.spacing(Mo),
+      ...o.size === "small" && {
+        fontSize: t.spacing(yo),
+        width: t.spacing(yo),
+        minWidth: t.spacing(yo),
+        height: t.spacing(yo)
+      }
+    }
+  })
+}, lt = {
+  root: ({ theme: o }) => ({
+    position: "static",
+    transform: "none",
+    marginBottom: o.spacing(1),
+    ...o.typography.caption,
+    fontWeight: 500,
+    color: o.palette.text.primary
+  }),
+  sizeSmall: ({ theme: o }) => ({
+    marginBottom: o.spacing(0.5)
+  }),
+  standard: () => ({
+    marginBottom: 0
+  }),
+  // Temporal workaroud to give a faster solution for a Workflows demand: https://app.shortcut.com/cartoteam/story/294539/distinction-among-parameters-optional-inputs-units-in-the-ui
+  // These styles avoid (by now) the need to review current forms and change those with a required mark.
+  // TODO: remored asterisk completely and use instead LabelWithIndicator component to mark also required ones.
+  asterisk: ({ theme: o }) => ({
+    "&, &.Mui-error": {
+      color: "transparent"
+    },
+    "&::after": {
+      content: '"(required)"',
+      marginLeft: o.spacing(-0.5),
+      color: o.palette.text.secondary,
+      fontWeight: 400,
+      ".Mui-disabled &": {
+        color: o.palette.text.disabled
+      }
+    }
+  })
+}, ji = {
+  // Checkbox
+  MuiCheckbox: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      ...at
+    }
+  },
+  // Radio Button
+  MuiRadio: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      ...at
+    }
+  },
+  // Text Field
+  MuiTextField: {
+    defaultProps: {
+      fullWidth: !0,
+      size: "small",
+      InputLabelProps: {
+        shrink: !0
+      },
+      SelectProps: {
+        IconComponent: zo,
+        size: "small"
+      }
+    },
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        "& legend": {
+          display: "none"
+        },
+        // Select bool
+        ...o.select === !0 && {
+          "& .MuiInputBase-root": {
+            padding: 0,
+            "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
+              padding: 0
+            },
+            "& .MuiInputAdornment-positionEnd": {
+              marginRight: t.spacing(3)
+            },
+            "& .MuiSelect-select": {
+              padding: t.spacing(1.5),
+              "&.MuiInputBase-input": {
+                paddingLeft: t.spacing(2),
+                paddingRight: t.spacing(5),
+                "&.MuiSelect-standard": {
+                  paddingLeft: 0
+                }
+              },
+              "&:focus": {
+                background: "transparent"
+              },
+              "& .MuiTypography-root": {
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis"
+              }
+            },
+            "& .MuiSelect-icon": {
+              right: t.spacing(2),
+              color: t.palette.text.secondary
+            },
+            "& .MuiSelect-iconStandard": {
+              right: 0
+            }
+          },
+          "& .MuiInputBase-sizeSmall": {
+            "&.MuiInputBase-root.MuiFilledInput-root": {
+              padding: 0
+            },
+            "& .MuiSelect-select": {
+              ...t.typography.body2,
+              padding: t.spacing(0.75),
+              "&.MuiInputBase-input": {
+                paddingLeft: t.spacing(1.5),
+                paddingRight: t.spacing(4)
+              }
+            },
+            "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
+              padding: 0
+            },
+            "& .MuiSelect-icon": {
+              right: t.spacing(1.5)
+            }
+          }
+        }
+      })
+    }
+  },
+  // Input Base
+  MuiInputBase: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        height: o.spacing(6),
+        ...o.typography.body1,
+        "& input": {
+          padding: 0,
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          "&::placeholder": {
+            opacity: 1,
+            color: o.palette.text.hint
+          },
+          "&:read-only::placeholder": {
+            color: o.palette.text.disabled
+          },
+          "&.Mui-disabled::placeholder": {
+            color: o.palette.text.disabled
+          },
+          // Remove focus on keyboard navigation as the parent element has focus
+          "&:focus-visible": {
+            outline: "none !important",
+            boxShadow: "none !important"
+          }
+        },
+        "&.Mui-disabled": {
+          cursor: "not-allowed",
+          "& .Mui-disabled": {
+            cursor: "not-allowed"
+          }
+        },
+        "&.MuiInputBase-formControl::after": {
+          top: 0,
+          transform: "none",
+          opacity: 0
+        },
+        "&.MuiInputBase-formControl.Mui-focused::after": {
+          transform: "none",
+          opacity: 1
+        },
+        "& legend": { display: "none" },
+        "& .MuiButtonBase-root.MuiMenuItem-root": {
+          padding: 0,
+          "&:hover": {
+            backgroundColor: "transparent"
+          },
+          [o.breakpoints.up("sm")]: {
+            minHeight: "initial"
+          }
+        },
+        // Variants
+        "&.MuiFilledInput-root": {
+          padding: o.spacing(1, 2),
+          borderRadius: o.spacing(0.5),
+          backgroundColor: o.palette.default.background,
+          "&:hover": {
+            backgroundColor: o.palette.default.background
+          },
+          "&::before": {
+            top: 0,
+            borderRadius: o.spacing(0.5),
+            border: "1px solid transparent",
+            transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
+          },
+          "&:hover:not(.Mui-disabled)::before": {
+            borderColor: o.palette.text.primary
+          },
+          "&::after": {
+            borderRadius: o.spacing(0.5),
+            border: "1px solid transparent"
+          },
+          "&.MuiInputBase-sizeSmall": {
+            padding: o.spacing(0.5, 1.5)
+          },
+          "&.Mui-focused": {
+            backgroundColor: o.palette.background.paper,
+            "&::after": {
+              border: `2px solid ${o.palette.primary.main}`
+            }
+          },
+          "&.Mui-disabled": {
+            backgroundColor: o.palette.default.background,
+            "&::before": {
+              borderBottomStyle: "solid"
+            }
+          },
+          "&.Mui-error::after": {
+            opacity: 1,
+            border: `2px solid ${o.palette.error.light}`
+          },
+          "&.Mui-readOnly": {
+            "&.Mui-focused": {
+              backgroundColor: o.palette.default.background
+            }
+          }
+        },
+        "&.MuiOutlinedInput-root": {
+          padding: o.spacing(1, 2),
+          "&.MuiInputBase-sizeSmall": {
+            padding: o.spacing(0.5, 1.5)
+          },
+          "&.Mui-focused": {
+            backgroundColor: o.palette.background.paper
+          },
+          "&.Mui-disabled": {
+            backgroundColor: o.palette.default.background
+          },
+          "&.Mui-readOnly": {
+            backgroundColor: o.palette.default.background,
+            "&.Mui-focused": {
+              backgroundColor: o.palette.default.background
+            }
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            top: 0,
+            borderColor: o.palette.default.outlinedBorder,
+            transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
+          },
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            transition: "none"
+          },
+          "&.Mui-error .MuiOutlinedInput-notchedOutline": {
+            border: `2px solid ${o.palette.error.light}`
+          }
+        },
+        "&.MuiInput-underline": {
+          marginTop: 0,
+          padding: 0,
+          "&::before": {
+            borderColor: o.palette.default.outlinedBorder
+          },
+          "&:hover:not(.Mui-disabled)::before": {
+            borderBottom: `1px solid ${o.palette.text.primary}`
+          },
+          "&:not(.Mui-disabled)::after": {
+            borderBottom: "1px solid transparent"
+          },
+          "&.Mui-focused::after": {
+            borderBottom: `2px solid ${o.palette.primary.main}`
+          },
+          "&.Mui-error::after": {
+            opacity: 1,
+            borderBottom: `2px solid ${o.palette.error.light}`
+          },
+          "&.Mui-disabled::before": {
+            borderBottomStyle: "solid"
+          }
+        },
+        // TextArea (multiline)
+        "&.MuiInputBase-multiline": {
+          height: "auto",
+          minHeight: o.spacing(12),
+          alignItems: "flex-start",
+          padding: o.spacing(0, 0.25),
+          "& textarea": {
+            padding: o.spacing(1.5, 1.75),
+            ...o.typography.body1,
+            "&::placeholder": {
+              opacity: 1,
+              color: o.palette.text.hint
+            },
+            "&.Mui-disabled::placeholder": {
+              color: o.palette.text.disabled
+            },
+            // Remove focus on keyboard navigation as the parent element has focus
+            "&:focus-visible": {
+              outline: "none !important",
+              boxShadow: "none !important"
+            }
+          },
+          "&.MuiInputBase-sizeSmall": {
+            minHeight: o.spacing(9),
+            padding: o.spacing(0, 0.25),
+            "& textarea": {
+              padding: o.spacing(1, 1.25),
+              ...o.typography.body2
+            }
+          }
+        },
+        // Select Multiple selection
+        "&.MuiInputBase-root .MuiSelect-multiple.MuiInputBase-input": {
+          paddingLeft: 0,
+          paddingRight: o.spacing(3)
+        }
+      }),
+      // size
+      sizeSmall: ({ theme: o }) => ({
+        height: o.spacing(4),
+        padding: o.spacing(0, 1.5),
+        "& input": {
+          ...o.typography.body2
+        }
+      })
+    }
+  },
+  // Input Adornment
+  MuiInputAdornment: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        "& .MuiTypography-root": {
+          ...o.typography.body1,
+          color: o.palette.text.secondary
+        },
+        "&.MuiInputAdornment-sizeSmall": {
+          "& .MuiTypography-root": {
+            ...o.typography.body2
+          }
+        },
+        "&.MuiInputAdornment-positionStart.MuiInputAdornment-root:not(.MuiInputAdornment-hiddenLabel)": {
+          marginTop: 0
+        },
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: p,
+          width: p,
+          minWidth: p,
+          height: p,
+          color: o.palette.text.secondary
+        },
+        ".Mui-disabled &": {
+          "& .MuiTypography-root, & .MuiSvgIcon-root": {
+            color: o.palette.text.disabled
+          }
+        }
+      })
+    }
+  },
+  // Form Control
+  MuiFormControl: {
+    defaultProps: {
+      fullWidth: !0
+    }
+  },
+  // Form Control Label (radio, checkbox and switch wrapper)
+  MuiFormControlLabel: {
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        marginLeft: t.spacing(-0.5),
+        "& .MuiSwitch-root": {
+          marginLeft: t.spacing(0.5)
+        },
+        ...o.readOnly === !0 && {
+          pointerEvents: "none"
+        }
+      })
+    }
+  },
+  // Form Helper Text
+  MuiFormHelperText: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        margin: 0,
+        marginTop: o.spacing(1)
+      })
+    }
+  },
+  // Label
+  MuiInputLabel: {
+    styleOverrides: {
+      ...lt
+    }
+  },
+  MuiFormLabel: {
+    styleOverrides: {
+      ...lt
+    }
+  },
+  // Select
+  MuiSelect: {
+    defaultProps: {
+      IconComponent: zo,
+      fullWidth: !0,
+      size: "small"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        padding: 0,
+        "& .MuiSelect-icon": {
+          right: o.spacing(2),
+          color: o.palette.text.secondary
+        },
+        "&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon": {
+          color: o.palette.text.disabled
+        },
+        "& .MuiSelect-iconStandard": {
+          right: 0
+        },
+        "& legend": {
+          display: "none"
+        },
+        // Variants
+        "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
+          padding: 0
+        },
+        "&.MuiFilledInput-root, &.MuiInput-underline": {
+          "&.Mui-focused::after": {
+            height: "100%",
+            transition: "none"
+          }
+        },
+        // Size Small
+        "&.MuiInputBase-sizeSmall": {
+          ...o.typography.body2,
+          "& .MuiSelect-select": {
+            "&.MuiInputBase-input": {
+              paddingLeft: o.spacing(1.5),
+              paddingRight: o.spacing(4)
+            },
+            "&.MuiSelect-standard": {
+              paddingLeft: 0
+            }
+          },
+          "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall, &.MuiFilledInput-root.MuiInputBase-sizeSmall": {
+            padding: 0
+          },
+          "& .MuiSelect-icon": {
+            right: o.spacing(1.5)
+          }
+        }
+      }),
+      select: ({ theme: o }) => ({
+        padding: o.spacing(1.5),
+        "&.MuiInputBase-input": {
+          paddingLeft: o.spacing(2),
+          paddingRight: o.spacing(5),
+          "&.MuiSelect-standard": {
+            paddingLeft: 0
+          }
+        },
+        "&:focus": {
+          background: "transparent"
+        },
+        // Remove focus on keyboard navigation as the parent element has focus
+        "&:focus-visible": {
+          outline: "none !important",
+          boxShadow: "none !important"
+        },
+        "& .MuiTypography-root": {
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        },
+        "&.MuiInputBase-inputSizeSmall": {
+          padding: o.spacing(0.75)
+        }
+      })
+    }
+  },
+  // Autocomplete
+  MuiAutocomplete: {
+    defaultProps: {
+      size: "small",
+      fullWidth: !0,
+      popupIcon: /* @__PURE__ */ d.jsx(zo, {}),
+      clearIcon: /* @__PURE__ */ d.jsx(It, { "data-testid": "cancel-icon-autocomplete" }),
+      ChipProps: { color: "default" },
+      limitTags: 1,
+      componentsProps: {
+        paper: {
+          elevation: 8
+        }
+      }
+    },
+    styleOverrides: {
+      root: ({ ownerState: o, theme: t }) => ({
+        "&.MuiAutocomplete-root .MuiFormControl-root": {
+          //Needed to overide Mui default styles
+          ".MuiInputBase-root": {
+            gap: t.spacing(0.5),
+            height: "auto",
+            minHeight: t.spacing(6),
+            padding: t.spacing(1, 2),
+            paddingRight: t.spacing(5),
+            ".MuiInputBase-input": {
+              padding: 0
+            },
+            // Multiple
+            ...o.multiple === !0 && {
+              paddingLeft: t.spacing(1),
+              ".MuiInputBase-input": {
+                padding: 0,
+                marginLeft: t.spacing(1)
+              }
+            },
+            ...o.size === "small" && {
+              minHeight: t.spacing(4),
+              padding: t.spacing(0.5, 1.5),
+              paddingRight: t.spacing(4),
+              ...o.multiple === !0 && {
+                paddingLeft: t.spacing(0.5)
+              }
+            },
+            ...o.readOnly === !0 && {
+              backgroundColor: t.palette.default.background
+            },
+            "&.Mui-disabled": {
+              pointerEvents: "none"
+            }
+          },
+          // Variants
+          ".MuiFilledInput-root .MuiAutocomplete-tag": {
+            backgroundColor: "transparent",
+            border: `1px solid ${t.palette.default.main}`
+          }
+        },
+        "&.MuiAutocomplete-hasClearIcon .MuiFormControl-root .MuiInputBase-root": {
+          paddingRight: t.spacing(8.5),
+          ...o.size === "small" && {
+            paddingRight: t.spacing(7)
+          }
+        }
+      }),
+      endAdornment: ({ theme: o }) => ({
+        transform: "none",
+        top: o.spacing(2),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        marginRight: o.spacing(1),
+        ".MuiAutocomplete-hasClearIcon &": {
+          top: o.spacing(1)
+        },
+        ".MuiInputBase-sizeSmall &": {
+          top: o.spacing(0.5),
+          width: o.spacing(3),
+          height: o.spacing(3),
+          marginRight: o.spacing(0.5)
+        }
+      }),
+      clearIndicator: ({ ownerState: o, theme: t }) => ({
+        marginRight: 0,
+        color: t.palette.text.hint,
+        ...o.size === "small" && {
+          width: t.spacing(3),
+          height: t.spacing(3)
+        }
+      }),
+      popupIndicator: ({ theme: o }) => ({
+        width: p,
+        height: p,
+        cursor: "text",
+        "&:hover": {
+          backgroundColor: "transparent"
+        },
+        "&.MuiButtonBase-root": {
+          color: o.palette.text.secondary
+        },
+        ".Mui-disabled &": {
+          color: o.palette.text.disabled
+        },
+        "input:read-only + .MuiAutocomplete-endAdornment &": {
+          color: o.palette.text.disabled
+        }
+      }),
+      tag: ({ ownerState: o, theme: t }) => ({
+        margin: 0,
+        "&:not(.MuiButtonBase-root)": {
+          display: "flex",
+          alignItems: "center",
+          height: t.spacing(4),
+          padding: t.spacing(0, 1.5),
+          backgroundColor: t.palette.default.main,
+          borderRadius: t.spacing(2),
+          ...t.typography.button,
+          fontWeight: t.typography.fontWeightMedium,
+          ...o.size === "small" && {
+            height: t.spacing(3),
+            padding: t.spacing(0, 1),
+            borderRadius: t.spacing(1.5),
+            ...t.typography.caption,
+            fontWeight: t.typography.fontWeightMedium
+          }
+        }
+      }),
+      option: ({ ownerState: o, theme: t }) => ({
+        "&.MuiAutocomplete-option": {
+          minHeight: t.spacing(4),
+          padding: t.spacing(0.5, 2),
+          ...t.typography.body2,
+          transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+          "&:hover": {
+            backgroundColor: t.palette.action.hover
+          },
+          '&[aria-selected="true"]': {
+            color: t.palette.primary.main,
+            backgroundColor: t.palette.primary.background,
+            ".MuiTypography-root": {
+              color: t.palette.primary.main
+            },
+            ".MuiTypography-caption": {
+              color: t.palette.text.secondary
+            },
+            "&.Mui-focused:hover": {
+              backgroundColor: t.palette.action.hover
+            }
+          },
+          "&:first-of-type": {
+            marginTop: t.spacing(1)
+          },
+          ...o.size === "small" && {
+            padding: t.spacing(0.5, 1.5)
+          }
+        }
+      }),
+      noOptions: ({ ownerState: o, theme: t }) => ({
+        padding: t.spacing(2.5, 2),
+        ...t.typography.body2,
+        color: t.palette.text.secondary,
+        ...o.size === "small" && {
+          padding: t.spacing(2, 1.5)
+        }
+      }),
+      listbox: ({ theme: o }) => ({
+        paddingTop: 0,
+        ".MuiDivider-root": {
+          display: "none"
+        },
+        ".MuiButtonBase-root + .MuiDivider-root": {
+          display: "block"
+        },
+        ".MuiMenuItem-root:first-of-type": {
+          marginTop: o.spacing(1)
+        }
+      })
+    }
+  },
+  // Switch
+  MuiSwitch: {
+    defaultProps: {
+      disableRipple: !0
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        width: o.spacing(rt),
+        height: o.spacing(et),
+        padding: 0,
+        overflow: "visible",
+        "& + .MuiTypography-root": {
+          marginLeft: o.spacing(1),
+          color: o.palette.text.primary
+        },
+        "& + .MuiFormControlLabel-label": {
+          ...o.typography.body2
+        }
+      }),
+      switchBase: ({ ownerState: o, theme: t }) => ({
+        width: t.spacing(nt),
+        height: t.spacing(nt),
+        padding: t.spacing(0.5),
+        borderRadius: "50%",
+        color: t.palette.text.secondary,
+        transform: "translate(-8px, -8px)",
+        "&:hover": {
+          backgroundColor: t.palette.action.hover
+        },
+        "&.MuiSwitch-switchBase input": {
+          top: t.spacing(1),
+          left: t.spacing(1)
+        },
+        "&.Mui-checked": {
+          transform: "translate(0, -8px)",
+          color: t.palette.common.white,
+          "&.MuiSwitch-switchBase input": {
+            left: 0
+          },
+          "& + .MuiSwitch-track": {
+            opacity: 1,
+            border: 0
+          }
+        },
+        ...o.readOnly === !0 && {
+          color: t.palette.text.disabled
+        }
+      }),
+      thumb: ({ theme: o }) => ({
+        width: o.spacing(1),
+        height: o.spacing(1),
+        boxShadow: o.shadows[0],
+        ".Mui-checked &": {
+          boxShadow: o.shadows[1]
+        },
+        ".Mui-disabled &": {
+          backgroundColor: o.palette.text.disabled
+        },
+        ".Mui-disabled.Mui-checked &": {
+          backgroundColor: o.palette.common.white
+        }
+      }),
+      input: ({ theme: o }) => ({
+        width: o.spacing(rt),
+        height: o.spacing(et),
+        left: 0
+      }),
+      track: ({ ownerState: o, theme: t }) => ({
+        height: "auto",
+        border: `1px solid ${t.palette.text.secondary}`,
+        borderRadius: t.spacing(2),
+        opacity: 1,
+        backgroundColor: t.palette.common.white,
+        transitionDuration: "300ms",
+        ".MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled + &": {
+          opacity: 1,
+          borderColor: t.palette.text.disabled
+        },
+        ".MuiButtonBase-root.Mui-checked.Mui-disabled + &": {
+          backgroundColor: t.palette.text.disabled
+        },
+        ".MuiButtonBase-root.MuiSwitch-switchBase[readOnly] + &": {
+          borderColor: t.palette.text.disabled
+        },
+        "[readOnly] .MuiButtonBase-root.Mui-checked + &": {
+          backgroundColor: t.palette.text.disabled
+        },
+        ...o.readOnly === !0 && {
+          borderColor: t.palette.text.disabled
+        }
+      }),
+      colorPrimary: ({ theme: o }) => ({
+        "&.Mui-checked:hover": {
+          backgroundColor: o.palette.primary.background
+        }
+      }),
+      colorSecondary: ({ theme: o }) => ({
+        "&.Mui-checked:hover": {
+          backgroundColor: o.palette.secondary.background
+        }
+      })
+    }
+  },
+  // Circular Progress
+  MuiCircularProgress: {
+    defaultProps: {
+      size: 40,
+      thickness: 4
+    }
+  },
+  // Slider
+  MuiSlider: {
+    defaultProps: {
+      color: "primary",
+      marks: !1,
+      size: "small"
+    },
+    styleOverrides: {
+      thumb: ({ theme: o }) => ({
+        "&:hover, &.Mui-focusVisible": {
+          boxShadow: `0 0 0 ${o.spacing(1)} ${o.palette.primary.background}`
+        }
+      })
+    }
+  }
+}, Di = {
+  // Menu
+  MuiMenu: {
+    styleOverrides: {
+      paper: ({ theme: o }) => ({
+        "&.MuiMenu-paper": {
+          minWidth: o.spacing(8),
+          // 64px, defined by design
+          maxHeight: o.spacing(39),
+          // 312px, defined by design
+          "&:focus-visible": {
+            outline: "none !important",
+            boxShadow: "none !important"
+          }
+        }
+      })
+    }
+  },
+  // Menu Item
+  MuiMenuItem: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        ...o.typography.body2,
+        columnGap: o.spacing(1),
+        minHeight: o.spacing(4),
+        padding: o.spacing(0.75, 1, 0.75, 1.5),
+        whiteSpace: "normal",
+        transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        [o.breakpoints.up("sm")]: {
+          // Overrides an unwanted Mui default style
+          "&.MuiButtonBase-root": {
+            minHeight: o.spacing(4)
+          }
+        },
+        "&:hover": {
+          ".MuiAvatar-root, .MuiChip-root, .CartoTag-root": {
+            cursor: "pointer"
+          }
+        },
+        "&:focus-visible": {
+          // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
+          backgroundColor: "transparent",
+          outline: "none !important",
+          boxShadow: `inset 0 0 0 2px ${o.palette.primary.main} !important`,
+          borderRadius: o.shape.borderRadius,
+          "&:hover": {
+            backgroundColor: o.palette.action.hover
+          }
+        },
+        "&.Mui-selected": {
+          color: o.palette.primary.main,
+          "&:focus-visible": {
+            // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
+            backgroundColor: o.palette.primary.background
+          },
+          "&:hover": {
+            backgroundColor: o.palette.action.hover
+          },
+          "& .MuiTypography-root, & .MuiSvgIcon-root": {
+            color: o.palette.primary.main
+          },
+          ".MuiTypography-caption": {
+            // secondary text
+            color: o.palette.text.secondary
+          }
+        },
+        "&.Mui-disabled": {
+          opacity: 1,
+          color: o.palette.text.disabled,
+          backgroundColor: o.palette.background.paper,
+          "&:empty": {
+            height: 0,
+            minHeight: 0,
+            padding: 0
+          },
+          ".MuiTypography-root": {
+            color: o.palette.text.disabled
+          },
+          svg: {
+            color: o.palette.text.disabled
+          },
+          ".MuiListItemIcon-root svg path": {
+            fill: o.palette.text.disabled
+          },
+          ".MuiAvatar-root": {
+            color: o.palette.text.disabled,
+            backgroundColor: o.palette.action.disabledBackground
+          }
+        },
+        "& > .MuiSvgIcon-root": {
+          marginRight: o.spacing(1)
+        },
+        ".MuiMenu-paper-sizeSmall &": {
+          paddingLeft: o.spacing(1.5),
+          paddingRight: o.spacing(1.5)
+        }
+      }),
+      dense: ({ theme: o }) => ({
+        minHeight: o.spacing(3),
+        paddingTop: 0,
+        paddingBottom: 0,
+        ".MuiTypography-root": {
+          ...o.typography.caption,
+          fontWeight: 500
+        },
+        [o.breakpoints.up("sm")]: {
+          // Overrides an unwanted Mui default style
+          "&.MuiButtonBase-root": {
+            minHeight: o.spacing(3)
+          }
+        }
+      })
+    }
+  },
+  // List
+  MuiList: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        paddingTop: 0,
+        ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
+          minWidth: o.spacing(8),
+          // 64px, defined by design
+          maxHeight: o.spacing(39),
+          // 312px, defined by design
+          overflowY: "auto",
+          "&:focus-visible": {
+            outline: "none !important",
+            boxShadow: "none !important"
+          }
+        },
+        ".MuiDivider-root": {
+          margin: o.spacing(1, 0)
+        },
+        // Indent sublevels, ugly but needed to avoid issues with hover
+        "& .MuiList-root": {
+          paddingTop: 0,
+          paddingBottom: 0,
+          "& .MuiListItem-root": {
+            paddingLeft: o.spacing(4)
+          },
+          "& .MuiList-root": {
+            "& .MuiListItem-root": {
+              paddingLeft: o.spacing(6)
+            },
+            "& .MuiList-root": {
+              "& .MuiListItem-root": {
+                paddingLeft: o.spacing(8)
+              },
+              "& .MuiList-root": {
+                "& .MuiListItem-root": {
+                  paddingLeft: o.spacing(10)
+                }
+              }
+            }
+          }
+        },
+        "& .MuiListItemButton-root": {
+          "&:focus-visible": {
+            backgroundColor: "transparent"
+          }
+        }
+      })
+    }
+  },
+  // List Item
+  MuiListItemText: {
+    defaultProps: {
+      primaryTypographyProps: {
+        variant: "body2",
+        noWrap: !0,
+        component: "span"
+      },
+      secondaryTypographyProps: { variant: "caption" }
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        paddingRight: o.spacing(2),
+        "& + .MuiBox-root": {
+          marginRight: o.spacing(1)
+        }
+      })
+    }
+  },
+  MuiListItemIcon: {
+    styleOverrides: {
+      root: () => ({
+        "& .MuiSvgIcon-root": {
+          fontSize: L
+        },
+        ".MuiMenuItem-root.MuiButtonBase-root &": {
+          minWidth: p
+        }
+      })
+    }
+  },
+  MuiListItemAvatar: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        "& .MuiAvatar-root": {
+          height: o.spacing(4),
+          width: o.spacing(4)
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: p
+        }
+      })
+    }
+  },
+  // Tabs
+  MuiTabs: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        boxSizing: "content-box",
+        boxShadow: `0 1px 0 0 ${o.palette.black[12]}`
+      }),
+      vertical: () => ({
+        borderBottom: 0
+      })
+    }
+  },
+  // Tab
+  MuiTab: {
+    defaultProps: {
+      iconPosition: "start"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        minHeight: o.spacing(6),
+        minWidth: o.spacing(6),
+        padding: o.spacing(0, 2),
+        paddingTop: "2px",
+        borderBottom: "2px solid transparent",
+        ...o.typography.subtitle2,
+        color: o.palette.text.primary,
+        transition: "border 300ms cubic-bezier(0.4, 0, 0.2, 1)",
+        "&:hover": {
+          borderBottomColor: o.palette.text.primary
+        },
+        "&:focus-visible": {
+          outline: "none !important",
+          boxShadow: `inset 0 0 0 2px ${o.palette.primary.main} !important`,
+          borderRadius: `${o.shape.borderRadius}px ${o.shape.borderRadius}px 0 0`
+        },
+        "&.Mui-selected": {
+          pointerEvents: "none",
+          "& svg:not(.doNotFillIcon) path": {
+            fill: o.palette.primary.main
+          }
+        },
+        ".MuiTabs-vertical &": {
+          paddingTop: 0,
+          borderBottom: 0,
+          paddingLeft: "2px",
+          borderRight: "2px solid transparent",
+          "&:hover": {
+            borderRightColor: o.palette.text.primary
+          }
+        }
+      }),
+      wrapped: () => ({
+        maxWidth: "240px"
+      })
+    }
+  },
+  // Breadcrumbs
+  MuiBreadcrumbs: {
+    styleOverrides: {
+      li: ({ theme: o }) => ({
+        "& .MuiTypography-root": {
+          ...o.typography.body2,
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center"
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: p,
+          marginRight: o.spacing(1)
+        }
+      }),
+      separator: ({ theme: o }) => ({
+        marginLeft: o.spacing(0.5),
+        marginRight: o.spacing(0.5)
+      })
+    }
+  },
+  // Links
+  MuiLink: {
+    defaultProps: {
+      underline: "hover"
+    },
+    styleOverrides: {
+      root: () => ({
+        cursor: "pointer"
+      })
+    }
+  }
+};
+function I(o) {
+  return 0.0625 * o + "rem";
+}
+const Lo = {
+  htmlFontSize: 16,
+  fontFamily: "Inter, sans-serif",
+  fontSize: 16,
+  lineHeight: 1.5,
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 600,
+  fontSmoothing: "antialiased",
+  h1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: I(96),
+    lineHeight: 1.167,
+    letterSpacing: "-1.5px"
+  },
+  h2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: I(60),
+    lineHeight: 1.2,
+    letterSpacing: "-0.5px"
+  },
+  h3: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: I(48),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h4: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: I(32),
+    lineHeight: 1.25,
+    letterSpacing: "0.15px"
+  },
+  h5: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: I(24),
+    lineHeight: 1.167,
+    letterSpacing: "0.15px"
+  },
+  h6: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: I(18),
+    lineHeight: 1.333,
+    letterSpacing: "0.15px"
+  },
+  subtitle1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: I(16),
+    lineHeight: 1.5,
+    letterSpacing: "0.15px"
+  },
+  subtitle2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: I(13),
+    lineHeight: 1.538,
+    letterSpacing: "0.1px"
+  },
+  body1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: I(16),
+    lineHeight: 1.5,
+    letterSpacing: "0.4px"
+  },
+  body2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: I(13),
+    lineHeight: 1.538,
+    letterSpacing: "0.25px"
+  },
+  button: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: I(13),
+    lineHeight: 1.538,
+    letterSpacing: "0.25px",
+    textTransform: "inherit"
+  },
+  caption: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: I(11),
+    lineHeight: 1.454,
+    letterSpacing: "0.2px"
+  },
+  overline: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: I(10),
+    lineHeight: 1.2,
+    letterSpacing: "1.2px",
+    textTransform: "uppercase"
+  }
+}, $i = {
+  captionMedium: {
+    ...Lo.caption,
+    fontWeight: 500,
+    letterSpacing: "0.4px"
+  },
+  overlineDelicate: {
+    ...Lo.overline,
+    fontWeight: 400,
+    letterSpacing: "1.2px"
+  },
+  code1: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: I(16),
+    lineHeight: 1.5,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code2: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: I(14),
+    lineHeight: 1.428,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code3: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: I(12),
+    lineHeight: 1.333,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  }
+}, Rt = {
+  ...Lo,
+  ...$i
+};
+var st, pt, ct, ut, dt, gt, bt, ft;
+const Ni = {
+  // Accessibility focus (keyboard only)
+  "*:focus-visible": {
+    outline: `2px solid ${(st = q.primary) == null ? void 0 : st.main} !important`,
+    boxShadow: `0 0 0 4px ${(pt = q.primary) == null ? void 0 : pt.background} !important`,
+    borderRadius: "4px"
+  },
+  // Custom scrollbars
+  "*::-webkit-scrollbar": {
+    position: "fixed"
+  },
+  "*::-webkit-scrollbar:vertical": {
+    width: "5px"
+  },
+  "*::-webkit-scrollbar:horizontal": {
+    height: "5px"
+  },
+  "*::-webkit-scrollbar-track": {
+    boxShadow: "none",
+    background: "transparent"
+  },
+  "*::-webkit-scrollbar-thumb": {
+    borderRadius: "3px",
+    background: (ct = q.action) == null ? void 0 : ct.focus,
+    outline: "none"
+  },
+  // iOS Search clear button
+  'input[type="search"]::-webkit-search-cancel-button': {
+    WebkitAppearance: "none",
+    appearance: "none",
+    height: R(2),
+    width: R(2),
+    display: "block",
+    backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: R(2)
+  },
+  // Mapbox controls
+  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
+    padding: R(0, 1),
+    borderRadius: R(0.5, 0, 0, 0),
+    "& .mapboxgl-ctrl-attrib-inner": {
+      ...Rt.overline,
+      textTransform: "none",
+      letterSpacing: "0.75px",
+      "& a": {
+        color: (ut = q.primary) == null ? void 0 : ut.main
+      }
+    },
+    "&.mapboxgl-compact": {
+      backgroundColor: "transparent",
+      right: R(0.5),
+      bottom: R(2.5),
+      // Mobile
+      "@media (max-width: 600px)": {
+        bottom: R(0.5)
+      },
+      "& .mapboxgl-ctrl-attrib-button": {
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(dt = q.text) == null ? void 0 : dt.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundColor: "rgba(255,255,255,.8)",
+        top: "auto",
+        bottom: 0,
+        right: 0,
+        "&:not(:disabled):hover": {
+          backgroundColor: "rgba(255,255,255,.8)"
+        }
+      },
+      "& .mapboxgl-ctrl-attrib-inner": {
+        backgroundColor: "rgba(255,255,255,.8)",
+        padding: R(0.5, 1),
+        borderRadius: R(1.5),
+        marginRight: R(2.5),
+        color: (gt = q.text) == null ? void 0 : gt.secondary
+      },
+      "&.mapboxgl-compact-show": {
+        "& .mapboxgl-ctrl-attrib-button": {
+          backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
+          backgroundColor: (bt = q.common) == null ? void 0 : bt.black,
+          "&:not(:disabled):hover": {
+            backgroundColor: (ft = q.common) == null ? void 0 : ft.black
+          }
+        }
+      }
+    }
+  }
+};
+var $o = {}, Hi = Mt;
+Object.defineProperty($o, "__esModule", {
+  value: !0
+});
+var wt = $o.default = void 0, _i = Hi(yt()), Vi = d;
+wt = $o.default = (0, _i.default)(/* @__PURE__ */ (0, Vi.jsx)("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+}), "CheckCircleOutlined");
+const Ui = {
+  // SnackBar
+  MuiSnackbar: {
+    defaultProps: {
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      }
+    }
+  },
+  // Skeleton
+  MuiSkeleton: {
+    defaultProps: {
+      animation: "wave",
+      variant: "rounded"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        backgroundColor: o.palette.black[8]
+      }),
+      rounded: ({ theme: o }) => ({
+        borderRadius: o.spacing(0.5)
+      }),
+      text: ({ theme: o }) => ({
+        borderRadius: o.spacing(0.5)
+      }),
+      wave: ({ theme: o }) => ({
+        "&::after": {
+          background: `linear-gradient( 90deg, transparent, ${o.palette.black[4]}, transparent )`
+        }
+      })
+    }
+  },
+  // Alert
+  MuiAlert: {
+    defaultProps: {
+      iconMapping: {
+        success: /* @__PURE__ */ d.jsx(wt, {})
+      }
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        borderRadius: o.spacing(1),
+        alignSelf: "start",
+        width: "100%",
+        padding: o.spacing(1.5)
+      }),
+      icon: ({ theme: o }) => ({
+        height: o.spacing(3),
+        display: "flex",
+        alignItems: "center",
+        padding: 0,
+        marginRight: o.spacing(1),
+        svg: {
+          width: p,
+          height: p
+        }
+      }),
+      action: () => ({
+        paddingTop: 0,
+        marginRight: 0
+      }),
+      message: ({ theme: o }) => ({
+        paddingTop: o.spacing(0.5),
+        paddingBottom: 0,
+        ...o.typography.caption
+      })
+    }
+  },
+  // AlertTitle
+  MuiAlertTitle: {
+    defaultProps: {
+      variant: "body2"
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        marginBottom: o.spacing(0.5),
+        fontWeight: o.typography.fontWeightBold,
+        color: "inherit"
+      })
+    }
+  }
+}, qi = {
+  // AppBar
+  MuiAppBar: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        height: qo,
+        backgroundColor: o.palette.brand.navyBlue,
+        color: o.palette.common.white,
+        boxShadow: o.shadows[0],
+        "& .MuiToolbar-root": {
+          justifyContent: "space-between",
+          width: "100%",
+          padding: o.spacing(0, 1),
+          minHeight: qo
+        },
+        "& .MuiAvatar-root": {
+          width: o.spacing(4),
+          height: o.spacing(4)
+        }
+      })
+    }
+  },
+  // MuiAccordion
+  MuiAccordion: {
+    defaultProps: {
+      disableGutters: !0,
+      elevation: 0
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        ...o.typography.body2,
+        backgroundColor: "transparent",
+        boxShadow: `inset 0 -1px 0 0 ${o.palette.divider}`,
+        "&:last-of-type": {
+          boxShadow: "none"
+        },
+        "&::before": {
+          content: "none"
+        },
+        "&.Mui-disabled": {
+          backgroundColor: "transparent"
+        }
+      })
+    }
+  },
+  // MuiAccordionSummary
+  MuiAccordionSummary: {
+    defaultProps: {
+      expandIcon: /* @__PURE__ */ d.jsx(Yt, {})
+    },
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        ...o.typography.button,
+        "&.Mui-disabled": {
+          opacity: 1,
+          color: o.palette.text.disabled
+        },
+        "&.Mui-focusVisible": {
+          backgroundColor: "transparent",
+          borderRadius: o.shape.borderRadius
+        }
+      }),
+      expandIconWrapper: ({ theme: o }) => ({
+        "& svg": {
+          color: o.palette.text.secondary,
+          ".Mui-disabled &": {
+            color: o.palette.text.disabled
+          }
+        }
+      })
+    }
+  },
+  // MuiAccordionDetails
+  MuiAccordionDetails: {
+    styleOverrides: {
+      root: ({ theme: o }) => ({
+        paddingBottom: o.spacing(3)
+      })
+    }
+  }
+}, Gi = [
+  "none",
+  // 0
+  "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
+  // 1
+  "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
+  // 2
+  "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
+  "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
+  // 4
+  "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
+  "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
+  // 6
+  "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
+  "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
+  // 8
+  "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
+  "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
+  "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
+  "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
+  "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
+  "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
+  // 16
+  "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
+  "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
+  "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
+  "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
+  "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
+  "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
+  // 24
+], Ki = {
+  themeName: "CARTO",
+  breakpoints: {
+    keys: ["xs", "sm", "md", "lg", "xl"],
+    values: {
+      xs: no.XS,
+      // 320 - 599
+      sm: no.SM,
+      // 600 - 959
+      md: no.MD,
+      // 960 - 1279
+      lg: no.LG,
+      // 1280 - 1599
+      xl: no.XL
+      // 1600+
+    },
+    unit: "px",
+    step: 5
+    // For more information about use this helper functions: https://mui.com/material-ui/customization/breakpoints/#css-media-queries
+    // up: f d(),
+    // down: f down(),
+    // between: f p(),
+    // only: f only(),
+    // width: f width(),
+  },
+  direction: "ltr",
+  mixins: {
+    // gutters: f gutters(),
+    toolbar: {
+      minHeight: 56,
+      "@media (min-width:0px) and (orientation: landscape)": {
+        minHeight: 48
+      },
+      "@media (min-width:600px)": {
+        minHeight: 56
+      }
+    }
+  },
+  palette: q,
+  shadows: Gi,
+  typography: Rt,
+  spacingValue: Go,
+  // For situations where we can't use theme.spacing(), mainly math calculations.er
+  spacing: Go,
+  // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
+  shape: {
+    borderRadius: 4
+  },
+  transitions: {
+    easing: {
+      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+      easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+      easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+      sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+    },
+    duration: {
+      shortest: 150,
+      shorter: 200,
+      short: 250,
+      standard: 300,
+      complex: 375,
+      enteringScreen: 225,
+      leavingScreen: 195
+    }
+    // create: f create(), => Research
+    // getAutoHeightDuration: f getAutoHeightDuration(), => Research
+  },
+  zIndex: {
+    mobileStepper: 1e3,
+    speedDial: 1050,
+    appBar: 1100,
+    drawer: 1200,
+    modal: 1300,
+    snackbar: 1400,
+    tooltip: 1500
+  },
+  // Styles and props overrides for components
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: {
+        ...Ni
+      }
+    },
+    ...Ei,
+    ...ji,
+    ...Di,
+    ...Li,
+    ...Ui,
+    ...qi
+  }
+}, re = Ut(qt(Ki));
+export {
+  qo as APPBAR_SIZE,
+  no as BREAKPOINTS,
+  L as ICON_SIZE_LARGE,
+  p as ICON_SIZE_MEDIUM,
+  ao as ICON_SIZE_SMALL,
+  Go as SPACING,
+  Ki as cartoThemeOptions,
+  le as getCartoColorStylePropsForItem,
+  R as getSpacing,
+  re as theme
+};