fansunited-widgets-cdn 0.0.86-RC4 → 0.0.86-RC6

package/chunks/CollectLeadForm-C_3plJtn-Dr8J3eDw.js

@@ -0,0 +1,3918 @@
+import { j as t, r as p } from "./main-Bh6iw92_.js";
+import { A as uo, F as po, w as Wr, C as cr, b as Ae, z as mo, l as vo, Q as _r, n as Jr, c as zo, o as rr, q as Ur, r as Kr, s as Qr, T as Hr, B as Xr, L as Zr, t as Do, H as Lo, v as ze, x as ue, y as dr, P as s, K as H, U as N, Z as Xe, a0 as Ir, a1 as De, a2 as ur, a3 as pr, a4 as Pe, a5 as or, a6 as ho, a7 as $o, a8 as Fo, a9 as go, aa as No, ab as Ro, ac as jo, ad as te, ae as Oo, af as Sr, ag as xr, ah as Ho, ai as fo, aj as Bo, ak as Ao, al as Mo, am as Wo, an as Er, ao as Br, ap as $e, aq as _o, ar as Jo, as as Eo, at as Vo, au as Yr, av as bo, aw as qo, ax as Go, ay as Uo, az as Ar, aA as Ko, aB as Qo, aC as eo, aD as ro, aE as Xo, aF as Zo, aG as xo, aH as Yo, aI as et } from "./Portal-DegkUXpU-ByGP9zS1.js";
+function rt(e, r = 166) {
+  let o;
+  function n(...i) {
+    const c = () => {
+      e.apply(this, i);
+    };
+    clearTimeout(o), o = setTimeout(c, r);
+  }
+  return n.clear = () => {
+    clearTimeout(o);
+  }, n;
+}
+const ot = (e) => {
+  const r = p.useRef({});
+  return p.useEffect(() => {
+    r.current = e;
+  }), r.current;
+};
+function oo() {
+  return null;
+}
+oo.isRequired = oo;
+function tt(e) {
+  const {
+    checked: r,
+    defaultChecked: o,
+    disabled: n,
+    onBlur: i,
+    onChange: c,
+    onFocus: u,
+    onFocusVisible: m,
+    readOnly: y,
+    required: x
+  } = e, [C, v] = Sr({
+    controlled: r,
+    default: !!o,
+    name: "Switch",
+    state: "checked"
+  }), T = (k) => (L) => {
+    var J;
+    L.nativeEvent.defaultPrevented || (v(L.target.checked), c == null || c(L), (J = k.onChange) == null || J.call(k, L));
+  }, {
+    isFocusVisibleRef: b,
+    onBlur: z,
+    onFocus: S,
+    ref: w
+  } = xo(), [h, D] = p.useState(!1);
+  n && h && D(!1), p.useEffect(() => {
+    b.current = h;
+  }, [h, b]);
+  const I = p.useRef(null), d = (k) => (L) => {
+    var J;
+    I.current || (I.current = L.currentTarget), S(L), b.current === !0 && (D(!0), m == null || m(L)), u == null || u(L), (J = k.onFocus) == null || J.call(k, L);
+  }, q = (k) => (L) => {
+    var J;
+    z(L), b.current === !1 && D(!1), i == null || i(L), (J = k.onBlur) == null || J.call(k, L);
+  }, B = pr(w, I);
+  return {
+    checked: C,
+    disabled: !!n,
+    focusVisible: h,
+    getInputProps: (k = {}) => s({
+      checked: r,
+      defaultChecked: o,
+      disabled: n,
+      readOnly: y,
+      ref: B,
+      required: x,
+      type: "checkbox",
+      role: "switch",
+      "aria-checked": r
+    }, k, {
+      onChange: T(k),
+      onFocus: d(k),
+      onBlur: q(k)
+    }),
+    inputRef: B,
+    readOnly: !!y
+  };
+}
+const nt = ["onChange", "maxRows", "minRows", "style", "value"];
+function yr(e) {
+  return parseInt(e, 10) || 0;
+}
+const at = {
+  shadow: {
+    // Visibility needed to hide the extra text area on iPads
+    visibility: "hidden",
+    // Remove from the content flow
+    position: "absolute",
+    // Ignore the scrollbar width
+    overflow: "hidden",
+    height: 0,
+    top: 0,
+    left: 0,
+    // Create a new layer, increase the isolation of the computed values
+    transform: "translateZ(0)"
+  }
+};
+function lt(e) {
+  return e == null || Object.keys(e).length === 0 || e.outerHeightStyle === 0 && !e.overflowing;
+}
+const it = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const {
+    onChange: o,
+    maxRows: n,
+    minRows: i = 1,
+    style: c,
+    value: u
+  } = e, m = ue(e, nt), {
+    current: y
+  } = p.useRef(u != null), x = p.useRef(null), C = pr(r, x), v = p.useRef(null), T = p.useCallback(() => {
+    const S = x.current, w = eo(S).getComputedStyle(S);
+    if (w.width === "0px")
+      return {
+        outerHeightStyle: 0,
+        overflowing: !1
+      };
+    const h = v.current;
+    h.style.width = w.width, h.value = S.value || e.placeholder || "x", h.value.slice(-1) === `
+` && (h.value += " ");
+    const D = w.boxSizing, I = yr(w.paddingBottom) + yr(w.paddingTop), d = yr(w.borderBottomWidth) + yr(w.borderTopWidth), q = h.scrollHeight;
+    h.value = "x";
+    const B = h.scrollHeight;
+    let k = q;
+    i && (k = Math.max(Number(i) * B, k)), n && (k = Math.min(Number(n) * B, k)), k = Math.max(k, B);
+    const L = k + (D === "border-box" ? I + d : 0), J = Math.abs(k - q) <= 1;
+    return {
+      outerHeightStyle: L,
+      overflowing: J
+    };
+  }, [n, i, e.placeholder]), b = p.useCallback(() => {
+    const S = T();
+    if (lt(S))
+      return;
+    const w = x.current;
+    w.style.height = `${S.outerHeightStyle}px`, w.style.overflow = S.overflowing ? "hidden" : "";
+  }, [T]);
+  ro(() => {
+    const S = () => {
+      b();
+    };
+    let w;
+    const h = rt(S), D = x.current, I = eo(D);
+    I.addEventListener("resize", h);
+    let d;
+    return typeof ResizeObserver < "u" && (d = new ResizeObserver(S), d.observe(D)), () => {
+      h.clear(), cancelAnimationFrame(w), I.removeEventListener("resize", h), d && d.disconnect();
+    };
+  }, [T, b]), ro(() => {
+    b();
+  });
+  const z = (S) => {
+    y || b(), o && o(S);
+  };
+  return /* @__PURE__ */ t.jsxs(p.Fragment, {
+    children: [/* @__PURE__ */ t.jsx("textarea", s({
+      value: u,
+      onChange: z,
+      ref: C,
+      rows: i,
+      style: c
+    }, m)), /* @__PURE__ */ t.jsx("textarea", {
+      "aria-hidden": !0,
+      className: e.className,
+      readOnly: !0,
+      ref: v,
+      tabIndex: -1,
+      style: s({}, at.shadow, c, {
+        paddingTop: 0,
+        paddingBottom: 0
+      })
+    })]
+  });
+});
+function to(e) {
+  return typeof e.normalize < "u" ? e.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : e;
+}
+function st(e = {}) {
+  const {
+    ignoreAccents: r = !0,
+    ignoreCase: o = !0,
+    limit: n,
+    matchFrom: i = "any",
+    stringify: c,
+    trim: u = !1
+  } = e;
+  return (m, {
+    inputValue: y,
+    getOptionLabel: x
+  }) => {
+    let C = u ? y.trim() : y;
+    o && (C = C.toLowerCase()), r && (C = to(C));
+    const v = C ? m.filter((T) => {
+      let b = (c || x)(T);
+      return o && (b = b.toLowerCase()), r && (b = to(b)), i === "start" ? b.indexOf(C) === 0 : b.indexOf(C) > -1;
+    }) : m;
+    return typeof n == "number" ? v.slice(0, n) : v;
+  };
+}
+function Cr(e, r) {
+  for (let o = 0; o < e.length; o += 1)
+    if (r(e[o]))
+      return o;
+  return -1;
+}
+const ct = st(), no = 5, dt = (e) => {
+  var r;
+  return e.current !== null && ((r = e.current.parentElement) == null ? void 0 : r.contains(document.activeElement));
+};
+function ut(e) {
+  const {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    unstable_isActiveElementInListbox: r = dt,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    unstable_classNamePrefix: o = "Mui",
+    autoComplete: n = !1,
+    autoHighlight: i = !1,
+    autoSelect: c = !1,
+    blurOnSelect: u = !1,
+    clearOnBlur: m = !e.freeSolo,
+    clearOnEscape: y = !1,
+    componentName: x = "useAutocomplete",
+    defaultValue: C = e.multiple ? [] : null,
+    disableClearable: v = !1,
+    disableCloseOnSelect: T = !1,
+    disabled: b,
+    disabledItemsFocusable: z = !1,
+    disableListWrap: S = !1,
+    filterOptions: w = ct,
+    filterSelectedOptions: h = !1,
+    freeSolo: D = !1,
+    getOptionDisabled: I,
+    getOptionKey: d,
+    getOptionLabel: q = (l) => {
+      var a;
+      return (a = l.label) != null ? a : l;
+    },
+    groupBy: B,
+    handleHomeEndKeys: k = !e.freeSolo,
+    id: L,
+    includeInputInList: J = !1,
+    inputValue: V,
+    isOptionEqualToValue: Q = (l, a) => l === a,
+    multiple: g = !1,
+    onChange: O,
+    onClose: _,
+    onHighlightChange: G,
+    onInputChange: ne,
+    onOpen: X,
+    open: W,
+    openOnFocus: he = !1,
+    options: se,
+    readOnly: A = !1,
+    selectOnFocus: ce = !e.freeSolo,
+    value: Se
+  } = e, ie = dr(L);
+  let ae = q;
+  ae = (l) => {
+    const a = q(l);
+    return typeof a != "string" ? String(a) : a;
+  };
+  const ge = p.useRef(!1), xe = p.useRef(!0), U = p.useRef(null), K = p.useRef(null), [pe, R] = p.useState(null), [de, Ce] = p.useState(-1), Z = i ? 0 : -1, le = p.useRef(Z), [P, Ie] = Sr({
+    controlled: Se,
+    default: C,
+    name: x
+  }), [M, Fe] = Sr({
+    controlled: V,
+    default: "",
+    name: x,
+    state: "inputValue"
+  }), [Ne, _e] = p.useState(!1), je = p.useCallback((l, a) => {
+    if (!(g ? P.length < a.length : a !== null) && !m)
+      return;
+    let f;
+    if (g)
+      f = "";
+    else if (a == null)
+      f = "";
+    else {
+      const j = ae(a);
+      f = typeof j == "string" ? j : "";
+    }
+    M !== f && (Fe(f), ne && ne(l, f, "reset"));
+  }, [ae, M, g, ne, Fe, m, P]), [ke, Ye] = Sr({
+    controlled: W,
+    default: !1,
+    name: x,
+    state: "open"
+  }), [nr, Me] = p.useState(!0), er = !g && P != null && M === ae(P), me = ke && !A, Y = me ? w(
+    se.filter((l) => !(h && (g ? P : [P]).some((a) => a !== null && Q(l, a)))),
+    // we use the empty string to manipulate `filterOptions` to not filter any options
+    // i.e. the filter predicate always returns true
+    {
+      inputValue: er && nr ? "" : M,
+      getOptionLabel: ae
+    }
+  ) : [], Te = ot({
+    filteredOptions: Y,
+    value: P,
+    inputValue: M
+  });
+  p.useEffect(() => {
+    const l = P !== Te.value;
+    Ne && !l || D && !l || je(null, P);
+  }, [P, je, Ne, Te.value, D]);
+  const Oe = ke && Y.length > 0 && !A, Je = xr((l) => {
+    l === -1 ? U.current.focus() : pe.querySelector(`[data-tag-index="${l}"]`).focus();
+  });
+  p.useEffect(() => {
+    g && de > P.length - 1 && (Ce(-1), Je(-1));
+  }, [P, g, de, Je]);
+  function ar(l, a) {
+    if (!K.current || l < 0 || l >= Y.length)
+      return -1;
+    let f = l;
+    for (; ; ) {
+      const j = K.current.querySelector(`[data-option-index="${f}"]`), E = z ? !1 : !j || j.disabled || j.getAttribute("aria-disabled") === "true";
+      if (j && j.hasAttribute("tabindex") && !E)
+        return f;
+      if (a === "next" ? f = (f + 1) % Y.length : f = (f - 1 + Y.length) % Y.length, f === l)
+        return -1;
+    }
+  }
+  const $ = xr(({
+    event: l,
+    index: a,
+    reason: f = "auto"
+  }) => {
+    if (le.current = a, a === -1 ? U.current.removeAttribute("aria-activedescendant") : U.current.setAttribute("aria-activedescendant", `${ie}-option-${a}`), G && G(l, a === -1 ? null : Y[a], f), !K.current)
+      return;
+    const j = K.current.querySelector(`[role="option"].${o}-focused`);
+    j && (j.classList.remove(`${o}-focused`), j.classList.remove(`${o}-focusVisible`));
+    let E = K.current;
+    if (K.current.getAttribute("role") !== "listbox" && (E = K.current.parentElement.querySelector('[role="listbox"]')), !E)
+      return;
+    if (a === -1) {
+      E.scrollTop = 0;
+      return;
+    }
+    const re = K.current.querySelector(`[data-option-index="${a}"]`);
+    if (re && (re.classList.add(`${o}-focused`), f === "keyboard" && re.classList.add(`${o}-focusVisible`), E.scrollHeight > E.clientHeight && f !== "mouse" && f !== "touch")) {
+      const ye = re, ir = E.clientHeight + E.scrollTop, br = ye.offsetTop + ye.offsetHeight;
+      br > ir ? E.scrollTop = br - E.clientHeight : ye.offsetTop - ye.offsetHeight * (B ? 1.3 : 0) < E.scrollTop && (E.scrollTop = ye.offsetTop - ye.offsetHeight * (B ? 1.3 : 0));
+    }
+  }), ee = xr(({
+    event: l,
+    diff: a,
+    direction: f = "next",
+    reason: j = "auto"
+  }) => {
+    if (!me)
+      return;
+    const E = ar((() => {
+      const re = Y.length - 1;
+      if (a === "reset")
+        return Z;
+      if (a === "start")
+        return 0;
+      if (a === "end")
+        return re;
+      const ye = le.current + a;
+      return ye < 0 ? ye === -1 && J ? -1 : S && le.current !== -1 || Math.abs(a) > 1 ? 0 : re : ye > re ? ye === re + 1 && J ? -1 : S || Math.abs(a) > 1 ? re : 0 : ye;
+    })(), f);
+    if ($({
+      index: E,
+      reason: j,
+      event: l
+    }), n && a !== "reset")
+      if (E === -1)
+        U.current.value = M;
+      else {
+        const re = ae(Y[E]);
+        U.current.value = re, re.toLowerCase().indexOf(M.toLowerCase()) === 0 && M.length > 0 && U.current.setSelectionRange(M.length, re.length);
+      }
+  }), He = () => {
+    const l = (a, f) => {
+      const j = a ? ae(a) : "", E = f ? ae(f) : "";
+      return j === E;
+    };
+    if (le.current !== -1 && Te.filteredOptions && Te.filteredOptions.length !== Y.length && Te.inputValue === M && (g ? P.length === Te.value.length && Te.value.every((a, f) => ae(P[f]) === ae(a)) : l(Te.value, P))) {
+      const a = Te.filteredOptions[le.current];
+      if (a)
+        return Cr(Y, (f) => ae(f) === ae(a));
+    }
+    return -1;
+  }, We = p.useCallback(() => {
+    if (!me)
+      return;
+    const l = He();
+    if (l !== -1) {
+      le.current = l;
+      return;
+    }
+    const a = g ? P[0] : P;
+    if (Y.length === 0 || a == null) {
+      ee({
+        diff: "reset"
+      });
+      return;
+    }
+    if (K.current) {
+      if (a != null) {
+        const f = Y[le.current];
+        if (g && f && Cr(P, (E) => Q(f, E)) !== -1)
+          return;
+        const j = Cr(Y, (E) => Q(E, a));
+        j === -1 ? ee({
+          diff: "reset"
+        }) : $({
+          index: j
+        });
+        return;
+      }
+      if (le.current >= Y.length - 1) {
+        $({
+          index: Y.length - 1
+        });
+        return;
+      }
+      $({
+        index: le.current
+      });
+    }
+  }, [
+    // Only sync the highlighted index when the option switch between empty and not
+    Y.length,
+    // Don't sync the highlighted index with the value when multiple
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    g ? !1 : P,
+    h,
+    ee,
+    $,
+    me,
+    M,
+    g
+  ]), Ee = xr((l) => {
+    Ho(K, l), l && We();
+  });
+  p.useEffect(() => {
+    We();
+  }, [We]);
+  const oe = (l) => {
+    ke || (Ye(!0), Me(!0), X && X(l));
+  }, fe = (l, a) => {
+    ke && (Ye(!1), _ && _(l, a));
+  }, ve = (l, a, f, j) => {
+    if (g) {
+      if (P.length === a.length && P.every((E, re) => E === a[re]))
+        return;
+    } else if (P === a)
+      return;
+    O && O(l, a, f, j), Ie(a);
+  }, we = p.useRef(!1), Ze = (l, a, f = "selectOption", j = "options") => {
+    let E = f, re = a;
+    if (g) {
+      re = Array.isArray(P) ? P.slice() : [];
+      const ye = Cr(re, (ir) => Q(a, ir));
+      ye === -1 ? re.push(a) : j !== "freeSolo" && (re.splice(ye, 1), E = "removeOption");
+    }
+    je(l, re), ve(l, re, E, {
+      option: a
+    }), !T && (!l || !l.ctrlKey && !l.metaKey) && fe(l, E), (u === !0 || u === "touch" && we.current || u === "mouse" && !we.current) && U.current.blur();
+  };
+  function wr(l, a) {
+    if (l === -1)
+      return -1;
+    let f = l;
+    for (; ; ) {
+      if (a === "next" && f === P.length || a === "previous" && f === -1)
+        return -1;
+      const j = pe.querySelector(`[data-tag-index="${f}"]`);
+      if (!j || !j.hasAttribute("tabindex") || j.disabled || j.getAttribute("aria-disabled") === "true")
+        f += a === "next" ? 1 : -1;
+      else
+        return f;
+    }
+  }
+  const mr = (l, a) => {
+    if (!g)
+      return;
+    M === "" && fe(l, "toggleInput");
+    let f = de;
+    de === -1 ? M === "" && a === "previous" && (f = P.length - 1) : (f += a === "next" ? 1 : -1, f < 0 && (f = 0), f === P.length && (f = -1)), f = wr(f, a), Ce(f), Je(f);
+  }, vr = (l) => {
+    ge.current = !0, Fe(""), ne && ne(l, "", "clear"), ve(l, g ? [] : null, "clear");
+  }, Pr = (l) => (a) => {
+    if (l.onKeyDown && l.onKeyDown(a), !a.defaultMuiPrevented && (de !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(a.key) === -1 && (Ce(-1), Je(-1)), a.which !== 229))
+      switch (a.key) {
+        case "Home":
+          me && k && (a.preventDefault(), ee({
+            diff: "start",
+            direction: "next",
+            reason: "keyboard",
+            event: a
+          }));
+          break;
+        case "End":
+          me && k && (a.preventDefault(), ee({
+            diff: "end",
+            direction: "previous",
+            reason: "keyboard",
+            event: a
+          }));
+          break;
+        case "PageUp":
+          a.preventDefault(), ee({
+            diff: -no,
+            direction: "previous",
+            reason: "keyboard",
+            event: a
+          }), oe(a);
+          break;
+        case "PageDown":
+          a.preventDefault(), ee({
+            diff: no,
+            direction: "next",
+            reason: "keyboard",
+            event: a
+          }), oe(a);
+          break;
+        case "ArrowDown":
+          a.preventDefault(), ee({
+            diff: 1,
+            direction: "next",
+            reason: "keyboard",
+            event: a
+          }), oe(a);
+          break;
+        case "ArrowUp":
+          a.preventDefault(), ee({
+            diff: -1,
+            direction: "previous",
+            reason: "keyboard",
+            event: a
+          }), oe(a);
+          break;
+        case "ArrowLeft":
+          mr(a, "previous");
+          break;
+        case "ArrowRight":
+          mr(a, "next");
+          break;
+        case "Enter":
+          if (le.current !== -1 && me) {
+            const f = Y[le.current], j = I ? I(f) : !1;
+            if (a.preventDefault(), j)
+              return;
+            Ze(a, f, "selectOption"), n && U.current.setSelectionRange(U.current.value.length, U.current.value.length);
+          } else D && M !== "" && er === !1 && (g && a.preventDefault(), Ze(a, M, "createOption", "freeSolo"));
+          break;
+        case "Escape":
+          me ? (a.preventDefault(), a.stopPropagation(), fe(a, "escape")) : y && (M !== "" || g && P.length > 0) && (a.preventDefault(), a.stopPropagation(), vr(a));
+          break;
+        case "Backspace":
+          if (g && !A && M === "" && P.length > 0) {
+            const f = de === -1 ? P.length - 1 : de, j = P.slice();
+            j.splice(f, 1), ve(a, j, "removeOption", {
+              option: P[f]
+            });
+          }
+          break;
+        case "Delete":
+          if (g && !A && M === "" && P.length > 0 && de !== -1) {
+            const f = de, j = P.slice();
+            j.splice(f, 1), ve(a, j, "removeOption", {
+              option: P[f]
+            });
+          }
+          break;
+      }
+  }, Tr = (l) => {
+    _e(!0), he && !ge.current && oe(l);
+  }, hr = (l) => {
+    if (r(K)) {
+      U.current.focus();
+      return;
+    }
+    _e(!1), xe.current = !0, ge.current = !1, c && le.current !== -1 && me ? Ze(l, Y[le.current], "blur") : c && D && M !== "" ? Ze(l, M, "blur", "freeSolo") : m && je(l, P), fe(l, "blur");
+  }, zr = (l) => {
+    const a = l.target.value;
+    M !== a && (Fe(a), Me(!1), ne && ne(l, a, "input")), a === "" ? !v && !g && ve(l, null, "clear") : oe(l);
+  }, Dr = (l) => {
+    const a = Number(l.currentTarget.getAttribute("data-option-index"));
+    le.current !== a && $({
+      event: l,
+      index: a,
+      reason: "mouse"
+    });
+  }, Lr = (l) => {
+    $({
+      event: l,
+      index: Number(l.currentTarget.getAttribute("data-option-index")),
+      reason: "touch"
+    }), we.current = !0;
+  }, $r = (l) => {
+    const a = Number(l.currentTarget.getAttribute("data-option-index"));
+    Ze(l, Y[a], "selectOption"), we.current = !1;
+  }, Fr = (l) => (a) => {
+    const f = P.slice();
+    f.splice(l, 1), ve(a, f, "removeOption", {
+      option: P[l]
+    });
+  }, gr = (l) => {
+    ke ? fe(l, "toggleInput") : oe(l);
+  }, Nr = (l) => {
+    l.currentTarget.contains(l.target) && l.target.getAttribute("id") !== ie && l.preventDefault();
+  }, Rr = (l) => {
+    l.currentTarget.contains(l.target) && (U.current.focus(), ce && xe.current && U.current.selectionEnd - U.current.selectionStart === 0 && U.current.select(), xe.current = !1);
+  }, jr = (l) => {
+    !b && (M === "" || !ke) && gr(l);
+  };
+  let lr = D && M.length > 0;
+  lr = lr || (g ? P.length > 0 : P !== null);
+  let fr = Y;
+  return B && (fr = Y.reduce((l, a, f) => {
+    const j = B(a);
+    return l.length > 0 && l[l.length - 1].group === j ? l[l.length - 1].options.push(a) : l.push({
+      key: f,
+      index: f,
+      group: j,
+      options: [a]
+    }), l;
+  }, [])), b && Ne && hr(), {
+    getRootProps: (l = {}) => s({
+      "aria-owns": Oe ? `${ie}-listbox` : null
+    }, l, {
+      onKeyDown: Pr(l),
+      onMouseDown: Nr,
+      onClick: Rr
+    }),
+    getInputLabelProps: () => ({
+      id: `${ie}-label`,
+      htmlFor: ie
+    }),
+    getInputProps: () => ({
+      id: ie,
+      value: M,
+      onBlur: hr,
+      onFocus: Tr,
+      onChange: zr,
+      onMouseDown: jr,
+      // if open then this is handled imperatively so don't let react override
+      // only have an opinion about this when closed
+      "aria-activedescendant": me ? "" : null,
+      "aria-autocomplete": n ? "both" : "list",
+      "aria-controls": Oe ? `${ie}-listbox` : void 0,
+      "aria-expanded": Oe,
+      // Disable browser's suggestion that might overlap with the popup.
+      // Handle autocomplete but not autofill.
+      autoComplete: "off",
+      ref: U,
+      autoCapitalize: "none",
+      spellCheck: "false",
+      role: "combobox",
+      disabled: b
+    }),
+    getClearProps: () => ({
+      tabIndex: -1,
+      type: "button",
+      onClick: vr
+    }),
+    getPopupIndicatorProps: () => ({
+      tabIndex: -1,
+      type: "button",
+      onClick: gr
+    }),
+    getTagProps: ({
+      index: l
+    }) => s({
+      key: l,
+      "data-tag-index": l,
+      tabIndex: -1
+    }, !A && {
+      onDelete: Fr(l)
+    }),
+    getListboxProps: () => ({
+      role: "listbox",
+      id: `${ie}-listbox`,
+      "aria-labelledby": `${ie}-label`,
+      ref: Ee,
+      onMouseDown: (l) => {
+        l.preventDefault();
+      }
+    }),
+    getOptionProps: ({
+      index: l,
+      option: a
+    }) => {
+      var f;
+      const j = (g ? P : [P]).some((re) => re != null && Q(a, re)), E = I ? I(a) : !1;
+      return {
+        key: (f = d == null ? void 0 : d(a)) != null ? f : ae(a),
+        tabIndex: -1,
+        role: "option",
+        id: `${ie}-option-${l}`,
+        onMouseMove: Dr,
+        onClick: $r,
+        onTouchStart: Lr,
+        "data-option-index": l,
+        "aria-disabled": E,
+        "aria-selected": j
+      };
+    },
+    id: ie,
+    inputValue: M,
+    value: P,
+    dirty: lr,
+    expanded: me && pe,
+    popupOpen: me,
+    focused: Ne || de !== -1,
+    anchorEl: pe,
+    setAnchorEl: R,
+    focusedTag: de,
+    groupedOptions: fr
+  };
+}
+const yo = /* @__PURE__ */ p.createContext(void 0), pt = ["component", "className", "children", "nested", "sticky", "variant", "color", "startAction", "endAction", "role", "slots", "slotProps"], mt = (e) => {
+  const {
+    sticky: r,
+    nested: o,
+    nesting: n,
+    variant: i,
+    color: c
+  } = e, u = {
+    root: ["root", o && "nested", n && "nesting", r && "sticky", c && `color${te(c)}`, i && `variant${te(i)}`],
+    startAction: ["startAction"],
+    endAction: ["endAction"]
+  };
+  return De(u, Yo, {});
+}, vt = N("li")(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o;
+  return [
+    !r.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)"
+    },
+    r.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
+    s({
+      // Integration with control elements, for example Checkbox, Radio.
+      "--unstable_actionRadius": "calc(var(--ListItem-radius) - var(--variant-borderWidth, 0px))"
+    }, r.startAction && {
+      "--unstable_startActionWidth": "2rem"
+      // to add sufficient padding-left on ListItemButton
+    }, r.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: r.nested ? 0 : "var(--ListItem-paddingY)",
+      paddingBlockEnd: r.nested ? 0 : "var(--ListItem-paddingY)",
+      paddingInlineStart: "var(--ListItem-paddingLeft)",
+      paddingInlineEnd: "var(--ListItem-paddingRight)"
+    }, r["data-first-child"] === void 0 && s({}, r.row ? {
+      marginInlineStart: "var(--List-gap)"
+    } : {
+      marginBlockStart: "var(--List-gap)"
+    }), r.row && r.wrap && {
+      marginInlineStart: "var(--List-gap)",
+      marginBlockStart: "var(--List-gap)"
+    }, {
+      minBlockSize: "var(--ListItem-minHeight)"
+    }, r.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})`
+    }, {
+      [`.${Ar.nested} > &`]: {
+        "--_ListItem-display": "flex"
+      }
+    }),
+    (o = e.variants[r.variant]) == null ? void 0 : o[r.color]
+  ];
+}), ht = N(vt, {
+  name: "JoyListItem",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})({}), gt = N("div", {
+  name: "JoyListItem",
+  slot: "StartAction",
+  overridesResolver: (e, r) => r.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`).
+})), ft = N("div", {
+  name: "JoyListItem",
+  slot: "StartAction",
+  overridesResolver: (e, r) => r.startAction
+})(({
+  ownerState: e
+}) => ({
+  display: "inherit",
+  position: "absolute",
+  top: e.nested ? "calc(var(--ListItem-minHeight) / 2)" : "50%",
+  right: 0,
+  transform: "translate(var(--ListItem-endActionTranslateX), -50%)"
+})), kr = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyListItem"
+  }), n = p.useContext(_o), i = p.useContext(Jo), c = p.useContext(Eo), u = p.useContext(Vo), m = p.useContext(Yr), {
+    component: y,
+    className: x,
+    children: C,
+    nested: v = !1,
+    sticky: T = !1,
+    variant: b = "plain",
+    color: z = "neutral",
+    startAction: S,
+    endAction: w,
+    role: h,
+    slots: D = {},
+    slotProps: I = {}
+  } = o, d = ue(o, pt), [q, B] = p.useState(""), [k, L] = (i == null ? void 0 : i.split(":")) || ["", ""], J = y || (k && !k.match(/^(ul|ol|menu)$/) ? "div" : void 0);
+  let V = n === "menu" ? "none" : void 0;
+  i && (V = {
+    menu: "none",
+    menubar: "none",
+    group: "presentation"
+  }[L]), h && (V = h);
+  const Q = s({}, o, {
+    sticky: T,
+    startAction: S,
+    endAction: w,
+    row: c,
+    wrap: u,
+    variant: b,
+    color: z,
+    nesting: m,
+    nested: v,
+    component: J,
+    role: V
+  }), g = mt(Q), O = s({}, d, {
+    component: J,
+    slots: D,
+    slotProps: I
+  }), [_, G] = H("root", {
+    additionalProps: {
+      role: V
+    },
+    ref: r,
+    className: Xe(g.root, x),
+    elementType: ht,
+    externalForwardedProps: O,
+    ownerState: Q
+  }), [ne, X] = H("startAction", {
+    className: g.startAction,
+    elementType: gt,
+    externalForwardedProps: O,
+    ownerState: Q
+  }), [W, he] = H("endAction", {
+    className: g.endAction,
+    elementType: ft,
+    externalForwardedProps: O,
+    ownerState: Q
+  });
+  return /* @__PURE__ */ t.jsx(yo.Provider, {
+    value: B,
+    children: /* @__PURE__ */ t.jsx(Yr.Provider, {
+      value: v ? q || !0 : !1,
+      children: /* @__PURE__ */ t.jsxs(_, s({}, G, {
+        children: [S && /* @__PURE__ */ t.jsx(ne, s({}, X, {
+          children: S
+        })), p.Children.map(C, (se, A) => /* @__PURE__ */ p.isValidElement(se) ? /* @__PURE__ */ p.cloneElement(se, s({}, A === 0 && {
+          "data-first-child": ""
+        }, bo(se, ["ListItem"]) && {
+          // The ListItem of ListItem should not be 'li'
+          component: se.props.component || "div"
+        })) : se), w && /* @__PURE__ */ t.jsx(W, s({}, he, {
+          children: w
+        }))]
+      }))
+    })
+  });
+});
+kr.muiName = "ListItem";
+const bt = ur(/* @__PURE__ */ t.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"), xt = ur(/* @__PURE__ */ t.jsx("path", {
+  d: "M7 10l5 5 5-5z"
+}), "ArrowDropDown");
+function yt(e) {
+  return $e("MuiChip", e);
+}
+const Mr = Pe("MuiChip", ["root", "clickable", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "disabled", "endDecorator", "focusVisible", "label", "labelSm", "labelMd", "labelLg", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantSolid", "variantSoft", "variantOutlined"]), Co = /* @__PURE__ */ p.createContext({
+  disabled: void 0,
+  variant: void 0,
+  color: void 0
+}), Ct = ["children", "className", "color", "onClick", "disabled", "size", "variant", "startDecorator", "endDecorator", "component", "slots", "slotProps"], St = (e) => {
+  const {
+    disabled: r,
+    size: o,
+    color: n,
+    clickable: i,
+    variant: c,
+    focusVisible: u
+  } = e, m = {
+    root: ["root", r && "disabled", n && `color${te(n)}`, o && `size${te(o)}`, c && `variant${te(c)}`, i && "clickable"],
+    action: ["action", r && "disabled", u && "focusVisible"],
+    label: ["label", o && `label${te(o)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return De(m, yt, {});
+}, It = N("div", {
+  name: "JoyChip",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i;
+  const c = (o = e.variants[r.variant]) == null ? void 0 : o[r.color], {
+    borderRadius: u
+  } = qo({
+    theme: e,
+    ownerState: r
+  }, ["borderRadius"]);
+  return [s({
+    // for controlling chip delete margin offset
+    "--Chip-decoratorChildOffset": "min(calc(var(--Chip-paddingInline) - (var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2), var(--Chip-paddingInline))",
+    "--Chip-decoratorChildRadius": "max(var(--_Chip-radius) - var(--variant-borderWidth, 0px) - var(--_Chip-paddingBlock), min(var(--_Chip-paddingBlock) + var(--variant-borderWidth, 0px), var(--_Chip-radius) / 2))",
+    "--Chip-deleteRadius": "var(--Chip-decoratorChildRadius)",
+    "--Chip-deleteSize": "var(--Chip-decoratorChildHeight)",
+    "--Avatar-radius": "var(--Chip-decoratorChildRadius)",
+    "--Avatar-size": "var(--Chip-decoratorChildHeight)",
+    "--Icon-margin": "initial",
+    // reset the icon's margin.
+    "--Icon-color": "currentColor",
+    "--unstable_actionRadius": "var(--_Chip-radius)"
+  }, r.size === "sm" && {
+    "--Chip-paddingInline": "0.375rem",
+    "--Chip-decoratorChildHeight": "calc(var(--_Chip-minHeight) - 2 * var(--variant-borderWidth))",
+    "--Icon-fontSize": e.vars.fontSize.sm,
+    "--_Chip-minHeight": "var(--Chip-minHeight, 1.25rem)",
+    // 20px
+    gap: "3px"
+  }, r.size === "md" && {
+    "--Chip-paddingInline": "0.5rem",
+    "--Chip-decoratorChildHeight": "calc(var(--_Chip-minHeight) - 0.25rem - 2 * var(--variant-borderWidth))",
+    "--Icon-fontSize": e.vars.fontSize.md,
+    "--_Chip-minHeight": "var(--Chip-minHeight, 1.5rem)",
+    // 26px
+    gap: "0.25rem"
+  }, r.size === "lg" && {
+    "--Chip-paddingInline": "0.75rem",
+    "--Chip-decoratorChildHeight": "calc(var(--_Chip-minHeight) - 0.375rem - 2 * var(--variant-borderWidth))",
+    "--Icon-fontSize": e.vars.fontSize.lg,
+    "--_Chip-minHeight": "var(--Chip-minHeight, 1.75rem)",
+    // 28px
+    gap: "0.375rem"
+  }, {
+    "--_Chip-radius": "var(--Chip-radius, 1.5rem)",
+    "--_Chip-paddingBlock": "max((var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2, 0px)",
+    minHeight: "var(--_Chip-minHeight)",
+    maxWidth: "max-content",
+    // to prevent Chip from stretching to full width when used with flexbox
+    paddingInline: "var(--Chip-paddingInline)",
+    borderRadius: "var(--_Chip-radius)",
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    whiteSpace: "nowrap",
+    textDecoration: "none",
+    verticalAlign: "middle",
+    boxSizing: "border-box"
+  }, e.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[r.size]}`], {
+    fontWeight: e.vars.fontWeight.md,
+    [`&.${Mr.disabled}`]: {
+      color: (n = e.variants[`${r.variant}Disabled`]) == null || (n = n[r.color]) == null ? void 0 : n.color
+    }
+  }), ...r.clickable ? [{
+    "--variant-borderWidth": "0px",
+    color: c == null ? void 0 : c.color
+  }] : [s({
+    backgroundColor: e.vars.palette.background.surface
+  }, c, {
+    [`&.${Mr.disabled}`]: (i = e.variants[`${r.variant}Disabled`]) == null ? void 0 : i[r.color]
+  })], u !== void 0 && {
+    "--_Chip-radius": u
+  }];
+}), kt = N("span", {
+  name: "JoyChip",
+  slot: "Label",
+  overridesResolver: (e, r) => r.label
+})(({
+  ownerState: e
+}) => s({
+  display: "inline-block",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  order: 1,
+  minInlineSize: 0,
+  flexGrow: 1
+}, e.clickable && {
+  zIndex: 1,
+  pointerEvents: "none"
+})), wt = N("button", {
+  name: "JoyChip",
+  slot: "Action",
+  overridesResolver: (e, r) => r.action
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i, c;
+  return [{
+    "--Icon-color": r.color !== "neutral" || r.variant === "solid" ? "currentColor" : e.vars.palette.text.icon,
+    position: "absolute",
+    zIndex: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    width: "100%",
+    // To fix Firefox issue (https://github.com/mui/material-ui/issues/36877)
+    border: "none",
+    cursor: "pointer",
+    padding: "initial",
+    margin: "initial",
+    backgroundColor: "initial",
+    textDecoration: "none",
+    borderRadius: "inherit",
+    [e.focus.selector]: e.focus.default
+  }, s({
+    backgroundColor: e.vars.palette.background.surface
+  }, (o = e.variants[r.variant]) == null ? void 0 : o[r.color]), {
+    "&:hover": {
+      "@media (hover: hover)": (n = e.variants[`${r.variant}Hover`]) == null ? void 0 : n[r.color]
+    }
+  }, {
+    "&:active": (i = e.variants[`${r.variant}Active`]) == null ? void 0 : i[r.color]
+  }, {
+    [`&.${Mr.disabled}`]: (c = e.variants[`${r.variant}Disabled`]) == null ? void 0 : c[r.color]
+  }];
+}), Pt = N("span", {
+  name: "JoyChip",
+  slot: "StartDecorator",
+  overridesResolver: (e, r) => r.startDecorator
+})({
+  "--Avatar-marginInlineStart": "calc(var(--Chip-decoratorChildOffset) * -1)",
+  "--IconButton-margin": "0 calc(-1 * var(--Chip-paddingInline) / 3) 0 calc(var(--Chip-decoratorChildOffset) * -1)",
+  "--Icon-margin": "0 0 0 calc(var(--Chip-paddingInline) / -4)",
+  display: "inherit",
+  // set zIndex to 1 with order to stay on top of other controls, for example Checkbox, Radio
+  order: 0,
+  zIndex: 1,
+  pointerEvents: "none"
+}), Tt = N("span", {
+  name: "JoyChip",
+  slot: "EndDecorator",
+  overridesResolver: (e, r) => r.endDecorator
+})({
+  "--IconButton-margin": "0 calc(var(--Chip-decoratorChildOffset) * -1) 0 calc(-1 * var(--Chip-paddingInline) / 3)",
+  "--Icon-margin": "0 calc(var(--Chip-paddingInline) / -4) 0 0",
+  display: "inherit",
+  // set zIndex to 1 with order to stay on top of other controls, for example Checkbox, Radio
+  order: 2,
+  zIndex: 1,
+  pointerEvents: "none"
+}), zt = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyChip"
+  }), {
+    children: n,
+    className: i,
+    color: c = "neutral",
+    onClick: u,
+    disabled: m = !1,
+    size: y = "md",
+    variant: x = "soft",
+    startDecorator: C,
+    endDecorator: v,
+    component: T,
+    slots: b = {},
+    slotProps: z = {}
+  } = o, S = ue(o, Ct), w = !!u || !!z.action, h = s({}, o, {
+    disabled: m,
+    size: y,
+    color: c,
+    variant: x,
+    clickable: w,
+    focusVisible: !1
+  }), D = typeof z.action == "function" ? z.action(h) : z.action, I = p.useRef(null), {
+    focusVisible: d,
+    getRootProps: q
+  } = fo(s({}, D, {
+    disabled: m,
+    rootRef: I
+  }));
+  h.focusVisible = d;
+  const B = St(h), k = s({}, S, {
+    component: T,
+    slots: b,
+    slotProps: z
+  }), [L, J] = H("root", {
+    ref: r,
+    className: Xe(B.root, i),
+    elementType: It,
+    externalForwardedProps: k,
+    ownerState: h
+  }), [V, Q] = H("label", {
+    className: B.label,
+    elementType: kt,
+    externalForwardedProps: k,
+    ownerState: h
+  }), g = dr(Q.id), [O, _] = H("action", {
+    className: B.action,
+    elementType: wt,
+    externalForwardedProps: k,
+    ownerState: h,
+    getSlotProps: q,
+    additionalProps: {
+      "aria-labelledby": g,
+      as: D == null ? void 0 : D.component,
+      onClick: u
+    }
+  }), [G, ne] = H("startDecorator", {
+    className: B.startDecorator,
+    elementType: Pt,
+    externalForwardedProps: k,
+    ownerState: h
+  }), [X, W] = H("endDecorator", {
+    className: B.endDecorator,
+    elementType: Tt,
+    externalForwardedProps: k,
+    ownerState: h
+  }), he = p.useMemo(() => ({
+    disabled: m
+  }), [m]);
+  return /* @__PURE__ */ t.jsx(Co.Provider, {
+    value: he,
+    children: /* @__PURE__ */ t.jsx(ho, {
+      variant: x,
+      color: c,
+      children: /* @__PURE__ */ t.jsxs(L, s({}, J, {
+        children: [w && /* @__PURE__ */ t.jsx(O, s({}, _)), /* @__PURE__ */ t.jsx(V, s({}, Q, {
+          id: g,
+          children: n
+        })), C && /* @__PURE__ */ t.jsx(G, s({}, ne, {
+          children: C
+        })), v && /* @__PURE__ */ t.jsx(X, s({}, W, {
+          children: v
+        }))]
+      }))
+    })
+  });
+}), Dt = ur(/* @__PURE__ */ t.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 Lt(e) {
+  return $e("MuiChipDelete", e);
+}
+Pe("MuiChipDelete", ["root", "disabled", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSolid", "variantSoft", "variantOutlined"]);
+var ao;
+const $t = ["children", "variant", "color", "disabled", "onKeyDown", "onDelete", "onClick", "component", "slots", "slotProps"], Ft = ["onDelete"], Nt = (e) => {
+  const {
+    focusVisible: r,
+    variant: o,
+    color: n,
+    disabled: i
+  } = e, c = {
+    root: ["root", i && "disabled", r && "focusVisible", o && `variant${te(o)}`, n && `color${te(n)}`]
+  };
+  return De(c, Lt, {});
+}, Rt = N(Er, {
+  name: "JoyChipDelete",
+  slot: "Root",
+  overridesResolver: (e, r) => r.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
+})), jt = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyChipDelete"
+  }), {
+    children: n,
+    variant: i = "plain",
+    color: c = "neutral",
+    disabled: u,
+    onKeyDown: m,
+    onDelete: y,
+    onClick: x,
+    component: C,
+    slots: v = {},
+    slotProps: T = {}
+  } = o, b = ue(o, $t), z = p.useContext(Co), {
+    variant: S = i,
+    color: w = c
+  } = go(e.variant, e.color, !0), h = e.color || w, D = u ?? z.disabled, I = p.useRef(null), d = pr(I, r), {
+    focusVisible: q,
+    getRootProps: B
+  } = fo(s({}, o, {
+    disabled: D,
+    rootRef: d
+  })), k = s({}, o, {
+    disabled: D,
+    variant: S,
+    color: h,
+    focusVisible: q
+  }), L = Nt(k), J = s({}, b, {
+    component: C,
+    slots: v,
+    slotProps: T
+  }), V = (G) => {
+    !D && y && y(G), x && x(G);
+  }, Q = (G) => {
+    ["Backspace", "Enter", "Delete"].includes(G.key) && (G.preventDefault(), !D && y && y(G)), m && m(G);
+  }, [g, O] = H("root", {
+    ref: r,
+    elementType: Rt,
+    getSlotProps: B,
+    externalForwardedProps: J,
+    ownerState: k,
+    additionalProps: {
+      as: C,
+      onKeyDown: Q,
+      onClick: V
+    },
+    className: L.root
+  }), _ = ue(O, Ft);
+  return /* @__PURE__ */ t.jsx(g, s({}, _, {
+    children: n ?? (ao || (ao = /* @__PURE__ */ t.jsx(Dt, {})))
+  }));
+});
+function Ot(e) {
+  return $e("MuiListSubheader", e);
+}
+Pe("MuiListSubheader", ["root", "sticky", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]);
+const Ht = ["component", "className", "children", "id", "sticky", "variant", "color", "slots", "slotProps"], Bt = (e) => {
+  const {
+    variant: r,
+    color: o,
+    sticky: n
+  } = e, i = {
+    root: ["root", n && "sticky", o && `color${te(o)}`, r && `variant${te(r)}`]
+  };
+  return De(i, Ot, {});
+}, At = N("div", {
+  name: "JoyListSubheader",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n;
+  return s({
+    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"
+  }, r.sticky && {
+    position: "sticky",
+    top: "var(--ListItem-stickyTop, 0px)",
+    // integration with Menu and Select.
+    zIndex: 1,
+    background: "var(--ListItem-stickyBackground)"
+  }, {
+    color: r.color ? `var(--_Link-color, rgba(${(o = e.vars.palette[r.color]) == null ? void 0 : o.mainChannel} / 1))` : e.vars.palette.text.tertiary
+  }, r.instanceColor && {
+    [`&:not([${et}])`]: {
+      "--_Link-color": e.vars.palette.text.secondary
+    }
+  }, (n = e.variants[r.variant]) == null ? void 0 : n[r.color]);
+}), Mt = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyListSubheader"
+  }), {
+    component: n,
+    className: i,
+    children: c,
+    id: u,
+    sticky: m = !1,
+    variant: y,
+    color: x,
+    slots: C = {},
+    slotProps: v = {}
+  } = o, T = ue(o, Ht), b = dr(u), z = p.useContext(yo);
+  p.useEffect(() => {
+    z && z(b || "");
+  }, [z, b]);
+  const S = s({
+    instanceColor: e.color
+  }, o, {
+    id: b,
+    sticky: m,
+    variant: y,
+    color: y ? x ?? "neutral" : x
+  }), w = Bt(S), h = s({}, T, {
+    component: n,
+    slots: C,
+    slotProps: v
+  }), [D, I] = H("root", {
+    ref: r,
+    className: Xe(w.root, i),
+    elementType: At,
+    externalForwardedProps: h,
+    ownerState: S,
+    additionalProps: {
+      as: n,
+      id: b
+    }
+  });
+  return /* @__PURE__ */ t.jsx(D, s({}, I, {
+    children: c
+  }));
+});
+function Wt(e) {
+  return $e("MuiAutocomplete", e);
+}
+const Qe = Pe("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"]);
+Pe("MuiAutocompleteListbox", ["root", "sizeSm", "sizeMd", "sizeLg", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const So = N(Go)(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o;
+  const n = (o = e.variants[r.variant]) == null ? void 0 : o[r.color];
+  return s({
+    "--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)"
+  }, Uo, {
+    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"
+    },
+    [`& .${Ar.nested}, & .${Ar.nested} .${Ko.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"
+    }
+  });
+});
+N(So, {
+  name: "JoyAutocompleteListbox",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})({});
+function _t(e) {
+  return $e("MuiAutocompleteOption", e);
+}
+Pe("MuiAutocompleteOption", ["root", "focused", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]);
+const Jt = ["children", "component", "color", "variant", "className", "slots", "slotProps"], Et = (e) => {
+  const {
+    color: r,
+    variant: o
+  } = e, n = {
+    root: ["root", r && `color${te(r)}`, o && `variant${te(o)}`]
+  };
+  return De(n, _t, {});
+}, Io = N(Qo)(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n;
+  return {
+    '&[aria-disabled="true"]': (o = e.variants[`${r.variant}Disabled`]) == null ? void 0 : o[r.color],
+    '&[aria-selected="true"]': s({}, (n = e.variants[`${r.variant}Active`]) == null ? void 0 : n[r.color], {
+      fontWeight: e.vars.fontWeight.md
+    })
+  };
+}), Vt = N(Io, {
+  name: "JoyAutocompleteOption",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})({}), qt = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyAutocompleteOption"
+  }), {
+    children: n,
+    component: i = "li",
+    color: c = "neutral",
+    variant: u = "plain",
+    className: m,
+    slots: y = {},
+    slotProps: x = {}
+  } = o, C = ue(o, Jt), {
+    variant: v = u,
+    color: T = c
+  } = go(e.variant, e.color), b = s({}, o, {
+    component: i,
+    color: T,
+    variant: v
+  }), z = Et(b), S = s({}, C, {
+    component: i,
+    slots: y,
+    slotProps: x
+  }), [w, h] = H("root", {
+    ref: r,
+    className: Xe(z.root, m),
+    elementType: Vt,
+    externalForwardedProps: S,
+    ownerState: b,
+    additionalProps: {
+      as: i,
+      role: "option"
+    }
+  });
+  return /* @__PURE__ */ t.jsx(w, s({}, h, {
+    children: n
+  }));
+});
+var lo, io;
+const Gt = ["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"], Ut = ["onDelete"], Kt = ["key"], Qt = ["onBlur", "onFocus", "onMouseDown"], Xt = ["key"], Zt = (e) => e.current !== null && e.current.contains(document.activeElement), Yt = (e) => {
+  var r;
+  return (r = e.label) != null ? r : e;
+}, en = (e) => `+${e}`, rn = (e) => /* @__PURE__ */ t.jsxs(kr, {
+  nested: !0,
+  children: [/* @__PURE__ */ t.jsx(Mt, {
+    sticky: !0,
+    children: e.group
+  }), /* @__PURE__ */ t.jsx(Oo, {
+    children: e.children
+  })]
+}, e.key), on = (e) => {
+  const {
+    disabled: r,
+    focused: o,
+    hasClearIcon: n,
+    hasPopupIcon: i,
+    popupOpen: c,
+    variant: u,
+    color: m,
+    size: y,
+    multiple: x
+  } = e, C = {
+    root: ["root", o && "focused", n && "hasClearIcon", i && "hasPopupIcon", u && `variant${te(u)}`, m && `color${te(m)}`, y && `size${te(y)}`],
+    wrapper: ["wrapper", x && "multiple"],
+    input: ["input"],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"],
+    clearIndicator: ["clearIndicator"],
+    popupIndicator: ["popupIndicator", c && "popupIndicatorOpen", r && "disabled"],
+    listbox: ["listbox"],
+    option: ["option"],
+    loading: ["loading"],
+    noOptions: ["noOptions"],
+    limitTag: ["limitTag"]
+  };
+  return De(C, Wt, {});
+}, tn = N(Bo, {
+  name: "JoyAutocomplete",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  ownerState: e
+}) => s({}, 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 .${Qe.clearIndicator}`]: {
+      visibility: "visible"
+    }
+  }
+}, e.multiple && !e.startDecorator && {
+  paddingInlineStart: 0
+})), nn = N("div", {
+  name: "JoyAutocomplete",
+  slot: "Wrapper",
+  overridesResolver: (e, r) => r.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)",
+  [`&.${Qe.multiple}`]: s({
+    paddingBlock: "var(--Autocomplete-wrapperGap)"
+  }, !e.startDecorator && {
+    paddingInlineStart: "var(--Autocomplete-wrapperGap)"
+  }, !e.endDecorator && {
+    paddingInlineEnd: "var(--Autocomplete-wrapperGap)"
+  })
+})), an = N(Ao, {
+  name: "JoyAutocomplete",
+  slot: "Input",
+  overridesResolver: (e, r) => r.input
+})(({
+  ownerState: e
+}) => s({
+  minWidth: 30,
+  minHeight: "var(--Chip-minHeight)"
+}, e.multiple && {
+  marginInlineStart: "calc(var(--Autocomplete-wrapperGap) * 2.5)"
+})), ln = N(Mo, {
+  name: "JoyAutocomplete",
+  slot: "StartDecorator",
+  overridesResolver: (e, r) => r.startDecorator
+})({}), sn = N(Wo, {
+  name: "JoyAutocomplete",
+  slot: "EndDecorator",
+  overridesResolver: (e, r) => r.endDecorator
+})(({
+  ownerState: e
+}) => s({}, (e.hasClearIcon || e.hasPopupIcon) && {
+  "--Button-margin": "0px",
+  "--IconButton-margin": "0px",
+  "--Icon-margin": "0px"
+})), cn = N(Er, {
+  name: "JoyAutocomplete",
+  slot: "ClearIndicator",
+  overridesResolver: (e, r) => r.clearIndicator
+})(({
+  ownerState: e
+}) => s({
+  alignSelf: "center"
+}, !e.hasPopupIcon && {
+  marginInlineEnd: "calc(var(--Input-decoratorChildOffset) * -1)"
+}, {
+  marginInlineStart: "calc(var(--_Input-paddingBlock) / 2)",
+  visibility: e.focused ? "visible" : "hidden"
+})), dn = N(Er, {
+  name: "JoyAutocomplete",
+  slot: "PopupIndicator",
+  overridesResolver: (e, r) => r.popupIndicator
+})({
+  alignSelf: "center",
+  marginInlineStart: "calc(var(--_Input-paddingBlock) / 2)",
+  marginInlineEnd: "calc(var(--Input-decoratorChildOffset) * -1)",
+  [`&.${Qe.popupIndicatorOpen}`]: {
+    transform: "rotate(180deg)",
+    "--Icon-color": "currentColor"
+  }
+}), un = N(So, {
+  name: "JoyAutocomplete",
+  slot: "Listbox",
+  overridesResolver: (e, r) => r.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})`
+})), pn = N(Io, {
+  name: "JoyAutocomplete",
+  slot: "Option",
+  overridesResolver: (e, r) => r.option
+})({}), mn = N(kr, {
+  name: "JoyAutocomplete",
+  slot: "Loading",
+  overridesResolver: (e, r) => r.loading
+})(({
+  theme: e
+}) => ({
+  color: (e.vars || e).palette.text.secondary
+})), vn = N(kr, {
+  name: "JoyAutocomplete",
+  slot: "NoOptions",
+  overridesResolver: (e, r) => r.noOptions
+})(({
+  theme: e
+}) => ({
+  color: (e.vars || e).palette.text.secondary
+})), hn = N("div", {
+  name: "JoyAutocomplete",
+  slot: "NoOptions",
+  overridesResolver: (e, r) => r.noOptions
+})({
+  marginInlineStart: "calc(var(--Input-paddingInline) / 2)",
+  marginBlockStart: "var(--_Input-paddingBlock)"
+}), gn = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  var o, n, i, c, u, m, y;
+  const x = ze({
+    props: e,
+    name: "JoyAutocomplete"
+  }), {
+    "aria-describedby": C,
+    "aria-label": v,
+    "aria-labelledby": T,
+    autoFocus: b,
+    clearIcon: z = lo || (lo = /* @__PURE__ */ t.jsx(bt, {
+      fontSize: "md"
+    })),
+    clearText: S = "Clear",
+    closeText: w = "Close",
+    disableClearable: h = !1,
+    disabled: D,
+    endDecorator: I,
+    error: d = !1,
+    forcePopupIcon: q = "auto",
+    freeSolo: B = !1,
+    getLimitTagsText: k = en,
+    getOptionLabel: L = Yt,
+    groupBy: J,
+    id: V,
+    limitTags: Q = -1,
+    loading: g = !1,
+    loadingText: O = "Loading…",
+    multiple: _ = !1,
+    name: G,
+    noOptionsText: ne = "No options",
+    openText: X = "Open",
+    placeholder: W,
+    popupIcon: he = io || (io = /* @__PURE__ */ t.jsx(xt, {})),
+    readOnly: se = !1,
+    renderGroup: A = rn,
+    renderOption: ce,
+    renderTags: Se,
+    required: ie,
+    type: ae,
+    startDecorator: ge,
+    size: xe = "md",
+    color: U = "neutral",
+    variant: K = "outlined",
+    component: pe,
+    slots: R = {},
+    slotProps: de = {}
+  } = x, Ce = ue(x, Gt), Z = p.useContext(Ir), le = (o = (n = e.error) != null ? n : Z == null ? void 0 : Z.error) != null ? o : d, P = (i = (c = e.size) != null ? c : Z == null ? void 0 : Z.size) != null ? i : xe, Ie = (u = e.color) != null ? u : le ? "danger" : (m = Z == null ? void 0 : Z.color) != null ? m : U, M = (y = D ?? (Z == null ? void 0 : Z.disabled)) != null ? y : !1, {
+    getRootProps: Fe,
+    getInputProps: Ne,
+    getPopupIndicatorProps: _e,
+    getClearProps: je,
+    getTagProps: ke,
+    getListboxProps: Ye,
+    getOptionProps: nr,
+    value: Me,
+    dirty: er,
+    popupOpen: me,
+    focused: Y,
+    focusedTag: Te,
+    anchorEl: Oe,
+    setAnchorEl: Je,
+    inputValue: ar,
+    groupedOptions: $
+  } = ut(s({}, x, {
+    id: V ?? (Z == null ? void 0 : Z.htmlFor),
+    componentName: "Autocomplete",
+    unstable_classNamePrefix: "Mui",
+    unstable_isActiveElementInListbox: Zt
+  })), {
+    onMouseDown: ee
+  } = Ne(), {
+    onClick: He
+  } = Fe(), We = !h && !M && er && !se, Ee = (!B || q === !0) && q !== !1, oe = s({
+    instanceColor: e.color
+  }, x, {
+    value: Me,
+    disabled: M,
+    focused: Y,
+    getOptionLabel: L,
+    hasOptions: !!$.length,
+    hasClearIcon: We,
+    hasPopupIcon: Ee,
+    inputFocused: Te === -1,
+    popupOpen: me,
+    size: P,
+    color: Ie,
+    variant: K
+  }), fe = on(oe), ve = s({}, Ce, {
+    component: pe,
+    slots: R,
+    slotProps: de
+  });
+  let we;
+  if (_ && Me.length > 0) {
+    const F = (Le) => {
+      const be = ke(Le), {
+        onDelete: Re
+      } = be, Ve = ue(be, Ut);
+      return s({
+        disabled: M,
+        size: P,
+        onClick: Re
+      }, Ve);
+    };
+    Se ? we = Se(Me, F, oe) : we = Me.map((Le, be) => {
+      const Re = F({
+        index: be
+      }), {
+        key: Ve
+      } = Re, Or = ue(Re, Kt);
+      return /* @__PURE__ */ t.jsx(zt, {
+        size: P,
+        variant: "soft",
+        color: "neutral",
+        endDecorator: /* @__PURE__ */ t.jsx(jt, s({}, Or), Ve),
+        sx: {
+          minWidth: 0
+        },
+        children: L(Le)
+      }, be);
+    });
+  }
+  const Ze = pr(r, Je), wr = {
+    [Qe.disabled]: M,
+    [Qe.error]: le,
+    [Qe.focused]: Y,
+    [Qe.formControl]: !!Z
+  }, [mr, vr] = H("root", {
+    ref: Ze,
+    className: [fe.root, wr],
+    elementType: tn,
+    externalForwardedProps: ve,
+    ownerState: oe,
+    getSlotProps: Fe,
+    additionalProps: {
+      onClick: (F) => {
+        He && He(F), F.currentTarget === F.target && ee && ee(F);
+      }
+    }
+  }), [Pr, Tr] = H("wrapper", {
+    className: fe.wrapper,
+    elementType: nn,
+    externalForwardedProps: ve,
+    ownerState: oe
+  }), hr = {
+    [Qe.disabled]: M
+  }, [zr, Dr] = H("input", {
+    className: [fe.input, hr],
+    elementType: an,
+    getSlotProps: (F) => {
+      const Le = Ne(), {
+        onBlur: be,
+        onFocus: Re,
+        onMouseDown: Ve
+      } = Le, Or = ue(Le, Qt);
+      return s({}, Or, {
+        onBlur: (qe) => {
+          var Ge;
+          be == null || be(qe), (Ge = F.onBlur) == null || Ge.call(F, qe);
+        },
+        onFocus: (qe) => {
+          var Ge;
+          Re == null || Re(qe), (Ge = F.onFocus) == null || Ge.call(F, qe);
+        },
+        onMouseDown: (qe) => {
+          var Ge;
+          Ve == null || Ve(qe), (Ge = F.onMouseDown) == null || Ge.call(F, qe);
+        }
+      });
+    },
+    externalForwardedProps: ve,
+    ownerState: oe,
+    additionalProps: {
+      autoFocus: b,
+      placeholder: W,
+      name: G,
+      readOnly: se,
+      disabled: M,
+      required: ie ?? (Z == null ? void 0 : Z.required),
+      type: ae,
+      "aria-invalid": le || void 0,
+      "aria-label": v,
+      "aria-labelledby": T,
+      "aria-describedby": C ?? (Z == null ? void 0 : Z["aria-describedby"])
+    }
+  }), [Lr, $r] = H("startDecorator", {
+    className: fe.startDecorator,
+    elementType: ln,
+    externalForwardedProps: ve,
+    ownerState: oe
+  }), [Fr, gr] = H("endDecorator", {
+    className: fe.endDecorator,
+    elementType: sn,
+    externalForwardedProps: ve,
+    ownerState: oe
+  }), [Nr, Rr] = H("clearIndicator", {
+    className: fe.clearIndicator,
+    elementType: cn,
+    getSlotProps: je,
+    externalForwardedProps: ve,
+    ownerState: oe,
+    getSlotOwnerState: (F) => ({
+      size: F.size || P,
+      variant: F.variant || or(K, Ie).variant || "plain",
+      color: F.color || or(K, Ie).color || "neutral",
+      disableColorInversion: !!e.color
+    }),
+    additionalProps: {
+      "aria-label": S,
+      title: S
+    }
+  }), [jr, lr] = H("popupIndicator", {
+    className: fe.popupIndicator,
+    elementType: dn,
+    getSlotProps: _e,
+    externalForwardedProps: ve,
+    ownerState: oe,
+    getSlotOwnerState: (F) => ({
+      size: F.size || P,
+      variant: F.variant || or(K, Ie).variant || "plain",
+      color: F.color || or(K, Ie).color || "neutral",
+      disableColorInversion: !!e.color
+    }),
+    additionalProps: {
+      disabled: M,
+      "aria-label": me ? w : X,
+      title: me ? w : X,
+      type: "button"
+    }
+  }), [fr, l] = H("listbox", {
+    className: fe.listbox,
+    elementType: un,
+    getSlotProps: Ye,
+    externalForwardedProps: ve,
+    ownerState: oe,
+    getSlotOwnerState: (F) => ({
+      size: F.size || P,
+      variant: F.variant || K,
+      color: F.color || Ie,
+      disableColorInversion: !F.disablePortal
+    }),
+    additionalProps: {
+      anchorEl: Oe,
+      open: me,
+      style: Oe ? {
+        width: Oe.clientWidth
+      } : {}
+    }
+  }), [a, f] = H("loading", {
+    className: fe.loading,
+    elementType: mn,
+    externalForwardedProps: ve,
+    ownerState: oe
+  }), [j, E] = H("noOptions", {
+    className: fe.noOptions,
+    elementType: vn,
+    externalForwardedProps: ve,
+    ownerState: oe,
+    additionalProps: {
+      role: "presentation",
+      onMouseDown: (F) => {
+        F.preventDefault();
+      }
+    }
+  }), [re, ye] = H("limitTag", {
+    className: fe.limitTag,
+    elementType: hn,
+    externalForwardedProps: ve,
+    ownerState: oe
+  });
+  if (Q > -1 && Array.isArray(we)) {
+    const F = we.length - Q;
+    !Y && F > 0 && (we = we.splice(0, Q), we.push(/* @__PURE__ */ t.jsx(re, s({}, ye, {
+      children: k(F)
+    }), we.length)));
+  }
+  const [ir, br] = H("option", {
+    className: fe.option,
+    elementType: pn,
+    externalForwardedProps: ve,
+    ownerState: oe,
+    getSlotOwnerState: (F) => ({
+      variant: F.variant || or(K, Ie).variant || "plain",
+      color: F.color || or(K, Ie).color || "neutral",
+      disableColorInversion: !l.disablePortal
+    }),
+    additionalProps: {
+      as: "li"
+    }
+  }), Po = ce || ((F, Le) => {
+    const {
+      key: be
+    } = F, Re = ue(F, Xt);
+    return /* @__PURE__ */ t.jsx(ir, s({}, Re, {
+      children: L(Le)
+    }), be);
+  }), Vr = (F, Le) => {
+    const be = nr({
+      option: F,
+      index: Le
+    });
+    return Po(s({}, br, be), F, {
+      // `aria-selected` prop will always by boolean, see useAutocomplete hook.
+      selected: !!be["aria-selected"],
+      inputValue: ar,
+      ownerState: oe
+    });
+  }, To = p.useMemo(() => [{
+    name: "offset",
+    options: {
+      offset: [0, 4]
+    }
+  }, ...l.modifiers || []], [l.modifiers]);
+  let qr = null;
+  if (Oe) {
+    var Gr;
+    qr = /* @__PURE__ */ t.jsx(ho, {
+      variant: K,
+      color: Ie,
+      children: /* @__PURE__ */ t.jsx($o, {
+        nested: !0,
+        children: /* @__PURE__ */ t.jsxs(fr, s({}, l, {
+          className: Xe(l.className),
+          modifiers: To
+        }, !((Gr = x.slots) != null && Gr.listbox) && {
+          as: Fo,
+          slots: {
+            root: l.as || "ul"
+          }
+        }, {
+          children: [$.map((F, Le) => {
+            if (J) {
+              const be = F;
+              return A({
+                key: String(be.key),
+                group: be.group,
+                children: be.options.map((Re, Ve) => Vr(Re, be.index + Ve))
+              });
+            }
+            return Vr(F, Le);
+          }), g && $.length === 0 ? /* @__PURE__ */ t.jsx(a, s({}, f, {
+            children: O
+          })) : null, $.length === 0 && !B && !g ? /* @__PURE__ */ t.jsx(j, s({}, E, {
+            children: ne
+          })) : null]
+        }))
+      })
+    });
+  }
+  return /* @__PURE__ */ t.jsxs(p.Fragment, {
+    children: [/* @__PURE__ */ t.jsxs(mr, s({}, vr, {
+      children: [ge && /* @__PURE__ */ t.jsx(Lr, s({}, $r, {
+        children: ge
+      })), /* @__PURE__ */ t.jsxs(Pr, s({}, Tr, {
+        children: [we, /* @__PURE__ */ t.jsx(zr, s({}, Dr))]
+      })), I && /* @__PURE__ */ t.jsx(Fr, s({}, gr, {
+        children: I
+      })), We ? /* @__PURE__ */ t.jsx(Nr, s({}, Rr, {
+        children: z
+      })) : null, Ee ? /* @__PURE__ */ t.jsx(jr, s({}, lr, {
+        children: he
+      })) : null]
+    })), qr]
+  });
+});
+function fn(e) {
+  return $e("MuiCheckbox", e);
+}
+const tr = Pe("MuiCheckbox", ["root", "checkbox", "action", "input", "label", "checked", "disabled", "focusVisible", "indeterminate", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantOutlined", "variantSoft", "variantSolid"]), bn = ur(/* @__PURE__ */ t.jsx("path", {
+  d: "M9 16.17 5.53 12.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L9 16.17z"
+}), "Check"), xn = ur(/* @__PURE__ */ t.jsx("path", {
+  d: "M19 13H5c-.55 0-1-.45-1-1s.45-1 1-1h14c.55 0 1 .45 1 1s-.45 1-1 1z"
+}), "HorizontalRule"), yn = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked", "disabled", "disableIcon", "overlay", "id", "indeterminate", "indeterminateIcon", "name", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "value", "color", "variant", "size", "component", "slots", "slotProps"], Cn = (e) => {
+  const {
+    checked: r,
+    disabled: o,
+    disableIcon: n,
+    focusVisible: i,
+    color: c,
+    variant: u,
+    size: m,
+    indeterminate: y
+  } = e, x = {
+    root: ["root", r && "checked", o && "disabled", i && "focusVisible", u && `variant${te(u)}`, c && `color${te(c)}`, m && `size${te(m)}`],
+    checkbox: [
+      "checkbox",
+      r && "checked",
+      y && "indeterminate",
+      o && "disabled"
+      // disabled class is necessary for displaying global variant
+    ],
+    action: [
+      "action",
+      r && "checked",
+      n && o && "disabled",
+      // add disabled class to action element for displaying global variant
+      i && "focusVisible"
+    ],
+    input: ["input"],
+    label: ["label"]
+  };
+  return De(x, fn, {});
+}, Sn = N("span", {
+  name: "JoyCheckbox",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  ownerState: e,
+  theme: r
+}) => {
+  var o, n, i;
+  return s({
+    "--Icon-fontSize": "var(--Checkbox-size)"
+  }, e.size === "sm" && {
+    "--Checkbox-size": "1rem",
+    "& ~ *": {
+      "--FormHelperText-margin": "0 0 0 1.5rem"
+    },
+    fontSize: r.vars.fontSize.sm,
+    gap: "var(--Checkbox-gap, 0.5rem)"
+  }, e.size === "md" && {
+    "--Checkbox-size": "1.25rem",
+    "& ~ *": {
+      "--FormHelperText-margin": "0.25rem 0 0 1.875rem"
+    },
+    fontSize: r.vars.fontSize.md,
+    gap: "var(--Checkbox-gap, 0.625rem)"
+  }, e.size === "lg" && {
+    "--Checkbox-size": "1.5rem",
+    "& ~ *": {
+      "--FormHelperText-margin": "0.375rem 0 0 2.25rem"
+    },
+    fontSize: r.vars.fontSize.lg,
+    gap: "var(--Checkbox-gap, 0.75rem)"
+  }, {
+    position: e.overlay ? "initial" : "relative",
+    display: "inline-flex",
+    fontFamily: r.vars.fontFamily.body,
+    lineHeight: "var(--Checkbox-size)",
+    color: r.vars.palette.text.primary,
+    [`&.${tr.disabled}`]: {
+      color: (o = r.variants.plainDisabled) == null || (o = o[e.color]) == null ? void 0 : o.color
+    }
+  }, e.disableIcon && {
+    color: (n = r.variants[e.variant]) == null || (n = n[e.color]) == null ? void 0 : n.color,
+    [`&.${tr.disabled}`]: {
+      color: (i = r.variants[`${e.variant}Disabled`]) == null || (i = i[e.color]) == null ? void 0 : i.color
+    }
+  });
+}), In = N("span", {
+  name: "JoyCheckbox",
+  slot: "Checkbox",
+  overridesResolver: (e, r) => r.checkbox
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i, c, u;
+  const m = (o = e.variants[`${r.variant}`]) == null ? void 0 : o[r.color];
+  return [s({
+    "--Icon-color": r.color !== "neutral" || r.variant === "solid" ? "currentColor" : e.vars.palette.text.icon,
+    boxSizing: "border-box",
+    borderRadius: `min(${e.vars.radius.sm}, 0.25rem)`,
+    width: "var(--Checkbox-size)",
+    height: "var(--Checkbox-size)",
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexShrink: 0
+  }, r.disableIcon && {
+    display: "contents"
+  }, {
+    [`&.${tr.checked}, &.${tr.indeterminate}`]: {
+      "--Icon-color": "currentColor"
+    }
+  }), ...r.disableIcon ? [] : [s({}, m, {
+    backgroundColor: (n = m == null ? void 0 : m.backgroundColor) != null ? n : e.vars.palette.background.surface
+  }), {
+    "&:hover": {
+      "@media (hover: hover)": (i = e.variants[`${r.variant}Hover`]) == null ? void 0 : i[r.color]
+    }
+  }, {
+    "&:active": (c = e.variants[`${r.variant}Active`]) == null ? void 0 : c[r.color]
+  }, {
+    [`&.${tr.disabled}`]: (u = e.variants[`${r.variant}Disabled`]) == null ? void 0 : u[r.color]
+  }]];
+}), kn = N("span", {
+  name: "JoyCheckbox",
+  slot: "Action",
+  overridesResolver: (e, r) => r.action
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i, c;
+  return [{
+    borderRadius: `var(--Checkbox-actionRadius, ${r.overlay ? "var(--unstable_actionRadius, inherit)" : "inherit"})`,
+    textAlign: "left",
+    // prevent text-align inheritance
+    position: "absolute",
+    top: "calc(-1 * var(--variant-borderWidth, 0px))",
+    // clickable on the border and focus outline does not move when checked/unchecked
+    left: "calc(-1 * var(--variant-borderWidth, 0px))",
+    bottom: "calc(-1 * var(--variant-borderWidth, 0px))",
+    right: "calc(-1 * var(--variant-borderWidth, 0px))",
+    zIndex: 1,
+    // The action element usually cover the area of nearest positioned parent
+    [e.focus.selector]: e.focus.default
+  }, ...r.disableIcon ? [(o = e.variants[r.variant]) == null ? void 0 : o[r.color], {
+    "&:hover": (n = e.variants[`${r.variant}Hover`]) == null ? void 0 : n[r.color]
+  }, {
+    "&:active": (i = e.variants[`${r.variant}Active`]) == null ? void 0 : i[r.color]
+  }, {
+    [`&.${tr.disabled}`]: (c = e.variants[`${r.variant}Disabled`]) == null ? void 0 : c[r.color]
+  }] : []];
+}), wn = N("input", {
+  name: "JoyCheckbox",
+  slot: "Input",
+  overridesResolver: (e, r) => r.input
+})(() => ({
+  margin: 0,
+  opacity: 0,
+  position: "absolute",
+  width: "100%",
+  height: "100%",
+  cursor: "pointer"
+})), Pn = N("label", {
+  name: "JoyCheckbox",
+  slot: "Label",
+  overridesResolver: (e, r) => r.label
+})(({
+  ownerState: e
+}) => s({
+  flex: 1,
+  minWidth: 0
+}, e.disableIcon && {
+  zIndex: 1,
+  // label should stay on top of the action.
+  pointerEvents: "none"
+  // makes hover ineffect.
+})), Tn = /* @__PURE__ */ t.jsx(bn, {}), zn = /* @__PURE__ */ t.jsx(xn, {}), ko = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  var o, n, i, c, u;
+  const m = ze({
+    props: e,
+    name: "JoyCheckbox"
+  }), {
+    checked: y,
+    uncheckedIcon: x,
+    checkedIcon: C = Tn,
+    label: v,
+    defaultChecked: T,
+    disabled: b,
+    disableIcon: z = !1,
+    overlay: S,
+    id: w,
+    indeterminate: h = !1,
+    indeterminateIcon: D = zn,
+    name: I,
+    onBlur: d,
+    onChange: q,
+    onFocus: B,
+    onFocusVisible: k,
+    readOnly: L,
+    required: J,
+    value: V,
+    color: Q,
+    variant: g,
+    size: O = "md",
+    component: _,
+    slots: G = {},
+    slotProps: ne = {}
+  } = m, X = ue(m, yn), W = p.useContext(Ir), he = (o = (n = e.disabled) != null ? n : W == null ? void 0 : W.disabled) != null ? o : b, se = (i = (c = e.size) != null ? c : W == null ? void 0 : W.size) != null ? i : O, A = dr(w ?? (W == null ? void 0 : W.htmlFor)), ce = {
+    checked: y,
+    defaultChecked: T,
+    disabled: he,
+    onBlur: d,
+    onChange: q,
+    onFocus: B,
+    onFocusVisible: k
+  }, {
+    getInputProps: Se,
+    checked: ie,
+    disabled: ae,
+    focusVisible: ge
+  } = tt(ce), xe = ie || h, U = xe ? g || "solid" : g || "outlined", K = e.color || (W != null && W.error ? "danger" : (u = W == null ? void 0 : W.color) != null ? u : Q), pe = s({}, m, {
+    checked: ie,
+    disabled: ae,
+    disableIcon: z,
+    overlay: S,
+    focusVisible: ge,
+    color: xe ? K || "primary" : K || "neutral",
+    variant: U,
+    size: se
+  }), R = Cn(pe), de = s({}, X, {
+    component: _,
+    slots: G,
+    slotProps: ne
+  }), [Ce, Z] = H("root", {
+    ref: r,
+    className: R.root,
+    elementType: Sn,
+    externalForwardedProps: de,
+    ownerState: pe
+  }), [le, P] = H("checkbox", {
+    className: R.checkbox,
+    elementType: In,
+    externalForwardedProps: de,
+    ownerState: pe
+  }), [Ie, M] = H("action", {
+    className: R.action,
+    elementType: kn,
+    externalForwardedProps: de,
+    ownerState: pe
+  }), [Fe, Ne] = H("input", {
+    additionalProps: s({
+      id: A,
+      name: I,
+      value: V,
+      readOnly: L,
+      role: void 0,
+      required: J ?? (W == null ? void 0 : W.required),
+      "aria-describedby": W == null ? void 0 : W["aria-describedby"]
+    }, h && {
+      // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked#values
+      "aria-checked": "mixed"
+    }),
+    className: R.input,
+    elementType: wn,
+    externalForwardedProps: de,
+    getSlotProps: Se,
+    ownerState: pe
+  }), [_e, je] = H("label", {
+    additionalProps: {
+      htmlFor: A
+    },
+    className: R.label,
+    elementType: Pn,
+    externalForwardedProps: de,
+    ownerState: pe
+  });
+  let ke = x;
+  return z ? ke = null : h ? ke = D : ie && (ke = C), /* @__PURE__ */ t.jsxs(Ce, s({}, Z, {
+    children: [/* @__PURE__ */ t.jsxs(le, s({}, P, {
+      children: [/* @__PURE__ */ t.jsx(Ie, s({}, M, {
+        children: /* @__PURE__ */ t.jsx(Fe, s({}, Ne))
+      })), ke]
+    })), v && /* @__PURE__ */ t.jsx(Br.Provider, {
+      value: !0,
+      children: /* @__PURE__ */ t.jsx(_e, s({}, je, {
+        children: v
+      }))
+    })]
+  }));
+});
+function Dn(e) {
+  return $e("MuiFormControl", e);
+}
+const so = Pe("MuiFormControl", ["root", "error", "disabled", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical"]), Ln = Pe("MuiSwitch", ["root", "checked", "disabled", "action", "input", "thumb", "track", "focusVisible", "readOnly", "colorPrimary", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantOutlined", "variantSoft", "variantSolid", "startDecorator", "endDecorator"]), $n = ["id", "className", "component", "disabled", "required", "error", "color", "size", "orientation", "slots", "slotProps"], Fn = (e) => {
+  const {
+    disabled: r,
+    error: o,
+    size: n,
+    color: i,
+    orientation: c
+  } = e, u = {
+    root: ["root", c, r && "disabled", o && "error", i && `color${te(i)}`, n && `size${te(n)}`]
+  };
+  return De(u, Dn, {});
+}, Nn = N("div", {
+  name: "JoyFormControl",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i;
+  return s({
+    "--unstable_RadioGroup-margin": "0.5rem 0",
+    "--FormLabel-alignSelf": r.orientation === "horizontal" ? "align-items" : "flex-start",
+    "--FormLabel-asteriskColor": e.vars.palette.danger[500]
+  }, r.size === "sm" && {
+    "--FormLabel-fontSize": e.vars.fontSize.xs,
+    "--FormLabel-lineHeight": e.vars.lineHeight.xl,
+    "--FormLabel-margin": r.orientation === "horizontal" ? "0 0.5rem 0 0" : "0 0 0.25rem 0",
+    "--FormHelperText-fontSize": e.vars.fontSize.xs,
+    "--FormHelperText-lineHeight": e.vars.lineHeight.xl
+  }, r.size === "md" && {
+    "--FormLabel-fontSize": e.vars.fontSize.sm,
+    "--FormLabel-lineHeight": e.vars.lineHeight.sm,
+    "--FormLabel-margin": r.orientation === "horizontal" ? "0 0.75rem 0 0" : "0 0 0.375rem 0",
+    "--FormHelperText-fontSize": e.vars.fontSize.sm,
+    "--FormHelperText-lineHeight": e.vars.lineHeight.sm
+  }, r.size === "lg" && {
+    "--FormLabel-fontSize": e.vars.fontSize.md,
+    "--FormLabel-lineHeight": e.vars.lineHeight.md,
+    "--FormLabel-margin": r.orientation === "horizontal" ? "0 1rem 0 0" : "0 0 0.5rem 0",
+    "--FormHelperText-fontSize": e.vars.fontSize.sm,
+    "--FormHelperText-lineHeight": e.vars.lineHeight.sm
+  }, r.color && {
+    "--FormHelperText-color": (o = e.vars.palette[r.color]) == null ? void 0 : o[500]
+  }, {
+    "--FormHelperText-margin": "0.375rem 0 0 0",
+    [`&.${so.error}`]: {
+      "--FormHelperText-color": e.vars.palette.danger[500]
+    },
+    [`&.${so.disabled}`]: {
+      "--FormLabel-color": (n = e.variants.plainDisabled) == null || (n = n[r.color || "neutral"]) == null ? void 0 : n.color,
+      "--FormHelperText-color": (i = e.variants.plainDisabled) == null || (i = i[r.color || "neutral"]) == null ? void 0 : i.color
+    },
+    display: "flex",
+    position: "relative",
+    // for keeping the control action area, for example Switch
+    flexDirection: r.orientation === "horizontal" ? "row" : "column"
+  }, r.orientation === "horizontal" && {
+    [`& > label ~ .${Ln.root}`]: {
+      "--unstable_Switch-margin": "0 0 0 auto"
+    }
+  });
+}), Be = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyFormControl"
+  }), {
+    id: n,
+    className: i,
+    component: c = "div",
+    disabled: u = !1,
+    required: m = !1,
+    error: y = !1,
+    color: x,
+    size: C = "md",
+    orientation: v = "vertical",
+    slots: T = {},
+    slotProps: b = {}
+  } = o, z = ue(o, $n), S = dr(n), [w, h] = p.useState(null), D = s({}, o, {
+    id: S,
+    component: c,
+    color: x,
+    disabled: u,
+    error: y,
+    required: m,
+    size: C,
+    orientation: v
+  });
+  let I;
+  const d = Fn(D), [q, B] = H("root", {
+    ref: r,
+    className: Xe(d.root, i),
+    elementType: Nn,
+    externalForwardedProps: s({}, z, {
+      component: c,
+      slots: T,
+      slotProps: b
+    }),
+    ownerState: D
+  }), k = p.useMemo(() => ({
+    disabled: u,
+    required: m,
+    error: y,
+    color: x,
+    size: C,
+    htmlFor: S,
+    labelId: `${S}-label`,
+    "aria-describedby": w ? `${S}-helper-text` : void 0,
+    setHelperText: h,
+    registerEffect: I
+  }), [x, u, y, w, S, I, m, C]);
+  return /* @__PURE__ */ t.jsx(Ir.Provider, {
+    value: k,
+    children: /* @__PURE__ */ t.jsx(q, s({}, B))
+  });
+});
+function Rn(e) {
+  return $e("MuiFormLabel", e);
+}
+Pe("MuiFormLabel", ["root", "asterisk"]);
+const jn = ["children", "component", "htmlFor", "id", "slots", "slotProps"], On = () => De({
+  root: ["root"],
+  asterisk: ["asterisk"]
+}, Rn, {}), Hn = N("label", {
+  name: "JoyFormLabel",
+  slot: "Root",
+  overridesResolver: (e, r) => r.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)"
+})), Bn = N("span", {
+  name: "JoyFormLabel",
+  slot: "Asterisk",
+  overridesResolver: (e, r) => r.asterisk
+})({
+  color: "var(--FormLabel-asteriskColor)"
+}), Ue = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  var o, n;
+  const i = ze({
+    props: e,
+    name: "JoyFormLabel"
+  }), {
+    children: c,
+    component: u = "label",
+    htmlFor: m,
+    id: y,
+    slots: x = {},
+    slotProps: C = {}
+  } = i, v = ue(i, jn), T = p.useContext(Ir), b = (o = (n = e.required) != null ? n : T == null ? void 0 : T.required) != null ? o : !1, z = s({}, i, {
+    required: b
+  }), S = On(), w = s({}, v, {
+    component: u,
+    slots: x,
+    slotProps: C
+  }), [h, D] = H("root", {
+    additionalProps: {
+      htmlFor: m ?? (T == null ? void 0 : T.htmlFor),
+      id: y ?? (T == null ? void 0 : T.labelId)
+    },
+    ref: r,
+    className: S.root,
+    elementType: Hn,
+    externalForwardedProps: w,
+    ownerState: z
+  }), [I, d] = H("asterisk", {
+    additionalProps: {
+      "aria-hidden": !0
+    },
+    className: S.asterisk,
+    elementType: Bn,
+    externalForwardedProps: w,
+    ownerState: z
+  });
+  return /* @__PURE__ */ t.jsxs(h, s({}, D, {
+    children: [c, b && /* @__PURE__ */ t.jsxs(I, s({}, d, {
+      children: [" ", "*"]
+    }))]
+  }));
+});
+function An(e) {
+  return $e("MuiLink", e);
+}
+const co = Pe("MuiLink", ["root", "disabled", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "focusVisible", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "underlineNone", "underlineHover", "underlineAlways", "h1", "h2", "h3", "h4", "title-lg", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body-xs", "startDecorator", "endDecorator"]), Mn = ["color", "textColor", "variant"], Wn = ["children", "disabled", "onBlur", "onFocus", "level", "overlay", "underline", "endDecorator", "startDecorator", "component", "slots", "slotProps"], _n = (e) => {
+  const {
+    level: r,
+    color: o,
+    variant: n,
+    underline: i,
+    focusVisible: c,
+    disabled: u
+  } = e, m = {
+    root: ["root", o && `color${te(o)}`, u && "disabled", c && "focusVisible", r, i && `underline${te(i)}`, n && `variant${te(n)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return De(m, An, {});
+}, Jn = N("span", {
+  name: "JoyLink",
+  slot: "StartDecorator",
+  overridesResolver: (e, r) => r.startDecorator
+})(({
+  ownerState: e
+}) => {
+  var r;
+  return s({
+    display: "inline-flex",
+    marginInlineEnd: "clamp(4px, var(--Link-gap, 0.375em), 0.75rem)"
+  }, typeof e.startDecorator != "string" && (e.alignItems === "flex-start" || ((r = e.sx) == null ? void 0 : r.alignItems) === "flex-start") && {
+    marginTop: "2px"
+    // this makes the alignment perfect in most cases
+  });
+}), En = N("span", {
+  name: "JoyLink",
+  slot: "endDecorator",
+  overridesResolver: (e, r) => r.endDecorator
+})(({
+  ownerState: e
+}) => {
+  var r;
+  return s({
+    display: "inline-flex",
+    marginInlineStart: "clamp(4px, var(--Link-gap, 0.25em), 0.5rem)"
+  }, typeof e.startDecorator != "string" && (e.alignItems === "flex-start" || ((r = e.sx) == null ? void 0 : r.alignItems) === "flex-start") && {
+    marginTop: "2px"
+    // this makes the alignment perfect in most cases
+  });
+}), Vn = N("a", {
+  name: "JoyLink",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i, c, u, m, y;
+  return [s({
+    "--Icon-fontSize": "1.25em",
+    "--Icon-color": "currentColor",
+    "--CircularProgress-size": "1.25em",
+    "--CircularProgress-thickness": "3px"
+  }, r.level && r.level !== "inherit" && e.typography[r.level], r.level === "inherit" && {
+    font: "inherit"
+  }, r.underline === "none" && {
+    textDecoration: "none"
+  }, r.underline === "hover" && {
+    textDecoration: "none",
+    "&:hover": {
+      "@media (hover: hover)": {
+        textDecorationLine: "underline"
+      }
+    }
+  }, r.underline === "always" && {
+    textDecoration: "underline"
+  }, r.startDecorator && {
+    verticalAlign: "bottom"
+    // to make the link align with the parent's content
+  }, {
+    textDecorationThickness: "max(0.08em, 1px)",
+    // steal from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/#css-reset-additions
+    textUnderlineOffset: "0.15em",
+    // steal from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/#css-reset-additions
+    display: "inline-flex",
+    alignItems: "center",
+    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: e.vars.radius.xs,
+    padding: 0,
+    // Remove the padding in Firefox
+    cursor: "pointer",
+    textDecorationColor: `var(--variant-outlinedBorder, rgba(${(o = e.vars.palette[r.color]) == null ? void 0 : o.mainChannel} / var(--Link-underlineOpacity, 0.72)))`
+  }, r.variant ? s({
+    paddingBlock: "min(0.1em, 4px)",
+    paddingInline: "0.25em"
+  }, !r.nesting && {
+    marginInline: "-0.25em"
+  }) : {
+    color: `var(--variant-plainColor, rgba(${(n = e.vars.palette[r.color]) == null ? void 0 : n.mainChannel} / 1))`,
+    [`&.${co.disabled}`]: {
+      pointerEvents: "none",
+      color: `var(--variant-plainDisabledColor, rgba(${(i = e.vars.palette[r.color]) == null ? void 0 : i.mainChannel} / 0.6))`
+    }
+  }, {
+    userSelect: r.component === "button" ? "none" : void 0,
+    MozAppearance: "none",
+    // Reset
+    WebkitAppearance: "none",
+    // Reset
+    "&::-moz-focus-inner": {
+      borderStyle: "none"
+      // Remove Firefox dotted outline.
+    }
+  }, r.overlay ? {
+    position: "initial",
+    "&::after": {
+      content: '""',
+      display: "block",
+      position: "absolute",
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      borderRadius: "var(--unstable_actionRadius, inherit)",
+      margin: "var(--unstable_actionMargin)"
+    },
+    [`${e.focus.selector}`]: {
+      "&::after": e.focus.default
+    }
+  } : {
+    position: "relative",
+    [e.focus.selector]: e.focus.default
+  }), r.variant && s({}, (c = e.variants[r.variant]) == null ? void 0 : c[r.color], {
+    "&:hover": {
+      "@media (hover: hover)": (u = e.variants[`${r.variant}Hover`]) == null ? void 0 : u[r.color]
+    },
+    "&:active": (m = e.variants[`${r.variant}Active`]) == null ? void 0 : m[r.color],
+    [`&.${co.disabled}`]: (y = e.variants[`${r.variant}Disabled`]) == null ? void 0 : y[r.color]
+  })];
+}), sr = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyLink"
+  }), {
+    color: n = "primary",
+    textColor: i,
+    variant: c
+  } = o, u = ue(o, Mn), m = p.useContext(Br), y = p.useContext(Xo), x = Zo(s({}, u, {
+    color: i
+  })), {
+    children: C,
+    disabled: v = !1,
+    onBlur: T,
+    onFocus: b,
+    level: z = "body-md",
+    overlay: S = !1,
+    underline: w = "hover",
+    endDecorator: h,
+    startDecorator: D,
+    component: I,
+    slots: d = {},
+    slotProps: q = {}
+  } = x, B = ue(x, Wn), k = m || y ? e.level || "inherit" : z, {
+    isFocusVisibleRef: L,
+    onBlur: J,
+    onFocus: V,
+    ref: Q
+  } = xo(), [g, O] = p.useState(!1), _ = pr(r, Q), G = (ge) => {
+    J(ge), L.current === !1 && O(!1), T && T(ge);
+  }, ne = (ge) => {
+    V(ge), L.current === !0 && O(!0), b && b(ge);
+  }, X = s({}, x, {
+    color: n,
+    disabled: v,
+    focusVisible: g,
+    underline: w,
+    variant: c,
+    level: k,
+    overlay: S,
+    nesting: m
+  }), W = _n(X), he = s({}, B, {
+    component: I,
+    slots: d,
+    slotProps: q
+  }), [se, A] = H("root", {
+    additionalProps: {
+      onBlur: G,
+      onFocus: ne
+    },
+    ref: _,
+    className: W.root,
+    elementType: Vn,
+    externalForwardedProps: he,
+    ownerState: X
+  }), [ce, Se] = H("startDecorator", {
+    className: W.startDecorator,
+    elementType: Jn,
+    externalForwardedProps: he,
+    ownerState: X
+  }), [ie, ae] = H("endDecorator", {
+    className: W.endDecorator,
+    elementType: En,
+    externalForwardedProps: he,
+    ownerState: X
+  });
+  return /* @__PURE__ */ t.jsx(Br.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ t.jsxs(se, s({}, A, {
+      children: [D && /* @__PURE__ */ t.jsx(ce, s({}, Se, {
+        children: D
+      })), bo(C, ["Skeleton"]) ? /* @__PURE__ */ p.cloneElement(C, {
+        variant: C.props.variant || "inline"
+      }) : C, h && /* @__PURE__ */ t.jsx(ie, s({}, ae, {
+        children: h
+      }))]
+    }))
+  });
+});
+function qn(e) {
+  return $e("MuiListItemContent", e);
+}
+Pe("MuiListItemContent", ["root"]);
+const Gn = ["component", "className", "children", "slots", "slotProps"], Un = () => De({
+  root: ["root"]
+}, qn, {}), Kn = N("div", {
+  name: "JoyListItemContent",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})({
+  flex: "1 1 auto",
+  minWidth: 0
+}), Qn = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyListItemContent"
+  }), {
+    component: n,
+    className: i,
+    children: c,
+    slots: u = {},
+    slotProps: m = {}
+  } = o, y = ue(o, Gn), x = s({}, o), C = Un(), v = s({}, y, {
+    component: n,
+    slots: u,
+    slotProps: m
+  }), [T, b] = H("root", {
+    ref: r,
+    className: Xe(C.root, i),
+    elementType: Kn,
+    externalForwardedProps: v,
+    ownerState: x
+  });
+  return /* @__PURE__ */ t.jsx(T, s({}, b, {
+    children: c
+  }));
+});
+function Xn(e) {
+  return $e("MuiListItemDecorator", e);
+}
+Pe("MuiListItemDecorator", ["root"]);
+const Zn = ["component", "className", "children", "slots", "slotProps"], Yn = () => De({
+  root: ["root"]
+}, Xn, {}), ea = N("span", {
+  name: "JoyListItemDecorator",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  ownerState: e
+}) => s({
+  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))"
+})), ra = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  const o = ze({
+    props: e,
+    name: "JoyListItemDecorator"
+  }), {
+    component: n,
+    className: i,
+    children: c,
+    slots: u = {},
+    slotProps: m = {}
+  } = o, y = ue(o, Zn), x = p.useContext(No), C = s({
+    parentOrientation: x
+  }, o), v = Yn(), T = s({}, y, {
+    component: n,
+    slots: u,
+    slotProps: m
+  }), [b, z] = H("root", {
+    ref: r,
+    className: Xe(v.root, i),
+    elementType: ea,
+    externalForwardedProps: T,
+    ownerState: C
+  });
+  return /* @__PURE__ */ t.jsx(b, s({}, z, {
+    children: c
+  }));
+});
+function oa(e) {
+  return $e("MuiTextarea", e);
+}
+const wo = Pe("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator", "formControl", "disabled", "error", "focused", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft"]), ta = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "size", "color", "variant", "startDecorator", "endDecorator", "minRows", "maxRows", "component", "slots", "slotProps"], na = (e) => {
+  const {
+    disabled: r,
+    variant: o,
+    color: n,
+    size: i
+  } = e, c = {
+    root: ["root", r && "disabled", o && `variant${te(o)}`, n && `color${te(n)}`, i && `size${te(i)}`],
+    textarea: ["textarea"],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return De(c, oa, {});
+}, aa = N("div", {
+  name: "JoyTextarea",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o, n, i, c, u, m;
+  const y = (o = e.variants[`${r.variant}`]) == null ? void 0 : o[r.color];
+  return [s({
+    "--Textarea-radius": e.vars.radius.sm,
+    "--Textarea-gap": "0.5rem",
+    "--Textarea-placeholderColor": "inherit",
+    "--Textarea-placeholderOpacity": 0.64,
+    "--Textarea-decoratorColor": e.vars.palette.text.icon,
+    "--Textarea-focused": "0",
+    "--Textarea-focusedThickness": e.vars.focus.thickness,
+    "--Textarea-focusedHighlight": (n = e.vars.palette[r.color === "neutral" ? "primary" : r.color]) == null ? void 0 : n[500],
+    '&:not([data-inverted-colors="false"])': s({}, r.instanceColor && {
+      "--_Textarea-focusedHighlight": (i = e.vars.palette[r.instanceColor === "neutral" ? "primary" : r.instanceColor]) == null ? void 0 : i[500]
+    }, {
+      "--Textarea-focusedHighlight": `var(--_Textarea-focusedHighlight, ${e.vars.palette.focusVisible})`
+    })
+  }, r.size === "sm" && {
+    "--Textarea-minHeight": "2rem",
+    "--Textarea-paddingBlock": "calc(0.375rem - 0.5px - var(--variant-borderWidth, 0px))",
+    // to match Input because <textarea> does not center the text at the middle like <input>
+    "--Textarea-paddingInline": "0.5rem",
+    "--Textarea-decoratorChildHeight": "min(1.5rem, var(--Textarea-minHeight))",
+    "--Icon-fontSize": e.vars.fontSize.xl
+  }, r.size === "md" && {
+    "--Textarea-minHeight": "2.25rem",
+    "--Textarea-paddingBlock": "calc(0.375rem - var(--variant-borderWidth, 0px))",
+    "--Textarea-paddingInline": "0.75rem",
+    "--Textarea-decoratorChildHeight": "min(1.75rem, var(--Textarea-minHeight))",
+    "--Icon-fontSize": e.vars.fontSize.xl2
+  }, r.size === "lg" && {
+    "--Textarea-minHeight": "3rem",
+    "--Textarea-paddingBlock": "calc(0.75rem - var(--variant-borderWidth, 0px))",
+    "--Textarea-paddingInline": "1rem",
+    "--Textarea-gap": "0.75rem",
+    "--Textarea-decoratorChildHeight": "min(2.375rem, var(--Textarea-minHeight))",
+    "--Icon-fontSize": e.vars.fontSize.xl2
+  }, {
+    // variables for controlling child components
+    "--_Textarea-paddingBlock": "max((var(--Textarea-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Textarea-decoratorChildHeight)) / 2, 0px)",
+    "--Textarea-decoratorChildRadius": "max(var(--Textarea-radius) - var(--variant-borderWidth, 0px) - var(--_Textarea-paddingBlock), min(var(--_Textarea-paddingBlock) + var(--variant-borderWidth, 0px), var(--Textarea-radius) / 2))",
+    "--Button-minHeight": "var(--Textarea-decoratorChildHeight)",
+    "--Button-paddingBlock": "0px",
+    // to ensure that the height of the button is equal to --Button-minHeight
+    "--IconButton-size": "var(--Textarea-decoratorChildHeight)",
+    "--Button-radius": "var(--Textarea-decoratorChildRadius)",
+    "--IconButton-radius": "var(--Textarea-decoratorChildRadius)",
+    boxSizing: "border-box"
+  }, r.variant !== "plain" && {
+    boxShadow: e.shadow.xs
+  }, {
+    minWidth: 0,
+    minHeight: "var(--Textarea-minHeight)",
+    cursor: "text",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    paddingInlineStart: "var(--Textarea-paddingInline)",
+    // the paddingInlineEnd is added to the textarea. It looks better when the scrollbar appears.
+    paddingBlock: "var(--Textarea-paddingBlock)",
+    borderRadius: "var(--Textarea-radius)"
+  }, e.typography[`body-${r.size}`], y, {
+    backgroundColor: (c = y == null ? void 0 : y.backgroundColor) != null ? c : e.vars.palette.background.surface,
+    "&::before": {
+      boxSizing: "border-box",
+      content: '""',
+      display: "block",
+      position: "absolute",
+      pointerEvents: "none",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 1,
+      borderRadius: "inherit",
+      margin: "calc(var(--variant-borderWidth, 0px) * -1)",
+      // for outlined variant
+      boxShadow: "var(--Textarea-focusedInset, inset) 0 0 0 calc(var(--Textarea-focused) * var(--Textarea-focusedThickness)) var(--Textarea-focusedHighlight)"
+    }
+  }), {
+    "&:hover": s({}, (u = e.variants[`${r.variant}Hover`]) == null ? void 0 : u[r.color], {
+      backgroundColor: null,
+      // it is not common to change background on hover for Textarea
+      cursor: "text"
+    }),
+    [`&.${wo.disabled}`]: (m = e.variants[`${r.variant}Disabled`]) == null ? void 0 : m[r.color],
+    "&:focus-within::before": {
+      "--Textarea-focused": "1"
+    }
+  }];
+}), la = N(it, {
+  name: "JoyTextarea",
+  slot: "Textarea",
+  overridesResolver: (e, r) => r.textarea
+})({
+  resize: "none",
+  border: "none",
+  // remove the native textarea width
+  minWidth: 0,
+  // remove the native textarea width
+  outline: 0,
+  // remove the native textarea outline
+  padding: 0,
+  // remove the native textarea padding
+  paddingInlineEnd: "var(--Textarea-paddingInline)",
+  flex: "auto",
+  alignSelf: "stretch",
+  color: "inherit",
+  backgroundColor: "transparent",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  fontStyle: "inherit",
+  fontWeight: "inherit",
+  lineHeight: "inherit",
+  "&::-webkit-input-placeholder": {
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  },
+  "&::-moz-placeholder": {
+    // Firefox 19+
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  },
+  "&:-ms-input-placeholder": {
+    // IE11
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  },
+  "&::-ms-input-placeholder": {
+    // Edge
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  }
+}), ia = N("div", {
+  name: "JoyTextarea",
+  slot: "StartDecorator",
+  overridesResolver: (e, r) => r.startDecorator
+})({
+  display: "flex",
+  marginInlineStart: "calc(var(--Textarea-paddingBlock) - var(--Textarea-paddingInline))",
+  marginInlineEnd: "var(--Textarea-paddingBlock)",
+  marginBlockEnd: "var(--Textarea-gap)",
+  color: "var(--Textarea-decoratorColor)",
+  cursor: "initial"
+}), sa = N("div", {
+  name: "JoyTextarea",
+  slot: "EndDecorator",
+  overridesResolver: (e, r) => r.endDecorator
+})({
+  display: "flex",
+  marginInlineStart: "calc(var(--Textarea-paddingBlock) - var(--Textarea-paddingInline))",
+  marginInlineEnd: "var(--Textarea-paddingBlock)",
+  marginBlockStart: "var(--Textarea-gap)",
+  color: "var(--Textarea-decoratorColor)",
+  cursor: "initial"
+}), ca = /* @__PURE__ */ p.forwardRef(function(e, r) {
+  var o, n, i, c, u, m, y, x;
+  const C = ze({
+    props: e,
+    name: "JoyTextarea"
+  }), v = Ro(C, wo), {
+    propsToForward: T,
+    rootStateClasses: b,
+    inputStateClasses: z,
+    getRootProps: S,
+    getInputProps: w,
+    formControl: h,
+    focused: D,
+    error: I = !1,
+    disabled: d = !1,
+    size: q = "md",
+    color: B = "neutral",
+    variant: k = "outlined",
+    startDecorator: L,
+    endDecorator: J,
+    minRows: V,
+    maxRows: Q,
+    component: g,
+    slots: O = {},
+    slotProps: _ = {}
+  } = v, G = ue(v, ta), ne = (o = (n = e.disabled) != null ? n : h == null ? void 0 : h.disabled) != null ? o : d, X = (i = (c = e.error) != null ? c : h == null ? void 0 : h.error) != null ? i : I, W = (u = (m = e.size) != null ? m : h == null ? void 0 : h.size) != null ? u : q, he = (y = e.color) != null ? y : X ? "danger" : (x = h == null ? void 0 : h.color) != null ? x : B, se = s({
+    instanceColor: X ? "danger" : e.color
+  }, C, {
+    color: he,
+    disabled: ne,
+    error: X,
+    focused: D,
+    size: W,
+    variant: k
+  }), A = na(se), ce = s({}, G, {
+    component: g,
+    slots: O,
+    slotProps: _
+  }), [Se, ie] = H("root", {
+    ref: r,
+    className: [A.root, b],
+    elementType: aa,
+    externalForwardedProps: ce,
+    getSlotProps: S,
+    ownerState: se
+  }), [ae, ge] = H("textarea", {
+    additionalProps: {
+      id: h == null ? void 0 : h.htmlFor,
+      "aria-describedby": h == null ? void 0 : h["aria-describedby"]
+    },
+    className: [A.textarea, z],
+    elementType: la,
+    internalForwardedProps: s({}, T, {
+      minRows: V,
+      maxRows: Q
+    }),
+    externalForwardedProps: ce,
+    getSlotProps: w,
+    ownerState: se
+  }), [xe, U] = H("startDecorator", {
+    className: A.startDecorator,
+    elementType: ia,
+    externalForwardedProps: ce,
+    ownerState: se
+  }), [K, pe] = H("endDecorator", {
+    className: A.endDecorator,
+    elementType: sa,
+    externalForwardedProps: ce,
+    ownerState: se
+  });
+  return /* @__PURE__ */ t.jsxs(Se, s({}, ie, {
+    children: [L && /* @__PURE__ */ t.jsx(xe, s({}, U, {
+      children: L
+    })), /* @__PURE__ */ t.jsx(ae, s({}, ge)), J && /* @__PURE__ */ t.jsx(K, s({}, pe, {
+      children: J
+    }))]
+  }));
+});
+function da(e) {
+  const {
+    sdk: r,
+    fields: o = ["fullName", "email"],
+    campaignId: n = "",
+    campaignName: i = "",
+    contentType: c = "",
+    contentId: u = "",
+    contentName: m = "",
+    syncWithProfile: y = !1
+  } = e, { leadPhoneCountryCode: x, language: C } = mo(vo), [v, T] = p.useState({
+    firstName: "",
+    lastName: "",
+    fullName: "",
+    email: "",
+    gender: "",
+    country: "",
+    phoneCountryCode: x ? Xr(x) : Zr(C || "en"),
+    phoneNumber: "",
+    customFields: {}
+  });
+  p.useEffect(() => {
+    const g = x ? Xr(x) : Zr(C || "en");
+    T((O) => !O.phoneNumber || !O.phoneCountryCode ? { ...O, phoneCountryCode: g } : O);
+  }, [x, C]);
+  const [b, z] = p.useState({}), [S, w] = p.useState(!1), [h, D] = p.useState(!1), [I, d] = p.useState(null), q = () => d(null), B = (g) => (O) => {
+    T((_) => ({
+      ..._,
+      [g]: O.target.value
+    }));
+  }, k = (g) => (O) => {
+    const _ = O.target.value;
+    z((G) => ({ ...G, [g]: _ }));
+  }, L = (g, O) => {
+    T((_) => ({
+      ..._,
+      phoneCountryCode: O
+    }));
+  }, J = (g, O) => {
+    T((_) => ({
+      ..._,
+      country: O || ""
+    }));
+  }, V = (g, O) => {
+    T((_) => ({
+      ..._,
+      gender: O || ""
+    }));
+  }, Q = async () => {
+    if (y)
+      try {
+        const g = r.profile.getOwn();
+        if (v.fullName && o.includes("fullName") ? g.setName(v.fullName.trim()) : v.firstName && o.includes("firstName") && v.lastName && o.includes("lastName") ? g.setName(
+          v.firstName.trim() + " " + v.lastName.trim()
+        ) : v.firstName && o.includes("firstName") ? g.setName(v.firstName.trim()) : v.lastName && o.includes("lastName") && g.setName(v.lastName.trim()), v.email && o.includes("email") && g.setEmail(v.email.trim()), v.gender && o.includes("gender") && g.setGender(v.gender), v.country && o.includes("country")) {
+          const O = await r.profile.getCountries(), _ = jo(v.country), G = O.find((ne) => ne.name === (_ == null ? void 0 : _.label));
+          G && g.setCountry(G.id);
+        }
+        v.phoneCountryCode && o.includes("phoneCountryCode") && g.setPhoneCountryCode(
+          "+" + v.phoneCountryCode.phone
+        ), v.phoneNumber && o.includes("phoneNumber") && g.setPhoneNumber(v.phoneNumber.trim()), await g.update();
+      } catch (g) {
+        console.warn("[LeadForm] Failed to sync profile data:", g);
+      }
+  };
+  return {
+    formData: v,
+    setFormData: T,
+    isLoading: S,
+    isSuccess: h,
+    error: I,
+    clearError: q,
+    handleInputChange: B,
+    handleCustomFieldChange: k,
+    customFieldsData: b,
+    handlePhoneCountryChange: L,
+    handleCountryChange: J,
+    handleGenderChange: V,
+    handleSubmit: async (g) => {
+      var O;
+      g && g.preventDefault(), d(null);
+      const _ = {
+        firstName: v.firstName,
+        lastName: v.lastName,
+        fullName: v.fullName,
+        email: v.email,
+        gender: v.gender,
+        country: v.country,
+        phoneCountryCode: "+" + (((O = v.phoneCountryCode) == null ? void 0 : O.phone) ?? ""),
+        phoneNumber: v.phoneNumber,
+        campaignId: n,
+        campaignName: i,
+        contentType: c,
+        contentId: u,
+        contentName: m,
+        customFields: b
+      }, G = [
+        "firstName",
+        "lastName",
+        "fullName",
+        "email",
+        "gender",
+        "country",
+        "phoneCountryCode",
+        "phoneNumber",
+        "customFields"
+      ], ne = Object.fromEntries(
+        Object.entries(_).map(([X, W]) => G.includes(X) ? X === "customFields" ? [X, W] : o.includes(X) && W !== "" && W !== null ? [X, W] : [X, null] : [X, W])
+      );
+      w(!0);
+      try {
+        await r.profile.collectLead(ne), await Q(), D(!0);
+      } catch {
+        d("leads.form.error");
+      } finally {
+        w(!1);
+      }
+    },
+    countries: Do
+  };
+}
+const ua = (e) => {
+  const r = Jr(), { t: o } = _r();
+  if (!e.brandingUrls)
+    return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  const { privacyPolicyUrl: n, termsAndConditionsUrl: i } = e.brandingUrls;
+  if (!n && !i)
+    return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  const c = () => n && !i ? /* @__PURE__ */ t.jsxs(Ae, { children: [
+    o("common.labels.iAgreeToThe"),
+    " ",
+    /* @__PURE__ */ t.jsx(
+      sr,
+      {
+        href: n,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: e.primaryColor,
+          textDecorationColor: e.primaryColor
+        },
+        children: o("leads.form.privacyPolicy")
+      }
+    )
+  ] }) : !n && i ? /* @__PURE__ */ t.jsxs(Ae, { children: [
+    o("common.labels.iAgreeToThe"),
+    " ",
+    /* @__PURE__ */ t.jsx(
+      sr,
+      {
+        href: i,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: e.primaryColor,
+          textDecorationColor: e.primaryColor
+        },
+        children: o("leads.form.termsAndConditions")
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsxs(Ae, { children: [
+    o("common.labels.iAgreeToThe"),
+    " ",
+    /* @__PURE__ */ t.jsx(
+      sr,
+      {
+        href: n,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: e.primaryColor,
+          textDecorationColor: e.primaryColor
+        },
+        children: o("leads.form.privacyPolicy")
+      }
+    ),
+    " ",
+    o("common.labels.andThe"),
+    " ",
+    /* @__PURE__ */ t.jsx(
+      sr,
+      {
+        href: i,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: e.primaryColor,
+          textDecorationColor: e.primaryColor
+        },
+        children: o("leads.form.termsAndConditions")
+      }
+    )
+  ] });
+  return /* @__PURE__ */ t.jsx(Be, { required: !0, disabled: e.isDisabled, size: "sm", children: /* @__PURE__ */ t.jsxs(cr, { sx: { display: "inline-flex", alignItems: "center", gap: "8px" }, children: [
+    /* @__PURE__ */ t.jsx(
+      ko,
+      {
+        slotProps: {
+          input: {
+            sx: {}
+          },
+          checkbox: {
+            sx: {
+              "&.Mui-checked": {
+                bgcolor: e.primaryColor,
+                "--Icon-color": "#FFF"
+              },
+              "&:not(.Mui-checked):not(.Mui-disabled):hover": {
+                bgcolor: r.colorSchemes.light.palette.neutral.outlinedHoverBg
+              },
+              bgcolor: r.colorSchemes.light.palette.background.surface
+            }
+          }
+        }
+      }
+    ),
+    c()
+  ] }) });
+}, pa = (e) => {
+  const { consents: r, isDisabled: o, primaryColor: n, brandingUrls: i, labels: c, onChange: u } = e, m = Jr(), { t: y } = _r(), [x, C] = p.useState({}), v = (b) => (z) => {
+    const S = { ...x, [b]: z.target.checked };
+    C(S), u == null || u(S);
+  }, T = (b) => {
+    const z = [], S = /\{\{(privacyPolicyUrl|termsAndConditionsUrl)\}\}/g;
+    let w = 0, h;
+    for (; (h = S.exec(b)) !== null; ) {
+      const I = b.slice(w, h.index);
+      I && z.push(
+        /* @__PURE__ */ t.jsx(Ae, { component: "span", children: I }, `text-${w}`)
+      );
+      const d = h[1], q = i == null ? void 0 : i[d], B = d === "privacyPolicyUrl" ? (c == null ? void 0 : c.privacyPolicyUrlLabel) || y("leads.form.privacyPolicy") : (c == null ? void 0 : c.termsAndConditionsUrlLabel) || y("leads.form.termsAndConditions");
+      q ? z.push(
+        /* @__PURE__ */ t.jsx(
+          sr,
+          {
+            href: q,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: { color: n, textDecorationColor: n },
+            children: B
+          },
+          `link-${z.length}`
+        )
+      ) : (console.warn(
+        `[CollectLead] Consent label contains {{${d}}} but branding.urls.${d} is not provided.`
+      ), z.push(
+        /* @__PURE__ */ t.jsx(Ae, { component: "span", children: B }, `plain-${z.length}`)
+      )), w = S.lastIndex;
+    }
+    const D = b.slice(w);
+    return D && z.push(
+      /* @__PURE__ */ t.jsx(Ae, { component: "span", children: D }, "text-after")
+    ), /* @__PURE__ */ t.jsx(Ae, { component: "span", children: z });
+  };
+  return /* @__PURE__ */ t.jsx(Wr, { spacing: 1, children: r.map((b) => /* @__PURE__ */ t.jsx(
+    Be,
+    {
+      disabled: o,
+      size: "sm",
+      children: /* @__PURE__ */ t.jsxs(
+        cr,
+        {
+          sx: { display: "inline-flex", alignItems: "center", gap: "8px" },
+          children: [
+            /* @__PURE__ */ t.jsx(
+              ko,
+              {
+                checked: !!x[b.id],
+                onChange: v(b.id),
+                slotProps: {
+                  checkbox: {
+                    sx: {
+                      "&.Mui-checked": {
+                        bgcolor: n,
+                        "--Icon-color": "#FFF"
+                      },
+                      "&:not(.Mui-checked):not(.Mui-disabled):hover": {
+                        bgcolor: m.colorSchemes.light.palette.neutral.outlinedHoverBg
+                      },
+                      bgcolor: m.colorSchemes.light.palette.background.surface
+                    }
+                  }
+                }
+              }
+            ),
+            T(b.label)
+          ]
+        }
+      )
+    },
+    `consent-${b.id}`
+  )) });
+}, ma = [
+  "fullName",
+  "firstName",
+  "lastName",
+  "email",
+  "gender",
+  "country",
+  "phoneCountryCode",
+  "phoneNumber"
+], Ke = {
+  phoneContainer: { display: "flex", gap: 1 },
+  countrySelect: { width: "45%" },
+  phoneInput: { width: "100%" },
+  listItemContent: { fontSize: "sm" },
+  submitButton: { mt: 2 }
+}, va = (e) => {
+  var r, o, n, i, c, u;
+  const [m, y] = p.useState({}), {
+    sdk: x,
+    brandingColors: C,
+    brandingUrls: v,
+    fields: T = ["fullName", "email"],
+    campaignId: b = "",
+    campaignName: z = "",
+    contentType: S = "",
+    contentId: w = "",
+    contentName: h = "",
+    formCustomFields: D,
+    onSuccessCta: I,
+    labels: d,
+    syncWithProfile: q = !1,
+    isSubmittingParticipation: B = !1
+  } = e, k = T.map(($) => $ && $.trim()).filter(($) => ma.includes($)), {
+    formData: L,
+    isLoading: J,
+    isSuccess: V,
+    error: Q,
+    handleInputChange: g,
+    handleCustomFieldChange: O,
+    customFieldsData: _,
+    handlePhoneCountryChange: G,
+    handleCountryChange: ne,
+    handleGenderChange: X,
+    handleSubmit: W,
+    countries: he
+  } = da({
+    sdk: x,
+    fields: k,
+    campaignId: b,
+    campaignName: z,
+    contentType: S,
+    contentId: w,
+    contentName: h,
+    syncWithProfile: q
+  }), { shadowRootElement: se } = mo(vo), { t: A } = _r(), ce = Jr(), Se = uo(), ie = zo(), ae = po().primary, ge = Se.textPrimary, xe = (C == null ? void 0 : C.primaryColor) || ((o = (r = Se.palette) == null ? void 0 : r.primary) == null ? void 0 : o.plainColor), U = (i = (n = Se.palette) == null ? void 0 : n.primary) == null ? void 0 : i.onPrimary, K = (C == null ? void 0 : C.primaryColor) || ((u = (c = Se.palette) == null ? void 0 : c.primary) == null ? void 0 : u.primaryContainer), pe = ie.sm, R = {
+    background: {
+      surface: ce.colorSchemes.light.palette.background.surface,
+      popup: ce.colorSchemes.light.palette.background.popup
+    },
+    neutral: {
+      outlinedBorder: ce.colorSchemes.light.palette.neutral.outlinedBorder,
+      outlinedColor: ce.colorSchemes.light.palette.neutral.outlinedColor,
+      outlinedHoverBg: ce.colorSchemes.light.palette.neutral.outlinedHoverBg,
+      plainActiveBg: ce.colorSchemes.light.palette.neutral.plainActiveBg,
+      plainHoverBg: ce.colorSchemes.light.palette.neutral.plainHoverBg,
+      plainHoverColor: ce.colorSchemes.light.palette.neutral.plainHoverColor
+    }
+  }, de = [
+    { value: "male", label: A("leads.form.genderOptions.male") },
+    { value: "female", label: A("leads.form.genderOptions.female") },
+    { value: "other", label: A("leads.form.genderOptions.other") },
+    { value: "prefer_not_to_say", label: A("leads.form.genderOptions.notSay") }
+  ], Ce = {
+    color: `${ge} !important`,
+    fontSize: "0.875em"
+  }, Z = {
+    fontFamily: ae,
+    borderRadius: pe,
+    bgcolor: R.background.surface,
+    borderColor: R.neutral.outlinedBorder,
+    color: R.neutral.outlinedColor,
+    fontSize: "1em",
+    lineHeight: "2.25em",
+    "&:hover": {
+      bgcolor: R.neutral.outlinedHoverBg
+    },
+    "&.Mui-disabled": {
+      borderColor: R.neutral.outlinedBorder
+    },
+    "& input:-webkit-autofill": {
+      WebkitBoxShadow: `0 0 0 1000px ${R.background.surface} inset !important`,
+      WebkitTextFillColor: `${R.neutral.outlinedColor} !important`,
+      caretColor: R.neutral.outlinedColor,
+      borderRadius: pe
+    },
+    "& input:-webkit-autofill:hover": {
+      WebkitBoxShadow: `0 0 0 1000px ${R.background.surface} inset !important`,
+      WebkitTextFillColor: `${R.neutral.outlinedColor} !important`
+    },
+    "& input:-webkit-autofill:focus": {
+      WebkitBoxShadow: `0 0 0 1000px ${R.background.surface} inset !important`,
+      WebkitTextFillColor: `${R.neutral.outlinedColor} !important`
+    },
+    "& input:-webkit-autofill:active": {
+      WebkitBoxShadow: `0 0 0 1000px ${R.background.surface} inset !important`,
+      WebkitTextFillColor: `${R.neutral.outlinedColor} !important`
+    },
+    "& input:-moz-autofill": {
+      backgroundColor: `${R.background.surface} !important`,
+      color: `${R.neutral.outlinedColor} !important`
+    },
+    "& input:autofill": {
+      backgroundColor: `${R.background.surface} !important`,
+      color: `${R.neutral.outlinedColor} !important`
+    }
+  }, le = {
+    root: {
+      sx: {
+        ...Z,
+        "&:hover": { bgcolor: R.neutral.outlinedHoverBg }
+      }
+    },
+    listbox: {
+      container: se,
+      sx: {
+        zIndex: 10,
+        bgcolor: R.background.popup,
+        border: `1px solid ${R.neutral.outlinedBorder}`,
+        borderRadius: pe,
+        boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+      }
+    }
+  }, P = {
+    fontFamily: ae,
+    color: `${R.neutral.outlinedColor} !important`,
+    bgcolor: "transparent",
+    "&:hover": {
+      bgcolor: `${R.neutral.plainHoverBg} !important`,
+      color: `${R.neutral.plainHoverColor} !important`
+    },
+    "&.Mui-selected": {
+      bgcolor: `${R.neutral.plainActiveBg} !important`,
+      color: `${R.neutral.outlinedColor} !important`
+    },
+    "&.Mui-selected:hover": {
+      bgcolor: `${R.neutral.plainActiveBg} !important`,
+      color: `${R.neutral.outlinedColor} !important`
+    }
+  }, Ie = (d == null ? void 0 : d.fullNameLabel) || A("leads.form.fullName"), M = (d == null ? void 0 : d.fullNamePlaceholder) || A("leads.form.fullNamePlaceholder"), Fe = (d == null ? void 0 : d.firstNameLabel) || A("leads.form.firstName"), Ne = (d == null ? void 0 : d.firstNamePlaceholder) || A("leads.form.firstNamePlaceholder"), _e = (d == null ? void 0 : d.lastNameLabel) || A("leads.form.lastName"), je = (d == null ? void 0 : d.lastNamePlaceholder) || A("leads.form.lastNamePlaceholder"), ke = (d == null ? void 0 : d.emailLabel) || A("leads.form.email"), Ye = (d == null ? void 0 : d.genderLabel) || A("leads.form.gender"), nr = (d == null ? void 0 : d.genderPlaceholder) || A("leads.form.genderPlaceholder"), Me = (d == null ? void 0 : d.countryLabel) || A("leads.form.country"), er = (d == null ? void 0 : d.countryPlaceholder) || A("leads.form.countryPlaceholder"), me = (d == null ? void 0 : d.phoneNumberLabel) || A("leads.form.phone"), Y = (d == null ? void 0 : d.phoneNumberPlaceholder) || A("leads.form.phonePlaceholder"), Te = ($) => {
+    const ee = (d == null ? void 0 : d.privacyPolicyUrlLabel) || "Privacy Policy", He = (d == null ? void 0 : d.termsAndConditionsUrlLabel) || "Terms and Conditions";
+    return $.replace(/\{\{privacyPolicyUrl\}\}/g, ee).replace(/\{\{termsAndConditionsUrl\}\}/g, He);
+  }, Oe = ($) => {
+    y($);
+  }, Je = async ($) => {
+    await W($);
+    try {
+      const ee = (e.consents || []).filter(
+        (He) => m[He.id]
+      );
+      if (ee.length > 0) {
+        const He = ee.map((We) => {
+          const Ee = {
+            consentId: We.id,
+            content: Te(We.label)
+          };
+          w && (Ee.entityId = w);
+          const oe = Lo(S);
+          return oe && (Ee.entityType = oe), Ee;
+        });
+        await x.profile.collectConsents(He);
+      }
+    } catch (ee) {
+      console.warn("[CollectLead] Failed to collect consents", ee);
+    }
+  }, ar = () => I != null && I.component ? I.component : I != null && I.onClick ? /* @__PURE__ */ t.jsx(
+    Hr,
+    {
+      size: "lg",
+      loading: B,
+      sx: {
+        ...Ke.submitButton,
+        bgcolor: xe,
+        color: U,
+        ":hover": {
+          bgcolor: K,
+          color: U
+        },
+        fontSize: "1em"
+      },
+      onClick: I.onClick,
+      children: I.defaultLabel
+    }
+  ) : I != null && I.url ? typeof window > "u" ? /* @__PURE__ */ t.jsx(
+    cr,
+    {
+      component: "a",
+      href: I.url,
+      target: (I == null ? void 0 : I.target) || "_self",
+      sx: {
+        ...Ke.submitButton,
+        bgcolor: xe,
+        color: U,
+        ":hover": {
+          bgcolor: K,
+          color: U
+        },
+        fontSize: "1em",
+        textDecoration: "none",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: I.defaultLabel
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    Hr,
+    {
+      size: "lg",
+      sx: {
+        ...Ke.submitButton,
+        bgcolor: xe,
+        color: U,
+        ":hover": {
+          bgcolor: K,
+          color: U
+        },
+        fontSize: "1em"
+      },
+      onClick: () => {
+        (I == null ? void 0 : I.target) === "_blank" ? window.open(I == null ? void 0 : I.url, "_blank") : window.location.href = I == null ? void 0 : I.url;
+      },
+      children: I.defaultLabel
+    }
+  ) : /* @__PURE__ */ t.jsx(t.Fragment, {});
+  return /* @__PURE__ */ t.jsx("form", { onSubmit: Je, children: /* @__PURE__ */ t.jsxs(Wr, { spacing: 2, sx: { fontFamily: ae }, children: [
+    k.includes("fullName") && /* @__PURE__ */ t.jsxs(Be, { required: !0, disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: Ie }),
+      /* @__PURE__ */ t.jsx(
+        rr,
+        {
+          value: L.fullName,
+          onChange: g("fullName"),
+          placeholder: M,
+          sx: Z
+        }
+      )
+    ] }),
+    k.includes("firstName") && /* @__PURE__ */ t.jsxs(Be, { required: !0, disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: Fe }),
+      /* @__PURE__ */ t.jsx(
+        rr,
+        {
+          value: L.firstName,
+          onChange: g("firstName"),
+          placeholder: Ne,
+          sx: Z
+        }
+      )
+    ] }),
+    k.includes("lastName") && /* @__PURE__ */ t.jsxs(Be, { required: !0, disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: _e }),
+      /* @__PURE__ */ t.jsx(
+        rr,
+        {
+          value: L.lastName,
+          onChange: g("lastName"),
+          placeholder: je,
+          sx: Z
+        }
+      )
+    ] }),
+    k.includes("email") && /* @__PURE__ */ t.jsxs(Be, { required: !0, disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: ke }),
+      /* @__PURE__ */ t.jsx(
+        rr,
+        {
+          type: "email",
+          value: L.email,
+          onChange: g("email"),
+          placeholder: "your.email@example.com",
+          sx: Z
+        }
+      )
+    ] }),
+    k.includes("gender") && /* @__PURE__ */ t.jsxs(Be, { disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: Ye }),
+      /* @__PURE__ */ t.jsx(
+        Ur,
+        {
+          value: L.gender,
+          onChange: X,
+          placeholder: nr,
+          slotProps: le,
+          children: de.map(($) => /* @__PURE__ */ t.jsx(
+            Kr,
+            {
+              value: $.value,
+              sx: P,
+              children: $.label
+            },
+            $.value
+          ))
+        }
+      )
+    ] }),
+    k.includes("country") && /* @__PURE__ */ t.jsxs(Be, { required: !0, disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: Me }),
+      /* @__PURE__ */ t.jsx(
+        Ur,
+        {
+          value: L.country,
+          onChange: ne,
+          placeholder: er,
+          slotProps: le,
+          children: he.map(($) => /* @__PURE__ */ t.jsx(
+            Kr,
+            {
+              value: $.code,
+              sx: P,
+              children: $.label
+            },
+            `${$.code}-${$.label}`
+          ))
+        }
+      )
+    ] }),
+    (k.includes("phoneCountryCode") || k.includes("phoneNumber")) && /* @__PURE__ */ t.jsxs(Be, { required: !0, disabled: V, children: [
+      /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: me }),
+      /* @__PURE__ */ t.jsxs(cr, { sx: Ke.phoneContainer, children: [
+        k.includes("phoneCountryCode") && /* @__PURE__ */ t.jsx(
+          gn,
+          {
+            value: L.phoneCountryCode,
+            onChange: G,
+            slotProps: {
+              input: { autoComplete: "new-phone-country-code" },
+              listbox: le.listbox,
+              root: le.root,
+              clearIndicator: {
+                sx: {
+                  "&:hover": {
+                    bgcolor: R.neutral.plainHoverBg,
+                    color: R.neutral.plainHoverColor
+                  }
+                }
+              },
+              popupIndicator: {
+                sx: {
+                  "&:hover": {
+                    bgcolor: R.neutral.plainHoverBg,
+                    color: R.neutral.plainHoverColor
+                  }
+                }
+              }
+            },
+            sx: Ke.countrySelect,
+            options: he,
+            autoHighlight: !0,
+            getOptionLabel: ($) => `+${$.phone}`,
+            renderOption: ($, ee) => /* @__PURE__ */ p.createElement(
+              qt,
+              {
+                ...$,
+                key: `autocomplete-${ee.code}-${ee.label}`,
+                sx: {
+                  ...P,
+                  "&[aria-selected='true']": {
+                    bgcolor: R.neutral.plainActiveBg
+                  }
+                }
+              },
+              /* @__PURE__ */ t.jsx(ra, { children: /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  loading: "lazy",
+                  width: "20",
+                  srcSet: `https://flagcdn.com/w40/${ee.code.toLowerCase()}.png 2x`,
+                  src: `https://flagcdn.com/w20/${ee.code.toLowerCase()}.png`,
+                  alt: ""
+                }
+              ) }),
+              /* @__PURE__ */ t.jsxs(Qn, { sx: Ke.listItemContent, children: [
+                ee.label,
+                /* @__PURE__ */ t.jsxs(Ae, { level: "body-xs", children: [
+                  "+",
+                  ee.phone
+                ] })
+              ] })
+            )
+          }
+        ),
+        k.includes("phoneNumber") && /* @__PURE__ */ t.jsx(
+          rr,
+          {
+            value: L.phoneNumber,
+            onChange: g("phoneNumber"),
+            placeholder: Y,
+            sx: {
+              ...Ke.phoneInput,
+              ...Z
+            }
+          }
+        )
+      ] })
+    ] }),
+    D && D.length > 0 ? D.map(($, ee) => /* @__PURE__ */ t.jsxs(
+      Be,
+      {
+        disabled: V,
+        required: $.required || !1,
+        children: [
+          /* @__PURE__ */ t.jsx(Ue, { sx: Ce, children: $.label }),
+          $.type === "textarea" ? /* @__PURE__ */ t.jsx(
+            ca,
+            {
+              value: _[$.key] || "",
+              onChange: O($.key),
+              placeholder: $.placeholder || "",
+              sx: Z,
+              minRows: 3
+            }
+          ) : /* @__PURE__ */ t.jsx(
+            rr,
+            {
+              value: _[$.key] || "",
+              onChange: O($.key),
+              placeholder: $.placeholder,
+              sx: Z
+            }
+          )
+        ]
+      },
+      `custom-field-${$.key}-${ee}`
+    )) : null,
+    e.consents && e.consents.length > 0 ? /* @__PURE__ */ t.jsx(
+      pa,
+      {
+        consents: e.consents,
+        isDisabled: V,
+        primaryColor: xe,
+        brandingUrls: v,
+        labels: d,
+        onChange: Oe
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      ua,
+      {
+        primaryColor: xe,
+        brandingUrls: v,
+        isDisabled: V
+      }
+    ),
+    Q && /* @__PURE__ */ t.jsx(Qr, { variant: "error", message: A(Q) }),
+    V ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      d != null && d.successTitle || d != null && d.successDescription ? /* @__PURE__ */ t.jsx(
+        Qr,
+        {
+          variant: "success",
+          title: d == null ? void 0 : d.successTitle,
+          description: d == null ? void 0 : d.successDescription
+        }
+      ) : /* @__PURE__ */ t.jsx(t.Fragment, {}),
+      ar()
+    ] }) : /* @__PURE__ */ t.jsx(
+      Hr,
+      {
+        type: "submit",
+        loading: J,
+        size: "lg",
+        sx: {
+          ...Ke.submitButton,
+          bgcolor: xe,
+          color: U,
+          ":hover": { bgcolor: K, color: U },
+          fontSize: "0.8125em"
+        },
+        children: d == null ? void 0 : d.submitButtonLabel
+      }
+    )
+  ] }) });
+}, fa = ({
+  sdk: e,
+  content: r,
+  campaign: o,
+  branding: n,
+  fields: i = ["fullName", "email"],
+  labels: c,
+  onSuccessCta: u,
+  customFields: m,
+  consents: y,
+  syncWithProfile: x = !1,
+  isSubmittingParticipation: C = !1
+}) => {
+  var v;
+  const T = uo(), b = T.textColor, z = ((v = n == null ? void 0 : n.colors) == null ? void 0 : v.secondaryColor) || T.textColor, S = po().primary, w = i.map((h) => h && h.trim());
+  return /* @__PURE__ */ t.jsxs(Wr, { spacing: 2, zIndex: 10, width: "100%", children: [
+    c != null && c.title || c != null && c.description ? /* @__PURE__ */ t.jsxs(cr, { children: [
+      c != null && c.title ? /* @__PURE__ */ t.jsx(
+        Ae,
+        {
+          level: "h4",
+          sx: {
+            fontFamily: S,
+            color: b,
+            fontSize: "1.25em"
+          },
+          children: c.title
+        }
+      ) : /* @__PURE__ */ t.jsx(t.Fragment, {}),
+      c != null && c.description ? /* @__PURE__ */ t.jsx(
+        Ae,
+        {
+          level: "body-sm",
+          sx: {
+            fontFamily: S,
+            color: z,
+            opacity: 0.6,
+            fontSize: "0.875em"
+          },
+          children: c == null ? void 0 : c.description
+        }
+      ) : /* @__PURE__ */ t.jsx(t.Fragment, {})
+    ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {}),
+    /* @__PURE__ */ t.jsx(
+      va,
+      {
+        sdk: e,
+        brandingColors: n == null ? void 0 : n.colors,
+        brandingUrls: n == null ? void 0 : n.urls,
+        campaignId: o == null ? void 0 : o.id,
+        campaignName: o == null ? void 0 : o.name,
+        contentName: r == null ? void 0 : r.name,
+        contentType: r == null ? void 0 : r.type,
+        contentId: r == null ? void 0 : r.id,
+        onSuccessCta: u,
+        fields: w,
+        labels: c,
+        formCustomFields: m,
+        consents: y,
+        syncWithProfile: x,
+        isSubmittingParticipation: C
+      }
+    )
+  ] });
+};
+export {
+  Be as H,
+  ko as e,
+  fa as w
+};