@adamosuiteservices/ui 1.0.0

package/dist/select.js

@@ -0,0 +1,987 @@
+import { j as n } from "./jsx-runtime-BzflLqGi.js";
+import * as r from "react";
+import * as Ne from "react-dom";
+import { c as Te } from "./index-rKs9bXHr.js";
+import { u as Pe, c as P } from "./index-C0UREtMP.js";
+import { u as at, c as st } from "./index-D02K8KOB.js";
+import { u as L, a as lt } from "./index-6oTEokEx.js";
+import { c as ct } from "./index-FxyLF8MY.js";
+import { D as it } from "./index-C329e3yQ.js";
+import { h as dt, u as ut, R as pt, F as mt } from "./index-o0sNTcKe.js";
+import { u as Ie } from "./index-Cv867SGx.js";
+import { c as Re, R as ft, A as ht, C as vt, a as gt } from "./index-CAOY367Y.js";
+import { P as xt } from "./index-yR-v1A4G.js";
+import { P as j } from "./index-C5wjudc-.js";
+import { u as St } from "./index-0ioNhtNM.js";
+import { u as $ } from "./index-CCKe-Mpx.js";
+import { u as wt } from "./index-BZPx6jYI.js";
+import { a as Ct } from "./index-P1sVIHE3.js";
+import { c as G } from "./utils-CRiPKpXj.js";
+import { C as yt } from "./check-Ci0GjV-B.js";
+import { C as _e } from "./chevron-down-CpVS2Z7w.js";
+import { c as It } from "./createLucideIcon-B_8CJpcQ.js";
+/**
+ * @license lucide-react v0.546.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bt = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], Tt = It("chevron-up", bt);
+var Pt = [" ", "Enter", "ArrowUp", "ArrowDown"], Nt = [" ", "Enter"], Q = "Select", [ie, de, Rt] = st(Q), [oe] = ct(Q, [
+  Rt,
+  Re
+]), ue = Re(), [_t, Y] = oe(Q), [Et, jt] = oe(Q), Ee = (t) => {
+  const {
+    __scopeSelect: o,
+    children: e,
+    open: c,
+    defaultOpen: s,
+    onOpenChange: u,
+    value: a,
+    defaultValue: l,
+    onValueChange: i,
+    dir: m,
+    name: g,
+    autoComplete: w,
+    disabled: N,
+    required: b,
+    form: y
+  } = t, d = ue(o), [h, x] = r.useState(null), [f, v] = r.useState(null), [U, M] = r.useState(!1), ne = at(m), [R, O] = Pe({
+    prop: c,
+    defaultProp: s ?? !1,
+    onChange: u,
+    caller: Q
+  }), [W, X] = Pe({
+    prop: a,
+    defaultProp: l,
+    onChange: i,
+    caller: Q
+  }), k = r.useRef(null), B = h ? y || !!h.closest("form") : !0, [z, V] = r.useState(/* @__PURE__ */ new Set()), H = Array.from(z).map((_) => _.props.value).join(";");
+  return /* @__PURE__ */ n.jsx(ft, { ...d, children: /* @__PURE__ */ n.jsxs(
+    _t,
+    {
+      required: b,
+      scope: o,
+      trigger: h,
+      onTriggerChange: x,
+      valueNode: f,
+      onValueNodeChange: v,
+      valueNodeHasChildren: U,
+      onValueNodeHasChildrenChange: M,
+      contentId: Ie(),
+      value: W,
+      onValueChange: X,
+      open: R,
+      onOpenChange: O,
+      dir: ne,
+      triggerPointerDownPosRef: k,
+      disabled: N,
+      children: [
+        /* @__PURE__ */ n.jsx(ie.Provider, { scope: o, children: /* @__PURE__ */ n.jsx(
+          Et,
+          {
+            scope: t.__scopeSelect,
+            onNativeOptionAdd: r.useCallback((_) => {
+              V((D) => new Set(D).add(_));
+            }, []),
+            onNativeOptionRemove: r.useCallback((_) => {
+              V((D) => {
+                const F = new Set(D);
+                return F.delete(_), F;
+              });
+            }, []),
+            children: e
+          }
+        ) }),
+        B ? /* @__PURE__ */ n.jsxs(
+          tt,
+          {
+            "aria-hidden": !0,
+            required: b,
+            tabIndex: -1,
+            name: g,
+            autoComplete: w,
+            value: W,
+            onChange: (_) => X(_.target.value),
+            disabled: N,
+            form: y,
+            children: [
+              W === void 0 ? /* @__PURE__ */ n.jsx("option", { value: "" }) : null,
+              Array.from(z)
+            ]
+          },
+          H
+        ) : null
+      ]
+    }
+  ) });
+};
+Ee.displayName = Q;
+var je = "SelectTrigger", Me = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, disabled: c = !1, ...s } = t, u = ue(e), a = Y(je, e), l = a.disabled || c, i = L(o, a.onTriggerChange), m = de(e), g = r.useRef("touch"), [w, N, b] = nt((d) => {
+      const h = m().filter((v) => !v.disabled), x = h.find((v) => v.value === a.value), f = rt(h, d, x);
+      f !== void 0 && a.onValueChange(f.value);
+    }), y = (d) => {
+      l || (a.onOpenChange(!0), b()), d && (a.triggerPointerDownPosRef.current = {
+        x: Math.round(d.pageX),
+        y: Math.round(d.pageY)
+      });
+    };
+    return /* @__PURE__ */ n.jsx(ht, { asChild: !0, ...u, children: /* @__PURE__ */ n.jsx(
+      j.button,
+      {
+        type: "button",
+        role: "combobox",
+        "aria-controls": a.contentId,
+        "aria-expanded": a.open,
+        "aria-required": a.required,
+        "aria-autocomplete": "none",
+        dir: a.dir,
+        "data-state": a.open ? "open" : "closed",
+        disabled: l,
+        "data-disabled": l ? "" : void 0,
+        "data-placeholder": ot(a.value) ? "" : void 0,
+        ...s,
+        ref: i,
+        onClick: P(s.onClick, (d) => {
+          d.currentTarget.focus(), g.current !== "mouse" && y(d);
+        }),
+        onPointerDown: P(s.onPointerDown, (d) => {
+          g.current = d.pointerType;
+          const h = d.target;
+          h.hasPointerCapture(d.pointerId) && h.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (y(d), d.preventDefault());
+        }),
+        onKeyDown: P(s.onKeyDown, (d) => {
+          const h = w.current !== "";
+          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && N(d.key), !(h && d.key === " ") && Pt.includes(d.key) && (y(), d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Me.displayName = je;
+var Ae = "SelectValue", Oe = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, className: c, style: s, children: u, placeholder: a = "", ...l } = t, i = Y(Ae, e), { onValueNodeHasChildrenChange: m } = i, g = u !== void 0, w = L(o, i.onValueNodeChange);
+    return $(() => {
+      m(g);
+    }, [m, g]), /* @__PURE__ */ n.jsx(
+      j.span,
+      {
+        ...l,
+        ref: w,
+        style: { pointerEvents: "none" },
+        children: ot(i.value) ? /* @__PURE__ */ n.jsx(n.Fragment, { children: a }) : u
+      }
+    );
+  }
+);
+Oe.displayName = Ae;
+var Mt = "SelectIcon", De = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, children: c, ...s } = t;
+    return /* @__PURE__ */ n.jsx(j.span, { "aria-hidden": !0, ...s, ref: o, children: c || "▼" });
+  }
+);
+De.displayName = Mt;
+var At = "SelectPortal", Le = (t) => /* @__PURE__ */ n.jsx(xt, { asChild: !0, ...t });
+Le.displayName = At;
+var ee = "SelectContent", ke = r.forwardRef(
+  (t, o) => {
+    const e = Y(ee, t.__scopeSelect), [c, s] = r.useState();
+    if ($(() => {
+      s(new DocumentFragment());
+    }, []), !e.open) {
+      const u = c;
+      return u ? Ne.createPortal(
+        /* @__PURE__ */ n.jsx(Be, { scope: t.__scopeSelect, children: /* @__PURE__ */ n.jsx(ie.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ n.jsx("div", { children: t.children }) }) }),
+        u
+      ) : null;
+    }
+    return /* @__PURE__ */ n.jsx(Ve, { ...t, ref: o });
+  }
+);
+ke.displayName = ee;
+var A = 10, [Be, q] = oe(ee), Ot = "SelectContentImpl", Dt = lt("SelectContent.RemoveScroll"), Ve = r.forwardRef(
+  (t, o) => {
+    const {
+      __scopeSelect: e,
+      position: c = "item-aligned",
+      onCloseAutoFocus: s,
+      onEscapeKeyDown: u,
+      onPointerDownOutside: a,
+      //
+      // PopperContent props
+      side: l,
+      sideOffset: i,
+      align: m,
+      alignOffset: g,
+      arrowPadding: w,
+      collisionBoundary: N,
+      collisionPadding: b,
+      sticky: y,
+      hideWhenDetached: d,
+      avoidCollisions: h,
+      //
+      ...x
+    } = t, f = Y(ee, e), [v, U] = r.useState(null), [M, ne] = r.useState(null), R = L(o, (p) => U(p)), [O, W] = r.useState(null), [X, k] = r.useState(
+      null
+    ), B = de(e), [z, V] = r.useState(!1), H = r.useRef(!1);
+    r.useEffect(() => {
+      if (v) return dt(v);
+    }, [v]), ut();
+    const _ = r.useCallback(
+      (p) => {
+        const [I, ...E] = B().map((T) => T.ref.current), [S] = E.slice(-1), C = document.activeElement;
+        for (const T of p)
+          if (T === C || (T?.scrollIntoView({ block: "nearest" }), T === I && M && (M.scrollTop = 0), T === S && M && (M.scrollTop = M.scrollHeight), T?.focus(), document.activeElement !== C)) return;
+      },
+      [B, M]
+    ), D = r.useCallback(
+      () => _([O, v]),
+      [_, O, v]
+    );
+    r.useEffect(() => {
+      z && D();
+    }, [z, D]);
+    const { onOpenChange: F, triggerPointerDownPosRef: K } = f;
+    r.useEffect(() => {
+      if (v) {
+        let p = { x: 0, y: 0 };
+        const I = (S) => {
+          p = {
+            x: Math.abs(Math.round(S.pageX) - (K.current?.x ?? 0)),
+            y: Math.abs(Math.round(S.pageY) - (K.current?.y ?? 0))
+          };
+        }, E = (S) => {
+          p.x <= 10 && p.y <= 10 ? S.preventDefault() : v.contains(S.target) || F(!1), document.removeEventListener("pointermove", I), K.current = null;
+        };
+        return K.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", E, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", E, { capture: !0 });
+        };
+      }
+    }, [v, F, K]), r.useEffect(() => {
+      const p = () => F(!1);
+      return window.addEventListener("blur", p), window.addEventListener("resize", p), () => {
+        window.removeEventListener("blur", p), window.removeEventListener("resize", p);
+      };
+    }, [F]);
+    const [pe, se] = nt((p) => {
+      const I = B().filter((C) => !C.disabled), E = I.find((C) => C.ref.current === document.activeElement), S = rt(I, p, E);
+      S && setTimeout(() => S.ref.current.focus());
+    }), me = r.useCallback(
+      (p, I, E) => {
+        const S = !H.current && !E;
+        (f.value !== void 0 && f.value === I || S) && (W(p), S && (H.current = !0));
+      },
+      [f.value]
+    ), fe = r.useCallback(() => v?.focus(), [v]), te = r.useCallback(
+      (p, I, E) => {
+        const S = !H.current && !E;
+        (f.value !== void 0 && f.value === I || S) && k(p);
+      },
+      [f.value]
+    ), le = c === "popper" ? xe : He, re = le === xe ? {
+      side: l,
+      sideOffset: i,
+      align: m,
+      alignOffset: g,
+      arrowPadding: w,
+      collisionBoundary: N,
+      collisionPadding: b,
+      sticky: y,
+      hideWhenDetached: d,
+      avoidCollisions: h
+    } : {};
+    return /* @__PURE__ */ n.jsx(
+      Be,
+      {
+        scope: e,
+        content: v,
+        viewport: M,
+        onViewportChange: ne,
+        itemRefCallback: me,
+        selectedItem: O,
+        onItemLeave: fe,
+        itemTextRefCallback: te,
+        focusSelectedItem: D,
+        selectedItemText: X,
+        position: c,
+        isPositioned: z,
+        searchRef: pe,
+        children: /* @__PURE__ */ n.jsx(pt, { as: Dt, allowPinchZoom: !0, children: /* @__PURE__ */ n.jsx(
+          mt,
+          {
+            asChild: !0,
+            trapped: f.open,
+            onMountAutoFocus: (p) => {
+              p.preventDefault();
+            },
+            onUnmountAutoFocus: P(s, (p) => {
+              f.trigger?.focus({ preventScroll: !0 }), p.preventDefault();
+            }),
+            children: /* @__PURE__ */ n.jsx(
+              it,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: u,
+                onPointerDownOutside: a,
+                onFocusOutside: (p) => p.preventDefault(),
+                onDismiss: () => f.onOpenChange(!1),
+                children: /* @__PURE__ */ n.jsx(
+                  le,
+                  {
+                    role: "listbox",
+                    id: f.contentId,
+                    "data-state": f.open ? "open" : "closed",
+                    dir: f.dir,
+                    onContextMenu: (p) => p.preventDefault(),
+                    ...x,
+                    ...re,
+                    onPlaced: () => V(!0),
+                    ref: R,
+                    style: {
+                      // flex layout so we can place the scroll buttons properly
+                      display: "flex",
+                      flexDirection: "column",
+                      // reset the outline by default as the content MAY get focused
+                      outline: "none",
+                      ...x.style
+                    },
+                    onKeyDown: P(x.onKeyDown, (p) => {
+                      const I = p.ctrlKey || p.altKey || p.metaKey;
+                      if (p.key === "Tab" && p.preventDefault(), !I && p.key.length === 1 && se(p.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(p.key)) {
+                        let S = B().filter((C) => !C.disabled).map((C) => C.ref.current);
+                        if (["ArrowUp", "End"].includes(p.key) && (S = S.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(p.key)) {
+                          const C = p.target, T = S.indexOf(C);
+                          S = S.slice(T + 1);
+                        }
+                        setTimeout(() => _(S)), p.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Ve.displayName = Ot;
+var Lt = "SelectItemAlignedPosition", He = r.forwardRef((t, o) => {
+  const { __scopeSelect: e, onPlaced: c, ...s } = t, u = Y(ee, e), a = q(ee, e), [l, i] = r.useState(null), [m, g] = r.useState(null), w = L(o, (R) => g(R)), N = de(e), b = r.useRef(!1), y = r.useRef(!0), { viewport: d, selectedItem: h, selectedItemText: x, focusSelectedItem: f } = a, v = r.useCallback(() => {
+    if (u.trigger && u.valueNode && l && m && d && h && x) {
+      const R = u.trigger.getBoundingClientRect(), O = m.getBoundingClientRect(), W = u.valueNode.getBoundingClientRect(), X = x.getBoundingClientRect();
+      if (u.dir !== "rtl") {
+        const C = X.left - O.left, T = W.left - C, Z = R.left - T, J = R.width + Z, he = Math.max(J, O.width), ve = window.innerWidth - A, ge = Te(T, [
+          A,
+          // 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(A, ve - he)
+        ]);
+        l.style.minWidth = J + "px", l.style.left = ge + "px";
+      } else {
+        const C = O.right - X.right, T = window.innerWidth - W.right - C, Z = window.innerWidth - R.right - T, J = R.width + Z, he = Math.max(J, O.width), ve = window.innerWidth - A, ge = Te(T, [
+          A,
+          Math.max(A, ve - he)
+        ]);
+        l.style.minWidth = J + "px", l.style.right = ge + "px";
+      }
+      const k = N(), B = window.innerHeight - A * 2, z = d.scrollHeight, V = window.getComputedStyle(m), H = parseInt(V.borderTopWidth, 10), _ = parseInt(V.paddingTop, 10), D = parseInt(V.borderBottomWidth, 10), F = parseInt(V.paddingBottom, 10), K = H + _ + z + F + D, pe = Math.min(h.offsetHeight * 5, K), se = window.getComputedStyle(d), me = parseInt(se.paddingTop, 10), fe = parseInt(se.paddingBottom, 10), te = R.top + R.height / 2 - A, le = B - te, re = h.offsetHeight / 2, p = h.offsetTop + re, I = H + _ + p, E = K - I;
+      if (I <= te) {
+        const C = k.length > 0 && h === k[k.length - 1].ref.current;
+        l.style.bottom = "0px";
+        const T = m.clientHeight - d.offsetTop - d.offsetHeight, Z = Math.max(
+          le,
+          re + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (C ? fe : 0) + T + D
+        ), J = I + Z;
+        l.style.height = J + "px";
+      } else {
+        const C = k.length > 0 && h === k[0].ref.current;
+        l.style.top = "0px";
+        const Z = Math.max(
+          te,
+          H + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (C ? me : 0) + re
+        ) + E;
+        l.style.height = Z + "px", d.scrollTop = I - te + d.offsetTop;
+      }
+      l.style.margin = `${A}px 0`, l.style.minHeight = pe + "px", l.style.maxHeight = B + "px", c?.(), requestAnimationFrame(() => b.current = !0);
+    }
+  }, [
+    N,
+    u.trigger,
+    u.valueNode,
+    l,
+    m,
+    d,
+    h,
+    x,
+    u.dir,
+    c
+  ]);
+  $(() => v(), [v]);
+  const [U, M] = r.useState();
+  $(() => {
+    m && M(window.getComputedStyle(m).zIndex);
+  }, [m]);
+  const ne = r.useCallback(
+    (R) => {
+      R && y.current === !0 && (v(), f?.(), y.current = !1);
+    },
+    [v, f]
+  );
+  return /* @__PURE__ */ n.jsx(
+    Bt,
+    {
+      scope: e,
+      contentWrapper: l,
+      shouldExpandOnScrollRef: b,
+      onScrollButtonChange: ne,
+      children: /* @__PURE__ */ n.jsx(
+        "div",
+        {
+          ref: i,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: U
+          },
+          children: /* @__PURE__ */ n.jsx(
+            j.div,
+            {
+              ...s,
+              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%",
+                ...s.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+He.displayName = Lt;
+var kt = "SelectPopperPosition", xe = r.forwardRef((t, o) => {
+  const {
+    __scopeSelect: e,
+    align: c = "start",
+    collisionPadding: s = A,
+    ...u
+  } = t, a = ue(e);
+  return /* @__PURE__ */ n.jsx(
+    vt,
+    {
+      ...a,
+      ...u,
+      ref: o,
+      align: c,
+      collisionPadding: s,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...u.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)"
+      }
+    }
+  );
+});
+xe.displayName = kt;
+var [Bt, be] = oe(ee, {}), Se = "SelectViewport", Fe = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, nonce: c, ...s } = t, u = q(Se, e), a = be(Se, e), l = L(o, u.onViewportChange), i = r.useRef(0);
+    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.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: c
+        }
+      ),
+      /* @__PURE__ */ n.jsx(ie.Slot, { scope: e, children: /* @__PURE__ */ n.jsx(
+        j.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...s,
+          ref: l,
+          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",
+            ...s.style
+          },
+          onScroll: P(s.onScroll, (m) => {
+            const g = m.currentTarget, { contentWrapper: w, shouldExpandOnScrollRef: N } = a;
+            if (N?.current && w) {
+              const b = Math.abs(i.current - g.scrollTop);
+              if (b > 0) {
+                const y = window.innerHeight - A * 2, d = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), x = Math.max(d, h);
+                if (x < y) {
+                  const f = x + b, v = Math.min(y, f), U = f - v;
+                  w.style.height = v + "px", w.style.bottom === "0px" && (g.scrollTop = U > 0 ? U : 0, w.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            i.current = g.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+Fe.displayName = Se;
+var Ue = "SelectGroup", [Vt, Ht] = oe(Ue), We = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...c } = t, s = Ie();
+    return /* @__PURE__ */ n.jsx(Vt, { scope: e, id: s, children: /* @__PURE__ */ n.jsx(j.div, { role: "group", "aria-labelledby": s, ...c, ref: o }) });
+  }
+);
+We.displayName = Ue;
+var ze = "SelectLabel", Ke = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...c } = t, s = Ht(ze, e);
+    return /* @__PURE__ */ n.jsx(j.div, { id: s.id, ...c, ref: o });
+  }
+);
+Ke.displayName = ze;
+var ce = "SelectItem", [Ft, $e] = oe(ce), Ge = r.forwardRef(
+  (t, o) => {
+    const {
+      __scopeSelect: e,
+      value: c,
+      disabled: s = !1,
+      textValue: u,
+      ...a
+    } = t, l = Y(ce, e), i = q(ce, e), m = l.value === c, [g, w] = r.useState(u ?? ""), [N, b] = r.useState(!1), y = L(
+      o,
+      (f) => i.itemRefCallback?.(f, c, s)
+    ), d = Ie(), h = r.useRef("touch"), x = () => {
+      s || (l.onValueChange(c), l.onOpenChange(!1));
+    };
+    if (c === "")
+      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__ */ n.jsx(
+      Ft,
+      {
+        scope: e,
+        value: c,
+        disabled: s,
+        textId: d,
+        isSelected: m,
+        onItemTextChange: r.useCallback((f) => {
+          w((v) => v || (f?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ n.jsx(
+          ie.ItemSlot,
+          {
+            scope: e,
+            value: c,
+            disabled: s,
+            textValue: g,
+            children: /* @__PURE__ */ n.jsx(
+              j.div,
+              {
+                role: "option",
+                "aria-labelledby": d,
+                "data-highlighted": N ? "" : void 0,
+                "aria-selected": m && N,
+                "data-state": m ? "checked" : "unchecked",
+                "aria-disabled": s || void 0,
+                "data-disabled": s ? "" : void 0,
+                tabIndex: s ? void 0 : -1,
+                ...a,
+                ref: y,
+                onFocus: P(a.onFocus, () => b(!0)),
+                onBlur: P(a.onBlur, () => b(!1)),
+                onClick: P(a.onClick, () => {
+                  h.current !== "mouse" && x();
+                }),
+                onPointerUp: P(a.onPointerUp, () => {
+                  h.current === "mouse" && x();
+                }),
+                onPointerDown: P(a.onPointerDown, (f) => {
+                  h.current = f.pointerType;
+                }),
+                onPointerMove: P(a.onPointerMove, (f) => {
+                  h.current = f.pointerType, s ? i.onItemLeave?.() : h.current === "mouse" && f.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: P(a.onPointerLeave, (f) => {
+                  f.currentTarget === document.activeElement && i.onItemLeave?.();
+                }),
+                onKeyDown: P(a.onKeyDown, (f) => {
+                  i.searchRef?.current !== "" && f.key === " " || (Nt.includes(f.key) && x(), f.key === " " && f.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Ge.displayName = ce;
+var ae = "SelectItemText", Ye = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, className: c, style: s, ...u } = t, a = Y(ae, e), l = q(ae, e), i = $e(ae, e), m = jt(ae, e), [g, w] = r.useState(null), N = L(
+      o,
+      (x) => w(x),
+      i.onItemTextChange,
+      (x) => l.itemTextRefCallback?.(x, i.value, i.disabled)
+    ), b = g?.textContent, y = r.useMemo(
+      () => /* @__PURE__ */ n.jsx("option", { value: i.value, disabled: i.disabled, children: b }, i.value),
+      [i.disabled, i.value, b]
+    ), { onNativeOptionAdd: d, onNativeOptionRemove: h } = m;
+    return $(() => (d(y), () => h(y)), [d, h, y]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(j.span, { id: i.textId, ...u, ref: N }),
+      i.isSelected && a.valueNode && !a.valueNodeHasChildren ? Ne.createPortal(u.children, a.valueNode) : null
+    ] });
+  }
+);
+Ye.displayName = ae;
+var qe = "SelectItemIndicator", Xe = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...c } = t;
+    return $e(qe, e).isSelected ? /* @__PURE__ */ n.jsx(j.span, { "aria-hidden": !0, ...c, ref: o }) : null;
+  }
+);
+Xe.displayName = qe;
+var we = "SelectScrollUpButton", Ze = r.forwardRef((t, o) => {
+  const e = q(we, t.__scopeSelect), c = be(we, t.__scopeSelect), [s, u] = r.useState(!1), a = L(o, c.onScrollButtonChange);
+  return $(() => {
+    if (e.viewport && e.isPositioned) {
+      let l = function() {
+        const m = i.scrollTop > 0;
+        u(m);
+      };
+      const i = e.viewport;
+      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
+    }
+  }, [e.viewport, e.isPositioned]), s ? /* @__PURE__ */ n.jsx(
+    Qe,
+    {
+      ...t,
+      ref: a,
+      onAutoScroll: () => {
+        const { viewport: l, selectedItem: i } = e;
+        l && i && (l.scrollTop = l.scrollTop - i.offsetHeight);
+      }
+    }
+  ) : null;
+});
+Ze.displayName = we;
+var Ce = "SelectScrollDownButton", Je = r.forwardRef((t, o) => {
+  const e = q(Ce, t.__scopeSelect), c = be(Ce, t.__scopeSelect), [s, u] = r.useState(!1), a = L(o, c.onScrollButtonChange);
+  return $(() => {
+    if (e.viewport && e.isPositioned) {
+      let l = function() {
+        const m = i.scrollHeight - i.clientHeight, g = Math.ceil(i.scrollTop) < m;
+        u(g);
+      };
+      const i = e.viewport;
+      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
+    }
+  }, [e.viewport, e.isPositioned]), s ? /* @__PURE__ */ n.jsx(
+    Qe,
+    {
+      ...t,
+      ref: a,
+      onAutoScroll: () => {
+        const { viewport: l, selectedItem: i } = e;
+        l && i && (l.scrollTop = l.scrollTop + i.offsetHeight);
+      }
+    }
+  ) : null;
+});
+Je.displayName = Ce;
+var Qe = r.forwardRef((t, o) => {
+  const { __scopeSelect: e, onAutoScroll: c, ...s } = t, u = q("SelectScrollButton", e), a = r.useRef(null), l = de(e), i = r.useCallback(() => {
+    a.current !== null && (window.clearInterval(a.current), a.current = null);
+  }, []);
+  return r.useEffect(() => () => i(), [i]), $(() => {
+    l().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [l]), /* @__PURE__ */ n.jsx(
+    j.div,
+    {
+      "aria-hidden": !0,
+      ...s,
+      ref: o,
+      style: { flexShrink: 0, ...s.style },
+      onPointerDown: P(s.onPointerDown, () => {
+        a.current === null && (a.current = window.setInterval(c, 50));
+      }),
+      onPointerMove: P(s.onPointerMove, () => {
+        u.onItemLeave?.(), a.current === null && (a.current = window.setInterval(c, 50));
+      }),
+      onPointerLeave: P(s.onPointerLeave, () => {
+        i();
+      })
+    }
+  );
+}), Ut = "SelectSeparator", et = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...c } = t;
+    return /* @__PURE__ */ n.jsx(j.div, { "aria-hidden": !0, ...c, ref: o });
+  }
+);
+et.displayName = Ut;
+var ye = "SelectArrow", Wt = r.forwardRef(
+  (t, o) => {
+    const { __scopeSelect: e, ...c } = t, s = ue(e), u = Y(ye, e), a = q(ye, e);
+    return u.open && a.position === "popper" ? /* @__PURE__ */ n.jsx(gt, { ...s, ...c, ref: o }) : null;
+  }
+);
+Wt.displayName = ye;
+var zt = "SelectBubbleInput", tt = r.forwardRef(
+  ({ __scopeSelect: t, value: o, ...e }, c) => {
+    const s = r.useRef(null), u = L(c, s), a = wt(o);
+    return r.useEffect(() => {
+      const l = s.current;
+      if (!l) return;
+      const i = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        i,
+        "value"
+      ).set;
+      if (a !== o && g) {
+        const w = new Event("change", { bubbles: !0 });
+        g.call(l, o), l.dispatchEvent(w);
+      }
+    }, [a, o]), /* @__PURE__ */ n.jsx(
+      j.select,
+      {
+        ...e,
+        style: { ...Ct, ...e.style },
+        ref: u,
+        defaultValue: o
+      }
+    );
+  }
+);
+tt.displayName = zt;
+function ot(t) {
+  return t === "" || t === void 0;
+}
+function nt(t) {
+  const o = St(t), e = r.useRef(""), c = r.useRef(0), s = r.useCallback(
+    (a) => {
+      const l = e.current + a;
+      o(l), (function i(m) {
+        e.current = m, window.clearTimeout(c.current), m !== "" && (c.current = window.setTimeout(() => i(""), 1e3));
+      })(l);
+    },
+    [o]
+  ), u = r.useCallback(() => {
+    e.current = "", window.clearTimeout(c.current);
+  }, []);
+  return r.useEffect(() => () => window.clearTimeout(c.current), []), [e, s, u];
+}
+function rt(t, o, e) {
+  const s = o.length > 1 && Array.from(o).every((m) => m === o[0]) ? o[0] : o, u = e ? t.indexOf(e) : -1;
+  let a = Kt(t, Math.max(u, 0));
+  s.length === 1 && (a = a.filter((m) => m !== e));
+  const i = a.find(
+    (m) => m.textValue.toLowerCase().startsWith(s.toLowerCase())
+  );
+  return i !== e ? i : void 0;
+}
+function Kt(t, o) {
+  return t.map((e, c) => t[(o + c) % t.length]);
+}
+var $t = Ee, Gt = Me, Yt = Oe, qt = De, Xt = Le, Zt = ke, Jt = Fe, Qt = We, eo = Ke, to = Ge, oo = Ye, no = Xe, ro = Ze, ao = Je, so = et;
+function Eo({
+  ...t
+}) {
+  return /* @__PURE__ */ n.jsx($t, { "data-slot": "select", ...t });
+}
+function jo({
+  ...t
+}) {
+  return /* @__PURE__ */ n.jsx(Qt, { "data-slot": "select-group", ...t });
+}
+function Mo({
+  ...t
+}) {
+  return /* @__PURE__ */ n.jsx(Yt, { "data-slot": "select-value", ...t });
+}
+function Ao({
+  className: t,
+  size: o = "default",
+  children: e,
+  ...c
+}) {
+  return /* @__PURE__ */ n.jsxs(
+    Gt,
+    {
+      "data-slot": "select-trigger",
+      "data-size": o,
+      className: G(
+        "adm:border-input adm:data-[placeholder]:text-muted-foreground adm:[&_svg:not([class*=text-])]:text-muted-foreground adm:focus-visible:border-ring adm:focus-visible:ring-ring/50 adm:aria-invalid:ring-destructive/20 adm:dark:aria-invalid:ring-destructive/40 adm:aria-invalid:border-destructive adm:dark:bg-input/30 adm:dark:hover:bg-input/50 adm:flex adm:w-fit adm:items-center adm:justify-between adm:gap-2 adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-2 adm:text-sm adm:whitespace-nowrap adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none adm:focus-visible:ring-[3px] adm:disabled:cursor-not-allowed adm:disabled:opacity-50 adm:data-[size=default]:h-9 adm:data-[size=sm]:h-8 adm:*:data-[slot=select-value]:line-clamp-1 adm:*:data-[slot=select-value]:flex adm:*:data-[slot=select-value]:items-center adm:*:data-[slot=select-value]:gap-2 adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0 adm:[&_svg:not([class*=size-])]:size-4",
+        t
+      ),
+      ...c,
+      children: [
+        e,
+        /* @__PURE__ */ n.jsx(qt, { asChild: !0, children: /* @__PURE__ */ n.jsx(_e, { className: "adm:size-4 adm:opacity-50" }) })
+      ]
+    }
+  );
+}
+function Oo({
+  className: t,
+  children: o,
+  position: e = "popper",
+  align: c = "center",
+  ...s
+}) {
+  return /* @__PURE__ */ n.jsx(Xt, { children: /* @__PURE__ */ n.jsxs(
+    Zt,
+    {
+      "data-slot": "select-content",
+      className: G(
+        "adm:bg-popover adm:text-popover-foreground adm:data-[state=open]:animate-in adm:data-[state=closed]:animate-out adm:data-[state=closed]:fade-out-0 adm:data-[state=open]:fade-in-0 adm:data-[state=closed]:zoom-out-95 adm:data-[state=open]:zoom-in-95 adm:data-[side=bottom]:slide-in-from-top-2 adm:data-[side=left]:slide-in-from-right-2 adm:data-[side=right]:slide-in-from-left-2 adm:data-[side=top]:slide-in-from-bottom-2 adm:relative adm:z-50 adm:max-h-(--radix-select-content-available-height) adm:min-w-[8rem] adm:origin-(--radix-select-content-transform-origin) adm:overflow-x-hidden adm:overflow-y-auto adm:rounded-md adm:border adm:shadow-md",
+        e === "popper" && "adm:data-[side=bottom]:translate-y-1 adm:data-[side=left]:-translate-x-1 adm:data-[side=right]:translate-x-1 adm:data-[side=top]:-translate-y-1",
+        t
+      ),
+      position: e,
+      align: c,
+      ...s,
+      children: [
+        /* @__PURE__ */ n.jsx(lo, {}),
+        /* @__PURE__ */ n.jsx(
+          Jt,
+          {
+            className: G(
+              "adm:p-1",
+              e === "popper" && "adm:h-[var(--radix-select-trigger-height)] adm:w-full adm:min-w-[var(--radix-select-trigger-width)] adm:scroll-my-1"
+            ),
+            children: o
+          }
+        ),
+        /* @__PURE__ */ n.jsx(co, {})
+      ]
+    }
+  ) });
+}
+function Do({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ n.jsx(
+    eo,
+    {
+      "data-slot": "select-label",
+      className: G("adm:text-muted-foreground adm:px-2 adm:py-1.5 adm:text-xs", t),
+      ...o
+    }
+  );
+}
+function Lo({
+  className: t,
+  children: o,
+  ...e
+}) {
+  return /* @__PURE__ */ n.jsxs(
+    to,
+    {
+      "data-slot": "select-item",
+      className: G(
+        "adm:focus:bg-accent adm:focus:text-accent-foreground adm:[&_svg:not([class*=text-])]:text-muted-foreground adm:relative adm:flex adm:w-full adm:cursor-default adm:items-center adm:gap-2 adm:rounded-sm adm:py-1.5 adm:pr-8 adm:pl-2 adm:text-sm adm:outline-hidden adm:select-none adm:data-[disabled]:pointer-events-none adm:data-[disabled]:opacity-50 adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0 adm:[&_svg:not([class*=size-])]:size-4 adm:*:[span]:last:flex adm:*:[span]:last:items-center adm:*:[span]:last:gap-2",
+        t
+      ),
+      ...e,
+      children: [
+        /* @__PURE__ */ n.jsx("span", { className: "adm:absolute adm:right-2 adm:flex adm:size-3.5 adm:items-center adm:justify-center", children: /* @__PURE__ */ n.jsx(no, { children: /* @__PURE__ */ n.jsx(yt, { className: "adm:size-4" }) }) }),
+        /* @__PURE__ */ n.jsx(oo, { children: o })
+      ]
+    }
+  );
+}
+function ko({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ n.jsx(
+    so,
+    {
+      "data-slot": "select-separator",
+      className: G("adm:bg-border adm:pointer-events-none adm:-mx-1 adm:my-1 adm:h-px", t),
+      ...o
+    }
+  );
+}
+function lo({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ n.jsx(
+    ro,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: G(
+        "adm:flex adm:cursor-default adm:items-center adm:justify-center adm:py-1",
+        t
+      ),
+      ...o,
+      children: /* @__PURE__ */ n.jsx(Tt, { className: "adm:size-4" })
+    }
+  );
+}
+function co({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ n.jsx(
+    ao,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: G(
+        "adm:flex adm:cursor-default adm:items-center adm:justify-center adm:py-1",
+        t
+      ),
+      ...o,
+      children: /* @__PURE__ */ n.jsx(_e, { className: "adm:size-4" })
+    }
+  );
+}
+export {
+  Eo as Select,
+  Oo as SelectContent,
+  jo as SelectGroup,
+  Lo as SelectItem,
+  Do as SelectLabel,
+  co as SelectScrollDownButton,
+  lo as SelectScrollUpButton,
+  ko as SelectSeparator,
+  Ao as SelectTrigger,
+  Mo as SelectValue
+};