@cfx-dev/ui-components 4.0.1 → 4.1.1

package/dist/components/Select/Select.js

@@ -1,9 +1,1924 @@
-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";
+import { jsx as v, Fragment as Xe, jsxs as ne } from "react/jsx-runtime";
+import * as s from "react";
+import D from "react";
+import { R as Cn, r as mt } from "../../index-2hJuj4UN.js";
+import { c as Je } from "../../index-rKs9bXHr.js";
+import { S as ze, P as O, d as bn } from "../../index-BlbvKsmN.js";
+import { u as xn } from "../../index-ByaXH_ih.js";
+import { c as pe, a as _n, b as X, u as et } from "../../index-Cf5Yu9oD.js";
+import { u as En, a as Pn, b as Rn, o as Tn, s as Nn, f as In, c as An, d as On, h as Mn, l as Ln, g as Dn, e as kn, i as Ge } from "../../index-DBus3GoO.js";
+import { u as Bn } from "../../index-BZPx6jYI.js";
+import { f as ht, _ as ce, c as Fn } from "../../tslib.es6-CBKHJX9H.js";
+import { c as Wn, u as zn } from "../../medium-BA3EQDZW.js";
+import { Icon as Vn } from "../Icon/Icon.js";
+import { ui as Hn } from "../ui.js";
+import { clsx as Me } from "../../utils/clsx.js";
+var vt = function(e) {
+  var t = e.sideCar, n = ht(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return s.createElement(r, ce({}, n));
+};
+vt.isSideCarExport = !0;
+function $n(e, t) {
+  return e.useMedium(t), vt;
+}
+function B(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), n === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
+  };
+}
+function gt(e, t = []) {
+  let n = [];
+  function r(i, c) {
+    const o = s.createContext(c), u = n.length;
+    n = [...n, c];
+    function d(S) {
+      const { scope: w, children: y, ...f } = S, l = (w == null ? void 0 : w[e][u]) || o, h = s.useMemo(() => f, Object.values(f));
+      return /* @__PURE__ */ v(l.Provider, { value: h, children: y });
+    }
+    function g(S, w) {
+      const y = (w == null ? void 0 : w[e][u]) || o, f = s.useContext(y);
+      if (f) return f;
+      if (c !== void 0) return c;
+      throw new Error(`\`${S}\` must be used within \`${i}\``);
+    }
+    return d.displayName = i + "Provider", [d, g];
+  }
+  const a = () => {
+    const i = n.map((c) => s.createContext(c));
+    return function(o) {
+      const u = (o == null ? void 0 : o[e]) || i;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...o, [e]: u } }),
+        [o, u]
+      );
+    };
+  };
+  return a.scopeName = e, [r, Un(a, ...t)];
+}
+function Un(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
+    return function(i) {
+      const c = r.reduce((o, { useScope: u, scopeName: d }) => {
+        const S = u(i)[`__scope${d}`];
+        return { ...o, ...S };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function Kn(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function Yn(...e) {
+  return (t) => e.forEach((n) => Kn(n, t));
+}
+function K(...e) {
+  return s.useCallback(Yn(...e), e);
+}
+function jn(e) {
+  const t = e + "CollectionProvider", [n, r] = gt(t), [a, i] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), c = (y) => {
+    const { scope: f, children: l } = y, h = D.useRef(null), p = D.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ v(a, { scope: f, itemMap: p, collectionRef: h, children: l });
+  };
+  c.displayName = t;
+  const o = e + "CollectionSlot", u = D.forwardRef(
+    (y, f) => {
+      const { scope: l, children: h } = y, p = i(o, l), m = K(f, p.collectionRef);
+      return /* @__PURE__ */ v(ze, { ref: m, children: h });
+    }
+  );
+  u.displayName = o;
+  const d = e + "CollectionItemSlot", g = "data-radix-collection-item", S = D.forwardRef(
+    (y, f) => {
+      const { scope: l, children: h, ...p } = y, m = D.useRef(null), C = K(f, m), x = i(d, l);
+      return D.useEffect(() => (x.itemMap.set(m, { ref: m, ...p }), () => void x.itemMap.delete(m))), /* @__PURE__ */ v(ze, { [g]: "", ref: C, children: h });
+    }
+  );
+  S.displayName = d;
+  function w(y) {
+    const f = i(e + "CollectionConsumer", y);
+    return D.useCallback(() => {
+      const h = f.collectionRef.current;
+      if (!h) return [];
+      const p = Array.from(h.querySelectorAll(`[${g}]`));
+      return Array.from(f.itemMap.values()).sort(
+        (x, E) => p.indexOf(x.ref.current) - p.indexOf(E.ref.current)
+      );
+    }, [f.collectionRef, f.itemMap]);
+  }
+  return [
+    { Provider: c, Slot: u, ItemSlot: S },
+    w,
+    r
+  ];
+}
+function Le(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), n === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
+  };
+}
+function Xn(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function Gn(...e) {
+  return (t) => e.forEach((n) => Xn(n, t));
+}
+function St(...e) {
+  return s.useCallback(Gn(...e), e);
+}
+var Zn = "DismissableLayer", Ve = "dismissableLayer.update", qn = "dismissableLayer.pointerDownOutside", Qn = "dismissableLayer.focusOutside", tt, wt = s.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), yt = s.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: a,
+      onFocusOutside: i,
+      onInteractOutside: c,
+      onDismiss: o,
+      ...u
+    } = e, d = s.useContext(wt), [g, S] = s.useState(null), w = (g == null ? void 0 : g.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = s.useState({}), f = St(t, (_) => S(_)), l = Array.from(d.layers), [h] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), p = l.indexOf(h), m = g ? l.indexOf(g) : -1, C = d.layersWithOutsidePointerEventsDisabled.size > 0, x = m >= p, E = tr((_) => {
+      const N = _.target, k = [...d.branches].some((H) => H.contains(N));
+      !x || k || (a == null || a(_), c == null || c(_), _.defaultPrevented || o == null || o());
+    }, w), A = nr((_) => {
+      const N = _.target;
+      [...d.branches].some((H) => H.contains(N)) || (i == null || i(_), c == null || c(_), _.defaultPrevented || o == null || o());
+    }, w);
+    return En((_) => {
+      m === d.layers.size - 1 && (r == null || r(_), !_.defaultPrevented && o && (_.preventDefault(), o()));
+    }, w), s.useEffect(() => {
+      if (g)
+        return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (tt = w.body.style.pointerEvents, w.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(g)), d.layers.add(g), nt(), () => {
+          n && d.layersWithOutsidePointerEventsDisabled.size === 1 && (w.body.style.pointerEvents = tt);
+        };
+    }, [g, w, n, d]), s.useEffect(() => () => {
+      g && (d.layers.delete(g), d.layersWithOutsidePointerEventsDisabled.delete(g), nt());
+    }, [g, d]), s.useEffect(() => {
+      const _ = () => y({});
+      return document.addEventListener(Ve, _), () => document.removeEventListener(Ve, _);
+    }, []), /* @__PURE__ */ v(
+      O.div,
+      {
+        ...u,
+        ref: f,
+        style: {
+          pointerEvents: C ? x ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: Le(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: Le(e.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: Le(
+          e.onPointerDownCapture,
+          E.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+yt.displayName = Zn;
+var Jn = "DismissableLayerBranch", er = s.forwardRef((e, t) => {
+  const n = s.useContext(wt), r = s.useRef(null), a = St(t, r);
+  return s.useEffect(() => {
+    const i = r.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
+      };
+  }, [n.branches]), /* @__PURE__ */ v(O.div, { ...e, ref: a });
+});
+er.displayName = Jn;
+function tr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = pe(e), r = s.useRef(!1), a = s.useRef(() => {
+  });
+  return s.useEffect(() => {
+    const i = (o) => {
+      if (o.target && !r.current) {
+        let u = function() {
+          Ct(
+            qn,
+            n,
+            d,
+            { discrete: !0 }
+          );
+        };
+        const d = { originalEvent: o };
+        o.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = u, t.addEventListener("click", a.current, { once: !0 })) : u();
+      } else
+        t.removeEventListener("click", a.current);
+      r.current = !1;
+    }, c = window.setTimeout(() => {
+      t.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(c), t.removeEventListener("pointerdown", i), t.removeEventListener("click", a.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function nr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = pe(e), r = s.useRef(!1);
+  return s.useEffect(() => {
+    const a = (i) => {
+      i.target && !r.current && Ct(Qn, n, { originalEvent: i }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", a), () => t.removeEventListener("focusin", a);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function nt() {
+  const e = new CustomEvent(Ve);
+  document.dispatchEvent(e);
+}
+function Ct(e, t, n, { discrete: r }) {
+  const a = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && a.addEventListener(e, t, { once: !0 }), r ? bn(a, i) : a.dispatchEvent(i);
+}
+var De = 0;
+function rr() {
+  s.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? rt()), document.body.insertAdjacentElement("beforeend", e[1] ?? rt()), De++, () => {
+      De === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), De--;
+    };
+  }, []);
+}
+function rt() {
+  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;
+}
+function or(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function ar(...e) {
+  return (t) => e.forEach((n) => or(n, t));
+}
+function sr(...e) {
+  return s.useCallback(ar(...e), e);
+}
+var ke = "focusScope.autoFocusOnMount", Be = "focusScope.autoFocusOnUnmount", ot = { bubbles: !1, cancelable: !0 }, cr = "FocusScope", bt = s.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: a,
+    onUnmountAutoFocus: i,
+    ...c
+  } = e, [o, u] = s.useState(null), d = pe(a), g = pe(i), S = s.useRef(null), w = sr(t, (l) => u(l)), y = s.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  s.useEffect(() => {
+    if (r) {
+      let l = function(C) {
+        if (y.paused || !o) return;
+        const x = C.target;
+        o.contains(x) ? S.current = x : te(S.current, { select: !0 });
+      }, h = function(C) {
+        if (y.paused || !o) return;
+        const x = C.relatedTarget;
+        x !== null && (o.contains(x) || te(S.current, { select: !0 }));
+      }, p = function(C) {
+        if (document.activeElement === document.body)
+          for (const E of C)
+            E.removedNodes.length > 0 && te(o);
+      };
+      document.addEventListener("focusin", l), document.addEventListener("focusout", h);
+      const m = new MutationObserver(p);
+      return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", l), document.removeEventListener("focusout", h), m.disconnect();
+      };
+    }
+  }, [r, o, y.paused]), s.useEffect(() => {
+    if (o) {
+      st.add(y);
+      const l = document.activeElement;
+      if (!o.contains(l)) {
+        const p = new CustomEvent(ke, ot);
+        o.addEventListener(ke, d), o.dispatchEvent(p), p.defaultPrevented || (ir(pr(xt(o)), { select: !0 }), document.activeElement === l && te(o));
+      }
+      return () => {
+        o.removeEventListener(ke, d), setTimeout(() => {
+          const p = new CustomEvent(Be, ot);
+          o.addEventListener(Be, g), o.dispatchEvent(p), p.defaultPrevented || te(l ?? document.body, { select: !0 }), o.removeEventListener(Be, g), st.remove(y);
+        }, 0);
+      };
+    }
+  }, [o, d, g, y]);
+  const f = s.useCallback(
+    (l) => {
+      if (!n && !r || y.paused) return;
+      const h = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, p = document.activeElement;
+      if (h && p) {
+        const m = l.currentTarget, [C, x] = lr(m);
+        C && x ? !l.shiftKey && p === x ? (l.preventDefault(), n && te(C, { select: !0 })) : l.shiftKey && p === C && (l.preventDefault(), n && te(x, { select: !0 })) : p === m && l.preventDefault();
+      }
+    },
+    [n, r, y.paused]
+  );
+  return /* @__PURE__ */ v(O.div, { tabIndex: -1, ...c, ref: w, onKeyDown: f });
+});
+bt.displayName = cr;
+function ir(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (te(r, { select: t }), document.activeElement !== n) return;
+}
+function lr(e) {
+  const t = xt(e), n = at(t, e), r = at(t.reverse(), e);
+  return [n, r];
+}
+function xt(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const a = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || a ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function at(e, t) {
+  for (const n of e)
+    if (!ur(n, { upTo: t })) return n;
+}
+function ur(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 dr(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function te(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && dr(e) && t && e.select();
+  }
+}
+var st = fr();
+function fr() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && (n == null || n.pause()), e = ct(e, t), e.unshift(t);
+    },
+    remove(t) {
+      var n;
+      e = ct(e, t), (n = e[0]) == null || n.resume();
+    }
+  };
+}
+function ct(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function pr(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var mr = "Arrow", _t = s.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: a = 5, ...i } = e;
+  return /* @__PURE__ */ v(
+    O.svg,
+    {
+      ...i,
+      ref: t,
+      width: r,
+      height: a,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ v("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+_t.displayName = mr;
+var hr = _t;
+function vr(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function gr(...e) {
+  return (t) => e.forEach((n) => vr(n, t));
+}
+function Et(...e) {
+  return s.useCallback(gr(...e), e);
+}
+function Sr(e, t = []) {
+  let n = [];
+  function r(i, c) {
+    const o = s.createContext(c), u = n.length;
+    n = [...n, c];
+    function d(S) {
+      const { scope: w, children: y, ...f } = S, l = (w == null ? void 0 : w[e][u]) || o, h = s.useMemo(() => f, Object.values(f));
+      return /* @__PURE__ */ v(l.Provider, { value: h, children: y });
+    }
+    function g(S, w) {
+      const y = (w == null ? void 0 : w[e][u]) || o, f = s.useContext(y);
+      if (f) return f;
+      if (c !== void 0) return c;
+      throw new Error(`\`${S}\` must be used within \`${i}\``);
+    }
+    return d.displayName = i + "Provider", [d, g];
+  }
+  const a = () => {
+    const i = n.map((c) => s.createContext(c));
+    return function(o) {
+      const u = (o == null ? void 0 : o[e]) || i;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...o, [e]: u } }),
+        [o, u]
+      );
+    };
+  };
+  return a.scopeName = e, [r, wr(a, ...t)];
+}
+function wr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
+    return function(i) {
+      const c = r.reduce((o, { useScope: u, scopeName: d }) => {
+        const S = u(i)[`__scope${d}`];
+        return { ...o, ...S };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var Ze = "Popper", [Pt, Rt] = Sr(Ze), [yr, Tt] = Pt(Ze), Nt = (e) => {
+  const { __scopePopper: t, children: n } = e, [r, a] = s.useState(null);
+  return /* @__PURE__ */ v(yr, { scope: t, anchor: r, onAnchorChange: a, children: n });
+};
+Nt.displayName = Ze;
+var It = "PopperAnchor", At = s.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: r, ...a } = e, i = Tt(It, n), c = s.useRef(null), o = Et(t, c);
+    return s.useEffect(() => {
+      i.onAnchorChange((r == null ? void 0 : r.current) || c.current);
+    }), r ? null : /* @__PURE__ */ v(O.div, { ...a, ref: o });
+  }
+);
+At.displayName = It;
+var qe = "PopperContent", [Cr, br] = Pt(qe), Ot = s.forwardRef(
+  (e, t) => {
+    var b, I, L, T, P, R;
+    const {
+      __scopePopper: n,
+      side: r = "bottom",
+      sideOffset: a = 0,
+      align: i = "center",
+      alignOffset: c = 0,
+      arrowPadding: o = 0,
+      avoidCollisions: u = !0,
+      collisionBoundary: d = [],
+      collisionPadding: g = 0,
+      sticky: S = "partial",
+      hideWhenDetached: w = !1,
+      updatePositionStrategy: y = "optimized",
+      onPlaced: f,
+      ...l
+    } = e, h = Tt(qe, n), [p, m] = s.useState(null), C = Et(t, (V) => m(V)), [x, E] = s.useState(null), A = _n(x), _ = (A == null ? void 0 : A.width) ?? 0, N = (A == null ? void 0 : A.height) ?? 0, k = r + (i !== "center" ? "-" + i : ""), H = typeof g == "number" ? g : { top: 0, right: 0, bottom: 0, left: 0, ...g }, G = Array.isArray(d) ? d : [d], $ = G.length > 0, W = {
+      padding: H,
+      boundary: G.filter(_r),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: $
+    }, { refs: Z, floatingStyles: M, placement: U, isPositioned: F, middlewareData: z } = Pn({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: k,
+      whileElementsMounted: (...V) => Rn(...V, {
+        animationFrame: y === "always"
+      }),
+      elements: {
+        reference: h.anchor
+      },
+      middleware: [
+        Tn({ mainAxis: a + N, alignmentAxis: c }),
+        u && Nn({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: S === "partial" ? Ln() : void 0,
+          ...W
+        }),
+        u && In({ ...W }),
+        An({
+          ...W,
+          apply: ({ elements: V, rects: q, availableWidth: Se, availableHeight: we }) => {
+            const { width: ye, height: yn } = q.reference, xe = V.floating.style;
+            xe.setProperty("--radix-popper-available-width", `${Se}px`), xe.setProperty("--radix-popper-available-height", `${we}px`), xe.setProperty("--radix-popper-anchor-width", `${ye}px`), xe.setProperty("--radix-popper-anchor-height", `${yn}px`);
+          }
+        }),
+        x && On({ element: x, padding: o }),
+        Er({ arrowWidth: _, arrowHeight: N }),
+        w && Mn({ strategy: "referenceHidden", ...W })
+      ]
+    }), [Y, he] = Dt(U), Q = pe(f);
+    X(() => {
+      F && (Q == null || Q());
+    }, [F, Q]);
+    const ve = (b = z.arrow) == null ? void 0 : b.x, ge = (I = z.arrow) == null ? void 0 : I.y, ee = ((L = z.arrow) == null ? void 0 : L.centerOffset) !== 0, [le, se] = s.useState();
+    return X(() => {
+      p && se(window.getComputedStyle(p).zIndex);
+    }, [p]), /* @__PURE__ */ v(
+      "div",
+      {
+        ref: Z.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...M,
+          transform: F ? M.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: le,
+          "--radix-popper-transform-origin": [
+            (T = z.transformOrigin) == null ? void 0 : T.x,
+            (P = z.transformOrigin) == null ? void 0 : P.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
+          ...((R = z.hide) == null ? void 0 : R.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ v(
+          Cr,
+          {
+            scope: n,
+            placedSide: Y,
+            onArrowChange: E,
+            arrowX: ve,
+            arrowY: ge,
+            shouldHideArrow: ee,
+            children: /* @__PURE__ */ v(
+              O.div,
+              {
+                "data-side": Y,
+                "data-align": he,
+                ...l,
+                ref: C,
+                style: {
+                  ...l.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: F ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Ot.displayName = qe;
+var Mt = "PopperArrow", xr = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Lt = s.forwardRef(function(t, n) {
+  const { __scopePopper: r, ...a } = t, i = br(Mt, r), c = xr[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__ */ v(
+      "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__ */ v(
+          hr,
+          {
+            ...a,
+            ref: n,
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Lt.displayName = Mt;
+function _r(e) {
+  return e !== null;
+}
+var Er = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var h, p, m;
+    const { placement: n, rects: r, middlewareData: a } = t, c = ((h = a.arrow) == null ? void 0 : h.centerOffset) !== 0, o = c ? 0 : e.arrowWidth, u = c ? 0 : e.arrowHeight, [d, g] = Dt(n), S = { start: "0%", center: "50%", end: "100%" }[g], w = (((p = a.arrow) == null ? void 0 : p.x) ?? 0) + o / 2, y = (((m = a.arrow) == null ? void 0 : m.y) ?? 0) + u / 2;
+    let f = "", l = "";
+    return d === "bottom" ? (f = c ? S : `${w}px`, l = `${-u}px`) : d === "top" ? (f = c ? S : `${w}px`, l = `${r.floating.height + u}px`) : d === "right" ? (f = `${-u}px`, l = c ? S : `${y}px`) : d === "left" && (f = `${r.floating.width + u}px`, l = c ? S : `${y}px`), { data: { x: f, y: l } };
+  }
+});
+function Dt(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var Pr = Nt, Rr = At, Tr = Ot, Nr = Lt, Ir = "Portal", kt = s.forwardRef((e, t) => {
+  var o;
+  const { container: n, ...r } = e, [a, i] = s.useState(!1);
+  X(() => i(!0), []);
+  const c = n || a && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
+  return c ? Cn.createPortal(/* @__PURE__ */ v(O.div, { ...r, ref: t }), c) : null;
+});
+kt.displayName = Ir;
+var Ar = "VisuallyHidden", Bt = s.forwardRef(
+  (e, t) => /* @__PURE__ */ v(
+    O.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
+      }
+    }
+  )
+);
+Bt.displayName = Ar;
+var Pe = "right-scroll-bar-position", Re = "width-before-scroll-bar", Or = "with-scroll-bars-hidden", Mr = "--removed-body-scroll-bar-size", Ft = Wn(), Fe = function() {
+}, Ne = s.forwardRef(function(e, t) {
+  var n = s.useRef(null), r = s.useState({
+    onScrollCapture: Fe,
+    onWheelCapture: Fe,
+    onTouchMoveCapture: Fe
+  }), a = r[0], i = r[1], c = e.forwardProps, o = e.children, u = e.className, d = e.removeScrollBar, g = e.enabled, S = e.shards, w = e.sideCar, y = e.noIsolation, f = e.inert, l = e.allowPinchZoom, h = e.as, p = h === void 0 ? "div" : h, m = e.gapMode, C = ht(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = w, E = zn([n, t]), A = ce(ce({}, C), a);
+  return s.createElement(
+    s.Fragment,
+    null,
+    g && s.createElement(x, { sideCar: Ft, removeScrollBar: d, shards: S, noIsolation: y, inert: f, setCallbacks: i, allowPinchZoom: !!l, lockRef: n, gapMode: m }),
+    c ? s.cloneElement(s.Children.only(o), ce(ce({}, A), { ref: E })) : s.createElement(p, ce({}, A, { className: u, ref: E }), o)
+  );
+});
+Ne.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+Ne.classNames = {
+  fullWidth: Re,
+  zeroRight: Pe
+};
+function Lr() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Dn();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Dr(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function kr(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Br = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Lr()) && (Dr(t, n), kr(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, Fr = function() {
+  var e = Br();
+  return function(t, n) {
+    s.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, Wt = function() {
+  var e = Fr(), t = function(n) {
+    var r = n.styles, a = n.dynamic;
+    return e(r, a), null;
+  };
+  return t;
+}, Wr = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, We = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, zr = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [We(n), We(r), We(a)];
+}, Vr = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Wr;
+  var t = zr(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, Hr = Wt(), fe = "data-scroll-locked", $r = function(e, t, n, r) {
+  var a = e.left, i = e.top, c = e.right, o = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(Or, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(o, "px ").concat(r, `;
+  }
+  body[`).concat(fe, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(a, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(c, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(o, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(o, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Pe, ` {
+    right: `).concat(o, "px ").concat(r, `;
+  }
+  
+  .`).concat(Re, ` {
+    margin-right: `).concat(o, "px ").concat(r, `;
+  }
+  
+  .`).concat(Pe, " .").concat(Pe, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(Re, " .").concat(Re, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(fe, `] {
+    `).concat(Mr, ": ").concat(o, `px;
+  }
+`);
+}, it = function() {
+  var e = parseInt(document.body.getAttribute(fe) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Ur = function() {
+  s.useEffect(function() {
+    return document.body.setAttribute(fe, (it() + 1).toString()), function() {
+      var e = it() - 1;
+      e <= 0 ? document.body.removeAttribute(fe) : document.body.setAttribute(fe, e.toString());
+    };
+  }, []);
+}, Kr = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
+  Ur();
+  var i = s.useMemo(function() {
+    return Vr(a);
+  }, [a]);
+  return s.createElement(Hr, { styles: $r(i, !t, a, n ? "" : "!important") });
+}, He = !1;
+if (typeof window < "u")
+  try {
+    var _e = Object.defineProperty({}, "passive", {
+      get: function() {
+        return He = !0, !0;
+      }
+    });
+    window.addEventListener("test", _e, _e), window.removeEventListener("test", _e, _e);
+  } catch {
+    He = !1;
+  }
+var ue = He ? { passive: !1 } : !1, Yr = function(e) {
+  return e.tagName === "TEXTAREA";
+}, zt = function(e, t) {
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !Yr(e) && n[t] === "visible")
+  );
+}, jr = function(e) {
+  return zt(e, "overflowY");
+}, Xr = function(e) {
+  return zt(e, "overflowX");
+}, lt = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var a = Vt(e, r);
+    if (a) {
+      var i = Ht(e, r), c = i[1], o = i[2];
+      if (c > o)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, Gr = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, Zr = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, Vt = function(e, t) {
+  return e === "v" ? jr(t) : Xr(t);
+}, Ht = function(e, t) {
+  return e === "v" ? Gr(t) : Zr(t);
+}, qr = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, Qr = function(e, t, n, r, a) {
+  var i = qr(e, window.getComputedStyle(t).direction), c = i * r, o = n.target, u = t.contains(o), d = !1, g = c > 0, S = 0, w = 0;
+  do {
+    var y = Ht(e, o), f = y[0], l = y[1], h = y[2], p = l - h - i * f;
+    (f || p) && Vt(e, o) && (S += p, w += f), o instanceof ShadowRoot ? o = o.host : o = o.parentNode;
+  } while (
+    // portaled content
+    !u && o !== document.body || // self content
+    u && (t.contains(o) || t === o)
+  );
+  return (g && (Math.abs(S) < 1 || !a) || !g && (Math.abs(w) < 1 || !a)) && (d = !0), d;
+}, Ee = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, ut = function(e) {
+  return [e.deltaX, e.deltaY];
+}, dt = function(e) {
+  return e && "current" in e ? e.current : e;
+}, Jr = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, eo = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, to = 0, de = [];
+function no(e) {
+  var t = s.useRef([]), n = s.useRef([0, 0]), r = s.useRef(), a = s.useState(to++)[0], i = s.useState(Wt)[0], c = s.useRef(e);
+  s.useEffect(function() {
+    c.current = e;
+  }, [e]), s.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(a));
+      var l = Fn([e.lockRef.current], (e.shards || []).map(dt), !0).filter(Boolean);
+      return l.forEach(function(h) {
+        return h.classList.add("allow-interactivity-".concat(a));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(a)), l.forEach(function(h) {
+          return h.classList.remove("allow-interactivity-".concat(a));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var o = s.useCallback(function(l, h) {
+    if ("touches" in l && l.touches.length === 2)
+      return !c.current.allowPinchZoom;
+    var p = Ee(l), m = n.current, C = "deltaX" in l ? l.deltaX : m[0] - p[0], x = "deltaY" in l ? l.deltaY : m[1] - p[1], E, A = l.target, _ = Math.abs(C) > Math.abs(x) ? "h" : "v";
+    if ("touches" in l && _ === "h" && A.type === "range")
+      return !1;
+    var N = lt(_, A);
+    if (!N)
+      return !0;
+    if (N ? E = _ : (E = _ === "v" ? "h" : "v", N = lt(_, A)), !N)
+      return !1;
+    if (!r.current && "changedTouches" in l && (C || x) && (r.current = E), !E)
+      return !0;
+    var k = r.current || E;
+    return Qr(k, h, l, k === "h" ? C : x, !0);
+  }, []), u = s.useCallback(function(l) {
+    var h = l;
+    if (!(!de.length || de[de.length - 1] !== i)) {
+      var p = "deltaY" in h ? ut(h) : Ee(h), m = t.current.filter(function(E) {
+        return E.name === h.type && (E.target === h.target || h.target === E.shadowParent) && Jr(E.delta, p);
+      })[0];
+      if (m && m.should) {
+        h.cancelable && h.preventDefault();
+        return;
+      }
+      if (!m) {
+        var C = (c.current.shards || []).map(dt).filter(Boolean).filter(function(E) {
+          return E.contains(h.target);
+        }), x = C.length > 0 ? o(h, C[0]) : !c.current.noIsolation;
+        x && h.cancelable && h.preventDefault();
+      }
+    }
+  }, []), d = s.useCallback(function(l, h, p, m) {
+    var C = { name: l, delta: h, target: p, should: m, shadowParent: ro(p) };
+    t.current.push(C), setTimeout(function() {
+      t.current = t.current.filter(function(x) {
+        return x !== C;
+      });
+    }, 1);
+  }, []), g = s.useCallback(function(l) {
+    n.current = Ee(l), r.current = void 0;
+  }, []), S = s.useCallback(function(l) {
+    d(l.type, ut(l), l.target, o(l, e.lockRef.current));
+  }, []), w = s.useCallback(function(l) {
+    d(l.type, Ee(l), l.target, o(l, e.lockRef.current));
+  }, []);
+  s.useEffect(function() {
+    return de.push(i), e.setCallbacks({
+      onScrollCapture: S,
+      onWheelCapture: S,
+      onTouchMoveCapture: w
+    }), document.addEventListener("wheel", u, ue), document.addEventListener("touchmove", u, ue), document.addEventListener("touchstart", g, ue), function() {
+      de = de.filter(function(l) {
+        return l !== i;
+      }), document.removeEventListener("wheel", u, ue), document.removeEventListener("touchmove", u, ue), document.removeEventListener("touchstart", g, ue);
+    };
+  }, []);
+  var y = e.removeScrollBar, f = e.inert;
+  return s.createElement(
+    s.Fragment,
+    null,
+    f ? s.createElement(i, { styles: eo(a) }) : null,
+    y ? s.createElement(Kr, { gapMode: e.gapMode }) : null
+  );
+}
+function ro(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const oo = $n(Ft, no);
+var $t = s.forwardRef(function(e, t) {
+  return s.createElement(Ne, ce({}, e, { ref: t, sideCar: oo }));
+});
+$t.classNames = Ne.classNames;
+var ao = [" ", "Enter", "ArrowUp", "ArrowDown"], so = [" ", "Enter"], be = "Select", [Ie, Ae, co] = jn(be), [me, ua] = gt(be, [
+  co,
+  Rt
+]), Oe = Rt(), [io, oe] = me(be), [lo, uo] = me(be), Ut = (e) => {
+  const {
+    __scopeSelect: t,
+    children: n,
+    open: r,
+    defaultOpen: a,
+    onOpenChange: i,
+    value: c,
+    defaultValue: o,
+    onValueChange: u,
+    dir: d,
+    name: g,
+    autoComplete: S,
+    disabled: w,
+    required: y
+  } = e, f = Oe(t), [l, h] = s.useState(null), [p, m] = s.useState(null), [C, x] = s.useState(!1), E = xn(d), [A = !1, _] = et({
+    prop: r,
+    defaultProp: a,
+    onChange: i
+  }), [N, k] = et({
+    prop: c,
+    defaultProp: o,
+    onChange: u
+  }), H = s.useRef(null), G = l ? !!l.closest("form") : !0, [$, W] = s.useState(/* @__PURE__ */ new Set()), Z = Array.from($).map((M) => M.props.value).join(";");
+  return /* @__PURE__ */ v(Pr, { ...f, children: /* @__PURE__ */ ne(
+    io,
+    {
+      required: y,
+      scope: t,
+      trigger: l,
+      onTriggerChange: h,
+      valueNode: p,
+      onValueNodeChange: m,
+      valueNodeHasChildren: C,
+      onValueNodeHasChildrenChange: x,
+      contentId: Ge(),
+      value: N,
+      onValueChange: k,
+      open: A,
+      onOpenChange: _,
+      dir: E,
+      triggerPointerDownPosRef: H,
+      disabled: w,
+      children: [
+        /* @__PURE__ */ v(Ie.Provider, { scope: t, children: /* @__PURE__ */ v(
+          lo,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: s.useCallback((M) => {
+              W((U) => new Set(U).add(M));
+            }, []),
+            onNativeOptionRemove: s.useCallback((M) => {
+              W((U) => {
+                const F = new Set(U);
+                return F.delete(M), F;
+              });
+            }, []),
+            children: n
+          }
+        ) }),
+        G ? /* @__PURE__ */ ne(
+          mn,
+          {
+            "aria-hidden": !0,
+            required: y,
+            tabIndex: -1,
+            name: g,
+            autoComplete: S,
+            value: N,
+            onChange: (M) => k(M.target.value),
+            disabled: w,
+            children: [
+              N === void 0 ? /* @__PURE__ */ v("option", { value: "" }) : null,
+              Array.from($)
+            ]
+          },
+          Z
+        ) : null
+      ]
+    }
+  ) });
+};
+Ut.displayName = be;
+var Kt = "SelectTrigger", Yt = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, disabled: r = !1, ...a } = e, i = Oe(n), c = oe(Kt, n), o = c.disabled || r, u = K(t, c.onTriggerChange), d = Ae(n), [g, S, w] = hn((f) => {
+      const l = d().filter((m) => !m.disabled), h = l.find((m) => m.value === c.value), p = vn(l, f, h);
+      p !== void 0 && c.onValueChange(p.value);
+    }), y = () => {
+      o || (c.onOpenChange(!0), w());
+    };
+    return /* @__PURE__ */ v(Rr, { asChild: !0, ...i, children: /* @__PURE__ */ v(
+      O.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: o,
+        "data-disabled": o ? "" : void 0,
+        "data-placeholder": pn(c.value) ? "" : void 0,
+        ...a,
+        ref: u,
+        onClick: B(a.onClick, (f) => {
+          f.currentTarget.focus();
+        }),
+        onPointerDown: B(a.onPointerDown, (f) => {
+          const l = f.target;
+          l.hasPointerCapture(f.pointerId) && l.releasePointerCapture(f.pointerId), f.button === 0 && f.ctrlKey === !1 && (y(), c.triggerPointerDownPosRef.current = {
+            x: Math.round(f.pageX),
+            y: Math.round(f.pageY)
+          }, f.preventDefault());
+        }),
+        onKeyDown: B(a.onKeyDown, (f) => {
+          const l = g.current !== "";
+          !(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && S(f.key), !(l && f.key === " ") && ao.includes(f.key) && (y(), f.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Yt.displayName = Kt;
+var jt = "SelectValue", Xt = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, className: r, style: a, children: i, placeholder: c = "", ...o } = e, u = oe(jt, n), { onValueNodeHasChildrenChange: d } = u, g = i !== void 0, S = K(t, u.onValueNodeChange);
+    return X(() => {
+      d(g);
+    }, [d, g]), /* @__PURE__ */ v(
+      O.span,
+      {
+        ...o,
+        ref: S,
+        style: { pointerEvents: "none" },
+        children: pn(u.value) ? /* @__PURE__ */ v(Xe, { children: c }) : i
+      }
+    );
+  }
+);
+Xt.displayName = jt;
+var fo = "SelectIcon", Gt = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, children: r, ...a } = e;
+    return /* @__PURE__ */ v(O.span, { "aria-hidden": !0, ...a, ref: t, children: r || "▼" });
+  }
+);
+Gt.displayName = fo;
+var po = "SelectPortal", Zt = (e) => /* @__PURE__ */ v(kt, { asChild: !0, ...e });
+Zt.displayName = po;
+var ie = "SelectContent", qt = s.forwardRef(
+  (e, t) => {
+    const n = oe(ie, e.__scopeSelect), [r, a] = s.useState();
+    if (X(() => {
+      a(new DocumentFragment());
+    }, []), !n.open) {
+      const i = r;
+      return i ? mt.createPortal(
+        /* @__PURE__ */ v(Qt, { scope: e.__scopeSelect, children: /* @__PURE__ */ v(Ie.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ v("div", { children: e.children }) }) }),
+        i
+      ) : null;
+    }
+    return /* @__PURE__ */ v(Jt, { ...e, ref: t });
+  }
+);
+qt.displayName = ie;
+var J = 10, [Qt, ae] = me(ie), mo = "SelectContentImpl", Jt = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSelect: n,
+      position: r = "item-aligned",
+      onCloseAutoFocus: a,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: c,
+      //
+      // PopperContent props
+      side: o,
+      sideOffset: u,
+      align: d,
+      alignOffset: g,
+      arrowPadding: S,
+      collisionBoundary: w,
+      collisionPadding: y,
+      sticky: f,
+      hideWhenDetached: l,
+      avoidCollisions: h,
+      //
+      ...p
+    } = e, m = oe(ie, n), [C, x] = s.useState(null), [E, A] = s.useState(null), _ = K(t, (b) => x(b)), [N, k] = s.useState(null), [H, G] = s.useState(
+      null
+    ), $ = Ae(n), [W, Z] = s.useState(!1), M = s.useRef(!1);
+    s.useEffect(() => {
+      if (C) return kn(C);
+    }, [C]), rr();
+    const U = s.useCallback(
+      (b) => {
+        const [I, ...L] = $().map((R) => R.ref.current), [T] = L.slice(-1), P = document.activeElement;
+        for (const R of b)
+          if (R === P || (R == null || R.scrollIntoView({ block: "nearest" }), R === I && E && (E.scrollTop = 0), R === T && E && (E.scrollTop = E.scrollHeight), R == null || R.focus(), document.activeElement !== P)) return;
+      },
+      [$, E]
+    ), F = s.useCallback(
+      () => U([N, C]),
+      [U, N, C]
+    );
+    s.useEffect(() => {
+      W && F();
+    }, [W, F]);
+    const { onOpenChange: z, triggerPointerDownPosRef: Y } = m;
+    s.useEffect(() => {
+      if (C) {
+        let b = { x: 0, y: 0 };
+        const I = (T) => {
+          var P, R;
+          b = {
+            x: Math.abs(Math.round(T.pageX) - (((P = Y.current) == null ? void 0 : P.x) ?? 0)),
+            y: Math.abs(Math.round(T.pageY) - (((R = Y.current) == null ? void 0 : R.y) ?? 0))
+          };
+        }, L = (T) => {
+          b.x <= 10 && b.y <= 10 ? T.preventDefault() : C.contains(T.target) || z(!1), document.removeEventListener("pointermove", I), Y.current = null;
+        };
+        return Y.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", L, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", L, { capture: !0 });
+        };
+      }
+    }, [C, z, Y]), s.useEffect(() => {
+      const b = () => z(!1);
+      return window.addEventListener("blur", b), window.addEventListener("resize", b), () => {
+        window.removeEventListener("blur", b), window.removeEventListener("resize", b);
+      };
+    }, [z]);
+    const [he, Q] = hn((b) => {
+      const I = $().filter((P) => !P.disabled), L = I.find((P) => P.ref.current === document.activeElement), T = vn(I, b, L);
+      T && setTimeout(() => T.ref.current.focus());
+    }), ve = s.useCallback(
+      (b, I, L) => {
+        const T = !M.current && !L;
+        (m.value !== void 0 && m.value === I || T) && (k(b), T && (M.current = !0));
+      },
+      [m.value]
+    ), ge = s.useCallback(() => C == null ? void 0 : C.focus(), [C]), ee = s.useCallback(
+      (b, I, L) => {
+        const T = !M.current && !L;
+        (m.value !== void 0 && m.value === I || T) && G(b);
+      },
+      [m.value]
+    ), le = r === "popper" ? $e : en, se = le === $e ? {
+      side: o,
+      sideOffset: u,
+      align: d,
+      alignOffset: g,
+      arrowPadding: S,
+      collisionBoundary: w,
+      collisionPadding: y,
+      sticky: f,
+      hideWhenDetached: l,
+      avoidCollisions: h
+    } : {};
+    return /* @__PURE__ */ v(
+      Qt,
+      {
+        scope: n,
+        content: C,
+        viewport: E,
+        onViewportChange: A,
+        itemRefCallback: ve,
+        selectedItem: N,
+        onItemLeave: ge,
+        itemTextRefCallback: ee,
+        focusSelectedItem: F,
+        selectedItemText: H,
+        position: r,
+        isPositioned: W,
+        searchRef: he,
+        children: /* @__PURE__ */ v($t, { as: ze, allowPinchZoom: !0, children: /* @__PURE__ */ v(
+          bt,
+          {
+            asChild: !0,
+            trapped: m.open,
+            onMountAutoFocus: (b) => {
+              b.preventDefault();
+            },
+            onUnmountAutoFocus: B(a, (b) => {
+              var I;
+              (I = m.trigger) == null || I.focus({ preventScroll: !0 }), b.preventDefault();
+            }),
+            children: /* @__PURE__ */ v(
+              yt,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: i,
+                onPointerDownOutside: c,
+                onFocusOutside: (b) => b.preventDefault(),
+                onDismiss: () => m.onOpenChange(!1),
+                children: /* @__PURE__ */ v(
+                  le,
+                  {
+                    role: "listbox",
+                    id: m.contentId,
+                    "data-state": m.open ? "open" : "closed",
+                    dir: m.dir,
+                    onContextMenu: (b) => b.preventDefault(),
+                    ...p,
+                    ...se,
+                    onPlaced: () => Z(!0),
+                    ref: _,
+                    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",
+                      ...p.style
+                    },
+                    onKeyDown: B(p.onKeyDown, (b) => {
+                      const I = b.ctrlKey || b.altKey || b.metaKey;
+                      if (b.key === "Tab" && b.preventDefault(), !I && b.key.length === 1 && Q(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
+                        let T = $().filter((P) => !P.disabled).map((P) => P.ref.current);
+                        if (["ArrowUp", "End"].includes(b.key) && (T = T.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
+                          const P = b.target, R = T.indexOf(P);
+                          T = T.slice(R + 1);
+                        }
+                        setTimeout(() => U(T)), b.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Jt.displayName = mo;
+var ho = "SelectItemAlignedPosition", en = s.forwardRef((e, t) => {
+  const { __scopeSelect: n, onPlaced: r, ...a } = e, i = oe(ie, n), c = ae(ie, n), [o, u] = s.useState(null), [d, g] = s.useState(null), S = K(t, (_) => g(_)), w = Ae(n), y = s.useRef(!1), f = s.useRef(!0), { viewport: l, selectedItem: h, selectedItemText: p, focusSelectedItem: m } = c, C = s.useCallback(() => {
+    if (i.trigger && i.valueNode && o && d && l && h && p) {
+      const _ = i.trigger.getBoundingClientRect(), N = d.getBoundingClientRect(), k = i.valueNode.getBoundingClientRect(), H = p.getBoundingClientRect();
+      if (i.dir !== "rtl") {
+        const P = H.left - N.left, R = k.left - P, V = _.left - R, q = _.width + V, Se = Math.max(q, N.width), we = window.innerWidth - J, ye = Je(R, [J, we - Se]);
+        o.style.minWidth = q + "px", o.style.left = ye + "px";
+      } else {
+        const P = N.right - H.right, R = window.innerWidth - k.right - P, V = window.innerWidth - _.right - R, q = _.width + V, Se = Math.max(q, N.width), we = window.innerWidth - J, ye = Je(R, [J, we - Se]);
+        o.style.minWidth = q + "px", o.style.right = ye + "px";
+      }
+      const G = w(), $ = window.innerHeight - J * 2, W = l.scrollHeight, Z = window.getComputedStyle(d), M = parseInt(Z.borderTopWidth, 10), U = parseInt(Z.paddingTop, 10), F = parseInt(Z.borderBottomWidth, 10), z = parseInt(Z.paddingBottom, 10), Y = M + U + W + z + F, he = Math.min(h.offsetHeight * 5, Y), Q = window.getComputedStyle(l), ve = parseInt(Q.paddingTop, 10), ge = parseInt(Q.paddingBottom, 10), ee = _.top + _.height / 2 - J, le = $ - ee, se = h.offsetHeight / 2, b = h.offsetTop + se, I = M + U + b, L = Y - I;
+      if (I <= ee) {
+        const P = h === G[G.length - 1].ref.current;
+        o.style.bottom = "0px";
+        const R = d.clientHeight - l.offsetTop - l.offsetHeight, V = Math.max(
+          le,
+          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (P ? ge : 0) + R + F
+        ), q = I + V;
+        o.style.height = q + "px";
+      } else {
+        const P = h === G[0].ref.current;
+        o.style.top = "0px";
+        const V = Math.max(
+          ee,
+          M + l.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (P ? ve : 0) + se
+        ) + L;
+        o.style.height = V + "px", l.scrollTop = I - ee + l.offsetTop;
+      }
+      o.style.margin = `${J}px 0`, o.style.minHeight = he + "px", o.style.maxHeight = $ + "px", r == null || r(), requestAnimationFrame(() => y.current = !0);
+    }
+  }, [
+    w,
+    i.trigger,
+    i.valueNode,
+    o,
+    d,
+    l,
+    h,
+    p,
+    i.dir,
+    r
+  ]);
+  X(() => C(), [C]);
+  const [x, E] = s.useState();
+  X(() => {
+    d && E(window.getComputedStyle(d).zIndex);
+  }, [d]);
+  const A = s.useCallback(
+    (_) => {
+      _ && f.current === !0 && (C(), m == null || m(), f.current = !1);
+    },
+    [C, m]
+  );
+  return /* @__PURE__ */ v(
+    go,
+    {
+      scope: n,
+      contentWrapper: o,
+      shouldExpandOnScrollRef: y,
+      onScrollButtonChange: A,
+      children: /* @__PURE__ */ v(
+        "div",
+        {
+          ref: u,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: x
+          },
+          children: /* @__PURE__ */ v(
+            O.div,
+            {
+              ...a,
+              ref: S,
+              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%",
+                ...a.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+en.displayName = ho;
+var vo = "SelectPopperPosition", $e = s.forwardRef((e, t) => {
+  const {
+    __scopeSelect: n,
+    align: r = "start",
+    collisionPadding: a = J,
+    ...i
+  } = e, c = Oe(n);
+  return /* @__PURE__ */ v(
+    Tr,
+    {
+      ...c,
+      ...i,
+      ref: t,
+      align: r,
+      collisionPadding: a,
+      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)"
+      }
+    }
+  );
+});
+$e.displayName = vo;
+var [go, Qe] = me(ie, {}), Ue = "SelectViewport", tn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, nonce: r, ...a } = e, i = ae(Ue, n), c = Qe(Ue, n), o = K(t, i.onViewportChange), u = s.useRef(0);
+    return /* @__PURE__ */ ne(Xe, { children: [
+      /* @__PURE__ */ v(
+        "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: r
+        }
+      ),
+      /* @__PURE__ */ v(Ie.Slot, { scope: n, children: /* @__PURE__ */ v(
+        O.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...a,
+          ref: o,
+          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",
+            ...a.style
+          },
+          onScroll: B(a.onScroll, (d) => {
+            const g = d.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: w } = c;
+            if (w != null && w.current && S) {
+              const y = Math.abs(u.current - g.scrollTop);
+              if (y > 0) {
+                const f = window.innerHeight - J * 2, l = parseFloat(S.style.minHeight), h = parseFloat(S.style.height), p = Math.max(l, h);
+                if (p < f) {
+                  const m = p + y, C = Math.min(f, m), x = m - C;
+                  S.style.height = C + "px", S.style.bottom === "0px" && (g.scrollTop = x > 0 ? x : 0, S.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            u.current = g.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+tn.displayName = Ue;
+var nn = "SelectGroup", [So, wo] = me(nn), yo = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...r } = e, a = Ge();
+    return /* @__PURE__ */ v(So, { scope: n, id: a, children: /* @__PURE__ */ v(O.div, { role: "group", "aria-labelledby": a, ...r, ref: t }) });
+  }
+);
+yo.displayName = nn;
+var rn = "SelectLabel", Co = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...r } = e, a = wo(rn, n);
+    return /* @__PURE__ */ v(O.div, { id: a.id, ...r, ref: t });
+  }
+);
+Co.displayName = rn;
+var Te = "SelectItem", [bo, on] = me(Te), an = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSelect: n,
+      value: r,
+      disabled: a = !1,
+      textValue: i,
+      ...c
+    } = e, o = oe(Te, n), u = ae(Te, n), d = o.value === r, [g, S] = s.useState(i ?? ""), [w, y] = s.useState(!1), f = K(
+      t,
+      (p) => {
+        var m;
+        return (m = u.itemRefCallback) == null ? void 0 : m.call(u, p, r, a);
+      }
+    ), l = Ge(), h = () => {
+      a || (o.onValueChange(r), o.onOpenChange(!1));
+    };
+    if (r === "")
+      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__ */ v(
+      bo,
+      {
+        scope: n,
+        value: r,
+        disabled: a,
+        textId: l,
+        isSelected: d,
+        onItemTextChange: s.useCallback((p) => {
+          S((m) => m || ((p == null ? void 0 : p.textContent) ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ v(
+          Ie.ItemSlot,
+          {
+            scope: n,
+            value: r,
+            disabled: a,
+            textValue: g,
+            children: /* @__PURE__ */ v(
+              O.div,
+              {
+                role: "option",
+                "aria-labelledby": l,
+                "data-highlighted": w ? "" : void 0,
+                "aria-selected": d && w,
+                "data-state": d ? "checked" : "unchecked",
+                "aria-disabled": a || void 0,
+                "data-disabled": a ? "" : void 0,
+                tabIndex: a ? void 0 : -1,
+                ...c,
+                ref: f,
+                onFocus: B(c.onFocus, () => y(!0)),
+                onBlur: B(c.onBlur, () => y(!1)),
+                onPointerUp: B(c.onPointerUp, h),
+                onPointerMove: B(c.onPointerMove, (p) => {
+                  var m;
+                  a ? (m = u.onItemLeave) == null || m.call(u) : p.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: B(c.onPointerLeave, (p) => {
+                  var m;
+                  p.currentTarget === document.activeElement && ((m = u.onItemLeave) == null || m.call(u));
+                }),
+                onKeyDown: B(c.onKeyDown, (p) => {
+                  var C;
+                  ((C = u.searchRef) == null ? void 0 : C.current) !== "" && p.key === " " || (so.includes(p.key) && h(), p.key === " " && p.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+an.displayName = Te;
+var Ce = "SelectItemText", sn = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, className: r, style: a, ...i } = e, c = oe(Ce, n), o = ae(Ce, n), u = on(Ce, n), d = uo(Ce, n), [g, S] = s.useState(null), w = K(
+      t,
+      (p) => S(p),
+      u.onItemTextChange,
+      (p) => {
+        var m;
+        return (m = o.itemTextRefCallback) == null ? void 0 : m.call(o, p, u.value, u.disabled);
+      }
+    ), y = g == null ? void 0 : g.textContent, f = s.useMemo(
+      () => /* @__PURE__ */ v("option", { value: u.value, disabled: u.disabled, children: y }, u.value),
+      [u.disabled, u.value, y]
+    ), { onNativeOptionAdd: l, onNativeOptionRemove: h } = d;
+    return X(() => (l(f), () => h(f)), [l, h, f]), /* @__PURE__ */ ne(Xe, { children: [
+      /* @__PURE__ */ v(O.span, { id: u.textId, ...i, ref: w }),
+      u.isSelected && c.valueNode && !c.valueNodeHasChildren ? mt.createPortal(i.children, c.valueNode) : null
+    ] });
+  }
+);
+sn.displayName = Ce;
+var cn = "SelectItemIndicator", ln = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...r } = e;
+    return on(cn, n).isSelected ? /* @__PURE__ */ v(O.span, { "aria-hidden": !0, ...r, ref: t }) : null;
+  }
+);
+ln.displayName = cn;
+var Ke = "SelectScrollUpButton", un = s.forwardRef((e, t) => {
+  const n = ae(Ke, e.__scopeSelect), r = Qe(Ke, e.__scopeSelect), [a, i] = s.useState(!1), c = K(t, r.onScrollButtonChange);
+  return X(() => {
+    if (n.viewport && n.isPositioned) {
+      let o = function() {
+        const d = u.scrollTop > 0;
+        i(d);
+      };
+      const u = n.viewport;
+      return o(), u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
+    }
+  }, [n.viewport, n.isPositioned]), a ? /* @__PURE__ */ v(
+    fn,
+    {
+      ...e,
+      ref: c,
+      onAutoScroll: () => {
+        const { viewport: o, selectedItem: u } = n;
+        o && u && (o.scrollTop = o.scrollTop - u.offsetHeight);
+      }
+    }
+  ) : null;
+});
+un.displayName = Ke;
+var Ye = "SelectScrollDownButton", dn = s.forwardRef((e, t) => {
+  const n = ae(Ye, e.__scopeSelect), r = Qe(Ye, e.__scopeSelect), [a, i] = s.useState(!1), c = K(t, r.onScrollButtonChange);
+  return X(() => {
+    if (n.viewport && n.isPositioned) {
+      let o = function() {
+        const d = u.scrollHeight - u.clientHeight, g = Math.ceil(u.scrollTop) < d;
+        i(g);
+      };
+      const u = n.viewport;
+      return o(), u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
+    }
+  }, [n.viewport, n.isPositioned]), a ? /* @__PURE__ */ v(
+    fn,
+    {
+      ...e,
+      ref: c,
+      onAutoScroll: () => {
+        const { viewport: o, selectedItem: u } = n;
+        o && u && (o.scrollTop = o.scrollTop + u.offsetHeight);
+      }
+    }
+  ) : null;
+});
+dn.displayName = Ye;
+var fn = s.forwardRef((e, t) => {
+  const { __scopeSelect: n, onAutoScroll: r, ...a } = e, i = ae("SelectScrollButton", n), c = s.useRef(null), o = Ae(n), u = s.useCallback(() => {
+    c.current !== null && (window.clearInterval(c.current), c.current = null);
+  }, []);
+  return s.useEffect(() => () => u(), [u]), X(() => {
+    var g;
+    const d = o().find((S) => S.ref.current === document.activeElement);
+    (g = d == null ? void 0 : d.ref.current) == null || g.scrollIntoView({ block: "nearest" });
+  }, [o]), /* @__PURE__ */ v(
+    O.div,
+    {
+      "aria-hidden": !0,
+      ...a,
+      ref: t,
+      style: { flexShrink: 0, ...a.style },
+      onPointerDown: B(a.onPointerDown, () => {
+        c.current === null && (c.current = window.setInterval(r, 50));
+      }),
+      onPointerMove: B(a.onPointerMove, () => {
+        var d;
+        (d = i.onItemLeave) == null || d.call(i), c.current === null && (c.current = window.setInterval(r, 50));
+      }),
+      onPointerLeave: B(a.onPointerLeave, () => {
+        u();
+      })
+    }
+  );
+}), xo = "SelectSeparator", _o = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...r } = e;
+    return /* @__PURE__ */ v(O.div, { "aria-hidden": !0, ...r, ref: t });
+  }
+);
+_o.displayName = xo;
+var je = "SelectArrow", Eo = s.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: n, ...r } = e, a = Oe(n), i = oe(je, n), c = ae(je, n);
+    return i.open && c.position === "popper" ? /* @__PURE__ */ v(Nr, { ...a, ...r, ref: t }) : null;
+  }
+);
+Eo.displayName = je;
+function pn(e) {
+  return e === "" || e === void 0;
+}
+var mn = s.forwardRef(
+  (e, t) => {
+    const { value: n, ...r } = e, a = s.useRef(null), i = K(t, a), c = Bn(n);
+    return s.useEffect(() => {
+      const o = a.current, u = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        u,
+        "value"
+      ).set;
+      if (c !== n && g) {
+        const S = new Event("change", { bubbles: !0 });
+        g.call(o, n), o.dispatchEvent(S);
+      }
+    }, [c, n]), /* @__PURE__ */ v(Bt, { asChild: !0, children: /* @__PURE__ */ v("select", { ...r, ref: i, defaultValue: n }) });
+  }
+);
+mn.displayName = "BubbleSelect";
+function hn(e) {
+  const t = pe(e), n = s.useRef(""), r = s.useRef(0), a = s.useCallback(
+    (c) => {
+      const o = n.current + c;
+      t(o), function u(d) {
+        n.current = d, window.clearTimeout(r.current), d !== "" && (r.current = window.setTimeout(() => u(""), 1e3));
+      }(o);
+    },
+    [t]
+  ), i = s.useCallback(() => {
+    n.current = "", window.clearTimeout(r.current);
+  }, []);
+  return s.useEffect(() => () => window.clearTimeout(r.current), []), [n, a, i];
+}
+function vn(e, t, n) {
+  const a = t.length > 1 && Array.from(t).every((d) => d === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1;
+  let c = Po(e, Math.max(i, 0));
+  a.length === 1 && (c = c.filter((d) => d !== n));
+  const u = c.find(
+    (d) => d.textValue.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return u !== n ? u : void 0;
+}
+function Po(e, t) {
+  return e.map((n, r) => e[(t + r) % e.length]);
+}
+var Ro = Ut, To = Yt, No = Xt, Io = Gt, Ao = Zt, Oo = qt, Mo = tn, Lo = an, Do = sn, ko = ln, Bo = un, Fo = dn, gn = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, ft = D.createContext && D.createContext(gn), re = function() {
+  return re = Object.assign || function(e) {
+    for (var t, n = 1, r = arguments.length; n < r; n++) {
+      t = arguments[n];
+      for (var a in t) Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
+    }
+    return e;
+  }, re.apply(this, arguments);
+}, Wo = function(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
+    t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
+  return n;
+};
+function Sn(e) {
+  return e && e.map(function(t, n) {
+    return D.createElement(t.tag, re({
+      key: n
+    }, t.attr), Sn(t.child));
+  });
+}
+function wn(e) {
+  return function(t) {
+    return D.createElement(zo, re({
+      attr: re({}, e.attr)
+    }, t), Sn(e.child));
+  };
+}
+function zo(e) {
+  var t = function(n) {
+    var r = e.attr, a = e.size, i = e.title, c = Wo(e, ["attr", "size", "title"]), o = a || n.size || "1em", u;
+    return n.className && (u = n.className), e.className && (u = (u ? u + " " : "") + e.className), D.createElement("svg", re({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, r, c, {
+      className: u,
+      style: re(re({
+        color: e.color || n.color
+      }, n.style), e.style),
+      height: o,
+      width: o,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), i && D.createElement("title", null, i), e.children);
+  };
+  return ft !== void 0 ? D.createElement(ft.Consumer, null, function(n) {
+    return t(n);
+  }) : t(gn);
+}
+function pt(e) {
+  return wn({ 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 Vo(e) {
+  return wn({ 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 Ho = "cfxui__Select__trigger__232e4", $o = "cfxui__Select__fullWidth__739d7", Uo = "cfxui__Select__icon__36b6c", Ko = "cfxui__Select__content__067da", Yo = "cfxui__Select__app__e0114", jo = "cfxui__Select__arrow__8e7eb", Xo = "cfxui__Select__option__2de5d", Go = "cfxui__Select__tickIcon__71e80", j = {
+  trigger: Ho,
+  fullWidth: $o,
+  icon: Uo,
+  content: Ko,
+  app: Yo,
+  arrow: jo,
+  option: Xo,
+  tickIcon: Go,
+  "select-size-initial-large": "cfxui__Select__select-size-initial-large__5e47d",
+  "select-size-initial-small": "cfxui__Select__select-size-initial-small__5ae12",
+  "select-size-small-large": "cfxui__Select__select-size-small-large__79811",
+  "select-size-small-small": "cfxui__Select__select-size-small-small__1c10c",
+  "select-size-small-medium-large": "cfxui__Select__select-size-small-medium-large__0bc35",
+  "select-size-small-medium-small": "cfxui__Select__select-size-small-medium-small__82515",
+  "select-size-medium-large": "cfxui__Select__select-size-medium-large__e0eb0",
+  "select-size-medium-small": "cfxui__Select__select-size-medium-small__2c904",
+  "select-size-medium-large-large": "cfxui__Select__select-size-medium-large-large__a66c1",
+  "select-size-medium-large-small": "cfxui__Select__select-size-medium-large-small__7dce3",
+  "select-size-large-large": "cfxui__Select__select-size-large-large__88062",
+  "select-size-large-small": "cfxui__Select__select-size-large-small__fb50b",
+  "select-size-xlarge-large": "cfxui__Select__select-size-xlarge-large__5abb1",
+  "select-size-xlarge-small": "cfxui__Select__select-size-xlarge-small__5ddbb"
+}, da = D.forwardRef(function(t) {
+  const {
+    value: n,
+    options: r,
+    onChange: a,
+    size: i = "normal",
+    placeholder: c,
+    disabled: o = !1,
+    fullWidth: u = !1,
+    className: d
+  } = t, [g, S] = D.useState(!1), w = Hn.getResponsiveFlatClassnames("select-size", i).map((l) => j[l]), y = Me(
+    d,
+    j.trigger,
+    w,
+    {
+      [j.disabled]: o,
+      [j.fullWidth]: u
+    }
+  ), f = Me(
+    j.content,
+    w
+  );
+  return /* @__PURE__ */ ne(Ro, { value: n, onValueChange: a, onOpenChange: S, open: g, children: [
+    /* @__PURE__ */ ne(To, { disabled: o, className: y, children: [
+      /* @__PURE__ */ v(No, { placeholder: c }),
+      /* @__PURE__ */ v(Io, { className: j.icon, children: /* @__PURE__ */ v(pt, {}) })
+    ] }),
+    /* @__PURE__ */ v(Ao, { children: /* @__PURE__ */ ne(Oo, { className: f, children: [
+      /* @__PURE__ */ v(Bo, { className: j.arrow, children: /* @__PURE__ */ v(Vo, {}) }),
+      /* @__PURE__ */ v(Mo, { children: r.map((l) => /* @__PURE__ */ ne(Lo, { value: l.value, className: Me(j.option), children: [
+        /* @__PURE__ */ v(Do, { children: l.label }),
+        /* @__PURE__ */ v(ko, { className: j.indicator, children: /* @__PURE__ */ v(Vn, { name: "Tick", className: j.tickIcon }) })
+      ] }, l.value)) }),
+      /* @__PURE__ */ v(Fo, { className: j.arrow, children: /* @__PURE__ */ v(pt, {}) })
+    ] }) })
+  ] });
+});
 export {
-  e as ICON_SIZE_MAP,
-  I as Select
+  da as Select
 };