lizaui 5.0.4 → 5.0.5

package/dist/chunks/select-C25qmFpo.js

@@ -0,0 +1,1321 @@
+import { j as i } from "./jsx-runtime-Cl_4eDuT.js";
+import * as n from "react";
+import ne, { forwardRef as De, createElement as we } from "react";
+import * as ke from "react-dom";
+import { c as Re, P as A, u as Y, a as Le, b as je, d as Te, e as Nt, f as _, h as _t, g as At, R as Et, F as jt, D as Mt } from "./textarea-ClUh9LtQ.js";
+import { u as k, c as Se } from "./index-Do-g2tEs.js";
+import { u as Ot, o as Dt, s as kt, f as Lt, b as Ht, a as Bt, h as Vt, l as zt } from "./floating-ui.react-dom-DoFTdqmA.js";
+import { q as $t } from "./floating-ui.dom-DvdgQsph.js";
+import { c as Z } from "./utils-BFAOD39w.js";
+function Wt(e) {
+  const t = e + "CollectionProvider", [o, r] = Re(t), [a, d] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), s = (u) => {
+    const { scope: h, children: x } = u, f = ne.useRef(null), g = ne.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ i.jsx(a, { scope: h, itemMap: g, collectionRef: f, children: x });
+  };
+  s.displayName = t;
+  const c = e + "CollectionSlot", l = Se(c), p = ne.forwardRef(
+    (u, h) => {
+      const { scope: x, children: f } = u, g = d(c, x), R = k(h, g.collectionRef);
+      return /* @__PURE__ */ i.jsx(l, { ref: R, children: f });
+    }
+  );
+  p.displayName = c;
+  const v = e + "CollectionItemSlot", w = "data-radix-collection-item", P = Se(v), C = ne.forwardRef(
+    (u, h) => {
+      const { scope: x, children: f, ...g } = u, R = ne.useRef(null), E = k(h, R), L = d(v, x);
+      return ne.useEffect(() => (L.itemMap.set(R, { ref: R, ...g }), () => void L.itemMap.delete(R))), /* @__PURE__ */ i.jsx(P, { [w]: "", ref: E, children: f });
+    }
+  );
+  C.displayName = v;
+  function S(u) {
+    const h = d(e + "CollectionConsumer", u);
+    return ne.useCallback(() => {
+      const f = h.collectionRef.current;
+      if (!f) return [];
+      const g = Array.from(f.querySelectorAll(`[${w}]`));
+      return Array.from(h.itemMap.values()).sort(
+        (L, N) => g.indexOf(L.ref.current) - g.indexOf(N.ref.current)
+      );
+    }, [h.collectionRef, h.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: p, ItemSlot: C },
+    S,
+    r
+  ];
+}
+var Ft = n.createContext(void 0);
+function Ut(e) {
+  const t = n.useContext(Ft);
+  return e || t || "ltr";
+}
+var Kt = "Arrow", He = n.forwardRef((e, t) => {
+  const { children: o, width: r = 10, height: a = 5, ...d } = e;
+  return /* @__PURE__ */ i.jsx(
+    A.svg,
+    {
+      ...d,
+      ref: t,
+      width: r,
+      height: a,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? o : /* @__PURE__ */ i.jsx("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+He.displayName = Kt;
+var Yt = He;
+function Gt(e) {
+  const [t, o] = n.useState(void 0);
+  return Y(() => {
+    if (e) {
+      o({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((a) => {
+        if (!Array.isArray(a) || !a.length)
+          return;
+        const d = a[0];
+        let s, c;
+        if ("borderBoxSize" in d) {
+          const l = d.borderBoxSize, p = Array.isArray(l) ? l[0] : l;
+          s = p.inlineSize, c = p.blockSize;
+        } else
+          s = e.offsetWidth, c = e.offsetHeight;
+        o({ width: s, height: c });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      o(void 0);
+  }, [e]), t;
+}
+var Ne = "Popper", [Be, Ve] = Re(Ne), [qt, ze] = Be(Ne), $e = (e) => {
+  const { __scopePopper: t, children: o } = e, [r, a] = n.useState(null);
+  return /* @__PURE__ */ i.jsx(qt, { scope: t, anchor: r, onAnchorChange: a, children: o });
+};
+$e.displayName = Ne;
+var We = "PopperAnchor", Fe = n.forwardRef(
+  (e, t) => {
+    const { __scopePopper: o, virtualRef: r, ...a } = e, d = ze(We, o), s = n.useRef(null), c = k(t, s), l = n.useRef(null);
+    return n.useEffect(() => {
+      const p = l.current;
+      l.current = r?.current || s.current, p !== l.current && d.onAnchorChange(l.current);
+    }), r ? null : /* @__PURE__ */ i.jsx(A.div, { ...a, ref: c });
+  }
+);
+Fe.displayName = We;
+var _e = "PopperContent", [Xt, Zt] = Be(_e), Ue = n.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopper: o,
+      side: r = "bottom",
+      sideOffset: a = 0,
+      align: d = "center",
+      alignOffset: s = 0,
+      arrowPadding: c = 0,
+      avoidCollisions: l = !0,
+      collisionBoundary: p = [],
+      collisionPadding: v = 0,
+      sticky: w = "partial",
+      hideWhenDetached: P = !1,
+      updatePositionStrategy: C = "optimized",
+      onPlaced: S,
+      ...u
+    } = e, h = ze(_e, o), [x, f] = n.useState(null), g = k(t, (m) => f(m)), [R, E] = n.useState(null), L = Gt(R), N = L?.width ?? 0, H = L?.height ?? 0, G = r + (d !== "center" ? "-" + d : ""), q = typeof v == "number" ? v : { top: 0, right: 0, bottom: 0, left: 0, ...v }, V = Array.isArray(p) ? p : [p], W = V.length > 0, B = {
+      padding: q,
+      boundary: V.filter(Qt),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: W
+    }, { refs: F, floatingStyles: z, placement: j, isPositioned: O, middlewareData: M } = Ot({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: G,
+      whileElementsMounted: (...m) => $t(...m, {
+        animationFrame: C === "always"
+      }),
+      elements: {
+        reference: h.anchor
+      },
+      middleware: [
+        Dt({ mainAxis: a + H, alignmentAxis: s }),
+        l && kt({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: w === "partial" ? zt() : void 0,
+          ...B
+        }),
+        l && Lt({ ...B }),
+        Ht({
+          ...B,
+          apply: ({ elements: m, rects: I, availableWidth: D, availableHeight: y }) => {
+            const { width: b, height: T } = I.reference, $ = m.floating.style;
+            $.setProperty("--radix-popper-available-width", `${D}px`), $.setProperty("--radix-popper-available-height", `${y}px`), $.setProperty("--radix-popper-anchor-width", `${b}px`), $.setProperty("--radix-popper-anchor-height", `${T}px`);
+          }
+        }),
+        R && Bt({ element: R, padding: c }),
+        eo({ arrowWidth: N, arrowHeight: H }),
+        P && Vt({ strategy: "referenceHidden", ...B })
+      ]
+    }), [U, le] = Ge(j), ee = Le(S);
+    Y(() => {
+      O && ee?.();
+    }, [O, ee]);
+    const ce = M.arrow?.x, de = M.arrow?.y, X = M.arrow?.centerOffset !== 0, [ae, te] = n.useState();
+    return Y(() => {
+      x && te(window.getComputedStyle(x).zIndex);
+    }, [x]), /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        ref: F.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...z,
+          transform: O ? z.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: ae,
+          "--radix-popper-transform-origin": [
+            M.transformOrigin?.x,
+            M.transformOrigin?.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
+          ...M.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ i.jsx(
+          Xt,
+          {
+            scope: o,
+            placedSide: U,
+            onArrowChange: E,
+            arrowX: ce,
+            arrowY: de,
+            shouldHideArrow: X,
+            children: /* @__PURE__ */ i.jsx(
+              A.div,
+              {
+                "data-side": U,
+                "data-align": le,
+                ...u,
+                ref: g,
+                style: {
+                  ...u.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: O ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Ue.displayName = _e;
+var Ke = "PopperArrow", Jt = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Ye = n.forwardRef(function(t, o) {
+  const { __scopePopper: r, ...a } = t, d = Zt(Ke, r), s = Jt[d.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__ */ i.jsx(
+      "span",
+      {
+        ref: d.onArrowChange,
+        style: {
+          position: "absolute",
+          left: d.arrowX,
+          top: d.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[d.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[d.placedSide],
+          visibility: d.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ i.jsx(
+          Yt,
+          {
+            ...a,
+            ref: o,
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Ye.displayName = Ke;
+function Qt(e) {
+  return e !== null;
+}
+var eo = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    const { placement: o, rects: r, middlewareData: a } = t, s = a.arrow?.centerOffset !== 0, c = s ? 0 : e.arrowWidth, l = s ? 0 : e.arrowHeight, [p, v] = Ge(o), w = { start: "0%", center: "50%", end: "100%" }[v], P = (a.arrow?.x ?? 0) + c / 2, C = (a.arrow?.y ?? 0) + l / 2;
+    let S = "", u = "";
+    return p === "bottom" ? (S = s ? w : `${P}px`, u = `${-l}px`) : p === "top" ? (S = s ? w : `${P}px`, u = `${r.floating.height + l}px`) : p === "right" ? (S = `${-l}px`, u = s ? w : `${C}px`) : p === "left" && (S = `${r.floating.width + l}px`, u = s ? w : `${C}px`), { data: { x: S, y: u } };
+  }
+});
+function Ge(e) {
+  const [t, o = "center"] = e.split("-");
+  return [t, o];
+}
+var to = $e, oo = Fe, no = Ue, ro = Ye;
+const so = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ao = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+), Me = (e) => {
+  const t = ao(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, qe = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim(), io = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+var lo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const co = De(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: r,
+    className: a = "",
+    children: d,
+    iconNode: s,
+    ...c
+  }, l) => we(
+    "svg",
+    {
+      ref: l,
+      ...lo,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(o) * 24 / Number(t) : o,
+      className: qe("lucide", a),
+      ...!d && !io(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...s.map(([p, v]) => we(p, v)),
+      ...Array.isArray(d) ? d : [d]
+    ]
+  )
+);
+const Ae = (e, t) => {
+  const o = De(
+    ({ className: r, ...a }, d) => we(co, {
+      ref: d,
+      iconNode: t,
+      className: qe(
+        `lucide-${so(Me(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...a
+    })
+  );
+  return o.displayName = Me(e), o;
+};
+const uo = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], po = Ae("check", uo);
+const fo = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Xe = Ae("chevron-down", fo);
+const mo = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], ho = Ae("chevron-up", mo);
+function go(e) {
+  const t = n.useRef({ value: e, previous: e });
+  return n.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+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"
+}), vo = "VisuallyHidden", Je = n.forwardRef(
+  (e, t) => /* @__PURE__ */ i.jsx(
+    A.span,
+    {
+      ...e,
+      ref: t,
+      style: { ...Ze, ...e.style }
+    }
+  )
+);
+Je.displayName = vo;
+var cn = Je;
+function Oe(e, [t, o]) {
+  return Math.min(o, Math.max(t, e));
+}
+var xo = [" ", "Enter", "ArrowUp", "ArrowDown"], wo = [" ", "Enter"], re = "Select", [fe, me, So] = Wt(re), [ie, dn] = Re(re, [
+  So,
+  Ve
+]), he = Ve(), [Co, J] = ie(re), [yo, bo] = ie(re), Qe = (e) => {
+  const {
+    __scopeSelect: t,
+    children: o,
+    open: r,
+    defaultOpen: a,
+    onOpenChange: d,
+    value: s,
+    defaultValue: c,
+    onValueChange: l,
+    dir: p,
+    name: v,
+    autoComplete: w,
+    disabled: P,
+    required: C,
+    form: S
+  } = e, u = he(t), [h, x] = n.useState(null), [f, g] = n.useState(null), [R, E] = n.useState(!1), L = Ut(p), [N, H] = je({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: d,
+    caller: re
+  }), [G, q] = je({
+    prop: s,
+    defaultProp: c,
+    onChange: l,
+    caller: re
+  }), V = n.useRef(null), W = h ? S || !!h.closest("form") : !0, [B, F] = n.useState(/* @__PURE__ */ new Set()), z = Array.from(B).map((j) => j.props.value).join(";");
+  return /* @__PURE__ */ i.jsx(to, { ...u, children: /* @__PURE__ */ i.jsxs(
+    Co,
+    {
+      required: C,
+      scope: t,
+      trigger: h,
+      onTriggerChange: x,
+      valueNode: f,
+      onValueNodeChange: g,
+      valueNodeHasChildren: R,
+      onValueNodeHasChildrenChange: E,
+      contentId: Te(),
+      value: G,
+      onValueChange: q,
+      open: N,
+      onOpenChange: H,
+      dir: L,
+      triggerPointerDownPosRef: V,
+      disabled: P,
+      children: [
+        /* @__PURE__ */ i.jsx(fe.Provider, { scope: t, children: /* @__PURE__ */ i.jsx(
+          yo,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: n.useCallback((j) => {
+              F((O) => new Set(O).add(j));
+            }, []),
+            onNativeOptionRemove: n.useCallback((j) => {
+              F((O) => {
+                const M = new Set(O);
+                return M.delete(j), M;
+              });
+            }, []),
+            children: o
+          }
+        ) }),
+        W ? /* @__PURE__ */ i.jsxs(
+          Pt,
+          {
+            "aria-hidden": !0,
+            required: C,
+            tabIndex: -1,
+            name: v,
+            autoComplete: w,
+            value: G,
+            onChange: (j) => q(j.target.value),
+            disabled: P,
+            form: S,
+            children: [
+              G === void 0 ? /* @__PURE__ */ i.jsx("option", { value: "" }) : null,
+              Array.from(B)
+            ]
+          },
+          z
+        ) : null
+      ]
+    }
+  ) });
+};
+Qe.displayName = re;
+var et = "SelectTrigger", tt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, disabled: r = !1, ...a } = e, d = he(o), s = J(et, o), c = s.disabled || r, l = k(t, s.onTriggerChange), p = me(o), v = n.useRef("touch"), [w, P, C] = Rt((u) => {
+      const h = p().filter((g) => !g.disabled), x = h.find((g) => g.value === s.value), f = Tt(h, u, x);
+      f !== void 0 && s.onValueChange(f.value);
+    }), S = (u) => {
+      c || (s.onOpenChange(!0), C()), u && (s.triggerPointerDownPosRef.current = {
+        x: Math.round(u.pageX),
+        y: Math.round(u.pageY)
+      });
+    };
+    return /* @__PURE__ */ i.jsx(oo, { asChild: !0, ...d, children: /* @__PURE__ */ i.jsx(
+      A.button,
+      {
+        type: "button",
+        role: "combobox",
+        "aria-controls": s.contentId,
+        "aria-expanded": s.open,
+        "aria-required": s.required,
+        "aria-autocomplete": "none",
+        dir: s.dir,
+        "data-state": s.open ? "open" : "closed",
+        disabled: c,
+        "data-disabled": c ? "" : void 0,
+        "data-placeholder": It(s.value) ? "" : void 0,
+        ...a,
+        ref: l,
+        onClick: _(a.onClick, (u) => {
+          u.currentTarget.focus(), v.current !== "mouse" && S(u);
+        }),
+        onPointerDown: _(a.onPointerDown, (u) => {
+          v.current = u.pointerType;
+          const h = u.target;
+          h.hasPointerCapture(u.pointerId) && h.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (S(u), u.preventDefault());
+        }),
+        onKeyDown: _(a.onKeyDown, (u) => {
+          const h = w.current !== "";
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && P(u.key), !(h && u.key === " ") && xo.includes(u.key) && (S(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+tt.displayName = et;
+var ot = "SelectValue", nt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, className: r, style: a, children: d, placeholder: s = "", ...c } = e, l = J(ot, o), { onValueNodeHasChildrenChange: p } = l, v = d !== void 0, w = k(t, l.onValueNodeChange);
+    return Y(() => {
+      p(v);
+    }, [p, v]), /* @__PURE__ */ i.jsx(
+      A.span,
+      {
+        ...c,
+        ref: w,
+        style: { pointerEvents: "none" },
+        children: It(l.value) ? /* @__PURE__ */ i.jsx(i.Fragment, { children: s }) : d
+      }
+    );
+  }
+);
+nt.displayName = ot;
+var Po = "SelectIcon", rt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, children: r, ...a } = e;
+    return /* @__PURE__ */ i.jsx(A.span, { "aria-hidden": !0, ...a, ref: t, children: r || "▼" });
+  }
+);
+rt.displayName = Po;
+var Io = "SelectPortal", st = (e) => /* @__PURE__ */ i.jsx(Nt, { asChild: !0, ...e });
+st.displayName = Io;
+var se = "SelectContent", at = n.forwardRef(
+  (e, t) => {
+    const o = J(se, e.__scopeSelect), [r, a] = n.useState();
+    if (Y(() => {
+      a(new DocumentFragment());
+    }, []), !o.open) {
+      const d = r;
+      return d ? ke.createPortal(
+        /* @__PURE__ */ i.jsx(it, { scope: e.__scopeSelect, children: /* @__PURE__ */ i.jsx(fe.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ i.jsx("div", { children: e.children }) }) }),
+        d
+      ) : null;
+    }
+    return /* @__PURE__ */ i.jsx(lt, { ...e, ref: t });
+  }
+);
+at.displayName = se;
+var K = 10, [it, Q] = ie(se), Ro = "SelectContentImpl", To = Se("SelectContent.RemoveScroll"), lt = n.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSelect: o,
+      position: r = "item-aligned",
+      onCloseAutoFocus: a,
+      onEscapeKeyDown: d,
+      onPointerDownOutside: s,
+      //
+      // PopperContent props
+      side: c,
+      sideOffset: l,
+      align: p,
+      alignOffset: v,
+      arrowPadding: w,
+      collisionBoundary: P,
+      collisionPadding: C,
+      sticky: S,
+      hideWhenDetached: u,
+      avoidCollisions: h,
+      //
+      ...x
+    } = e, f = J(se, o), [g, R] = n.useState(null), [E, L] = n.useState(null), N = k(t, (m) => R(m)), [H, G] = n.useState(null), [q, V] = n.useState(
+      null
+    ), W = me(o), [B, F] = n.useState(!1), z = n.useRef(!1);
+    n.useEffect(() => {
+      if (g) return _t(g);
+    }, [g]), At();
+    const j = n.useCallback(
+      (m) => {
+        const [I, ...D] = W().map((T) => T.ref.current), [y] = D.slice(-1), b = document.activeElement;
+        for (const T of m)
+          if (T === b || (T?.scrollIntoView({ block: "nearest" }), T === I && E && (E.scrollTop = 0), T === y && E && (E.scrollTop = E.scrollHeight), T?.focus(), document.activeElement !== b)) return;
+      },
+      [W, E]
+    ), O = n.useCallback(
+      () => j([H, g]),
+      [j, H, g]
+    );
+    n.useEffect(() => {
+      B && O();
+    }, [B, O]);
+    const { onOpenChange: M, triggerPointerDownPosRef: U } = f;
+    n.useEffect(() => {
+      if (g) {
+        let m = { x: 0, y: 0 };
+        const I = (y) => {
+          m = {
+            x: Math.abs(Math.round(y.pageX) - (U.current?.x ?? 0)),
+            y: Math.abs(Math.round(y.pageY) - (U.current?.y ?? 0))
+          };
+        }, D = (y) => {
+          m.x <= 10 && m.y <= 10 ? y.preventDefault() : g.contains(y.target) || M(!1), document.removeEventListener("pointermove", I), U.current = null;
+        };
+        return U.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", D, { capture: !0 });
+        };
+      }
+    }, [g, M, U]), n.useEffect(() => {
+      const m = () => M(!1);
+      return window.addEventListener("blur", m), window.addEventListener("resize", m), () => {
+        window.removeEventListener("blur", m), window.removeEventListener("resize", m);
+      };
+    }, [M]);
+    const [le, ee] = Rt((m) => {
+      const I = W().filter((b) => !b.disabled), D = I.find((b) => b.ref.current === document.activeElement), y = Tt(I, m, D);
+      y && setTimeout(() => y.ref.current.focus());
+    }), ce = n.useCallback(
+      (m, I, D) => {
+        const y = !z.current && !D;
+        (f.value !== void 0 && f.value === I || y) && (G(m), y && (z.current = !0));
+      },
+      [f.value]
+    ), de = n.useCallback(() => g?.focus(), [g]), X = n.useCallback(
+      (m, I, D) => {
+        const y = !z.current && !D;
+        (f.value !== void 0 && f.value === I || y) && V(m);
+      },
+      [f.value]
+    ), ae = r === "popper" ? Ce : ct, te = ae === Ce ? {
+      side: c,
+      sideOffset: l,
+      align: p,
+      alignOffset: v,
+      arrowPadding: w,
+      collisionBoundary: P,
+      collisionPadding: C,
+      sticky: S,
+      hideWhenDetached: u,
+      avoidCollisions: h
+    } : {};
+    return /* @__PURE__ */ i.jsx(
+      it,
+      {
+        scope: o,
+        content: g,
+        viewport: E,
+        onViewportChange: L,
+        itemRefCallback: ce,
+        selectedItem: H,
+        onItemLeave: de,
+        itemTextRefCallback: X,
+        focusSelectedItem: O,
+        selectedItemText: q,
+        position: r,
+        isPositioned: B,
+        searchRef: le,
+        children: /* @__PURE__ */ i.jsx(Et, { as: To, allowPinchZoom: !0, children: /* @__PURE__ */ i.jsx(
+          jt,
+          {
+            asChild: !0,
+            trapped: f.open,
+            onMountAutoFocus: (m) => {
+              m.preventDefault();
+            },
+            onUnmountAutoFocus: _(a, (m) => {
+              f.trigger?.focus({ preventScroll: !0 }), m.preventDefault();
+            }),
+            children: /* @__PURE__ */ i.jsx(
+              Mt,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: d,
+                onPointerDownOutside: s,
+                onFocusOutside: (m) => m.preventDefault(),
+                onDismiss: () => f.onOpenChange(!1),
+                children: /* @__PURE__ */ i.jsx(
+                  ae,
+                  {
+                    role: "listbox",
+                    id: f.contentId,
+                    "data-state": f.open ? "open" : "closed",
+                    dir: f.dir,
+                    onContextMenu: (m) => m.preventDefault(),
+                    ...x,
+                    ...te,
+                    onPlaced: () => F(!0),
+                    ref: N,
+                    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",
+                      ...x.style
+                    },
+                    onKeyDown: _(x.onKeyDown, (m) => {
+                      const I = m.ctrlKey || m.altKey || m.metaKey;
+                      if (m.key === "Tab" && m.preventDefault(), !I && m.key.length === 1 && ee(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
+                        let y = W().filter((b) => !b.disabled).map((b) => b.ref.current);
+                        if (["ArrowUp", "End"].includes(m.key) && (y = y.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
+                          const b = m.target, T = y.indexOf(b);
+                          y = y.slice(T + 1);
+                        }
+                        setTimeout(() => j(y)), m.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+lt.displayName = Ro;
+var No = "SelectItemAlignedPosition", ct = n.forwardRef((e, t) => {
+  const { __scopeSelect: o, onPlaced: r, ...a } = e, d = J(se, o), s = Q(se, o), [c, l] = n.useState(null), [p, v] = n.useState(null), w = k(t, (N) => v(N)), P = me(o), C = n.useRef(!1), S = n.useRef(!0), { viewport: u, selectedItem: h, selectedItemText: x, focusSelectedItem: f } = s, g = n.useCallback(() => {
+    if (d.trigger && d.valueNode && c && p && u && h && x) {
+      const N = d.trigger.getBoundingClientRect(), H = p.getBoundingClientRect(), G = d.valueNode.getBoundingClientRect(), q = x.getBoundingClientRect();
+      if (d.dir !== "rtl") {
+        const b = q.left - H.left, T = G.left - b, $ = N.left - T, oe = N.width + $, ge = Math.max(oe, H.width), ve = window.innerWidth - K, xe = Oe(T, [
+          K,
+          // 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(K, ve - ge)
+        ]);
+        c.style.minWidth = oe + "px", c.style.left = xe + "px";
+      } else {
+        const b = H.right - q.right, T = window.innerWidth - G.right - b, $ = window.innerWidth - N.right - T, oe = N.width + $, ge = Math.max(oe, H.width), ve = window.innerWidth - K, xe = Oe(T, [
+          K,
+          Math.max(K, ve - ge)
+        ]);
+        c.style.minWidth = oe + "px", c.style.right = xe + "px";
+      }
+      const V = P(), W = window.innerHeight - K * 2, B = u.scrollHeight, F = window.getComputedStyle(p), z = parseInt(F.borderTopWidth, 10), j = parseInt(F.paddingTop, 10), O = parseInt(F.borderBottomWidth, 10), M = parseInt(F.paddingBottom, 10), U = z + j + B + M + O, le = Math.min(h.offsetHeight * 5, U), ee = window.getComputedStyle(u), ce = parseInt(ee.paddingTop, 10), de = parseInt(ee.paddingBottom, 10), X = N.top + N.height / 2 - K, ae = W - X, te = h.offsetHeight / 2, m = h.offsetTop + te, I = z + j + m, D = U - I;
+      if (I <= X) {
+        const b = V.length > 0 && h === V[V.length - 1].ref.current;
+        c.style.bottom = "0px";
+        const T = p.clientHeight - u.offsetTop - u.offsetHeight, $ = Math.max(
+          ae,
+          te + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (b ? de : 0) + T + O
+        ), oe = I + $;
+        c.style.height = oe + "px";
+      } else {
+        const b = V.length > 0 && h === V[0].ref.current;
+        c.style.top = "0px";
+        const $ = Math.max(
+          X,
+          z + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (b ? ce : 0) + te
+        ) + D;
+        c.style.height = $ + "px", u.scrollTop = I - X + u.offsetTop;
+      }
+      c.style.margin = `${K}px 0`, c.style.minHeight = le + "px", c.style.maxHeight = W + "px", r?.(), requestAnimationFrame(() => C.current = !0);
+    }
+  }, [
+    P,
+    d.trigger,
+    d.valueNode,
+    c,
+    p,
+    u,
+    h,
+    x,
+    d.dir,
+    r
+  ]);
+  Y(() => g(), [g]);
+  const [R, E] = n.useState();
+  Y(() => {
+    p && E(window.getComputedStyle(p).zIndex);
+  }, [p]);
+  const L = n.useCallback(
+    (N) => {
+      N && S.current === !0 && (g(), f?.(), S.current = !1);
+    },
+    [g, f]
+  );
+  return /* @__PURE__ */ i.jsx(
+    Ao,
+    {
+      scope: o,
+      contentWrapper: c,
+      shouldExpandOnScrollRef: C,
+      onScrollButtonChange: L,
+      children: /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          ref: l,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: R
+          },
+          children: /* @__PURE__ */ i.jsx(
+            A.div,
+            {
+              ...a,
+              ref: w,
+              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
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+ct.displayName = No;
+var _o = "SelectPopperPosition", Ce = n.forwardRef((e, t) => {
+  const {
+    __scopeSelect: o,
+    align: r = "start",
+    collisionPadding: a = K,
+    ...d
+  } = e, s = he(o);
+  return /* @__PURE__ */ i.jsx(
+    no,
+    {
+      ...s,
+      ...d,
+      ref: t,
+      align: r,
+      collisionPadding: a,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...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)",
+        "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+Ce.displayName = _o;
+var [Ao, Ee] = ie(se, {}), ye = "SelectViewport", dt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, nonce: r, ...a } = e, d = Q(ye, o), s = Ee(ye, o), c = k(t, d.onViewportChange), l = n.useRef(0);
+    return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: r
+        }
+      ),
+      /* @__PURE__ */ i.jsx(fe.Slot, { scope: o, children: /* @__PURE__ */ i.jsx(
+        A.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...a,
+          ref: c,
+          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: _(a.onScroll, (p) => {
+            const v = p.currentTarget, { contentWrapper: w, shouldExpandOnScrollRef: P } = s;
+            if (P?.current && w) {
+              const C = Math.abs(l.current - v.scrollTop);
+              if (C > 0) {
+                const S = window.innerHeight - K * 2, u = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), x = Math.max(u, h);
+                if (x < S) {
+                  const f = x + C, g = Math.min(S, f), R = f - g;
+                  w.style.height = g + "px", w.style.bottom === "0px" && (v.scrollTop = R > 0 ? R : 0, w.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            l.current = v.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+dt.displayName = ye;
+var ut = "SelectGroup", [Eo, jo] = ie(ut), pt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, ...r } = e, a = Te();
+    return /* @__PURE__ */ i.jsx(Eo, { scope: o, id: a, children: /* @__PURE__ */ i.jsx(A.div, { role: "group", "aria-labelledby": a, ...r, ref: t }) });
+  }
+);
+pt.displayName = ut;
+var ft = "SelectLabel", mt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, ...r } = e, a = jo(ft, o);
+    return /* @__PURE__ */ i.jsx(A.div, { id: a.id, ...r, ref: t });
+  }
+);
+mt.displayName = ft;
+var pe = "SelectItem", [Mo, ht] = ie(pe), gt = n.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSelect: o,
+      value: r,
+      disabled: a = !1,
+      textValue: d,
+      ...s
+    } = e, c = J(pe, o), l = Q(pe, o), p = c.value === r, [v, w] = n.useState(d ?? ""), [P, C] = n.useState(!1), S = k(
+      t,
+      (f) => l.itemRefCallback?.(f, r, a)
+    ), u = Te(), h = n.useRef("touch"), x = () => {
+      a || (c.onValueChange(r), c.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__ */ i.jsx(
+      Mo,
+      {
+        scope: o,
+        value: r,
+        disabled: a,
+        textId: u,
+        isSelected: p,
+        onItemTextChange: n.useCallback((f) => {
+          w((g) => g || (f?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ i.jsx(
+          fe.ItemSlot,
+          {
+            scope: o,
+            value: r,
+            disabled: a,
+            textValue: v,
+            children: /* @__PURE__ */ i.jsx(
+              A.div,
+              {
+                role: "option",
+                "aria-labelledby": u,
+                "data-highlighted": P ? "" : void 0,
+                "aria-selected": p && P,
+                "data-state": p ? "checked" : "unchecked",
+                "aria-disabled": a || void 0,
+                "data-disabled": a ? "" : void 0,
+                tabIndex: a ? void 0 : -1,
+                ...s,
+                ref: S,
+                onFocus: _(s.onFocus, () => C(!0)),
+                onBlur: _(s.onBlur, () => C(!1)),
+                onClick: _(s.onClick, () => {
+                  h.current !== "mouse" && x();
+                }),
+                onPointerUp: _(s.onPointerUp, () => {
+                  h.current === "mouse" && x();
+                }),
+                onPointerDown: _(s.onPointerDown, (f) => {
+                  h.current = f.pointerType;
+                }),
+                onPointerMove: _(s.onPointerMove, (f) => {
+                  h.current = f.pointerType, a ? l.onItemLeave?.() : h.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: _(s.onPointerLeave, (f) => {
+                  f.currentTarget === document.activeElement && l.onItemLeave?.();
+                }),
+                onKeyDown: _(s.onKeyDown, (f) => {
+                  l.searchRef?.current !== "" && f.key === " " || (wo.includes(f.key) && x(), f.key === " " && f.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+gt.displayName = pe;
+var ue = "SelectItemText", vt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, className: r, style: a, ...d } = e, s = J(ue, o), c = Q(ue, o), l = ht(ue, o), p = bo(ue, o), [v, w] = n.useState(null), P = k(
+      t,
+      (x) => w(x),
+      l.onItemTextChange,
+      (x) => c.itemTextRefCallback?.(x, l.value, l.disabled)
+    ), C = v?.textContent, S = n.useMemo(
+      () => /* @__PURE__ */ i.jsx("option", { value: l.value, disabled: l.disabled, children: C }, l.value),
+      [l.disabled, l.value, C]
+    ), { onNativeOptionAdd: u, onNativeOptionRemove: h } = p;
+    return Y(() => (u(S), () => h(S)), [u, h, S]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(A.span, { id: l.textId, ...d, ref: P }),
+      l.isSelected && s.valueNode && !s.valueNodeHasChildren ? ke.createPortal(d.children, s.valueNode) : null
+    ] });
+  }
+);
+vt.displayName = ue;
+var xt = "SelectItemIndicator", wt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, ...r } = e;
+    return ht(xt, o).isSelected ? /* @__PURE__ */ i.jsx(A.span, { "aria-hidden": !0, ...r, ref: t }) : null;
+  }
+);
+wt.displayName = xt;
+var be = "SelectScrollUpButton", St = n.forwardRef((e, t) => {
+  const o = Q(be, e.__scopeSelect), r = Ee(be, e.__scopeSelect), [a, d] = n.useState(!1), s = k(t, r.onScrollButtonChange);
+  return Y(() => {
+    if (o.viewport && o.isPositioned) {
+      let c = function() {
+        const p = l.scrollTop > 0;
+        d(p);
+      };
+      const l = o.viewport;
+      return c(), l.addEventListener("scroll", c), () => l.removeEventListener("scroll", c);
+    }
+  }, [o.viewport, o.isPositioned]), a ? /* @__PURE__ */ i.jsx(
+    yt,
+    {
+      ...e,
+      ref: s,
+      onAutoScroll: () => {
+        const { viewport: c, selectedItem: l } = o;
+        c && l && (c.scrollTop = c.scrollTop - l.offsetHeight);
+      }
+    }
+  ) : null;
+});
+St.displayName = be;
+var Pe = "SelectScrollDownButton", Ct = n.forwardRef((e, t) => {
+  const o = Q(Pe, e.__scopeSelect), r = Ee(Pe, e.__scopeSelect), [a, d] = n.useState(!1), s = k(t, r.onScrollButtonChange);
+  return Y(() => {
+    if (o.viewport && o.isPositioned) {
+      let c = function() {
+        const p = l.scrollHeight - l.clientHeight, v = Math.ceil(l.scrollTop) < p;
+        d(v);
+      };
+      const l = o.viewport;
+      return c(), l.addEventListener("scroll", c), () => l.removeEventListener("scroll", c);
+    }
+  }, [o.viewport, o.isPositioned]), a ? /* @__PURE__ */ i.jsx(
+    yt,
+    {
+      ...e,
+      ref: s,
+      onAutoScroll: () => {
+        const { viewport: c, selectedItem: l } = o;
+        c && l && (c.scrollTop = c.scrollTop + l.offsetHeight);
+      }
+    }
+  ) : null;
+});
+Ct.displayName = Pe;
+var yt = n.forwardRef((e, t) => {
+  const { __scopeSelect: o, onAutoScroll: r, ...a } = e, d = Q("SelectScrollButton", o), s = n.useRef(null), c = me(o), l = n.useCallback(() => {
+    s.current !== null && (window.clearInterval(s.current), s.current = null);
+  }, []);
+  return n.useEffect(() => () => l(), [l]), Y(() => {
+    c().find((v) => v.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [c]), /* @__PURE__ */ i.jsx(
+    A.div,
+    {
+      "aria-hidden": !0,
+      ...a,
+      ref: t,
+      style: { flexShrink: 0, ...a.style },
+      onPointerDown: _(a.onPointerDown, () => {
+        s.current === null && (s.current = window.setInterval(r, 50));
+      }),
+      onPointerMove: _(a.onPointerMove, () => {
+        d.onItemLeave?.(), s.current === null && (s.current = window.setInterval(r, 50));
+      }),
+      onPointerLeave: _(a.onPointerLeave, () => {
+        l();
+      })
+    }
+  );
+}), Oo = "SelectSeparator", bt = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, ...r } = e;
+    return /* @__PURE__ */ i.jsx(A.div, { "aria-hidden": !0, ...r, ref: t });
+  }
+);
+bt.displayName = Oo;
+var Ie = "SelectArrow", Do = n.forwardRef(
+  (e, t) => {
+    const { __scopeSelect: o, ...r } = e, a = he(o), d = J(Ie, o), s = Q(Ie, o);
+    return d.open && s.position === "popper" ? /* @__PURE__ */ i.jsx(ro, { ...a, ...r, ref: t }) : null;
+  }
+);
+Do.displayName = Ie;
+var ko = "SelectBubbleInput", Pt = n.forwardRef(
+  ({ __scopeSelect: e, value: t, ...o }, r) => {
+    const a = n.useRef(null), d = k(r, a), s = go(t);
+    return n.useEffect(() => {
+      const c = a.current;
+      if (!c) return;
+      const l = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
+        l,
+        "value"
+      ).set;
+      if (s !== t && v) {
+        const w = new Event("change", { bubbles: !0 });
+        v.call(c, t), c.dispatchEvent(w);
+      }
+    }, [s, t]), /* @__PURE__ */ i.jsx(
+      A.select,
+      {
+        ...o,
+        style: { ...Ze, ...o.style },
+        ref: d,
+        defaultValue: t
+      }
+    );
+  }
+);
+Pt.displayName = ko;
+function It(e) {
+  return e === "" || e === void 0;
+}
+function Rt(e) {
+  const t = Le(e), o = n.useRef(""), r = n.useRef(0), a = n.useCallback(
+    (s) => {
+      const c = o.current + s;
+      t(c), (function l(p) {
+        o.current = p, window.clearTimeout(r.current), p !== "" && (r.current = window.setTimeout(() => l(""), 1e3));
+      })(c);
+    },
+    [t]
+  ), d = n.useCallback(() => {
+    o.current = "", window.clearTimeout(r.current);
+  }, []);
+  return n.useEffect(() => () => window.clearTimeout(r.current), []), [o, a, d];
+}
+function Tt(e, t, o) {
+  const a = t.length > 1 && Array.from(t).every((p) => p === t[0]) ? t[0] : t, d = o ? e.indexOf(o) : -1;
+  let s = Lo(e, Math.max(d, 0));
+  a.length === 1 && (s = s.filter((p) => p !== o));
+  const l = s.find(
+    (p) => p.textValue.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return l !== o ? l : void 0;
+}
+function Lo(e, t) {
+  return e.map((o, r) => e[(t + r) % e.length]);
+}
+var Ho = Qe, Bo = tt, Vo = nt, zo = rt, $o = st, Wo = at, Fo = dt, Uo = pt, Ko = mt, Yo = gt, Go = vt, qo = wt, Xo = St, Zo = Ct, Jo = bt;
+function un({ ...e }) {
+  return /* @__PURE__ */ i.jsx(Ho, { "data-slot": "select", ...e });
+}
+function pn({ ...e }) {
+  return /* @__PURE__ */ i.jsx(Uo, { "data-slot": "select-group", ...e });
+}
+function fn({ ...e }) {
+  return /* @__PURE__ */ i.jsx(Vo, { "data-slot": "select-value", ...e });
+}
+function mn({
+  className: e,
+  size: t = "default",
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ i.jsxs(
+    Bo,
+    {
+      "data-slot": "select-trigger",
+      "data-size": t,
+      className: Z(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...r,
+      children: [
+        o,
+        /* @__PURE__ */ i.jsx(zo, { asChild: !0, children: /* @__PURE__ */ i.jsx(Xe, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function hn({ className: e, children: t, position: o = "popper", ...r }) {
+  return /* @__PURE__ */ i.jsx($o, { children: /* @__PURE__ */ i.jsxs(
+    Wo,
+    {
+      "data-slot": "select-content",
+      className: Z(
+        "bg-content1 text-popover-foreground 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md shadow-medium",
+        o === "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: o,
+      ...r,
+      children: [
+        /* @__PURE__ */ i.jsx(Qo, {}),
+        /* @__PURE__ */ i.jsx(
+          Fo,
+          {
+            className: Z(
+              "p-1",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: t
+          }
+        ),
+        /* @__PURE__ */ i.jsx(en, {})
+      ]
+    }
+  ) });
+}
+function gn({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(Ko, { "data-slot": "select-label", className: Z("text-muted-foreground px-2 py-1.5 text-xs", e), ...t });
+}
+function vn({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ i.jsxs(
+    Yo,
+    {
+      "data-slot": "select-item",
+      className: Z(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ i.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ i.jsx(qo, { children: /* @__PURE__ */ i.jsx(po, { className: "size-4" }) }) }),
+        /* @__PURE__ */ i.jsx(Go, { children: t })
+      ]
+    }
+  );
+}
+function xn({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Jo,
+    {
+      "data-slot": "select-separator",
+      className: Z("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      ...t
+    }
+  );
+}
+function Qo({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Xo,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: Z("flex cursor-default items-center justify-center py-1", e),
+      ...t,
+      children: /* @__PURE__ */ i.jsx(ho, { className: "size-4" })
+    }
+  );
+}
+function en({ className: e, ...t }) {
+  return /* @__PURE__ */ i.jsx(
+    Zo,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: Z("flex cursor-default items-center justify-center py-1", e),
+      ...t,
+      children: /* @__PURE__ */ i.jsx(Xe, { className: "size-4" })
+    }
+  );
+}
+export {
+  oo as A,
+  no as C,
+  to as R,
+  un as S,
+  mn as a,
+  fn as b,
+  hn as c,
+  pn as d,
+  gn as e,
+  vn as f,
+  Wt as g,
+  Ve as h,
+  ro as i,
+  Ae as j,
+  po as k,
+  Xe as l,
+  cn as m,
+  go as n,
+  Oe as o,
+  Gt as p,
+  en as q,
+  Qo as r,
+  xn as s,
+  Ut as u
+};
+//# sourceMappingURL=select-C25qmFpo.js.map