@cfx-dev/ui-components 3.0.4 → 4.0.0

package/dist/components/Select/Select.js

@@ -1,3094 +1,9 @@
-import { jsx as C, Fragment as At, jsxs as de } from "react/jsx-runtime";
-import * as u from "react";
-import j, { useLayoutEffect as Po, useEffect as Ro } from "react";
-import { r as Tt, R as Ao } from "../../index-2hJuj4UN.js";
-import { c as Ot, u as K, S as gt, g as Se, P as U, b as z, h as To, f as Z, e as Oo, d as _o, a as Ht } from "../../index-CjWRnNpt.js";
-import { f as fn, _ as xe, c as No } from "../../tslib.es6-CBKHJX9H.js";
-import { a as Io, u as Mo } from "../../medium-JVtzoF2c.js";
-import { Icon as Lo } from "../Icon/Icon.js";
-import { clsx as Vt } from "../../utils/clsx.js";
-var pn = function(e) {
-  var t = e.sideCar, n = fn(e, ["sideCar"]);
-  if (!t)
-    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
-  var o = t.read();
-  if (!o)
-    throw new Error("Sidecar medium not found");
-  return u.createElement(o, xe({}, n));
-};
-pn.isSideCarExport = !0;
-function Do(e, t) {
-  return e.useMedium(t), pn;
-}
-function $t(e, [t, n]) {
-  return Math.min(n, Math.max(t, e));
-}
-function ko(e) {
-  const t = e + "CollectionProvider", [n, o] = Ot(t), [r, i] = n(
-    t,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), c = (m) => {
-    const { scope: v, children: d } = m, g = j.useRef(null), h = j.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ C(r, { scope: v, itemMap: h, collectionRef: g, children: d });
-  };
-  c.displayName = t;
-  const s = e + "CollectionSlot", a = j.forwardRef(
-    (m, v) => {
-      const { scope: d, children: g } = m, h = i(s, d), y = K(v, h.collectionRef);
-      return /* @__PURE__ */ C(gt, { ref: y, children: g });
-    }
-  );
-  a.displayName = s;
-  const l = e + "CollectionItemSlot", p = "data-radix-collection-item", f = j.forwardRef(
-    (m, v) => {
-      const { scope: d, children: g, ...h } = m, y = j.useRef(null), x = K(v, y), S = i(l, d);
-      return j.useEffect(() => (S.itemMap.set(y, { ref: y, ...h }), () => void S.itemMap.delete(y))), /* @__PURE__ */ C(gt, { [p]: "", ref: x, children: g });
-    }
-  );
-  f.displayName = l;
-  function w(m) {
-    const v = i(e + "CollectionConsumer", m);
-    return j.useCallback(() => {
-      const g = v.collectionRef.current;
-      if (!g) return [];
-      const h = Array.from(g.querySelectorAll(`[${p}]`));
-      return Array.from(v.itemMap.values()).sort(
-        (S, b) => h.indexOf(S.ref.current) - h.indexOf(b.ref.current)
-      );
-    }, [v.collectionRef, v.itemMap]);
-  }
-  return [
-    { Provider: c, Slot: a, ItemSlot: f },
-    w,
-    o
-  ];
-}
-var Bo = u.createContext(void 0);
-function Fo(e) {
-  const t = u.useContext(Bo);
-  return e || t || "ltr";
-}
-function Wo(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = Se(e);
-  u.useEffect(() => {
-    const o = (r) => {
-      r.key === "Escape" && n(r);
-    };
-    return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
-  }, [n, t]);
-}
-var Ho = "DismissableLayer", wt = "dismissableLayer.update", Vo = "dismissableLayer.pointerDownOutside", $o = "dismissableLayer.focusOutside", Ut, mn = u.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), hn = u.forwardRef(
-  (e, t) => {
-    const {
-      disableOutsidePointerEvents: n = !1,
-      onEscapeKeyDown: o,
-      onPointerDownOutside: r,
-      onFocusOutside: i,
-      onInteractOutside: c,
-      onDismiss: s,
-      ...a
-    } = e, l = u.useContext(mn), [p, f] = u.useState(null), w = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = u.useState({}), v = K(t, (E) => f(E)), d = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), h = d.indexOf(g), y = p ? d.indexOf(p) : -1, x = l.layersWithOutsidePointerEventsDisabled.size > 0, S = y >= h, b = Ko((E) => {
-      const T = E.target, N = [...l.branches].some((I) => I.contains(T));
-      !S || N || (r == null || r(E), c == null || c(E), E.defaultPrevented || s == null || s());
-    }, w), P = Yo((E) => {
-      const T = E.target;
-      [...l.branches].some((I) => I.contains(T)) || (i == null || i(E), c == null || c(E), E.defaultPrevented || s == null || s());
-    }, w);
-    return Wo((E) => {
-      y === l.layers.size - 1 && (o == null || o(E), !E.defaultPrevented && s && (E.preventDefault(), s()));
-    }, w), u.useEffect(() => {
-      if (p)
-        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Ut = w.body.style.pointerEvents, w.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(p)), l.layers.add(p), zt(), () => {
-          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (w.body.style.pointerEvents = Ut);
-        };
-    }, [p, w, n, l]), u.useEffect(() => () => {
-      p && (l.layers.delete(p), l.layersWithOutsidePointerEventsDisabled.delete(p), zt());
-    }, [p, l]), u.useEffect(() => {
-      const E = () => m({});
-      return document.addEventListener(wt, E), () => document.removeEventListener(wt, E);
-    }, []), /* @__PURE__ */ C(
-      U.div,
-      {
-        ...a,
-        ref: v,
-        style: {
-          pointerEvents: x ? S ? "auto" : "none" : void 0,
-          ...e.style
-        },
-        onFocusCapture: z(e.onFocusCapture, P.onFocusCapture),
-        onBlurCapture: z(e.onBlurCapture, P.onBlurCapture),
-        onPointerDownCapture: z(
-          e.onPointerDownCapture,
-          b.onPointerDownCapture
-        )
-      }
-    );
-  }
-);
-hn.displayName = Ho;
-var Uo = "DismissableLayerBranch", zo = u.forwardRef((e, t) => {
-  const n = u.useContext(mn), o = u.useRef(null), r = K(t, o);
-  return u.useEffect(() => {
-    const i = o.current;
-    if (i)
-      return n.branches.add(i), () => {
-        n.branches.delete(i);
-      };
-  }, [n.branches]), /* @__PURE__ */ C(U.div, { ...e, ref: r });
-});
-zo.displayName = Uo;
-function Ko(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = Se(e), o = u.useRef(!1), r = u.useRef(() => {
-  });
-  return u.useEffect(() => {
-    const i = (s) => {
-      if (s.target && !o.current) {
-        let a = function() {
-          vn(
-            Vo,
-            n,
-            l,
-            { discrete: !0 }
-          );
-        };
-        const l = { originalEvent: s };
-        s.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = a, t.addEventListener("click", r.current, { once: !0 })) : a();
-      } else
-        t.removeEventListener("click", r.current);
-      o.current = !1;
-    }, c = window.setTimeout(() => {
-      t.addEventListener("pointerdown", i);
-    }, 0);
-    return () => {
-      window.clearTimeout(c), t.removeEventListener("pointerdown", i), t.removeEventListener("click", r.current);
-    };
-  }, [t, n]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => o.current = !0
-  };
-}
-function Yo(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = Se(e), o = u.useRef(!1);
-  return u.useEffect(() => {
-    const r = (i) => {
-      i.target && !o.current && vn($o, n, { originalEvent: i }, {
-        discrete: !1
-      });
-    };
-    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
-  }, [t, n]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
-}
-function zt() {
-  const e = new CustomEvent(wt);
-  document.dispatchEvent(e);
-}
-function vn(e, t, n, { discrete: o }) {
-  const r = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && r.addEventListener(e, t, { once: !0 }), o ? To(r, i) : r.dispatchEvent(i);
-}
-var ut = 0;
-function jo() {
-  u.useEffect(() => {
-    const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Kt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Kt()), ut++, () => {
-      ut === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ut--;
-    };
-  }, []);
-}
-function Kt() {
-  const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
-}
-var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt = { bubbles: !1, cancelable: !0 }, Xo = "FocusScope", gn = u.forwardRef((e, t) => {
-  const {
-    loop: n = !1,
-    trapped: o = !1,
-    onMountAutoFocus: r,
-    onUnmountAutoFocus: i,
-    ...c
-  } = e, [s, a] = u.useState(null), l = Se(r), p = Se(i), f = u.useRef(null), w = K(t, (d) => a(d)), m = u.useRef({
-    paused: !1,
-    pause() {
-      this.paused = !0;
-    },
-    resume() {
-      this.paused = !1;
-    }
-  }).current;
-  u.useEffect(() => {
-    if (o) {
-      let d = function(x) {
-        if (m.paused || !s) return;
-        const S = x.target;
-        s.contains(S) ? f.current = S : ue(f.current, { select: !0 });
-      }, g = function(x) {
-        if (m.paused || !s) return;
-        const S = x.relatedTarget;
-        S !== null && (s.contains(S) || ue(f.current, { select: !0 }));
-      }, h = function(x) {
-        if (document.activeElement === document.body)
-          for (const b of x)
-            b.removedNodes.length > 0 && ue(s);
-      };
-      document.addEventListener("focusin", d), document.addEventListener("focusout", g);
-      const y = new MutationObserver(h);
-      return s && y.observe(s, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", d), document.removeEventListener("focusout", g), y.disconnect();
-      };
-    }
-  }, [o, s, m.paused]), u.useEffect(() => {
-    if (s) {
-      Xt.add(m);
-      const d = document.activeElement;
-      if (!s.contains(d)) {
-        const h = new CustomEvent(dt, Yt);
-        s.addEventListener(dt, l), s.dispatchEvent(h), h.defaultPrevented || (Go(er(wn(s)), { select: !0 }), document.activeElement === d && ue(s));
-      }
-      return () => {
-        s.removeEventListener(dt, l), setTimeout(() => {
-          const h = new CustomEvent(ft, Yt);
-          s.addEventListener(ft, p), s.dispatchEvent(h), h.defaultPrevented || ue(d ?? document.body, { select: !0 }), s.removeEventListener(ft, p), Xt.remove(m);
-        }, 0);
-      };
-    }
-  }, [s, l, p, m]);
-  const v = u.useCallback(
-    (d) => {
-      if (!n && !o || m.paused) return;
-      const g = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, h = document.activeElement;
-      if (g && h) {
-        const y = d.currentTarget, [x, S] = qo(y);
-        x && S ? !d.shiftKey && h === S ? (d.preventDefault(), n && ue(x, { select: !0 })) : d.shiftKey && h === x && (d.preventDefault(), n && ue(S, { select: !0 })) : h === y && d.preventDefault();
-      }
-    },
-    [n, o, m.paused]
-  );
-  return /* @__PURE__ */ C(U.div, { tabIndex: -1, ...c, ref: w, onKeyDown: v });
-});
-gn.displayName = Xo;
-function Go(e, { select: t = !1 } = {}) {
-  const n = document.activeElement;
-  for (const o of e)
-    if (ue(o, { select: t }), document.activeElement !== n) return;
-}
-function qo(e) {
-  const t = wn(e), n = jt(t, e), o = jt(t.reverse(), e);
-  return [n, o];
-}
-function wn(e) {
-  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (o) => {
-      const r = o.tagName === "INPUT" && o.type === "hidden";
-      return o.disabled || o.hidden || r ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; n.nextNode(); ) t.push(n.currentNode);
-  return t;
-}
-function jt(e, t) {
-  for (const n of e)
-    if (!Zo(n, { upTo: t })) return n;
-}
-function Zo(e, { upTo: t }) {
-  if (getComputedStyle(e).visibility === "hidden") return !0;
-  for (; e; ) {
-    if (t !== void 0 && e === t) return !1;
-    if (getComputedStyle(e).display === "none") return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-function Qo(e) {
-  return e instanceof HTMLInputElement && "select" in e;
-}
-function ue(e, { select: t = !1 } = {}) {
-  if (e && e.focus) {
-    const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && Qo(e) && t && e.select();
-  }
-}
-var Xt = Jo();
-function Jo() {
-  let e = [];
-  return {
-    add(t) {
-      const n = e[0];
-      t !== n && (n == null || n.pause()), e = Gt(e, t), e.unshift(t);
-    },
-    remove(t) {
-      var n;
-      e = Gt(e, t), (n = e[0]) == null || n.resume();
-    }
-  };
-}
-function Gt(e, t) {
-  const n = [...e], o = n.indexOf(t);
-  return o !== -1 && n.splice(o, 1), n;
-}
-function er(e) {
-  return e.filter((t) => t.tagName !== "A");
-}
-var tr = u.useId || (() => {
-}), nr = 0;
-function _t(e) {
-  const [t, n] = u.useState(tr());
-  return Z(() => {
-    n((o) => o ?? String(nr++));
-  }, [e]), t ? `radix-${t}` : "";
-}
-const or = ["top", "right", "bottom", "left"], te = Math.min, G = Math.max, Je = Math.round, Ke = Math.floor, pe = (e) => ({
-  x: e,
-  y: e
-}), rr = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, ir = {
-  start: "end",
-  end: "start"
-};
-function yt(e, t, n) {
-  return G(e, te(t, n));
-}
-function se(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function ce(e) {
-  return e.split("-")[0];
-}
-function Ne(e) {
-  return e.split("-")[1];
-}
-function Nt(e) {
-  return e === "x" ? "y" : "x";
-}
-function It(e) {
-  return e === "y" ? "height" : "width";
-}
-function me(e) {
-  return ["top", "bottom"].includes(ce(e)) ? "y" : "x";
-}
-function Mt(e) {
-  return Nt(me(e));
-}
-function sr(e, t, n) {
-  n === void 0 && (n = !1);
-  const o = Ne(e), r = Mt(e), i = It(r);
-  let c = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[i] > t.floating[i] && (c = et(c)), [c, et(c)];
-}
-function cr(e) {
-  const t = et(e);
-  return [xt(e), t, xt(t)];
-}
-function xt(e) {
-  return e.replace(/start|end/g, (t) => ir[t]);
-}
-function ar(e, t, n) {
-  const o = ["left", "right"], r = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
-  switch (e) {
-    case "top":
-    case "bottom":
-      return n ? t ? r : o : t ? o : r;
-    case "left":
-    case "right":
-      return t ? i : c;
-    default:
-      return [];
-  }
-}
-function lr(e, t, n, o) {
-  const r = Ne(e);
-  let i = ar(ce(e), n === "start", o);
-  return r && (i = i.map((c) => c + "-" + r), t && (i = i.concat(i.map(xt)))), i;
-}
-function et(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => rr[t]);
-}
-function ur(e) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
-  };
-}
-function yn(e) {
-  return typeof e != "number" ? ur(e) : {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  };
-}
-function tt(e) {
-  const {
-    x: t,
-    y: n,
-    width: o,
-    height: r
-  } = e;
-  return {
-    width: o,
-    height: r,
-    top: n,
-    left: t,
-    right: t + o,
-    bottom: n + r,
-    x: t,
-    y: n
-  };
-}
-function qt(e, t, n) {
-  let {
-    reference: o,
-    floating: r
-  } = e;
-  const i = me(t), c = Mt(t), s = It(c), a = ce(t), l = i === "y", p = o.x + o.width / 2 - r.width / 2, f = o.y + o.height / 2 - r.height / 2, w = o[s] / 2 - r[s] / 2;
-  let m;
-  switch (a) {
-    case "top":
-      m = {
-        x: p,
-        y: o.y - r.height
-      };
-      break;
-    case "bottom":
-      m = {
-        x: p,
-        y: o.y + o.height
-      };
-      break;
-    case "right":
-      m = {
-        x: o.x + o.width,
-        y: f
-      };
-      break;
-    case "left":
-      m = {
-        x: o.x - r.width,
-        y: f
-      };
-      break;
-    default:
-      m = {
-        x: o.x,
-        y: o.y
-      };
-  }
-  switch (Ne(t)) {
-    case "start":
-      m[c] -= w * (n && l ? -1 : 1);
-      break;
-    case "end":
-      m[c] += w * (n && l ? -1 : 1);
-      break;
-  }
-  return m;
-}
-const dr = async (e, t, n) => {
-  const {
-    placement: o = "bottom",
-    strategy: r = "absolute",
-    middleware: i = [],
-    platform: c
-  } = n, s = i.filter(Boolean), a = await (c.isRTL == null ? void 0 : c.isRTL(t));
-  let l = await c.getElementRects({
-    reference: e,
-    floating: t,
-    strategy: r
-  }), {
-    x: p,
-    y: f
-  } = qt(l, o, a), w = o, m = {}, v = 0;
-  for (let d = 0; d < s.length; d++) {
-    const {
-      name: g,
-      fn: h
-    } = s[d], {
-      x: y,
-      y: x,
-      data: S,
-      reset: b
-    } = await h({
-      x: p,
-      y: f,
-      initialPlacement: o,
-      placement: w,
-      strategy: r,
-      middlewareData: m,
-      rects: l,
-      platform: c,
-      elements: {
-        reference: e,
-        floating: t
-      }
-    });
-    p = y ?? p, f = x ?? f, m = {
-      ...m,
-      [g]: {
-        ...m[g],
-        ...S
-      }
-    }, b && v <= 50 && (v++, typeof b == "object" && (b.placement && (w = b.placement), b.rects && (l = b.rects === !0 ? await c.getElementRects({
-      reference: e,
-      floating: t,
-      strategy: r
-    }) : b.rects), {
-      x: p,
-      y: f
-    } = qt(l, w, a)), d = -1);
-  }
-  return {
-    x: p,
-    y: f,
-    placement: w,
-    strategy: r,
-    middlewareData: m
-  };
-};
-async function He(e, t) {
-  var n;
-  t === void 0 && (t = {});
-  const {
-    x: o,
-    y: r,
-    platform: i,
-    rects: c,
-    elements: s,
-    strategy: a
-  } = e, {
-    boundary: l = "clippingAncestors",
-    rootBoundary: p = "viewport",
-    elementContext: f = "floating",
-    altBoundary: w = !1,
-    padding: m = 0
-  } = se(t, e), v = yn(m), g = s[w ? f === "floating" ? "reference" : "floating" : f], h = tt(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(g))) == null || n ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
-    boundary: l,
-    rootBoundary: p,
-    strategy: a
-  })), y = f === "floating" ? {
-    x: o,
-    y: r,
-    width: c.floating.width,
-    height: c.floating.height
-  } : c.reference, x = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s.floating)), S = await (i.isElement == null ? void 0 : i.isElement(x)) ? await (i.getScale == null ? void 0 : i.getScale(x)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, b = tt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: s,
-    rect: y,
-    offsetParent: x,
-    strategy: a
-  }) : y);
-  return {
-    top: (h.top - b.top + v.top) / S.y,
-    bottom: (b.bottom - h.bottom + v.bottom) / S.y,
-    left: (h.left - b.left + v.left) / S.x,
-    right: (b.right - h.right + v.right) / S.x
-  };
-}
-const fr = (e) => ({
-  name: "arrow",
-  options: e,
-  async fn(t) {
-    const {
-      x: n,
-      y: o,
-      placement: r,
-      rects: i,
-      platform: c,
-      elements: s,
-      middlewareData: a
-    } = t, {
-      element: l,
-      padding: p = 0
-    } = se(e, t) || {};
-    if (l == null)
-      return {};
-    const f = yn(p), w = {
-      x: n,
-      y: o
-    }, m = Mt(r), v = It(m), d = await c.getDimensions(l), g = m === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = i.reference[v] + i.reference[m] - w[m] - i.floating[v], b = w[m] - i.reference[m], P = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l));
-    let E = P ? P[x] : 0;
-    (!E || !await (c.isElement == null ? void 0 : c.isElement(P))) && (E = s.floating[x] || i.floating[v]);
-    const T = S / 2 - b / 2, N = E / 2 - d[v] / 2 - 1, I = te(f[h], N), V = te(f[y], N), B = I, $ = E - d[v] - V, _ = E / 2 - d[v] / 2 + T, O = yt(B, _, $), W = !a.arrow && Ne(r) != null && _ !== O && i.reference[v] / 2 - (_ < B ? I : V) - d[v] / 2 < 0, A = W ? _ < B ? _ - B : _ - $ : 0;
-    return {
-      [m]: w[m] + A,
-      data: {
-        [m]: O,
-        centerOffset: _ - O - A,
-        ...W && {
-          alignmentOffset: A
-        }
-      },
-      reset: W
-    };
-  }
-}), pr = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "flip",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        placement: r,
-        middlewareData: i,
-        rects: c,
-        initialPlacement: s,
-        platform: a,
-        elements: l
-      } = t, {
-        mainAxis: p = !0,
-        crossAxis: f = !0,
-        fallbackPlacements: w,
-        fallbackStrategy: m = "bestFit",
-        fallbackAxisSideDirection: v = "none",
-        flipAlignment: d = !0,
-        ...g
-      } = se(e, t);
-      if ((n = i.arrow) != null && n.alignmentOffset)
-        return {};
-      const h = ce(r), y = me(s), x = ce(s) === s, S = await (a.isRTL == null ? void 0 : a.isRTL(l.floating)), b = w || (x || !d ? [et(s)] : cr(s)), P = v !== "none";
-      !w && P && b.push(...lr(s, d, v, S));
-      const E = [s, ...b], T = await He(t, g), N = [];
-      let I = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (p && N.push(T[h]), f) {
-        const _ = sr(r, c, S);
-        N.push(T[_[0]], T[_[1]]);
-      }
-      if (I = [...I, {
-        placement: r,
-        overflows: N
-      }], !N.every((_) => _ <= 0)) {
-        var V, B;
-        const _ = (((V = i.flip) == null ? void 0 : V.index) || 0) + 1, O = E[_];
-        if (O)
-          return {
-            data: {
-              index: _,
-              overflows: I
-            },
-            reset: {
-              placement: O
-            }
-          };
-        let W = (B = I.filter((A) => A.overflows[0] <= 0).sort((A, D) => A.overflows[1] - D.overflows[1])[0]) == null ? void 0 : B.placement;
-        if (!W)
-          switch (m) {
-            case "bestFit": {
-              var $;
-              const A = ($ = I.filter((D) => {
-                if (P) {
-                  const k = me(D.placement);
-                  return k === y || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  k === "y";
-                }
-                return !0;
-              }).map((D) => [D.placement, D.overflows.filter((k) => k > 0).reduce((k, we) => k + we, 0)]).sort((D, k) => D[1] - k[1])[0]) == null ? void 0 : $[0];
-              A && (W = A);
-              break;
-            }
-            case "initialPlacement":
-              W = s;
-              break;
-          }
-        if (r !== W)
-          return {
-            reset: {
-              placement: W
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-function Zt(e, t) {
-  return {
-    top: e.top - t.height,
-    right: e.right - t.width,
-    bottom: e.bottom - t.height,
-    left: e.left - t.width
-  };
-}
-function Qt(e) {
-  return or.some((t) => e[t] >= 0);
-}
-const mr = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "hide",
-    options: e,
-    async fn(t) {
-      const {
-        rects: n
-      } = t, {
-        strategy: o = "referenceHidden",
-        ...r
-      } = se(e, t);
-      switch (o) {
-        case "referenceHidden": {
-          const i = await He(t, {
-            ...r,
-            elementContext: "reference"
-          }), c = Zt(i, n.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: c,
-              referenceHidden: Qt(c)
-            }
-          };
-        }
-        case "escaped": {
-          const i = await He(t, {
-            ...r,
-            altBoundary: !0
-          }), c = Zt(i, n.floating);
-          return {
-            data: {
-              escapedOffsets: c,
-              escaped: Qt(c)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-};
-async function hr(e, t) {
-  const {
-    placement: n,
-    platform: o,
-    elements: r
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), c = ce(n), s = Ne(n), a = me(n) === "y", l = ["left", "top"].includes(c) ? -1 : 1, p = i && a ? -1 : 1, f = se(t, e);
-  let {
-    mainAxis: w,
-    crossAxis: m,
-    alignmentAxis: v
-  } = typeof f == "number" ? {
-    mainAxis: f,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...f
-  };
-  return s && typeof v == "number" && (m = s === "end" ? v * -1 : v), a ? {
-    x: m * p,
-    y: w * l
-  } : {
-    x: w * l,
-    y: m * p
-  };
-}
-const vr = function(e) {
-  return e === void 0 && (e = 0), {
-    name: "offset",
-    options: e,
-    async fn(t) {
-      var n, o;
-      const {
-        x: r,
-        y: i,
-        placement: c,
-        middlewareData: s
-      } = t, a = await hr(t, e);
-      return c === ((n = s.offset) == null ? void 0 : n.placement) && (o = s.arrow) != null && o.alignmentOffset ? {} : {
-        x: r + a.x,
-        y: i + a.y,
-        data: {
-          ...a,
-          placement: c
-        }
-      };
-    }
-  };
-}, gr = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "shift",
-    options: e,
-    async fn(t) {
-      const {
-        x: n,
-        y: o,
-        placement: r
-      } = t, {
-        mainAxis: i = !0,
-        crossAxis: c = !1,
-        limiter: s = {
-          fn: (g) => {
-            let {
-              x: h,
-              y
-            } = g;
-            return {
-              x: h,
-              y
-            };
-          }
-        },
-        ...a
-      } = se(e, t), l = {
-        x: n,
-        y: o
-      }, p = await He(t, a), f = me(ce(r)), w = Nt(f);
-      let m = l[w], v = l[f];
-      if (i) {
-        const g = w === "y" ? "top" : "left", h = w === "y" ? "bottom" : "right", y = m + p[g], x = m - p[h];
-        m = yt(y, m, x);
-      }
-      if (c) {
-        const g = f === "y" ? "top" : "left", h = f === "y" ? "bottom" : "right", y = v + p[g], x = v - p[h];
-        v = yt(y, v, x);
-      }
-      const d = s.fn({
-        ...t,
-        [w]: m,
-        [f]: v
-      });
-      return {
-        ...d,
-        data: {
-          x: d.x - n,
-          y: d.y - o
-        }
-      };
-    }
-  };
-}, wr = function(e) {
-  return e === void 0 && (e = {}), {
-    options: e,
-    fn(t) {
-      const {
-        x: n,
-        y: o,
-        placement: r,
-        rects: i,
-        middlewareData: c
-      } = t, {
-        offset: s = 0,
-        mainAxis: a = !0,
-        crossAxis: l = !0
-      } = se(e, t), p = {
-        x: n,
-        y: o
-      }, f = me(r), w = Nt(f);
-      let m = p[w], v = p[f];
-      const d = se(s, t), g = typeof d == "number" ? {
-        mainAxis: d,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...d
-      };
-      if (a) {
-        const x = w === "y" ? "height" : "width", S = i.reference[w] - i.floating[x] + g.mainAxis, b = i.reference[w] + i.reference[x] - g.mainAxis;
-        m < S ? m = S : m > b && (m = b);
-      }
-      if (l) {
-        var h, y;
-        const x = w === "y" ? "width" : "height", S = ["top", "left"].includes(ce(r)), b = i.reference[f] - i.floating[x] + (S && ((h = c.offset) == null ? void 0 : h[f]) || 0) + (S ? 0 : g.crossAxis), P = i.reference[f] + i.reference[x] + (S ? 0 : ((y = c.offset) == null ? void 0 : y[f]) || 0) - (S ? g.crossAxis : 0);
-        v < b ? v = b : v > P && (v = P);
-      }
-      return {
-        [w]: m,
-        [f]: v
-      };
-    }
-  };
-}, yr = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "size",
-    options: e,
-    async fn(t) {
-      const {
-        placement: n,
-        rects: o,
-        platform: r,
-        elements: i
-      } = t, {
-        apply: c = () => {
-        },
-        ...s
-      } = se(e, t), a = await He(t, s), l = ce(n), p = Ne(n), f = me(n) === "y", {
-        width: w,
-        height: m
-      } = o.floating;
-      let v, d;
-      l === "top" || l === "bottom" ? (v = l, d = p === (await (r.isRTL == null ? void 0 : r.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (d = l, v = p === "end" ? "top" : "bottom");
-      const g = m - a.top - a.bottom, h = w - a.left - a.right, y = te(m - a[v], g), x = te(w - a[d], h), S = !t.middlewareData.shift;
-      let b = y, P = x;
-      if (f ? P = p || S ? te(x, h) : h : b = p || S ? te(y, g) : g, S && !p) {
-        const T = G(a.left, 0), N = G(a.right, 0), I = G(a.top, 0), V = G(a.bottom, 0);
-        f ? P = w - 2 * (T !== 0 || N !== 0 ? T + N : G(a.left, a.right)) : b = m - 2 * (I !== 0 || V !== 0 ? I + V : G(a.top, a.bottom));
-      }
-      await c({
-        ...t,
-        availableWidth: P,
-        availableHeight: b
-      });
-      const E = await r.getDimensions(i.floating);
-      return w !== E.width || m !== E.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function Ie(e) {
-  return xn(e) ? (e.nodeName || "").toLowerCase() : "#document";
-}
-function q(e) {
-  var t;
-  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function ae(e) {
-  var t;
-  return (t = (xn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
-}
-function xn(e) {
-  return e instanceof Node || e instanceof q(e).Node;
-}
-function ne(e) {
-  return e instanceof Element || e instanceof q(e).Element;
-}
-function oe(e) {
-  return e instanceof HTMLElement || e instanceof q(e).HTMLElement;
-}
-function Jt(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
-}
-function $e(e) {
-  const {
-    overflow: t,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = J(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(r);
-}
-function xr(e) {
-  return ["table", "td", "th"].includes(Ie(e));
-}
-function rt(e) {
-  return [":popover-open", ":modal"].some((t) => {
-    try {
-      return e.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-function Lt(e) {
-  const t = Dt(), n = J(e);
-  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
-}
-function Sr(e) {
-  let t = he(e);
-  for (; oe(t) && !_e(t); ) {
-    if (rt(t))
-      return null;
-    if (Lt(t))
-      return t;
-    t = he(t);
-  }
-  return null;
-}
-function Dt() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function _e(e) {
-  return ["html", "body", "#document"].includes(Ie(e));
-}
-function J(e) {
-  return q(e).getComputedStyle(e);
-}
-function it(e) {
-  return ne(e) ? {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
-  } : {
-    scrollLeft: e.scrollX,
-    scrollTop: e.scrollY
-  };
-}
-function he(e) {
-  if (Ie(e) === "html")
-    return e;
-  const t = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    e.assignedSlot || // DOM Element detected.
-    e.parentNode || // ShadowRoot detected.
-    Jt(e) && e.host || // Fallback.
-    ae(e)
-  );
-  return Jt(t) ? t.host : t;
-}
-function Sn(e) {
-  const t = he(e);
-  return _e(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : oe(t) && $e(t) ? t : Sn(t);
-}
-function Ve(e, t, n) {
-  var o;
-  t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = Sn(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), c = q(r);
-  return i ? t.concat(c, c.visualViewport || [], $e(r) ? r : [], c.frameElement && n ? Ve(c.frameElement) : []) : t.concat(r, Ve(r, [], n));
-}
-function bn(e) {
-  const t = J(e);
-  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const r = oe(e), i = r ? e.offsetWidth : n, c = r ? e.offsetHeight : o, s = Je(n) !== i || Je(o) !== c;
-  return s && (n = i, o = c), {
-    width: n,
-    height: o,
-    $: s
-  };
-}
-function kt(e) {
-  return ne(e) ? e : e.contextElement;
-}
-function Te(e) {
-  const t = kt(e);
-  if (!oe(t))
-    return pe(1);
-  const n = t.getBoundingClientRect(), {
-    width: o,
-    height: r,
-    $: i
-  } = bn(t);
-  let c = (i ? Je(n.width) : n.width) / o, s = (i ? Je(n.height) : n.height) / r;
-  return (!c || !Number.isFinite(c)) && (c = 1), (!s || !Number.isFinite(s)) && (s = 1), {
-    x: c,
-    y: s
-  };
-}
-const br = /* @__PURE__ */ pe(0);
-function Cn(e) {
-  const t = q(e);
-  return !Dt() || !t.visualViewport ? br : {
-    x: t.visualViewport.offsetLeft,
-    y: t.visualViewport.offsetTop
-  };
-}
-function Cr(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
-}
-function be(e, t, n, o) {
-  t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const r = e.getBoundingClientRect(), i = kt(e);
-  let c = pe(1);
-  t && (o ? ne(o) && (c = Te(o)) : c = Te(e));
-  const s = Cr(i, n, o) ? Cn(i) : pe(0);
-  let a = (r.left + s.x) / c.x, l = (r.top + s.y) / c.y, p = r.width / c.x, f = r.height / c.y;
-  if (i) {
-    const w = q(i), m = o && ne(o) ? q(o) : o;
-    let v = w, d = v.frameElement;
-    for (; d && o && m !== v; ) {
-      const g = Te(d), h = d.getBoundingClientRect(), y = J(d), x = h.left + (d.clientLeft + parseFloat(y.paddingLeft)) * g.x, S = h.top + (d.clientTop + parseFloat(y.paddingTop)) * g.y;
-      a *= g.x, l *= g.y, p *= g.x, f *= g.y, a += x, l += S, v = q(d), d = v.frameElement;
-    }
-  }
-  return tt({
-    width: p,
-    height: f,
-    x: a,
-    y: l
-  });
-}
-function Er(e) {
-  let {
-    elements: t,
-    rect: n,
-    offsetParent: o,
-    strategy: r
-  } = e;
-  const i = r === "fixed", c = ae(o), s = t ? rt(t.floating) : !1;
-  if (o === c || s && i)
-    return n;
-  let a = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, l = pe(1);
-  const p = pe(0), f = oe(o);
-  if ((f || !f && !i) && ((Ie(o) !== "body" || $e(c)) && (a = it(o)), oe(o))) {
-    const w = be(o);
-    l = Te(o), p.x = w.x + o.clientLeft, p.y = w.y + o.clientTop;
-  }
-  return {
-    width: n.width * l.x,
-    height: n.height * l.y,
-    x: n.x * l.x - a.scrollLeft * l.x + p.x,
-    y: n.y * l.y - a.scrollTop * l.y + p.y
-  };
-}
-function Pr(e) {
-  return Array.from(e.getClientRects());
-}
-function En(e) {
-  return be(ae(e)).left + it(e).scrollLeft;
-}
-function Rr(e) {
-  const t = ae(e), n = it(e), o = e.ownerDocument.body, r = G(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = G(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
-  let c = -n.scrollLeft + En(e);
-  const s = -n.scrollTop;
-  return J(o).direction === "rtl" && (c += G(t.clientWidth, o.clientWidth) - r), {
-    width: r,
-    height: i,
-    x: c,
-    y: s
-  };
-}
-function Ar(e, t) {
-  const n = q(e), o = ae(e), r = n.visualViewport;
-  let i = o.clientWidth, c = o.clientHeight, s = 0, a = 0;
-  if (r) {
-    i = r.width, c = r.height;
-    const l = Dt();
-    (!l || l && t === "fixed") && (s = r.offsetLeft, a = r.offsetTop);
-  }
-  return {
-    width: i,
-    height: c,
-    x: s,
-    y: a
-  };
-}
-function Tr(e, t) {
-  const n = be(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = oe(e) ? Te(e) : pe(1), c = e.clientWidth * i.x, s = e.clientHeight * i.y, a = r * i.x, l = o * i.y;
-  return {
-    width: c,
-    height: s,
-    x: a,
-    y: l
-  };
-}
-function en(e, t, n) {
-  let o;
-  if (t === "viewport")
-    o = Ar(e, n);
-  else if (t === "document")
-    o = Rr(ae(e));
-  else if (ne(t))
-    o = Tr(t, n);
-  else {
-    const r = Cn(e);
-    o = {
-      ...t,
-      x: t.x - r.x,
-      y: t.y - r.y
-    };
-  }
-  return tt(o);
-}
-function Pn(e, t) {
-  const n = he(e);
-  return n === t || !ne(n) || _e(n) ? !1 : J(n).position === "fixed" || Pn(n, t);
-}
-function Or(e, t) {
-  const n = t.get(e);
-  if (n)
-    return n;
-  let o = Ve(e, [], !1).filter((s) => ne(s) && Ie(s) !== "body"), r = null;
-  const i = J(e).position === "fixed";
-  let c = i ? he(e) : e;
-  for (; ne(c) && !_e(c); ) {
-    const s = J(c), a = Lt(c);
-    !a && s.position === "fixed" && (r = null), (i ? !a && !r : !a && s.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || $e(c) && !a && Pn(e, c)) ? o = o.filter((p) => p !== c) : r = s, c = he(c);
-  }
-  return t.set(e, o), o;
-}
-function _r(e) {
-  let {
-    element: t,
-    boundary: n,
-    rootBoundary: o,
-    strategy: r
-  } = e;
-  const c = [...n === "clippingAncestors" ? rt(t) ? [] : Or(t, this._c) : [].concat(n), o], s = c[0], a = c.reduce((l, p) => {
-    const f = en(t, p, r);
-    return l.top = G(f.top, l.top), l.right = te(f.right, l.right), l.bottom = te(f.bottom, l.bottom), l.left = G(f.left, l.left), l;
-  }, en(t, s, r));
-  return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
-  };
-}
-function Nr(e) {
-  const {
-    width: t,
-    height: n
-  } = bn(e);
-  return {
-    width: t,
-    height: n
-  };
-}
-function Ir(e, t, n) {
-  const o = oe(t), r = ae(t), i = n === "fixed", c = be(e, !0, i, t);
-  let s = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const a = pe(0);
-  if (o || !o && !i)
-    if ((Ie(t) !== "body" || $e(r)) && (s = it(t)), o) {
-      const f = be(t, !0, i, t);
-      a.x = f.x + t.clientLeft, a.y = f.y + t.clientTop;
-    } else r && (a.x = En(r));
-  const l = c.left + s.scrollLeft - a.x, p = c.top + s.scrollTop - a.y;
-  return {
-    x: l,
-    y: p,
-    width: c.width,
-    height: c.height
-  };
-}
-function pt(e) {
-  return J(e).position === "static";
-}
-function tn(e, t) {
-  return !oe(e) || J(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
-}
-function Rn(e, t) {
-  const n = q(e);
-  if (rt(e))
-    return n;
-  if (!oe(e)) {
-    let r = he(e);
-    for (; r && !_e(r); ) {
-      if (ne(r) && !pt(r))
-        return r;
-      r = he(r);
-    }
-    return n;
-  }
-  let o = tn(e, t);
-  for (; o && xr(o) && pt(o); )
-    o = tn(o, t);
-  return o && _e(o) && pt(o) && !Lt(o) ? n : o || Sr(e) || n;
-}
-const Mr = async function(e) {
-  const t = this.getOffsetParent || Rn, n = this.getDimensions, o = await n(e.floating);
-  return {
-    reference: Ir(e.reference, await t(e.floating), e.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: o.width,
-      height: o.height
-    }
-  };
-};
-function Lr(e) {
-  return J(e).direction === "rtl";
-}
-const Dr = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Er,
-  getDocumentElement: ae,
-  getClippingRect: _r,
-  getOffsetParent: Rn,
-  getElementRects: Mr,
-  getClientRects: Pr,
-  getDimensions: Nr,
-  getScale: Te,
-  isElement: ne,
-  isRTL: Lr
-};
-function kr(e, t) {
-  let n = null, o;
-  const r = ae(e);
-  function i() {
-    var s;
-    clearTimeout(o), (s = n) == null || s.disconnect(), n = null;
-  }
-  function c(s, a) {
-    s === void 0 && (s = !1), a === void 0 && (a = 1), i();
-    const {
-      left: l,
-      top: p,
-      width: f,
-      height: w
-    } = e.getBoundingClientRect();
-    if (s || t(), !f || !w)
-      return;
-    const m = Ke(p), v = Ke(r.clientWidth - (l + f)), d = Ke(r.clientHeight - (p + w)), g = Ke(l), y = {
-      rootMargin: -m + "px " + -v + "px " + -d + "px " + -g + "px",
-      threshold: G(0, te(1, a)) || 1
-    };
-    let x = !0;
-    function S(b) {
-      const P = b[0].intersectionRatio;
-      if (P !== a) {
-        if (!x)
-          return c();
-        P ? c(!1, P) : o = setTimeout(() => {
-          c(!1, 1e-7);
-        }, 1e3);
-      }
-      x = !1;
-    }
-    try {
-      n = new IntersectionObserver(S, {
-        ...y,
-        // Handle <iframe>s
-        root: r.ownerDocument
-      });
-    } catch {
-      n = new IntersectionObserver(S, y);
-    }
-    n.observe(e);
-  }
-  return c(!0), i;
-}
-function Br(e, t, n, o) {
-  o === void 0 && (o = {});
-  const {
-    ancestorScroll: r = !0,
-    ancestorResize: i = !0,
-    elementResize: c = typeof ResizeObserver == "function",
-    layoutShift: s = typeof IntersectionObserver == "function",
-    animationFrame: a = !1
-  } = o, l = kt(e), p = r || i ? [...l ? Ve(l) : [], ...Ve(t)] : [];
-  p.forEach((h) => {
-    r && h.addEventListener("scroll", n, {
-      passive: !0
-    }), i && h.addEventListener("resize", n);
-  });
-  const f = l && s ? kr(l, n) : null;
-  let w = -1, m = null;
-  c && (m = new ResizeObserver((h) => {
-    let [y] = h;
-    y && y.target === l && m && (m.unobserve(t), cancelAnimationFrame(w), w = requestAnimationFrame(() => {
-      var x;
-      (x = m) == null || x.observe(t);
-    })), n();
-  }), l && !a && m.observe(l), m.observe(t));
-  let v, d = a ? be(e) : null;
-  a && g();
-  function g() {
-    const h = be(e);
-    d && (h.x !== d.x || h.y !== d.y || h.width !== d.width || h.height !== d.height) && n(), d = h, v = requestAnimationFrame(g);
-  }
-  return n(), () => {
-    var h;
-    p.forEach((y) => {
-      r && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
-    }), f == null || f(), (h = m) == null || h.disconnect(), m = null, a && cancelAnimationFrame(v);
-  };
-}
-const Fr = vr, Wr = gr, Hr = pr, Vr = yr, $r = mr, nn = fr, Ur = wr, zr = (e, t, n) => {
-  const o = /* @__PURE__ */ new Map(), r = {
-    platform: Dr,
-    ...n
-  }, i = {
-    ...r.platform,
-    _c: o
-  };
-  return dr(e, t, {
-    ...r,
-    platform: i
-  });
-};
-var qe = typeof document < "u" ? Po : Ro;
-function nt(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, o, r;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (o = n; o-- !== 0; )
-        if (!nt(e[o], t[o]))
-          return !1;
-      return !0;
-    }
-    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
-      return !1;
-    for (o = n; o-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, r[o]))
-        return !1;
-    for (o = n; o-- !== 0; ) {
-      const i = r[o];
-      if (!(i === "_owner" && e.$$typeof) && !nt(e[i], t[i]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function An(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function on(e, t) {
-  const n = An(e);
-  return Math.round(t * n) / n;
-}
-function rn(e) {
-  const t = u.useRef(e);
-  return qe(() => {
-    t.current = e;
-  }), t;
-}
-function Kr(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: o = [],
-    platform: r,
-    elements: {
-      reference: i,
-      floating: c
-    } = {},
-    transform: s = !0,
-    whileElementsMounted: a,
-    open: l
-  } = e, [p, f] = u.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [w, m] = u.useState(o);
-  nt(w, o) || m(o);
-  const [v, d] = u.useState(null), [g, h] = u.useState(null), y = u.useCallback((A) => {
-    A !== P.current && (P.current = A, d(A));
-  }, []), x = u.useCallback((A) => {
-    A !== E.current && (E.current = A, h(A));
-  }, []), S = i || v, b = c || g, P = u.useRef(null), E = u.useRef(null), T = u.useRef(p), N = a != null, I = rn(a), V = rn(r), B = u.useCallback(() => {
-    if (!P.current || !E.current)
-      return;
-    const A = {
-      placement: t,
-      strategy: n,
-      middleware: w
-    };
-    V.current && (A.platform = V.current), zr(P.current, E.current, A).then((D) => {
-      const k = {
-        ...D,
-        isPositioned: !0
-      };
-      $.current && !nt(T.current, k) && (T.current = k, Tt.flushSync(() => {
-        f(k);
-      }));
-    });
-  }, [w, t, n, V]);
-  qe(() => {
-    l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, f((A) => ({
-      ...A,
-      isPositioned: !1
-    })));
-  }, [l]);
-  const $ = u.useRef(!1);
-  qe(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), qe(() => {
-    if (S && (P.current = S), b && (E.current = b), S && b) {
-      if (I.current)
-        return I.current(S, b, B);
-      B();
-    }
-  }, [S, b, B, I, N]);
-  const _ = u.useMemo(() => ({
-    reference: P,
-    floating: E,
-    setReference: y,
-    setFloating: x
-  }), [y, x]), O = u.useMemo(() => ({
-    reference: S,
-    floating: b
-  }), [S, b]), W = u.useMemo(() => {
-    const A = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!O.floating)
-      return A;
-    const D = on(O.floating, p.x), k = on(O.floating, p.y);
-    return s ? {
-      ...A,
-      transform: "translate(" + D + "px, " + k + "px)",
-      ...An(O.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: D,
-      top: k
-    };
-  }, [n, s, O.floating, p.x, p.y]);
-  return u.useMemo(() => ({
-    ...p,
-    update: B,
-    refs: _,
-    elements: O,
-    floatingStyles: W
-  }), [p, B, _, O, W]);
-}
-const Yr = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: e,
-    fn(n) {
-      const {
-        element: o,
-        padding: r
-      } = typeof e == "function" ? e(n) : e;
-      return o && t(o) ? o.current != null ? nn({
-        element: o.current,
-        padding: r
-      }).fn(n) : {} : o ? nn({
-        element: o,
-        padding: r
-      }).fn(n) : {};
-    }
-  };
-}, jr = (e, t) => ({
-  ...Fr(e),
-  options: [e, t]
-}), Xr = (e, t) => ({
-  ...Wr(e),
-  options: [e, t]
-}), Gr = (e, t) => ({
-  ...Ur(e),
-  options: [e, t]
-}), qr = (e, t) => ({
-  ...Hr(e),
-  options: [e, t]
-}), Zr = (e, t) => ({
-  ...Vr(e),
-  options: [e, t]
-}), Qr = (e, t) => ({
-  ...$r(e),
-  options: [e, t]
-}), Jr = (e, t) => ({
-  ...Yr(e),
-  options: [e, t]
-});
-var ei = "Arrow", Tn = u.forwardRef((e, t) => {
-  const { children: n, width: o = 10, height: r = 5, ...i } = e;
-  return /* @__PURE__ */ C(
-    U.svg,
-    {
-      ...i,
-      ref: t,
-      width: o,
-      height: r,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: e.asChild ? n : /* @__PURE__ */ C("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-Tn.displayName = ei;
-var ti = Tn, Bt = "Popper", [On, _n] = Ot(Bt), [ni, Nn] = On(Bt), In = (e) => {
-  const { __scopePopper: t, children: n } = e, [o, r] = u.useState(null);
-  return /* @__PURE__ */ C(ni, { scope: t, anchor: o, onAnchorChange: r, children: n });
-};
-In.displayName = Bt;
-var Mn = "PopperAnchor", Ln = u.forwardRef(
-  (e, t) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = e, i = Nn(Mn, n), c = u.useRef(null), s = K(t, c);
-    return u.useEffect(() => {
-      i.onAnchorChange((o == null ? void 0 : o.current) || c.current);
-    }), o ? null : /* @__PURE__ */ C(U.div, { ...r, ref: s });
-  }
-);
-Ln.displayName = Mn;
-var Ft = "PopperContent", [oi, ri] = On(Ft), Dn = u.forwardRef(
-  (e, t) => {
-    var R, H, Y, F, M, L;
-    const {
-      __scopePopper: n,
-      side: o = "bottom",
-      sideOffset: r = 0,
-      align: i = "center",
-      alignOffset: c = 0,
-      arrowPadding: s = 0,
-      avoidCollisions: a = !0,
-      collisionBoundary: l = [],
-      collisionPadding: p = 0,
-      sticky: f = "partial",
-      hideWhenDetached: w = !1,
-      updatePositionStrategy: m = "optimized",
-      onPlaced: v,
-      ...d
-    } = e, g = Nn(Ft, n), [h, y] = u.useState(null), x = K(t, (X) => y(X)), [S, b] = u.useState(null), P = Oo(S), E = (P == null ? void 0 : P.width) ?? 0, T = (P == null ? void 0 : P.height) ?? 0, N = o + (i !== "center" ? "-" + i : ""), I = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, V = Array.isArray(l) ? l : [l], B = V.length > 0, $ = {
-      padding: I,
-      boundary: V.filter(si),
-      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: B
-    }, { refs: _, floatingStyles: O, placement: W, isPositioned: A, middlewareData: D } = Kr({
-      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
-      strategy: "fixed",
-      placement: N,
-      whileElementsMounted: (...X) => Br(...X, {
-        animationFrame: m === "always"
-      }),
-      elements: {
-        reference: g.anchor
-      },
-      middleware: [
-        jr({ mainAxis: r + T, alignmentAxis: c }),
-        a && Xr({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: f === "partial" ? Gr() : void 0,
-          ...$
-        }),
-        a && qr({ ...$ }),
-        Zr({
-          ...$,
-          apply: ({ elements: X, rects: ee, availableWidth: ke, availableHeight: Be }) => {
-            const { width: Fe, height: Eo } = ee.reference, ze = X.floating.style;
-            ze.setProperty("--radix-popper-available-width", `${ke}px`), ze.setProperty("--radix-popper-available-height", `${Be}px`), ze.setProperty("--radix-popper-anchor-width", `${Fe}px`), ze.setProperty("--radix-popper-anchor-height", `${Eo}px`);
-          }
-        }),
-        S && Jr({ element: S, padding: s }),
-        ci({ arrowWidth: E, arrowHeight: T }),
-        w && Qr({ strategy: "referenceHidden", ...$ })
-      ]
-    }), [k, we] = Fn(W), re = Se(v);
-    Z(() => {
-      A && (re == null || re());
-    }, [A, re]);
-    const Le = (R = D.arrow) == null ? void 0 : R.x, De = (H = D.arrow) == null ? void 0 : H.y, le = ((Y = D.arrow) == null ? void 0 : Y.centerOffset) !== 0, [Ee, ye] = u.useState();
-    return Z(() => {
-      h && ye(window.getComputedStyle(h).zIndex);
-    }, [h]), /* @__PURE__ */ C(
-      "div",
-      {
-        ref: _.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...O,
-          transform: A ? O.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: Ee,
-          "--radix-popper-transform-origin": [
-            (F = D.transformOrigin) == null ? void 0 : F.x,
-            (M = D.transformOrigin) == null ? void 0 : M.y
-          ].join(" "),
-          // hide the content if using the hide middleware and should be hidden
-          // set visibility to hidden and disable pointer events so the UI behaves
-          // as if the PopperContent isn't there at all
-          ...((L = D.hide) == null ? void 0 : L.referenceHidden) && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        },
-        dir: e.dir,
-        children: /* @__PURE__ */ C(
-          oi,
-          {
-            scope: n,
-            placedSide: k,
-            onArrowChange: b,
-            arrowX: Le,
-            arrowY: De,
-            shouldHideArrow: le,
-            children: /* @__PURE__ */ C(
-              U.div,
-              {
-                "data-side": k,
-                "data-align": we,
-                ...d,
-                ref: x,
-                style: {
-                  ...d.style,
-                  // if the PopperContent hasn't been placed yet (not all measurements done)
-                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: A ? void 0 : "none"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Dn.displayName = Ft;
-var kn = "PopperArrow", ii = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, Bn = u.forwardRef(function(t, n) {
-  const { __scopePopper: o, ...r } = t, i = ri(kn, o), c = ii[i.placedSide];
-  return (
-    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
-    // doesn't report size as we'd expect on SVG elements.
-    // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ C(
-      "span",
-      {
-        ref: i.onArrowChange,
-        style: {
-          position: "absolute",
-          left: i.arrowX,
-          top: i.arrowY,
-          [c]: 0,
-          transformOrigin: {
-            top: "",
-            right: "0 0",
-            bottom: "center 0",
-            left: "100% 0"
-          }[i.placedSide],
-          transform: {
-            top: "translateY(100%)",
-            right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
-            left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[i.placedSide],
-          visibility: i.shouldHideArrow ? "hidden" : void 0
-        },
-        children: /* @__PURE__ */ C(
-          ti,
-          {
-            ...r,
-            ref: n,
-            style: {
-              ...r.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
-          }
-        )
-      }
-    )
-  );
-});
-Bn.displayName = kn;
-function si(e) {
-  return e !== null;
-}
-var ci = (e) => ({
-  name: "transformOrigin",
-  options: e,
-  fn(t) {
-    var g, h, y;
-    const { placement: n, rects: o, middlewareData: r } = t, c = ((g = r.arrow) == null ? void 0 : g.centerOffset) !== 0, s = c ? 0 : e.arrowWidth, a = c ? 0 : e.arrowHeight, [l, p] = Fn(n), f = { start: "0%", center: "50%", end: "100%" }[p], w = (((h = r.arrow) == null ? void 0 : h.x) ?? 0) + s / 2, m = (((y = r.arrow) == null ? void 0 : y.y) ?? 0) + a / 2;
-    let v = "", d = "";
-    return l === "bottom" ? (v = c ? f : `${w}px`, d = `${-a}px`) : l === "top" ? (v = c ? f : `${w}px`, d = `${o.floating.height + a}px`) : l === "right" ? (v = `${-a}px`, d = c ? f : `${m}px`) : l === "left" && (v = `${o.floating.width + a}px`, d = c ? f : `${m}px`), { data: { x: v, y: d } };
-  }
-});
-function Fn(e) {
-  const [t, n = "center"] = e.split("-");
-  return [t, n];
-}
-var ai = In, li = Ln, ui = Dn, di = Bn, fi = "Portal", Wn = u.forwardRef((e, t) => {
-  var s;
-  const { container: n, ...o } = e, [r, i] = u.useState(!1);
-  Z(() => i(!0), []);
-  const c = n || r && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
-  return c ? Ao.createPortal(/* @__PURE__ */ C(U.div, { ...o, ref: t }), c) : null;
-});
-Wn.displayName = fi;
-var pi = "VisuallyHidden", Hn = u.forwardRef(
-  (e, t) => /* @__PURE__ */ C(
-    U.span,
-    {
-      ...e,
-      ref: t,
-      style: {
-        // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-        position: "absolute",
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: "hidden",
-        clip: "rect(0, 0, 0, 0)",
-        whiteSpace: "nowrap",
-        wordWrap: "normal",
-        ...e.style
-      }
-    }
-  )
-);
-Hn.displayName = pi;
-var mi = function(e) {
-  if (typeof document > "u")
-    return null;
-  var t = Array.isArray(e) ? e[0] : e;
-  return t.ownerDocument.body;
-}, Pe = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), je = {}, mt = 0, Vn = function(e) {
-  return e && (e.host || Vn(e.parentNode));
-}, hi = function(e, t) {
-  return t.map(function(n) {
-    if (e.contains(n))
-      return n;
-    var o = Vn(n);
-    return o && e.contains(o) ? o : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
-  }).filter(function(n) {
-    return !!n;
-  });
-}, vi = function(e, t, n, o) {
-  var r = hi(t, Array.isArray(e) ? e : [e]);
-  je[n] || (je[n] = /* @__PURE__ */ new WeakMap());
-  var i = je[n], c = [], s = /* @__PURE__ */ new Set(), a = new Set(r), l = function(f) {
-    !f || s.has(f) || (s.add(f), l(f.parentNode));
-  };
-  r.forEach(l);
-  var p = function(f) {
-    !f || a.has(f) || Array.prototype.forEach.call(f.children, function(w) {
-      if (s.has(w))
-        p(w);
-      else
-        try {
-          var m = w.getAttribute(o), v = m !== null && m !== "false", d = (Pe.get(w) || 0) + 1, g = (i.get(w) || 0) + 1;
-          Pe.set(w, d), i.set(w, g), c.push(w), d === 1 && v && Ye.set(w, !0), g === 1 && w.setAttribute(n, "true"), v || w.setAttribute(o, "true");
-        } catch (h) {
-          console.error("aria-hidden: cannot operate on ", w, h);
-        }
-    });
-  };
-  return p(t), s.clear(), mt++, function() {
-    c.forEach(function(f) {
-      var w = Pe.get(f) - 1, m = i.get(f) - 1;
-      Pe.set(f, w), i.set(f, m), w || (Ye.has(f) || f.removeAttribute(o), Ye.delete(f)), m || f.removeAttribute(n);
-    }), mt--, mt || (Pe = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), je = {});
-  };
-}, gi = function(e, t, n) {
-  n === void 0 && (n = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), r = mi(e);
-  return r ? (o.push.apply(o, Array.from(r.querySelectorAll("[aria-live]"))), vi(o, r, n, "aria-hidden")) : function() {
-    return null;
-  };
-}, Ze = "right-scroll-bar-position", Qe = "width-before-scroll-bar", wi = "with-scroll-bars-hidden", yi = "--removed-body-scroll-bar-size", $n = Io(), ht = function() {
-}, st = u.forwardRef(function(e, t) {
-  var n = u.useRef(null), o = u.useState({
-    onScrollCapture: ht,
-    onWheelCapture: ht,
-    onTouchMoveCapture: ht
-  }), r = o[0], i = o[1], c = e.forwardProps, s = e.children, a = e.className, l = e.removeScrollBar, p = e.enabled, f = e.shards, w = e.sideCar, m = e.noIsolation, v = e.inert, d = e.allowPinchZoom, g = e.as, h = g === void 0 ? "div" : g, y = e.gapMode, x = fn(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = w, b = Mo([n, t]), P = xe(xe({}, x), r);
-  return u.createElement(
-    u.Fragment,
-    null,
-    p && u.createElement(S, { sideCar: $n, removeScrollBar: l, shards: f, noIsolation: m, inert: v, setCallbacks: i, allowPinchZoom: !!d, lockRef: n, gapMode: y }),
-    c ? u.cloneElement(u.Children.only(s), xe(xe({}, P), { ref: b })) : u.createElement(h, xe({}, P, { className: a, ref: b }), s)
-  );
-});
-st.defaultProps = {
-  enabled: !0,
-  removeScrollBar: !0,
-  inert: !1
-};
-st.classNames = {
-  fullWidth: Qe,
-  zeroRight: Ze
-};
-var xi = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
-};
-function Si() {
-  if (!document)
-    return null;
-  var e = document.createElement("style");
-  e.type = "text/css";
-  var t = xi();
-  return t && e.setAttribute("nonce", t), e;
-}
-function bi(e, t) {
-  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
-}
-function Ci(e) {
-  var t = document.head || document.getElementsByTagName("head")[0];
-  t.appendChild(e);
-}
-var Ei = function() {
-  var e = 0, t = null;
-  return {
-    add: function(n) {
-      e == 0 && (t = Si()) && (bi(t, n), Ci(t)), e++;
-    },
-    remove: function() {
-      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
-    }
-  };
-}, Pi = function() {
-  var e = Ei();
-  return function(t, n) {
-    u.useEffect(function() {
-      return e.add(t), function() {
-        e.remove();
-      };
-    }, [t && n]);
-  };
-}, Un = function() {
-  var e = Pi(), t = function(n) {
-    var o = n.styles, r = n.dynamic;
-    return e(o, r), null;
-  };
-  return t;
-}, Ri = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, vt = function(e) {
-  return parseInt(e || "", 10) || 0;
-}, Ai = function(e) {
-  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], r = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [vt(n), vt(o), vt(r)];
-}, Ti = function(e) {
-  if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Ri;
-  var t = Ai(e), n = document.documentElement.clientWidth, o = window.innerWidth;
-  return {
-    left: t[0],
-    top: t[1],
-    right: t[2],
-    gap: Math.max(0, o - n + t[2] - t[0])
-  };
-}, Oi = Un(), Oe = "data-scroll-locked", _i = function(e, t, n, o) {
-  var r = e.left, i = e.top, c = e.right, s = e.gap;
-  return n === void 0 && (n = "margin"), `
-  .`.concat(wi, ` {
-   overflow: hidden `).concat(o, `;
-   padding-right: `).concat(s, "px ").concat(o, `;
-  }
-  body[`).concat(Oe, `] {
-    overflow: hidden `).concat(o, `;
-    overscroll-behavior: contain;
-    `).concat([
-    t && "position: relative ".concat(o, ";"),
-    n === "margin" && `
-    padding-left: `.concat(r, `px;
-    padding-top: `).concat(i, `px;
-    padding-right: `).concat(c, `px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: `).concat(s, "px ").concat(o, `;
-    `),
-    n === "padding" && "padding-right: ".concat(s, "px ").concat(o, ";")
-  ].filter(Boolean).join(""), `
-  }
-  
-  .`).concat(Ze, ` {
-    right: `).concat(s, "px ").concat(o, `;
-  }
-  
-  .`).concat(Qe, ` {
-    margin-right: `).concat(s, "px ").concat(o, `;
-  }
-  
-  .`).concat(Ze, " .").concat(Ze, ` {
-    right: 0 `).concat(o, `;
-  }
-  
-  .`).concat(Qe, " .").concat(Qe, ` {
-    margin-right: 0 `).concat(o, `;
-  }
-  
-  body[`).concat(Oe, `] {
-    `).concat(yi, ": ").concat(s, `px;
-  }
-`);
-}, sn = function() {
-  var e = parseInt(document.body.getAttribute(Oe) || "0", 10);
-  return isFinite(e) ? e : 0;
-}, Ni = function() {
-  u.useEffect(function() {
-    return document.body.setAttribute(Oe, (sn() + 1).toString()), function() {
-      var e = sn() - 1;
-      e <= 0 ? document.body.removeAttribute(Oe) : document.body.setAttribute(Oe, e.toString());
-    };
-  }, []);
-}, Ii = function(e) {
-  var t = e.noRelative, n = e.noImportant, o = e.gapMode, r = o === void 0 ? "margin" : o;
-  Ni();
-  var i = u.useMemo(function() {
-    return Ti(r);
-  }, [r]);
-  return u.createElement(Oi, { styles: _i(i, !t, r, n ? "" : "!important") });
-}, St = !1;
-if (typeof window < "u")
-  try {
-    var Xe = Object.defineProperty({}, "passive", {
-      get: function() {
-        return St = !0, !0;
-      }
-    });
-    window.addEventListener("test", Xe, Xe), window.removeEventListener("test", Xe, Xe);
-  } catch {
-    St = !1;
-  }
-var Re = St ? { passive: !1 } : !1, Mi = function(e) {
-  return e.tagName === "TEXTAREA";
-}, zn = function(e, t) {
-  var n = window.getComputedStyle(e);
-  return (
-    // not-not-scrollable
-    n[t] !== "hidden" && // contains scroll inside self
-    !(n.overflowY === n.overflowX && !Mi(e) && n[t] === "visible")
-  );
-}, Li = function(e) {
-  return zn(e, "overflowY");
-}, Di = function(e) {
-  return zn(e, "overflowX");
-}, cn = function(e, t) {
-  var n = t.ownerDocument, o = t;
-  do {
-    typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var r = Kn(e, o);
-    if (r) {
-      var i = Yn(e, o), c = i[1], s = i[2];
-      if (c > s)
-        return !0;
-    }
-    o = o.parentNode;
-  } while (o && o !== n.body);
-  return !1;
-}, ki = function(e) {
-  var t = e.scrollTop, n = e.scrollHeight, o = e.clientHeight;
-  return [
-    t,
-    n,
-    o
-  ];
-}, Bi = function(e) {
-  var t = e.scrollLeft, n = e.scrollWidth, o = e.clientWidth;
-  return [
-    t,
-    n,
-    o
-  ];
-}, Kn = function(e, t) {
-  return e === "v" ? Li(t) : Di(t);
-}, Yn = function(e, t) {
-  return e === "v" ? ki(t) : Bi(t);
-}, Fi = function(e, t) {
-  return e === "h" && t === "rtl" ? -1 : 1;
-}, Wi = function(e, t, n, o, r) {
-  var i = Fi(e, window.getComputedStyle(t).direction), c = i * o, s = n.target, a = t.contains(s), l = !1, p = c > 0, f = 0, w = 0;
-  do {
-    var m = Yn(e, s), v = m[0], d = m[1], g = m[2], h = d - g - i * v;
-    (v || h) && Kn(e, s) && (f += h, w += v), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
-  } while (
-    // portaled content
-    !a && s !== document.body || // self content
-    a && (t.contains(s) || t === s)
-  );
-  return (p && (Math.abs(f) < 1 || !r) || !p && (Math.abs(w) < 1 || !r)) && (l = !0), l;
-}, Ge = function(e) {
-  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, an = function(e) {
-  return [e.deltaX, e.deltaY];
-}, ln = function(e) {
-  return e && "current" in e ? e.current : e;
-}, Hi = function(e, t) {
-  return e[0] === t[0] && e[1] === t[1];
-}, Vi = function(e) {
-  return `
-  .block-interactivity-`.concat(e, ` {pointer-events: none;}
-  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
-`);
-}, $i = 0, Ae = [];
-function Ui(e) {
-  var t = u.useRef([]), n = u.useRef([0, 0]), o = u.useRef(), r = u.useState($i++)[0], i = u.useState(Un)[0], c = u.useRef(e);
-  u.useEffect(function() {
-    c.current = e;
-  }, [e]), u.useEffect(function() {
-    if (e.inert) {
-      document.body.classList.add("block-interactivity-".concat(r));
-      var d = No([e.lockRef.current], (e.shards || []).map(ln), !0).filter(Boolean);
-      return d.forEach(function(g) {
-        return g.classList.add("allow-interactivity-".concat(r));
-      }), function() {
-        document.body.classList.remove("block-interactivity-".concat(r)), d.forEach(function(g) {
-          return g.classList.remove("allow-interactivity-".concat(r));
-        });
-      };
-    }
-  }, [e.inert, e.lockRef.current, e.shards]);
-  var s = u.useCallback(function(d, g) {
-    if ("touches" in d && d.touches.length === 2)
-      return !c.current.allowPinchZoom;
-    var h = Ge(d), y = n.current, x = "deltaX" in d ? d.deltaX : y[0] - h[0], S = "deltaY" in d ? d.deltaY : y[1] - h[1], b, P = d.target, E = Math.abs(x) > Math.abs(S) ? "h" : "v";
-    if ("touches" in d && E === "h" && P.type === "range")
-      return !1;
-    var T = cn(E, P);
-    if (!T)
-      return !0;
-    if (T ? b = E : (b = E === "v" ? "h" : "v", T = cn(E, P)), !T)
-      return !1;
-    if (!o.current && "changedTouches" in d && (x || S) && (o.current = b), !b)
-      return !0;
-    var N = o.current || b;
-    return Wi(N, g, d, N === "h" ? x : S, !0);
-  }, []), a = u.useCallback(function(d) {
-    var g = d;
-    if (!(!Ae.length || Ae[Ae.length - 1] !== i)) {
-      var h = "deltaY" in g ? an(g) : Ge(g), y = t.current.filter(function(b) {
-        return b.name === g.type && (b.target === g.target || g.target === b.shadowParent) && Hi(b.delta, h);
-      })[0];
-      if (y && y.should) {
-        g.cancelable && g.preventDefault();
-        return;
-      }
-      if (!y) {
-        var x = (c.current.shards || []).map(ln).filter(Boolean).filter(function(b) {
-          return b.contains(g.target);
-        }), S = x.length > 0 ? s(g, x[0]) : !c.current.noIsolation;
-        S && g.cancelable && g.preventDefault();
-      }
-    }
-  }, []), l = u.useCallback(function(d, g, h, y) {
-    var x = { name: d, delta: g, target: h, should: y, shadowParent: zi(h) };
-    t.current.push(x), setTimeout(function() {
-      t.current = t.current.filter(function(S) {
-        return S !== x;
-      });
-    }, 1);
-  }, []), p = u.useCallback(function(d) {
-    n.current = Ge(d), o.current = void 0;
-  }, []), f = u.useCallback(function(d) {
-    l(d.type, an(d), d.target, s(d, e.lockRef.current));
-  }, []), w = u.useCallback(function(d) {
-    l(d.type, Ge(d), d.target, s(d, e.lockRef.current));
-  }, []);
-  u.useEffect(function() {
-    return Ae.push(i), e.setCallbacks({
-      onScrollCapture: f,
-      onWheelCapture: f,
-      onTouchMoveCapture: w
-    }), document.addEventListener("wheel", a, Re), document.addEventListener("touchmove", a, Re), document.addEventListener("touchstart", p, Re), function() {
-      Ae = Ae.filter(function(d) {
-        return d !== i;
-      }), document.removeEventListener("wheel", a, Re), document.removeEventListener("touchmove", a, Re), document.removeEventListener("touchstart", p, Re);
-    };
-  }, []);
-  var m = e.removeScrollBar, v = e.inert;
-  return u.createElement(
-    u.Fragment,
-    null,
-    v ? u.createElement(i, { styles: Vi(r) }) : null,
-    m ? u.createElement(Ii, { gapMode: e.gapMode }) : null
-  );
-}
-function zi(e) {
-  for (var t = null; e !== null; )
-    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
-  return t;
-}
-const Ki = Do($n, Ui);
-var jn = u.forwardRef(function(e, t) {
-  return u.createElement(st, xe({}, e, { ref: t, sideCar: Ki }));
-});
-jn.classNames = st.classNames;
-var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Select", [ct, at, Xi] = ko(Ue), [Me, Ys] = Ot(Ue, [
-  Xi,
-  _n
-]), lt = _n(), [Gi, ve] = Me(Ue), [qi, Zi] = Me(Ue), Xn = (e) => {
-  const {
-    __scopeSelect: t,
-    children: n,
-    open: o,
-    defaultOpen: r,
-    onOpenChange: i,
-    value: c,
-    defaultValue: s,
-    onValueChange: a,
-    dir: l,
-    name: p,
-    autoComplete: f,
-    disabled: w,
-    required: m
-  } = e, v = lt(t), [d, g] = u.useState(null), [h, y] = u.useState(null), [x, S] = u.useState(!1), b = Fo(l), [P = !1, E] = Ht({
-    prop: o,
-    defaultProp: r,
-    onChange: i
-  }), [T, N] = Ht({
-    prop: c,
-    defaultProp: s,
-    onChange: a
-  }), I = u.useRef(null), V = d ? !!d.closest("form") : !0, [B, $] = u.useState(/* @__PURE__ */ new Set()), _ = Array.from(B).map((O) => O.props.value).join(";");
-  return /* @__PURE__ */ C(ai, { ...v, children: /* @__PURE__ */ de(
-    Gi,
-    {
-      required: m,
-      scope: t,
-      trigger: d,
-      onTriggerChange: g,
-      valueNode: h,
-      onValueNodeChange: y,
-      valueNodeHasChildren: x,
-      onValueNodeHasChildrenChange: S,
-      contentId: _t(),
-      value: T,
-      onValueChange: N,
-      open: P,
-      onOpenChange: E,
-      dir: b,
-      triggerPointerDownPosRef: I,
-      disabled: w,
-      children: [
-        /* @__PURE__ */ C(ct.Provider, { scope: t, children: /* @__PURE__ */ C(
-          qi,
-          {
-            scope: e.__scopeSelect,
-            onNativeOptionAdd: u.useCallback((O) => {
-              $((W) => new Set(W).add(O));
-            }, []),
-            onNativeOptionRemove: u.useCallback((O) => {
-              $((W) => {
-                const A = new Set(W);
-                return A.delete(O), A;
-              });
-            }, []),
-            children: n
-          }
-        ) }),
-        V ? /* @__PURE__ */ de(
-          wo,
-          {
-            "aria-hidden": !0,
-            required: m,
-            tabIndex: -1,
-            name: p,
-            autoComplete: f,
-            value: T,
-            onChange: (O) => N(O.target.value),
-            disabled: w,
-            children: [
-              T === void 0 ? /* @__PURE__ */ C("option", { value: "" }) : null,
-              Array.from(B)
-            ]
-          },
-          _
-        ) : null
-      ]
-    }
-  ) });
-};
-Xn.displayName = Ue;
-var Gn = "SelectTrigger", qn = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = lt(n), c = ve(Gn, n), s = c.disabled || o, a = K(t, c.onTriggerChange), l = at(n), [p, f, w] = yo((v) => {
-      const d = l().filter((y) => !y.disabled), g = d.find((y) => y.value === c.value), h = xo(d, v, g);
-      h !== void 0 && c.onValueChange(h.value);
-    }), m = () => {
-      s || (c.onOpenChange(!0), w());
-    };
-    return /* @__PURE__ */ C(li, { asChild: !0, ...i, children: /* @__PURE__ */ C(
-      U.button,
-      {
-        type: "button",
-        role: "combobox",
-        "aria-controls": c.contentId,
-        "aria-expanded": c.open,
-        "aria-required": c.required,
-        "aria-autocomplete": "none",
-        dir: c.dir,
-        "data-state": c.open ? "open" : "closed",
-        disabled: s,
-        "data-disabled": s ? "" : void 0,
-        "data-placeholder": go(c.value) ? "" : void 0,
-        ...r,
-        ref: a,
-        onClick: z(r.onClick, (v) => {
-          v.currentTarget.focus();
-        }),
-        onPointerDown: z(r.onPointerDown, (v) => {
-          const d = v.target;
-          d.hasPointerCapture(v.pointerId) && d.releasePointerCapture(v.pointerId), v.button === 0 && v.ctrlKey === !1 && (m(), c.triggerPointerDownPosRef.current = {
-            x: Math.round(v.pageX),
-            y: Math.round(v.pageY)
-          }, v.preventDefault());
-        }),
-        onKeyDown: z(r.onKeyDown, (v) => {
-          const d = p.current !== "";
-          !(v.ctrlKey || v.altKey || v.metaKey) && v.key.length === 1 && f(v.key), !(d && v.key === " ") && Yi.includes(v.key) && (m(), v.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-qn.displayName = Gn;
-var Zn = "SelectValue", Qn = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, children: i, placeholder: c = "", ...s } = e, a = ve(Zn, n), { onValueNodeHasChildrenChange: l } = a, p = i !== void 0, f = K(t, a.onValueNodeChange);
-    return Z(() => {
-      l(p);
-    }, [l, p]), /* @__PURE__ */ C(
-      U.span,
-      {
-        ...s,
-        ref: f,
-        style: { pointerEvents: "none" },
-        children: go(a.value) ? /* @__PURE__ */ C(At, { children: c }) : i
-      }
-    );
-  }
-);
-Qn.displayName = Zn;
-var Qi = "SelectIcon", Jn = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, children: o, ...r } = e;
-    return /* @__PURE__ */ C(U.span, { "aria-hidden": !0, ...r, ref: t, children: o || "▼" });
-  }
-);
-Jn.displayName = Qi;
-var Ji = "SelectPortal", eo = (e) => /* @__PURE__ */ C(Wn, { asChild: !0, ...e });
-eo.displayName = Ji;
-var Ce = "SelectContent", to = u.forwardRef(
-  (e, t) => {
-    const n = ve(Ce, e.__scopeSelect), [o, r] = u.useState();
-    if (Z(() => {
-      r(new DocumentFragment());
-    }, []), !n.open) {
-      const i = o;
-      return i ? Tt.createPortal(
-        /* @__PURE__ */ C(no, { scope: e.__scopeSelect, children: /* @__PURE__ */ C(ct.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ C("div", { children: e.children }) }) }),
-        i
-      ) : null;
-    }
-    return /* @__PURE__ */ C(oo, { ...e, ref: t });
-  }
-);
-to.displayName = Ce;
-var ie = 10, [no, ge] = Me(Ce), es = "SelectContentImpl", oo = u.forwardRef(
-  (e, t) => {
-    const {
-      __scopeSelect: n,
-      position: o = "item-aligned",
-      onCloseAutoFocus: r,
-      onEscapeKeyDown: i,
-      onPointerDownOutside: c,
-      //
-      // PopperContent props
-      side: s,
-      sideOffset: a,
-      align: l,
-      alignOffset: p,
-      arrowPadding: f,
-      collisionBoundary: w,
-      collisionPadding: m,
-      sticky: v,
-      hideWhenDetached: d,
-      avoidCollisions: g,
-      //
-      ...h
-    } = e, y = ve(Ce, n), [x, S] = u.useState(null), [b, P] = u.useState(null), E = K(t, (R) => S(R)), [T, N] = u.useState(null), [I, V] = u.useState(
-      null
-    ), B = at(n), [$, _] = u.useState(!1), O = u.useRef(!1);
-    u.useEffect(() => {
-      if (x) return gi(x);
-    }, [x]), jo();
-    const W = u.useCallback(
-      (R) => {
-        const [H, ...Y] = B().map((L) => L.ref.current), [F] = Y.slice(-1), M = document.activeElement;
-        for (const L of R)
-          if (L === M || (L == null || L.scrollIntoView({ block: "nearest" }), L === H && b && (b.scrollTop = 0), L === F && b && (b.scrollTop = b.scrollHeight), L == null || L.focus(), document.activeElement !== M)) return;
-      },
-      [B, b]
-    ), A = u.useCallback(
-      () => W([T, x]),
-      [W, T, x]
-    );
-    u.useEffect(() => {
-      $ && A();
-    }, [$, A]);
-    const { onOpenChange: D, triggerPointerDownPosRef: k } = y;
-    u.useEffect(() => {
-      if (x) {
-        let R = { x: 0, y: 0 };
-        const H = (F) => {
-          var M, L;
-          R = {
-            x: Math.abs(Math.round(F.pageX) - (((M = k.current) == null ? void 0 : M.x) ?? 0)),
-            y: Math.abs(Math.round(F.pageY) - (((L = k.current) == null ? void 0 : L.y) ?? 0))
-          };
-        }, Y = (F) => {
-          R.x <= 10 && R.y <= 10 ? F.preventDefault() : x.contains(F.target) || D(!1), document.removeEventListener("pointermove", H), k.current = null;
-        };
-        return k.current !== null && (document.addEventListener("pointermove", H), document.addEventListener("pointerup", Y, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", H), document.removeEventListener("pointerup", Y, { capture: !0 });
-        };
-      }
-    }, [x, D, k]), u.useEffect(() => {
-      const R = () => D(!1);
-      return window.addEventListener("blur", R), window.addEventListener("resize", R), () => {
-        window.removeEventListener("blur", R), window.removeEventListener("resize", R);
-      };
-    }, [D]);
-    const [we, re] = yo((R) => {
-      const H = B().filter((M) => !M.disabled), Y = H.find((M) => M.ref.current === document.activeElement), F = xo(H, R, Y);
-      F && setTimeout(() => F.ref.current.focus());
-    }), Le = u.useCallback(
-      (R, H, Y) => {
-        const F = !O.current && !Y;
-        (y.value !== void 0 && y.value === H || F) && (N(R), F && (O.current = !0));
-      },
-      [y.value]
-    ), De = u.useCallback(() => x == null ? void 0 : x.focus(), [x]), le = u.useCallback(
-      (R, H, Y) => {
-        const F = !O.current && !Y;
-        (y.value !== void 0 && y.value === H || F) && V(R);
-      },
-      [y.value]
-    ), Ee = o === "popper" ? bt : ro, ye = Ee === bt ? {
-      side: s,
-      sideOffset: a,
-      align: l,
-      alignOffset: p,
-      arrowPadding: f,
-      collisionBoundary: w,
-      collisionPadding: m,
-      sticky: v,
-      hideWhenDetached: d,
-      avoidCollisions: g
-    } : {};
-    return /* @__PURE__ */ C(
-      no,
-      {
-        scope: n,
-        content: x,
-        viewport: b,
-        onViewportChange: P,
-        itemRefCallback: Le,
-        selectedItem: T,
-        onItemLeave: De,
-        itemTextRefCallback: le,
-        focusSelectedItem: A,
-        selectedItemText: I,
-        position: o,
-        isPositioned: $,
-        searchRef: we,
-        children: /* @__PURE__ */ C(jn, { as: gt, allowPinchZoom: !0, children: /* @__PURE__ */ C(
-          gn,
-          {
-            asChild: !0,
-            trapped: y.open,
-            onMountAutoFocus: (R) => {
-              R.preventDefault();
-            },
-            onUnmountAutoFocus: z(r, (R) => {
-              var H;
-              (H = y.trigger) == null || H.focus({ preventScroll: !0 }), R.preventDefault();
-            }),
-            children: /* @__PURE__ */ C(
-              hn,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: i,
-                onPointerDownOutside: c,
-                onFocusOutside: (R) => R.preventDefault(),
-                onDismiss: () => y.onOpenChange(!1),
-                children: /* @__PURE__ */ C(
-                  Ee,
-                  {
-                    role: "listbox",
-                    id: y.contentId,
-                    "data-state": y.open ? "open" : "closed",
-                    dir: y.dir,
-                    onContextMenu: (R) => R.preventDefault(),
-                    ...h,
-                    ...ye,
-                    onPlaced: () => _(!0),
-                    ref: E,
-                    style: {
-                      // flex layout so we can place the scroll buttons properly
-                      display: "flex",
-                      flexDirection: "column",
-                      // reset the outline by default as the content MAY get focused
-                      outline: "none",
-                      ...h.style
-                    },
-                    onKeyDown: z(h.onKeyDown, (R) => {
-                      const H = R.ctrlKey || R.altKey || R.metaKey;
-                      if (R.key === "Tab" && R.preventDefault(), !H && R.key.length === 1 && re(R.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(R.key)) {
-                        let F = B().filter((M) => !M.disabled).map((M) => M.ref.current);
-                        if (["ArrowUp", "End"].includes(R.key) && (F = F.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(R.key)) {
-                          const M = R.target, L = F.indexOf(M);
-                          F = F.slice(L + 1);
-                        }
-                        setTimeout(() => W(F)), R.preventDefault();
-                      }
-                    })
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-oo.displayName = es;
-var ts = "SelectItemAlignedPosition", ro = u.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, i = ve(Ce, n), c = ge(Ce, n), [s, a] = u.useState(null), [l, p] = u.useState(null), f = K(t, (E) => p(E)), w = at(n), m = u.useRef(!1), v = u.useRef(!0), { viewport: d, selectedItem: g, selectedItemText: h, focusSelectedItem: y } = c, x = u.useCallback(() => {
-    if (i.trigger && i.valueNode && s && l && d && g && h) {
-      const E = i.trigger.getBoundingClientRect(), T = l.getBoundingClientRect(), N = i.valueNode.getBoundingClientRect(), I = h.getBoundingClientRect();
-      if (i.dir !== "rtl") {
-        const M = I.left - T.left, L = N.left - M, X = E.left - L, ee = E.width + X, ke = Math.max(ee, T.width), Be = window.innerWidth - ie, Fe = $t(L, [ie, Be - ke]);
-        s.style.minWidth = ee + "px", s.style.left = Fe + "px";
-      } else {
-        const M = T.right - I.right, L = window.innerWidth - N.right - M, X = window.innerWidth - E.right - L, ee = E.width + X, ke = Math.max(ee, T.width), Be = window.innerWidth - ie, Fe = $t(L, [ie, Be - ke]);
-        s.style.minWidth = ee + "px", s.style.right = Fe + "px";
-      }
-      const V = w(), B = window.innerHeight - ie * 2, $ = d.scrollHeight, _ = window.getComputedStyle(l), O = parseInt(_.borderTopWidth, 10), W = parseInt(_.paddingTop, 10), A = parseInt(_.borderBottomWidth, 10), D = parseInt(_.paddingBottom, 10), k = O + W + $ + D + A, we = Math.min(g.offsetHeight * 5, k), re = window.getComputedStyle(d), Le = parseInt(re.paddingTop, 10), De = parseInt(re.paddingBottom, 10), le = E.top + E.height / 2 - ie, Ee = B - le, ye = g.offsetHeight / 2, R = g.offsetTop + ye, H = O + W + R, Y = k - H;
-      if (H <= le) {
-        const M = g === V[V.length - 1].ref.current;
-        s.style.bottom = "0px";
-        const L = l.clientHeight - d.offsetTop - d.offsetHeight, X = Math.max(
-          Ee,
-          ye + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (M ? De : 0) + L + A
-        ), ee = H + X;
-        s.style.height = ee + "px";
-      } else {
-        const M = g === V[0].ref.current;
-        s.style.top = "0px";
-        const X = Math.max(
-          le,
-          O + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (M ? Le : 0) + ye
-        ) + Y;
-        s.style.height = X + "px", d.scrollTop = H - le + d.offsetTop;
-      }
-      s.style.margin = `${ie}px 0`, s.style.minHeight = we + "px", s.style.maxHeight = B + "px", o == null || o(), requestAnimationFrame(() => m.current = !0);
-    }
-  }, [
-    w,
-    i.trigger,
-    i.valueNode,
-    s,
-    l,
-    d,
-    g,
-    h,
-    i.dir,
-    o
-  ]);
-  Z(() => x(), [x]);
-  const [S, b] = u.useState();
-  Z(() => {
-    l && b(window.getComputedStyle(l).zIndex);
-  }, [l]);
-  const P = u.useCallback(
-    (E) => {
-      E && v.current === !0 && (x(), y == null || y(), v.current = !1);
-    },
-    [x, y]
-  );
-  return /* @__PURE__ */ C(
-    os,
-    {
-      scope: n,
-      contentWrapper: s,
-      shouldExpandOnScrollRef: m,
-      onScrollButtonChange: P,
-      children: /* @__PURE__ */ C(
-        "div",
-        {
-          ref: a,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            position: "fixed",
-            zIndex: S
-          },
-          children: /* @__PURE__ */ C(
-            U.div,
-            {
-              ...r,
-              ref: f,
-              style: {
-                // When we get the height of the content, it includes borders. If we were to set
-                // the height without having `boxSizing: 'border-box'` it would be too big.
-                boxSizing: "border-box",
-                // We need to ensure the content doesn't get taller than the wrapper
-                maxHeight: "100%",
-                ...r.style
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-});
-ro.displayName = ts;
-var ns = "SelectPopperPosition", bt = u.forwardRef((e, t) => {
-  const {
-    __scopeSelect: n,
-    align: o = "start",
-    collisionPadding: r = ie,
-    ...i
-  } = e, c = lt(n);
-  return /* @__PURE__ */ C(
-    ui,
-    {
-      ...c,
-      ...i,
-      ref: t,
-      align: o,
-      collisionPadding: r,
-      style: {
-        // Ensure border-box for floating-ui calculations
-        boxSizing: "border-box",
-        ...i.style,
-        "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-select-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-select-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
-      }
-    }
-  );
-});
-bt.displayName = ns;
-var [os, Wt] = Me(Ce, {}), Ct = "SelectViewport", io = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, nonce: o, ...r } = e, i = ge(Ct, n), c = Wt(Ct, n), s = K(t, i.onViewportChange), a = u.useRef(0);
-    return /* @__PURE__ */ de(At, { children: [
-      /* @__PURE__ */ C(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
-          },
-          nonce: o
-        }
-      ),
-      /* @__PURE__ */ C(ct.Slot, { scope: n, children: /* @__PURE__ */ C(
-        U.div,
-        {
-          "data-radix-select-viewport": "",
-          role: "presentation",
-          ...r,
-          ref: s,
-          style: {
-            // we use position: 'relative' here on the `viewport` so that when we call
-            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
-            // (independent of the scrollUpButton).
-            position: "relative",
-            flex: 1,
-            overflow: "auto",
-            ...r.style
-          },
-          onScroll: z(r.onScroll, (l) => {
-            const p = l.currentTarget, { contentWrapper: f, shouldExpandOnScrollRef: w } = c;
-            if (w != null && w.current && f) {
-              const m = Math.abs(a.current - p.scrollTop);
-              if (m > 0) {
-                const v = window.innerHeight - ie * 2, d = parseFloat(f.style.minHeight), g = parseFloat(f.style.height), h = Math.max(d, g);
-                if (h < v) {
-                  const y = h + m, x = Math.min(v, y), S = y - x;
-                  f.style.height = x + "px", f.style.bottom === "0px" && (p.scrollTop = S > 0 ? S : 0, f.style.justifyContent = "flex-end");
-                }
-              }
-            }
-            a.current = p.scrollTop;
-          })
-        }
-      ) })
-    ] });
-  }
-);
-io.displayName = Ct;
-var so = "SelectGroup", [rs, is] = Me(so), ss = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, ...o } = e, r = _t();
-    return /* @__PURE__ */ C(rs, { scope: n, id: r, children: /* @__PURE__ */ C(U.div, { role: "group", "aria-labelledby": r, ...o, ref: t }) });
-  }
-);
-ss.displayName = so;
-var co = "SelectLabel", cs = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, ...o } = e, r = is(co, n);
-    return /* @__PURE__ */ C(U.div, { id: r.id, ...o, ref: t });
-  }
-);
-cs.displayName = co;
-var ot = "SelectItem", [as, ao] = Me(ot), lo = u.forwardRef(
-  (e, t) => {
-    const {
-      __scopeSelect: n,
-      value: o,
-      disabled: r = !1,
-      textValue: i,
-      ...c
-    } = e, s = ve(ot, n), a = ge(ot, n), l = s.value === o, [p, f] = u.useState(i ?? ""), [w, m] = u.useState(!1), v = K(
-      t,
-      (h) => {
-        var y;
-        return (y = a.itemRefCallback) == null ? void 0 : y.call(a, h, o, r);
-      }
-    ), d = _t(), g = () => {
-      r || (s.onValueChange(o), s.onOpenChange(!1));
-    };
-    if (o === "")
-      throw new Error(
-        "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
-      );
-    return /* @__PURE__ */ C(
-      as,
-      {
-        scope: n,
-        value: o,
-        disabled: r,
-        textId: d,
-        isSelected: l,
-        onItemTextChange: u.useCallback((h) => {
-          f((y) => y || ((h == null ? void 0 : h.textContent) ?? "").trim());
-        }, []),
-        children: /* @__PURE__ */ C(
-          ct.ItemSlot,
-          {
-            scope: n,
-            value: o,
-            disabled: r,
-            textValue: p,
-            children: /* @__PURE__ */ C(
-              U.div,
-              {
-                role: "option",
-                "aria-labelledby": d,
-                "data-highlighted": w ? "" : void 0,
-                "aria-selected": l && w,
-                "data-state": l ? "checked" : "unchecked",
-                "aria-disabled": r || void 0,
-                "data-disabled": r ? "" : void 0,
-                tabIndex: r ? void 0 : -1,
-                ...c,
-                ref: v,
-                onFocus: z(c.onFocus, () => m(!0)),
-                onBlur: z(c.onBlur, () => m(!1)),
-                onPointerUp: z(c.onPointerUp, g),
-                onPointerMove: z(c.onPointerMove, (h) => {
-                  var y;
-                  r ? (y = a.onItemLeave) == null || y.call(a) : h.currentTarget.focus({ preventScroll: !0 });
-                }),
-                onPointerLeave: z(c.onPointerLeave, (h) => {
-                  var y;
-                  h.currentTarget === document.activeElement && ((y = a.onItemLeave) == null || y.call(a));
-                }),
-                onKeyDown: z(c.onKeyDown, (h) => {
-                  var x;
-                  ((x = a.searchRef) == null ? void 0 : x.current) !== "" && h.key === " " || (ji.includes(h.key) && g(), h.key === " " && h.preventDefault());
-                })
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-lo.displayName = ot;
-var We = "SelectItemText", uo = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, ...i } = e, c = ve(We, n), s = ge(We, n), a = ao(We, n), l = Zi(We, n), [p, f] = u.useState(null), w = K(
-      t,
-      (h) => f(h),
-      a.onItemTextChange,
-      (h) => {
-        var y;
-        return (y = s.itemTextRefCallback) == null ? void 0 : y.call(s, h, a.value, a.disabled);
-      }
-    ), m = p == null ? void 0 : p.textContent, v = u.useMemo(
-      () => /* @__PURE__ */ C("option", { value: a.value, disabled: a.disabled, children: m }, a.value),
-      [a.disabled, a.value, m]
-    ), { onNativeOptionAdd: d, onNativeOptionRemove: g } = l;
-    return Z(() => (d(v), () => g(v)), [d, g, v]), /* @__PURE__ */ de(At, { children: [
-      /* @__PURE__ */ C(U.span, { id: a.textId, ...i, ref: w }),
-      a.isSelected && c.valueNode && !c.valueNodeHasChildren ? Tt.createPortal(i.children, c.valueNode) : null
-    ] });
-  }
-);
-uo.displayName = We;
-var fo = "SelectItemIndicator", po = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, ...o } = e;
-    return ao(fo, n).isSelected ? /* @__PURE__ */ C(U.span, { "aria-hidden": !0, ...o, ref: t }) : null;
-  }
-);
-po.displayName = fo;
-var Et = "SelectScrollUpButton", mo = u.forwardRef((e, t) => {
-  const n = ge(Et, e.__scopeSelect), o = Wt(Et, e.__scopeSelect), [r, i] = u.useState(!1), c = K(t, o.onScrollButtonChange);
-  return Z(() => {
-    if (n.viewport && n.isPositioned) {
-      let s = function() {
-        const l = a.scrollTop > 0;
-        i(l);
-      };
-      const a = n.viewport;
-      return s(), a.addEventListener("scroll", s), () => a.removeEventListener("scroll", s);
-    }
-  }, [n.viewport, n.isPositioned]), r ? /* @__PURE__ */ C(
-    vo,
-    {
-      ...e,
-      ref: c,
-      onAutoScroll: () => {
-        const { viewport: s, selectedItem: a } = n;
-        s && a && (s.scrollTop = s.scrollTop - a.offsetHeight);
-      }
-    }
-  ) : null;
-});
-mo.displayName = Et;
-var Pt = "SelectScrollDownButton", ho = u.forwardRef((e, t) => {
-  const n = ge(Pt, e.__scopeSelect), o = Wt(Pt, e.__scopeSelect), [r, i] = u.useState(!1), c = K(t, o.onScrollButtonChange);
-  return Z(() => {
-    if (n.viewport && n.isPositioned) {
-      let s = function() {
-        const l = a.scrollHeight - a.clientHeight, p = Math.ceil(a.scrollTop) < l;
-        i(p);
-      };
-      const a = n.viewport;
-      return s(), a.addEventListener("scroll", s), () => a.removeEventListener("scroll", s);
-    }
-  }, [n.viewport, n.isPositioned]), r ? /* @__PURE__ */ C(
-    vo,
-    {
-      ...e,
-      ref: c,
-      onAutoScroll: () => {
-        const { viewport: s, selectedItem: a } = n;
-        s && a && (s.scrollTop = s.scrollTop + a.offsetHeight);
-      }
-    }
-  ) : null;
-});
-ho.displayName = Pt;
-var vo = u.forwardRef((e, t) => {
-  const { __scopeSelect: n, onAutoScroll: o, ...r } = e, i = ge("SelectScrollButton", n), c = u.useRef(null), s = at(n), a = u.useCallback(() => {
-    c.current !== null && (window.clearInterval(c.current), c.current = null);
-  }, []);
-  return u.useEffect(() => () => a(), [a]), Z(() => {
-    var p;
-    const l = s().find((f) => f.ref.current === document.activeElement);
-    (p = l == null ? void 0 : l.ref.current) == null || p.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ C(
-    U.div,
-    {
-      "aria-hidden": !0,
-      ...r,
-      ref: t,
-      style: { flexShrink: 0, ...r.style },
-      onPointerDown: z(r.onPointerDown, () => {
-        c.current === null && (c.current = window.setInterval(o, 50));
-      }),
-      onPointerMove: z(r.onPointerMove, () => {
-        var l;
-        (l = i.onItemLeave) == null || l.call(i), c.current === null && (c.current = window.setInterval(o, 50));
-      }),
-      onPointerLeave: z(r.onPointerLeave, () => {
-        a();
-      })
-    }
-  );
-}), ls = "SelectSeparator", us = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, ...o } = e;
-    return /* @__PURE__ */ C(U.div, { "aria-hidden": !0, ...o, ref: t });
-  }
-);
-us.displayName = ls;
-var Rt = "SelectArrow", ds = u.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, ...o } = e, r = lt(n), i = ve(Rt, n), c = ge(Rt, n);
-    return i.open && c.position === "popper" ? /* @__PURE__ */ C(di, { ...r, ...o, ref: t }) : null;
-  }
-);
-ds.displayName = Rt;
-function go(e) {
-  return e === "" || e === void 0;
-}
-var wo = u.forwardRef(
-  (e, t) => {
-    const { value: n, ...o } = e, r = u.useRef(null), i = K(t, r), c = _o(n);
-    return u.useEffect(() => {
-      const s = r.current, a = window.HTMLSelectElement.prototype, p = Object.getOwnPropertyDescriptor(
-        a,
-        "value"
-      ).set;
-      if (c !== n && p) {
-        const f = new Event("change", { bubbles: !0 });
-        p.call(s, n), s.dispatchEvent(f);
-      }
-    }, [c, n]), /* @__PURE__ */ C(Hn, { asChild: !0, children: /* @__PURE__ */ C("select", { ...o, ref: i, defaultValue: n }) });
-  }
-);
-wo.displayName = "BubbleSelect";
-function yo(e) {
-  const t = Se(e), n = u.useRef(""), o = u.useRef(0), r = u.useCallback(
-    (c) => {
-      const s = n.current + c;
-      t(s), function a(l) {
-        n.current = l, window.clearTimeout(o.current), l !== "" && (o.current = window.setTimeout(() => a(""), 1e3));
-      }(s);
-    },
-    [t]
-  ), i = u.useCallback(() => {
-    n.current = "", window.clearTimeout(o.current);
-  }, []);
-  return u.useEffect(() => () => window.clearTimeout(o.current), []), [n, r, i];
-}
-function xo(e, t, n) {
-  const r = t.length > 1 && Array.from(t).every((l) => l === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1;
-  let c = fs(e, Math.max(i, 0));
-  r.length === 1 && (c = c.filter((l) => l !== n));
-  const a = c.find(
-    (l) => l.textValue.toLowerCase().startsWith(r.toLowerCase())
-  );
-  return a !== n ? a : void 0;
-}
-function fs(e, t) {
-  return e.map((n, o) => e[(t + o) % e.length]);
-}
-var ps = Xn, ms = qn, hs = Qn, vs = Jn, gs = eo, ws = to, ys = io, xs = lo, Ss = uo, bs = po, Cs = mo, Es = ho, So = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, un = j.createContext && j.createContext(So), fe = function() {
-  return fe = Object.assign || function(e) {
-    for (var t, n = 1, o = arguments.length; n < o; n++) {
-      t = arguments[n];
-      for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
-    }
-    return e;
-  }, fe.apply(this, arguments);
-}, Ps = function(e, t) {
-  var n = {};
-  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
-    t.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (n[o[r]] = e[o[r]]);
-  return n;
-};
-function bo(e) {
-  return e && e.map(function(t, n) {
-    return j.createElement(t.tag, fe({
-      key: n
-    }, t.attr), bo(t.child));
-  });
-}
-function Co(e) {
-  return function(t) {
-    return j.createElement(Rs, fe({
-      attr: fe({}, e.attr)
-    }, t), bo(e.child));
-  };
-}
-function Rs(e) {
-  var t = function(n) {
-    var o = e.attr, r = e.size, i = e.title, c = Ps(e, ["attr", "size", "title"]), s = r || n.size || "1em", a;
-    return n.className && (a = n.className), e.className && (a = (a ? a + " " : "") + e.className), j.createElement("svg", fe({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, n.attr, o, c, {
-      className: a,
-      style: fe(fe({
-        color: e.color || n.color
-      }, n.style), e.style),
-      height: s,
-      width: s,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), i && j.createElement("title", null, i), e.children);
-  };
-  return un !== void 0 ? j.createElement(un.Consumer, null, function(n) {
-    return t(n);
-  }) : t(So);
-}
-function dn(e) {
-  return Co({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" } }] })(e);
-}
-function As(e) {
-  return Co({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" } }] })(e);
-}
-const Ts = "cfxui__Select__content__067da", Os = "cfxui__Select__option__2de5d", _s = "cfxui__Select__trigger__232e4", Ns = "cfxui__Select__small__87505", Is = "cfxui__Select__large__22ee9", Ms = "cfxui__Select__fullWidth__739d7", Ls = "cfxui__Select__icon__36b6c", Ds = "cfxui__Select__app__e0114", ks = "cfxui__Select__arrow__8e7eb", Q = {
-  content: Ts,
-  option: Os,
-  trigger: _s,
-  small: Ns,
-  large: Is,
-  fullWidth: Ms,
-  icon: Ls,
-  app: Ds,
-  arrow: ks
-}, Bs = {
-  small: "xxsmall",
-  normal: "xsmall",
-  large: "normal"
-}, js = j.forwardRef(function(t) {
-  const {
-    value: n,
-    options: o,
-    onChange: r,
-    size: i = "normal",
-    placeholder: c,
-    disabled: s = !1,
-    fullWidth: a = !1,
-    className: l
-  } = t, [p, f] = j.useState(!1), w = Vt(
-    l,
-    Q.trigger,
-    Q[i],
-    {
-      [Q.disabled]: s,
-      [Q.fullWidth]: a
-    }
-  );
-  return /* @__PURE__ */ de(ps, { value: n, onValueChange: r, onOpenChange: f, open: p, children: [
-    /* @__PURE__ */ de(ms, { disabled: s, className: w, children: [
-      /* @__PURE__ */ C(hs, { placeholder: c }),
-      /* @__PURE__ */ C(vs, { className: Q.icon, children: /* @__PURE__ */ C(dn, {}) })
-    ] }),
-    /* @__PURE__ */ C(gs, { children: /* @__PURE__ */ de(ws, { className: Q.content, children: [
-      /* @__PURE__ */ C(Cs, { className: Q.arrow, children: /* @__PURE__ */ C(As, {}) }),
-      /* @__PURE__ */ C(ys, { children: o.map((m) => /* @__PURE__ */ de(xs, { value: m.value, className: Vt(Q.option, Q[i]), children: [
-        /* @__PURE__ */ C(Ss, { children: m.label }),
-        /* @__PURE__ */ C(bs, { className: Q.indicator, children: /* @__PURE__ */ C(Lo, { name: "Tick", size: Bs[i] }) })
-      ] }, m.value)) }),
-      /* @__PURE__ */ C(Es, { className: Q.arrow, children: /* @__PURE__ */ C(dn, {}) })
-    ] }) })
-  ] });
-});
+import "react/jsx-runtime";
+import { I as e, S as I } from "../../Select-Ds-fm4CN.js";
+import "react";
+import "../Icon/Icon.js";
+import "../../utils/clsx.js";
 export {
-  js as Select
+  e as ICON_SIZE_MAP,
+  I as Select
 };