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

package/chunks/Select-Cewujqtd.js

@@ -1,3418 +0,0 @@
-import { r as u, _ as ke, aa as Cr, ab as Sr, w as v, Z as xe, ac as Pr, P as Rr, ad as wr, ae as Or, af as Lr, a5 as Se, ag as kr, $ as lt, a0 as Ft, j as _, D as et, G as Ue, F as tt, v as dt, x as ue, y as J, E as Ut, z as me } from "./main-NO9IQFuY.js";
-import { u as qt, r as Jt, I as Dr } from "./Button-DJj0KOh3.js";
-import { u as $r, V as Er } from "./variantColorInheritance-DVZ9CGcB.js";
-import { c as zr } from "./createSvgIcon-DhITitgm.js";
-import { o as Dt } from "./getReactElementRef-66jU_By9.js";
-import { P as Br } from "./Portal-BsATdUrC.js";
-function Ha({
-  controlled: t,
-  default: e,
-  name: r,
-  state: n = "value"
-}) {
-  const {
-    current: o
-  } = u.useRef(t !== void 0), [a, s] = u.useState(e), i = o ? t : a, l = u.useCallback((d) => {
-    o || s(d);
-  }, []);
-  return [i, l];
-}
-const Hr = {
-  border: 0,
-  clip: "rect(0 0 0 0)",
-  height: "1px",
-  margin: "-1px",
-  overflow: "hidden",
-  padding: 0,
-  position: "absolute",
-  whiteSpace: "nowrap",
-  width: "1px"
-}, Vr = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
-function Ar(t) {
-  var e;
-  const {
-    elementType: r,
-    externalSlotProps: n,
-    ownerState: o,
-    skipResolvingSlotProps: a = !1
-  } = t, s = ke(t, Vr), i = a ? {} : Cr(n, o), {
-    props: l,
-    internalRef: d
-  } = Sr(v({}, s, {
-    externalSlotProps: i
-  })), c = xe(d, i == null ? void 0 : i.ref, (e = t.additionalProps) == null ? void 0 : e.ref);
-  return Pr(r, v({}, l, {
-    ref: c
-  }), o);
-}
-const Va = () => {
-  const t = Rr(wr);
-  return t[Or] || t;
-};
-function $t(t, e, r = (n, o) => n === o) {
-  return t.length === e.length && t.every((n, o) => r(n, e[o]));
-}
-const Tr = {
-  disableDefaultClasses: !1
-}, Mr = /* @__PURE__ */ u.createContext(Tr);
-function Wr(t) {
-  const {
-    disableDefaultClasses: e
-  } = u.useContext(Mr);
-  return (r) => e ? "" : t(r);
-}
-const Xt = "base";
-function _r(t) {
-  return `${Xt}--${t}`;
-}
-function jr(t, e) {
-  return `${Xt}-${t}-${e}`;
-}
-function Nr(t, e) {
-  const r = Lr[e];
-  return r ? _r(r) : jr(t, e);
-}
-function Fr(t, e) {
-  return t === e;
-}
-const gt = {}, Et = () => {
-};
-function ht(t, e) {
-  const r = v({}, t);
-  return Object.keys(e).forEach((n) => {
-    e[n] !== void 0 && (r[n] = e[n]);
-  }), r;
-}
-function Ur(t) {
-  const {
-    nextState: e,
-    initialState: r,
-    stateComparers: n,
-    onStateChange: o,
-    controlledProps: a,
-    lastActionRef: s
-  } = t, i = u.useRef(r);
-  u.useEffect(() => {
-    if (s.current === null)
-      return;
-    const l = ht(i.current, a);
-    Object.keys(e).forEach((d) => {
-      var c;
-      const f = (c = n[d]) != null ? c : Fr, g = e[d], p = l[d];
-      if (p == null && g != null || p != null && g == null || p != null && g != null && !f(g, p)) {
-        var m, h;
-        o == null || o((m = s.current.event) != null ? m : null, d, g, (h = s.current.type) != null ? h : "", e);
-      }
-    }), i.current = e, s.current = null;
-  }, [i, e, s, o, n, a]);
-}
-function qr(t) {
-  const e = u.useRef(null), {
-    reducer: r,
-    initialState: n,
-    controlledProps: o = gt,
-    stateComparers: a = gt,
-    onStateChange: s = Et,
-    actionContext: i
-  } = t;
-  u.useRef(o);
-  const l = u.useCallback((g, p) => {
-    e.current = p;
-    const m = ht(g, o);
-    return r(m, p);
-  }, [o, r]), [d, c] = u.useReducer(l, n), f = u.useCallback((g) => {
-    c(v({}, g, {
-      context: i
-    }));
-  }, [i]);
-  return Ur({
-    nextState: d,
-    initialState: n,
-    stateComparers: a ?? gt,
-    onStateChange: s ?? Et,
-    controlledProps: o,
-    lastActionRef: e
-  }), [ht(d, o), f];
-}
-const Jr = /* @__PURE__ */ u.createContext(void 0);
-function Xr() {
-  return u.useContext(Jr);
-}
-function Kr(t = {}) {
-  const {
-    defaultValue: e,
-    disabled: r = !1,
-    error: n = !1,
-    onBlur: o,
-    onChange: a,
-    onFocus: s,
-    required: i = !1,
-    value: l,
-    inputRef: d
-  } = t, c = Xr();
-  let f, g, p, m, h;
-  if (c) {
-    var b, S, P;
-    f = void 0, g = (b = c.disabled) != null ? b : !1, p = (S = c.error) != null ? S : !1, m = (P = c.required) != null ? P : !1, h = c.value;
-  } else
-    f = e, g = r, p = n, m = i, h = l;
-  const {
-    current: w
-  } = u.useRef(h != null), y = u.useCallback((H) => {
-  }, []), C = u.useRef(null), R = xe(C, d, y), [L, D] = u.useState(!1);
-  u.useEffect(() => {
-    !c && g && L && (D(!1), o == null || o());
-  }, [c, g, L, o]);
-  const $ = (H) => (k) => {
-    var O;
-    if (c != null && c.disabled) {
-      k.stopPropagation();
-      return;
-    }
-    if ((O = H.onFocus) == null || O.call(H, k), c && c.onFocus) {
-      var V;
-      c == null || (V = c.onFocus) == null || V.call(c);
-    } else
-      D(!0);
-  }, E = (H) => (k) => {
-    var O;
-    (O = H.onBlur) == null || O.call(H, k), c && c.onBlur ? c.onBlur() : D(!1);
-  }, M = (H) => (k, ...O) => {
-    var V, j;
-    if (!w && (k.target || C.current) == null)
-      throw new Error(kr(17));
-    c == null || (V = c.onChange) == null || V.call(c, k), (j = H.onChange) == null || j.call(H, k, ...O);
-  }, T = (H) => (k) => {
-    var O;
-    C.current && k.currentTarget === k.target && C.current.focus(), (O = H.onClick) == null || O.call(H, k);
-  };
-  return {
-    disabled: g,
-    error: p,
-    focused: L,
-    formControlContext: c,
-    getInputProps: (H = {}) => {
-      const O = v({}, {
-        onBlur: o,
-        onChange: a,
-        onFocus: s
-      }, Se(H)), V = v({}, O, {
-        onBlur: E(O),
-        onChange: M(O),
-        onFocus: $(O)
-      });
-      return v({}, V, {
-        "aria-invalid": p || void 0,
-        defaultValue: f,
-        value: h,
-        required: m,
-        disabled: g
-      }, H, {
-        ref: R
-      }, V);
-    },
-    getRootProps: (H = {}) => {
-      const k = Se(t, ["onBlur", "onChange", "onFocus"]), O = v({}, k, Se(H));
-      return v({}, H, O, {
-        onClick: T(O)
-      });
-    },
-    inputRef: R,
-    required: m,
-    value: h
-  };
-}
-const q = {
-  blur: "list:blur",
-  itemClick: "list:itemClick",
-  itemHover: "list:itemHover",
-  itemsChange: "list:itemsChange",
-  keyDown: "list:keyDown",
-  resetHighlight: "list:resetHighlight",
-  highlightLast: "list:highlightLast",
-  textNavigation: "list:textNavigation",
-  clearSelection: "list:clearSelection"
-};
-function Yr(t, e, r, n, o, a) {
-  if (r.length === 0 || !n && r.every((i, l) => o(i, l)))
-    return -1;
-  let s = t;
-  for (; ; ) {
-    if (!a && e === "next" && s === r.length || !a && e === "previous" && s === -1)
-      return -1;
-    if (n ? !1 : o(r[s], s))
-      s += e === "next" ? 1 : -1, a && (s = (s + r.length) % r.length);
-    else
-      return s;
-  }
-}
-function Y(t, e, r) {
-  var n;
-  const {
-    items: o,
-    isItemDisabled: a,
-    disableListWrap: s,
-    disabledItemsFocusable: i,
-    itemComparer: l,
-    focusManagement: d
-  } = r, c = d === "DOM" ? 0 : -1, f = o.length - 1, g = t == null ? -1 : o.findIndex((S) => l(S, t));
-  let p, m, h = !s;
-  switch (e) {
-    case "reset":
-      if (c === -1)
-        return null;
-      p = 0, m = "next", h = !1;
-      break;
-    case "start":
-      p = 0, m = "next", h = !1;
-      break;
-    case "end":
-      p = f, m = "previous", h = !1;
-      break;
-    default: {
-      const S = g + e;
-      S < 0 ? !h && g !== -1 || Math.abs(e) > 1 ? (p = 0, m = "next") : (p = f, m = "previous") : S > f ? !h || Math.abs(e) > 1 ? (p = f, m = "previous") : (p = 0, m = "next") : (p = S, m = e >= 0 ? "next" : "previous");
-    }
-  }
-  const b = Yr(p, m, o, i, a, h);
-  return b === -1 && t !== null && !a(t, g) ? t : (n = o[b]) != null ? n : null;
-}
-function Gr(t, e, r, n) {
-  return r === "none" ? [] : r === "single" ? n(e[0], t) ? e : [t] : e.some((o) => n(o, t)) ? e.filter((o) => !n(o, t)) : [...e, t];
-}
-function yt(t, e, r) {
-  const {
-    itemComparer: n,
-    isItemDisabled: o,
-    selectionMode: a,
-    items: s
-  } = r, {
-    selectedValues: i
-  } = e, l = s.findIndex((c) => n(t, c));
-  if (o(t, l))
-    return e;
-  const d = Gr(t, i, a, n);
-  return v({}, e, {
-    selectedValues: d,
-    highlightedValue: t
-  });
-}
-function Zr(t, e, r) {
-  const n = e.highlightedValue, {
-    orientation: o,
-    pageSize: a
-  } = r;
-  switch (t) {
-    case "Home":
-      return v({}, e, {
-        highlightedValue: Y(n, "start", r)
-      });
-    case "End":
-      return v({}, e, {
-        highlightedValue: Y(n, "end", r)
-      });
-    case "PageUp":
-      return v({}, e, {
-        highlightedValue: Y(n, -a, r)
-      });
-    case "PageDown":
-      return v({}, e, {
-        highlightedValue: Y(n, a, r)
-      });
-    case "ArrowUp":
-      if (o !== "vertical")
-        break;
-      return v({}, e, {
-        highlightedValue: Y(n, -1, r)
-      });
-    case "ArrowDown":
-      if (o !== "vertical")
-        break;
-      return v({}, e, {
-        highlightedValue: Y(n, 1, r)
-      });
-    case "ArrowLeft": {
-      if (o === "vertical")
-        break;
-      return v({}, e, {
-        highlightedValue: Y(n, o === "horizontal-ltr" ? -1 : 1, r)
-      });
-    }
-    case "ArrowRight": {
-      if (o === "vertical")
-        break;
-      return v({}, e, {
-        highlightedValue: Y(n, o === "horizontal-ltr" ? 1 : -1, r)
-      });
-    }
-    case "Enter":
-    case " ":
-      return e.highlightedValue === null ? e : yt(e.highlightedValue, e, r);
-  }
-  return e;
-}
-function Qr(t, e) {
-  return e.focusManagement === "DOM" ? t : v({}, t, {
-    highlightedValue: null
-  });
-}
-function en(t, e, r) {
-  var n;
-  const o = (n = r(t)) == null ? void 0 : n.trim().toLowerCase();
-  return !o || o.length === 0 ? !1 : o.indexOf(e) === 0;
-}
-function tn(t, e, r) {
-  const {
-    items: n,
-    isItemDisabled: o,
-    disabledItemsFocusable: a,
-    getItemAsString: s
-  } = r, i = e.length > 1;
-  let l = i ? t.highlightedValue : Y(t.highlightedValue, 1, r);
-  for (let d = 0; d < n.length; d += 1) {
-    if (!l || !i && t.highlightedValue === l)
-      return t;
-    if (en(l, e, s) && (!o(l, n.indexOf(l)) || a))
-      return v({}, t, {
-        highlightedValue: l
-      });
-    l = Y(l, 1, r);
-  }
-  return t;
-}
-function rn(t, e, r, n) {
-  var o;
-  const {
-    itemComparer: a,
-    focusManagement: s
-  } = n;
-  let i = null;
-  if (r.highlightedValue != null) {
-    var l;
-    i = (l = t.find((f) => a(f, r.highlightedValue))) != null ? l : null;
-  } else s === "DOM" && e.length === 0 && (i = Y(null, "reset", n));
-  const c = ((o = r.selectedValues) != null ? o : []).filter((f) => t.some((g) => a(g, f)));
-  return v({}, r, {
-    highlightedValue: i,
-    selectedValues: c
-  });
-}
-function nn(t, e) {
-  return v({}, t, {
-    highlightedValue: Y(null, "reset", e)
-  });
-}
-function on(t, e) {
-  return v({}, t, {
-    highlightedValue: Y(null, "end", e)
-  });
-}
-function an(t, e) {
-  return v({}, t, {
-    selectedValues: [],
-    highlightedValue: Y(null, "reset", e)
-  });
-}
-function Kt(t, e) {
-  const {
-    type: r,
-    context: n
-  } = e;
-  switch (r) {
-    case q.keyDown:
-      return Zr(e.key, t, n);
-    case q.itemClick:
-      return yt(e.item, t, n);
-    case q.blur:
-      return Qr(t, n);
-    case q.textNavigation:
-      return tn(t, e.searchString, n);
-    case q.itemsChange:
-      return rn(e.items, e.previousItems, t, n);
-    case q.resetHighlight:
-      return nn(t, n);
-    case q.highlightLast:
-      return on(t, n);
-    case q.clearSelection:
-      return an(t, n);
-    default:
-      return t;
-  }
-}
-const ln = 500;
-function sn(t) {
-  const e = u.useRef({
-    searchString: "",
-    lastTime: null
-  });
-  return u.useCallback((r) => {
-    if (r.key.length === 1 && r.key !== " ") {
-      const n = e.current, o = r.key.toLowerCase(), a = performance.now();
-      n.searchString.length > 0 && n.lastTime && a - n.lastTime > ln ? n.searchString = o : (n.searchString.length !== 1 || o !== n.searchString) && (n.searchString += o), n.lastTime = a, t(n.searchString, r);
-    }
-  }, [t]);
-}
-const zt = {}, cn = () => {
-}, un = (t, e) => t === e, dn = () => !1, pn = (t) => typeof t == "string" ? t : String(t), fn = () => ({
-  highlightedValue: null,
-  selectedValues: []
-});
-function vn(t) {
-  const {
-    controlledProps: e = zt,
-    disabledItemsFocusable: r = !1,
-    disableListWrap: n = !1,
-    focusManagement: o = "activeDescendant",
-    getInitialState: a = fn,
-    getItemDomElement: s,
-    getItemId: i,
-    isItemDisabled: l = dn,
-    rootRef: d,
-    onStateChange: c = cn,
-    items: f,
-    itemComparer: g = un,
-    getItemAsString: p = pn,
-    onChange: m,
-    onHighlightChange: h,
-    onItemsChange: b,
-    orientation: S = "vertical",
-    pageSize: P = 5,
-    reducerActionContext: w = zt,
-    selectionMode: y = "single",
-    stateReducer: C,
-    componentName: R = "useList"
-  } = t, L = u.useRef(null), D = xe(d, L), $ = u.useCallback((z, B, N) => {
-    if (h == null || h(z, B, N), o === "DOM" && B != null && (N === q.itemClick || N === q.keyDown || N === q.textNavigation)) {
-      var U;
-      s == null || (U = s(B)) == null || U.focus();
-    }
-  }, [s, h, o]), E = u.useMemo(() => ({
-    highlightedValue: g,
-    selectedValues: (z, B) => $t(z, B, g)
-  }), [g]), M = u.useCallback((z, B, N, U, ne) => {
-    switch (c == null || c(z, B, N, U, ne), B) {
-      case "highlightedValue":
-        $(z, N, U);
-        break;
-      case "selectedValues":
-        m == null || m(z, N, U);
-        break;
-    }
-  }, [$, m, c]), T = u.useMemo(() => ({
-    disabledItemsFocusable: r,
-    disableListWrap: n,
-    focusManagement: o,
-    isItemDisabled: l,
-    itemComparer: g,
-    items: f,
-    getItemAsString: p,
-    onHighlightChange: $,
-    orientation: S,
-    pageSize: P,
-    selectionMode: y,
-    stateComparers: E
-  }), [r, n, o, l, g, f, p, $, S, P, y, E]), W = a(), F = C ?? Kt, H = u.useMemo(() => v({}, w, T), [w, T]), [k, O] = qr({
-    reducer: F,
-    actionContext: H,
-    initialState: W,
-    controlledProps: e,
-    stateComparers: E,
-    onStateChange: M
-  }), {
-    highlightedValue: V,
-    selectedValues: j
-  } = k, Z = sn((z, B) => O({
-    type: q.textNavigation,
-    event: B,
-    searchString: z
-  })), Q = u.useRef([]);
-  u.useEffect(() => {
-    $t(Q.current, f, g) || (O({
-      type: q.itemsChange,
-      event: null,
-      items: f,
-      previousItems: Q.current
-    }), Q.current = f, b == null || b(f));
-  }, [f, g, O, b]);
-  const ee = (z) => (B) => {
-    var N;
-    if ((N = z.onKeyDown) == null || N.call(z, B), B.defaultMuiPrevented)
-      return;
-    const U = ["Home", "End", "PageUp", "PageDown"];
-    S === "vertical" ? U.push("ArrowUp", "ArrowDown") : U.push("ArrowLeft", "ArrowRight"), o === "activeDescendant" && U.push(" ", "Enter"), U.includes(B.key) && B.preventDefault(), O({
-      type: q.keyDown,
-      key: B.key,
-      event: B
-    }), Z(B);
-  }, te = (z) => (B) => {
-    var N, U;
-    (N = z.onBlur) == null || N.call(z, B), !B.defaultMuiPrevented && ((U = L.current) != null && U.contains(B.relatedTarget) || O({
-      type: q.blur,
-      event: B
-    }));
-  }, re = (z = {}) => {
-    const B = Se(z);
-    return v({}, z, {
-      "aria-activedescendant": o === "activeDescendant" && V != null ? i(V) : void 0,
-      tabIndex: o === "DOM" ? -1 : 0,
-      ref: D
-    }, B, {
-      onBlur: te(B),
-      onKeyDown: ee(B)
-    });
-  }, X = u.useCallback((z) => {
-    const B = (j ?? []).some((ne) => ne != null && g(z, ne)), N = V != null && g(z, V);
-    return {
-      focusable: o === "DOM",
-      highlighted: N,
-      selected: B
-    };
-  }, [g, j, V, o]), le = u.useMemo(() => ({
-    dispatch: O,
-    getItemState: X
-  }), [O, X]);
-  return u.useDebugValue({
-    state: k
-  }), {
-    contextValue: le,
-    dispatch: O,
-    getRootProps: re,
-    rootRef: D,
-    state: k
-  };
-}
-const pt = /* @__PURE__ */ u.createContext(null);
-function gn(t) {
-  const {
-    handlePointerOverEvents: e = !1,
-    item: r
-  } = t, n = u.useContext(pt);
-  if (!n)
-    throw new Error("useListItem must be used within a ListProvider");
-  const {
-    dispatch: o,
-    getItemState: a
-  } = n, {
-    highlighted: s,
-    selected: i,
-    focusable: l
-  } = a(r), d = u.useCallback((p) => (m) => {
-    var h;
-    (h = p.onClick) == null || h.call(p, m), !m.defaultPrevented && o({
-      type: q.itemClick,
-      item: r,
-      event: m
-    });
-  }, [o, r]), c = u.useCallback((p) => (m) => {
-    var h;
-    (h = p.onMouseOver) == null || h.call(p, m), !m.defaultPrevented && o({
-      type: q.itemHover,
-      item: r,
-      event: m
-    });
-  }, [o, r]);
-  let f;
-  return l && (f = s ? 0 : -1), {
-    getRootProps: (p = {}) => {
-      const m = Se(p);
-      return v({}, p, {
-        onClick: d(m),
-        onPointerOver: e ? c(m) : void 0,
-        tabIndex: f
-      });
-    },
-    highlighted: s,
-    selected: i
-  };
-}
-const Yt = /* @__PURE__ */ u.createContext(null);
-function hn(t) {
-  const e = Array.from(t.keys()).map((r) => {
-    const n = t.get(r);
-    return {
-      key: r,
-      subitem: n
-    };
-  });
-  return e.sort((r, n) => {
-    const o = r.subitem.ref.current, a = n.subitem.ref.current;
-    return o === null || a === null || o === a ? 0 : o.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
-  }), new Map(e.map((r) => [r.key, r.subitem]));
-}
-function mn() {
-  const [t, e] = u.useState(/* @__PURE__ */ new Map()), r = u.useRef(/* @__PURE__ */ new Set()), n = u.useCallback(function(d) {
-    r.current.delete(d), e((c) => {
-      const f = new Map(c);
-      return f.delete(d), f;
-    });
-  }, []), o = u.useCallback(function(d, c) {
-    let f;
-    return typeof d == "function" ? f = d(r.current) : f = d, r.current.add(f), e((g) => {
-      const p = new Map(g);
-      return p.set(f, c), p;
-    }), {
-      id: f,
-      deregister: () => n(f)
-    };
-  }, [n]), a = u.useMemo(() => hn(t), [t]), s = u.useCallback(function(d) {
-    return Array.from(a.keys()).indexOf(d);
-  }, [a]);
-  return {
-    contextValue: u.useMemo(() => ({
-      getItemIndex: s,
-      registerItem: o,
-      totalSubitemCount: t.size
-    }), [s, o, t.size]),
-    subitems: a
-  };
-}
-function bn(t, e) {
-  const r = u.useContext(Yt);
-  if (r === null)
-    throw new Error("useCompoundItem must be used within a useCompoundParent");
-  const {
-    registerItem: n
-  } = r, [o, a] = u.useState(typeof t == "function" ? void 0 : t);
-  return lt(() => {
-    const {
-      id: s,
-      deregister: i
-    } = n(t, e);
-    return a(s), i;
-  }, [n, e, t]), {
-    id: o,
-    index: o !== void 0 ? r.getItemIndex(o) : -1,
-    totalItemCount: r.totalSubitemCount
-  };
-}
-function st(t, e) {
-  return function(n = {}) {
-    const o = v({}, n, t(n));
-    return v({}, o, e(o));
-  };
-}
-function xn(t) {
-  const {
-    value: e,
-    label: r,
-    disabled: n,
-    rootRef: o,
-    id: a
-  } = t, {
-    getRootProps: s,
-    highlighted: i,
-    selected: l
-  } = gn({
-    item: e
-  }), {
-    getRootProps: d,
-    rootRef: c
-  } = qt({
-    disabled: n,
-    focusableWhenDisabled: !0
-  }), f = Ft(a), g = u.useRef(null), p = u.useMemo(() => ({
-    disabled: n,
-    label: r,
-    value: e,
-    ref: g,
-    id: f
-  }), [n, r, e, f]), {
-    index: m
-  } = bn(e, p), h = xe(o, g, c), b = (P) => (w) => {
-    var y;
-    (y = P.onKeyDown) == null || y.call(P, w), !w.defaultMuiPrevented && [" ", "Enter"].includes(w.key) && (w.defaultMuiPrevented = !0);
-  }, S = (P = {}) => ({
-    onKeyDown: b(P)
-  });
-  return {
-    getRootProps: (P = {}) => {
-      const w = Se(P), y = st(s, st(d, S));
-      return v({}, P, w, y(w), {
-        id: f,
-        ref: h,
-        role: "option",
-        "aria-selected": l
-      });
-    },
-    highlighted: i,
-    index: m,
-    selected: l,
-    rootRef: h
-  };
-}
-function yn(t) {
-  const e = u.useContext(pt);
-  if (!e)
-    throw new Error("Option: ListContext was not found.");
-  const {
-    getItemState: r,
-    dispatch: n
-  } = e, {
-    highlighted: o,
-    selected: a,
-    focusable: s
-  } = r(t), i = u.useCallback((d) => {
-    if (d !== t)
-      throw new Error(["Base UI Option: Tried to access the state of another Option.", "This is unsupported when the Option uses the OptionContextStabilizer as a performance optimization."].join("/n"));
-    return {
-      highlighted: o,
-      selected: a,
-      focusable: s
-    };
-  }, [o, a, s, t]);
-  return {
-    contextValue: u.useMemo(() => ({
-      dispatch: n,
-      getItemState: i
-    }), [n, i])
-  };
-}
-var ae = "top", pe = "bottom", fe = "right", ie = "left", It = "auto", rt = [ae, pe, fe, ie], _e = "start", Ze = "end", In = "clippingParents", Gt = "viewport", Ke = "popper", Cn = "reference", Bt = /* @__PURE__ */ rt.reduce(function(t, e) {
-  return t.concat([e + "-" + _e, e + "-" + Ze]);
-}, []), Zt = /* @__PURE__ */ [].concat(rt, [It]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + _e, e + "-" + Ze]);
-}, []), Sn = "beforeRead", Pn = "read", Rn = "afterRead", wn = "beforeMain", On = "main", Ln = "afterMain", kn = "beforeWrite", Dn = "write", $n = "afterWrite", En = [Sn, Pn, Rn, wn, On, Ln, kn, Dn, $n];
-function ye(t) {
-  return t ? (t.nodeName || "").toLowerCase() : null;
-}
-function ce(t) {
-  if (t == null)
-    return window;
-  if (t.toString() !== "[object Window]") {
-    var e = t.ownerDocument;
-    return e && e.defaultView || window;
-  }
-  return t;
-}
-function He(t) {
-  var e = ce(t).Element;
-  return t instanceof e || t instanceof Element;
-}
-function de(t) {
-  var e = ce(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
-}
-function Ct(t) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  var e = ce(t).ShadowRoot;
-  return t instanceof e || t instanceof ShadowRoot;
-}
-function zn(t) {
-  var e = t.state;
-  Object.keys(e.elements).forEach(function(r) {
-    var n = e.styles[r] || {}, o = e.attributes[r] || {}, a = e.elements[r];
-    !de(a) || !ye(a) || (Object.assign(a.style, n), Object.keys(o).forEach(function(s) {
-      var i = o[s];
-      i === !1 ? a.removeAttribute(s) : a.setAttribute(s, i === !0 ? "" : i);
-    }));
-  });
-}
-function Bn(t) {
-  var e = t.state, r = {
-    popper: {
-      position: e.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  return Object.assign(e.elements.popper.style, r.popper), e.styles = r, e.elements.arrow && Object.assign(e.elements.arrow.style, r.arrow), function() {
-    Object.keys(e.elements).forEach(function(n) {
-      var o = e.elements[n], a = e.attributes[n] || {}, s = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : r[n]), i = s.reduce(function(l, d) {
-        return l[d] = "", l;
-      }, {});
-      !de(o) || !ye(o) || (Object.assign(o.style, i), Object.keys(a).forEach(function(l) {
-        o.removeAttribute(l);
-      }));
-    });
-  };
-}
-const Hn = {
-  name: "applyStyles",
-  enabled: !0,
-  phase: "write",
-  fn: zn,
-  effect: Bn,
-  requires: ["computeStyles"]
-};
-function be(t) {
-  return t.split("-")[0];
-}
-var Be = Math.max, ct = Math.min, je = Math.round;
-function mt() {
-  var t = navigator.userAgentData;
-  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
-    return e.brand + "/" + e.version;
-  }).join(" ") : navigator.userAgent;
-}
-function Qt() {
-  return !/^((?!chrome|android).)*safari/i.test(mt());
-}
-function Ne(t, e, r) {
-  e === void 0 && (e = !1), r === void 0 && (r = !1);
-  var n = t.getBoundingClientRect(), o = 1, a = 1;
-  e && de(t) && (o = t.offsetWidth > 0 && je(n.width) / t.offsetWidth || 1, a = t.offsetHeight > 0 && je(n.height) / t.offsetHeight || 1);
-  var s = He(t) ? ce(t) : window, i = s.visualViewport, l = !Qt() && r, d = (n.left + (l && i ? i.offsetLeft : 0)) / o, c = (n.top + (l && i ? i.offsetTop : 0)) / a, f = n.width / o, g = n.height / a;
-  return {
-    width: f,
-    height: g,
-    top: c,
-    right: d + f,
-    bottom: c + g,
-    left: d,
-    x: d,
-    y: c
-  };
-}
-function St(t) {
-  var e = Ne(t), r = t.offsetWidth, n = t.offsetHeight;
-  return Math.abs(e.width - r) <= 1 && (r = e.width), Math.abs(e.height - n) <= 1 && (n = e.height), {
-    x: t.offsetLeft,
-    y: t.offsetTop,
-    width: r,
-    height: n
-  };
-}
-function er(t, e) {
-  var r = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
-    return !0;
-  if (r && Ct(r)) {
-    var n = e;
-    do {
-      if (n && t.isSameNode(n))
-        return !0;
-      n = n.parentNode || n.host;
-    } while (n);
-  }
-  return !1;
-}
-function Pe(t) {
-  return ce(t).getComputedStyle(t);
-}
-function Vn(t) {
-  return ["table", "td", "th"].indexOf(ye(t)) >= 0;
-}
-function De(t) {
-  return ((He(t) ? t.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    t.document
-  )) || window.document).documentElement;
-}
-function ft(t) {
-  return ye(t) === "html" ? t : (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
-    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    t.parentNode || // DOM Element detected
-    (Ct(t) ? t.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    De(t)
-  );
-}
-function Ht(t) {
-  return !de(t) || // https://github.com/popperjs/popper-core/issues/837
-  Pe(t).position === "fixed" ? null : t.offsetParent;
-}
-function An(t) {
-  var e = /firefox/i.test(mt()), r = /Trident/i.test(mt());
-  if (r && de(t)) {
-    var n = Pe(t);
-    if (n.position === "fixed")
-      return null;
-  }
-  var o = ft(t);
-  for (Ct(o) && (o = o.host); de(o) && ["html", "body"].indexOf(ye(o)) < 0; ) {
-    var a = Pe(o);
-    if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || e && a.willChange === "filter" || e && a.filter && a.filter !== "none")
-      return o;
-    o = o.parentNode;
-  }
-  return null;
-}
-function nt(t) {
-  for (var e = ce(t), r = Ht(t); r && Vn(r) && Pe(r).position === "static"; )
-    r = Ht(r);
-  return r && (ye(r) === "html" || ye(r) === "body" && Pe(r).position === "static") ? e : r || An(t) || e;
-}
-function Pt(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
-}
-function Ye(t, e, r) {
-  return Be(t, ct(e, r));
-}
-function Tn(t, e, r) {
-  var n = Ye(t, e, r);
-  return n > r ? r : n;
-}
-function tr() {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-}
-function rr(t) {
-  return Object.assign({}, tr(), t);
-}
-function nr(t, e) {
-  return e.reduce(function(r, n) {
-    return r[n] = t, r;
-  }, {});
-}
-var Mn = function(e, r) {
-  return e = typeof e == "function" ? e(Object.assign({}, r.rects, {
-    placement: r.placement
-  })) : e, rr(typeof e != "number" ? e : nr(e, rt));
-};
-function Wn(t) {
-  var e, r = t.state, n = t.name, o = t.options, a = r.elements.arrow, s = r.modifiersData.popperOffsets, i = be(r.placement), l = Pt(i), d = [ie, fe].indexOf(i) >= 0, c = d ? "height" : "width";
-  if (!(!a || !s)) {
-    var f = Mn(o.padding, r), g = St(a), p = l === "y" ? ae : ie, m = l === "y" ? pe : fe, h = r.rects.reference[c] + r.rects.reference[l] - s[l] - r.rects.popper[c], b = s[l] - r.rects.reference[l], S = nt(a), P = S ? l === "y" ? S.clientHeight || 0 : S.clientWidth || 0 : 0, w = h / 2 - b / 2, y = f[p], C = P - g[c] - f[m], R = P / 2 - g[c] / 2 + w, L = Ye(y, R, C), D = l;
-    r.modifiersData[n] = (e = {}, e[D] = L, e.centerOffset = L - R, e);
-  }
-}
-function _n(t) {
-  var e = t.state, r = t.options, n = r.element, o = n === void 0 ? "[data-popper-arrow]" : n;
-  o != null && (typeof o == "string" && (o = e.elements.popper.querySelector(o), !o) || er(e.elements.popper, o) && (e.elements.arrow = o));
-}
-const jn = {
-  name: "arrow",
-  enabled: !0,
-  phase: "main",
-  fn: Wn,
-  effect: _n,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function Fe(t) {
-  return t.split("-")[1];
-}
-var Nn = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
-};
-function Fn(t, e) {
-  var r = t.x, n = t.y, o = e.devicePixelRatio || 1;
-  return {
-    x: je(r * o) / o || 0,
-    y: je(n * o) / o || 0
-  };
-}
-function Vt(t) {
-  var e, r = t.popper, n = t.popperRect, o = t.placement, a = t.variation, s = t.offsets, i = t.position, l = t.gpuAcceleration, d = t.adaptive, c = t.roundOffsets, f = t.isFixed, g = s.x, p = g === void 0 ? 0 : g, m = s.y, h = m === void 0 ? 0 : m, b = typeof c == "function" ? c({
-    x: p,
-    y: h
-  }) : {
-    x: p,
-    y: h
-  };
-  p = b.x, h = b.y;
-  var S = s.hasOwnProperty("x"), P = s.hasOwnProperty("y"), w = ie, y = ae, C = window;
-  if (d) {
-    var R = nt(r), L = "clientHeight", D = "clientWidth";
-    if (R === ce(r) && (R = De(r), Pe(R).position !== "static" && i === "absolute" && (L = "scrollHeight", D = "scrollWidth")), R = R, o === ae || (o === ie || o === fe) && a === Ze) {
-      y = pe;
-      var $ = f && R === C && C.visualViewport ? C.visualViewport.height : (
-        // $FlowFixMe[prop-missing]
-        R[L]
-      );
-      h -= $ - n.height, h *= l ? 1 : -1;
-    }
-    if (o === ie || (o === ae || o === pe) && a === Ze) {
-      w = fe;
-      var E = f && R === C && C.visualViewport ? C.visualViewport.width : (
-        // $FlowFixMe[prop-missing]
-        R[D]
-      );
-      p -= E - n.width, p *= l ? 1 : -1;
-    }
-  }
-  var M = Object.assign({
-    position: i
-  }, d && Nn), T = c === !0 ? Fn({
-    x: p,
-    y: h
-  }, ce(r)) : {
-    x: p,
-    y: h
-  };
-  if (p = T.x, h = T.y, l) {
-    var W;
-    return Object.assign({}, M, (W = {}, W[y] = P ? "0" : "", W[w] = S ? "0" : "", W.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", W));
-  }
-  return Object.assign({}, M, (e = {}, e[y] = P ? h + "px" : "", e[w] = S ? p + "px" : "", e.transform = "", e));
-}
-function Un(t) {
-  var e = t.state, r = t.options, n = r.gpuAcceleration, o = n === void 0 ? !0 : n, a = r.adaptive, s = a === void 0 ? !0 : a, i = r.roundOffsets, l = i === void 0 ? !0 : i, d = {
-    placement: be(e.placement),
-    variation: Fe(e.placement),
-    popper: e.elements.popper,
-    popperRect: e.rects.popper,
-    gpuAcceleration: o,
-    isFixed: e.options.strategy === "fixed"
-  };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, Vt(Object.assign({}, d, {
-    offsets: e.modifiersData.popperOffsets,
-    position: e.options.strategy,
-    adaptive: s,
-    roundOffsets: l
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, Vt(Object.assign({}, d, {
-    offsets: e.modifiersData.arrow,
-    position: "absolute",
-    adaptive: !1,
-    roundOffsets: l
-  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-placement": e.placement
-  });
-}
-const qn = {
-  name: "computeStyles",
-  enabled: !0,
-  phase: "beforeWrite",
-  fn: Un,
-  data: {}
-};
-var ot = {
-  passive: !0
-};
-function Jn(t) {
-  var e = t.state, r = t.instance, n = t.options, o = n.scroll, a = o === void 0 ? !0 : o, s = n.resize, i = s === void 0 ? !0 : s, l = ce(e.elements.popper), d = [].concat(e.scrollParents.reference, e.scrollParents.popper);
-  return a && d.forEach(function(c) {
-    c.addEventListener("scroll", r.update, ot);
-  }), i && l.addEventListener("resize", r.update, ot), function() {
-    a && d.forEach(function(c) {
-      c.removeEventListener("scroll", r.update, ot);
-    }), i && l.removeEventListener("resize", r.update, ot);
-  };
-}
-const Xn = {
-  name: "eventListeners",
-  enabled: !0,
-  phase: "write",
-  fn: function() {
-  },
-  effect: Jn,
-  data: {}
-};
-var Kn = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function at(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return Kn[e];
-  });
-}
-var Yn = {
-  start: "end",
-  end: "start"
-};
-function At(t) {
-  return t.replace(/start|end/g, function(e) {
-    return Yn[e];
-  });
-}
-function Rt(t) {
-  var e = ce(t), r = e.pageXOffset, n = e.pageYOffset;
-  return {
-    scrollLeft: r,
-    scrollTop: n
-  };
-}
-function wt(t) {
-  return Ne(De(t)).left + Rt(t).scrollLeft;
-}
-function Gn(t, e) {
-  var r = ce(t), n = De(t), o = r.visualViewport, a = n.clientWidth, s = n.clientHeight, i = 0, l = 0;
-  if (o) {
-    a = o.width, s = o.height;
-    var d = Qt();
-    (d || !d && e === "fixed") && (i = o.offsetLeft, l = o.offsetTop);
-  }
-  return {
-    width: a,
-    height: s,
-    x: i + wt(t),
-    y: l
-  };
-}
-function Zn(t) {
-  var e, r = De(t), n = Rt(t), o = (e = t.ownerDocument) == null ? void 0 : e.body, a = Be(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), s = Be(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), i = -n.scrollLeft + wt(t), l = -n.scrollTop;
-  return Pe(o || r).direction === "rtl" && (i += Be(r.clientWidth, o ? o.clientWidth : 0) - a), {
-    width: a,
-    height: s,
-    x: i,
-    y: l
-  };
-}
-function Ot(t) {
-  var e = Pe(t), r = e.overflow, n = e.overflowX, o = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(r + o + n);
-}
-function or(t) {
-  return ["html", "body", "#document"].indexOf(ye(t)) >= 0 ? t.ownerDocument.body : de(t) && Ot(t) ? t : or(ft(t));
-}
-function Ge(t, e) {
-  var r;
-  e === void 0 && (e = []);
-  var n = or(t), o = n === ((r = t.ownerDocument) == null ? void 0 : r.body), a = ce(n), s = o ? [a].concat(a.visualViewport || [], Ot(n) ? n : []) : n, i = e.concat(s);
-  return o ? i : (
-    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    i.concat(Ge(ft(s)))
-  );
-}
-function bt(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
-  });
-}
-function Qn(t, e) {
-  var r = Ne(t, !1, e === "fixed");
-  return r.top = r.top + t.clientTop, r.left = r.left + t.clientLeft, r.bottom = r.top + t.clientHeight, r.right = r.left + t.clientWidth, r.width = t.clientWidth, r.height = t.clientHeight, r.x = r.left, r.y = r.top, r;
-}
-function Tt(t, e, r) {
-  return e === Gt ? bt(Gn(t, r)) : He(e) ? Qn(e, r) : bt(Zn(De(t)));
-}
-function eo(t) {
-  var e = Ge(ft(t)), r = ["absolute", "fixed"].indexOf(Pe(t).position) >= 0, n = r && de(t) ? nt(t) : t;
-  return He(n) ? e.filter(function(o) {
-    return He(o) && er(o, n) && ye(o) !== "body";
-  }) : [];
-}
-function to(t, e, r, n) {
-  var o = e === "clippingParents" ? eo(t) : [].concat(e), a = [].concat(o, [r]), s = a[0], i = a.reduce(function(l, d) {
-    var c = Tt(t, d, n);
-    return l.top = Be(c.top, l.top), l.right = ct(c.right, l.right), l.bottom = ct(c.bottom, l.bottom), l.left = Be(c.left, l.left), l;
-  }, Tt(t, s, n));
-  return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
-}
-function ar(t) {
-  var e = t.reference, r = t.element, n = t.placement, o = n ? be(n) : null, a = n ? Fe(n) : null, s = e.x + e.width / 2 - r.width / 2, i = e.y + e.height / 2 - r.height / 2, l;
-  switch (o) {
-    case ae:
-      l = {
-        x: s,
-        y: e.y - r.height
-      };
-      break;
-    case pe:
-      l = {
-        x: s,
-        y: e.y + e.height
-      };
-      break;
-    case fe:
-      l = {
-        x: e.x + e.width,
-        y: i
-      };
-      break;
-    case ie:
-      l = {
-        x: e.x - r.width,
-        y: i
-      };
-      break;
-    default:
-      l = {
-        x: e.x,
-        y: e.y
-      };
-  }
-  var d = o ? Pt(o) : null;
-  if (d != null) {
-    var c = d === "y" ? "height" : "width";
-    switch (a) {
-      case _e:
-        l[d] = l[d] - (e[c] / 2 - r[c] / 2);
-        break;
-      case Ze:
-        l[d] = l[d] + (e[c] / 2 - r[c] / 2);
-        break;
-    }
-  }
-  return l;
-}
-function Qe(t, e) {
-  e === void 0 && (e = {});
-  var r = e, n = r.placement, o = n === void 0 ? t.placement : n, a = r.strategy, s = a === void 0 ? t.strategy : a, i = r.boundary, l = i === void 0 ? In : i, d = r.rootBoundary, c = d === void 0 ? Gt : d, f = r.elementContext, g = f === void 0 ? Ke : f, p = r.altBoundary, m = p === void 0 ? !1 : p, h = r.padding, b = h === void 0 ? 0 : h, S = rr(typeof b != "number" ? b : nr(b, rt)), P = g === Ke ? Cn : Ke, w = t.rects.popper, y = t.elements[m ? P : g], C = to(He(y) ? y : y.contextElement || De(t.elements.popper), l, c, s), R = Ne(t.elements.reference), L = ar({
-    reference: R,
-    element: w,
-    placement: o
-  }), D = bt(Object.assign({}, w, L)), $ = g === Ke ? D : R, E = {
-    top: C.top - $.top + S.top,
-    bottom: $.bottom - C.bottom + S.bottom,
-    left: C.left - $.left + S.left,
-    right: $.right - C.right + S.right
-  }, M = t.modifiersData.offset;
-  if (g === Ke && M) {
-    var T = M[o];
-    Object.keys(E).forEach(function(W) {
-      var F = [fe, pe].indexOf(W) >= 0 ? 1 : -1, H = [ae, pe].indexOf(W) >= 0 ? "y" : "x";
-      E[W] += T[H] * F;
-    });
-  }
-  return E;
-}
-function ro(t, e) {
-  e === void 0 && (e = {});
-  var r = e, n = r.placement, o = r.boundary, a = r.rootBoundary, s = r.padding, i = r.flipVariations, l = r.allowedAutoPlacements, d = l === void 0 ? Zt : l, c = Fe(n), f = c ? i ? Bt : Bt.filter(function(m) {
-    return Fe(m) === c;
-  }) : rt, g = f.filter(function(m) {
-    return d.indexOf(m) >= 0;
-  });
-  g.length === 0 && (g = f);
-  var p = g.reduce(function(m, h) {
-    return m[h] = Qe(t, {
-      placement: h,
-      boundary: o,
-      rootBoundary: a,
-      padding: s
-    })[be(h)], m;
-  }, {});
-  return Object.keys(p).sort(function(m, h) {
-    return p[m] - p[h];
-  });
-}
-function no(t) {
-  if (be(t) === It)
-    return [];
-  var e = at(t);
-  return [At(t), e, At(e)];
-}
-function oo(t) {
-  var e = t.state, r = t.options, n = t.name;
-  if (!e.modifiersData[n]._skip) {
-    for (var o = r.mainAxis, a = o === void 0 ? !0 : o, s = r.altAxis, i = s === void 0 ? !0 : s, l = r.fallbackPlacements, d = r.padding, c = r.boundary, f = r.rootBoundary, g = r.altBoundary, p = r.flipVariations, m = p === void 0 ? !0 : p, h = r.allowedAutoPlacements, b = e.options.placement, S = be(b), P = S === b, w = l || (P || !m ? [at(b)] : no(b)), y = [b].concat(w).reduce(function(re, X) {
-      return re.concat(be(X) === It ? ro(e, {
-        placement: X,
-        boundary: c,
-        rootBoundary: f,
-        padding: d,
-        flipVariations: m,
-        allowedAutoPlacements: h
-      }) : X);
-    }, []), C = e.rects.reference, R = e.rects.popper, L = /* @__PURE__ */ new Map(), D = !0, $ = y[0], E = 0; E < y.length; E++) {
-      var M = y[E], T = be(M), W = Fe(M) === _e, F = [ae, pe].indexOf(T) >= 0, H = F ? "width" : "height", k = Qe(e, {
-        placement: M,
-        boundary: c,
-        rootBoundary: f,
-        altBoundary: g,
-        padding: d
-      }), O = F ? W ? fe : ie : W ? pe : ae;
-      C[H] > R[H] && (O = at(O));
-      var V = at(O), j = [];
-      if (a && j.push(k[T] <= 0), i && j.push(k[O] <= 0, k[V] <= 0), j.every(function(re) {
-        return re;
-      })) {
-        $ = M, D = !1;
-        break;
-      }
-      L.set(M, j);
-    }
-    if (D)
-      for (var Z = m ? 3 : 1, Q = function(X) {
-        var le = y.find(function(z) {
-          var B = L.get(z);
-          if (B)
-            return B.slice(0, X).every(function(N) {
-              return N;
-            });
-        });
-        if (le)
-          return $ = le, "break";
-      }, ee = Z; ee > 0; ee--) {
-        var te = Q(ee);
-        if (te === "break") break;
-      }
-    e.placement !== $ && (e.modifiersData[n]._skip = !0, e.placement = $, e.reset = !0);
-  }
-}
-const ao = {
-  name: "flip",
-  enabled: !0,
-  phase: "main",
-  fn: oo,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: !1
-  }
-};
-function Mt(t, e, r) {
-  return r === void 0 && (r = {
-    x: 0,
-    y: 0
-  }), {
-    top: t.top - e.height - r.y,
-    right: t.right - e.width + r.x,
-    bottom: t.bottom - e.height + r.y,
-    left: t.left - e.width - r.x
-  };
-}
-function Wt(t) {
-  return [ae, fe, pe, ie].some(function(e) {
-    return t[e] >= 0;
-  });
-}
-function io(t) {
-  var e = t.state, r = t.name, n = e.rects.reference, o = e.rects.popper, a = e.modifiersData.preventOverflow, s = Qe(e, {
-    elementContext: "reference"
-  }), i = Qe(e, {
-    altBoundary: !0
-  }), l = Mt(s, n), d = Mt(i, o, a), c = Wt(l), f = Wt(d);
-  e.modifiersData[r] = {
-    referenceClippingOffsets: l,
-    popperEscapeOffsets: d,
-    isReferenceHidden: c,
-    hasPopperEscaped: f
-  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
-    "data-popper-reference-hidden": c,
-    "data-popper-escaped": f
-  });
-}
-const lo = {
-  name: "hide",
-  enabled: !0,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: io
-};
-function so(t, e, r) {
-  var n = be(t), o = [ie, ae].indexOf(n) >= 0 ? -1 : 1, a = typeof r == "function" ? r(Object.assign({}, e, {
-    placement: t
-  })) : r, s = a[0], i = a[1];
-  return s = s || 0, i = (i || 0) * o, [ie, fe].indexOf(n) >= 0 ? {
-    x: i,
-    y: s
-  } : {
-    x: s,
-    y: i
-  };
-}
-function co(t) {
-  var e = t.state, r = t.options, n = t.name, o = r.offset, a = o === void 0 ? [0, 0] : o, s = Zt.reduce(function(c, f) {
-    return c[f] = so(f, e.rects, a), c;
-  }, {}), i = s[e.placement], l = i.x, d = i.y;
-  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += l, e.modifiersData.popperOffsets.y += d), e.modifiersData[n] = s;
-}
-const uo = {
-  name: "offset",
-  enabled: !0,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: co
-};
-function po(t) {
-  var e = t.state, r = t.name;
-  e.modifiersData[r] = ar({
-    reference: e.rects.reference,
-    element: e.rects.popper,
-    placement: e.placement
-  });
-}
-const fo = {
-  name: "popperOffsets",
-  enabled: !0,
-  phase: "read",
-  fn: po,
-  data: {}
-};
-function vo(t) {
-  return t === "x" ? "y" : "x";
-}
-function go(t) {
-  var e = t.state, r = t.options, n = t.name, o = r.mainAxis, a = o === void 0 ? !0 : o, s = r.altAxis, i = s === void 0 ? !1 : s, l = r.boundary, d = r.rootBoundary, c = r.altBoundary, f = r.padding, g = r.tether, p = g === void 0 ? !0 : g, m = r.tetherOffset, h = m === void 0 ? 0 : m, b = Qe(e, {
-    boundary: l,
-    rootBoundary: d,
-    padding: f,
-    altBoundary: c
-  }), S = be(e.placement), P = Fe(e.placement), w = !P, y = Pt(S), C = vo(y), R = e.modifiersData.popperOffsets, L = e.rects.reference, D = e.rects.popper, $ = typeof h == "function" ? h(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : h, E = typeof $ == "number" ? {
-    mainAxis: $,
-    altAxis: $
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, $), M = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, T = {
-    x: 0,
-    y: 0
-  };
-  if (R) {
-    if (a) {
-      var W, F = y === "y" ? ae : ie, H = y === "y" ? pe : fe, k = y === "y" ? "height" : "width", O = R[y], V = O + b[F], j = O - b[H], Z = p ? -D[k] / 2 : 0, Q = P === _e ? L[k] : D[k], ee = P === _e ? -D[k] : -L[k], te = e.elements.arrow, re = p && te ? St(te) : {
-        width: 0,
-        height: 0
-      }, X = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : tr(), le = X[F], z = X[H], B = Ye(0, L[k], re[k]), N = w ? L[k] / 2 - Z - B - le - E.mainAxis : Q - B - le - E.mainAxis, U = w ? -L[k] / 2 + Z + B + z + E.mainAxis : ee + B + z + E.mainAxis, ne = e.elements.arrow && nt(e.elements.arrow), ve = ne ? y === "y" ? ne.clientTop || 0 : ne.clientLeft || 0 : 0, he = (W = M == null ? void 0 : M[y]) != null ? W : 0, Ie = O + N - he - ve, $e = O + U - he, Ve = Ye(p ? ct(V, Ie) : V, O, p ? Be(j, $e) : j);
-      R[y] = Ve, T[y] = Ve - O;
-    }
-    if (i) {
-      var Re, qe = y === "x" ? ae : ie, Je = y === "x" ? pe : fe, ge = R[C], we = C === "y" ? "height" : "width", Ae = ge + b[qe], Te = ge - b[Je], Ee = [ae, ie].indexOf(S) !== -1, Oe = (Re = M == null ? void 0 : M[C]) != null ? Re : 0, ze = Ee ? Ae : ge - L[we] - D[we] - Oe + E.altAxis, se = Ee ? ge + L[we] + D[we] - Oe - E.altAxis : Te, oe = p && Ee ? Tn(ze, ge, se) : Ye(p ? ze : Ae, ge, p ? se : Te);
-      R[C] = oe, T[C] = oe - ge;
-    }
-    e.modifiersData[n] = T;
-  }
-}
-const ho = {
-  name: "preventOverflow",
-  enabled: !0,
-  phase: "main",
-  fn: go,
-  requiresIfExists: ["offset"]
-};
-function mo(t) {
-  return {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  };
-}
-function bo(t) {
-  return t === ce(t) || !de(t) ? Rt(t) : mo(t);
-}
-function xo(t) {
-  var e = t.getBoundingClientRect(), r = je(e.width) / t.offsetWidth || 1, n = je(e.height) / t.offsetHeight || 1;
-  return r !== 1 || n !== 1;
-}
-function yo(t, e, r) {
-  r === void 0 && (r = !1);
-  var n = de(e), o = de(e) && xo(e), a = De(e), s = Ne(t, o, r), i = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, l = {
-    x: 0,
-    y: 0
-  };
-  return (n || !n && !r) && ((ye(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Ot(a)) && (i = bo(e)), de(e) ? (l = Ne(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : a && (l.x = wt(a))), {
-    x: s.left + i.scrollLeft - l.x,
-    y: s.top + i.scrollTop - l.y,
-    width: s.width,
-    height: s.height
-  };
-}
-function Io(t) {
-  var e = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = [];
-  t.forEach(function(a) {
-    e.set(a.name, a);
-  });
-  function o(a) {
-    r.add(a.name);
-    var s = [].concat(a.requires || [], a.requiresIfExists || []);
-    s.forEach(function(i) {
-      if (!r.has(i)) {
-        var l = e.get(i);
-        l && o(l);
-      }
-    }), n.push(a);
-  }
-  return t.forEach(function(a) {
-    r.has(a.name) || o(a);
-  }), n;
-}
-function Co(t) {
-  var e = Io(t);
-  return En.reduce(function(r, n) {
-    return r.concat(e.filter(function(o) {
-      return o.phase === n;
-    }));
-  }, []);
-}
-function So(t) {
-  var e;
-  return function() {
-    return e || (e = new Promise(function(r) {
-      Promise.resolve().then(function() {
-        e = void 0, r(t());
-      });
-    })), e;
-  };
-}
-function Po(t) {
-  var e = t.reduce(function(r, n) {
-    var o = r[n.name];
-    return r[n.name] = o ? Object.assign({}, o, n, {
-      options: Object.assign({}, o.options, n.options),
-      data: Object.assign({}, o.data, n.data)
-    }) : n, r;
-  }, {});
-  return Object.keys(e).map(function(r) {
-    return e[r];
-  });
-}
-var _t = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
-};
-function jt() {
-  for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)
-    e[r] = arguments[r];
-  return !e.some(function(n) {
-    return !(n && typeof n.getBoundingClientRect == "function");
-  });
-}
-function Ro(t) {
-  t === void 0 && (t = {});
-  var e = t, r = e.defaultModifiers, n = r === void 0 ? [] : r, o = e.defaultOptions, a = o === void 0 ? _t : o;
-  return function(i, l, d) {
-    d === void 0 && (d = a);
-    var c = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, _t, a),
-      modifiersData: {},
-      elements: {
-        reference: i,
-        popper: l
-      },
-      attributes: {},
-      styles: {}
-    }, f = [], g = !1, p = {
-      state: c,
-      setOptions: function(S) {
-        var P = typeof S == "function" ? S(c.options) : S;
-        h(), c.options = Object.assign({}, a, c.options, P), c.scrollParents = {
-          reference: He(i) ? Ge(i) : i.contextElement ? Ge(i.contextElement) : [],
-          popper: Ge(l)
-        };
-        var w = Co(Po([].concat(n, c.options.modifiers)));
-        return c.orderedModifiers = w.filter(function(y) {
-          return y.enabled;
-        }), m(), p.update();
-      },
-      // Sync update – it will always be executed, even if not necessary. This
-      // is useful for low frequency updates where sync behavior simplifies the
-      // logic.
-      // For high frequency updates (e.g. `resize` and `scroll` events), always
-      // prefer the async Popper#update method
-      forceUpdate: function() {
-        if (!g) {
-          var S = c.elements, P = S.reference, w = S.popper;
-          if (jt(P, w)) {
-            c.rects = {
-              reference: yo(P, nt(w), c.options.strategy === "fixed"),
-              popper: St(w)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(E) {
-              return c.modifiersData[E.name] = Object.assign({}, E.data);
-            });
-            for (var y = 0; y < c.orderedModifiers.length; y++) {
-              if (c.reset === !0) {
-                c.reset = !1, y = -1;
-                continue;
-              }
-              var C = c.orderedModifiers[y], R = C.fn, L = C.options, D = L === void 0 ? {} : L, $ = C.name;
-              typeof R == "function" && (c = R({
-                state: c,
-                options: D,
-                name: $,
-                instance: p
-              }) || c);
-            }
-          }
-        }
-      },
-      // Async and optimistically optimized update – it will not be executed if
-      // not necessary (debounced to run at most once-per-tick)
-      update: So(function() {
-        return new Promise(function(b) {
-          p.forceUpdate(), b(c);
-        });
-      }),
-      destroy: function() {
-        h(), g = !0;
-      }
-    };
-    if (!jt(i, l))
-      return p;
-    p.setOptions(d).then(function(b) {
-      !g && d.onFirstUpdate && d.onFirstUpdate(b);
-    });
-    function m() {
-      c.orderedModifiers.forEach(function(b) {
-        var S = b.name, P = b.options, w = P === void 0 ? {} : P, y = b.effect;
-        if (typeof y == "function") {
-          var C = y({
-            state: c,
-            name: S,
-            instance: p,
-            options: w
-          }), R = function() {
-          };
-          f.push(C || R);
-        }
-      });
-    }
-    function h() {
-      f.forEach(function(b) {
-        return b();
-      }), f = [];
-    }
-    return p;
-  };
-}
-var wo = [Xn, fo, qn, Hn, uo, ao, ho, jn, lo], Oo = /* @__PURE__ */ Ro({
-  defaultModifiers: wo
-});
-const Lo = "Popper";
-function ko(t) {
-  return Nr(Lo, t);
-}
-const Do = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], $o = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
-function Eo(t, e) {
-  if (e === "ltr")
-    return t;
-  switch (t) {
-    case "bottom-end":
-      return "bottom-start";
-    case "bottom-start":
-      return "bottom-end";
-    case "top-end":
-      return "top-start";
-    case "top-start":
-      return "top-end";
-    default:
-      return t;
-  }
-}
-function xt(t) {
-  return typeof t == "function" ? t() : t;
-}
-function zo(t) {
-  return t.nodeType !== void 0;
-}
-const Bo = () => et({
-  root: ["root"]
-}, Wr(ko)), Ho = {}, Vo = /* @__PURE__ */ u.forwardRef(function(e, r) {
-  var n;
-  const {
-    anchorEl: o,
-    children: a,
-    direction: s,
-    disablePortal: i,
-    modifiers: l,
-    open: d,
-    placement: c,
-    popperOptions: f,
-    popperRef: g,
-    slotProps: p = {},
-    slots: m = {},
-    TransitionProps: h
-    // @ts-ignore internal logic
-    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-  } = e, b = ke(e, Do), S = u.useRef(null), P = xe(S, r), w = u.useRef(null), y = xe(w, g), C = u.useRef(y);
-  lt(() => {
-    C.current = y;
-  }, [y]), u.useImperativeHandle(g, () => w.current, []);
-  const R = Eo(c, s), [L, D] = u.useState(R), [$, E] = u.useState(xt(o));
-  u.useEffect(() => {
-    w.current && w.current.forceUpdate();
-  }), u.useEffect(() => {
-    o && E(xt(o));
-  }, [o]), lt(() => {
-    if (!$ || !d)
-      return;
-    const H = (V) => {
-      D(V.placement);
-    };
-    let k = [{
-      name: "preventOverflow",
-      options: {
-        altBoundary: i
-      }
-    }, {
-      name: "flip",
-      options: {
-        altBoundary: i
-      }
-    }, {
-      name: "onUpdate",
-      enabled: !0,
-      phase: "afterWrite",
-      fn: ({
-        state: V
-      }) => {
-        H(V);
-      }
-    }];
-    l != null && (k = k.concat(l)), f && f.modifiers != null && (k = k.concat(f.modifiers));
-    const O = Oo($, S.current, v({
-      placement: R
-    }, f, {
-      modifiers: k
-    }));
-    return C.current(O), () => {
-      O.destroy(), C.current(null);
-    };
-  }, [$, i, l, d, f, R]);
-  const M = {
-    placement: L
-  };
-  h !== null && (M.TransitionProps = h);
-  const T = Bo(), W = (n = m.root) != null ? n : "div", F = Ar({
-    elementType: W,
-    externalSlotProps: p.root,
-    externalForwardedProps: b,
-    additionalProps: {
-      role: "tooltip",
-      ref: P
-    },
-    ownerState: e,
-    className: T.root
-  });
-  return /* @__PURE__ */ _.jsx(W, v({}, F, {
-    children: typeof a == "function" ? a(M) : a
-  }));
-}), Ao = /* @__PURE__ */ u.forwardRef(function(e, r) {
-  const {
-    anchorEl: n,
-    children: o,
-    container: a,
-    direction: s = "ltr",
-    disablePortal: i = !1,
-    keepMounted: l = !1,
-    modifiers: d,
-    open: c,
-    placement: f = "bottom",
-    popperOptions: g = Ho,
-    popperRef: p,
-    style: m,
-    transition: h = !1,
-    slotProps: b = {},
-    slots: S = {}
-  } = e, P = ke(e, $o), [w, y] = u.useState(!0), C = () => {
-    y(!1);
-  }, R = () => {
-    y(!0);
-  };
-  if (!l && !c && (!h || w))
-    return null;
-  let L;
-  if (a)
-    L = a;
-  else if (n) {
-    const E = xt(n);
-    L = E && zo(E) ? Dt(E).body : Dt(null).body;
-  }
-  const D = !c && l && (!h || w) ? "none" : void 0, $ = h ? {
-    in: c,
-    onEnter: C,
-    onExited: R
-  } : void 0;
-  return /* @__PURE__ */ _.jsx(Br, {
-    disablePortal: i,
-    container: L,
-    children: /* @__PURE__ */ _.jsx(Vo, v({
-      anchorEl: n,
-      direction: s,
-      disablePortal: i,
-      modifiers: d,
-      ref: r,
-      open: h ? !w : c,
-      placement: f,
-      popperOptions: g,
-      popperRef: p,
-      slotProps: b,
-      slots: S
-    }, P, {
-      style: v({
-        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
-        position: "fixed",
-        // Fix Popper.js display issue
-        top: 0,
-        left: 0,
-        display: D
-      }, m),
-      TransitionProps: $,
-      children: o
-    }))
-  });
-}), ut = {
-  buttonClick: "buttonClick",
-  browserAutoFill: "browserAutoFill"
-}, To = (t) => {
-  const {
-    label: e,
-    value: r
-  } = t;
-  return typeof e == "string" ? e : typeof r == "string" ? r : String(t);
-};
-function Mo(t, e) {
-  const {
-    open: r
-  } = t, {
-    context: {
-      selectionMode: n
-    }
-  } = e;
-  if (e.type === ut.buttonClick) {
-    var o;
-    const l = (o = t.selectedValues[0]) != null ? o : Y(null, "start", e.context);
-    return v({}, t, {
-      open: !r,
-      highlightedValue: r ? null : l
-    });
-  }
-  if (e.type === ut.browserAutoFill)
-    return yt(e.item, t, e.context);
-  const a = Kt(t, e);
-  switch (e.type) {
-    case q.keyDown:
-      if (t.open) {
-        if (e.event.key === "Escape")
-          return v({}, a, {
-            open: !1
-          });
-      } else {
-        if (e.event.key === "ArrowDown") {
-          var s;
-          return v({}, t, {
-            open: !0,
-            highlightedValue: (s = t.selectedValues[0]) != null ? s : Y(null, "start", e.context)
-          });
-        }
-        if (e.event.key === "ArrowUp") {
-          var i;
-          return v({}, t, {
-            open: !0,
-            highlightedValue: (i = t.selectedValues[0]) != null ? i : Y(null, "end", e.context)
-          });
-        }
-      }
-      break;
-    case q.itemClick:
-      if (n === "single")
-        return v({}, a, {
-          open: !1
-        });
-      break;
-    case q.blur:
-      return v({}, a, {
-        open: !1
-      });
-    default:
-      return a;
-  }
-  return a;
-}
-function Wo(t) {
-  return Array.isArray(t) ? t.length === 0 ? "" : JSON.stringify(t.map((e) => e.value)) : (t == null ? void 0 : t.value) == null ? "" : typeof t.value == "string" || typeof t.value == "number" ? t.value : JSON.stringify(t.value);
-}
-function _o(t) {
-  const {
-    areOptionsEqual: e,
-    buttonRef: r,
-    defaultOpen: n = !1,
-    defaultValue: o,
-    disabled: a = !1,
-    listboxId: s,
-    listboxRef: i,
-    multiple: l = !1,
-    name: d,
-    required: c,
-    onChange: f,
-    onHighlightChange: g,
-    onOpenChange: p,
-    open: m,
-    options: h,
-    getOptionAsString: b = To,
-    getSerializedValue: S = Wo,
-    value: P,
-    componentName: w = "useSelect"
-  } = t, y = u.useRef(null), C = xe(r, y), R = u.useRef(null), L = Ft(s);
-  let D;
-  P === void 0 && o === void 0 ? D = [] : o !== void 0 && (l ? D = o : D = o == null ? [] : [o]);
-  const $ = u.useMemo(() => {
-    if (P !== void 0)
-      return l ? P : P == null ? [] : [P];
-  }, [P, l]), {
-    subitems: E,
-    contextValue: M
-  } = mn(), T = u.useMemo(() => h != null ? new Map(h.map((x, I) => [x.value, {
-    value: x.value,
-    label: x.label,
-    disabled: x.disabled,
-    ref: /* @__PURE__ */ u.createRef(),
-    id: `${L}_${I}`
-  }])) : E, [h, E, L]), W = xe(i, R), {
-    getRootProps: F,
-    active: H,
-    focusVisible: k,
-    rootRef: O
-  } = qt({
-    disabled: a,
-    rootRef: C
-  }), V = u.useMemo(() => Array.from(T.keys()), [T]), j = u.useCallback((x) => {
-    if (e !== void 0) {
-      const I = V.find((A) => e(A, x));
-      return T.get(I);
-    }
-    return T.get(x);
-  }, [T, e, V]), Z = u.useCallback((x) => {
-    var I;
-    const A = j(x);
-    return (I = A == null ? void 0 : A.disabled) != null ? I : !1;
-  }, [j]), Q = u.useCallback((x) => {
-    const I = j(x);
-    return I ? b(I) : "";
-  }, [j, b]), ee = u.useMemo(() => ({
-    selectedValues: $,
-    open: m
-  }), [$, m]), te = u.useCallback((x) => {
-    var I;
-    return (I = T.get(x)) == null ? void 0 : I.id;
-  }, [T]), re = u.useCallback((x, I) => {
-    if (l)
-      f == null || f(x, I);
-    else {
-      var A;
-      f == null || f(x, (A = I[0]) != null ? A : null);
-    }
-  }, [l, f]), X = u.useCallback((x, I) => {
-    g == null || g(x, I ?? null);
-  }, [g]), le = u.useCallback((x, I, A) => {
-    if (I === "open" && (p == null || p(A), A === !1 && (x == null ? void 0 : x.type) !== "blur")) {
-      var K;
-      (K = y.current) == null || K.focus();
-    }
-  }, [p]), z = u.useCallback((x) => {
-    var I, A;
-    return x == null ? null : (I = (A = E.get(x)) == null ? void 0 : A.ref.current) != null ? I : null;
-  }, [E]), B = {
-    getInitialState: () => {
-      var x;
-      return {
-        highlightedValue: null,
-        selectedValues: (x = D) != null ? x : [],
-        open: n
-      };
-    },
-    getItemId: te,
-    controlledProps: ee,
-    focusManagement: "DOM",
-    getItemDomElement: z,
-    itemComparer: e,
-    isItemDisabled: Z,
-    rootRef: W,
-    onChange: re,
-    onHighlightChange: X,
-    onStateChange: le,
-    reducerActionContext: u.useMemo(() => ({
-      multiple: l
-    }), [l]),
-    items: V,
-    getItemAsString: Q,
-    selectionMode: l ? "multiple" : "single",
-    stateReducer: Mo,
-    componentName: w
-  }, {
-    dispatch: N,
-    getRootProps: U,
-    contextValue: ne,
-    state: {
-      open: ve,
-      highlightedValue: he,
-      selectedValues: Ie
-    },
-    rootRef: $e
-  } = vn(B), Ve = u.useRef(ve);
-  lt(() => {
-    if (ve && he !== null) {
-      var x;
-      const I = (x = j(he)) == null ? void 0 : x.ref;
-      if (!R.current || !(I != null && I.current))
-        return;
-      Ve.current || I.current.focus({
-        preventScroll: !0
-      });
-      const A = R.current.getBoundingClientRect(), K = I.current.getBoundingClientRect();
-      K.top < A.top ? R.current.scrollTop -= A.top - K.top : K.bottom > A.bottom && (R.current.scrollTop += K.bottom - A.bottom);
-    }
-  }, [ve, he, j]);
-  const Re = u.useCallback((x) => j(x), [j]), qe = (x) => (I) => {
-    var A;
-    if (x == null || (A = x.onClick) == null || A.call(x, I), !I.defaultMuiPrevented) {
-      const K = {
-        type: ut.buttonClick,
-        event: I
-      };
-      N(K);
-    }
-  }, Je = (x) => (I) => {
-    var A;
-    (A = x.onKeyDown) == null || A.call(x, I), !I.defaultMuiPrevented && (I.key === "ArrowDown" || I.key === "ArrowUp") && (I.preventDefault(), N({
-      type: q.keyDown,
-      key: I.key,
-      event: I
-    }));
-  }, ge = (x = {}) => ({
-    onClick: qe(x),
-    onKeyDown: Je(x)
-  }), we = (x = {}) => v({}, x, ge(x), {
-    role: "combobox",
-    "aria-expanded": ve,
-    "aria-controls": L
-  }), Ae = (x = {}) => {
-    const I = Se(x), A = st(we, F);
-    return v({}, x, A(I));
-  }, Te = (x) => (I) => {
-    var A, K;
-    (A = x.onBlur) == null || A.call(x, I), !I.defaultMuiPrevented && ((K = R.current) != null && K.contains(I.relatedTarget) || I.relatedTarget === y.current) && (I.defaultMuiPrevented = !0);
-  }, Ee = (x = {}) => ({
-    onBlur: Te(x)
-  }), Oe = (x = {}) => {
-    const I = Se(x), A = st(Ee, U);
-    return v({
-      id: L,
-      role: "listbox",
-      "aria-multiselectable": l ? "true" : void 0
-    }, x, A(I));
-  };
-  u.useDebugValue({
-    selectedOptions: Ie,
-    highlightedOption: he,
-    open: ve
-  });
-  const ze = u.useMemo(() => v({}, ne, M), [ne, M]);
-  let se;
-  t.multiple ? se = Ie : se = Ie.length > 0 ? Ie[0] : null;
-  let oe;
-  if (l)
-    oe = se.map((x) => Re(x)).filter((x) => x !== void 0);
-  else {
-    var Ce;
-    oe = (Ce = Re(se)) != null ? Ce : null;
-  }
-  const Le = (x) => (I) => {
-    var A;
-    if (x == null || (A = x.onChange) == null || A.call(x, I), I.defaultMuiPrevented)
-      return;
-    const K = T.get(I.target.value);
-    I.target.value === "" ? N({
-      type: q.clearSelection
-    }) : K !== void 0 && N({
-      type: ut.browserAutoFill,
-      item: K.value,
-      event: I
-    });
-  };
-  return {
-    buttonActive: H,
-    buttonFocusVisible: k,
-    buttonRef: O,
-    contextValue: ze,
-    disabled: a,
-    dispatch: N,
-    getButtonProps: Ae,
-    getHiddenInputProps: (x = {}) => {
-      const I = Se(x);
-      return v({
-        name: d,
-        tabIndex: -1,
-        "aria-hidden": !0,
-        required: c ? !0 : void 0,
-        value: S(oe),
-        style: Hr
-      }, x, {
-        onChange: Le(I)
-      });
-    },
-    getListboxProps: Oe,
-    getOptionMetadata: Re,
-    listboxRef: $e,
-    open: ve,
-    options: V,
-    value: se,
-    highlightedOption: he
-  };
-}
-function jo(t) {
-  const {
-    value: e,
-    children: r
-  } = t, {
-    dispatch: n,
-    getItemIndex: o,
-    getItemState: a,
-    registerItem: s,
-    totalSubitemCount: i
-  } = e, l = u.useMemo(() => ({
-    dispatch: n,
-    getItemState: a,
-    getItemIndex: o
-  }), [n, o, a]), d = u.useMemo(() => ({
-    getItemIndex: o,
-    registerItem: s,
-    totalSubitemCount: i
-  }), [s, o, i]);
-  return /* @__PURE__ */ _.jsx(Yt.Provider, {
-    value: d,
-    children: /* @__PURE__ */ _.jsx(pt.Provider, {
-      value: l,
-      children: r
-    })
-  });
-}
-function Aa(t) {
-  return tt("MuiListItem", t);
-}
-const No = Ue("MuiListItem", ["root", "startAction", "endAction", "nested", "nesting", "sticky", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]), ir = /* @__PURE__ */ u.createContext(!1), lr = /* @__PURE__ */ u.createContext(!1), Fo = /* @__PURE__ */ u.createContext(!1), Uo = /* @__PURE__ */ u.createContext(void 0), sr = /* @__PURE__ */ u.createContext(void 0), qo = {
-  "--NestedList-marginRight": "0px",
-  "--NestedList-marginLeft": "0px",
-  "--NestedListItem-paddingLeft": "var(--ListItem-paddingX)",
-  // reset ListItem, ListItemButton negative margin (caused by NestedListItem)
-  "--ListItemButton-marginBlock": "0px",
-  "--ListItemButton-marginInline": "0px",
-  "--ListItem-marginBlock": "0px",
-  "--ListItem-marginInline": "0px"
-};
-function cr(t) {
-  const {
-    children: e,
-    nested: r,
-    row: n = !1,
-    wrap: o = !1
-  } = t, a = /* @__PURE__ */ _.jsx(lr.Provider, {
-    value: n,
-    children: /* @__PURE__ */ _.jsx(Fo.Provider, {
-      value: o,
-      children: u.Children.map(e, (s, i) => /* @__PURE__ */ u.isValidElement(s) ? /* @__PURE__ */ u.cloneElement(s, v({}, i === 0 && {
-        "data-first-child": ""
-      }, i === u.Children.count(e) - 1 && {
-        "data-last-child": ""
-      })) : s)
-    })
-  });
-  return r === void 0 ? a : /* @__PURE__ */ _.jsx(ir.Provider, {
-    value: r,
-    children: a
-  });
-}
-function Jo(t) {
-  return tt("MuiList", t);
-}
-const Ta = Ue("MuiList", ["root", "nesting", "scoped", "sizeSm", "sizeMd", "sizeLg", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "horizontal", "vertical"]), Xo = /* @__PURE__ */ u.createContext(void 0), Ko = ["component", "className", "children", "size", "orientation", "wrap", "variant", "color", "role", "slots", "slotProps"], Yo = (t) => {
-  const {
-    variant: e,
-    color: r,
-    size: n,
-    nesting: o,
-    orientation: a,
-    instanceSize: s
-  } = t, i = {
-    root: ["root", a, e && `variant${me(e)}`, r && `color${me(r)}`, !s && !o && n && `size${me(n)}`, s && `size${me(s)}`, o && "nesting"]
-  };
-  return et(i, Jo, {});
-}, ur = J("ul")(({
-  theme: t,
-  ownerState: e
-}) => {
-  var r;
-  const {
-    p: n,
-    padding: o,
-    borderRadius: a
-  } = Jt({
-    theme: t,
-    ownerState: e
-  }, ["p", "padding", "borderRadius"]);
-  function s(i) {
-    return i === "sm" ? {
-      "--ListDivider-gap": "0.25rem",
-      "--ListItem-minHeight": "2rem",
-      "--ListItem-paddingY": "3px",
-      "--ListItem-paddingX": e.marker ? "3px" : "0.5rem",
-      "--ListItem-gap": "0.5rem",
-      "--ListItemDecorator-size": e.orientation === "horizontal" ? "1.5rem" : "2rem",
-      "--Icon-fontSize": t.vars.fontSize.lg
-    } : i === "md" ? {
-      "--ListDivider-gap": "0.375rem",
-      "--ListItem-minHeight": "2.25rem",
-      "--ListItem-paddingY": "0.25rem",
-      "--ListItem-paddingX": e.marker ? "0.25rem" : "0.75rem",
-      "--ListItem-gap": "0.625rem",
-      "--ListItemDecorator-size": e.orientation === "horizontal" ? "1.75rem" : "2.5rem",
-      "--Icon-fontSize": t.vars.fontSize.xl
-    } : i === "lg" ? {
-      "--ListDivider-gap": "0.5rem",
-      "--ListItem-minHeight": "2.75rem",
-      "--ListItem-paddingY": "0.375rem",
-      "--ListItem-paddingX": e.marker ? "0.5rem" : "1rem",
-      "--ListItem-gap": "0.75rem",
-      "--ListItemDecorator-size": e.orientation === "horizontal" ? "2.25rem" : "3rem",
-      "--Icon-fontSize": t.vars.fontSize.xl2
-    } : {};
-  }
-  return [e.nesting && v({}, s(e.instanceSize), {
-    "--ListItem-paddingRight": "var(--ListItem-paddingX)",
-    "--ListItem-paddingLeft": "var(--NestedListItem-paddingLeft)",
-    // reset ListItem, ListItemButton negative margin (caused by NestedListItem)
-    "--ListItemButton-marginBlock": "0px",
-    "--ListItemButton-marginInline": "0px",
-    "--ListItem-marginBlock": "0px",
-    "--ListItem-marginInline": "0px",
-    padding: 0
-  }, e.marker && {
-    paddingInlineStart: "calc(3ch - var(--_List-markerDeduct, 0px))"
-    // the width of the marker
-  }, {
-    marginInlineStart: "var(--NestedList-marginLeft)",
-    marginInlineEnd: "var(--NestedList-marginRight)",
-    marginBlockStart: "var(--List-gap)",
-    marginBlockEnd: "initial"
-    // reset user agent stylesheet.
-  }), !e.nesting && v({}, s(e.size), {
-    "--List-gap": "0px",
-    "--List-nestedInsetStart": "0px",
-    "--ListItem-paddingLeft": "var(--ListItem-paddingX)",
-    "--ListItem-paddingRight": "var(--ListItem-paddingX)"
-  }, e.marker && {
-    "--_List-markerDeduct": "1ch"
-  }, {
-    // Automatic radius adjustment kicks in only if '--List-padding' and '--List-radius' are provided.
-    "--unstable_List-childRadius": "calc(max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2)) - var(--variant-borderWidth, 0px))",
-    "--ListItem-radius": "var(--unstable_List-childRadius)",
-    // by default, The ListItem & ListItemButton use automatic radius adjustment based on the parent List.
-    "--ListItem-startActionTranslateX": "calc(0.5 * var(--ListItem-paddingLeft))",
-    "--ListItem-endActionTranslateX": "calc(-0.5 * var(--ListItem-paddingRight))",
-    margin: "initial"
-  }, t.typography[`body-${e.size}`], e.orientation === "horizontal" ? v({}, e.wrap ? {
-    padding: "var(--List-padding)",
-    // Fallback is not needed for row-wrap List
-    marginInlineStart: "calc(-1 * var(--List-gap))",
-    marginBlockStart: "calc(-1 * var(--List-gap))"
-  } : {
-    paddingInline: "var(--List-padding, var(--ListDivider-gap))",
-    paddingBlock: "var(--List-padding)"
-  }) : {
-    paddingBlock: "var(--List-padding, var(--ListDivider-gap))",
-    paddingInline: "var(--List-padding)"
-  }, e.marker && {
-    paddingInlineStart: "3ch"
-    // the width of the marker
-  }), v({
-    boxSizing: "border-box",
-    borderRadius: "var(--List-radius)",
-    listStyle: "none",
-    display: "flex",
-    flexDirection: e.orientation === "horizontal" ? "row" : "column"
-  }, e.wrap && {
-    flexWrap: "wrap"
-  }, e.marker && {
-    "--_List-markerDisplay": "list-item",
-    "--_List-markerType": e.marker,
-    lineHeight: "calc(var(--ListItem-minHeight) - 2 * var(--ListItem-paddingY))"
-  }, {
-    flexGrow: 1,
-    position: "relative"
-  }, (r = t.variants[e.variant]) == null ? void 0 : r[e.color], {
-    "--unstable_List-borderWidth": "var(--variant-borderWidth, 0px)"
-  }, a !== void 0 && {
-    "--List-radius": a
-  }, n !== void 0 && {
-    "--List-padding": n
-  }, o !== void 0 && {
-    "--List-padding": o
-  })];
-}), Go = J(ur, {
-  name: "JoyList",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})({}), Ma = /* @__PURE__ */ u.forwardRef(function(e, r) {
-  var n;
-  const o = u.useContext(ir), a = u.useContext(sr), s = u.useContext(Xo), i = dt({
-    props: e,
-    name: "JoyList"
-  }), {
-    component: l,
-    className: d,
-    children: c,
-    size: f,
-    orientation: g = "vertical",
-    wrap: p = !1,
-    variant: m = "plain",
-    color: h = "neutral",
-    role: b,
-    slots: S = {},
-    slotProps: P = {}
-  } = i, w = ke(i, Ko), y = f || ((n = e.size) != null ? n : "md");
-  let C;
-  a && (C = "group"), s && (C = "presentation"), b && (C = b);
-  const R = v({}, i, {
-    instanceSize: e.size,
-    size: y,
-    nesting: o,
-    orientation: g,
-    wrap: p,
-    variant: m,
-    color: h,
-    role: C
-  }), L = Yo(R), D = v({}, w, {
-    component: l,
-    slots: S,
-    slotProps: P
-  }), [$, E] = ue("root", {
-    ref: r,
-    className: Ut(L.root, d),
-    elementType: Go,
-    externalForwardedProps: D,
-    ownerState: R,
-    additionalProps: {
-      as: l,
-      role: C,
-      "aria-labelledby": typeof o == "string" ? o : void 0
-    }
-  });
-  return /* @__PURE__ */ _.jsx($, v({}, E, {
-    children: /* @__PURE__ */ _.jsx(Uo.Provider, {
-      value: `${typeof l == "string" ? l : ""}:${C || ""}`,
-      children: /* @__PURE__ */ _.jsx(cr, {
-        row: g === "horizontal",
-        wrap: p,
-        children: c
-      })
-    })
-  }));
-}), it = Ue("MuiListItemButton", ["root", "horizontal", "vertical", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "focusVisible", "disabled", "selected", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]), Wa = /* @__PURE__ */ u.createContext("horizontal"), dr = J("div")(({
-  theme: t,
-  ownerState: e
-}) => {
-  var r, n, o, a, s, i;
-  return v({
-    "--Icon-margin": "initial",
-    // reset the icon's margin.
-    "--Icon-color": e.color !== "neutral" || e.variant === "solid" ? "currentColor" : t.vars.palette.text.icon,
-    WebkitTapHighlightColor: "transparent",
-    boxSizing: "border-box",
-    position: "relative",
-    font: "inherit",
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    alignSelf: "stretch",
-    // always stretch itself to fill the parent (List|ListItem)
-    gap: "var(--ListItem-gap)"
-  }, e.orientation === "vertical" && {
-    flexDirection: "column",
-    justifyContent: "center"
-  }, {
-    textAlign: "initial",
-    textDecoration: "initial",
-    // reset native anchor tag
-    backgroundColor: "initial",
-    // reset button background
-    cursor: "pointer",
-    // In some cases, ListItemButton is a child of ListItem so the margin needs to be controlled by the ListItem. The value is negative to account for the ListItem's padding
-    marginInline: "var(--ListItemButton-marginInline)",
-    marginBlock: "var(--ListItemButton-marginBlock)"
-  }, e["data-first-child"] === void 0 && {
-    marginInlineStart: e.row ? "var(--List-gap)" : void 0,
-    marginBlockStart: e.row ? void 0 : "var(--List-gap)"
-  }, {
-    // account for the border width, so that all of the ListItemButtons content aligned horizontally
-    paddingBlock: "calc(var(--ListItem-paddingY) - var(--variant-borderWidth, 0px))",
-    // account for the border width, so that all of the ListItemButtons content aligned vertically
-    paddingInlineStart: "calc(var(--ListItem-paddingLeft) + var(--ListItem-startActionWidth, var(--unstable_startActionWidth, 0px)))",
-    // --internal variable makes it possible to customize the actionWidth from the top List
-    paddingInlineEnd: "calc(var(--ListItem-paddingRight) + var(--ListItem-endActionWidth, var(--unstable_endActionWidth, 0px)))",
-    // --internal variable makes it possible to customize the actionWidth from the top List
-    minBlockSize: "var(--ListItem-minHeight)",
-    border: "1px solid transparent",
-    // use `transparent` as a placeholder to prevent the button from jumping when switching to `outlined` variant
-    borderRadius: "var(--ListItem-radius)",
-    flex: "var(--unstable_ListItem-flex, none)",
-    // prevent children from shrinking when the List's height is limited.
-    fontSize: "inherit",
-    // prevent user agent style when component="button"
-    lineHeight: "inherit",
-    // prevent user agent style when component="button"
-    minInlineSize: 0,
-    [t.focus.selector]: v({}, t.focus.default, {
-      zIndex: 1
-      // to be above of the next element. For example, the first Tab item should be above the second so that the outline is above the second Tab.
-    })
-  }, (r = t.variants[e.variant]) == null ? void 0 : r[e.color], {
-    "&:active": (n = t.variants[`${e.variant}Active`]) == null ? void 0 : n[e.color],
-    [`.${No.root} > &`]: {
-      "--unstable_ListItem-flex": "1 0 0%"
-      // grow to fill the available space of ListItem
-    },
-    [`&.${it.selected}`]: v({}, (o = t.variants[`${e.variant}Active`]) == null ? void 0 : o[e.color], {
-      "--Icon-color": "currentColor"
-    }),
-    [`&:not(.${it.selected}, [aria-selected="true"])`]: {
-      "&:hover": (a = t.variants[`${e.variant}Hover`]) == null ? void 0 : a[e.color],
-      "&:active": (s = t.variants[`${e.variant}Active`]) == null ? void 0 : s[e.color]
-    },
-    [`&.${it.disabled}`]: v({}, (i = t.variants[`${e.variant}Disabled`]) == null ? void 0 : i[e.color])
-  });
-});
-J(dr, {
-  name: "JoyListItemButton",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})(({
-  ownerState: t,
-  theme: e
-}) => v({}, !t.row && {
-  [`&.${it.selected}`]: {
-    fontWeight: e.vars.fontWeight.md
-  }
-}));
-function Zo(t) {
-  return tt("MuiInput", t);
-}
-const pr = Ue("MuiInput", ["root", "input", "formControl", "focused", "disabled", "error", "adornedStart", "adornedEnd", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "fullWidth", "startDecorator", "endDecorator"]), fr = /* @__PURE__ */ u.createContext(void 0), Qo = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "disabledInProp", "error", "id", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "type", "value"];
-function ea(t, e) {
-  var r;
-  const n = u.useContext(fr), {
-    "aria-describedby": o,
-    "aria-label": a,
-    "aria-labelledby": s,
-    autoComplete: i,
-    autoFocus: l,
-    className: d,
-    defaultValue: c,
-    disabled: f,
-    disabledInProp: g,
-    error: p,
-    id: m,
-    name: h,
-    onClick: b,
-    onChange: S,
-    onKeyDown: P,
-    onKeyUp: w,
-    onFocus: y,
-    onBlur: C,
-    placeholder: R,
-    readOnly: L,
-    required: D,
-    type: $,
-    value: E
-  } = t, M = ke(t, Qo), {
-    getRootProps: T,
-    getInputProps: W,
-    focused: F,
-    error: H,
-    disabled: k
-  } = Kr({
-    disabled: (r = g ?? (n == null ? void 0 : n.disabled)) != null ? r : f,
-    defaultValue: c,
-    error: p,
-    onBlur: C,
-    onClick: b,
-    onChange: S,
-    onFocus: y,
-    required: D ?? (n == null ? void 0 : n.required),
-    value: E
-  }), O = {
-    [e.disabled]: k,
-    [e.error]: H,
-    [e.focused]: F,
-    [e.formControl]: !!n,
-    [d]: d
-  }, V = {
-    [e.disabled]: k
-  };
-  return v({
-    formControl: n,
-    propsToForward: {
-      "aria-describedby": o,
-      "aria-label": a,
-      "aria-labelledby": s,
-      autoComplete: i,
-      autoFocus: l,
-      disabled: k,
-      id: m,
-      onKeyDown: P,
-      onKeyUp: w,
-      name: h,
-      placeholder: R,
-      readOnly: L,
-      type: $
-    },
-    rootStateClasses: O,
-    inputStateClasses: V,
-    getRootProps: T,
-    getInputProps: W,
-    focused: F,
-    error: H,
-    disabled: k
-  }, M);
-}
-const ta = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "fullWidth", "size", "color", "variant", "startDecorator", "endDecorator", "component", "slots", "slotProps"], ra = (t) => {
-  const {
-    disabled: e,
-    fullWidth: r,
-    variant: n,
-    color: o,
-    size: a
-  } = t, s = {
-    root: ["root", e && "disabled", r && "fullWidth", n && `variant${me(n)}`, o && `color${me(o)}`, a && `size${me(a)}`],
-    input: ["input"],
-    startDecorator: ["startDecorator"],
-    endDecorator: ["endDecorator"]
-  };
-  return et(s, Zo, {});
-}, na = J("div")(({
-  theme: t,
-  ownerState: e
-}) => {
-  var r, n, o, a, s, i;
-  const l = (r = t.variants[`${e.variant}`]) == null ? void 0 : r[e.color];
-  return [v({
-    "--Input-radius": t.vars.radius.sm,
-    "--Input-gap": "0.5rem",
-    "--Input-placeholderColor": "inherit",
-    "--Input-placeholderOpacity": 0.64,
-    "--Input-decoratorColor": t.vars.palette.text.icon,
-    "--Input-focused": "0",
-    "--Input-focusedThickness": t.vars.focus.thickness,
-    "--Input-focusedHighlight": (n = t.vars.palette[e.color === "neutral" ? "primary" : e.color]) == null ? void 0 : n[500],
-    [`&:not([${Dr}])`]: v({}, e.instanceColor && {
-      "--_Input-focusedHighlight": (o = t.vars.palette[e.instanceColor === "neutral" ? "primary" : e.instanceColor]) == null ? void 0 : o[500]
-    }, {
-      "--Input-focusedHighlight": `var(--_Input-focusedHighlight, ${t.vars.palette.focusVisible})`
-    })
-  }, e.size === "sm" && {
-    "--Input-minHeight": "2rem",
-    "--Input-paddingInline": "0.5rem",
-    "--Input-decoratorChildHeight": "min(1.5rem, var(--Input-minHeight))",
-    "--Icon-fontSize": t.vars.fontSize.xl
-  }, e.size === "md" && {
-    "--Input-minHeight": "2.25rem",
-    "--Input-paddingInline": "0.75rem",
-    "--Input-decoratorChildHeight": "min(1.75rem, var(--Input-minHeight))",
-    "--Icon-fontSize": t.vars.fontSize.xl2
-  }, e.size === "lg" && {
-    "--Input-minHeight": "2.75rem",
-    "--Input-paddingInline": "1rem",
-    "--Input-gap": "0.75rem",
-    "--Input-decoratorChildHeight": "min(2.25rem, var(--Input-minHeight))",
-    "--Icon-fontSize": t.vars.fontSize.xl2
-  }, {
-    // variables for controlling child components
-    "--Input-decoratorChildOffset": "min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline))",
-    "--_Input-paddingBlock": "max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px)",
-    "--Input-decoratorChildRadius": "max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2))",
-    "--Button-minHeight": "var(--Input-decoratorChildHeight)",
-    "--Button-paddingBlock": "0px",
-    // to ensure that the height of the button is equal to --Button-minHeight
-    "--IconButton-size": "var(--Input-decoratorChildHeight)",
-    "--Button-radius": "var(--Input-decoratorChildRadius)",
-    "--IconButton-radius": "var(--Input-decoratorChildRadius)",
-    boxSizing: "border-box"
-  }, e.variant !== "plain" && {
-    boxShadow: t.shadow.xs
-  }, {
-    minWidth: 0,
-    minHeight: "var(--Input-minHeight)"
-  }, e.fullWidth && {
-    width: "100%"
-  }, {
-    cursor: "text",
-    position: "relative",
-    display: "flex",
-    paddingInline: "var(--Input-paddingInline)",
-    borderRadius: "var(--Input-radius)"
-  }, t.typography[`body-${e.size}`], l, {
-    backgroundColor: (a = l == null ? void 0 : l.backgroundColor) != null ? a : t.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(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight)"
-    }
-  }), {
-    "&:hover": v({}, (s = t.variants[`${e.variant}Hover`]) == null ? void 0 : s[e.color], {
-      backgroundColor: null
-      // it is not common to change background on hover for Input
-    }),
-    [`&.${pr.disabled}`]: (i = t.variants[`${e.variant}Disabled`]) == null ? void 0 : i[e.color],
-    "&:focus-within::before": {
-      "--Input-focused": "1"
-    }
-  }];
-}), oa = J("input")(({
-  ownerState: t
-}) => ({
-  border: "none",
-  // remove the native input width
-  minWidth: 0,
-  // remove the native input width
-  outline: 0,
-  // remove the native input outline
-  padding: 0,
-  // remove the native input padding
-  flex: 1,
-  color: "inherit",
-  backgroundColor: "transparent",
-  fontFamily: "inherit",
-  fontSize: "inherit",
-  fontStyle: "inherit",
-  fontWeight: "inherit",
-  lineHeight: "inherit",
-  textOverflow: "ellipsis",
-  "&:-webkit-autofill": v({
-    paddingInline: "var(--Input-paddingInline)"
-  }, !t.startDecorator && {
-    marginInlineStart: "calc(-1 * var(--Input-paddingInline))",
-    paddingInlineStart: "var(--Input-paddingInline)",
-    borderTopLeftRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))",
-    borderBottomLeftRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))"
-  }, !t.endDecorator && {
-    marginInlineEnd: "calc(-1 * var(--Input-paddingInline))",
-    paddingInlineEnd: "var(--Input-paddingInline)",
-    borderTopRightRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))",
-    borderBottomRightRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))"
-  }),
-  "&::-webkit-input-placeholder": {
-    color: "var(--Input-placeholderColor)",
-    opacity: "var(--Input-placeholderOpacity)"
-  },
-  "&::-moz-placeholder": {
-    // Firefox 19+
-    color: "var(--Input-placeholderColor)",
-    opacity: "var(--Input-placeholderOpacity)"
-  },
-  "&:-ms-input-placeholder": {
-    // IE11
-    color: "var(--Input-placeholderColor)",
-    opacity: "var(--Input-placeholderOpacity)"
-  },
-  "&::-ms-input-placeholder": {
-    // Edge
-    color: "var(--Input-placeholderColor)",
-    opacity: "var(--Input-placeholderOpacity)"
-  }
-})), aa = J("div")({
-  "--Button-margin": "0 0 0 calc(var(--Input-decoratorChildOffset) * -1)",
-  "--IconButton-margin": "0 0 0 calc(var(--Input-decoratorChildOffset) * -1)",
-  "--Icon-margin": "0 0 0 calc(var(--Input-paddingInline) / -4)",
-  display: "inherit",
-  alignItems: "center",
-  paddingBlock: "var(--unstable_InputPaddingBlock)",
-  // for wrapping Autocomplete's tags
-  flexWrap: "wrap",
-  // for wrapping Autocomplete's tags
-  marginInlineEnd: "var(--Input-gap)",
-  color: "var(--Input-decoratorColor)",
-  cursor: "initial"
-}), ia = J("div")({
-  "--Button-margin": "0 calc(var(--Input-decoratorChildOffset) * -1) 0 0",
-  "--IconButton-margin": "0 calc(var(--Input-decoratorChildOffset) * -1) 0 0",
-  "--Icon-margin": "0 calc(var(--Input-paddingInline) / -4) 0 0",
-  display: "inherit",
-  alignItems: "center",
-  marginInlineStart: "var(--Input-gap)",
-  color: "var(--Input-decoratorColor)",
-  cursor: "initial"
-}), la = J(na, {
-  name: "JoyInput",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})({}), sa = J(oa, {
-  name: "JoyInput",
-  slot: "Input",
-  overridesResolver: (t, e) => e.input
-})({}), ca = J(aa, {
-  name: "JoyInput",
-  slot: "StartDecorator",
-  overridesResolver: (t, e) => e.startDecorator
-})({}), ua = J(ia, {
-  name: "JoyInput",
-  slot: "EndDecorator",
-  overridesResolver: (t, e) => e.endDecorator
-})({}), _a = /* @__PURE__ */ u.forwardRef(function(e, r) {
-  var n, o, a, s, i, l;
-  const d = dt({
-    props: e,
-    name: "JoyInput"
-  }), c = ea(v({}, d, {
-    disabledInProp: e.disabled
-  }), pr), {
-    propsToForward: f,
-    rootStateClasses: g,
-    inputStateClasses: p,
-    getRootProps: m,
-    getInputProps: h,
-    formControl: b,
-    focused: S,
-    error: P = !1,
-    disabled: w,
-    fullWidth: y = !1,
-    size: C = "md",
-    color: R = "neutral",
-    variant: L = "outlined",
-    startDecorator: D,
-    endDecorator: $,
-    component: E,
-    slots: M = {},
-    slotProps: T = {}
-  } = c, W = ke(c, ta), F = (n = (o = e.error) != null ? o : b == null ? void 0 : b.error) != null ? n : P, H = (a = (s = e.size) != null ? s : b == null ? void 0 : b.size) != null ? a : C, k = (i = e.color) != null ? i : F ? "danger" : (l = b == null ? void 0 : b.color) != null ? l : R, O = v({
-    instanceColor: F ? "danger" : e.color
-  }, d, {
-    fullWidth: y,
-    color: k,
-    disabled: w,
-    error: F,
-    focused: S,
-    size: H,
-    variant: L
-  }), V = ra(O), j = v({}, W, {
-    component: E,
-    slots: M,
-    slotProps: T
-  }), [Z, Q] = ue("root", {
-    ref: r,
-    className: [V.root, g],
-    elementType: la,
-    getSlotProps: m,
-    externalForwardedProps: j,
-    ownerState: O
-  }), [ee, te] = ue("input", v({}, b && {
-    additionalProps: {
-      id: b.htmlFor,
-      "aria-describedby": b["aria-describedby"]
-    }
-  }, {
-    className: [V.input, p],
-    elementType: sa,
-    getSlotProps: h,
-    internalForwardedProps: f,
-    externalForwardedProps: j,
-    ownerState: O
-  })), [re, X] = ue("startDecorator", {
-    className: V.startDecorator,
-    elementType: ca,
-    externalForwardedProps: j,
-    ownerState: O
-  }), [le, z] = ue("endDecorator", {
-    className: V.endDecorator,
-    elementType: ua,
-    externalForwardedProps: j,
-    ownerState: O
-  });
-  return /* @__PURE__ */ _.jsxs(Z, v({}, Q, {
-    children: [D && /* @__PURE__ */ _.jsx(re, v({}, X, {
-      children: D
-    })), /* @__PURE__ */ _.jsx(ee, v({}, te)), $ && /* @__PURE__ */ _.jsx(le, v({}, z, {
-      children: $
-    }))]
-  }));
-});
-function da(t) {
-  return tt("MuiOption", t);
-}
-const pa = Ue("MuiOption", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "focusVisible", "disabled", "selected", "highlighted", "variantPlain", "variantSoft", "variantOutlined", "variantSolid"]), fa = ["component", "children", "disabled", "value", "label", "variant", "color", "slots", "slotProps"], va = (t) => {
-  const {
-    disabled: e,
-    highlighted: r,
-    selected: n
-  } = t;
-  return et({
-    root: ["root", e && "disabled", r && "highlighted", n && "selected"]
-  }, da, {});
-}, ga = J(dr, {
-  name: "JoyOption",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})(({
-  theme: t,
-  ownerState: e
-}) => {
-  var r;
-  const n = (r = t.variants[`${e.variant}Hover`]) == null ? void 0 : r[e.color];
-  return {
-    [`&.${pa.highlighted}:not([aria-selected="true"])`]: {
-      backgroundColor: n == null ? void 0 : n.backgroundColor
-    }
-  };
-}), ha = /* @__PURE__ */ u.memo(/* @__PURE__ */ u.forwardRef(function(e, r) {
-  var n;
-  const o = dt({
-    props: e,
-    name: "JoyOption"
-  }), {
-    component: a = "li",
-    children: s,
-    disabled: i = !1,
-    value: l,
-    label: d,
-    variant: c = "plain",
-    color: f = "neutral",
-    slots: g = {},
-    slotProps: p = {}
-  } = o, m = ke(o, fa), h = u.useContext(lr), {
-    variant: b = c,
-    color: S = f
-  } = $r(e.variant, e.color), P = u.useRef(null), w = xe(P, r), y = d ?? (typeof s == "string" ? s : (n = P.current) == null ? void 0 : n.innerText), {
-    getRootProps: C,
-    selected: R,
-    highlighted: L,
-    index: D
-  } = xn({
-    disabled: i,
-    label: y,
-    value: l,
-    rootRef: w
-  }), $ = v({}, o, {
-    disabled: i,
-    selected: R,
-    highlighted: L,
-    index: D,
-    component: a,
-    variant: b,
-    color: S,
-    row: h
-  }), E = va($), M = v({}, m, {
-    component: a,
-    slots: g,
-    slotProps: p
-  }), [T, W] = ue("root", {
-    ref: r,
-    getSlotProps: C,
-    elementType: ga,
-    externalForwardedProps: M,
-    className: E.root,
-    ownerState: $
-  });
-  return /* @__PURE__ */ _.jsx(T, v({}, W, {
-    children: s
-  }));
-})), ja = /* @__PURE__ */ u.forwardRef(function(e, r) {
-  const {
-    contextValue: n
-  } = yn(e.value);
-  return /* @__PURE__ */ _.jsx(pt.Provider, {
-    value: n,
-    children: /* @__PURE__ */ _.jsx(ha, v({}, e, {
-      ref: r
-    }))
-  });
-}), ma = zr(/* @__PURE__ */ _.jsx("path", {
-  d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 3.7a.9959.9959 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 5.83zm0 12.34-2.46-2.46a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L12 18.17z"
-}), "Unfold");
-function ba(t) {
-  return tt("MuiSelect", t);
-}
-const We = Ue("MuiSelect", ["root", "button", "indicator", "startDecorator", "endDecorator", "popper", "listbox", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "focusVisible", "disabled", "expanded", "multiple"]);
-var Nt;
-const xa = ["action", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "placeholder", "listboxId", "listboxOpen", "onChange", "onListboxOpenChange", "onClose", "renderValue", "required", "value", "size", "variant", "color", "startDecorator", "endDecorator", "indicator", "aria-describedby", "aria-label", "aria-labelledby", "id", "name", "multiple", "slots", "slotProps"];
-function ya(t) {
-  var e;
-  return Array.isArray(t) ? /* @__PURE__ */ _.jsx(u.Fragment, {
-    children: t.map((r) => r.label).join(", ")
-  }) : (e = t == null ? void 0 : t.label) != null ? e : "";
-}
-const Ia = [{
-  name: "offset",
-  options: {
-    offset: [0, 4]
-  }
-}, {
-  // popper will have the same width as root element when open
-  name: "equalWidth",
-  enabled: !0,
-  phase: "beforeWrite",
-  requires: ["computeStyles"],
-  fn: ({
-    state: t
-  }) => {
-    t.styles.popper.width = `${t.rects.reference.width}px`;
-  }
-}], Ca = (t) => {
-  const {
-    color: e,
-    disabled: r,
-    focusVisible: n,
-    size: o,
-    variant: a,
-    open: s,
-    multiple: i
-  } = t, l = {
-    root: ["root", r && "disabled", n && "focusVisible", s && "expanded", a && `variant${me(a)}`, e && `color${me(e)}`, o && `size${me(o)}`, i && "multiple"],
-    button: ["button"],
-    startDecorator: ["startDecorator"],
-    endDecorator: ["endDecorator"],
-    indicator: ["indicator", s && "expanded"],
-    listbox: ["listbox", s && "expanded", r && "disabled"]
-  };
-  return et(l, ba, {});
-}, Sa = J("div", {
-  name: "JoySelect",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
-})(({
-  theme: t,
-  ownerState: e
-}) => {
-  var r, n, o, a, s;
-  const i = (r = t.variants[`${e.variant}`]) == null ? void 0 : r[e.color], {
-    borderRadius: l
-  } = Jt({
-    theme: t,
-    ownerState: e
-  }, ["borderRadius"]);
-  return [v({
-    "--Select-radius": t.vars.radius.sm,
-    "--Select-gap": "0.5rem",
-    "--Select-placeholderOpacity": 0.64,
-    "--Select-decoratorColor": t.vars.palette.text.icon,
-    "--Select-focusedThickness": t.vars.focus.thickness,
-    "--Select-focusedHighlight": (n = t.vars.palette[e.color === "neutral" ? "primary" : e.color]) == null ? void 0 : n[500],
-    '&:not([data-inverted-colors="false"])': v({}, e.instanceColor && {
-      "--_Select-focusedHighlight": (o = t.vars.palette[e.instanceColor === "neutral" ? "primary" : e.instanceColor]) == null ? void 0 : o[500]
-    }, {
-      "--Select-focusedHighlight": t.vars.palette.focusVisible
-    }),
-    "--Select-indicatorColor": i != null && i.backgroundColor ? i == null ? void 0 : i.color : t.vars.palette.text.tertiary
-  }, e.size === "sm" && {
-    "--Select-minHeight": "2rem",
-    "--Select-paddingInline": "0.5rem",
-    "--Select-decoratorChildHeight": "min(1.5rem, var(--Select-minHeight))",
-    "--Icon-fontSize": t.vars.fontSize.xl
-  }, e.size === "md" && {
-    "--Select-minHeight": "2.25rem",
-    "--Select-paddingInline": "0.75rem",
-    "--Select-decoratorChildHeight": "min(1.75rem, var(--Select-minHeight))",
-    "--Icon-fontSize": t.vars.fontSize.xl2
-  }, e.size === "lg" && {
-    "--Select-minHeight": "2.75rem",
-    "--Select-paddingInline": "1rem",
-    "--Select-decoratorChildHeight": "min(2.375rem, var(--Select-minHeight))",
-    "--Icon-fontSize": t.vars.fontSize.xl2
-  }, {
-    // variables for controlling child components
-    "--Select-decoratorChildOffset": "min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline))",
-    "--_Select-paddingBlock": "max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px)",
-    "--Select-decoratorChildRadius": "max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2))",
-    "--Button-minHeight": "var(--Select-decoratorChildHeight)",
-    "--Button-paddingBlock": "0px",
-    // to ensure that the height of the button is equal to --Button-minHeight
-    "--IconButton-size": "var(--Select-decoratorChildHeight)",
-    "--Button-radius": "var(--Select-decoratorChildRadius)",
-    "--IconButton-radius": "var(--Select-decoratorChildRadius)",
-    boxSizing: "border-box"
-  }, e.variant !== "plain" && {
-    boxShadow: t.shadow.xs
-  }, {
-    minWidth: 0,
-    minHeight: "var(--Select-minHeight)",
-    position: "relative",
-    display: "flex",
-    alignItems: "center",
-    borderRadius: "var(--Select-radius)",
-    cursor: "pointer"
-  }, !(i != null && i.backgroundColor) && {
-    backgroundColor: t.vars.palette.background.surface
-  }, e.size && {
-    paddingBlock: {
-      sm: 2,
-      md: 3,
-      lg: 4
-    }[e.size]
-    // the padding-block act as a minimum spacing between content and root element
-  }, {
-    paddingInline: "var(--Select-paddingInline)"
-  }, t.typography[`body-${e.size}`], i, {
-    "&::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
-    },
-    [`&.${We.focusVisible}`]: {
-      "--Select-indicatorColor": i == null ? void 0 : i.color,
-      "&::before": {
-        boxShadow: "inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight)"
-      }
-    },
-    [`&.${We.disabled}`]: {
-      "--Select-indicatorColor": "inherit"
-    }
-  }), {
-    "&:hover": (a = t.variants[`${e.variant}Hover`]) == null ? void 0 : a[e.color],
-    [`&.${We.disabled}`]: (s = t.variants[`${e.variant}Disabled`]) == null ? void 0 : s[e.color]
-  }, l !== void 0 && {
-    "--Select-radius": l
-  }];
-}), Pa = J("button", {
-  name: "JoySelect",
-  slot: "Button",
-  overridesResolver: (t, e) => e.button
-})(({
-  ownerState: t
-}) => v({
-  // reset user-agent button style
-  border: 0,
-  outline: 0,
-  background: "none",
-  padding: 0,
-  fontSize: "inherit",
-  color: "inherit",
-  alignSelf: "stretch",
-  // make children horizontally aligned
-  display: "flex",
-  alignItems: "center",
-  flex: 1,
-  fontFamily: "inherit",
-  cursor: "pointer",
-  whiteSpace: "nowrap",
-  overflow: "hidden"
-}, (t.value === null || t.value === void 0) && {
-  opacity: "var(--Select-placeholderOpacity)"
-}, {
-  "&::before": {
-    content: '""',
-    display: "block",
-    position: "absolute",
-    // TODO: use https://caniuse.com/?search=inset when ~94%
-    top: "calc(-1 * var(--variant-borderWidth, 0px))",
-    left: "calc(-1 * var(--variant-borderWidth, 0px))",
-    right: "calc(-1 * var(--variant-borderWidth, 0px))",
-    bottom: "calc(-1 * var(--variant-borderWidth, 0px))",
-    borderRadius: "var(--Select-radius)"
-  }
-})), Ra = J(ur, {
-  name: "JoySelect",
-  slot: "Listbox",
-  overridesResolver: (t, e) => e.listbox
-})(({
-  theme: t,
-  ownerState: e
-}) => {
-  var r;
-  const n = (r = t.variants[e.variant]) == null ? void 0 : r[e.color];
-  return v({
-    "--focus-outline-offset": `calc(${t.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) || t.vars.palette.background.popup,
-    "--ListItem-stickyTop": "calc(var(--List-padding, var(--ListDivider-gap)) * -1)"
-  }, qo, {
-    minWidth: "max-content",
-    // prevent options from shrinking if some of them is wider than the Select's root.
-    maxHeight: "44vh",
-    // the best value from what I tried so far which does not cause screen flicker when listbox is open.
-    overflow: "auto",
-    outline: 0,
-    boxShadow: t.shadow.md,
-    borderRadius: `var(--List-radius, ${t.vars.radius.sm})`,
-    // `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, ${t.vars.zIndex.popup})`
-  }, !(n != null && n.backgroundColor) && {
-    backgroundColor: t.vars.palette.background.popup
-  });
-}), wa = J("span", {
-  name: "JoySelect",
-  slot: "StartDecorator",
-  overridesResolver: (t, e) => e.startDecorator
-})({
-  "--Button-margin": "0 0 0 calc(var(--Select-decoratorChildOffset) * -1)",
-  "--IconButton-margin": "0 0 0 calc(var(--Select-decoratorChildOffset) * -1)",
-  "--Icon-margin": "0 0 0 calc(var(--Select-paddingInline) / -4)",
-  display: "inherit",
-  alignItems: "center",
-  color: "var(--Select-decoratorColor)",
-  marginInlineEnd: "var(--Select-gap)"
-}), Oa = J("span", {
-  name: "JoySelect",
-  slot: "EndDecorator",
-  overridesResolver: (t, e) => e.endDecorator
-})({
-  "--Button-margin": "0 calc(var(--Select-decoratorChildOffset) * -1) 0 0",
-  "--IconButton-margin": "0 calc(var(--Select-decoratorChildOffset) * -1) 0 0",
-  "--Icon-margin": "0 calc(var(--Select-paddingInline) / -4) 0 0",
-  display: "inherit",
-  alignItems: "center",
-  color: "var(--Select-decoratorColor)",
-  marginInlineStart: "var(--Select-gap)"
-}), La = J("span", {
-  name: "JoySelect",
-  slot: "Indicator"
-})(({
-  ownerState: t,
-  theme: e
-}) => v({}, t.size === "sm" && {
-  "--Icon-fontSize": e.vars.fontSize.lg
-}, t.size === "md" && {
-  "--Icon-fontSize": e.vars.fontSize.xl
-}, t.size === "lg" && {
-  "--Icon-fontSize": e.vars.fontSize.xl2
-}, {
-  "--Icon-color": t.color !== "neutral" || t.variant === "solid" ? "currentColor" : e.vars.palette.text.icon,
-  display: "inherit",
-  alignItems: "center",
-  marginInlineStart: "var(--Select-gap)",
-  marginInlineEnd: "calc(var(--Select-paddingInline) / -4)",
-  [`.${We.endDecorator} + &`]: {
-    marginInlineStart: "calc(var(--Select-gap) / 2)"
-  },
-  [`&.${We.expanded}, .${We.disabled} > &`]: {
-    "--Icon-color": "currentColor"
-  }
-})), Na = /* @__PURE__ */ u.forwardRef(function(e, r) {
-  var n, o, a, s, i, l, d;
-  const c = dt({
-    props: e,
-    name: "JoySelect"
-  }), f = c, {
-    action: g,
-    autoFocus: p,
-    children: m,
-    defaultValue: h,
-    defaultListboxOpen: b = !1,
-    disabled: S,
-    getSerializedValue: P,
-    placeholder: w,
-    listboxId: y,
-    listboxOpen: C,
-    onChange: R,
-    onListboxOpenChange: L,
-    onClose: D,
-    renderValue: $,
-    required: E = !1,
-    value: M,
-    size: T = "md",
-    variant: W = "outlined",
-    color: F = "neutral",
-    startDecorator: H,
-    endDecorator: k,
-    indicator: O = Nt || (Nt = /* @__PURE__ */ _.jsx(ma, {})),
-    // props to forward to the button (all handlers should go through slotProps.button)
-    "aria-describedby": V,
-    "aria-label": j,
-    "aria-labelledby": Z,
-    id: Q,
-    name: ee,
-    multiple: te = !1,
-    slots: re = {},
-    slotProps: X = {}
-  } = f, le = ke(f, xa), z = u.useContext(fr), B = (n = (o = e.disabled) != null ? o : z == null ? void 0 : z.disabled) != null ? n : S, N = (a = (s = e.size) != null ? s : z == null ? void 0 : z.size) != null ? a : T, U = (i = e.color) != null ? i : z != null && z.error ? "danger" : (l = z == null ? void 0 : z.color) != null ? l : F, ne = $ ?? ya, [ve, he] = u.useState(null), Ie = u.useRef(null), $e = u.useRef(null), Ve = xe(r, Ie);
-  u.useImperativeHandle(g, () => ({
-    focusVisible: () => {
-      var G;
-      (G = $e.current) == null || G.focus();
-    }
-  }), []), u.useEffect(() => {
-    he(Ie.current);
-  }, []), u.useEffect(() => {
-    p && $e.current.focus();
-  }, [p]);
-  const Re = u.useCallback((G) => {
-    L == null || L(G), G || D == null || D();
-  }, [D, L]), {
-    buttonActive: qe,
-    buttonFocusVisible: Je,
-    contextValue: ge,
-    disabled: we,
-    getButtonProps: Ae,
-    getListboxProps: Te,
-    getHiddenInputProps: Ee,
-    getOptionMetadata: Oe,
-    open: ze,
-    value: se
-  } = _o({
-    buttonRef: $e,
-    defaultOpen: b,
-    defaultValue: h,
-    disabled: B,
-    getSerializedValue: P,
-    listboxId: y,
-    multiple: te,
-    name: ee,
-    required: E,
-    onChange: R,
-    onOpenChange: Re,
-    open: C,
-    value: M
-  }), oe = v({}, c, {
-    active: qe,
-    defaultListboxOpen: b,
-    disabled: we,
-    focusVisible: Je,
-    open: ze,
-    renderValue: ne,
-    value: se,
-    size: N,
-    variant: W,
-    color: U
-  }), Ce = Ca(oe), Le = v({}, le, {
-    slots: re,
-    slotProps: X
-  }), Me = u.useMemo(() => {
-    let G;
-    if (te)
-      G = se.map((vt) => Oe(vt)).filter((vt) => vt !== void 0);
-    else {
-      var kt;
-      G = (kt = Oe(se)) != null ? kt : null;
-    }
-    return G;
-  }, [Oe, se, te]), [x, I] = ue("root", {
-    ref: Ve,
-    className: Ce.root,
-    elementType: Sa,
-    externalForwardedProps: Le,
-    ownerState: oe
-  }), [A, K] = ue("button", {
-    additionalProps: {
-      "aria-describedby": V ?? (z == null ? void 0 : z["aria-describedby"]),
-      "aria-label": j,
-      "aria-labelledby": Z ?? (z == null ? void 0 : z.labelId),
-      "aria-required": E ? "true" : void 0,
-      id: Q ?? (z == null ? void 0 : z.htmlFor),
-      name: ee
-    },
-    className: Ce.button,
-    elementType: Pa,
-    externalForwardedProps: Le,
-    getSlotProps: Ae,
-    ownerState: oe
-  }), [vr, Xe] = ue("listbox", {
-    additionalProps: {
-      anchorEl: ve,
-      open: ze,
-      placement: "bottom",
-      keepMounted: !0
-    },
-    className: Ce.listbox,
-    elementType: Ra,
-    externalForwardedProps: Le,
-    getSlotProps: Te,
-    ownerState: v({}, oe, {
-      nesting: !1,
-      row: !1,
-      wrap: !1
-    }),
-    getSlotOwnerState: (G) => ({
-      size: G.size || N,
-      variant: G.variant || W,
-      color: G.color || (G.disablePortal ? U : F),
-      disableColorInversion: !G.disablePortal
-    })
-  }), [gr, hr] = ue("startDecorator", {
-    className: Ce.startDecorator,
-    elementType: wa,
-    externalForwardedProps: Le,
-    ownerState: oe
-  }), [mr, br] = ue("endDecorator", {
-    className: Ce.endDecorator,
-    elementType: Oa,
-    externalForwardedProps: Le,
-    ownerState: oe
-  }), [xr, yr] = ue("indicator", {
-    className: Ce.indicator,
-    elementType: La,
-    externalForwardedProps: Le,
-    ownerState: oe
-  }), Ir = u.useMemo(() => [...Ia, ...Xe.modifiers || []], [Xe.modifiers]);
-  let Lt = w;
-  return (Array.isArray(Me) && Me.length > 0 || !Array.isArray(Me) && Me) && (Lt = ne(Me)), /* @__PURE__ */ _.jsxs(u.Fragment, {
-    children: [/* @__PURE__ */ _.jsxs(x, v({}, I, {
-      children: [H && /* @__PURE__ */ _.jsx(gr, v({}, hr, {
-        children: H
-      })), /* @__PURE__ */ _.jsx(A, v({}, K, {
-        children: Lt
-      })), k && /* @__PURE__ */ _.jsx(mr, v({}, br, {
-        children: k
-      })), O && /* @__PURE__ */ _.jsx(xr, v({}, yr, {
-        children: O
-      })), /* @__PURE__ */ _.jsx("input", v({}, Ee()))]
-    })), ve && /* @__PURE__ */ _.jsx(vr, v({}, Xe, {
-      className: Ut(Xe.className),
-      modifiers: Ir
-    }, !((d = c.slots) != null && d.listbox) && {
-      as: Ao,
-      slots: {
-        root: Xe.as || "ul"
-      }
-    }, {
-      children: /* @__PURE__ */ _.jsx(jo, {
-        value: ge,
-        children: /* @__PURE__ */ _.jsx(Er, {
-          variant: W,
-          color: F,
-          children: /* @__PURE__ */ _.jsx(sr.Provider, {
-            value: "select",
-            children: /* @__PURE__ */ _.jsx(cr, {
-              nested: !0,
-              children: m
-            })
-          })
-        })
-      })
-    }))]
-  });
-});
-export {
-  Uo as C,
-  fr as F,
-  sr as G,
-  _a as I,
-  Ma as L,
-  ir as N,
-  Ao as P,
-  lr as R,
-  Na as S,
-  Fo as W,
-  ja as a,
-  Ha as b,
-  ea as c,
-  ur as d,
-  Ta as e,
-  dr as f,
-  Aa as g,
-  cr as h,
-  na as i,
-  oa as j,
-  aa as k,
-  No as l,
-  ia as m,
-  Wa as n,
-  mn as o,
-  Yt as p,
-  bn as q,
-  Kt as r,
-  qo as s,
-  q as t,
-  Va as u,
-  Y as v,
-  vn as w,
-  pt as x,
-  gn as y,
-  st as z
-};