@krosoft/react 0.0.74 → 0.0.76

package/dist/select-B-hcmC3K.js

@@ -0,0 +1,1468 @@
+import { jsx as p, jsxs as se, Fragment as Oe } from "react/jsx-runtime";
+import { c as ee } from "./index-gWiv5-6R.js";
+import * as r from "react";
+import re from "react";
+import * as Me from "react-dom";
+import Zt from "react-dom";
+import { h as De, u as D, d as Se, i as Jt, f as O, j as le, g as Qt, k as eo, a as X, o as to, s as oo, m as no, n as ro, p as so, q as ao, r as io, l as co, v as Le, e as He } from "./floating-ui.react-dom-BPCyLQfI.js";
+import { h as lo, a as uo, R as po, b as fo, u as mo, C as ho } from "./Combination-CzdDhqdB.js";
+import { C as je } from "./chevron-down-ki5-dwtL.js";
+import { c as vo } from "./createLucideIcon-CRdjzt2A.js";
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const go = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], wo = vo("chevron-up", go);
+function Ue(e, [o, t]) {
+  return Math.min(t, Math.max(o, e));
+}
+function So(e) {
+  const o = e + "CollectionProvider", [t, n] = De(o), [a, c] = t(
+    o,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), i = (l) => {
+    const { scope: v, children: g } = l, f = re.useRef(null), m = re.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ p(a, { scope: v, itemMap: m, collectionRef: f, children: g });
+  };
+  i.displayName = o;
+  const s = e + "CollectionSlot", d = Se(s), u = re.forwardRef(
+    (l, v) => {
+      const { scope: g, children: f } = l, m = c(s, g), C = D(v, m.collectionRef);
+      return /* @__PURE__ */ p(d, { ref: C, children: f });
+    }
+  );
+  u.displayName = s;
+  const h = e + "CollectionItemSlot", S = "data-radix-collection-item", x = Se(h), y = re.forwardRef(
+    (l, v) => {
+      const { scope: g, children: f, ...m } = l, C = re.useRef(null), R = D(v, C), _ = c(h, g);
+      return re.useEffect(() => (_.itemMap.set(C, { ref: C, ...m }), () => void _.itemMap.delete(C))), /* @__PURE__ */ p(x, { [S]: "", ref: R, children: f });
+    }
+  );
+  y.displayName = h;
+  function b(l) {
+    const v = c(e + "CollectionConsumer", l);
+    return re.useCallback(() => {
+      const f = v.collectionRef.current;
+      if (!f) return [];
+      const m = Array.from(f.querySelectorAll(`[${S}]`));
+      return Array.from(v.itemMap.values()).sort(
+        (_, E) => m.indexOf(_.ref.current) - m.indexOf(E.ref.current)
+      );
+    }, [v.collectionRef, v.itemMap]);
+  }
+  return [
+    { Provider: i, Slot: u, ItemSlot: y },
+    b,
+    n
+  ];
+}
+var yo = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], A = yo.reduce((e, o) => {
+  const t = Se(`Primitive.${o}`), n = r.forwardRef((a, c) => {
+    const { asChild: i, ...s } = a, d = i ? t : o;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(d, { ...s, ref: c });
+  });
+  return n.displayName = `Primitive.${o}`, { ...e, [o]: n };
+}, {});
+function Co(e, o) {
+  e && Me.flushSync(() => e.dispatchEvent(o));
+}
+var Eo = "DismissableLayer", Ne = "dismissableLayer.update", xo = "dismissableLayer.pointerDownOutside", bo = "dismissableLayer.focusOutside", Ve, Ge = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Xe = r.forwardRef(
+  (e, o) => {
+    const {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: n,
+      onPointerDownOutside: a,
+      onFocusOutside: c,
+      onInteractOutside: i,
+      onDismiss: s,
+      ...d
+    } = e, u = r.useContext(Ge), [h, S] = r.useState(null), x = (h == null ? void 0 : h.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = r.useState({}), b = D(o, (E) => S(E)), l = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), g = l.indexOf(v), f = h ? l.indexOf(h) : -1, m = u.layersWithOutsidePointerEventsDisabled.size > 0, C = f >= g, R = To((E) => {
+      const M = E.target, H = [...u.branches].some((U) => U.contains(M));
+      !C || H || (a == null || a(E), i == null || i(E), E.defaultPrevented || s == null || s());
+    }, x), _ = Io((E) => {
+      const M = E.target;
+      [...u.branches].some((U) => U.contains(M)) || (c == null || c(E), i == null || i(E), E.defaultPrevented || s == null || s());
+    }, x);
+    return Jt((E) => {
+      f === u.layers.size - 1 && (n == null || n(E), !E.defaultPrevented && s && (E.preventDefault(), s()));
+    }, x), r.useEffect(() => {
+      if (h)
+        return t && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (Ve = x.body.style.pointerEvents, x.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(h)), u.layers.add(h), We(), () => {
+          t && u.layersWithOutsidePointerEventsDisabled.size === 1 && (x.body.style.pointerEvents = Ve);
+        };
+    }, [h, x, t, u]), r.useEffect(() => () => {
+      h && (u.layers.delete(h), u.layersWithOutsidePointerEventsDisabled.delete(h), We());
+    }, [h, u]), r.useEffect(() => {
+      const E = () => y({});
+      return document.addEventListener(Ne, E), () => document.removeEventListener(Ne, E);
+    }, []), /* @__PURE__ */ p(
+      A.div,
+      {
+        ...d,
+        ref: b,
+        style: {
+          pointerEvents: m ? C ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: O(e.onFocusCapture, _.onFocusCapture),
+        onBlurCapture: O(e.onBlurCapture, _.onBlurCapture),
+        onPointerDownCapture: O(
+          e.onPointerDownCapture,
+          R.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Xe.displayName = Eo;
+var Po = "DismissableLayerBranch", No = r.forwardRef((e, o) => {
+  const t = r.useContext(Ge), n = r.useRef(null), a = D(o, n);
+  return r.useEffect(() => {
+    const c = n.current;
+    if (c)
+      return t.branches.add(c), () => {
+        t.branches.delete(c);
+      };
+  }, [t.branches]), /* @__PURE__ */ p(A.div, { ...e, ref: a });
+});
+No.displayName = Po;
+function To(e, o = globalThis == null ? void 0 : globalThis.document) {
+  const t = le(e), n = r.useRef(!1), a = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const c = (s) => {
+      if (s.target && !n.current) {
+        let d = function() {
+          qe(
+            xo,
+            t,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: s };
+        s.pointerType === "touch" ? (o.removeEventListener("click", a.current), a.current = d, o.addEventListener("click", a.current, { once: !0 })) : d();
+      } else
+        o.removeEventListener("click", a.current);
+      n.current = !1;
+    }, i = window.setTimeout(() => {
+      o.addEventListener("pointerdown", c);
+    }, 0);
+    return () => {
+      window.clearTimeout(i), o.removeEventListener("pointerdown", c), o.removeEventListener("click", a.current);
+    };
+  }, [o, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => n.current = !0
+  };
+}
+function Io(e, o = globalThis == null ? void 0 : globalThis.document) {
+  const t = le(e), n = r.useRef(!1);
+  return r.useEffect(() => {
+    const a = (c) => {
+      c.target && !n.current && qe(bo, t, { originalEvent: c }, {
+        discrete: !1
+      });
+    };
+    return o.addEventListener("focusin", a), () => o.removeEventListener("focusin", a);
+  }, [o, t]), {
+    onFocusCapture: () => n.current = !0,
+    onBlurCapture: () => n.current = !1
+  };
+}
+function We() {
+  const e = new CustomEvent(Ne);
+  document.dispatchEvent(e);
+}
+function qe(e, o, t, { discrete: n }) {
+  const a = t.originalEvent.target, c = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
+  o && a.addEventListener(e, o, { once: !0 }), n ? Co(a, c) : a.dispatchEvent(c);
+}
+var be = "focusScope.autoFocusOnMount", Pe = "focusScope.autoFocusOnUnmount", $e = { bubbles: !1, cancelable: !0 }, Ro = "FocusScope", Ze = r.forwardRef((e, o) => {
+  const {
+    loop: t = !1,
+    trapped: n = !1,
+    onMountAutoFocus: a,
+    onUnmountAutoFocus: c,
+    ...i
+  } = e, [s, d] = r.useState(null), u = le(a), h = le(c), S = r.useRef(null), x = D(o, (l) => d(l)), y = r.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  r.useEffect(() => {
+    if (n) {
+      let l = function(m) {
+        if (y.paused || !s) return;
+        const C = m.target;
+        s.contains(C) ? S.current = C : Q(S.current, { select: !0 });
+      }, v = function(m) {
+        if (y.paused || !s) return;
+        const C = m.relatedTarget;
+        C !== null && (s.contains(C) || Q(S.current, { select: !0 }));
+      }, g = function(m) {
+        if (document.activeElement === document.body)
+          for (const R of m)
+            R.removedNodes.length > 0 && Q(s);
+      };
+      document.addEventListener("focusin", l), document.addEventListener("focusout", v);
+      const f = new MutationObserver(g);
+      return s && f.observe(s, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", l), document.removeEventListener("focusout", v), f.disconnect();
+      };
+    }
+  }, [n, s, y.paused]), r.useEffect(() => {
+    if (s) {
+      ze.add(y);
+      const l = document.activeElement;
+      if (!s.contains(l)) {
+        const g = new CustomEvent(be, $e);
+        s.addEventListener(be, u), s.dispatchEvent(g), g.defaultPrevented || (Ao(Lo(Je(s)), { select: !0 }), document.activeElement === l && Q(s));
+      }
+      return () => {
+        s.removeEventListener(be, u), setTimeout(() => {
+          const g = new CustomEvent(Pe, $e);
+          s.addEventListener(Pe, h), s.dispatchEvent(g), g.defaultPrevented || Q(l ?? document.body, { select: !0 }), s.removeEventListener(Pe, h), ze.remove(y);
+        }, 0);
+      };
+    }
+  }, [s, u, h, y]);
+  const b = r.useCallback(
+    (l) => {
+      if (!t && !n || y.paused) return;
+      const v = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, g = document.activeElement;
+      if (v && g) {
+        const f = l.currentTarget, [m, C] = _o(f);
+        m && C ? !l.shiftKey && g === C ? (l.preventDefault(), t && Q(m, { select: !0 })) : l.shiftKey && g === m && (l.preventDefault(), t && Q(C, { select: !0 })) : g === f && l.preventDefault();
+      }
+    },
+    [t, n, y.paused]
+  );
+  return /* @__PURE__ */ p(A.div, { tabIndex: -1, ...i, ref: x, onKeyDown: b });
+});
+Ze.displayName = Ro;
+function Ao(e, { select: o = !1 } = {}) {
+  const t = document.activeElement;
+  for (const n of e)
+    if (Q(n, { select: o }), document.activeElement !== t) return;
+}
+function _o(e) {
+  const o = Je(e), t = Ke(o, e), n = Ke(o.reverse(), e);
+  return [t, n];
+}
+function Je(e) {
+  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (n) => {
+      const a = n.tagName === "INPUT" && n.type === "hidden";
+      return n.disabled || n.hidden || a ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return o;
+}
+function Ke(e, o) {
+  for (const t of e)
+    if (!Oo(t, { upTo: o })) return t;
+}
+function Oo(e, { upTo: o }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (o !== void 0 && e === o) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Mo(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function Q(e, { select: o = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== t && Mo(e) && o && e.select();
+  }
+}
+var ze = Do();
+function Do() {
+  let e = [];
+  return {
+    add(o) {
+      const t = e[0];
+      o !== t && (t == null || t.pause()), e = Ye(e, o), e.unshift(o);
+    },
+    remove(o) {
+      var t;
+      e = Ye(e, o), (t = e[0]) == null || t.resume();
+    }
+  };
+}
+function Ye(e, o) {
+  const t = [...e], n = t.indexOf(o);
+  return n !== -1 && t.splice(n, 1), t;
+}
+function Lo(e) {
+  return e.filter((o) => o.tagName !== "A");
+}
+var Fo = "Arrow", Qe = r.forwardRef((e, o) => {
+  const { children: t, width: n = 10, height: a = 5, ...c } = e;
+  return /* @__PURE__ */ p(
+    A.svg,
+    {
+      ...c,
+      ref: o,
+      width: n,
+      height: a,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? t : /* @__PURE__ */ p("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Qe.displayName = Fo;
+var ko = Qe, Fe = "Popper", [et, tt] = De(Fe), [Bo, ot] = et(Fe), nt = (e) => {
+  const { __scopePopper: o, children: t } = e, [n, a] = r.useState(null);
+  return /* @__PURE__ */ p(Bo, { scope: o, anchor: n, onAnchorChange: a, children: t });
+};
+nt.displayName = Fe;
+var rt = "PopperAnchor", st = r.forwardRef(
+  (e, o) => {
+    const { __scopePopper: t, virtualRef: n, ...a } = e, c = ot(rt, t), i = r.useRef(null), s = D(o, i), d = r.useRef(null);
+    return r.useEffect(() => {
+      const u = d.current;
+      d.current = (n == null ? void 0 : n.current) || i.current, u !== d.current && c.onAnchorChange(d.current);
+    }), n ? null : /* @__PURE__ */ p(A.div, { ...a, ref: s });
+  }
+);
+st.displayName = rt;
+var ke = "PopperContent", [Ho, Uo] = et(ke), at = r.forwardRef(
+  (e, o) => {
+    var w, I, k, T, P, N;
+    const {
+      __scopePopper: t,
+      side: n = "bottom",
+      sideOffset: a = 0,
+      align: c = "center",
+      alignOffset: i = 0,
+      arrowPadding: s = 0,
+      avoidCollisions: d = !0,
+      collisionBoundary: u = [],
+      collisionPadding: h = 0,
+      sticky: S = "partial",
+      hideWhenDetached: x = !1,
+      updatePositionStrategy: y = "optimized",
+      onPlaced: b,
+      ...l
+    } = e, v = ot(ke, t), [g, f] = r.useState(null), m = D(o, (W) => f(W)), [C, R] = r.useState(null), _ = Qt(C), E = (_ == null ? void 0 : _.width) ?? 0, M = (_ == null ? void 0 : _.height) ?? 0, H = n + (c !== "center" ? "-" + c : ""), U = typeof h == "number" ? h : { top: 0, right: 0, bottom: 0, left: 0, ...h }, $ = Array.isArray(u) ? u : [u], z = $.length > 0, V = {
+      padding: U,
+      boundary: $.filter(Wo),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: z
+    }, { refs: Y, floatingStyles: K, placement: L, isPositioned: B, middlewareData: F } = eo({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: H,
+      whileElementsMounted: (...W) => io(...W, {
+        animationFrame: y === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        to({ mainAxis: a + M, alignmentAxis: i }),
+        d && oo({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: S === "partial" ? co() : void 0,
+          ...V
+        }),
+        d && no({ ...V }),
+        ro({
+          ...V,
+          apply: ({ elements: W, rects: q, availableWidth: me, availableHeight: he }) => {
+            const { width: ve, height: qt } = q.reference, we = W.floating.style;
+            we.setProperty("--radix-popper-available-width", `${me}px`), we.setProperty("--radix-popper-available-height", `${he}px`), we.setProperty("--radix-popper-anchor-width", `${ve}px`), we.setProperty("--radix-popper-anchor-height", `${qt}px`);
+          }
+        }),
+        C && so({ element: C, padding: s }),
+        $o({ arrowWidth: E, arrowHeight: M }),
+        x && ao({ strategy: "referenceHidden", ...V })
+      ]
+    }), [j, ue] = lt(L), Z = le(b);
+    X(() => {
+      B && (Z == null || Z());
+    }, [B, Z]);
+    const pe = (w = F.arrow) == null ? void 0 : w.x, fe = (I = F.arrow) == null ? void 0 : I.y, J = ((k = F.arrow) == null ? void 0 : k.centerOffset) !== 0, [ce, ne] = r.useState();
+    return X(() => {
+      g && ne(window.getComputedStyle(g).zIndex);
+    }, [g]), /* @__PURE__ */ p(
+      "div",
+      {
+        ref: Y.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...K,
+          transform: B ? K.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: ce,
+          "--radix-popper-transform-origin": [
+            (T = F.transformOrigin) == null ? void 0 : T.x,
+            (P = F.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
+          ...((N = F.hide) == null ? void 0 : N.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ p(
+          Ho,
+          {
+            scope: t,
+            placedSide: j,
+            onArrowChange: R,
+            arrowX: pe,
+            arrowY: fe,
+            shouldHideArrow: J,
+            children: /* @__PURE__ */ p(
+              A.div,
+              {
+                "data-side": j,
+                "data-align": ue,
+                ...l,
+                ref: m,
+                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: B ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+at.displayName = ke;
+var it = "PopperArrow", Vo = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, ct = r.forwardRef(function(o, t) {
+  const { __scopePopper: n, ...a } = o, c = Uo(it, n), i = Vo[c.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__ */ p(
+      "span",
+      {
+        ref: c.onArrowChange,
+        style: {
+          position: "absolute",
+          left: c.arrowX,
+          top: c.arrowY,
+          [i]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[c.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[c.placedSide],
+          visibility: c.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ p(
+          ko,
+          {
+            ...a,
+            ref: t,
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+ct.displayName = it;
+function Wo(e) {
+  return e !== null;
+}
+var $o = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(o) {
+    var v, g, f;
+    const { placement: t, rects: n, middlewareData: a } = o, i = ((v = a.arrow) == null ? void 0 : v.centerOffset) !== 0, s = i ? 0 : e.arrowWidth, d = i ? 0 : e.arrowHeight, [u, h] = lt(t), S = { start: "0%", center: "50%", end: "100%" }[h], x = (((g = a.arrow) == null ? void 0 : g.x) ?? 0) + s / 2, y = (((f = a.arrow) == null ? void 0 : f.y) ?? 0) + d / 2;
+    let b = "", l = "";
+    return u === "bottom" ? (b = i ? S : `${x}px`, l = `${-d}px`) : u === "top" ? (b = i ? S : `${x}px`, l = `${n.floating.height + d}px`) : u === "right" ? (b = `${-d}px`, l = i ? S : `${y}px`) : u === "left" && (b = `${n.floating.width + d}px`, l = i ? S : `${y}px`), { data: { x: b, y: l } };
+  }
+});
+function lt(e) {
+  const [o, t = "center"] = e.split("-");
+  return [o, t];
+}
+var Ko = nt, zo = st, Yo = at, jo = ct, Go = "Portal", dt = r.forwardRef((e, o) => {
+  var s;
+  const { container: t, ...n } = e, [a, c] = r.useState(!1);
+  X(() => c(!0), []);
+  const i = t || a && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
+  return i ? Zt.createPortal(/* @__PURE__ */ p(A.div, { ...n, ref: o }), i) : null;
+});
+dt.displayName = Go;
+var ut = 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"
+}), Xo = "VisuallyHidden", qo = r.forwardRef(
+  (e, o) => /* @__PURE__ */ p(
+    A.span,
+    {
+      ...e,
+      ref: o,
+      style: { ...ut, ...e.style }
+    }
+  )
+);
+qo.displayName = Xo;
+var Zo = [" ", "Enter", "ArrowUp", "ArrowDown"], Jo = [" ", "Enter"], ae = "Select", [Ce, Ee, Qo] = So(ae), [de] = De(ae, [
+  Qo,
+  tt
+]), xe = tt(), [en, te] = de(ae), [tn, on] = de(ae), pt = (e) => {
+  const {
+    __scopeSelect: o,
+    children: t,
+    open: n,
+    defaultOpen: a,
+    onOpenChange: c,
+    value: i,
+    defaultValue: s,
+    onValueChange: d,
+    dir: u,
+    name: h,
+    autoComplete: S,
+    disabled: x,
+    required: y,
+    form: b
+  } = e, l = xe(o), [v, g] = r.useState(null), [f, m] = r.useState(null), [C, R] = r.useState(!1), _ = fo(u), [E, M] = He({
+    prop: n,
+    defaultProp: a ?? !1,
+    onChange: c,
+    caller: ae
+  }), [H, U] = He({
+    prop: i,
+    defaultProp: s,
+    onChange: d,
+    caller: ae
+  }), $ = r.useRef(null), z = v ? b || !!v.closest("form") : !0, [V, Y] = r.useState(/* @__PURE__ */ new Set()), K = Array.from(V).map((L) => L.props.value).join(";");
+  return /* @__PURE__ */ p(Ko, { ...l, children: /* @__PURE__ */ se(
+    en,
+    {
+      required: y,
+      scope: o,
+      trigger: v,
+      onTriggerChange: g,
+      valueNode: f,
+      onValueNodeChange: m,
+      valueNodeHasChildren: C,
+      onValueNodeHasChildrenChange: R,
+      contentId: Le(),
+      value: H,
+      onValueChange: U,
+      open: E,
+      onOpenChange: M,
+      dir: _,
+      triggerPointerDownPosRef: $,
+      disabled: x,
+      children: [
+        /* @__PURE__ */ p(Ce.Provider, { scope: o, children: /* @__PURE__ */ p(
+          tn,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: r.useCallback((L) => {
+              Y((B) => new Set(B).add(L));
+            }, []),
+            onNativeOptionRemove: r.useCallback((L) => {
+              Y((B) => {
+                const F = new Set(B);
+                return F.delete(L), F;
+              });
+            }, []),
+            children: t
+          }
+        ) }),
+        z ? /* @__PURE__ */ se(
+          kt,
+          {
+            "aria-hidden": !0,
+            required: y,
+            tabIndex: -1,
+            name: h,
+            autoComplete: S,
+            value: H,
+            onChange: (L) => U(L.target.value),
+            disabled: x,
+            form: b,
+            children: [
+              H === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
+              Array.from(V)
+            ]
+          },
+          K
+        ) : null
+      ]
+    }
+  ) });
+};
+pt.displayName = ae;
+var ft = "SelectTrigger", mt = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, disabled: n = !1, ...a } = e, c = xe(t), i = te(ft, t), s = i.disabled || n, d = D(o, i.onTriggerChange), u = Ee(t), h = r.useRef("touch"), [S, x, y] = Ht((l) => {
+      const v = u().filter((m) => !m.disabled), g = v.find((m) => m.value === i.value), f = Ut(v, l, g);
+      f !== void 0 && i.onValueChange(f.value);
+    }), b = (l) => {
+      s || (i.onOpenChange(!0), y()), l && (i.triggerPointerDownPosRef.current = {
+        x: Math.round(l.pageX),
+        y: Math.round(l.pageY)
+      });
+    };
+    return /* @__PURE__ */ p(zo, { asChild: !0, ...c, children: /* @__PURE__ */ p(
+      A.button,
+      {
+        type: "button",
+        role: "combobox",
+        "aria-controls": i.contentId,
+        "aria-expanded": i.open,
+        "aria-required": i.required,
+        "aria-autocomplete": "none",
+        dir: i.dir,
+        "data-state": i.open ? "open" : "closed",
+        disabled: s,
+        "data-disabled": s ? "" : void 0,
+        "data-placeholder": Bt(i.value) ? "" : void 0,
+        ...a,
+        ref: d,
+        onClick: O(a.onClick, (l) => {
+          l.currentTarget.focus(), h.current !== "mouse" && b(l);
+        }),
+        onPointerDown: O(a.onPointerDown, (l) => {
+          h.current = l.pointerType;
+          const v = l.target;
+          v.hasPointerCapture(l.pointerId) && v.releasePointerCapture(l.pointerId), l.button === 0 && l.ctrlKey === !1 && l.pointerType === "mouse" && (b(l), l.preventDefault());
+        }),
+        onKeyDown: O(a.onKeyDown, (l) => {
+          const v = S.current !== "";
+          !(l.ctrlKey || l.altKey || l.metaKey) && l.key.length === 1 && x(l.key), !(v && l.key === " ") && Zo.includes(l.key) && (b(), l.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+mt.displayName = ft;
+var ht = "SelectValue", vt = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, className: n, style: a, children: c, placeholder: i = "", ...s } = e, d = te(ht, t), { onValueNodeHasChildrenChange: u } = d, h = c !== void 0, S = D(o, d.onValueNodeChange);
+    return X(() => {
+      u(h);
+    }, [u, h]), /* @__PURE__ */ p(
+      A.span,
+      {
+        ...s,
+        ref: S,
+        style: { pointerEvents: "none" },
+        children: Bt(d.value) ? /* @__PURE__ */ p(Oe, { children: i }) : c
+      }
+    );
+  }
+);
+vt.displayName = ht;
+var nn = "SelectIcon", gt = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, children: n, ...a } = e;
+    return /* @__PURE__ */ p(A.span, { "aria-hidden": !0, ...a, ref: o, children: n || "▼" });
+  }
+);
+gt.displayName = nn;
+var rn = "SelectPortal", wt = (e) => /* @__PURE__ */ p(dt, { asChild: !0, ...e });
+wt.displayName = rn;
+var ie = "SelectContent", St = r.forwardRef(
+  (e, o) => {
+    const t = te(ie, e.__scopeSelect), [n, a] = r.useState();
+    if (X(() => {
+      a(new DocumentFragment());
+    }, []), !t.open) {
+      const c = n;
+      return c ? Me.createPortal(
+        /* @__PURE__ */ p(yt, { scope: e.__scopeSelect, children: /* @__PURE__ */ p(Ce.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ p("div", { children: e.children }) }) }),
+        c
+      ) : null;
+    }
+    return /* @__PURE__ */ p(Ct, { ...e, ref: o });
+  }
+);
+St.displayName = ie;
+var G = 10, [yt, oe] = de(ie), sn = "SelectContentImpl", an = Se("SelectContent.RemoveScroll"), Ct = r.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSelect: t,
+      position: n = "item-aligned",
+      onCloseAutoFocus: a,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: i,
+      //
+      // PopperContent props
+      side: s,
+      sideOffset: d,
+      align: u,
+      alignOffset: h,
+      arrowPadding: S,
+      collisionBoundary: x,
+      collisionPadding: y,
+      sticky: b,
+      hideWhenDetached: l,
+      avoidCollisions: v,
+      //
+      ...g
+    } = e, f = te(ie, t), [m, C] = r.useState(null), [R, _] = r.useState(null), E = D(o, (w) => C(w)), [M, H] = r.useState(null), [U, $] = r.useState(
+      null
+    ), z = Ee(t), [V, Y] = r.useState(!1), K = r.useRef(!1);
+    r.useEffect(() => {
+      if (m) return lo(m);
+    }, [m]), uo();
+    const L = r.useCallback(
+      (w) => {
+        const [I, ...k] = z().map((N) => N.ref.current), [T] = k.slice(-1), P = document.activeElement;
+        for (const N of w)
+          if (N === P || (N == null || N.scrollIntoView({ block: "nearest" }), N === I && R && (R.scrollTop = 0), N === T && R && (R.scrollTop = R.scrollHeight), N == null || N.focus(), document.activeElement !== P)) return;
+      },
+      [z, R]
+    ), B = r.useCallback(
+      () => L([M, m]),
+      [L, M, m]
+    );
+    r.useEffect(() => {
+      V && B();
+    }, [V, B]);
+    const { onOpenChange: F, triggerPointerDownPosRef: j } = f;
+    r.useEffect(() => {
+      if (m) {
+        let w = { x: 0, y: 0 };
+        const I = (T) => {
+          var P, N;
+          w = {
+            x: Math.abs(Math.round(T.pageX) - (((P = j.current) == null ? void 0 : P.x) ?? 0)),
+            y: Math.abs(Math.round(T.pageY) - (((N = j.current) == null ? void 0 : N.y) ?? 0))
+          };
+        }, k = (T) => {
+          w.x <= 10 && w.y <= 10 ? T.preventDefault() : m.contains(T.target) || F(!1), document.removeEventListener("pointermove", I), j.current = null;
+        };
+        return j.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", k, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", k, { capture: !0 });
+        };
+      }
+    }, [m, F, j]), r.useEffect(() => {
+      const w = () => F(!1);
+      return window.addEventListener("blur", w), window.addEventListener("resize", w), () => {
+        window.removeEventListener("blur", w), window.removeEventListener("resize", w);
+      };
+    }, [F]);
+    const [ue, Z] = Ht((w) => {
+      const I = z().filter((P) => !P.disabled), k = I.find((P) => P.ref.current === document.activeElement), T = Ut(I, w, k);
+      T && setTimeout(() => T.ref.current.focus());
+    }), pe = r.useCallback(
+      (w, I, k) => {
+        const T = !K.current && !k;
+        (f.value !== void 0 && f.value === I || T) && (H(w), T && (K.current = !0));
+      },
+      [f.value]
+    ), fe = r.useCallback(() => m == null ? void 0 : m.focus(), [m]), J = r.useCallback(
+      (w, I, k) => {
+        const T = !K.current && !k;
+        (f.value !== void 0 && f.value === I || T) && $(w);
+      },
+      [f.value]
+    ), ce = n === "popper" ? Te : Et, ne = ce === Te ? {
+      side: s,
+      sideOffset: d,
+      align: u,
+      alignOffset: h,
+      arrowPadding: S,
+      collisionBoundary: x,
+      collisionPadding: y,
+      sticky: b,
+      hideWhenDetached: l,
+      avoidCollisions: v
+    } : {};
+    return /* @__PURE__ */ p(
+      yt,
+      {
+        scope: t,
+        content: m,
+        viewport: R,
+        onViewportChange: _,
+        itemRefCallback: pe,
+        selectedItem: M,
+        onItemLeave: fe,
+        itemTextRefCallback: J,
+        focusSelectedItem: B,
+        selectedItemText: U,
+        position: n,
+        isPositioned: V,
+        searchRef: ue,
+        children: /* @__PURE__ */ p(po, { as: an, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+          Ze,
+          {
+            asChild: !0,
+            trapped: f.open,
+            onMountAutoFocus: (w) => {
+              w.preventDefault();
+            },
+            onUnmountAutoFocus: O(a, (w) => {
+              var I;
+              (I = f.trigger) == null || I.focus({ preventScroll: !0 }), w.preventDefault();
+            }),
+            children: /* @__PURE__ */ p(
+              Xe,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: c,
+                onPointerDownOutside: i,
+                onFocusOutside: (w) => w.preventDefault(),
+                onDismiss: () => f.onOpenChange(!1),
+                children: /* @__PURE__ */ p(
+                  ce,
+                  {
+                    role: "listbox",
+                    id: f.contentId,
+                    "data-state": f.open ? "open" : "closed",
+                    dir: f.dir,
+                    onContextMenu: (w) => w.preventDefault(),
+                    ...g,
+                    ...ne,
+                    onPlaced: () => Y(!0),
+                    ref: E,
+                    style: {
+                      // flex layout so we can place the scroll buttons properly
+                      display: "flex",
+                      flexDirection: "column",
+                      // reset the outline by default as the content MAY get focused
+                      outline: "none",
+                      ...g.style
+                    },
+                    onKeyDown: O(g.onKeyDown, (w) => {
+                      const I = w.ctrlKey || w.altKey || w.metaKey;
+                      if (w.key === "Tab" && w.preventDefault(), !I && w.key.length === 1 && Z(w.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(w.key)) {
+                        let T = z().filter((P) => !P.disabled).map((P) => P.ref.current);
+                        if (["ArrowUp", "End"].includes(w.key) && (T = T.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(w.key)) {
+                          const P = w.target, N = T.indexOf(P);
+                          T = T.slice(N + 1);
+                        }
+                        setTimeout(() => L(T)), w.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Ct.displayName = sn;
+var cn = "SelectItemAlignedPosition", Et = r.forwardRef((e, o) => {
+  const { __scopeSelect: t, onPlaced: n, ...a } = e, c = te(ie, t), i = oe(ie, t), [s, d] = r.useState(null), [u, h] = r.useState(null), S = D(o, (E) => h(E)), x = Ee(t), y = r.useRef(!1), b = r.useRef(!0), { viewport: l, selectedItem: v, selectedItemText: g, focusSelectedItem: f } = i, m = r.useCallback(() => {
+    if (c.trigger && c.valueNode && s && u && l && v && g) {
+      const E = c.trigger.getBoundingClientRect(), M = u.getBoundingClientRect(), H = c.valueNode.getBoundingClientRect(), U = g.getBoundingClientRect();
+      if (c.dir !== "rtl") {
+        const P = U.left - M.left, N = H.left - P, W = E.left - N, q = E.width + W, me = Math.max(q, M.width), he = window.innerWidth - G, ve = Ue(N, [
+          G,
+          // 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(G, he - me)
+        ]);
+        s.style.minWidth = q + "px", s.style.left = ve + "px";
+      } else {
+        const P = M.right - U.right, N = window.innerWidth - H.right - P, W = window.innerWidth - E.right - N, q = E.width + W, me = Math.max(q, M.width), he = window.innerWidth - G, ve = Ue(N, [
+          G,
+          Math.max(G, he - me)
+        ]);
+        s.style.minWidth = q + "px", s.style.right = ve + "px";
+      }
+      const $ = x(), z = window.innerHeight - G * 2, V = l.scrollHeight, Y = window.getComputedStyle(u), K = parseInt(Y.borderTopWidth, 10), L = parseInt(Y.paddingTop, 10), B = parseInt(Y.borderBottomWidth, 10), F = parseInt(Y.paddingBottom, 10), j = K + L + V + F + B, ue = Math.min(v.offsetHeight * 5, j), Z = window.getComputedStyle(l), pe = parseInt(Z.paddingTop, 10), fe = parseInt(Z.paddingBottom, 10), J = E.top + E.height / 2 - G, ce = z - J, ne = v.offsetHeight / 2, w = v.offsetTop + ne, I = K + L + w, k = j - I;
+      if (I <= J) {
+        const P = $.length > 0 && v === $[$.length - 1].ref.current;
+        s.style.bottom = "0px";
+        const N = u.clientHeight - l.offsetTop - l.offsetHeight, W = Math.max(
+          ce,
+          ne + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (P ? fe : 0) + N + B
+        ), q = I + W;
+        s.style.height = q + "px";
+      } else {
+        const P = $.length > 0 && v === $[0].ref.current;
+        s.style.top = "0px";
+        const W = Math.max(
+          J,
+          K + l.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (P ? pe : 0) + ne
+        ) + k;
+        s.style.height = W + "px", l.scrollTop = I - J + l.offsetTop;
+      }
+      s.style.margin = `${G}px 0`, s.style.minHeight = ue + "px", s.style.maxHeight = z + "px", n == null || n(), requestAnimationFrame(() => y.current = !0);
+    }
+  }, [
+    x,
+    c.trigger,
+    c.valueNode,
+    s,
+    u,
+    l,
+    v,
+    g,
+    c.dir,
+    n
+  ]);
+  X(() => m(), [m]);
+  const [C, R] = r.useState();
+  X(() => {
+    u && R(window.getComputedStyle(u).zIndex);
+  }, [u]);
+  const _ = r.useCallback(
+    (E) => {
+      E && b.current === !0 && (m(), f == null || f(), b.current = !1);
+    },
+    [m, f]
+  );
+  return /* @__PURE__ */ p(
+    dn,
+    {
+      scope: t,
+      contentWrapper: s,
+      shouldExpandOnScrollRef: y,
+      onScrollButtonChange: _,
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          ref: d,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: C
+          },
+          children: /* @__PURE__ */ p(
+            A.div,
+            {
+              ...a,
+              ref: S,
+              style: {
+                // When we get the height of the content, it includes borders. If we were to set
+                // the height without having `boxSizing: 'border-box'` it would be too big.
+                boxSizing: "border-box",
+                // We need to ensure the content doesn't get taller than the wrapper
+                maxHeight: "100%",
+                ...a.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+Et.displayName = cn;
+var ln = "SelectPopperPosition", Te = r.forwardRef((e, o) => {
+  const {
+    __scopeSelect: t,
+    align: n = "start",
+    collisionPadding: a = G,
+    ...c
+  } = e, i = xe(t);
+  return /* @__PURE__ */ p(
+    Yo,
+    {
+      ...i,
+      ...c,
+      ref: o,
+      align: n,
+      collisionPadding: a,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...c.style,
+        "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-select-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-select-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+Te.displayName = ln;
+var [dn, Be] = de(ie, {}), Ie = "SelectViewport", xt = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, nonce: n, ...a } = e, c = oe(Ie, t), i = Be(Ie, t), s = D(o, c.onViewportChange), d = r.useRef(0);
+    return /* @__PURE__ */ se(Oe, { children: [
+      /* @__PURE__ */ p(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: n
+        }
+      ),
+      /* @__PURE__ */ p(Ce.Slot, { scope: t, children: /* @__PURE__ */ p(
+        A.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...a,
+          ref: s,
+          style: {
+            // we use position: 'relative' here on the `viewport` so that when we call
+            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
+            // (independent of the scrollUpButton).
+            position: "relative",
+            flex: 1,
+            // 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",
+            ...a.style
+          },
+          onScroll: O(a.onScroll, (u) => {
+            const h = u.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: x } = i;
+            if (x != null && x.current && S) {
+              const y = Math.abs(d.current - h.scrollTop);
+              if (y > 0) {
+                const b = window.innerHeight - G * 2, l = parseFloat(S.style.minHeight), v = parseFloat(S.style.height), g = Math.max(l, v);
+                if (g < b) {
+                  const f = g + y, m = Math.min(b, f), C = f - m;
+                  S.style.height = m + "px", S.style.bottom === "0px" && (h.scrollTop = C > 0 ? C : 0, S.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            d.current = h.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+xt.displayName = Ie;
+var bt = "SelectGroup", [un, pn] = de(bt), Pt = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...n } = e, a = Le();
+    return /* @__PURE__ */ p(un, { scope: t, id: a, children: /* @__PURE__ */ p(A.div, { role: "group", "aria-labelledby": a, ...n, ref: o }) });
+  }
+);
+Pt.displayName = bt;
+var Nt = "SelectLabel", Tt = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...n } = e, a = pn(Nt, t);
+    return /* @__PURE__ */ p(A.div, { id: a.id, ...n, ref: o });
+  }
+);
+Tt.displayName = Nt;
+var ye = "SelectItem", [fn, It] = de(ye), Rt = r.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSelect: t,
+      value: n,
+      disabled: a = !1,
+      textValue: c,
+      ...i
+    } = e, s = te(ye, t), d = oe(ye, t), u = s.value === n, [h, S] = r.useState(c ?? ""), [x, y] = r.useState(!1), b = D(
+      o,
+      (f) => {
+        var m;
+        return (m = d.itemRefCallback) == null ? void 0 : m.call(d, f, n, a);
+      }
+    ), l = Le(), v = r.useRef("touch"), g = () => {
+      a || (s.onValueChange(n), s.onOpenChange(!1));
+    };
+    if (n === "")
+      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__ */ p(
+      fn,
+      {
+        scope: t,
+        value: n,
+        disabled: a,
+        textId: l,
+        isSelected: u,
+        onItemTextChange: r.useCallback((f) => {
+          S((m) => m || ((f == null ? void 0 : f.textContent) ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ p(
+          Ce.ItemSlot,
+          {
+            scope: t,
+            value: n,
+            disabled: a,
+            textValue: h,
+            children: /* @__PURE__ */ p(
+              A.div,
+              {
+                role: "option",
+                "aria-labelledby": l,
+                "data-highlighted": x ? "" : void 0,
+                "aria-selected": u && x,
+                "data-state": u ? "checked" : "unchecked",
+                "aria-disabled": a || void 0,
+                "data-disabled": a ? "" : void 0,
+                tabIndex: a ? void 0 : -1,
+                ...i,
+                ref: b,
+                onFocus: O(i.onFocus, () => y(!0)),
+                onBlur: O(i.onBlur, () => y(!1)),
+                onClick: O(i.onClick, () => {
+                  v.current !== "mouse" && g();
+                }),
+                onPointerUp: O(i.onPointerUp, () => {
+                  v.current === "mouse" && g();
+                }),
+                onPointerDown: O(i.onPointerDown, (f) => {
+                  v.current = f.pointerType;
+                }),
+                onPointerMove: O(i.onPointerMove, (f) => {
+                  var m;
+                  v.current = f.pointerType, a ? (m = d.onItemLeave) == null || m.call(d) : v.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: O(i.onPointerLeave, (f) => {
+                  var m;
+                  f.currentTarget === document.activeElement && ((m = d.onItemLeave) == null || m.call(d));
+                }),
+                onKeyDown: O(i.onKeyDown, (f) => {
+                  var C;
+                  ((C = d.searchRef) == null ? void 0 : C.current) !== "" && f.key === " " || (Jo.includes(f.key) && g(), f.key === " " && f.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Rt.displayName = ye;
+var ge = "SelectItemText", At = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, className: n, style: a, ...c } = e, i = te(ge, t), s = oe(ge, t), d = It(ge, t), u = on(ge, t), [h, S] = r.useState(null), x = D(
+      o,
+      (g) => S(g),
+      d.onItemTextChange,
+      (g) => {
+        var f;
+        return (f = s.itemTextRefCallback) == null ? void 0 : f.call(s, g, d.value, d.disabled);
+      }
+    ), y = h == null ? void 0 : h.textContent, b = r.useMemo(
+      () => /* @__PURE__ */ p("option", { value: d.value, disabled: d.disabled, children: y }, d.value),
+      [d.disabled, d.value, y]
+    ), { onNativeOptionAdd: l, onNativeOptionRemove: v } = u;
+    return X(() => (l(b), () => v(b)), [l, v, b]), /* @__PURE__ */ se(Oe, { children: [
+      /* @__PURE__ */ p(A.span, { id: d.textId, ...c, ref: x }),
+      d.isSelected && i.valueNode && !i.valueNodeHasChildren ? Me.createPortal(c.children, i.valueNode) : null
+    ] });
+  }
+);
+At.displayName = ge;
+var _t = "SelectItemIndicator", Ot = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...n } = e;
+    return It(_t, t).isSelected ? /* @__PURE__ */ p(A.span, { "aria-hidden": !0, ...n, ref: o }) : null;
+  }
+);
+Ot.displayName = _t;
+var Re = "SelectScrollUpButton", Mt = r.forwardRef((e, o) => {
+  const t = oe(Re, e.__scopeSelect), n = Be(Re, e.__scopeSelect), [a, c] = r.useState(!1), i = D(o, n.onScrollButtonChange);
+  return X(() => {
+    if (t.viewport && t.isPositioned) {
+      let s = function() {
+        const u = d.scrollTop > 0;
+        c(u);
+      };
+      const d = t.viewport;
+      return s(), d.addEventListener("scroll", s), () => d.removeEventListener("scroll", s);
+    }
+  }, [t.viewport, t.isPositioned]), a ? /* @__PURE__ */ p(
+    Lt,
+    {
+      ...e,
+      ref: i,
+      onAutoScroll: () => {
+        const { viewport: s, selectedItem: d } = t;
+        s && d && (s.scrollTop = s.scrollTop - d.offsetHeight);
+      }
+    }
+  ) : null;
+});
+Mt.displayName = Re;
+var Ae = "SelectScrollDownButton", Dt = r.forwardRef((e, o) => {
+  const t = oe(Ae, e.__scopeSelect), n = Be(Ae, e.__scopeSelect), [a, c] = r.useState(!1), i = D(o, n.onScrollButtonChange);
+  return X(() => {
+    if (t.viewport && t.isPositioned) {
+      let s = function() {
+        const u = d.scrollHeight - d.clientHeight, h = Math.ceil(d.scrollTop) < u;
+        c(h);
+      };
+      const d = t.viewport;
+      return s(), d.addEventListener("scroll", s), () => d.removeEventListener("scroll", s);
+    }
+  }, [t.viewport, t.isPositioned]), a ? /* @__PURE__ */ p(
+    Lt,
+    {
+      ...e,
+      ref: i,
+      onAutoScroll: () => {
+        const { viewport: s, selectedItem: d } = t;
+        s && d && (s.scrollTop = s.scrollTop + d.offsetHeight);
+      }
+    }
+  ) : null;
+});
+Dt.displayName = Ae;
+var Lt = r.forwardRef((e, o) => {
+  const { __scopeSelect: t, onAutoScroll: n, ...a } = e, c = oe("SelectScrollButton", t), i = r.useRef(null), s = Ee(t), d = r.useCallback(() => {
+    i.current !== null && (window.clearInterval(i.current), i.current = null);
+  }, []);
+  return r.useEffect(() => () => d(), [d]), X(() => {
+    var h;
+    const u = s().find((S) => S.ref.current === document.activeElement);
+    (h = u == null ? void 0 : u.ref.current) == null || h.scrollIntoView({ block: "nearest" });
+  }, [s]), /* @__PURE__ */ p(
+    A.div,
+    {
+      "aria-hidden": !0,
+      ...a,
+      ref: o,
+      style: { flexShrink: 0, ...a.style },
+      onPointerDown: O(a.onPointerDown, () => {
+        i.current === null && (i.current = window.setInterval(n, 50));
+      }),
+      onPointerMove: O(a.onPointerMove, () => {
+        var u;
+        (u = c.onItemLeave) == null || u.call(c), i.current === null && (i.current = window.setInterval(n, 50));
+      }),
+      onPointerLeave: O(a.onPointerLeave, () => {
+        d();
+      })
+    }
+  );
+}), mn = "SelectSeparator", Ft = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...n } = e;
+    return /* @__PURE__ */ p(A.div, { "aria-hidden": !0, ...n, ref: o });
+  }
+);
+Ft.displayName = mn;
+var _e = "SelectArrow", hn = r.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...n } = e, a = xe(t), c = te(_e, t), i = oe(_e, t);
+    return c.open && i.position === "popper" ? /* @__PURE__ */ p(jo, { ...a, ...n, ref: o }) : null;
+  }
+);
+hn.displayName = _e;
+var vn = "SelectBubbleInput", kt = r.forwardRef(
+  ({ __scopeSelect: e, value: o, ...t }, n) => {
+    const a = r.useRef(null), c = D(n, a), i = mo(o);
+    return r.useEffect(() => {
+      const s = a.current;
+      if (!s) return;
+      const d = window.HTMLSelectElement.prototype, h = Object.getOwnPropertyDescriptor(
+        d,
+        "value"
+      ).set;
+      if (i !== o && h) {
+        const S = new Event("change", { bubbles: !0 });
+        h.call(s, o), s.dispatchEvent(S);
+      }
+    }, [i, o]), /* @__PURE__ */ p(
+      A.select,
+      {
+        ...t,
+        style: { ...ut, ...t.style },
+        ref: c,
+        defaultValue: o
+      }
+    );
+  }
+);
+kt.displayName = vn;
+function Bt(e) {
+  return e === "" || e === void 0;
+}
+function Ht(e) {
+  const o = le(e), t = r.useRef(""), n = r.useRef(0), a = r.useCallback(
+    (i) => {
+      const s = t.current + i;
+      o(s), (function d(u) {
+        t.current = u, window.clearTimeout(n.current), u !== "" && (n.current = window.setTimeout(() => d(""), 1e3));
+      })(s);
+    },
+    [o]
+  ), c = r.useCallback(() => {
+    t.current = "", window.clearTimeout(n.current);
+  }, []);
+  return r.useEffect(() => () => window.clearTimeout(n.current), []), [t, a, c];
+}
+function Ut(e, o, t) {
+  const a = o.length > 1 && Array.from(o).every((u) => u === o[0]) ? o[0] : o, c = t ? e.indexOf(t) : -1;
+  let i = gn(e, Math.max(c, 0));
+  a.length === 1 && (i = i.filter((u) => u !== t));
+  const d = i.find(
+    (u) => u.textValue.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return d !== t ? d : void 0;
+}
+function gn(e, o) {
+  return e.map((t, n) => e[(o + n) % e.length]);
+}
+var wn = pt, Vt = mt, Sn = vt, yn = gt, Cn = wt, Wt = St, En = xt, xn = Pt, $t = Tt, Kt = Rt, bn = At, Pn = Ot, zt = Mt, Yt = Dt, jt = Ft;
+const Hn = wn, Un = xn, Vn = Sn, Nn = r.forwardRef(
+  ({ className: e, children: o, ...t }, n) => /* @__PURE__ */ se(
+    Vt,
+    {
+      ref: n,
+      className: ee(
+        "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        e
+      ),
+      ...t,
+      children: [
+        o,
+        /* @__PURE__ */ p(yn, { asChild: !0, children: /* @__PURE__ */ p(je, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  )
+);
+Nn.displayName = Vt.displayName;
+const Gt = r.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ p(zt, { ref: t, className: ee("flex cursor-default items-center justify-center py-1", e), ...o, children: /* @__PURE__ */ p(wo, { className: "size-4" }) }));
+Gt.displayName = zt.displayName;
+const Xt = r.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ p(Yt, { ref: t, className: ee("flex cursor-default items-center justify-center py-1", e), ...o, children: /* @__PURE__ */ p(je, { className: "size-4" }) }));
+Xt.displayName = Yt.displayName;
+const Tn = r.forwardRef(
+  ({ className: e, children: o, position: t = "popper", ...n }, a) => /* @__PURE__ */ p(Cn, { children: /* @__PURE__ */ se(
+    Wt,
+    {
+      ref: a,
+      className: ee(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        e
+      ),
+      position: t,
+      ...n,
+      children: [
+        /* @__PURE__ */ p(Gt, {}),
+        /* @__PURE__ */ p(
+          En,
+          {
+            className: ee("p-1", t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+            children: o
+          }
+        ),
+        /* @__PURE__ */ p(Xt, {})
+      ]
+    }
+  ) })
+);
+Tn.displayName = Wt.displayName;
+const In = r.forwardRef(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ p($t, { ref: t, className: ee("py-1.5 pl-8 pr-2 text-sm font-semibold", e), ...o })
+);
+In.displayName = $t.displayName;
+const Rn = r.forwardRef(
+  ({ className: e, children: o, ...t }, n) => /* @__PURE__ */ se(
+    Kt,
+    {
+      ref: n,
+      className: ee(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        e
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ p("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ p(Pn, { children: /* @__PURE__ */ p(ho, { className: "size-4" }) }) }),
+        /* @__PURE__ */ p(bn, { children: o })
+      ]
+    }
+  )
+);
+Rn.displayName = Kt.displayName;
+const An = r.forwardRef(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ p(jt, { ref: t, className: ee("-mx-1 my-1 h-px bg-muted", e), ...o })
+);
+An.displayName = jt.displayName;
+export {
+  Hn as S,
+  Tn as a,
+  Un as b,
+  Rn as c,
+  In as d,
+  An as e,
+  Nn as f,
+  Vn as g
+};