fansunited-widgets-cdn 0.0.84 → 0.0.86-RC1

package/chunks/Select-p_cHpLhi.js

@@ -0,0 +1,3418 @@
+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-XP7dqk6g.js";
+import { u as qt, r as Jt, I as Dr } from "./Button-BV7YIFkS.js";
+import { u as $r, V as Er } from "./variantColorInheritance-DI3wUohX.js";
+import { c as zr } from "./createSvgIcon-7h7XC877.js";
+import { o as Dt } from "./getReactElementRef-BD-S8A24.js";
+import { P as Br } from "./Portal-DA1mxzSo.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
+};