lizaui 6.0.4 → 6.0.6

package/dist/chunks/select-KroYdQPb.js

@@ -0,0 +1,1251 @@
+import { j as r } from "./jsx-runtime-Cl_4eDuT.js";
+import * as n from "react";
+import ne from "react";
+import * as je from "react-dom";
+import { c as Ie, P as E, u as Y, a as Me, b as Ee, d as Re, e as bt, f as _, h as Pt, g as It, R as Rt, F as Tt, D as Nt } from "./textarea-ClUh9LtQ.js";
+import { u as L, c as Se } from "./index-Do-g2tEs.js";
+import { u as _t, o as Et, s as At, f as jt, b as Mt, a as Ot, h as Dt, l as Lt } from "./floating-ui.react-dom-DoFTdqmA.js";
+import { q as kt } from "./floating-ui.dom-DvdgQsph.js";
+import { c as Z } from "./utils-BFAOD39w.js";
+import { c as Ht, C as Bt, a as Oe } from "./chevron-down-BarFwo2L.js";
+function Vt(e) {
+  const o = e + "CollectionProvider", [t, l] = Ie(o), [a, d] = t(
+    o,
+    { 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__ */ r.jsx(a, { scope: h, itemMap: g, collectionRef: f, children: x });
+  };
+  s.displayName = o;
+  const c = e + "CollectionSlot", i = Se(c), p = ne.forwardRef(
+    (u, h) => {
+      const { scope: x, children: f } = u, g = d(c, x), R = L(h, g.collectionRef);
+      return /* @__PURE__ */ r.jsx(i, { ref: R, children: f });
+    }
+  );
+  p.displayName = c;
+  const v = e + "CollectionItemSlot", S = "data-radix-collection-item", P = Se(v), y = ne.forwardRef(
+    (u, h) => {
+      const { scope: x, children: f, ...g } = u, R = ne.useRef(null), A = L(h, R), k = d(v, x);
+      return ne.useEffect(() => (k.itemMap.set(R, { ref: R, ...g }), () => void k.itemMap.delete(R))), /* @__PURE__ */ r.jsx(P, { [S]: "", ref: A, children: f });
+    }
+  );
+  y.displayName = v;
+  function w(u) {
+    const h = d(e + "CollectionConsumer", u);
+    return ne.useCallback(() => {
+      const f = h.collectionRef.current;
+      if (!f) return [];
+      const g = Array.from(f.querySelectorAll(`[${S}]`));
+      return Array.from(h.itemMap.values()).sort(
+        (k, N) => g.indexOf(k.ref.current) - g.indexOf(N.ref.current)
+      );
+    }, [h.collectionRef, h.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: p, ItemSlot: y },
+    w,
+    l
+  ];
+}
+var zt = n.createContext(void 0);
+function Wt(e) {
+  const o = n.useContext(zt);
+  return e || o || "ltr";
+}
+var $t = "Arrow", De = n.forwardRef((e, o) => {
+  const { children: t, width: l = 10, height: a = 5, ...d } = e;
+  return /* @__PURE__ */ r.jsx(
+    E.svg,
+    {
+      ...d,
+      ref: o,
+      width: l,
+      height: a,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? t : /* @__PURE__ */ r.jsx("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+De.displayName = $t;
+var Ft = De;
+function Ut(e) {
+  const [o, t] = n.useState(void 0);
+  return Y(() => {
+    if (e) {
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const l = new ResizeObserver((a) => {
+        if (!Array.isArray(a) || !a.length)
+          return;
+        const d = a[0];
+        let s, c;
+        if ("borderBoxSize" in d) {
+          const i = d.borderBoxSize, p = Array.isArray(i) ? i[0] : i;
+          s = p.inlineSize, c = p.blockSize;
+        } else
+          s = e.offsetWidth, c = e.offsetHeight;
+        t({ width: s, height: c });
+      });
+      return l.observe(e, { box: "border-box" }), () => l.unobserve(e);
+    } else
+      t(void 0);
+  }, [e]), o;
+}
+var Te = "Popper", [Le, ke] = Ie(Te), [Kt, He] = Le(Te), Be = (e) => {
+  const { __scopePopper: o, children: t } = e, [l, a] = n.useState(null);
+  return /* @__PURE__ */ r.jsx(Kt, { scope: o, anchor: l, onAnchorChange: a, children: t });
+};
+Be.displayName = Te;
+var Ve = "PopperAnchor", ze = n.forwardRef(
+  (e, o) => {
+    const { __scopePopper: t, virtualRef: l, ...a } = e, d = He(Ve, t), s = n.useRef(null), c = L(o, s), i = n.useRef(null);
+    return n.useEffect(() => {
+      const p = i.current;
+      i.current = l?.current || s.current, p !== i.current && d.onAnchorChange(i.current);
+    }), l ? null : /* @__PURE__ */ r.jsx(E.div, { ...a, ref: c });
+  }
+);
+ze.displayName = Ve;
+var Ne = "PopperContent", [Yt, Gt] = Le(Ne), We = n.forwardRef(
+  (e, o) => {
+    const {
+      __scopePopper: t,
+      side: l = "bottom",
+      sideOffset: a = 0,
+      align: d = "center",
+      alignOffset: s = 0,
+      arrowPadding: c = 0,
+      avoidCollisions: i = !0,
+      collisionBoundary: p = [],
+      collisionPadding: v = 0,
+      sticky: S = "partial",
+      hideWhenDetached: P = !1,
+      updatePositionStrategy: y = "optimized",
+      onPlaced: w,
+      ...u
+    } = e, h = He(Ne, t), [x, f] = n.useState(null), g = L(o, (m) => f(m)), [R, A] = n.useState(null), k = Ut(R), N = k?.width ?? 0, H = k?.height ?? 0, G = l + (d !== "center" ? "-" + d : ""), X = typeof v == "number" ? v : { top: 0, right: 0, bottom: 0, left: 0, ...v }, V = Array.isArray(p) ? p : [p], $ = V.length > 0, B = {
+      padding: X,
+      boundary: V.filter(qt),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: $
+    }, { refs: F, floatingStyles: z, placement: j, isPositioned: O, middlewareData: M } = _t({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: G,
+      whileElementsMounted: (...m) => kt(...m, {
+        animationFrame: y === "always"
+      }),
+      elements: {
+        reference: h.anchor
+      },
+      middleware: [
+        Et({ mainAxis: a + H, alignmentAxis: s }),
+        i && At({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: S === "partial" ? Lt() : void 0,
+          ...B
+        }),
+        i && jt({ ...B }),
+        Mt({
+          ...B,
+          apply: ({ elements: m, rects: I, availableWidth: D, availableHeight: C }) => {
+            const { width: b, height: T } = I.reference, W = m.floating.style;
+            W.setProperty("--radix-popper-available-width", `${D}px`), W.setProperty("--radix-popper-available-height", `${C}px`), W.setProperty("--radix-popper-anchor-width", `${b}px`), W.setProperty("--radix-popper-anchor-height", `${T}px`);
+          }
+        }),
+        R && Ot({ element: R, padding: c }),
+        Zt({ arrowWidth: N, arrowHeight: H }),
+        P && Dt({ strategy: "referenceHidden", ...B })
+      ]
+    }), [U, le] = Ue(j), ee = Me(w);
+    Y(() => {
+      O && ee?.();
+    }, [O, ee]);
+    const ce = M.arrow?.x, de = M.arrow?.y, q = M.arrow?.centerOffset !== 0, [ae, te] = n.useState();
+    return Y(() => {
+      x && te(window.getComputedStyle(x).zIndex);
+    }, [x]), /* @__PURE__ */ r.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__ */ r.jsx(
+          Yt,
+          {
+            scope: t,
+            placedSide: U,
+            onArrowChange: A,
+            arrowX: ce,
+            arrowY: de,
+            shouldHideArrow: q,
+            children: /* @__PURE__ */ r.jsx(
+              E.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"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+We.displayName = Ne;
+var $e = "PopperArrow", Xt = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Fe = n.forwardRef(function(o, t) {
+  const { __scopePopper: l, ...a } = o, d = Gt($e, l), s = Xt[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__ */ r.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__ */ r.jsx(
+          Ft,
+          {
+            ...a,
+            ref: t,
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Fe.displayName = $e;
+function qt(e) {
+  return e !== null;
+}
+var Zt = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(o) {
+    const { placement: t, rects: l, middlewareData: a } = o, s = a.arrow?.centerOffset !== 0, c = s ? 0 : e.arrowWidth, i = s ? 0 : e.arrowHeight, [p, v] = Ue(t), S = { start: "0%", center: "50%", end: "100%" }[v], P = (a.arrow?.x ?? 0) + c / 2, y = (a.arrow?.y ?? 0) + i / 2;
+    let w = "", u = "";
+    return p === "bottom" ? (w = s ? S : `${P}px`, u = `${-i}px`) : p === "top" ? (w = s ? S : `${P}px`, u = `${l.floating.height + i}px`) : p === "right" ? (w = `${-i}px`, u = s ? S : `${y}px`) : p === "left" && (w = `${l.floating.width + i}px`, u = s ? S : `${y}px`), { data: { x: w, y: u } };
+  }
+});
+function Ue(e) {
+  const [o, t = "center"] = e.split("-");
+  return [o, t];
+}
+var Jt = Be, Qt = ze, eo = We, to = Fe;
+const oo = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], no = Ht("chevron-up", oo);
+function ro(e) {
+  const o = n.useRef({ value: e, previous: e });
+  return n.useMemo(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [e]);
+}
+var Ke = 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"
+}), so = "VisuallyHidden", Ye = n.forwardRef(
+  (e, o) => /* @__PURE__ */ r.jsx(
+    E.span,
+    {
+      ...e,
+      ref: o,
+      style: { ...Ke, ...e.style }
+    }
+  )
+);
+Ye.displayName = so;
+var Jo = Ye;
+function Ae(e, [o, t]) {
+  return Math.min(t, Math.max(o, e));
+}
+var ao = [" ", "Enter", "ArrowUp", "ArrowDown"], io = [" ", "Enter"], re = "Select", [fe, me, lo] = Vt(re), [ie, Qo] = Ie(re, [
+  lo,
+  ke
+]), he = ke(), [co, J] = ie(re), [uo, po] = ie(re), Ge = (e) => {
+  const {
+    __scopeSelect: o,
+    children: t,
+    open: l,
+    defaultOpen: a,
+    onOpenChange: d,
+    value: s,
+    defaultValue: c,
+    onValueChange: i,
+    dir: p,
+    name: v,
+    autoComplete: S,
+    disabled: P,
+    required: y,
+    form: w
+  } = e, u = he(o), [h, x] = n.useState(null), [f, g] = n.useState(null), [R, A] = n.useState(!1), k = Wt(p), [N, H] = Ee({
+    prop: l,
+    defaultProp: a ?? !1,
+    onChange: d,
+    caller: re
+  }), [G, X] = Ee({
+    prop: s,
+    defaultProp: c,
+    onChange: i,
+    caller: re
+  }), V = n.useRef(null), $ = h ? w || !!h.closest("form") : !0, [B, F] = n.useState(/* @__PURE__ */ new Set()), z = Array.from(B).map((j) => j.props.value).join(";");
+  return /* @__PURE__ */ r.jsx(Jt, { ...u, children: /* @__PURE__ */ r.jsxs(
+    co,
+    {
+      required: y,
+      scope: o,
+      trigger: h,
+      onTriggerChange: x,
+      valueNode: f,
+      onValueNodeChange: g,
+      valueNodeHasChildren: R,
+      onValueNodeHasChildrenChange: A,
+      contentId: Re(),
+      value: G,
+      onValueChange: X,
+      open: N,
+      onOpenChange: H,
+      dir: k,
+      triggerPointerDownPosRef: V,
+      disabled: P,
+      children: [
+        /* @__PURE__ */ r.jsx(fe.Provider, { scope: o, children: /* @__PURE__ */ r.jsx(
+          uo,
+          {
+            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: t
+          }
+        ) }),
+        $ ? /* @__PURE__ */ r.jsxs(
+          St,
+          {
+            "aria-hidden": !0,
+            required: y,
+            tabIndex: -1,
+            name: v,
+            autoComplete: S,
+            value: G,
+            onChange: (j) => X(j.target.value),
+            disabled: P,
+            form: w,
+            children: [
+              G === void 0 ? /* @__PURE__ */ r.jsx("option", { value: "" }) : null,
+              Array.from(B)
+            ]
+          },
+          z
+        ) : null
+      ]
+    }
+  ) });
+};
+Ge.displayName = re;
+var Xe = "SelectTrigger", qe = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, disabled: l = !1, ...a } = e, d = he(t), s = J(Xe, t), c = s.disabled || l, i = L(o, s.onTriggerChange), p = me(t), v = n.useRef("touch"), [S, P, y] = yt((u) => {
+      const h = p().filter((g) => !g.disabled), x = h.find((g) => g.value === s.value), f = Ct(h, u, x);
+      f !== void 0 && s.onValueChange(f.value);
+    }), w = (u) => {
+      c || (s.onOpenChange(!0), y()), u && (s.triggerPointerDownPosRef.current = {
+        x: Math.round(u.pageX),
+        y: Math.round(u.pageY)
+      });
+    };
+    return /* @__PURE__ */ r.jsx(Qt, { asChild: !0, ...d, children: /* @__PURE__ */ r.jsx(
+      E.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": wt(s.value) ? "" : void 0,
+        ...a,
+        ref: i,
+        onClick: _(a.onClick, (u) => {
+          u.currentTarget.focus(), v.current !== "mouse" && w(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" && (w(u), u.preventDefault());
+        }),
+        onKeyDown: _(a.onKeyDown, (u) => {
+          const h = S.current !== "";
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && P(u.key), !(h && u.key === " ") && ao.includes(u.key) && (w(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+qe.displayName = Xe;
+var Ze = "SelectValue", Je = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, className: l, style: a, children: d, placeholder: s = "", ...c } = e, i = J(Ze, t), { onValueNodeHasChildrenChange: p } = i, v = d !== void 0, S = L(o, i.onValueNodeChange);
+    return Y(() => {
+      p(v);
+    }, [p, v]), /* @__PURE__ */ r.jsx(
+      E.span,
+      {
+        ...c,
+        ref: S,
+        style: { pointerEvents: "none" },
+        children: wt(i.value) ? /* @__PURE__ */ r.jsx(r.Fragment, { children: s }) : d
+      }
+    );
+  }
+);
+Je.displayName = Ze;
+var fo = "SelectIcon", Qe = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, children: l, ...a } = e;
+    return /* @__PURE__ */ r.jsx(E.span, { "aria-hidden": !0, ...a, ref: o, children: l || "▼" });
+  }
+);
+Qe.displayName = fo;
+var mo = "SelectPortal", et = (e) => /* @__PURE__ */ r.jsx(bt, { asChild: !0, ...e });
+et.displayName = mo;
+var se = "SelectContent", tt = n.forwardRef(
+  (e, o) => {
+    const t = J(se, e.__scopeSelect), [l, a] = n.useState();
+    if (Y(() => {
+      a(new DocumentFragment());
+    }, []), !t.open) {
+      const d = l;
+      return d ? je.createPortal(
+        /* @__PURE__ */ r.jsx(ot, { scope: e.__scopeSelect, children: /* @__PURE__ */ r.jsx(fe.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ r.jsx("div", { children: e.children }) }) }),
+        d
+      ) : null;
+    }
+    return /* @__PURE__ */ r.jsx(nt, { ...e, ref: o });
+  }
+);
+tt.displayName = se;
+var K = 10, [ot, Q] = ie(se), ho = "SelectContentImpl", go = Se("SelectContent.RemoveScroll"), nt = n.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSelect: t,
+      position: l = "item-aligned",
+      onCloseAutoFocus: a,
+      onEscapeKeyDown: d,
+      onPointerDownOutside: s,
+      //
+      // PopperContent props
+      side: c,
+      sideOffset: i,
+      align: p,
+      alignOffset: v,
+      arrowPadding: S,
+      collisionBoundary: P,
+      collisionPadding: y,
+      sticky: w,
+      hideWhenDetached: u,
+      avoidCollisions: h,
+      //
+      ...x
+    } = e, f = J(se, t), [g, R] = n.useState(null), [A, k] = n.useState(null), N = L(o, (m) => R(m)), [H, G] = n.useState(null), [X, V] = n.useState(
+      null
+    ), $ = me(t), [B, F] = n.useState(!1), z = n.useRef(!1);
+    n.useEffect(() => {
+      if (g) return Pt(g);
+    }, [g]), It();
+    const j = n.useCallback(
+      (m) => {
+        const [I, ...D] = $().map((T) => T.ref.current), [C] = D.slice(-1), b = document.activeElement;
+        for (const T of m)
+          if (T === b || (T?.scrollIntoView({ block: "nearest" }), T === I && A && (A.scrollTop = 0), T === C && A && (A.scrollTop = A.scrollHeight), T?.focus(), document.activeElement !== b)) return;
+      },
+      [$, A]
+    ), 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 = (C) => {
+          m = {
+            x: Math.abs(Math.round(C.pageX) - (U.current?.x ?? 0)),
+            y: Math.abs(Math.round(C.pageY) - (U.current?.y ?? 0))
+          };
+        }, D = (C) => {
+          m.x <= 10 && m.y <= 10 ? C.preventDefault() : g.contains(C.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] = yt((m) => {
+      const I = $().filter((b) => !b.disabled), D = I.find((b) => b.ref.current === document.activeElement), C = Ct(I, m, D);
+      C && setTimeout(() => C.ref.current.focus());
+    }), ce = n.useCallback(
+      (m, I, D) => {
+        const C = !z.current && !D;
+        (f.value !== void 0 && f.value === I || C) && (G(m), C && (z.current = !0));
+      },
+      [f.value]
+    ), de = n.useCallback(() => g?.focus(), [g]), q = n.useCallback(
+      (m, I, D) => {
+        const C = !z.current && !D;
+        (f.value !== void 0 && f.value === I || C) && V(m);
+      },
+      [f.value]
+    ), ae = l === "popper" ? we : rt, te = ae === we ? {
+      side: c,
+      sideOffset: i,
+      align: p,
+      alignOffset: v,
+      arrowPadding: S,
+      collisionBoundary: P,
+      collisionPadding: y,
+      sticky: w,
+      hideWhenDetached: u,
+      avoidCollisions: h
+    } : {};
+    return /* @__PURE__ */ r.jsx(
+      ot,
+      {
+        scope: t,
+        content: g,
+        viewport: A,
+        onViewportChange: k,
+        itemRefCallback: ce,
+        selectedItem: H,
+        onItemLeave: de,
+        itemTextRefCallback: q,
+        focusSelectedItem: O,
+        selectedItemText: X,
+        position: l,
+        isPositioned: B,
+        searchRef: le,
+        children: /* @__PURE__ */ r.jsx(Rt, { as: go, allowPinchZoom: !0, children: /* @__PURE__ */ r.jsx(
+          Tt,
+          {
+            asChild: !0,
+            trapped: f.open,
+            onMountAutoFocus: (m) => {
+              m.preventDefault();
+            },
+            onUnmountAutoFocus: _(a, (m) => {
+              f.trigger?.focus({ preventScroll: !0 }), m.preventDefault();
+            }),
+            children: /* @__PURE__ */ r.jsx(
+              Nt,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: d,
+                onPointerDownOutside: s,
+                onFocusOutside: (m) => m.preventDefault(),
+                onDismiss: () => f.onOpenChange(!1),
+                children: /* @__PURE__ */ r.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 C = $().filter((b) => !b.disabled).map((b) => b.ref.current);
+                        if (["ArrowUp", "End"].includes(m.key) && (C = C.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
+                          const b = m.target, T = C.indexOf(b);
+                          C = C.slice(T + 1);
+                        }
+                        setTimeout(() => j(C)), m.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+nt.displayName = ho;
+var vo = "SelectItemAlignedPosition", rt = n.forwardRef((e, o) => {
+  const { __scopeSelect: t, onPlaced: l, ...a } = e, d = J(se, t), s = Q(se, t), [c, i] = n.useState(null), [p, v] = n.useState(null), S = L(o, (N) => v(N)), P = me(t), y = n.useRef(!1), w = 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(), X = x.getBoundingClientRect();
+      if (d.dir !== "rtl") {
+        const b = X.left - H.left, T = G.left - b, W = N.left - T, oe = N.width + W, ge = Math.max(oe, H.width), ve = window.innerWidth - K, xe = Ae(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 - X.right, T = window.innerWidth - G.right - b, W = window.innerWidth - N.right - T, oe = N.width + W, ge = Math.max(oe, H.width), ve = window.innerWidth - K, xe = Ae(T, [
+          K,
+          Math.max(K, ve - ge)
+        ]);
+        c.style.minWidth = oe + "px", c.style.right = xe + "px";
+      }
+      const V = P(), $ = 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), q = N.top + N.height / 2 - K, ae = $ - q, te = h.offsetHeight / 2, m = h.offsetTop + te, I = z + j + m, D = U - I;
+      if (I <= q) {
+        const b = V.length > 0 && h === V[V.length - 1].ref.current;
+        c.style.bottom = "0px";
+        const T = p.clientHeight - u.offsetTop - u.offsetHeight, W = Math.max(
+          ae,
+          te + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (b ? de : 0) + T + O
+        ), oe = I + W;
+        c.style.height = oe + "px";
+      } else {
+        const b = V.length > 0 && h === V[0].ref.current;
+        c.style.top = "0px";
+        const W = Math.max(
+          q,
+          z + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (b ? ce : 0) + te
+        ) + D;
+        c.style.height = W + "px", u.scrollTop = I - q + u.offsetTop;
+      }
+      c.style.margin = `${K}px 0`, c.style.minHeight = le + "px", c.style.maxHeight = $ + "px", l?.(), requestAnimationFrame(() => y.current = !0);
+    }
+  }, [
+    P,
+    d.trigger,
+    d.valueNode,
+    c,
+    p,
+    u,
+    h,
+    x,
+    d.dir,
+    l
+  ]);
+  Y(() => g(), [g]);
+  const [R, A] = n.useState();
+  Y(() => {
+    p && A(window.getComputedStyle(p).zIndex);
+  }, [p]);
+  const k = n.useCallback(
+    (N) => {
+      N && w.current === !0 && (g(), f?.(), w.current = !1);
+    },
+    [g, f]
+  );
+  return /* @__PURE__ */ r.jsx(
+    So,
+    {
+      scope: t,
+      contentWrapper: c,
+      shouldExpandOnScrollRef: y,
+      onScrollButtonChange: k,
+      children: /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          ref: i,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: R
+          },
+          children: /* @__PURE__ */ r.jsx(
+            E.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
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+rt.displayName = vo;
+var xo = "SelectPopperPosition", we = n.forwardRef((e, o) => {
+  const {
+    __scopeSelect: t,
+    align: l = "start",
+    collisionPadding: a = K,
+    ...d
+  } = e, s = he(t);
+  return /* @__PURE__ */ r.jsx(
+    eo,
+    {
+      ...s,
+      ...d,
+      ref: o,
+      align: l,
+      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)"
+      }
+    }
+  );
+});
+we.displayName = xo;
+var [So, _e] = ie(se, {}), ye = "SelectViewport", st = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, nonce: l, ...a } = e, d = Q(ye, t), s = _e(ye, t), c = L(o, d.onViewportChange), i = n.useRef(0);
+    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.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: l
+        }
+      ),
+      /* @__PURE__ */ r.jsx(fe.Slot, { scope: t, children: /* @__PURE__ */ r.jsx(
+        E.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: S, shouldExpandOnScrollRef: P } = s;
+            if (P?.current && S) {
+              const y = Math.abs(i.current - v.scrollTop);
+              if (y > 0) {
+                const w = window.innerHeight - K * 2, u = parseFloat(S.style.minHeight), h = parseFloat(S.style.height), x = Math.max(u, h);
+                if (x < w) {
+                  const f = x + y, g = Math.min(w, f), R = f - g;
+                  S.style.height = g + "px", S.style.bottom === "0px" && (v.scrollTop = R > 0 ? R : 0, S.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            i.current = v.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+st.displayName = ye;
+var at = "SelectGroup", [wo, yo] = ie(at), it = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...l } = e, a = Re();
+    return /* @__PURE__ */ r.jsx(wo, { scope: t, id: a, children: /* @__PURE__ */ r.jsx(E.div, { role: "group", "aria-labelledby": a, ...l, ref: o }) });
+  }
+);
+it.displayName = at;
+var lt = "SelectLabel", ct = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...l } = e, a = yo(lt, t);
+    return /* @__PURE__ */ r.jsx(E.div, { id: a.id, ...l, ref: o });
+  }
+);
+ct.displayName = lt;
+var pe = "SelectItem", [Co, dt] = ie(pe), ut = n.forwardRef(
+  (e, o) => {
+    const {
+      __scopeSelect: t,
+      value: l,
+      disabled: a = !1,
+      textValue: d,
+      ...s
+    } = e, c = J(pe, t), i = Q(pe, t), p = c.value === l, [v, S] = n.useState(d ?? ""), [P, y] = n.useState(!1), w = L(
+      o,
+      (f) => i.itemRefCallback?.(f, l, a)
+    ), u = Re(), h = n.useRef("touch"), x = () => {
+      a || (c.onValueChange(l), c.onOpenChange(!1));
+    };
+    if (l === "")
+      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__ */ r.jsx(
+      Co,
+      {
+        scope: t,
+        value: l,
+        disabled: a,
+        textId: u,
+        isSelected: p,
+        onItemTextChange: n.useCallback((f) => {
+          S((g) => g || (f?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ r.jsx(
+          fe.ItemSlot,
+          {
+            scope: t,
+            value: l,
+            disabled: a,
+            textValue: v,
+            children: /* @__PURE__ */ r.jsx(
+              E.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: w,
+                onFocus: _(s.onFocus, () => y(!0)),
+                onBlur: _(s.onBlur, () => y(!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 ? i.onItemLeave?.() : h.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: _(s.onPointerLeave, (f) => {
+                  f.currentTarget === document.activeElement && i.onItemLeave?.();
+                }),
+                onKeyDown: _(s.onKeyDown, (f) => {
+                  i.searchRef?.current !== "" && f.key === " " || (io.includes(f.key) && x(), f.key === " " && f.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ut.displayName = pe;
+var ue = "SelectItemText", pt = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, className: l, style: a, ...d } = e, s = J(ue, t), c = Q(ue, t), i = dt(ue, t), p = po(ue, t), [v, S] = n.useState(null), P = L(
+      o,
+      (x) => S(x),
+      i.onItemTextChange,
+      (x) => c.itemTextRefCallback?.(x, i.value, i.disabled)
+    ), y = v?.textContent, w = n.useMemo(
+      () => /* @__PURE__ */ r.jsx("option", { value: i.value, disabled: i.disabled, children: y }, i.value),
+      [i.disabled, i.value, y]
+    ), { onNativeOptionAdd: u, onNativeOptionRemove: h } = p;
+    return Y(() => (u(w), () => h(w)), [u, h, w]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(E.span, { id: i.textId, ...d, ref: P }),
+      i.isSelected && s.valueNode && !s.valueNodeHasChildren ? je.createPortal(d.children, s.valueNode) : null
+    ] });
+  }
+);
+pt.displayName = ue;
+var ft = "SelectItemIndicator", mt = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...l } = e;
+    return dt(ft, t).isSelected ? /* @__PURE__ */ r.jsx(E.span, { "aria-hidden": !0, ...l, ref: o }) : null;
+  }
+);
+mt.displayName = ft;
+var Ce = "SelectScrollUpButton", ht = n.forwardRef((e, o) => {
+  const t = Q(Ce, e.__scopeSelect), l = _e(Ce, e.__scopeSelect), [a, d] = n.useState(!1), s = L(o, l.onScrollButtonChange);
+  return Y(() => {
+    if (t.viewport && t.isPositioned) {
+      let c = function() {
+        const p = i.scrollTop > 0;
+        d(p);
+      };
+      const i = t.viewport;
+      return c(), i.addEventListener("scroll", c), () => i.removeEventListener("scroll", c);
+    }
+  }, [t.viewport, t.isPositioned]), a ? /* @__PURE__ */ r.jsx(
+    vt,
+    {
+      ...e,
+      ref: s,
+      onAutoScroll: () => {
+        const { viewport: c, selectedItem: i } = t;
+        c && i && (c.scrollTop = c.scrollTop - i.offsetHeight);
+      }
+    }
+  ) : null;
+});
+ht.displayName = Ce;
+var be = "SelectScrollDownButton", gt = n.forwardRef((e, o) => {
+  const t = Q(be, e.__scopeSelect), l = _e(be, e.__scopeSelect), [a, d] = n.useState(!1), s = L(o, l.onScrollButtonChange);
+  return Y(() => {
+    if (t.viewport && t.isPositioned) {
+      let c = function() {
+        const p = i.scrollHeight - i.clientHeight, v = Math.ceil(i.scrollTop) < p;
+        d(v);
+      };
+      const i = t.viewport;
+      return c(), i.addEventListener("scroll", c), () => i.removeEventListener("scroll", c);
+    }
+  }, [t.viewport, t.isPositioned]), a ? /* @__PURE__ */ r.jsx(
+    vt,
+    {
+      ...e,
+      ref: s,
+      onAutoScroll: () => {
+        const { viewport: c, selectedItem: i } = t;
+        c && i && (c.scrollTop = c.scrollTop + i.offsetHeight);
+      }
+    }
+  ) : null;
+});
+gt.displayName = be;
+var vt = n.forwardRef((e, o) => {
+  const { __scopeSelect: t, onAutoScroll: l, ...a } = e, d = Q("SelectScrollButton", t), s = n.useRef(null), c = me(t), i = n.useCallback(() => {
+    s.current !== null && (window.clearInterval(s.current), s.current = null);
+  }, []);
+  return n.useEffect(() => () => i(), [i]), Y(() => {
+    c().find((v) => v.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [c]), /* @__PURE__ */ r.jsx(
+    E.div,
+    {
+      "aria-hidden": !0,
+      ...a,
+      ref: o,
+      style: { flexShrink: 0, ...a.style },
+      onPointerDown: _(a.onPointerDown, () => {
+        s.current === null && (s.current = window.setInterval(l, 50));
+      }),
+      onPointerMove: _(a.onPointerMove, () => {
+        d.onItemLeave?.(), s.current === null && (s.current = window.setInterval(l, 50));
+      }),
+      onPointerLeave: _(a.onPointerLeave, () => {
+        i();
+      })
+    }
+  );
+}), bo = "SelectSeparator", xt = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...l } = e;
+    return /* @__PURE__ */ r.jsx(E.div, { "aria-hidden": !0, ...l, ref: o });
+  }
+);
+xt.displayName = bo;
+var Pe = "SelectArrow", Po = n.forwardRef(
+  (e, o) => {
+    const { __scopeSelect: t, ...l } = e, a = he(t), d = J(Pe, t), s = Q(Pe, t);
+    return d.open && s.position === "popper" ? /* @__PURE__ */ r.jsx(to, { ...a, ...l, ref: o }) : null;
+  }
+);
+Po.displayName = Pe;
+var Io = "SelectBubbleInput", St = n.forwardRef(
+  ({ __scopeSelect: e, value: o, ...t }, l) => {
+    const a = n.useRef(null), d = L(l, a), s = ro(o);
+    return n.useEffect(() => {
+      const c = a.current;
+      if (!c) return;
+      const i = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
+        i,
+        "value"
+      ).set;
+      if (s !== o && v) {
+        const S = new Event("change", { bubbles: !0 });
+        v.call(c, o), c.dispatchEvent(S);
+      }
+    }, [s, o]), /* @__PURE__ */ r.jsx(
+      E.select,
+      {
+        ...t,
+        style: { ...Ke, ...t.style },
+        ref: d,
+        defaultValue: o
+      }
+    );
+  }
+);
+St.displayName = Io;
+function wt(e) {
+  return e === "" || e === void 0;
+}
+function yt(e) {
+  const o = Me(e), t = n.useRef(""), l = n.useRef(0), a = n.useCallback(
+    (s) => {
+      const c = t.current + s;
+      o(c), (function i(p) {
+        t.current = p, window.clearTimeout(l.current), p !== "" && (l.current = window.setTimeout(() => i(""), 1e3));
+      })(c);
+    },
+    [o]
+  ), d = n.useCallback(() => {
+    t.current = "", window.clearTimeout(l.current);
+  }, []);
+  return n.useEffect(() => () => window.clearTimeout(l.current), []), [t, a, d];
+}
+function Ct(e, o, t) {
+  const a = o.length > 1 && Array.from(o).every((p) => p === o[0]) ? o[0] : o, d = t ? e.indexOf(t) : -1;
+  let s = Ro(e, Math.max(d, 0));
+  a.length === 1 && (s = s.filter((p) => p !== t));
+  const i = s.find(
+    (p) => p.textValue.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return i !== t ? i : void 0;
+}
+function Ro(e, o) {
+  return e.map((t, l) => e[(o + l) % e.length]);
+}
+var To = Ge, No = qe, _o = Je, Eo = Qe, Ao = et, jo = tt, Mo = st, Oo = it, Do = ct, Lo = ut, ko = pt, Ho = mt, Bo = ht, Vo = gt, zo = xt;
+function en({ ...e }) {
+  return /* @__PURE__ */ r.jsx(To, { "data-slot": "select", ...e });
+}
+function tn({ ...e }) {
+  return /* @__PURE__ */ r.jsx(Oo, { "data-slot": "select-group", ...e });
+}
+function on({ ...e }) {
+  return /* @__PURE__ */ r.jsx(_o, { "data-slot": "select-value", ...e });
+}
+function nn({
+  className: e,
+  size: o = "default",
+  children: t,
+  ...l
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    No,
+    {
+      "data-slot": "select-trigger",
+      "data-size": o,
+      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
+      ),
+      ...l,
+      children: [
+        t,
+        /* @__PURE__ */ r.jsx(Eo, { asChild: !0, children: /* @__PURE__ */ r.jsx(Oe, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function rn({ className: e, children: o, position: t = "popper", ...l }) {
+  return /* @__PURE__ */ r.jsx(Ao, { children: /* @__PURE__ */ r.jsxs(
+    jo,
+    {
+      "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",
+        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,
+      ...l,
+      children: [
+        /* @__PURE__ */ r.jsx(Wo, {}),
+        /* @__PURE__ */ r.jsx(
+          Mo,
+          {
+            className: Z(
+              "p-1",
+              t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: o
+          }
+        ),
+        /* @__PURE__ */ r.jsx($o, {})
+      ]
+    }
+  ) });
+}
+function sn({ className: e, ...o }) {
+  return /* @__PURE__ */ r.jsx(Do, { "data-slot": "select-label", className: Z("text-muted-foreground px-2 py-1.5 text-xs", e), ...o });
+}
+function an({ className: e, children: o, ...t }) {
+  return /* @__PURE__ */ r.jsxs(
+    Lo,
+    {
+      "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
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ r.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ r.jsx(Ho, { children: /* @__PURE__ */ r.jsx(Bt, { className: "size-4" }) }) }),
+        /* @__PURE__ */ r.jsx(ko, { children: o })
+      ]
+    }
+  );
+}
+function ln({ className: e, ...o }) {
+  return /* @__PURE__ */ r.jsx(
+    zo,
+    {
+      "data-slot": "select-separator",
+      className: Z("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      ...o
+    }
+  );
+}
+function Wo({ className: e, ...o }) {
+  return /* @__PURE__ */ r.jsx(
+    Bo,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: Z("flex cursor-default items-center justify-center py-1", e),
+      ...o,
+      children: /* @__PURE__ */ r.jsx(no, { className: "size-4" })
+    }
+  );
+}
+function $o({ className: e, ...o }) {
+  return /* @__PURE__ */ r.jsx(
+    Vo,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: Z("flex cursor-default items-center justify-center py-1", e),
+      ...o,
+      children: /* @__PURE__ */ r.jsx(Oe, { className: "size-4" })
+    }
+  );
+}
+export {
+  Qt as A,
+  eo as C,
+  Jt as R,
+  en as S,
+  nn as a,
+  on as b,
+  rn as c,
+  tn as d,
+  sn as e,
+  an as f,
+  Vt as g,
+  ke as h,
+  to as i,
+  Jo as j,
+  ro as k,
+  Ae as l,
+  Ut as m,
+  $o as n,
+  Wo as o,
+  ln as p,
+  Wt as u
+};
+//# sourceMappingURL=select-KroYdQPb.js.map