@senitix/ui 0.4.0 → 0.4.2

package/dist/select-C1rNBi6c.js

@@ -1,974 +0,0 @@
-import { jsx as i, jsxs as Q, Fragment as Te } from "react/jsx-runtime";
-import * as o from "react";
-import * as Ee from "react-dom";
-import { f as gt, u as vt, g as St, P as M, h as V, i as z, j as N, k as wt, l as Re, e as yt, C as xt } from "./scroll-area-DQeqDp3Y.js";
-import { o as _e, u as Pe, R as Ct, p as be, q as It, A as Tt, P as bt, r as Nt, s as Rt, t as Pt, F as Et, v as _t, C as Mt, w as At } from "./input-D4AoiWxo.js";
-import { u as Ot } from "./checkbox-CpOq5hkT.js";
-import { V as Dt } from "./index-Co9o9StL.js";
-import { c as G } from "./index-CwJPJKOE.js";
-import { C as Me } from "./chevron-down-DJ1_YIFu.js";
-import { C as Lt } from "./chevron-up-CGtXOr51.js";
-// @__NO_SIDE_EFFECTS__
-function Vt(t) {
-  const n = /* @__PURE__ */ kt(t), e = o.forwardRef((s, r) => {
-    const { children: d, ...l } = s, a = o.Children.toArray(d), c = a.find(Ht);
-    if (c) {
-      const p = c.props.children, g = a.map((S) => S === c ? o.Children.count(p) > 1 ? o.Children.only(null) : o.isValidElement(p) ? p.props.children : null : S);
-      return /* @__PURE__ */ i(n, { ...l, ref: r, children: o.isValidElement(p) ? o.cloneElement(p, void 0, g) : null });
-    }
-    return /* @__PURE__ */ i(n, { ...l, ref: r, children: d });
-  });
-  return e.displayName = `${t}.Slot`, e;
-}
-// @__NO_SIDE_EFFECTS__
-function kt(t) {
-  const n = o.forwardRef((e, s) => {
-    const { children: r, ...d } = e;
-    if (o.isValidElement(r)) {
-      const l = Ft(r), a = Wt(d, r.props);
-      return r.type !== o.Fragment && (a.ref = s ? gt(s, l) : l), o.cloneElement(r, a);
-    }
-    return o.Children.count(r) > 1 ? o.Children.only(null) : null;
-  });
-  return n.displayName = `${t}.SlotClone`, n;
-}
-var Bt = /* @__PURE__ */ Symbol("radix.slottable");
-function Ht(t) {
-  return o.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Bt;
-}
-function Wt(t, n) {
-  const e = { ...n };
-  for (const s in n) {
-    const r = t[s], d = n[s];
-    /^on[A-Z]/.test(s) ? r && d ? e[s] = (...a) => {
-      const c = d(...a);
-      return r(...a), c;
-    } : r && (e[s] = r) : s === "style" ? e[s] = { ...r, ...d } : s === "className" && (e[s] = [r, d].filter(Boolean).join(" "));
-  }
-  return { ...t, ...e };
-}
-function Ft(t) {
-  let n = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, e = n && "isReactWarning" in n && n.isReactWarning;
-  return e ? t.ref : (n = Object.getOwnPropertyDescriptor(t, "ref")?.get, e = n && "isReactWarning" in n && n.isReactWarning, e ? t.props.ref : t.props.ref || t.ref);
-}
-var Ut = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Select", [de, ue, $t] = It(ee), [ne] = St(ee, [
-  $t,
-  _e
-]), pe = _e(), [jt, Y] = ne(ee), [zt, Gt] = ne(ee), Ae = (t) => {
-  const {
-    __scopeSelect: n,
-    children: e,
-    open: s,
-    defaultOpen: r,
-    onOpenChange: d,
-    value: l,
-    defaultValue: a,
-    onValueChange: c,
-    dir: p,
-    name: g,
-    autoComplete: S,
-    disabled: R,
-    required: T,
-    form: C
-  } = t, u = pe(n), [h, w] = o.useState(null), [m, v] = o.useState(null), [U, A] = o.useState(!1), re = vt(p), [P, D] = Pe({
-    prop: s,
-    defaultProp: r ?? !1,
-    onChange: d,
-    caller: ee
-  }), [K, Z] = Pe({
-    prop: l,
-    defaultProp: a,
-    onChange: c,
-    caller: ee
-  }), k = o.useRef(null), B = h ? C || !!h.closest("form") : !0, [$, H] = o.useState(/* @__PURE__ */ new Set()), W = Array.from($).map((E) => E.props.value).join(";");
-  return /* @__PURE__ */ i(Ct, { ...u, children: /* @__PURE__ */ Q(
-    jt,
-    {
-      required: T,
-      scope: n,
-      trigger: h,
-      onTriggerChange: w,
-      valueNode: m,
-      onValueNodeChange: v,
-      valueNodeHasChildren: U,
-      onValueNodeHasChildrenChange: A,
-      contentId: be(),
-      value: K,
-      onValueChange: Z,
-      open: P,
-      onOpenChange: D,
-      dir: re,
-      triggerPointerDownPosRef: k,
-      disabled: R,
-      children: [
-        /* @__PURE__ */ i(de.Provider, { scope: n, children: /* @__PURE__ */ i(
-          zt,
-          {
-            scope: t.__scopeSelect,
-            onNativeOptionAdd: o.useCallback((E) => {
-              H((L) => new Set(L).add(E));
-            }, []),
-            onNativeOptionRemove: o.useCallback((E) => {
-              H((L) => {
-                const F = new Set(L);
-                return F.delete(E), F;
-              });
-            }, []),
-            children: e
-          }
-        ) }),
-        B ? /* @__PURE__ */ Q(
-          nt,
-          {
-            "aria-hidden": !0,
-            required: T,
-            tabIndex: -1,
-            name: g,
-            autoComplete: S,
-            value: K,
-            onChange: (E) => Z(E.target.value),
-            disabled: R,
-            form: C,
-            children: [
-              K === void 0 ? /* @__PURE__ */ i("option", { value: "" }) : null,
-              Array.from($)
-            ]
-          },
-          W
-        ) : null
-      ]
-    }
-  ) });
-};
-Ae.displayName = ee;
-var Oe = "SelectTrigger", De = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, disabled: s = !1, ...r } = t, d = pe(e), l = Y(Oe, e), a = l.disabled || s, c = V(n, l.onTriggerChange), p = ue(e), g = o.useRef("touch"), [S, R, T] = st((u) => {
-      const h = p().filter((v) => !v.disabled), w = h.find((v) => v.value === l.value), m = lt(h, u, w);
-      m !== void 0 && l.onValueChange(m.value);
-    }), C = (u) => {
-      a || (l.onOpenChange(!0), T()), u && (l.triggerPointerDownPosRef.current = {
-        x: Math.round(u.pageX),
-        y: Math.round(u.pageY)
-      });
-    };
-    return /* @__PURE__ */ i(Tt, { asChild: !0, ...d, children: /* @__PURE__ */ i(
-      M.button,
-      {
-        type: "button",
-        role: "combobox",
-        "aria-controls": l.contentId,
-        "aria-expanded": l.open,
-        "aria-required": l.required,
-        "aria-autocomplete": "none",
-        dir: l.dir,
-        "data-state": l.open ? "open" : "closed",
-        disabled: a,
-        "data-disabled": a ? "" : void 0,
-        "data-placeholder": rt(l.value) ? "" : void 0,
-        ...r,
-        ref: c,
-        onClick: N(r.onClick, (u) => {
-          u.currentTarget.focus(), g.current !== "mouse" && C(u);
-        }),
-        onPointerDown: N(r.onPointerDown, (u) => {
-          g.current = u.pointerType;
-          const h = u.target;
-          h.hasPointerCapture(u.pointerId) && h.releasePointerCapture(u.pointerId), u.button === 0 && u.ctrlKey === !1 && u.pointerType === "mouse" && (C(u), u.preventDefault());
-        }),
-        onKeyDown: N(r.onKeyDown, (u) => {
-          const h = S.current !== "";
-          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && R(u.key), !(h && u.key === " ") && Ut.includes(u.key) && (C(), u.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-De.displayName = Oe;
-var Le = "SelectValue", Ve = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, className: s, style: r, children: d, placeholder: l = "", ...a } = t, c = Y(Le, e), { onValueNodeHasChildrenChange: p } = c, g = d !== void 0, S = V(n, c.onValueNodeChange);
-    return z(() => {
-      p(g);
-    }, [p, g]), /* @__PURE__ */ i(
-      M.span,
-      {
-        ...a,
-        ref: S,
-        style: { pointerEvents: "none" },
-        children: rt(c.value) ? /* @__PURE__ */ i(Te, { children: l }) : d
-      }
-    );
-  }
-);
-Ve.displayName = Le;
-var Yt = "SelectIcon", ke = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, children: s, ...r } = t;
-    return /* @__PURE__ */ i(M.span, { "aria-hidden": !0, ...r, ref: n, children: s || "▼" });
-  }
-);
-ke.displayName = Yt;
-var qt = "SelectPortal", Be = (t) => /* @__PURE__ */ i(bt, { asChild: !0, ...t });
-Be.displayName = qt;
-var te = "SelectContent", He = o.forwardRef(
-  (t, n) => {
-    const e = Y(te, t.__scopeSelect), [s, r] = o.useState();
-    if (z(() => {
-      r(new DocumentFragment());
-    }, []), !e.open) {
-      const d = s;
-      return d ? Ee.createPortal(
-        /* @__PURE__ */ i(We, { scope: t.__scopeSelect, children: /* @__PURE__ */ i(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ i("div", { children: t.children }) }) }),
-        d
-      ) : null;
-    }
-    return /* @__PURE__ */ i(Fe, { ...t, ref: n });
-  }
-);
-He.displayName = te;
-var O = 10, [We, q] = ne(te), Zt = "SelectContentImpl", Xt = /* @__PURE__ */ Vt("SelectContent.RemoveScroll"), Fe = o.forwardRef(
-  (t, n) => {
-    const {
-      __scopeSelect: e,
-      position: s = "item-aligned",
-      onCloseAutoFocus: r,
-      onEscapeKeyDown: d,
-      onPointerDownOutside: l,
-      //
-      // PopperContent props
-      side: a,
-      sideOffset: c,
-      align: p,
-      alignOffset: g,
-      arrowPadding: S,
-      collisionBoundary: R,
-      collisionPadding: T,
-      sticky: C,
-      hideWhenDetached: u,
-      avoidCollisions: h,
-      //
-      ...w
-    } = t, m = Y(te, e), [v, U] = o.useState(null), [A, re] = o.useState(null), P = V(n, (f) => U(f)), [D, K] = o.useState(null), [Z, k] = o.useState(
-      null
-    ), B = ue(e), [$, H] = o.useState(!1), W = o.useRef(!1);
-    o.useEffect(() => {
-      if (v) return Nt(v);
-    }, [v]), Rt();
-    const E = o.useCallback(
-      (f) => {
-        const [I, ..._] = B().map((b) => b.ref.current), [y] = _.slice(-1), x = document.activeElement;
-        for (const b of f)
-          if (b === x || (b?.scrollIntoView({ block: "nearest" }), b === I && A && (A.scrollTop = 0), b === y && A && (A.scrollTop = A.scrollHeight), b?.focus(), document.activeElement !== x)) return;
-      },
-      [B, A]
-    ), L = o.useCallback(
-      () => E([D, v]),
-      [E, D, v]
-    );
-    o.useEffect(() => {
-      $ && L();
-    }, [$, L]);
-    const { onOpenChange: F, triggerPointerDownPosRef: j } = m;
-    o.useEffect(() => {
-      if (v) {
-        let f = { x: 0, y: 0 };
-        const I = (y) => {
-          f = {
-            x: Math.abs(Math.round(y.pageX) - (j.current?.x ?? 0)),
-            y: Math.abs(Math.round(y.pageY) - (j.current?.y ?? 0))
-          };
-        }, _ = (y) => {
-          f.x <= 10 && f.y <= 10 ? y.preventDefault() : v.contains(y.target) || F(!1), document.removeEventListener("pointermove", I), j.current = null;
-        };
-        return j.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", _, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", _, { capture: !0 });
-        };
-      }
-    }, [v, F, j]), o.useEffect(() => {
-      const f = () => F(!1);
-      return window.addEventListener("blur", f), window.addEventListener("resize", f), () => {
-        window.removeEventListener("blur", f), window.removeEventListener("resize", f);
-      };
-    }, [F]);
-    const [fe, ae] = st((f) => {
-      const I = B().filter((x) => !x.disabled), _ = I.find((x) => x.ref.current === document.activeElement), y = lt(I, f, _);
-      y && setTimeout(() => y.ref.current.focus());
-    }), me = o.useCallback(
-      (f, I, _) => {
-        const y = !W.current && !_;
-        (m.value !== void 0 && m.value === I || y) && (K(f), y && (W.current = !0));
-      },
-      [m.value]
-    ), he = o.useCallback(() => v?.focus(), [v]), oe = o.useCallback(
-      (f, I, _) => {
-        const y = !W.current && !_;
-        (m.value !== void 0 && m.value === I || y) && k(f);
-      },
-      [m.value]
-    ), ce = s === "popper" ? we : Ue, se = ce === we ? {
-      side: a,
-      sideOffset: c,
-      align: p,
-      alignOffset: g,
-      arrowPadding: S,
-      collisionBoundary: R,
-      collisionPadding: T,
-      sticky: C,
-      hideWhenDetached: u,
-      avoidCollisions: h
-    } : {};
-    return /* @__PURE__ */ i(
-      We,
-      {
-        scope: e,
-        content: v,
-        viewport: A,
-        onViewportChange: re,
-        itemRefCallback: me,
-        selectedItem: D,
-        onItemLeave: he,
-        itemTextRefCallback: oe,
-        focusSelectedItem: L,
-        selectedItemText: Z,
-        position: s,
-        isPositioned: $,
-        searchRef: fe,
-        children: /* @__PURE__ */ i(Pt, { as: Xt, allowPinchZoom: !0, children: /* @__PURE__ */ i(
-          Et,
-          {
-            asChild: !0,
-            trapped: m.open,
-            onMountAutoFocus: (f) => {
-              f.preventDefault();
-            },
-            onUnmountAutoFocus: N(r, (f) => {
-              m.trigger?.focus({ preventScroll: !0 }), f.preventDefault();
-            }),
-            children: /* @__PURE__ */ i(
-              _t,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: d,
-                onPointerDownOutside: l,
-                onFocusOutside: (f) => f.preventDefault(),
-                onDismiss: () => m.onOpenChange(!1),
-                children: /* @__PURE__ */ i(
-                  ce,
-                  {
-                    role: "listbox",
-                    id: m.contentId,
-                    "data-state": m.open ? "open" : "closed",
-                    dir: m.dir,
-                    onContextMenu: (f) => f.preventDefault(),
-                    ...w,
-                    ...se,
-                    onPlaced: () => H(!0),
-                    ref: P,
-                    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",
-                      ...w.style
-                    },
-                    onKeyDown: N(w.onKeyDown, (f) => {
-                      const I = f.ctrlKey || f.altKey || f.metaKey;
-                      if (f.key === "Tab" && f.preventDefault(), !I && f.key.length === 1 && ae(f.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(f.key)) {
-                        let y = B().filter((x) => !x.disabled).map((x) => x.ref.current);
-                        if (["ArrowUp", "End"].includes(f.key) && (y = y.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
-                          const x = f.target, b = y.indexOf(x);
-                          y = y.slice(b + 1);
-                        }
-                        setTimeout(() => E(y)), f.preventDefault();
-                      }
-                    })
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-Fe.displayName = Zt;
-var Jt = "SelectItemAlignedPosition", Ue = o.forwardRef((t, n) => {
-  const { __scopeSelect: e, onPlaced: s, ...r } = t, d = Y(te, e), l = q(te, e), [a, c] = o.useState(null), [p, g] = o.useState(null), S = V(n, (P) => g(P)), R = ue(e), T = o.useRef(!1), C = o.useRef(!0), { viewport: u, selectedItem: h, selectedItemText: w, focusSelectedItem: m } = l, v = o.useCallback(() => {
-    if (d.trigger && d.valueNode && a && p && u && h && w) {
-      const P = d.trigger.getBoundingClientRect(), D = p.getBoundingClientRect(), K = d.valueNode.getBoundingClientRect(), Z = w.getBoundingClientRect();
-      if (d.dir !== "rtl") {
-        const x = Z.left - D.left, b = K.left - x, X = P.left - b, J = P.width + X, ge = Math.max(J, D.width), ve = window.innerWidth - O, Se = Re(b, [
-          O,
-          // 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(O, ve - ge)
-        ]);
-        a.style.minWidth = J + "px", a.style.left = Se + "px";
-      } else {
-        const x = D.right - Z.right, b = window.innerWidth - K.right - x, X = window.innerWidth - P.right - b, J = P.width + X, ge = Math.max(J, D.width), ve = window.innerWidth - O, Se = Re(b, [
-          O,
-          Math.max(O, ve - ge)
-        ]);
-        a.style.minWidth = J + "px", a.style.right = Se + "px";
-      }
-      const k = R(), B = window.innerHeight - O * 2, $ = u.scrollHeight, H = window.getComputedStyle(p), W = parseInt(H.borderTopWidth, 10), E = parseInt(H.paddingTop, 10), L = parseInt(H.borderBottomWidth, 10), F = parseInt(H.paddingBottom, 10), j = W + E + $ + F + L, fe = Math.min(h.offsetHeight * 5, j), ae = window.getComputedStyle(u), me = parseInt(ae.paddingTop, 10), he = parseInt(ae.paddingBottom, 10), oe = P.top + P.height / 2 - O, ce = B - oe, se = h.offsetHeight / 2, f = h.offsetTop + se, I = W + E + f, _ = j - I;
-      if (I <= oe) {
-        const x = k.length > 0 && h === k[k.length - 1].ref.current;
-        a.style.bottom = "0px";
-        const b = p.clientHeight - u.offsetTop - u.offsetHeight, X = Math.max(
-          ce,
-          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (x ? he : 0) + b + L
-        ), J = I + X;
-        a.style.height = J + "px";
-      } else {
-        const x = k.length > 0 && h === k[0].ref.current;
-        a.style.top = "0px";
-        const X = Math.max(
-          oe,
-          W + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (x ? me : 0) + se
-        ) + _;
-        a.style.height = X + "px", u.scrollTop = I - oe + u.offsetTop;
-      }
-      a.style.margin = `${O}px 0`, a.style.minHeight = fe + "px", a.style.maxHeight = B + "px", s?.(), requestAnimationFrame(() => T.current = !0);
-    }
-  }, [
-    R,
-    d.trigger,
-    d.valueNode,
-    a,
-    p,
-    u,
-    h,
-    w,
-    d.dir,
-    s
-  ]);
-  z(() => v(), [v]);
-  const [U, A] = o.useState();
-  z(() => {
-    p && A(window.getComputedStyle(p).zIndex);
-  }, [p]);
-  const re = o.useCallback(
-    (P) => {
-      P && C.current === !0 && (v(), m?.(), C.current = !1);
-    },
-    [v, m]
-  );
-  return /* @__PURE__ */ i(
-    eo,
-    {
-      scope: e,
-      contentWrapper: a,
-      shouldExpandOnScrollRef: T,
-      onScrollButtonChange: re,
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          ref: c,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            position: "fixed",
-            zIndex: U
-          },
-          children: /* @__PURE__ */ i(
-            M.div,
-            {
-              ...r,
-              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%",
-                ...r.style
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-});
-Ue.displayName = Jt;
-var Qt = "SelectPopperPosition", we = o.forwardRef((t, n) => {
-  const {
-    __scopeSelect: e,
-    align: s = "start",
-    collisionPadding: r = O,
-    ...d
-  } = t, l = pe(e);
-  return /* @__PURE__ */ i(
-    Mt,
-    {
-      ...l,
-      ...d,
-      ref: n,
-      align: s,
-      collisionPadding: r,
-      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 = Qt;
-var [eo, Ne] = ne(te, {}), ye = "SelectViewport", Ke = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, nonce: s, ...r } = t, d = q(ye, e), l = Ne(ye, e), a = V(n, d.onViewportChange), c = o.useRef(0);
-    return /* @__PURE__ */ Q(Te, { children: [
-      /* @__PURE__ */ i(
-        "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: s
-        }
-      ),
-      /* @__PURE__ */ i(de.Slot, { scope: e, children: /* @__PURE__ */ i(
-        M.div,
-        {
-          "data-radix-select-viewport": "",
-          role: "presentation",
-          ...r,
-          ref: a,
-          style: {
-            // we use position: 'relative' here on the `viewport` so that when we call
-            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
-            // (independent of the scrollUpButton).
-            position: "relative",
-            flex: 1,
-            // 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",
-            ...r.style
-          },
-          onScroll: N(r.onScroll, (p) => {
-            const g = p.currentTarget, { contentWrapper: S, shouldExpandOnScrollRef: R } = l;
-            if (R?.current && S) {
-              const T = Math.abs(c.current - g.scrollTop);
-              if (T > 0) {
-                const C = window.innerHeight - O * 2, u = parseFloat(S.style.minHeight), h = parseFloat(S.style.height), w = Math.max(u, h);
-                if (w < C) {
-                  const m = w + T, v = Math.min(C, m), U = m - v;
-                  S.style.height = v + "px", S.style.bottom === "0px" && (g.scrollTop = U > 0 ? U : 0, S.style.justifyContent = "flex-end");
-                }
-              }
-            }
-            c.current = g.scrollTop;
-          })
-        }
-      ) })
-    ] });
-  }
-);
-Ke.displayName = ye;
-var $e = "SelectGroup", [to, oo] = ne($e), je = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...s } = t, r = be();
-    return /* @__PURE__ */ i(to, { scope: e, id: r, children: /* @__PURE__ */ i(M.div, { role: "group", "aria-labelledby": r, ...s, ref: n }) });
-  }
-);
-je.displayName = $e;
-var ze = "SelectLabel", Ge = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...s } = t, r = oo(ze, e);
-    return /* @__PURE__ */ i(M.div, { id: r.id, ...s, ref: n });
-  }
-);
-Ge.displayName = ze;
-var ie = "SelectItem", [no, Ye] = ne(ie), qe = o.forwardRef(
-  (t, n) => {
-    const {
-      __scopeSelect: e,
-      value: s,
-      disabled: r = !1,
-      textValue: d,
-      ...l
-    } = t, a = Y(ie, e), c = q(ie, e), p = a.value === s, [g, S] = o.useState(d ?? ""), [R, T] = o.useState(!1), C = V(
-      n,
-      (m) => c.itemRefCallback?.(m, s, r)
-    ), u = be(), h = o.useRef("touch"), w = () => {
-      r || (a.onValueChange(s), a.onOpenChange(!1));
-    };
-    if (s === "")
-      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(
-      no,
-      {
-        scope: e,
-        value: s,
-        disabled: r,
-        textId: u,
-        isSelected: p,
-        onItemTextChange: o.useCallback((m) => {
-          S((v) => v || (m?.textContent ?? "").trim());
-        }, []),
-        children: /* @__PURE__ */ i(
-          de.ItemSlot,
-          {
-            scope: e,
-            value: s,
-            disabled: r,
-            textValue: g,
-            children: /* @__PURE__ */ i(
-              M.div,
-              {
-                role: "option",
-                "aria-labelledby": u,
-                "data-highlighted": R ? "" : void 0,
-                "aria-selected": p && R,
-                "data-state": p ? "checked" : "unchecked",
-                "aria-disabled": r || void 0,
-                "data-disabled": r ? "" : void 0,
-                tabIndex: r ? void 0 : -1,
-                ...l,
-                ref: C,
-                onFocus: N(l.onFocus, () => T(!0)),
-                onBlur: N(l.onBlur, () => T(!1)),
-                onClick: N(l.onClick, () => {
-                  h.current !== "mouse" && w();
-                }),
-                onPointerUp: N(l.onPointerUp, () => {
-                  h.current === "mouse" && w();
-                }),
-                onPointerDown: N(l.onPointerDown, (m) => {
-                  h.current = m.pointerType;
-                }),
-                onPointerMove: N(l.onPointerMove, (m) => {
-                  h.current = m.pointerType, r ? c.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
-                }),
-                onPointerLeave: N(l.onPointerLeave, (m) => {
-                  m.currentTarget === document.activeElement && c.onItemLeave?.();
-                }),
-                onKeyDown: N(l.onKeyDown, (m) => {
-                  c.searchRef?.current !== "" && m.key === " " || (Kt.includes(m.key) && w(), m.key === " " && m.preventDefault());
-                })
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-qe.displayName = ie;
-var le = "SelectItemText", Ze = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, className: s, style: r, ...d } = t, l = Y(le, e), a = q(le, e), c = Ye(le, e), p = Gt(le, e), [g, S] = o.useState(null), R = V(
-      n,
-      (w) => S(w),
-      c.onItemTextChange,
-      (w) => a.itemTextRefCallback?.(w, c.value, c.disabled)
-    ), T = g?.textContent, C = o.useMemo(
-      () => /* @__PURE__ */ i("option", { value: c.value, disabled: c.disabled, children: T }, c.value),
-      [c.disabled, c.value, T]
-    ), { onNativeOptionAdd: u, onNativeOptionRemove: h } = p;
-    return z(() => (u(C), () => h(C)), [u, h, C]), /* @__PURE__ */ Q(Te, { children: [
-      /* @__PURE__ */ i(M.span, { id: c.textId, ...d, ref: R }),
-      c.isSelected && l.valueNode && !l.valueNodeHasChildren ? Ee.createPortal(d.children, l.valueNode) : null
-    ] });
-  }
-);
-Ze.displayName = le;
-var Xe = "SelectItemIndicator", Je = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...s } = t;
-    return Ye(Xe, e).isSelected ? /* @__PURE__ */ i(M.span, { "aria-hidden": !0, ...s, ref: n }) : null;
-  }
-);
-Je.displayName = Xe;
-var xe = "SelectScrollUpButton", Qe = o.forwardRef((t, n) => {
-  const e = q(xe, t.__scopeSelect), s = Ne(xe, t.__scopeSelect), [r, d] = o.useState(!1), l = V(n, s.onScrollButtonChange);
-  return z(() => {
-    if (e.viewport && e.isPositioned) {
-      let a = function() {
-        const p = c.scrollTop > 0;
-        d(p);
-      };
-      const c = e.viewport;
-      return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
-    }
-  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ i(
-    tt,
-    {
-      ...t,
-      ref: l,
-      onAutoScroll: () => {
-        const { viewport: a, selectedItem: c } = e;
-        a && c && (a.scrollTop = a.scrollTop - c.offsetHeight);
-      }
-    }
-  ) : null;
-});
-Qe.displayName = xe;
-var Ce = "SelectScrollDownButton", et = o.forwardRef((t, n) => {
-  const e = q(Ce, t.__scopeSelect), s = Ne(Ce, t.__scopeSelect), [r, d] = o.useState(!1), l = V(n, s.onScrollButtonChange);
-  return z(() => {
-    if (e.viewport && e.isPositioned) {
-      let a = function() {
-        const p = c.scrollHeight - c.clientHeight, g = Math.ceil(c.scrollTop) < p;
-        d(g);
-      };
-      const c = e.viewport;
-      return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
-    }
-  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ i(
-    tt,
-    {
-      ...t,
-      ref: l,
-      onAutoScroll: () => {
-        const { viewport: a, selectedItem: c } = e;
-        a && c && (a.scrollTop = a.scrollTop + c.offsetHeight);
-      }
-    }
-  ) : null;
-});
-et.displayName = Ce;
-var tt = o.forwardRef((t, n) => {
-  const { __scopeSelect: e, onAutoScroll: s, ...r } = t, d = q("SelectScrollButton", e), l = o.useRef(null), a = ue(e), c = o.useCallback(() => {
-    l.current !== null && (window.clearInterval(l.current), l.current = null);
-  }, []);
-  return o.useEffect(() => () => c(), [c]), z(() => {
-    a().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [a]), /* @__PURE__ */ i(
-    M.div,
-    {
-      "aria-hidden": !0,
-      ...r,
-      ref: n,
-      style: { flexShrink: 0, ...r.style },
-      onPointerDown: N(r.onPointerDown, () => {
-        l.current === null && (l.current = window.setInterval(s, 50));
-      }),
-      onPointerMove: N(r.onPointerMove, () => {
-        d.onItemLeave?.(), l.current === null && (l.current = window.setInterval(s, 50));
-      }),
-      onPointerLeave: N(r.onPointerLeave, () => {
-        c();
-      })
-    }
-  );
-}), ro = "SelectSeparator", ot = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...s } = t;
-    return /* @__PURE__ */ i(M.div, { "aria-hidden": !0, ...s, ref: n });
-  }
-);
-ot.displayName = ro;
-var Ie = "SelectArrow", so = o.forwardRef(
-  (t, n) => {
-    const { __scopeSelect: e, ...s } = t, r = pe(e), d = Y(Ie, e), l = q(Ie, e);
-    return d.open && l.position === "popper" ? /* @__PURE__ */ i(At, { ...r, ...s, ref: n }) : null;
-  }
-);
-so.displayName = Ie;
-var lo = "SelectBubbleInput", nt = o.forwardRef(
-  ({ __scopeSelect: t, value: n, ...e }, s) => {
-    const r = o.useRef(null), d = V(s, r), l = Ot(n);
-    return o.useEffect(() => {
-      const a = r.current;
-      if (!a) return;
-      const c = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        c,
-        "value"
-      ).set;
-      if (l !== n && g) {
-        const S = new Event("change", { bubbles: !0 });
-        g.call(a, n), a.dispatchEvent(S);
-      }
-    }, [l, n]), /* @__PURE__ */ i(
-      M.select,
-      {
-        ...e,
-        style: { ...Dt, ...e.style },
-        ref: d,
-        defaultValue: n
-      }
-    );
-  }
-);
-nt.displayName = lo;
-function rt(t) {
-  return t === "" || t === void 0;
-}
-function st(t) {
-  const n = wt(t), e = o.useRef(""), s = o.useRef(0), r = o.useCallback(
-    (l) => {
-      const a = e.current + l;
-      n(a), (function c(p) {
-        e.current = p, window.clearTimeout(s.current), p !== "" && (s.current = window.setTimeout(() => c(""), 1e3));
-      })(a);
-    },
-    [n]
-  ), d = o.useCallback(() => {
-    e.current = "", window.clearTimeout(s.current);
-  }, []);
-  return o.useEffect(() => () => window.clearTimeout(s.current), []), [e, r, d];
-}
-function lt(t, n, e) {
-  const r = n.length > 1 && Array.from(n).every((p) => p === n[0]) ? n[0] : n, d = e ? t.indexOf(e) : -1;
-  let l = ao(t, Math.max(d, 0));
-  r.length === 1 && (l = l.filter((p) => p !== e));
-  const c = l.find(
-    (p) => p.textValue.toLowerCase().startsWith(r.toLowerCase())
-  );
-  return c !== e ? c : void 0;
-}
-function ao(t, n) {
-  return t.map((e, s) => t[(n + s) % t.length]);
-}
-var co = Ae, at = De, io = Ve, uo = ke, po = Be, ct = He, fo = Ke, mo = je, it = Ge, dt = qe, ho = Ze, go = Je, ut = Qe, pt = et, ft = ot;
-const Mo = co, Ao = mo, Oo = io, vo = yt(
-  "flex items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 transition-all duration-200",
-  {
-    variants: {
-      size: {
-        sm: "h-8 text-sm",
-        md: "h-10 text-base",
-        lg: "h-12 text-lg"
-      },
-      width: {
-        auto: "w-auto",
-        full: "w-full",
-        sm: "w-24",
-        md: "w-32",
-        lg: "w-48"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      width: "full"
-    }
-  }
-), So = o.forwardRef(({ className: t, children: n, size: e, width: s, ...r }, d) => /* @__PURE__ */ Q(
-  at,
-  {
-    ref: d,
-    className: G(vo({ size: e, width: s }), t),
-    ...r,
-    children: [
-      n,
-      /* @__PURE__ */ i(uo, { asChild: !0, children: /* @__PURE__ */ i(Me, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-So.displayName = at.displayName;
-const mt = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ i(
-  ut,
-  {
-    ref: e,
-    className: G("flex cursor-default items-center justify-center py-1", t),
-    ...n,
-    children: /* @__PURE__ */ i(Lt, { className: "h-4 w-4" })
-  }
-));
-mt.displayName = ut.displayName;
-const ht = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ i(
-  pt,
-  {
-    ref: e,
-    className: G("flex cursor-default items-center justify-center py-1", t),
-    ...n,
-    children: /* @__PURE__ */ i(Me, { className: "h-4 w-4" })
-  }
-));
-ht.displayName = pt.displayName;
-const wo = o.forwardRef(({ className: t, children: n, position: e = "popper", ...s }, r) => /* @__PURE__ */ i(po, { children: /* @__PURE__ */ Q(
-  ct,
-  {
-    ref: r,
-    className: G(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e === "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",
-      t
-    ),
-    position: e,
-    ...s,
-    children: [
-      /* @__PURE__ */ i(mt, {}),
-      /* @__PURE__ */ i(
-        fo,
-        {
-          className: G(
-            "p-1",
-            e === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children: n
-        }
-      ),
-      /* @__PURE__ */ i(ht, {})
-    ]
-  }
-) }));
-wo.displayName = ct.displayName;
-const yo = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ i(
-  it,
-  {
-    ref: e,
-    className: G("py-1.5 pl-8 pr-2 text-sm font-semibold", t),
-    ...n
-  }
-));
-yo.displayName = it.displayName;
-const xo = o.forwardRef(({ className: t, children: n, ...e }, s) => /* @__PURE__ */ Q(
-  dt,
-  {
-    ref: s,
-    className: G(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
-    ),
-    ...e,
-    children: [
-      /* @__PURE__ */ i("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ i(go, { children: /* @__PURE__ */ i(xt, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ i(ho, { children: n })
-    ]
-  }
-));
-xo.displayName = dt.displayName;
-const Co = o.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ i(
-  ft,
-  {
-    ref: e,
-    className: G("-mx-1 my-1 h-px bg-muted", t),
-    ...n
-  }
-));
-Co.displayName = ft.displayName;
-export {
-  Mo as S,
-  Ao as a,
-  Oo as b,
-  So as c,
-  wo as d,
-  yo as e,
-  xo as f,
-  Co as g,
-  mt as h,
-  ht as i
-};
-//# sourceMappingURL=select-C1rNBi6c.js.map