fansunited-widgets-cdn 0.0.86-RC3 → 0.0.86-RC5

package/chunks/ListItemDecorator-CE2eQLip.js

@@ -1,1882 +0,0 @@
-import { r as u, a0 as Pt, a1 as qt, w as i, v as he, _ as Q, x as R, y as O, E as $e, j as m, z as ne, D as xe, F as Ae, G as Ie, Z as Et } from "./main-XP7dqk6g.js";
-import { c as Ot } from "./createSvgIcon-7h7XC877.js";
-import { u as Bt, g as Ee, V as Gt } from "./variantColorInheritance-DI3wUohX.js";
-import { S as Dt } from "./IconButton-Lt9Xks7c.js";
-import { b as Ct, G as Kt, C as Yt, R as Xt, W as Zt, N as $t, g as Qt, l as St, d as eo, s as to, e as oo, f as ro, F as kt, h as no, P as so, L as lo, i as io, j as ao, k as co, m as uo, n as po } from "./Select-p_cHpLhi.js";
-import { u as st } from "./getReactElementRef-BD-S8A24.js";
-import { a as mo, C as fo } from "./Chip-6HLNTHMI.js";
-import { i as go, u as vo, I as bo } from "./Button-BV7YIFkS.js";
-const ho = (e) => {
-  const t = u.useRef({});
-  return u.useEffect(() => {
-    t.current = e;
-  }), t.current;
-};
-function zt(e) {
-  return typeof e.normalize < "u" ? e.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : e;
-}
-function xo(e = {}) {
-  const {
-    ignoreAccents: t = !0,
-    ignoreCase: l = !0,
-    limit: n,
-    matchFrom: d = "any",
-    stringify: f,
-    trim: y = !1
-  } = e;
-  return (L, {
-    inputValue: C,
-    getOptionLabel: h
-  }) => {
-    let g = y ? C.trim() : C;
-    l && (g = g.toLowerCase()), t && (g = zt(g));
-    const D = g ? L.filter((T) => {
-      let x = (f || h)(T);
-      return l && (x = x.toLowerCase()), t && (x = zt(x)), d === "start" ? x.indexOf(g) === 0 : x.indexOf(g) > -1;
-    }) : L;
-    return typeof n == "number" ? D.slice(0, n) : D;
-  };
-}
-function lt(e, t) {
-  for (let l = 0; l < e.length; l += 1)
-    if (t(e[l]))
-      return l;
-  return -1;
-}
-const Io = xo(), Ft = 5, yo = (e) => {
-  var t;
-  return e.current !== null && ((t = e.current.parentElement) == null ? void 0 : t.contains(document.activeElement));
-}, Lo = [];
-function Co(e) {
-  const {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: t = yo,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_classNamePrefix: l = "Mui",
-    autoComplete: n = !1,
-    autoHighlight: d = !1,
-    autoSelect: f = !1,
-    blurOnSelect: y = !1,
-    clearOnBlur: L = !e.freeSolo,
-    clearOnEscape: C = !1,
-    componentName: h = "useAutocomplete",
-    defaultValue: g = e.multiple ? Lo : null,
-    disableClearable: D = !1,
-    disableCloseOnSelect: T = !1,
-    disabled: x,
-    disabledItemsFocusable: k = !1,
-    disableListWrap: z = !1,
-    filterOptions: A = Io,
-    filterSelectedOptions: F = !1,
-    freeSolo: H = !1,
-    getOptionDisabled: _,
-    getOptionKey: J,
-    getOptionLabel: se = (r) => {
-      var o;
-      return (o = r.label) != null ? o : r;
-    },
-    groupBy: ee,
-    handleHomeEndKeys: ce = !e.freeSolo,
-    id: ue,
-    includeInputInList: me = !1,
-    inputValue: ye,
-    isOptionEqualToValue: U = (r, o) => r === o,
-    multiple: b = !1,
-    onChange: pe,
-    onClose: fe,
-    onHighlightChange: Le,
-    onInputChange: E,
-    onOpen: ze,
-    open: Fe,
-    openOnFocus: Be = !1,
-    options: Me,
-    readOnly: G = !1,
-    selectOnFocus: je = !e.freeSolo,
-    value: _e
-  } = e, K = Pt(ue);
-  let W = se;
-  W = (r) => {
-    const o = se(r);
-    return typeof o != "string" ? String(o) : o;
-  };
-  const Ve = u.useRef(!1), we = u.useRef(!0), M = u.useRef(null), te = u.useRef(null), [Y, at] = u.useState(null), [oe, Je] = u.useState(-1), Ge = d ? 0 : -1, S = u.useRef(Ge), [a, Ce] = Ct({
-    controlled: _e,
-    default: g,
-    name: h
-  }), [v, le] = Ct({
-    controlled: ye,
-    default: "",
-    name: h,
-    state: "inputValue"
-  }), [Re, We] = u.useState(!1), Ne = u.useCallback((r, o) => {
-    if (!(b ? a.length < o.length : o !== null) && !L)
-      return;
-    let c;
-    if (b)
-      c = "";
-    else if (o == null)
-      c = "";
-    else {
-      const I = W(o);
-      c = typeof I == "string" ? I : "";
-    }
-    v !== c && (le(c), E && E(r, c, "reset"));
-  }, [W, v, b, E, le, L, a]), [Se, Ke] = Ct({
-    controlled: Fe,
-    default: !1,
-    name: h,
-    state: "open"
-  }), [ct, Ye] = u.useState(!0), Te = !b && a != null && v === W(a), X = Se && !G, P = X ? A(
-    Me.filter((r) => !(F && (b ? a : [a]).some((o) => o !== null && U(r, o)))),
-    // we use the empty string to manipulate `filterOptions` to not filter any options
-    // i.e. the filter predicate always returns true
-    {
-      inputValue: Te && ct ? "" : v,
-      getOptionLabel: W
-    }
-  ) : [], re = ho({
-    filteredOptions: P,
-    value: a,
-    inputValue: v
-  });
-  u.useEffect(() => {
-    const r = a !== re.value;
-    Re && !r || H && !r || Ne(null, a);
-  }, [a, Ne, Re, re.value, H]);
-  const Ue = Se && P.length > 0 && !G, ve = st((r) => {
-    r === -1 ? M.current.focus() : Y.querySelector(`[data-tag-index="${r}"]`).focus();
-  });
-  u.useEffect(() => {
-    b && oe > a.length - 1 && (Je(-1), ve(-1));
-  }, [a, b, oe, ve]);
-  function ut(r, o) {
-    if (!te.current || r < 0 || r >= P.length)
-      return -1;
-    let s = r;
-    for (; ; ) {
-      const c = te.current.querySelector(`[data-option-index="${s}"]`), I = k ? !1 : !c || c.disabled || c.getAttribute("aria-disabled") === "true";
-      if (c && c.hasAttribute("tabindex") && !I)
-        return s;
-      if (o === "next" ? s = (s + 1) % P.length : s = (s - 1 + P.length) % P.length, s === r)
-        return -1;
-    }
-  }
-  const be = st(({
-    event: r,
-    index: o,
-    reason: s = "auto"
-  }) => {
-    if (S.current = o, o === -1 ? M.current.removeAttribute("aria-activedescendant") : M.current.setAttribute("aria-activedescendant", `${K}-option-${o}`), Le && Le(r, o === -1 ? null : P[o], s), !te.current)
-      return;
-    const c = te.current.querySelector(`[role="option"].${l}-focused`);
-    c && (c.classList.remove(`${l}-focused`), c.classList.remove(`${l}-focusVisible`));
-    let I = te.current;
-    if (te.current.getAttribute("role") !== "listbox" && (I = te.current.parentElement.querySelector('[role="listbox"]')), !I)
-      return;
-    if (o === -1) {
-      I.scrollTop = 0;
-      return;
-    }
-    const $ = te.current.querySelector(`[data-option-index="${o}"]`);
-    if ($ && ($.classList.add(`${l}-focused`), s === "keyboard" && $.classList.add(`${l}-focusVisible`), I.scrollHeight > I.clientHeight && s !== "mouse" && s !== "touch")) {
-      const N = $, ie = I.clientHeight + I.scrollTop, nt = N.offsetTop + N.offsetHeight;
-      nt > ie ? I.scrollTop = nt - I.clientHeight : N.offsetTop - N.offsetHeight * (ee ? 1.3 : 0) < I.scrollTop && (I.scrollTop = N.offsetTop - N.offsetHeight * (ee ? 1.3 : 0));
-    }
-  }), Z = st(({
-    event: r,
-    diff: o,
-    direction: s = "next",
-    reason: c = "auto"
-  }) => {
-    if (!X)
-      return;
-    const $ = ut((() => {
-      const N = P.length - 1;
-      if (o === "reset")
-        return Ge;
-      if (o === "start")
-        return 0;
-      if (o === "end")
-        return N;
-      const ie = S.current + o;
-      return ie < 0 ? ie === -1 && me ? -1 : z && S.current !== -1 || Math.abs(o) > 1 ? 0 : N : ie > N ? ie === N + 1 && me ? -1 : z || Math.abs(o) > 1 ? N : 0 : ie;
-    })(), s);
-    if (be({
-      index: $,
-      reason: c,
-      event: r
-    }), n && o !== "reset")
-      if ($ === -1)
-        M.current.value = v;
-      else {
-        const N = W(P[$]);
-        M.current.value = N, N.toLowerCase().indexOf(v.toLowerCase()) === 0 && v.length > 0 && M.current.setSelectionRange(v.length, N.length);
-      }
-  }), Xe = () => {
-    const r = (o, s) => {
-      const c = o ? W(o) : "", I = s ? W(s) : "";
-      return c === I;
-    };
-    if (S.current !== -1 && re.filteredOptions && re.filteredOptions.length !== P.length && re.inputValue === v && (b ? a.length === re.value.length && re.value.every((o, s) => W(a[s]) === W(o)) : r(re.value, a))) {
-      const o = re.filteredOptions[S.current];
-      if (o)
-        return lt(P, (s) => W(s) === W(o));
-    }
-    return -1;
-  }, He = u.useCallback(() => {
-    if (!X)
-      return;
-    const r = Xe();
-    if (r !== -1) {
-      S.current = r;
-      return;
-    }
-    const o = b ? a[0] : a;
-    if (P.length === 0 || o == null) {
-      Z({
-        diff: "reset"
-      });
-      return;
-    }
-    if (te.current) {
-      if (o != null) {
-        const s = P[S.current];
-        if (b && s && lt(a, (I) => U(s, I)) !== -1)
-          return;
-        const c = lt(P, (I) => U(I, o));
-        c === -1 ? Z({
-          diff: "reset"
-        }) : be({
-          index: c
-        });
-        return;
-      }
-      if (S.current >= P.length - 1) {
-        be({
-          index: P.length - 1
-        });
-        return;
-      }
-      be({
-        index: S.current
-      });
-    }
-  }, [
-    // Only sync the highlighted index when the option switch between empty and not
-    P.length,
-    // Don't sync the highlighted index with the value when multiple
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    b ? !1 : a,
-    F,
-    Z,
-    be,
-    X,
-    v,
-    b
-  ]), Ze = st((r) => {
-    qt(te, r), r && He();
-  });
-  u.useEffect(() => {
-    He();
-  }, [He]);
-  const ge = (r) => {
-    Se || (Ke(!0), Ye(!0), ze && ze(r));
-  }, w = (r, o) => {
-    Se && (Ke(!1), fe && fe(r, o));
-  }, B = (r, o, s, c) => {
-    if (b) {
-      if (a.length === o.length && a.every((I, $) => I === o[$]))
-        return;
-    } else if (a === o)
-      return;
-    pe && pe(r, o, s, c), Ce(o);
-  }, V = u.useRef(!1), q = (r, o, s = "selectOption", c = "options") => {
-    let I = s, $ = o;
-    if (b) {
-      $ = Array.isArray(a) ? a.slice() : [];
-      const N = lt($, (ie) => U(o, ie));
-      N === -1 ? $.push(o) : c !== "freeSolo" && ($.splice(N, 1), I = "removeOption");
-    }
-    Ne(r, $), B(r, $, I, {
-      option: o
-    }), !T && (!r || !r.ctrlKey && !r.metaKey) && w(r, I), (y === !0 || y === "touch" && V.current || y === "mouse" && !V.current) && M.current.blur();
-  };
-  function pt(r, o) {
-    if (r === -1)
-      return -1;
-    let s = r;
-    for (; ; ) {
-      if (o === "next" && s === a.length || o === "previous" && s === -1)
-        return -1;
-      const c = Y.querySelector(`[data-tag-index="${s}"]`);
-      if (!c || !c.hasAttribute("tabindex") || c.disabled || c.getAttribute("aria-disabled") === "true")
-        s += o === "next" ? 1 : -1;
-      else
-        return s;
-    }
-  }
-  const Qe = (r, o) => {
-    if (!b)
-      return;
-    v === "" && w(r, "toggleInput");
-    let s = oe;
-    oe === -1 ? v === "" && o === "previous" && (s = a.length - 1) : (s += o === "next" ? 1 : -1, s < 0 && (s = 0), s === a.length && (s = -1)), s = pt(s, o), Je(s), ve(s);
-  }, et = (r) => {
-    Ve.current = !0, le(""), E && E(r, "", "clear"), B(r, b ? [] : null, "clear");
-  }, dt = (r) => (o) => {
-    if (r.onKeyDown && r.onKeyDown(o), !o.defaultMuiPrevented && (oe !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(o.key) === -1 && (Je(-1), ve(-1)), o.which !== 229))
-      switch (o.key) {
-        case "Home":
-          X && ce && (o.preventDefault(), Z({
-            diff: "start",
-            direction: "next",
-            reason: "keyboard",
-            event: o
-          }));
-          break;
-        case "End":
-          X && ce && (o.preventDefault(), Z({
-            diff: "end",
-            direction: "previous",
-            reason: "keyboard",
-            event: o
-          }));
-          break;
-        case "PageUp":
-          o.preventDefault(), Z({
-            diff: -Ft,
-            direction: "previous",
-            reason: "keyboard",
-            event: o
-          }), ge(o);
-          break;
-        case "PageDown":
-          o.preventDefault(), Z({
-            diff: Ft,
-            direction: "next",
-            reason: "keyboard",
-            event: o
-          }), ge(o);
-          break;
-        case "ArrowDown":
-          o.preventDefault(), Z({
-            diff: 1,
-            direction: "next",
-            reason: "keyboard",
-            event: o
-          }), ge(o);
-          break;
-        case "ArrowUp":
-          o.preventDefault(), Z({
-            diff: -1,
-            direction: "previous",
-            reason: "keyboard",
-            event: o
-          }), ge(o);
-          break;
-        case "ArrowLeft":
-          Qe(o, "previous");
-          break;
-        case "ArrowRight":
-          Qe(o, "next");
-          break;
-        case "Enter":
-          if (S.current !== -1 && X) {
-            const s = P[S.current], c = _ ? _(s) : !1;
-            if (o.preventDefault(), c)
-              return;
-            q(o, s, "selectOption"), n && M.current.setSelectionRange(M.current.value.length, M.current.value.length);
-          } else H && v !== "" && Te === !1 && (b && o.preventDefault(), q(o, v, "createOption", "freeSolo"));
-          break;
-        case "Escape":
-          X ? (o.preventDefault(), o.stopPropagation(), w(o, "escape")) : C && (v !== "" || b && a.length > 0) && (o.preventDefault(), o.stopPropagation(), et(o));
-          break;
-        case "Backspace":
-          if (b && !G && v === "" && a.length > 0) {
-            const s = oe === -1 ? a.length - 1 : oe, c = a.slice();
-            c.splice(s, 1), B(o, c, "removeOption", {
-              option: a[s]
-            });
-          }
-          break;
-        case "Delete":
-          if (b && !G && v === "" && a.length > 0 && oe !== -1) {
-            const s = oe, c = a.slice();
-            c.splice(s, 1), B(o, c, "removeOption", {
-              option: a[s]
-            });
-          }
-          break;
-      }
-  }, mt = (r) => {
-    We(!0), Be && !Ve.current && ge(r);
-  }, tt = (r) => {
-    if (t(te)) {
-      M.current.focus();
-      return;
-    }
-    We(!1), we.current = !0, Ve.current = !1, f && S.current !== -1 && X ? q(r, P[S.current], "blur") : f && H && v !== "" ? q(r, v, "blur", "freeSolo") : L && Ne(r, a), w(r, "blur");
-  }, ft = (r) => {
-    const o = r.target.value;
-    v !== o && (le(o), Ye(!1), E && E(r, o, "input")), o === "" ? !D && !b && B(r, null, "clear") : ge(r);
-  }, gt = (r) => {
-    const o = Number(r.currentTarget.getAttribute("data-option-index"));
-    S.current !== o && be({
-      event: r,
-      index: o,
-      reason: "mouse"
-    });
-  }, vt = (r) => {
-    be({
-      event: r,
-      index: Number(r.currentTarget.getAttribute("data-option-index")),
-      reason: "touch"
-    }), V.current = !0;
-  }, bt = (r) => {
-    const o = Number(r.currentTarget.getAttribute("data-option-index"));
-    q(r, P[o], "selectOption"), V.current = !1;
-  }, ht = (r) => (o) => {
-    const s = a.slice();
-    s.splice(r, 1), B(o, s, "removeOption", {
-      option: a[r]
-    });
-  }, ot = (r) => {
-    Se ? w(r, "toggleInput") : ge(r);
-  }, xt = (r) => {
-    r.currentTarget.contains(r.target) && r.target.getAttribute("id") !== K && r.preventDefault();
-  }, It = (r) => {
-    r.currentTarget.contains(r.target) && (M.current.focus(), je && we.current && M.current.selectionEnd - M.current.selectionStart === 0 && M.current.select(), we.current = !1);
-  }, yt = (r) => {
-    !x && (v === "" || !Se) && ot(r);
-  };
-  let qe = H && v.length > 0;
-  qe = qe || (b ? a.length > 0 : a !== null);
-  let rt = P;
-  return ee && (rt = P.reduce((r, o, s) => {
-    const c = ee(o);
-    return r.length > 0 && r[r.length - 1].group === c ? r[r.length - 1].options.push(o) : r.push({
-      key: s,
-      index: s,
-      group: c,
-      options: [o]
-    }), r;
-  }, [])), x && Re && tt(), {
-    getRootProps: (r = {}) => i({
-      "aria-owns": Ue ? `${K}-listbox` : null
-    }, r, {
-      onKeyDown: dt(r),
-      onMouseDown: xt,
-      onClick: It
-    }),
-    getInputLabelProps: () => ({
-      id: `${K}-label`,
-      htmlFor: K
-    }),
-    getInputProps: () => ({
-      id: K,
-      value: v,
-      onBlur: tt,
-      onFocus: mt,
-      onChange: ft,
-      onMouseDown: yt,
-      // if open then this is handled imperatively so don't let react override
-      // only have an opinion about this when closed
-      "aria-activedescendant": X ? "" : null,
-      "aria-autocomplete": n ? "both" : "list",
-      "aria-controls": Ue ? `${K}-listbox` : void 0,
-      "aria-expanded": Ue,
-      // Disable browser's suggestion that might overlap with the popup.
-      // Handle autocomplete but not autofill.
-      autoComplete: "off",
-      ref: M,
-      autoCapitalize: "none",
-      spellCheck: "false",
-      role: "combobox",
-      disabled: x
-    }),
-    getClearProps: () => ({
-      tabIndex: -1,
-      type: "button",
-      onClick: et
-    }),
-    getPopupIndicatorProps: () => ({
-      tabIndex: -1,
-      type: "button",
-      onClick: ot
-    }),
-    getTagProps: ({
-      index: r
-    }) => i({
-      key: r,
-      "data-tag-index": r,
-      tabIndex: -1
-    }, !G && {
-      onDelete: ht(r)
-    }),
-    getListboxProps: () => ({
-      role: "listbox",
-      id: `${K}-listbox`,
-      "aria-labelledby": `${K}-label`,
-      ref: Ze,
-      onMouseDown: (r) => {
-        r.preventDefault();
-      }
-    }),
-    getOptionProps: ({
-      index: r,
-      option: o
-    }) => {
-      var s;
-      const c = (b ? a : [a]).some(($) => $ != null && U(o, $)), I = _ ? _(o) : !1;
-      return {
-        key: (s = J == null ? void 0 : J(o)) != null ? s : W(o),
-        tabIndex: -1,
-        role: "option",
-        id: `${K}-option-${r}`,
-        onMouseMove: gt,
-        onClick: bt,
-        onTouchStart: vt,
-        "data-option-index": r,
-        "aria-disabled": I,
-        "aria-selected": c
-      };
-    },
-    id: K,
-    inputValue: v,
-    value: a,
-    dirty: qe,
-    expanded: X && Y,
-    popupOpen: X,
-    focused: Re || oe !== -1,
-    anchorEl: Y,
-    setAnchorEl: at,
-    focusedTag: oe,
-    groupedOptions: rt
-  };
-}
-const Mt = /* @__PURE__ */ u.createContext(void 0), So = ["component", "className", "children", "nested", "sticky", "variant", "color", "startAction", "endAction", "role", "slots", "slotProps"], Po = (e) => {
-  const {
-    sticky: t,
-    nested: l,
-    nesting: n,
-    variant: d,
-    color: f
-  } = e, y = {
-    root: ["root", l && "nested", n && "nesting", t && "sticky", f && `color${ne(f)}`, d && `variant${ne(d)}`],
-    startAction: ["startAction"],
-    endAction: ["endAction"]
-  };
-  return xe(y, Qt, {});
-}, Oo = O("li")(({
-  theme: e,
-  ownerState: t
-}) => {
-  var l;
-  return [
-    !t.nested && {
-      // add negative margin to ListItemButton equal to this ListItem padding
-      "--ListItemButton-marginInline": "calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))",
-      "--ListItemButton-marginBlock": "calc(-1 * var(--ListItem-paddingY))",
-      alignItems: "center",
-      gap: "var(--ListItem-gap)",
-      marginInline: "var(--ListItem-marginInline)"
-    },
-    t.nested && {
-      // add negative margin to NestedList equal to this ListItem padding
-      "--NestedList-marginRight": "calc(-1 * var(--ListItem-paddingRight))",
-      "--NestedList-marginLeft": "calc(-1 * var(--ListItem-paddingLeft))",
-      "--NestedListItem-paddingLeft": "calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))",
-      // add negative margin to ListItem, ListItemButton to make them start from the edge.
-      "--ListItemButton-marginBlock": "0px",
-      "--ListItemButton-marginInline": "calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))",
-      "--ListItem-marginInline": "calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))",
-      flexDirection: "column"
-    },
-    // Base styles
-    i({
-      // Integration with control elements, for example Checkbox, Radio.
-      "--unstable_actionRadius": "calc(var(--ListItem-radius) - var(--variant-borderWidth, 0px))"
-    }, t.startAction && {
-      "--unstable_startActionWidth": "2rem"
-      // to add sufficient padding-left on ListItemButton
-    }, t.endAction && {
-      "--unstable_endActionWidth": "2.5rem"
-      // to add sufficient padding-right on ListItemButton
-    }, {
-      boxSizing: "border-box",
-      borderRadius: "var(--ListItem-radius)",
-      display: "var(--_ListItem-display)",
-      "&:not([hidden])": {
-        "--_ListItem-display": "var(--_List-markerDisplay, flex)"
-      },
-      flex: "none",
-      // prevent children from shrinking when the List's height is limited.
-      listStyleType: "var(--_List-markerType, disc)",
-      position: "relative",
-      paddingBlockStart: t.nested ? 0 : "var(--ListItem-paddingY)",
-      paddingBlockEnd: t.nested ? 0 : "var(--ListItem-paddingY)",
-      paddingInlineStart: "var(--ListItem-paddingLeft)",
-      paddingInlineEnd: "var(--ListItem-paddingRight)"
-    }, t["data-first-child"] === void 0 && i({}, t.row ? {
-      marginInlineStart: "var(--List-gap)"
-    } : {
-      marginBlockStart: "var(--List-gap)"
-    }), t.row && t.wrap && {
-      marginInlineStart: "var(--List-gap)",
-      marginBlockStart: "var(--List-gap)"
-    }, {
-      minBlockSize: "var(--ListItem-minHeight)"
-    }, t.sticky && {
-      // sticky in list item can be found in grouped options
-      position: "sticky",
-      top: "var(--ListItem-stickyTop, 0px)",
-      // integration with Menu and Select.
-      zIndex: 1,
-      background: `var(--ListItem-stickyBackground, ${e.vars.palette.background.body})`
-    }, {
-      [`.${St.nested} > &`]: {
-        "--_ListItem-display": "flex"
-      }
-    }),
-    (l = e.variants[t.variant]) == null ? void 0 : l[t.color]
-  ];
-}), Do = O(Oo, {
-  name: "JoyListItem",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({}), ko = O("div", {
-  name: "JoyListItem",
-  slot: "StartAction",
-  overridesResolver: (e, t) => t.startAction
-})(({
-  ownerState: e
-}) => ({
-  display: "inherit",
-  position: "absolute",
-  top: e.nested ? "calc(var(--ListItem-minHeight) / 2)" : "50%",
-  left: 0,
-  transform: "translate(var(--ListItem-startActionTranslateX), -50%)",
-  zIndex: 1
-  // to stay on top of ListItemButton (default `position: relative`).
-})), Ao = O("div", {
-  name: "JoyListItem",
-  slot: "StartAction",
-  overridesResolver: (e, t) => t.startAction
-})(({
-  ownerState: e
-}) => ({
-  display: "inherit",
-  position: "absolute",
-  top: e.nested ? "calc(var(--ListItem-minHeight) / 2)" : "50%",
-  right: 0,
-  transform: "translate(var(--ListItem-endActionTranslateX), -50%)"
-})), it = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyListItem"
-  }), d = u.useContext(Kt), f = u.useContext(Yt), y = u.useContext(Xt), L = u.useContext(Zt), C = u.useContext($t), {
-    component: h,
-    className: g,
-    children: D,
-    nested: T = !1,
-    sticky: x = !1,
-    variant: k = "plain",
-    color: z = "neutral",
-    startAction: A,
-    endAction: F,
-    role: H,
-    slots: _ = {},
-    slotProps: J = {}
-  } = n, se = Q(n, So), [ee, ce] = u.useState(""), [ue, me] = (f == null ? void 0 : f.split(":")) || ["", ""], ye = h || (ue && !ue.match(/^(ul|ol|menu)$/) ? "div" : void 0);
-  let U = d === "menu" ? "none" : void 0;
-  f && (U = {
-    menu: "none",
-    menubar: "none",
-    group: "presentation"
-  }[me]), H && (U = H);
-  const b = i({}, n, {
-    sticky: x,
-    startAction: A,
-    endAction: F,
-    row: y,
-    wrap: L,
-    variant: k,
-    color: z,
-    nesting: C,
-    nested: T,
-    component: ye,
-    role: U
-  }), pe = Po(b), fe = i({}, se, {
-    component: ye,
-    slots: _,
-    slotProps: J
-  }), [Le, E] = R("root", {
-    additionalProps: {
-      role: U
-    },
-    ref: l,
-    className: $e(pe.root, g),
-    elementType: Do,
-    externalForwardedProps: fe,
-    ownerState: b
-  }), [ze, Fe] = R("startAction", {
-    className: pe.startAction,
-    elementType: ko,
-    externalForwardedProps: fe,
-    ownerState: b
-  }), [Be, Me] = R("endAction", {
-    className: pe.endAction,
-    elementType: Ao,
-    externalForwardedProps: fe,
-    ownerState: b
-  });
-  return /* @__PURE__ */ m.jsx(Mt.Provider, {
-    value: ce,
-    children: /* @__PURE__ */ m.jsx($t.Provider, {
-      value: T ? ee || !0 : !1,
-      children: /* @__PURE__ */ m.jsxs(Le, i({}, E, {
-        children: [A && /* @__PURE__ */ m.jsx(ze, i({}, Fe, {
-          children: A
-        })), u.Children.map(D, (G, je) => {
-          var _e;
-          return /* @__PURE__ */ u.isValidElement(G) ? /* @__PURE__ */ u.cloneElement(G, i({}, je === 0 && {
-            "data-first-child": ""
-          }, go(G, ["ListItem"]) && {
-            // The ListItem of ListItem should not be 'li'
-            component: ((_e = G.props) == null ? void 0 : _e.component) || "div"
-          })) : G;
-        }), F && /* @__PURE__ */ m.jsx(Be, i({}, Me, {
-          children: F
-        }))]
-      }))
-    })
-  });
-});
-it.muiName = "ListItem";
-const Ro = Ot(/* @__PURE__ */ m.jsx("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), To = Ot(/* @__PURE__ */ m.jsx("path", {
-  d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), $o = Ot(/* @__PURE__ */ m.jsx("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Cancel");
-function zo(e) {
-  return Ae("MuiChipDelete", e);
-}
-Ie("MuiChipDelete", ["root", "disabled", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSolid", "variantSoft", "variantOutlined"]);
-var _t;
-const Fo = ["children", "variant", "color", "disabled", "onKeyDown", "onDelete", "onClick", "component", "slots", "slotProps"], _o = ["onDelete"], wo = (e) => {
-  const {
-    focusVisible: t,
-    variant: l,
-    color: n,
-    disabled: d
-  } = e, f = {
-    root: ["root", d && "disabled", t && "focusVisible", l && `variant${ne(l)}`, n && `color${ne(n)}`]
-  };
-  return xe(f, zo, {});
-}, No = O(Dt, {
-  name: "JoyChipDelete",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(({
-  theme: e
-}) => ({
-  "--IconButton-size": "var(--Chip-deleteSize, 2rem)",
-  "--Icon-fontSize": "calc(var(--IconButton-size, 2rem) / 1.3)",
-  minWidth: "var(--IconButton-size, 2rem)",
-  // use min-width instead of height to make the button resilient to its content
-  minHeight: "var(--IconButton-size, 2rem)",
-  // use min-height instead of height to make the button resilient to its content
-  fontSize: e.vars.fontSize.sm,
-  paddingInline: "2px",
-  // add a gap, in case the content is long, for example multiple icons
-  pointerEvents: "visible",
-  // force the ChipDelete to be hoverable because the decorator can have pointerEvents 'none'
-  borderRadius: "var(--Chip-deleteRadius, 50%)",
-  zIndex: 1,
-  // overflow above sibling button or anchor
-  padding: 0
-  // reset user agent stylesheet
-})), Ho = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyChipDelete"
-  }), {
-    children: d,
-    variant: f = "plain",
-    color: y = "neutral",
-    disabled: L,
-    onKeyDown: C,
-    onDelete: h,
-    onClick: g,
-    component: D,
-    slots: T = {},
-    slotProps: x = {}
-  } = n, k = Q(n, Fo), z = u.useContext(mo), {
-    variant: A = f,
-    color: F = y
-  } = Bt(t.variant, t.color, !0), H = t.color || F, _ = L ?? z.disabled, J = u.useRef(null), se = Et(J, l), {
-    focusVisible: ee,
-    getRootProps: ce
-  } = vo(i({}, n, {
-    disabled: _,
-    rootRef: se
-  })), ue = i({}, n, {
-    disabled: _,
-    variant: A,
-    color: H,
-    focusVisible: ee
-  }), me = wo(ue), ye = i({}, k, {
-    component: D,
-    slots: T,
-    slotProps: x
-  }), U = (E) => {
-    !_ && h && h(E), g && g(E);
-  }, b = (E) => {
-    ["Backspace", "Enter", "Delete"].includes(E.key) && (E.preventDefault(), !_ && h && h(E)), C && C(E);
-  }, [pe, fe] = R("root", {
-    ref: l,
-    elementType: No,
-    getSlotProps: ce,
-    externalForwardedProps: ye,
-    ownerState: ue,
-    additionalProps: {
-      as: D,
-      onKeyDown: b,
-      onClick: U
-    },
-    className: me.root
-  }), Le = Q(fe, _o);
-  return /* @__PURE__ */ m.jsx(pe, i({}, Le, {
-    children: d ?? (_t || (_t = /* @__PURE__ */ m.jsx($o, {})))
-  }));
-});
-function Eo(e) {
-  return Ae("MuiListSubheader", e);
-}
-Ie("MuiListSubheader", ["root", "sticky", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]);
-const Bo = ["component", "className", "children", "id", "sticky", "variant", "color", "slots", "slotProps"], Mo = (e) => {
-  const {
-    variant: t,
-    color: l,
-    sticky: n
-  } = e, d = {
-    root: ["root", n && "sticky", l && `color${ne(l)}`, t && `variant${ne(t)}`]
-  };
-  return xe(d, Eo, {});
-}, jo = O("div", {
-  name: "JoyListSubheader",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(({
-  theme: e,
-  ownerState: t
-}) => {
-  var l, n;
-  return i({
-    boxSizing: "border-box",
-    display: "flex",
-    alignItems: "center",
-    marginInline: "var(--ListItem-marginInline)",
-    paddingBlock: "var(--ListItem-paddingY)",
-    paddingInlineStart: "var(--ListItem-paddingLeft)",
-    paddingInlineEnd: "var(--ListItem-paddingRight)",
-    minBlockSize: "var(--ListItem-minHeight)"
-  }, e.typography["body-xs"], {
-    fontSize: "max(0.75em, 0.625rem)",
-    textTransform: "uppercase",
-    letterSpacing: "0.1em"
-  }, t.sticky && {
-    position: "sticky",
-    top: "var(--ListItem-stickyTop, 0px)",
-    // integration with Menu and Select.
-    zIndex: 1,
-    background: "var(--ListItem-stickyBackground)"
-  }, {
-    color: t.color ? `var(--_Link-color, rgba(${(l = e.vars.palette[t.color]) == null ? void 0 : l.mainChannel} / 1))` : e.vars.palette.text.tertiary
-  }, t.instanceColor && {
-    [`&:not([${bo}])`]: {
-      "--_Link-color": e.vars.palette.text.secondary
-    }
-  }, (n = e.variants[t.variant]) == null ? void 0 : n[t.color]);
-}), Vo = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyListSubheader"
-  }), {
-    component: d,
-    className: f,
-    children: y,
-    id: L,
-    sticky: C = !1,
-    variant: h,
-    color: g,
-    slots: D = {},
-    slotProps: T = {}
-  } = n, x = Q(n, Bo), k = Pt(L), z = u.useContext(Mt);
-  u.useEffect(() => {
-    z && z(k || "");
-  }, [z, k]);
-  const A = i({
-    instanceColor: t.color
-  }, n, {
-    id: k,
-    sticky: C,
-    variant: h,
-    color: h ? g ?? "neutral" : g
-  }), F = Mo(A), H = i({}, x, {
-    component: d,
-    slots: D,
-    slotProps: T
-  }), [_, J] = R("root", {
-    ref: l,
-    className: $e(F.root, f),
-    elementType: jo,
-    externalForwardedProps: H,
-    ownerState: A,
-    additionalProps: {
-      as: d,
-      id: k
-    }
-  });
-  return /* @__PURE__ */ m.jsx(_, i({}, J, {
-    children: y
-  }));
-});
-function Jo(e) {
-  return Ae("MuiAutocomplete", e);
-}
-const ke = Ie("MuiAutocomplete", ["root", "wrapper", "input", "startDecorator", "endDecorator", "formControl", "focused", "disabled", "error", "multiple", "limitTag", "hasPopupIcon", "hasClearIcon", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "listbox", "option", "loading", "noOptions", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]), jt = O(eo)(({
-  theme: e,
-  ownerState: t
-}) => {
-  var l;
-  const n = (l = e.variants[t.variant]) == null ? void 0 : l[t.color];
-  return i({
-    "--focus-outline-offset": `calc(${e.vars.focus.thickness} * -1)`,
-    // to prevent the focus outline from being cut by overflow
-    "--ListItem-stickyBackground": (n == null ? void 0 : n.backgroundColor) || (n == null ? void 0 : n.background) || e.vars.palette.background.popup,
-    "--ListItem-stickyTop": "calc(var(--List-padding, var(--ListDivider-gap)) * -1)"
-  }, to, {
-    boxShadow: e.shadow.md,
-    borderRadius: `var(--List-radius, ${e.vars.radius.sm})`
-  }, !(n != null && n.backgroundColor) && {
-    backgroundColor: e.vars.palette.background.popup
-  }, {
-    zIndex: e.vars.zIndex.popup,
-    overflow: "auto",
-    maxHeight: "40vh",
-    position: "relative",
-    // to make sure that the listbox is positioned for grouped options to work.
-    "&:empty": {
-      visibility: "hidden"
-    },
-    [`& .${St.nested}, & .${St.nested} .${oo.root}`]: {
-      // For grouped options autocomplete:
-      // Force the position to make the scroll into view logic works because the `element.offsetTop` should reference to the listbox, not the grouped list.
-      // See the implementation of the `useAutocomplete` line:370
-      //
-      // Resource: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetTop
-      position: "initial"
-    }
-  });
-});
-O(jt, {
-  name: "JoyAutocompleteListbox",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({});
-function Wo(e) {
-  return Ae("MuiAutocompleteOption", e);
-}
-Ie("MuiAutocompleteOption", ["root", "focused", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]);
-const Uo = ["children", "component", "color", "variant", "className", "slots", "slotProps"], qo = (e) => {
-  const {
-    color: t,
-    variant: l
-  } = e, n = {
-    root: ["root", t && `color${ne(t)}`, l && `variant${ne(l)}`]
-  };
-  return xe(n, Wo, {});
-}, Vt = O(ro)(({
-  theme: e,
-  ownerState: t
-}) => {
-  var l, n;
-  return {
-    '&[aria-disabled="true"]': (l = e.variants[`${t.variant}Disabled`]) == null ? void 0 : l[t.color],
-    '&[aria-selected="true"]': i({}, (n = e.variants[`${t.variant}Active`]) == null ? void 0 : n[t.color], {
-      fontWeight: e.vars.fontWeight.md
-    })
-  };
-}), Go = O(Vt, {
-  name: "JoyAutocompleteOption",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({}), Jr = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyAutocompleteOption"
-  }), {
-    children: d,
-    component: f = "li",
-    color: y = "neutral",
-    variant: L = "plain",
-    className: C,
-    slots: h = {},
-    slotProps: g = {}
-  } = n, D = Q(n, Uo), {
-    variant: T = L,
-    color: x = y
-  } = Bt(t.variant, t.color), k = i({}, n, {
-    component: f,
-    color: x,
-    variant: T
-  }), z = qo(k), A = i({}, D, {
-    component: f,
-    slots: h,
-    slotProps: g
-  }), [F, H] = R("root", {
-    ref: l,
-    className: $e(z.root, C),
-    elementType: Go,
-    externalForwardedProps: A,
-    ownerState: k,
-    additionalProps: {
-      as: f,
-      role: "option"
-    }
-  });
-  return /* @__PURE__ */ m.jsx(F, i({}, H, {
-    children: d
-  }));
-});
-var wt, Nt;
-const Ko = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoHighlight", "autoSelect", "autoFocus", "blurOnSelect", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "defaultValue", "disableCloseOnSelect", "disabledItemsFocusable", "disableListWrap", "disableClearable", "disabled", "endDecorator", "error", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "handleHomeEndKeys", "includeInputInList", "isOptionEqualToValue", "groupBy", "id", "inputValue", "limitTags", "loading", "loadingText", "multiple", "name", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "placeholder", "popupIcon", "readOnly", "renderGroup", "renderOption", "renderTags", "required", "type", "startDecorator", "size", "color", "variant", "value", "component", "selectOnFocus", "slots", "slotProps"], Yo = ["onDelete"], Xo = ["key"], Zo = ["onBlur", "onFocus", "onMouseDown"], Qo = ["key"], er = (e) => e.current !== null && e.current.contains(document.activeElement), tr = (e) => {
-  var t;
-  return (t = e.label) != null ? t : e;
-}, or = (e) => `+${e}`, rr = (e) => /* @__PURE__ */ m.jsxs(it, {
-  nested: !0,
-  children: [/* @__PURE__ */ m.jsx(Vo, {
-    sticky: !0,
-    children: e.group
-  }), /* @__PURE__ */ m.jsx(lo, {
-    children: e.children
-  })]
-}, e.key), nr = (e) => {
-  const {
-    disabled: t,
-    focused: l,
-    hasClearIcon: n,
-    hasPopupIcon: d,
-    popupOpen: f,
-    variant: y,
-    color: L,
-    size: C,
-    multiple: h
-  } = e, g = {
-    root: ["root", l && "focused", n && "hasClearIcon", d && "hasPopupIcon", y && `variant${ne(y)}`, L && `color${ne(L)}`, C && `size${ne(C)}`],
-    wrapper: ["wrapper", h && "multiple"],
-    input: ["input"],
-    startDecorator: ["startDecorator"],
-    endDecorator: ["endDecorator"],
-    clearIndicator: ["clearIndicator"],
-    popupIndicator: ["popupIndicator", f && "popupIndicatorOpen", t && "disabled"],
-    listbox: ["listbox"],
-    option: ["option"],
-    loading: ["loading"],
-    noOptions: ["noOptions"],
-    limitTag: ["limitTag"]
-  };
-  return xe(g, Jo, {});
-}, sr = O(io, {
-  name: "JoyAutocomplete",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(({
-  ownerState: e
-}) => i({}, e.size === "sm" && {
-  "--Autocomplete-wrapperGap": "3px"
-}, e.size === "md" && {
-  "--Autocomplete-wrapperGap": "3px"
-}, e.size === "lg" && {
-  "--Autocomplete-wrapperGap": "4px"
-}, {
-  /* Avoid double tap issue on iOS */
-  "@media (pointer: fine)": {
-    [`&:hover .${ke.clearIndicator}`]: {
-      visibility: "visible"
-    }
-  }
-}, e.multiple && !e.startDecorator && {
-  paddingInlineStart: 0
-})), lr = O("div", {
-  name: "JoyAutocomplete",
-  slot: "Wrapper",
-  overridesResolver: (e, t) => t.wrapper
-})(({
-  ownerState: e
-}) => ({
-  flex: 1,
-  // stretch to fill the root slot
-  minWidth: 0,
-  // won't push end decorator out of the autocomplete
-  display: "flex",
-  alignItems: "center",
-  flexWrap: "wrap",
-  gap: "var(--Autocomplete-wrapperGap)",
-  [`&.${ke.multiple}`]: i({
-    paddingBlock: "var(--Autocomplete-wrapperGap)"
-  }, !e.startDecorator && {
-    paddingInlineStart: "var(--Autocomplete-wrapperGap)"
-  }, !e.endDecorator && {
-    paddingInlineEnd: "var(--Autocomplete-wrapperGap)"
-  })
-})), ir = O(ao, {
-  name: "JoyAutocomplete",
-  slot: "Input",
-  overridesResolver: (e, t) => t.input
-})(({
-  ownerState: e
-}) => i({
-  minWidth: 30,
-  minHeight: "var(--Chip-minHeight)"
-}, e.multiple && {
-  marginInlineStart: "calc(var(--Autocomplete-wrapperGap) * 2.5)"
-})), ar = O(co, {
-  name: "JoyAutocomplete",
-  slot: "StartDecorator",
-  overridesResolver: (e, t) => t.startDecorator
-})({}), cr = O(uo, {
-  name: "JoyAutocomplete",
-  slot: "EndDecorator",
-  overridesResolver: (e, t) => t.endDecorator
-})(({
-  ownerState: e
-}) => i({}, (e.hasClearIcon || e.hasPopupIcon) && {
-  "--Button-margin": "0px",
-  "--IconButton-margin": "0px",
-  "--Icon-margin": "0px"
-})), ur = O(Dt, {
-  name: "JoyAutocomplete",
-  slot: "ClearIndicator",
-  overridesResolver: (e, t) => t.clearIndicator
-})(({
-  ownerState: e
-}) => i({
-  alignSelf: "center"
-}, !e.hasPopupIcon && {
-  marginInlineEnd: "calc(var(--Input-decoratorChildOffset) * -1)"
-}, {
-  marginInlineStart: "calc(var(--_Input-paddingBlock) / 2)",
-  visibility: e.focused ? "visible" : "hidden"
-})), pr = O(Dt, {
-  name: "JoyAutocomplete",
-  slot: "PopupIndicator",
-  overridesResolver: (e, t) => t.popupIndicator
-})({
-  alignSelf: "center",
-  marginInlineStart: "calc(var(--_Input-paddingBlock) / 2)",
-  marginInlineEnd: "calc(var(--Input-decoratorChildOffset) * -1)",
-  [`&.${ke.popupIndicatorOpen}`]: {
-    transform: "rotate(180deg)",
-    "--Icon-color": "currentColor"
-  }
-}), dr = O(jt, {
-  name: "JoyAutocomplete",
-  slot: "Listbox",
-  overridesResolver: (e, t) => t.listbox
-})(({
-  theme: e
-}) => ({
-  // `unstable_popup-zIndex` is a private variable that lets other component, for example Modal, to override the z-index so that the listbox can be displayed above the Modal.
-  zIndex: `var(--unstable_popup-zIndex, ${e.vars.zIndex.popup})`
-})), mr = O(Vt, {
-  name: "JoyAutocomplete",
-  slot: "Option",
-  overridesResolver: (e, t) => t.option
-})({}), fr = O(it, {
-  name: "JoyAutocomplete",
-  slot: "Loading",
-  overridesResolver: (e, t) => t.loading
-})(({
-  theme: e
-}) => ({
-  color: (e.vars || e).palette.text.secondary
-})), gr = O(it, {
-  name: "JoyAutocomplete",
-  slot: "NoOptions",
-  overridesResolver: (e, t) => t.noOptions
-})(({
-  theme: e
-}) => ({
-  color: (e.vars || e).palette.text.secondary
-})), vr = O("div", {
-  name: "JoyAutocomplete",
-  slot: "NoOptions",
-  overridesResolver: (e, t) => t.noOptions
-})({
-  marginInlineStart: "calc(var(--Input-paddingInline) / 2)",
-  marginBlockStart: "var(--_Input-paddingBlock)"
-}), Wr = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  var n, d, f, y, L, C, h;
-  const g = he({
-    props: t,
-    name: "JoyAutocomplete"
-  }), {
-    "aria-describedby": D,
-    "aria-label": T,
-    "aria-labelledby": x,
-    autoFocus: k,
-    clearIcon: z = wt || (wt = /* @__PURE__ */ m.jsx(Ro, {
-      fontSize: "md"
-    })),
-    clearText: A = "Clear",
-    closeText: F = "Close",
-    disableClearable: H = !1,
-    disabled: _,
-    endDecorator: J,
-    error: se = !1,
-    forcePopupIcon: ee = "auto",
-    freeSolo: ce = !1,
-    getLimitTagsText: ue = or,
-    getOptionLabel: me = tr,
-    groupBy: ye,
-    id: U,
-    limitTags: b = -1,
-    loading: pe = !1,
-    loadingText: fe = "Loading…",
-    multiple: Le = !1,
-    name: E,
-    noOptionsText: ze = "No options",
-    openText: Fe = "Open",
-    placeholder: Be,
-    popupIcon: Me = Nt || (Nt = /* @__PURE__ */ m.jsx(To, {})),
-    readOnly: G = !1,
-    renderGroup: je = rr,
-    renderOption: _e,
-    renderTags: K,
-    required: W,
-    type: Ve,
-    startDecorator: we,
-    size: M = "md",
-    color: te = "neutral",
-    variant: Y = "outlined",
-    component: at,
-    slots: oe = {},
-    slotProps: Je = {}
-  } = g, Ge = Q(g, Ko), S = u.useContext(kt), a = (n = (d = t.error) != null ? d : S == null ? void 0 : S.error) != null ? n : se, Ce = (f = (y = t.size) != null ? y : S == null ? void 0 : S.size) != null ? f : M, v = (L = t.color) != null ? L : a ? "danger" : (C = S == null ? void 0 : S.color) != null ? C : te, le = (h = _ ?? (S == null ? void 0 : S.disabled)) != null ? h : !1, {
-    getRootProps: Re,
-    getInputProps: We,
-    getPopupIndicatorProps: Ne,
-    getClearProps: Se,
-    getTagProps: Ke,
-    getListboxProps: ct,
-    getOptionProps: Ye,
-    value: Te,
-    dirty: X,
-    popupOpen: P,
-    focused: re,
-    focusedTag: Ue,
-    anchorEl: ve,
-    setAnchorEl: ut,
-    inputValue: be,
-    groupedOptions: Z
-  } = Co(i({}, g, {
-    id: U ?? (S == null ? void 0 : S.htmlFor),
-    componentName: "Autocomplete",
-    unstable_classNamePrefix: "Mui",
-    unstable_isActiveElementInListbox: er
-  })), {
-    onMouseDown: Xe
-  } = We(), {
-    onClick: He
-  } = Re(), Ze = !H && !le && X && !G, ge = (!ce || ee === !0) && ee !== !1, w = i({
-    instanceColor: t.color
-  }, g, {
-    value: Te,
-    disabled: le,
-    focused: re,
-    getOptionLabel: me,
-    hasOptions: !!Z.length,
-    hasClearIcon: Ze,
-    hasPopupIcon: ge,
-    inputFocused: Ue === -1,
-    popupOpen: P,
-    size: Ce,
-    color: v,
-    variant: Y
-  }), B = nr(w), V = i({}, Ge, {
-    component: at,
-    slots: oe,
-    slotProps: Je
-  });
-  let q;
-  if (Le && Te.length > 0) {
-    const p = (ae) => {
-      const j = Ke(ae), {
-        onDelete: de
-      } = j, Pe = Q(j, Yo);
-      return i({
-        disabled: le,
-        size: Ce,
-        onClick: de
-      }, Pe);
-    };
-    K ? q = K(Te, p, w) : q = Te.map((ae, j) => {
-      const de = p({
-        index: j
-      }), {
-        key: Pe
-      } = de, Lt = Q(de, Xo);
-      return /* @__PURE__ */ m.jsx(fo, {
-        size: Ce,
-        variant: "soft",
-        color: "neutral",
-        endDecorator: /* @__PURE__ */ m.jsx(Ho, i({}, Lt), Pe),
-        sx: {
-          minWidth: 0
-        },
-        children: me(ae)
-      }, j);
-    });
-  }
-  const pt = Et(l, ut), Qe = {
-    [ke.disabled]: le,
-    [ke.error]: a,
-    [ke.focused]: re,
-    [ke.formControl]: !!S
-  }, [et, dt] = R("root", {
-    ref: pt,
-    className: [B.root, Qe],
-    elementType: sr,
-    externalForwardedProps: V,
-    ownerState: w,
-    getSlotProps: Re,
-    additionalProps: {
-      onClick: (p) => {
-        He && He(p), p.currentTarget === p.target && Xe && Xe(p);
-      }
-    }
-  }), [mt, tt] = R("wrapper", {
-    className: B.wrapper,
-    elementType: lr,
-    externalForwardedProps: V,
-    ownerState: w
-  }), ft = {
-    [ke.disabled]: le
-  }, [gt, vt] = R("input", {
-    className: [B.input, ft],
-    elementType: ir,
-    getSlotProps: (p) => {
-      const ae = We(), {
-        onBlur: j,
-        onFocus: de,
-        onMouseDown: Pe
-      } = ae, Lt = Q(ae, Zo);
-      return i({}, Lt, {
-        onBlur: (Oe) => {
-          var De;
-          j == null || j(Oe), (De = p.onBlur) == null || De.call(p, Oe);
-        },
-        onFocus: (Oe) => {
-          var De;
-          de == null || de(Oe), (De = p.onFocus) == null || De.call(p, Oe);
-        },
-        onMouseDown: (Oe) => {
-          var De;
-          Pe == null || Pe(Oe), (De = p.onMouseDown) == null || De.call(p, Oe);
-        }
-      });
-    },
-    externalForwardedProps: V,
-    ownerState: w,
-    additionalProps: {
-      autoFocus: k,
-      placeholder: Be,
-      name: E,
-      readOnly: G,
-      disabled: le,
-      required: W ?? (S == null ? void 0 : S.required),
-      type: Ve,
-      "aria-invalid": a || void 0,
-      "aria-label": T,
-      "aria-labelledby": x,
-      "aria-describedby": D ?? (S == null ? void 0 : S["aria-describedby"])
-    }
-  }), [bt, ht] = R("startDecorator", {
-    className: B.startDecorator,
-    elementType: ar,
-    externalForwardedProps: V,
-    ownerState: w
-  }), [ot, xt] = R("endDecorator", {
-    className: B.endDecorator,
-    elementType: cr,
-    externalForwardedProps: V,
-    ownerState: w
-  }), [It, yt] = R("clearIndicator", {
-    className: B.clearIndicator,
-    elementType: ur,
-    getSlotProps: Se,
-    externalForwardedProps: V,
-    ownerState: w,
-    getSlotOwnerState: (p) => ({
-      size: p.size || Ce,
-      variant: p.variant || Ee(Y, v).variant || "plain",
-      color: p.color || Ee(Y, v).color || "neutral",
-      disableColorInversion: !!t.color
-    }),
-    additionalProps: {
-      "aria-label": A,
-      title: A
-    }
-  }), [qe, rt] = R("popupIndicator", {
-    className: B.popupIndicator,
-    elementType: pr,
-    getSlotProps: Ne,
-    externalForwardedProps: V,
-    ownerState: w,
-    getSlotOwnerState: (p) => ({
-      size: p.size || Ce,
-      variant: p.variant || Ee(Y, v).variant || "plain",
-      color: p.color || Ee(Y, v).color || "neutral",
-      disableColorInversion: !!t.color
-    }),
-    additionalProps: {
-      disabled: le,
-      "aria-label": P ? F : Fe,
-      title: P ? F : Fe,
-      type: "button"
-    }
-  }), [r, o] = R("listbox", {
-    className: B.listbox,
-    elementType: dr,
-    getSlotProps: ct,
-    externalForwardedProps: V,
-    ownerState: w,
-    getSlotOwnerState: (p) => ({
-      size: p.size || Ce,
-      variant: p.variant || Y,
-      color: p.color || v,
-      disableColorInversion: !p.disablePortal
-    }),
-    additionalProps: {
-      anchorEl: ve,
-      open: P,
-      style: ve ? {
-        width: ve.clientWidth
-      } : {}
-    }
-  }), [s, c] = R("loading", {
-    className: B.loading,
-    elementType: fr,
-    externalForwardedProps: V,
-    ownerState: w
-  }), [I, $] = R("noOptions", {
-    className: B.noOptions,
-    elementType: gr,
-    externalForwardedProps: V,
-    ownerState: w,
-    additionalProps: {
-      role: "presentation",
-      onMouseDown: (p) => {
-        p.preventDefault();
-      }
-    }
-  }), [N, ie] = R("limitTag", {
-    className: B.limitTag,
-    elementType: vr,
-    externalForwardedProps: V,
-    ownerState: w
-  });
-  if (b > -1 && Array.isArray(q)) {
-    const p = q.length - b;
-    !re && p > 0 && (q = q.splice(0, b), q.push(/* @__PURE__ */ m.jsx(N, i({}, ie, {
-      children: ue(p)
-    }), q.length)));
-  }
-  const [nt, Jt] = R("option", {
-    className: B.option,
-    elementType: mr,
-    externalForwardedProps: V,
-    ownerState: w,
-    getSlotOwnerState: (p) => ({
-      variant: p.variant || Ee(Y, v).variant || "plain",
-      color: p.color || Ee(Y, v).color || "neutral",
-      disableColorInversion: !o.disablePortal
-    }),
-    additionalProps: {
-      as: "li"
-    }
-  }), Wt = _e || ((p, ae) => {
-    const {
-      key: j
-    } = p, de = Q(p, Qo);
-    return /* @__PURE__ */ m.jsx(nt, i({}, de, {
-      children: me(ae)
-    }), j);
-  }), At = (p, ae) => {
-    const j = Ye({
-      option: p,
-      index: ae
-    });
-    return Wt(i({}, Jt, j), p, {
-      // `aria-selected` prop will always by boolean, see useAutocomplete hook.
-      selected: !!j["aria-selected"],
-      inputValue: be,
-      ownerState: w
-    });
-  }, Ut = u.useMemo(() => [{
-    name: "offset",
-    options: {
-      offset: [0, 4]
-    }
-  }, ...o.modifiers || []], [o.modifiers]);
-  let Rt = null;
-  if (ve) {
-    var Tt;
-    Rt = /* @__PURE__ */ m.jsx(Gt, {
-      variant: Y,
-      color: v,
-      children: /* @__PURE__ */ m.jsx(no, {
-        nested: !0,
-        children: /* @__PURE__ */ m.jsxs(r, i({}, o, {
-          className: $e(o.className),
-          modifiers: Ut
-        }, !((Tt = g.slots) != null && Tt.listbox) && {
-          as: so,
-          slots: {
-            root: o.as || "ul"
-          }
-        }, {
-          children: [Z.map((p, ae) => {
-            if (ye) {
-              const j = p;
-              return je({
-                key: String(j.key),
-                group: j.group,
-                children: j.options.map((de, Pe) => At(de, j.index + Pe))
-              });
-            }
-            return At(p, ae);
-          }), pe && Z.length === 0 ? /* @__PURE__ */ m.jsx(s, i({}, c, {
-            children: fe
-          })) : null, Z.length === 0 && !ce && !pe ? /* @__PURE__ */ m.jsx(I, i({}, $, {
-            children: ze
-          })) : null]
-        }))
-      })
-    });
-  }
-  return /* @__PURE__ */ m.jsxs(u.Fragment, {
-    children: [/* @__PURE__ */ m.jsxs(et, i({}, dt, {
-      children: [we && /* @__PURE__ */ m.jsx(bt, i({}, ht, {
-        children: we
-      })), /* @__PURE__ */ m.jsxs(mt, i({}, tt, {
-        children: [q, /* @__PURE__ */ m.jsx(gt, i({}, vt))]
-      })), J && /* @__PURE__ */ m.jsx(ot, i({}, xt, {
-        children: J
-      })), Ze ? /* @__PURE__ */ m.jsx(It, i({}, yt, {
-        children: z
-      })) : null, ge ? /* @__PURE__ */ m.jsx(qe, i({}, rt, {
-        children: Me
-      })) : null]
-    })), Rt]
-  });
-});
-function br(e) {
-  return Ae("MuiFormControl", e);
-}
-const Ht = Ie("MuiFormControl", ["root", "error", "disabled", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical"]), hr = Ie("MuiSwitch", ["root", "checked", "disabled", "action", "input", "thumb", "track", "focusVisible", "readOnly", "colorPrimary", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantOutlined", "variantSoft", "variantSolid", "startDecorator", "endDecorator"]), xr = ["id", "className", "component", "disabled", "required", "error", "color", "size", "orientation", "slots", "slotProps"], Ir = (e) => {
-  const {
-    disabled: t,
-    error: l,
-    size: n,
-    color: d,
-    orientation: f
-  } = e, y = {
-    root: ["root", f, t && "disabled", l && "error", d && `color${ne(d)}`, n && `size${ne(n)}`]
-  };
-  return xe(y, br, {});
-}, yr = O("div", {
-  name: "JoyFormControl",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(({
-  theme: e,
-  ownerState: t
-}) => {
-  var l, n, d;
-  return i({
-    "--unstable_RadioGroup-margin": "0.5rem 0",
-    "--FormLabel-alignSelf": t.orientation === "horizontal" ? "align-items" : "flex-start",
-    "--FormLabel-asteriskColor": e.vars.palette.danger[500]
-  }, t.size === "sm" && {
-    "--FormLabel-fontSize": e.vars.fontSize.xs,
-    "--FormLabel-lineHeight": e.vars.lineHeight.xl,
-    "--FormLabel-margin": t.orientation === "horizontal" ? "0 0.5rem 0 0" : "0 0 0.25rem 0",
-    "--FormHelperText-fontSize": e.vars.fontSize.xs,
-    "--FormHelperText-lineHeight": e.vars.lineHeight.xl
-  }, t.size === "md" && {
-    "--FormLabel-fontSize": e.vars.fontSize.sm,
-    "--FormLabel-lineHeight": e.vars.lineHeight.sm,
-    "--FormLabel-margin": t.orientation === "horizontal" ? "0 0.75rem 0 0" : "0 0 0.375rem 0",
-    "--FormHelperText-fontSize": e.vars.fontSize.sm,
-    "--FormHelperText-lineHeight": e.vars.lineHeight.sm
-  }, t.size === "lg" && {
-    "--FormLabel-fontSize": e.vars.fontSize.md,
-    "--FormLabel-lineHeight": e.vars.lineHeight.md,
-    "--FormLabel-margin": t.orientation === "horizontal" ? "0 1rem 0 0" : "0 0 0.5rem 0",
-    "--FormHelperText-fontSize": e.vars.fontSize.sm,
-    "--FormHelperText-lineHeight": e.vars.lineHeight.sm
-  }, t.color && {
-    "--FormHelperText-color": (l = e.vars.palette[t.color]) == null ? void 0 : l[500]
-  }, {
-    "--FormHelperText-margin": "0.375rem 0 0 0",
-    [`&.${Ht.error}`]: {
-      "--FormHelperText-color": e.vars.palette.danger[500]
-    },
-    [`&.${Ht.disabled}`]: {
-      "--FormLabel-color": (n = e.variants.plainDisabled) == null || (n = n[t.color || "neutral"]) == null ? void 0 : n.color,
-      "--FormHelperText-color": (d = e.variants.plainDisabled) == null || (d = d[t.color || "neutral"]) == null ? void 0 : d.color
-    },
-    display: "flex",
-    position: "relative",
-    // for keeping the control action area, for example Switch
-    flexDirection: t.orientation === "horizontal" ? "row" : "column"
-  }, t.orientation === "horizontal" && {
-    [`& > label ~ .${hr.root}`]: {
-      "--unstable_Switch-margin": "0 0 0 auto"
-    }
-  });
-}), Ur = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyFormControl"
-  }), {
-    id: d,
-    className: f,
-    component: y = "div",
-    disabled: L = !1,
-    required: C = !1,
-    error: h = !1,
-    color: g,
-    size: D = "md",
-    orientation: T = "vertical",
-    slots: x = {},
-    slotProps: k = {}
-  } = n, z = Q(n, xr), A = Pt(d), [F, H] = u.useState(null), _ = i({}, n, {
-    id: A,
-    component: y,
-    color: g,
-    disabled: L,
-    error: h,
-    required: C,
-    size: D,
-    orientation: T
-  });
-  let J;
-  const se = Ir(_), [ee, ce] = R("root", {
-    ref: l,
-    className: $e(se.root, f),
-    elementType: yr,
-    externalForwardedProps: i({}, z, {
-      component: y,
-      slots: x,
-      slotProps: k
-    }),
-    ownerState: _
-  }), ue = u.useMemo(() => ({
-    disabled: L,
-    required: C,
-    error: h,
-    color: g,
-    size: D,
-    htmlFor: A,
-    labelId: `${A}-label`,
-    "aria-describedby": F ? `${A}-helper-text` : void 0,
-    setHelperText: H,
-    registerEffect: J
-  }), [g, L, h, F, A, J, C, D]);
-  return /* @__PURE__ */ m.jsx(kt.Provider, {
-    value: ue,
-    children: /* @__PURE__ */ m.jsx(ee, i({}, ce))
-  });
-});
-function Lr(e) {
-  return Ae("MuiFormLabel", e);
-}
-Ie("MuiFormLabel", ["root", "asterisk"]);
-const Cr = ["children", "component", "htmlFor", "id", "slots", "slotProps"], Sr = () => xe({
-  root: ["root"],
-  asterisk: ["asterisk"]
-}, Lr, {}), Pr = O("label", {
-  name: "JoyFormLabel",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(({
-  theme: e
-}) => ({
-  "--Icon-fontSize": "calc(var(--FormLabel-lineHeight) * 1em)",
-  WebkitTapHighlightColor: "transparent",
-  alignSelf: "var(--FormLabel-alignSelf)",
-  // to not fill the block space. It seems like a bug when clicking on empty space (within the label area), even though it is not.
-  display: "flex",
-  gap: "2px",
-  alignItems: "center",
-  flexWrap: "wrap",
-  userSelect: "none",
-  fontFamily: e.vars.fontFamily.body,
-  fontSize: `var(--FormLabel-fontSize, ${e.vars.fontSize.sm})`,
-  fontWeight: e.vars.fontWeight.md,
-  lineHeight: `var(--FormLabel-lineHeight, ${e.vars.lineHeight.sm})`,
-  color: `var(--FormLabel-color, ${e.vars.palette.text.primary})`,
-  margin: "var(--FormLabel-margin, 0px)"
-})), Or = O("span", {
-  name: "JoyFormLabel",
-  slot: "Asterisk",
-  overridesResolver: (e, t) => t.asterisk
-})({
-  color: "var(--FormLabel-asteriskColor)"
-}), qr = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  var n, d;
-  const f = he({
-    props: t,
-    name: "JoyFormLabel"
-  }), {
-    children: y,
-    component: L = "label",
-    htmlFor: C,
-    id: h,
-    slots: g = {},
-    slotProps: D = {}
-  } = f, T = Q(f, Cr), x = u.useContext(kt), k = (n = (d = t.required) != null ? d : x == null ? void 0 : x.required) != null ? n : !1, z = i({}, f, {
-    required: k
-  }), A = Sr(), F = i({}, T, {
-    component: L,
-    slots: g,
-    slotProps: D
-  }), [H, _] = R("root", {
-    additionalProps: {
-      htmlFor: C ?? (x == null ? void 0 : x.htmlFor),
-      id: h ?? (x == null ? void 0 : x.labelId)
-    },
-    ref: l,
-    className: A.root,
-    elementType: Pr,
-    externalForwardedProps: F,
-    ownerState: z
-  }), [J, se] = R("asterisk", {
-    additionalProps: {
-      "aria-hidden": !0
-    },
-    className: A.asterisk,
-    elementType: Or,
-    externalForwardedProps: F,
-    ownerState: z
-  });
-  return /* @__PURE__ */ m.jsxs(H, i({}, _, {
-    children: [y, k && /* @__PURE__ */ m.jsxs(J, i({}, se, {
-      children: [" ", "*"]
-    }))]
-  }));
-});
-function Dr(e) {
-  return Ae("MuiListItemContent", e);
-}
-Ie("MuiListItemContent", ["root"]);
-const kr = ["component", "className", "children", "slots", "slotProps"], Ar = () => xe({
-  root: ["root"]
-}, Dr, {}), Rr = O("div", {
-  name: "JoyListItemContent",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  flex: "1 1 auto",
-  minWidth: 0
-}), Gr = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyListItemContent"
-  }), {
-    component: d,
-    className: f,
-    children: y,
-    slots: L = {},
-    slotProps: C = {}
-  } = n, h = Q(n, kr), g = i({}, n), D = Ar(), T = i({}, h, {
-    component: d,
-    slots: L,
-    slotProps: C
-  }), [x, k] = R("root", {
-    ref: l,
-    className: $e(D.root, f),
-    elementType: Rr,
-    externalForwardedProps: T,
-    ownerState: g
-  });
-  return /* @__PURE__ */ m.jsx(x, i({}, k, {
-    children: y
-  }));
-});
-function Tr(e) {
-  return Ae("MuiListItemDecorator", e);
-}
-Ie("MuiListItemDecorator", ["root"]);
-const $r = ["component", "className", "children", "slots", "slotProps"], zr = () => xe({
-  root: ["root"]
-}, Tr, {}), Fr = O("span", {
-  name: "JoyListItemDecorator",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(({
-  ownerState: e
-}) => i({
-  boxSizing: "border-box",
-  display: "inline-flex",
-  alignItems: `var(--unstable_ListItemDecorator-alignItems, ${e.parentOrientation === "horizontal" ? "center" : "initial"})`
-}, e.parentOrientation === "horizontal" ? {
-  minInlineSize: "var(--ListItemDecorator-size)",
-  marginInlineEnd: "calc(-1 * var(--ListItem-gap))"
-} : {
-  minBlockSize: "var(--ListItemDecorator-size)",
-  justifyContent: "center",
-  marginBlockEnd: "calc(-1 * var(--ListItem-gap))"
-})), Kr = /* @__PURE__ */ u.forwardRef(function(t, l) {
-  const n = he({
-    props: t,
-    name: "JoyListItemDecorator"
-  }), {
-    component: d,
-    className: f,
-    children: y,
-    slots: L = {},
-    slotProps: C = {}
-  } = n, h = Q(n, $r), g = u.useContext(po), D = i({
-    parentOrientation: g
-  }, n), T = zr(), x = i({}, h, {
-    component: d,
-    slots: L,
-    slotProps: C
-  }), [k, z] = R("root", {
-    ref: l,
-    className: $e(T.root, f),
-    elementType: Fr,
-    externalForwardedProps: x,
-    ownerState: D
-  });
-  return /* @__PURE__ */ m.jsx(k, i({}, z, {
-    children: y
-  }));
-});
-export {
-  Wr as A,
-  Ro as C,
-  Ur as F,
-  Kr as L,
-  qr as a,
-  Jr as b,
-  Gr as c,
-  it as d
-};