@cfx-dev/ui-components 4.2.24 → 4.3.0

package/dist/components/Select/Select.js

@@ -1,1132 +1,149 @@
-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, i as kn, e as Ge } from "../../index-Bz27DCHt.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 { clsx as Me } from "../../utils/clsx.js";
-import { ui as Hn } from "../../utils/ui/ui.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"
-            }
-          }
-        )
-      }
-    )
-  );
+import { jsx as i, jsxs as $, Fragment as Pe } from "react/jsx-runtime";
+import * as l from "react";
+import q from "react";
+import { R as ft, r as De } from "../../index-Cl_RnsqN.js";
+import { c as Ee } from "../../index-rKs9bXHr.js";
+import { a as K, P as N, d as Oe, c as mt, u as B, e as P, b as ht } from "../../index-BHuChyf5.js";
+import { u as gt, c as vt } from "../../index-DZEAOJqB.js";
+import { c as Le, R as _t, u as Ne, A as St, a as wt, h as xt, b as yt, d as Ct, F as It, D as Tt, C as bt, e as Pt } from "../../Combination-CSgOhzm-.js";
+import { u as Nt } from "../../index-BZPx6jYI.js";
+import { Icon as Rt } from "../Icon/Icon.js";
+import { clsx as xe } from "../../utils/clsx.js";
+import { ui as Et } from "../../utils/ui/ui.js";
+var Ot = "Portal", ke = l.forwardRef((t, o) => {
+  var a;
+  const { container: e, ...r } = t, [n, d] = l.useState(!1);
+  K(() => d(!0), []);
+  const c = e || n && ((a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : a.body);
+  return c ? ft.createPortal(/* @__PURE__ */ i(N.div, { ...r, ref: o }), c) : null;
 });
-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,
+ke.displayName = Ot;
+var ze = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.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"
+}), Mt = "VisuallyHidden", At = l.forwardRef(
+  (t, o) => /* @__PURE__ */ i(
+    N.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
-      }
+      ...t,
+      ref: o,
+      style: { ...ze, ...t.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) => {
+At.displayName = Mt;
+var Dt = [" ", "Enter", "ArrowUp", "ArrowDown"], Lt = [" ", "Enter"], oe = "Select", [pe, fe, kt] = vt(oe), [le, Bo] = mt(oe, [
+  kt,
+  Le
+]), me = Le(), [zt, Z] = le(oe), [Bt, Vt] = le(oe), Be = (t) => {
   const {
-    __scopeSelect: t,
-    children: n,
+    __scopeSelect: o,
+    children: e,
     open: r,
-    defaultOpen: a,
-    onOpenChange: i,
+    defaultOpen: n,
+    onOpenChange: d,
     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({
+    defaultValue: a,
+    onValueChange: s,
+    dir: p,
+    name: v,
+    autoComplete: _,
+    disabled: T,
+    required: b,
+    form: S
+  } = t, u = me(o), [g, y] = l.useState(null), [f, h] = l.useState(null), [M, A] = l.useState(!1), se = gt(p), [R, k] = Oe({
     prop: r,
-    defaultProp: a,
-    onChange: i
-  }), [N, k] = et({
+    defaultProp: n ?? !1,
+    onChange: d,
+    caller: oe
+  }), [j, Q] = Oe({
     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,
+    defaultProp: a,
+    onChange: s,
+    caller: oe
+  }), V = l.useRef(null), H = g ? S || !!g.closest("form") : !0, [G, W] = l.useState(/* @__PURE__ */ new Set()), F = Array.from(G).map((E) => E.props.value).join(";");
+  return /* @__PURE__ */ i(_t, { ...u, children: /* @__PURE__ */ $(
+    zt,
     {
-      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,
+      required: b,
+      scope: o,
+      trigger: g,
+      onTriggerChange: y,
+      valueNode: f,
+      onValueNodeChange: h,
+      valueNodeHasChildren: M,
+      onValueNodeHasChildrenChange: A,
+      contentId: Ne(),
+      value: j,
+      onValueChange: Q,
+      open: R,
+      onOpenChange: k,
+      dir: se,
+      triggerPointerDownPosRef: V,
+      disabled: T,
       children: [
-        /* @__PURE__ */ v(Ie.Provider, { scope: t, children: /* @__PURE__ */ v(
-          lo,
+        /* @__PURE__ */ i(pe.Provider, { scope: o, children: /* @__PURE__ */ i(
+          Bt,
           {
-            scope: e.__scopeSelect,
-            onNativeOptionAdd: s.useCallback((M) => {
-              W((U) => new Set(U).add(M));
+            scope: t.__scopeSelect,
+            onNativeOptionAdd: l.useCallback((E) => {
+              W((z) => new Set(z).add(E));
             }, []),
-            onNativeOptionRemove: s.useCallback((M) => {
-              W((U) => {
-                const F = new Set(U);
-                return F.delete(M), F;
+            onNativeOptionRemove: l.useCallback((E) => {
+              W((z) => {
+                const U = new Set(z);
+                return U.delete(E), U;
               });
             }, []),
-            children: n
+            children: e
           }
         ) }),
-        G ? /* @__PURE__ */ ne(
-          mn,
+        H ? /* @__PURE__ */ $(
+          st,
           {
             "aria-hidden": !0,
-            required: y,
+            required: b,
             tabIndex: -1,
-            name: g,
-            autoComplete: S,
-            value: N,
-            onChange: (M) => k(M.target.value),
-            disabled: w,
+            name: v,
+            autoComplete: _,
+            value: j,
+            onChange: (E) => Q(E.target.value),
+            disabled: T,
+            form: S,
             children: [
-              N === void 0 ? /* @__PURE__ */ v("option", { value: "" }) : null,
-              Array.from($)
+              j === void 0 ? /* @__PURE__ */ i("option", { value: "" }) : null,
+              Array.from(G)
             ]
           },
-          Z
+          F
         ) : 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());
+Be.displayName = oe;
+var Ve = "SelectTrigger", He = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, disabled: r = !1, ...n } = t, d = me(e), c = Z(Ve, e), a = c.disabled || r, s = B(o, c.onTriggerChange), p = fe(e), v = l.useRef("touch"), [_, T, b] = at((u) => {
+      const g = p().filter((h) => !h.disabled), y = g.find((h) => h.value === c.value), f = it(g, u, y);
+      f !== void 0 && c.onValueChange(f.value);
+    }), S = (u) => {
+      a || (c.onOpenChange(!0), b()), u && (c.triggerPointerDownPosRef.current = {
+        x: Math.round(u.pageX),
+        y: Math.round(u.pageY)
+      });
     };
-    return /* @__PURE__ */ v(Rr, { asChild: !0, ...i, children: /* @__PURE__ */ v(
-      O.button,
+    return /* @__PURE__ */ i(St, { asChild: !0, ...d, children: /* @__PURE__ */ i(
+      N.button,
       {
         type: "button",
         role: "combobox",
@@ -1136,230 +153,228 @@ var Kt = "SelectTrigger", Yt = s.forwardRef(
         "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();
+        disabled: a,
+        "data-disabled": a ? "" : void 0,
+        "data-placeholder": ct(c.value) ? "" : void 0,
+        ...n,
+        ref: s,
+        onClick: P(n.onClick, (u) => {
+          u.currentTarget.focus(), v.current !== "mouse" && S(u);
         }),
-        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());
+        onPointerDown: P(n.onPointerDown, (u) => {
+          v.current = u.pointerType;
+          const g = u.target;
+          g.hasPointerCapture(u.pointerId) && g.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (S(u), u.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());
+        onKeyDown: P(n.onKeyDown, (u) => {
+          const g = _.current !== "";
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && T(u.key), !(g && u.key === " ") && Dt.includes(u.key) && (S(), u.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,
+He.displayName = Ve;
+var We = "SelectValue", Fe = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, className: r, style: n, children: d, placeholder: c = "", ...a } = t, s = Z(We, e), { onValueNodeHasChildrenChange: p } = s, v = d !== void 0, _ = B(o, s.onValueNodeChange);
+    return K(() => {
+      p(v);
+    }, [p, v]), /* @__PURE__ */ i(
+      N.span,
       {
-        ...o,
-        ref: S,
+        ...a,
+        ref: _,
         style: { pointerEvents: "none" },
-        children: pn(u.value) ? /* @__PURE__ */ v(Xe, { children: c }) : i
+        children: ct(s.value) ? /* @__PURE__ */ i(Pe, { children: c }) : d
       }
     );
   }
 );
-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 || "▼" });
+Fe.displayName = We;
+var Ht = "SelectIcon", Ue = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, children: r, ...n } = t;
+    return /* @__PURE__ */ i(N.span, { "aria-hidden": !0, ...n, ref: o, 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
+Ue.displayName = Ht;
+var Wt = "SelectPortal", Ke = (t) => /* @__PURE__ */ i(ke, { asChild: !0, ...t });
+Ke.displayName = Wt;
+var ne = "SelectContent", je = l.forwardRef(
+  (t, o) => {
+    const e = Z(ne, t.__scopeSelect), [r, n] = l.useState();
+    if (K(() => {
+      n(new DocumentFragment());
+    }, []), !e.open) {
+      const d = r;
+      return d ? De.createPortal(
+        /* @__PURE__ */ i(Ge, { scope: t.__scopeSelect, children: /* @__PURE__ */ i(pe.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ i("div", { children: t.children }) }) }),
+        d
       ) : null;
     }
-    return /* @__PURE__ */ v(Jt, { ...e, ref: t });
+    return /* @__PURE__ */ i(Ye, { ...t, ref: o });
   }
 );
-qt.displayName = ie;
-var J = 10, [Qt, ae] = me(ie), mo = "SelectContentImpl", Jt = s.forwardRef(
-  (e, t) => {
+je.displayName = ne;
+var L = 10, [Ge, J] = le(ne), Ft = "SelectContentImpl", Ut = ht("SelectContent.RemoveScroll"), Ye = l.forwardRef(
+  (t, o) => {
     const {
-      __scopeSelect: n,
+      __scopeSelect: e,
       position: r = "item-aligned",
-      onCloseAutoFocus: a,
-      onEscapeKeyDown: i,
+      onCloseAutoFocus: n,
+      onEscapeKeyDown: d,
       onPointerDownOutside: c,
       //
       // PopperContent props
-      side: o,
-      sideOffset: u,
-      align: d,
-      alignOffset: g,
-      arrowPadding: S,
-      collisionBoundary: w,
-      collisionPadding: y,
-      sticky: f,
-      hideWhenDetached: l,
-      avoidCollisions: h,
+      side: a,
+      sideOffset: s,
+      align: p,
+      alignOffset: v,
+      arrowPadding: _,
+      collisionBoundary: T,
+      collisionPadding: b,
+      sticky: S,
+      hideWhenDetached: u,
+      avoidCollisions: g,
       //
-      ...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(
+      ...y
+    } = t, f = Z(ne, e), [h, M] = l.useState(null), [A, se] = l.useState(null), R = B(o, (m) => M(m)), [k, j] = l.useState(null), [Q, V] = l.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;
+    ), H = fe(e), [G, W] = l.useState(!1), F = l.useRef(!1);
+    l.useEffect(() => {
+      if (h) return xt(h);
+    }, [h]), yt();
+    const E = l.useCallback(
+      (m) => {
+        const [I, ...O] = H().map((x) => x.ref.current), [C] = O.slice(-1), w = document.activeElement;
+        for (const x of m)
+          if (x === w || (x == null || x.scrollIntoView({ block: "nearest" }), x === I && A && (A.scrollTop = 0), x === C && A && (A.scrollTop = A.scrollHeight), x == null || x.focus(), document.activeElement !== w)) return;
       },
-      [$, E]
-    ), F = s.useCallback(
-      () => U([N, C]),
-      [U, N, C]
+      [H, A]
+    ), z = l.useCallback(
+      () => E([k, h]),
+      [E, k, h]
     );
-    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.useEffect(() => {
+      G && z();
+    }, [G, z]);
+    const { onOpenChange: U, triggerPointerDownPosRef: Y } = f;
+    l.useEffect(() => {
+      if (h) {
+        let m = { x: 0, y: 0 };
+        const I = (C) => {
+          var w, x;
+          m = {
+            x: Math.abs(Math.round(C.pageX) - (((w = Y.current) == null ? void 0 : w.x) ?? 0)),
+            y: Math.abs(Math.round(C.pageY) - (((x = Y.current) == null ? void 0 : x.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;
+        }, O = (C) => {
+          m.x <= 10 && m.y <= 10 ? C.preventDefault() : h.contains(C.target) || U(!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 });
+        return Y.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", O, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", O, { 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);
+    }, [h, U, Y]), l.useEffect(() => {
+      const m = () => U(!1);
+      return window.addEventListener("blur", m), window.addEventListener("resize", m), () => {
+        window.removeEventListener("blur", m), window.removeEventListener("resize", m);
       };
-    }, [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));
+    }, [U]);
+    const [he, ie] = at((m) => {
+      const I = H().filter((w) => !w.disabled), O = I.find((w) => w.ref.current === document.activeElement), C = it(I, m, O);
+      C && setTimeout(() => C.ref.current.focus());
+    }), ge = l.useCallback(
+      (m, I, O) => {
+        const C = !F.current && !O;
+        (f.value !== void 0 && f.value === I || C) && (j(m), C && (F.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);
+      [f.value]
+    ), ve = l.useCallback(() => h == null ? void 0 : h.focus(), [h]), re = l.useCallback(
+      (m, I, O) => {
+        const C = !F.current && !O;
+        (f.value !== void 0 && f.value === I || C) && V(m);
       },
-      [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
+      [f.value]
+    ), de = r === "popper" ? ye : $e, ce = de === ye ? {
+      side: a,
+      sideOffset: s,
+      align: p,
+      alignOffset: v,
+      arrowPadding: _,
+      collisionBoundary: T,
+      collisionPadding: b,
+      sticky: S,
+      hideWhenDetached: u,
+      avoidCollisions: g
     } : {};
-    return /* @__PURE__ */ v(
-      Qt,
+    return /* @__PURE__ */ i(
+      Ge,
       {
-        scope: n,
-        content: C,
-        viewport: E,
-        onViewportChange: A,
-        itemRefCallback: ve,
-        selectedItem: N,
-        onItemLeave: ge,
-        itemTextRefCallback: ee,
-        focusSelectedItem: F,
-        selectedItemText: H,
+        scope: e,
+        content: h,
+        viewport: A,
+        onViewportChange: se,
+        itemRefCallback: ge,
+        selectedItem: k,
+        onItemLeave: ve,
+        itemTextRefCallback: re,
+        focusSelectedItem: z,
+        selectedItemText: Q,
         position: r,
-        isPositioned: W,
+        isPositioned: G,
         searchRef: he,
-        children: /* @__PURE__ */ v($t, { as: ze, allowPinchZoom: !0, children: /* @__PURE__ */ v(
-          bt,
+        children: /* @__PURE__ */ i(Ct, { as: Ut, allowPinchZoom: !0, children: /* @__PURE__ */ i(
+          It,
           {
             asChild: !0,
-            trapped: m.open,
-            onMountAutoFocus: (b) => {
-              b.preventDefault();
+            trapped: f.open,
+            onMountAutoFocus: (m) => {
+              m.preventDefault();
             },
-            onUnmountAutoFocus: B(a, (b) => {
+            onUnmountAutoFocus: P(n, (m) => {
               var I;
-              (I = m.trigger) == null || I.focus({ preventScroll: !0 }), b.preventDefault();
+              (I = f.trigger) == null || I.focus({ preventScroll: !0 }), m.preventDefault();
             }),
-            children: /* @__PURE__ */ v(
-              yt,
+            children: /* @__PURE__ */ i(
+              Tt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: i,
+                onEscapeKeyDown: d,
                 onPointerDownOutside: c,
-                onFocusOutside: (b) => b.preventDefault(),
-                onDismiss: () => m.onOpenChange(!1),
-                children: /* @__PURE__ */ v(
-                  le,
+                onFocusOutside: (m) => m.preventDefault(),
+                onDismiss: () => f.onOpenChange(!1),
+                children: /* @__PURE__ */ i(
+                  de,
                   {
                     role: "listbox",
-                    id: m.contentId,
-                    "data-state": m.open ? "open" : "closed",
-                    dir: m.dir,
-                    onContextMenu: (b) => b.preventDefault(),
-                    ...p,
-                    ...se,
-                    onPlaced: () => Z(!0),
-                    ref: _,
+                    id: f.contentId,
+                    "data-state": f.open ? "open" : "closed",
+                    dir: f.dir,
+                    onContextMenu: (m) => m.preventDefault(),
+                    ...y,
+                    ...ce,
+                    onPlaced: () => W(!0),
+                    ref: R,
                     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
+                      ...y.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);
+                    onKeyDown: P(y.onKeyDown, (m) => {
+                      const I = m.ctrlKey || m.altKey || m.metaKey;
+                      if (m.key === "Tab" && m.preventDefault(), !I && m.key.length === 1 && ie(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
+                        let C = H().filter((w) => !w.disabled).map((w) => w.ref.current);
+                        if (["ArrowUp", "End"].includes(m.key) && (C = C.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
+                          const w = m.target, x = C.indexOf(w);
+                          C = C.slice(x + 1);
                         }
-                        setTimeout(() => U(T)), b.preventDefault();
+                        setTimeout(() => E(C)), m.preventDefault();
                       }
                     })
                   }
@@ -1372,92 +387,103 @@ var J = 10, [Qt, ae] = me(ie), mo = "SelectContentImpl", Jt = s.forwardRef(
     );
   }
 );
-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";
+Ye.displayName = Ft;
+var Kt = "SelectItemAlignedPosition", $e = l.forwardRef((t, o) => {
+  const { __scopeSelect: e, onPlaced: r, ...n } = t, d = Z(ne, e), c = J(ne, e), [a, s] = l.useState(null), [p, v] = l.useState(null), _ = B(o, (R) => v(R)), T = fe(e), b = l.useRef(!1), S = l.useRef(!0), { viewport: u, selectedItem: g, selectedItemText: y, focusSelectedItem: f } = c, h = l.useCallback(() => {
+    if (d.trigger && d.valueNode && a && p && u && g && y) {
+      const R = d.trigger.getBoundingClientRect(), k = p.getBoundingClientRect(), j = d.valueNode.getBoundingClientRect(), Q = y.getBoundingClientRect();
+      if (d.dir !== "rtl") {
+        const w = Q.left - k.left, x = j.left - w, ee = R.left - x, te = R.width + ee, _e = Math.max(te, k.width), Se = window.innerWidth - L, we = Ee(x, [
+          L,
+          // Prevents the content from going off the starting edge of the
+          // viewport. It may still go off the ending edge, but this can be
+          // controlled by the user since they may want to manage overflow in a
+          // specific way.
+          // https://github.com/radix-ui/primitives/issues/2049
+          Math.max(L, Se - _e)
+        ]);
+        a.style.minWidth = te + "px", a.style.left = we + "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 w = k.right - Q.right, x = window.innerWidth - j.right - w, ee = window.innerWidth - R.right - x, te = R.width + ee, _e = Math.max(te, k.width), Se = window.innerWidth - L, we = Ee(x, [
+          L,
+          Math.max(L, Se - _e)
+        ]);
+        a.style.minWidth = te + "px", a.style.right = we + "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";
+      const V = T(), H = window.innerHeight - L * 2, G = u.scrollHeight, W = window.getComputedStyle(p), F = parseInt(W.borderTopWidth, 10), E = parseInt(W.paddingTop, 10), z = parseInt(W.borderBottomWidth, 10), U = parseInt(W.paddingBottom, 10), Y = F + E + G + U + z, he = Math.min(g.offsetHeight * 5, Y), ie = window.getComputedStyle(u), ge = parseInt(ie.paddingTop, 10), ve = parseInt(ie.paddingBottom, 10), re = R.top + R.height / 2 - L, de = H - re, ce = g.offsetHeight / 2, m = g.offsetTop + ce, I = F + E + m, O = Y - I;
+      if (I <= re) {
+        const w = V.length > 0 && g === V[V.length - 1].ref.current;
+        a.style.bottom = "0px";
+        const x = p.clientHeight - u.offsetTop - u.offsetHeight, ee = Math.max(
+          de,
+          ce + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (w ? ve : 0) + x + z
+        ), te = I + ee;
+        a.style.height = te + "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;
+        const w = V.length > 0 && g === V[0].ref.current;
+        a.style.top = "0px";
+        const ee = Math.max(
+          re,
+          F + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (w ? ge : 0) + ce
+        ) + O;
+        a.style.height = ee + "px", u.scrollTop = I - re + u.offsetTop;
       }
-      o.style.margin = `${J}px 0`, o.style.minHeight = he + "px", o.style.maxHeight = $ + "px", r == null || r(), requestAnimationFrame(() => y.current = !0);
+      a.style.margin = `${L}px 0`, a.style.minHeight = he + "px", a.style.maxHeight = H + "px", r == null || r(), requestAnimationFrame(() => b.current = !0);
     }
   }, [
-    w,
-    i.trigger,
-    i.valueNode,
-    o,
-    d,
-    l,
-    h,
+    T,
+    d.trigger,
+    d.valueNode,
+    a,
     p,
-    i.dir,
+    u,
+    g,
+    y,
+    d.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);
+  K(() => h(), [h]);
+  const [M, A] = l.useState();
+  K(() => {
+    p && A(window.getComputedStyle(p).zIndex);
+  }, [p]);
+  const se = l.useCallback(
+    (R) => {
+      R && S.current === !0 && (h(), f == null || f(), S.current = !1);
     },
-    [C, m]
+    [h, f]
   );
-  return /* @__PURE__ */ v(
-    go,
+  return /* @__PURE__ */ i(
+    Gt,
     {
-      scope: n,
-      contentWrapper: o,
-      shouldExpandOnScrollRef: y,
-      onScrollButtonChange: A,
-      children: /* @__PURE__ */ v(
+      scope: e,
+      contentWrapper: a,
+      shouldExpandOnScrollRef: b,
+      onScrollButtonChange: se,
+      children: /* @__PURE__ */ i(
         "div",
         {
-          ref: u,
+          ref: s,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
-            zIndex: x
+            zIndex: M
           },
-          children: /* @__PURE__ */ v(
-            O.div,
+          children: /* @__PURE__ */ i(
+            N.div,
             {
-              ...a,
-              ref: S,
+              ...n,
+              ref: _,
               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
+                ...n.style
               }
             }
           )
@@ -1466,26 +492,26 @@ var ho = "SelectItemAlignedPosition", en = s.forwardRef((e, t) => {
     }
   );
 });
-en.displayName = ho;
-var vo = "SelectPopperPosition", $e = s.forwardRef((e, t) => {
+$e.displayName = Kt;
+var jt = "SelectPopperPosition", ye = l.forwardRef((t, o) => {
   const {
-    __scopeSelect: n,
+    __scopeSelect: e,
     align: r = "start",
-    collisionPadding: a = J,
-    ...i
-  } = e, c = Oe(n);
-  return /* @__PURE__ */ v(
-    Tr,
+    collisionPadding: n = L,
+    ...d
+  } = t, c = me(e);
+  return /* @__PURE__ */ i(
+    bt,
     {
       ...c,
-      ...i,
-      ref: t,
+      ...d,
+      ref: o,
       align: r,
-      collisionPadding: a,
+      collisionPadding: n,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
-        ...i.style,
+        ...d.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)",
@@ -1495,12 +521,12 @@ var vo = "SelectPopperPosition", $e = s.forwardRef((e, t) => {
     }
   );
 });
-$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(
+ye.displayName = jt;
+var [Gt, Re] = le(ne, {}), Ce = "SelectViewport", qe = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, nonce: r, ...n } = t, d = J(Ce, e), c = Re(Ce, e), a = B(o, d.onViewportChange), s = l.useRef(0);
+    return /* @__PURE__ */ $(Pe, { children: [
+      /* @__PURE__ */ i(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -1509,122 +535,134 @@ var [go, Qe] = me(ie, {}), Ue = "SelectViewport", tn = s.forwardRef(
           nonce: r
         }
       ),
-      /* @__PURE__ */ v(Ie.Slot, { scope: n, children: /* @__PURE__ */ v(
-        O.div,
+      /* @__PURE__ */ i(pe.Slot, { scope: e, children: /* @__PURE__ */ i(
+        N.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...a,
-          ref: o,
+          ...n,
+          ref: a,
           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
+            // Viewport should only be scrollable in the vertical direction.
+            // This won't work in vertical writing modes, so we'll need to
+            // revisit this if/when that is supported
+            // https://developer.chrome.com/blog/vertical-form-controls
+            overflow: "hidden auto",
+            ...n.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");
+          onScroll: P(n.onScroll, (p) => {
+            const v = p.currentTarget, { contentWrapper: _, shouldExpandOnScrollRef: T } = c;
+            if (T != null && T.current && _) {
+              const b = Math.abs(s.current - v.scrollTop);
+              if (b > 0) {
+                const S = window.innerHeight - L * 2, u = parseFloat(_.style.minHeight), g = parseFloat(_.style.height), y = Math.max(u, g);
+                if (y < S) {
+                  const f = y + b, h = Math.min(S, f), M = f - h;
+                  _.style.height = h + "px", _.style.bottom === "0px" && (v.scrollTop = M > 0 ? M : 0, _.style.justifyContent = "flex-end");
                 }
               }
             }
-            u.current = g.scrollTop;
+            s.current = v.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 }) });
+qe.displayName = Ce;
+var Xe = "SelectGroup", [Yt, $t] = le(Xe), qt = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...r } = t, n = Ne();
+    return /* @__PURE__ */ i(Yt, { scope: e, id: n, children: /* @__PURE__ */ i(N.div, { role: "group", "aria-labelledby": n, ...r, ref: o }) });
   }
 );
-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 });
+qt.displayName = Xe;
+var Ze = "SelectLabel", Xt = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...r } = t, n = $t(Ze, e);
+    return /* @__PURE__ */ i(N.div, { id: n.id, ...r, ref: o });
   }
 );
-Co.displayName = rn;
-var Te = "SelectItem", [bo, on] = me(Te), an = s.forwardRef(
-  (e, t) => {
+Xt.displayName = Ze;
+var ue = "SelectItem", [Zt, Je] = le(ue), Qe = l.forwardRef(
+  (t, o) => {
     const {
-      __scopeSelect: n,
+      __scopeSelect: e,
       value: r,
-      disabled: a = !1,
-      textValue: i,
+      disabled: n = !1,
+      textValue: d,
       ...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);
+    } = t, a = Z(ue, e), s = J(ue, e), p = a.value === r, [v, _] = l.useState(d ?? ""), [T, b] = l.useState(!1), S = B(
+      o,
+      (f) => {
+        var h;
+        return (h = s.itemRefCallback) == null ? void 0 : h.call(s, f, r, n);
       }
-    ), l = Ge(), h = () => {
-      a || (o.onValueChange(r), o.onOpenChange(!1));
+    ), u = Ne(), g = l.useRef("touch"), y = () => {
+      n || (a.onValueChange(r), a.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,
+    return /* @__PURE__ */ i(
+      Zt,
       {
-        scope: n,
+        scope: e,
         value: r,
-        disabled: a,
-        textId: l,
-        isSelected: d,
-        onItemTextChange: s.useCallback((p) => {
-          S((m) => m || ((p == null ? void 0 : p.textContent) ?? "").trim());
+        disabled: n,
+        textId: u,
+        isSelected: p,
+        onItemTextChange: l.useCallback((f) => {
+          _((h) => h || ((f == null ? void 0 : f.textContent) ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ v(
-          Ie.ItemSlot,
+        children: /* @__PURE__ */ i(
+          pe.ItemSlot,
           {
-            scope: n,
+            scope: e,
             value: r,
-            disabled: a,
-            textValue: g,
-            children: /* @__PURE__ */ v(
-              O.div,
+            disabled: n,
+            textValue: v,
+            children: /* @__PURE__ */ i(
+              N.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,
+                "aria-labelledby": u,
+                "data-highlighted": T ? "" : void 0,
+                "aria-selected": p && T,
+                "data-state": p ? "checked" : "unchecked",
+                "aria-disabled": n || void 0,
+                "data-disabled": n ? "" : void 0,
+                tabIndex: n ? 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 });
+                ref: S,
+                onFocus: P(c.onFocus, () => b(!0)),
+                onBlur: P(c.onBlur, () => b(!1)),
+                onClick: P(c.onClick, () => {
+                  g.current !== "mouse" && y();
+                }),
+                onPointerUp: P(c.onPointerUp, () => {
+                  g.current === "mouse" && y();
+                }),
+                onPointerDown: P(c.onPointerDown, (f) => {
+                  g.current = f.pointerType;
+                }),
+                onPointerMove: P(c.onPointerMove, (f) => {
+                  var h;
+                  g.current = f.pointerType, n ? (h = s.onItemLeave) == null || h.call(s) : g.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: B(c.onPointerLeave, (p) => {
-                  var m;
-                  p.currentTarget === document.activeElement && ((m = u.onItemLeave) == null || m.call(u));
+                onPointerLeave: P(c.onPointerLeave, (f) => {
+                  var h;
+                  f.currentTarget === document.activeElement && ((h = s.onItemLeave) == null || h.call(s));
                 }),
-                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());
+                onKeyDown: P(c.onKeyDown, (f) => {
+                  var M;
+                  ((M = s.searchRef) == null ? void 0 : M.current) !== "" && f.key === " " || (Lt.includes(f.key) && y(), f.key === " " && f.preventDefault());
                 })
               }
             )
@@ -1634,240 +672,250 @@ var Te = "SelectItem", [bo, on] = me(Te), an = s.forwardRef(
     );
   }
 );
-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);
+Qe.displayName = ue;
+var ae = "SelectItemText", et = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, className: r, style: n, ...d } = t, c = Z(ae, e), a = J(ae, e), s = Je(ae, e), p = Vt(ae, e), [v, _] = l.useState(null), T = B(
+      o,
+      (y) => _(y),
+      s.onItemTextChange,
+      (y) => {
+        var f;
+        return (f = a.itemTextRefCallback) == null ? void 0 : f.call(a, y, s.value, s.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
+    ), b = v == null ? void 0 : v.textContent, S = l.useMemo(
+      () => /* @__PURE__ */ i("option", { value: s.value, disabled: s.disabled, children: b }, s.value),
+      [s.disabled, s.value, b]
+    ), { onNativeOptionAdd: u, onNativeOptionRemove: g } = p;
+    return K(() => (u(S), () => g(S)), [u, g, S]), /* @__PURE__ */ $(Pe, { children: [
+      /* @__PURE__ */ i(N.span, { id: s.textId, ...d, ref: T }),
+      s.isSelected && c.valueNode && !c.valueNodeHasChildren ? De.createPortal(d.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;
+et.displayName = ae;
+var tt = "SelectItemIndicator", ot = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...r } = t;
+    return Je(tt, e).isSelected ? /* @__PURE__ */ i(N.span, { "aria-hidden": !0, ...r, ref: o }) : 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);
+ot.displayName = tt;
+var Ie = "SelectScrollUpButton", nt = l.forwardRef((t, o) => {
+  const e = J(Ie, t.__scopeSelect), r = Re(Ie, t.__scopeSelect), [n, d] = l.useState(!1), c = B(o, r.onScrollButtonChange);
+  return K(() => {
+    if (e.viewport && e.isPositioned) {
+      let a = function() {
+        const p = s.scrollTop > 0;
+        d(p);
       };
-      const u = n.viewport;
-      return o(), u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
+      const s = e.viewport;
+      return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
     }
-  }, [n.viewport, n.isPositioned]), a ? /* @__PURE__ */ v(
-    fn,
+  }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ i(
+    lt,
     {
-      ...e,
+      ...t,
       ref: c,
       onAutoScroll: () => {
-        const { viewport: o, selectedItem: u } = n;
-        o && u && (o.scrollTop = o.scrollTop - u.offsetHeight);
+        const { viewport: a, selectedItem: s } = e;
+        a && s && (a.scrollTop = a.scrollTop - s.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);
+nt.displayName = Ie;
+var Te = "SelectScrollDownButton", rt = l.forwardRef((t, o) => {
+  const e = J(Te, t.__scopeSelect), r = Re(Te, t.__scopeSelect), [n, d] = l.useState(!1), c = B(o, r.onScrollButtonChange);
+  return K(() => {
+    if (e.viewport && e.isPositioned) {
+      let a = function() {
+        const p = s.scrollHeight - s.clientHeight, v = Math.ceil(s.scrollTop) < p;
+        d(v);
       };
-      const u = n.viewport;
-      return o(), u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
+      const s = e.viewport;
+      return a(), s.addEventListener("scroll", a), () => s.removeEventListener("scroll", a);
     }
-  }, [n.viewport, n.isPositioned]), a ? /* @__PURE__ */ v(
-    fn,
+  }, [e.viewport, e.isPositioned]), n ? /* @__PURE__ */ i(
+    lt,
     {
-      ...e,
+      ...t,
       ref: c,
       onAutoScroll: () => {
-        const { viewport: o, selectedItem: u } = n;
-        o && u && (o.scrollTop = o.scrollTop + u.offsetHeight);
+        const { viewport: a, selectedItem: s } = e;
+        a && s && (a.scrollTop = a.scrollTop + s.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(() => {
+rt.displayName = Te;
+var lt = l.forwardRef((t, o) => {
+  const { __scopeSelect: e, onAutoScroll: r, ...n } = t, d = J("SelectScrollButton", e), c = l.useRef(null), a = fe(e), s = l.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,
+  return l.useEffect(() => () => s(), [s]), K(() => {
+    var v;
+    const p = a().find((_) => _.ref.current === document.activeElement);
+    (v = p == null ? void 0 : p.ref.current) == null || v.scrollIntoView({ block: "nearest" });
+  }, [a]), /* @__PURE__ */ i(
+    N.div,
     {
       "aria-hidden": !0,
-      ...a,
-      ref: t,
-      style: { flexShrink: 0, ...a.style },
-      onPointerDown: B(a.onPointerDown, () => {
+      ...n,
+      ref: o,
+      style: { flexShrink: 0, ...n.style },
+      onPointerDown: P(n.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));
+      onPointerMove: P(n.onPointerMove, () => {
+        var p;
+        (p = d.onItemLeave) == null || p.call(d), c.current === null && (c.current = window.setInterval(r, 50));
       }),
-      onPointerLeave: B(a.onPointerLeave, () => {
-        u();
+      onPointerLeave: P(n.onPointerLeave, () => {
+        s();
       })
     }
   );
-}), xo = "SelectSeparator", _o = s.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, ...r } = e;
-    return /* @__PURE__ */ v(O.div, { "aria-hidden": !0, ...r, ref: t });
+}), Jt = "SelectSeparator", Qt = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...r } = t;
+    return /* @__PURE__ */ i(N.div, { "aria-hidden": !0, ...r, ref: o });
   }
 );
-_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;
+Qt.displayName = Jt;
+var be = "SelectArrow", eo = l.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...r } = t, n = me(e), d = Z(be, e), c = J(be, e);
+    return d.open && c.position === "popper" ? /* @__PURE__ */ i(Pt, { ...n, ...r, ref: o }) : 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,
+eo.displayName = be;
+var to = "SelectBubbleInput", st = l.forwardRef(
+  ({ __scopeSelect: t, value: o, ...e }, r) => {
+    const n = l.useRef(null), d = B(r, n), c = Nt(o);
+    return l.useEffect(() => {
+      const a = n.current;
+      if (!a) return;
+      const s = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
+        s,
         "value"
       ).set;
-      if (c !== n && g) {
-        const S = new Event("change", { bubbles: !0 });
-        g.call(o, n), o.dispatchEvent(S);
+      if (c !== o && v) {
+        const _ = new Event("change", { bubbles: !0 });
+        v.call(a, o), a.dispatchEvent(_);
+      }
+    }, [c, o]), /* @__PURE__ */ i(
+      N.select,
+      {
+        ...e,
+        style: { ...ze, ...e.style },
+        ref: d,
+        defaultValue: o
       }
-    }, [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(
+st.displayName = to;
+function ct(t) {
+  return t === "" || t === void 0;
+}
+function at(t) {
+  const o = wt(t), e = l.useRef(""), r = l.useRef(0), n = l.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);
+      const a = e.current + c;
+      o(a), function s(p) {
+        e.current = p, window.clearTimeout(r.current), p !== "" && (r.current = window.setTimeout(() => s(""), 1e3));
+      }(a);
     },
-    [t]
-  ), i = s.useCallback(() => {
-    n.current = "", window.clearTimeout(r.current);
+    [o]
+  ), d = l.useCallback(() => {
+    e.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 l.useEffect(() => () => window.clearTimeout(r.current), []), [e, n, d];
+}
+function it(t, o, e) {
+  const n = o.length > 1 && Array.from(o).every((p) => p === o[0]) ? o[0] : o, d = e ? t.indexOf(e) : -1;
+  let c = oo(t, Math.max(d, 0));
+  n.length === 1 && (c = c.filter((p) => p !== e));
+  const s = c.find(
+    (p) => p.textValue.toLowerCase().startsWith(n.toLowerCase())
   );
-  return u !== n ? u : void 0;
+  return s !== e ? s : void 0;
 }
-function Po(e, t) {
-  return e.map((n, r) => e[(t + r) % e.length]);
+function oo(t, o) {
+  return t.map((e, r) => t[(o + r) % t.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 = {
+var no = Be, ro = He, lo = Fe, so = Ue, co = Ke, ao = je, io = qe, uo = Qe, po = et, fo = ot, mo = nt, ho = rt, dt = {
   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]);
+}, Me = q.createContext && q.createContext(dt), X = function() {
+  return X = Object.assign || function(t) {
+    for (var o, e = 1, r = arguments.length; e < r; e++) {
+      o = arguments[e];
+      for (var n in o) Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
     }
-    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;
+    return t;
+  }, X.apply(this, arguments);
+}, go = function(t, o) {
+  var e = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(t); n < r.length; n++)
+    o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[n]) && (e[r[n]] = t[r[n]]);
+  return e;
 };
-function Sn(e) {
-  return e && e.map(function(t, n) {
-    return D.createElement(t.tag, re({
-      key: n
-    }, t.attr), Sn(t.child));
+function ut(t) {
+  return t && t.map(function(o, e) {
+    return q.createElement(o.tag, X({
+      key: e
+    }, o.attr), ut(o.child));
   });
 }
-function wn(e) {
-  return function(t) {
-    return D.createElement(zo, re({
-      attr: re({}, e.attr)
-    }, t), Sn(e.child));
+function pt(t) {
+  return function(o) {
+    return q.createElement(vo, X({
+      attr: X({}, t.attr)
+    }, o), ut(t.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({
+function vo(t) {
+  var o = function(e) {
+    var r = t.attr, n = t.size, d = t.title, c = go(t, ["attr", "size", "title"]), a = n || e.size || "1em", s;
+    return e.className && (s = e.className), t.className && (s = (s ? s + " " : "") + t.className), q.createElement("svg", X({
       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,
+    }, e.attr, r, c, {
+      className: s,
+      style: X(X({
+        color: t.color || e.color
+      }, e.style), t.style),
+      height: a,
+      width: a,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && D.createElement("title", null, i), e.children);
+    }), d && q.createElement("title", null, d), t.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,
+  return Me !== void 0 ? q.createElement(Me.Consumer, null, function(e) {
+    return o(e);
+  }) : o(dt);
+}
+function Ae(t) {
+  return pt({ 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" } }] })(t);
+}
+function _o(t) {
+  return pt({ 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" } }] })(t);
+}
+const So = "cfxui__Select__trigger__232e4", wo = "cfxui__Select__fullWidth__739d7", xo = "cfxui__Select__icon__36b6c", yo = "cfxui__Select__content__067da", Co = "cfxui__Select__app__e0114", Io = "cfxui__Select__arrow__8e7eb", To = "cfxui__Select__option__2de5d", bo = "cfxui__Select__tickIcon__71e80", D = {
+  trigger: So,
+  fullWidth: wo,
+  icon: xo,
+  content: yo,
+  app: Co,
+  arrow: Io,
+  option: To,
+  tickIcon: bo,
   "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",
@@ -1882,43 +930,44 @@ const Ho = "cfxui__Select__trigger__232e4", $o = "cfxui__Select__fullWidth__739d
   "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) {
+};
+function Vo(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,
+    value: o,
+    options: e,
+    onChange: r,
+    size: n = "normal",
+    placeholder: d,
+    disabled: c = !1,
+    fullWidth: a = !1,
+    className: s
+  } = t, [p, v] = q.useState(!1), _ = Et.getResponsiveFlatClassnames("select-size", n).map((S) => D[S]), T = xe(
+    s,
+    D.trigger,
+    _,
     {
-      [j.disabled]: o,
-      [j.fullWidth]: u
+      [D.disabled]: c,
+      [D.fullWidth]: a
     }
-  ), f = Me(
-    j.content,
-    w
+  ), b = xe(
+    D.content,
+    _
   );
-  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, {}) })
+  return /* @__PURE__ */ $(no, { value: o, onValueChange: r, onOpenChange: v, open: p, children: [
+    /* @__PURE__ */ $(ro, { disabled: c, className: T, children: [
+      /* @__PURE__ */ i(lo, { placeholder: d }),
+      /* @__PURE__ */ i(so, { className: D.icon, children: /* @__PURE__ */ i(Ae, {}) })
     ] }),
-    /* @__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, {}) })
+    /* @__PURE__ */ i(co, { children: /* @__PURE__ */ $(ao, { className: b, children: [
+      /* @__PURE__ */ i(mo, { className: D.arrow, children: /* @__PURE__ */ i(_o, {}) }),
+      /* @__PURE__ */ i(io, { children: e.map((S) => /* @__PURE__ */ $(uo, { value: S.value, className: xe(D.option), children: [
+        /* @__PURE__ */ i(po, { children: S.label }),
+        /* @__PURE__ */ i(fo, { className: D.indicator, children: /* @__PURE__ */ i(Rt, { name: "Tick", className: D.tickIcon }) })
+      ] }, S.value)) }),
+      /* @__PURE__ */ i(ho, { className: D.arrow, children: /* @__PURE__ */ i(Ae, {}) })
     ] }) })
   ] });
-});
+}
 export {
-  da as Select
+  Vo as Select
 };