ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/select.js

@@ -1,1035 +1,17 @@
-var Pt = Object.defineProperty, Et = Object.defineProperties;
-var _t = Object.getOwnPropertyDescriptors;
-var fe = Object.getOwnPropertySymbols;
-var Le = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
-var De = (t, o, e) => o in t ? Pt(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, v = (t, o) => {
-  for (var e in o || (o = {}))
-    Le.call(o, e) && De(t, e, o[e]);
-  if (fe)
-    for (var e of fe(o))
-      ke.call(o, e) && De(t, e, o[e]);
-  return t;
-}, x = (t, o) => Et(t, _t(o));
-var E = (t, o) => {
-  var e = {};
-  for (var s in t)
-    Le.call(t, s) && o.indexOf(s) < 0 && (e[s] = t[s]);
-  if (t != null && fe)
-    for (var s of fe(t))
-      o.indexOf(s) < 0 && ke.call(t, s) && (e[s] = t[s]);
-  return e;
-};
-import { jsx as u, jsxs as ee, Fragment as Me } from "react/jsx-runtime";
-import * as n from "react";
-import Q from "react";
-import * as He from "react-dom";
-import { c as Ue, a as Be, u as j, b as A, e as Mt } from "../index-CaGtfIqw.js";
-import { u as B, S as Te } from "../index-DPws5oAn.js";
-import { u as Ae, P as At, D as Ot } from "../index-CImD85pK.js";
-import { h as Dt, u as Lt, R as kt, F as Bt } from "../index-CfJKNBxG.js";
-import { c as Fe, R as Vt, V as Ht, A as Ut, C as Ft, b as Wt } from "../index-DsEh1WRc.js";
-import { P as V } from "../index-pysSAa5G.js";
-import { u as Kt } from "../index-BZPx6jYI.js";
-import { c as oe } from "../index-CR-odn5-.js";
-import { c as We } from "../createLucideIcon-DgrNxRV5.js";
-import { C as $t } from "../check-C-TqZgvb.js";
-/**
- * @license lucide-react v0.460.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ke = We("ChevronDown", [
-  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
-]);
-/**
- * @license lucide-react v0.460.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Gt = We("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
-function Ve(t, [o, e]) {
-  return Math.min(e, Math.max(o, t));
-}
-function zt(t) {
-  const o = t + "CollectionProvider", [e, s] = Ue(o), [r, a] = e(
-    o,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), c = (I) => {
-    const { scope: y, children: w } = I, d = Q.useRef(null), g = Q.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ u(r, { scope: y, itemMap: g, collectionRef: d, children: w });
-  };
-  c.displayName = o;
-  const l = t + "CollectionSlot", i = Q.forwardRef(
-    (I, y) => {
-      const { scope: w, children: d } = I, g = a(l, w), m = B(y, g.collectionRef);
-      return /* @__PURE__ */ u(Te, { ref: m, children: d });
-    }
-  );
-  i.displayName = l;
-  const f = t + "CollectionItemSlot", S = "data-radix-collection-item", T = Q.forwardRef(
-    (I, y) => {
-      const N = I, { scope: w, children: d } = N, g = E(N, ["scope", "children"]), m = Q.useRef(null), p = B(y, m), b = a(f, w);
-      return Q.useEffect(() => (b.itemMap.set(m, v({ ref: m }, g)), () => void b.itemMap.delete(m))), /* @__PURE__ */ u(Te, { [S]: "", ref: p, children: d });
-    }
-  );
-  T.displayName = f;
-  function C(I) {
-    const y = a(t + "CollectionConsumer", I);
-    return Q.useCallback(() => {
-      const d = y.collectionRef.current;
-      if (!d) return [];
-      const g = Array.from(d.querySelectorAll(`[${S}]`));
-      return Array.from(y.itemMap.values()).sort(
-        (b, N) => g.indexOf(b.ref.current) - g.indexOf(N.ref.current)
-      );
-    }, [y.collectionRef, y.itemMap]);
-  }
-  return [
-    { Provider: c, Slot: i, ItemSlot: T },
-    C,
-    s
-  ];
-}
-var jt = n.createContext(void 0);
-function qt(t) {
-  const o = n.useContext(jt);
-  return t || o || "ltr";
-}
-var Yt = [" ", "Enter", "ArrowUp", "ArrowDown"], Xt = [" ", "Enter"], de = "Select", [he, ve, Zt] = zt(de), [le, jo] = Ue(de, [
-  Zt,
-  Fe
-]), ge = Fe(), [Jt, q] = le(de), [Qt, eo] = le(de), $e = (t) => {
-  const {
-    __scopeSelect: o,
-    children: e,
-    open: s,
-    defaultOpen: r,
-    onOpenChange: a,
-    value: c,
-    defaultValue: l,
-    onValueChange: i,
-    dir: f,
-    name: S,
-    autoComplete: T,
-    disabled: C,
-    required: I,
-    form: y
-  } = t, w = ge(o), [d, g] = n.useState(null), [m, p] = n.useState(null), [b, N] = n.useState(!1), ce = qt(f), [re = !1, O] = Be({
-    prop: s,
-    defaultProp: r,
-    onChange: a
-  }), [U, X] = Be({
-    prop: c,
-    defaultProp: l,
-    onChange: i
-  }), ne = n.useRef(null), k = d ? y || !!d.closest("form") : !0, [z, se] = n.useState(/* @__PURE__ */ new Set()), F = Array.from(z).map((D) => D.props.value).join(";");
-  return /* @__PURE__ */ u(Vt, x(v({}, w), { children: /* @__PURE__ */ ee(
-    Jt,
-    {
-      required: I,
-      scope: o,
-      trigger: d,
-      onTriggerChange: g,
-      valueNode: m,
-      onValueNodeChange: p,
-      valueNodeHasChildren: b,
-      onValueNodeHasChildrenChange: N,
-      contentId: Ae(),
-      value: U,
-      onValueChange: X,
-      open: re,
-      onOpenChange: O,
-      dir: ce,
-      triggerPointerDownPosRef: ne,
-      disabled: C,
-      children: [
-        /* @__PURE__ */ u(he.Provider, { scope: o, children: /* @__PURE__ */ u(
-          Qt,
-          {
-            scope: t.__scopeSelect,
-            onNativeOptionAdd: n.useCallback((D) => {
-              se((W) => new Set(W).add(D));
-            }, []),
-            onNativeOptionRemove: n.useCallback((D) => {
-              se((W) => {
-                const K = new Set(W);
-                return K.delete(D), K;
-              });
-            }, []),
-            children: e
-          }
-        ) }),
-        k ? /* @__PURE__ */ ee(
-          vt,
-          {
-            "aria-hidden": !0,
-            required: I,
-            tabIndex: -1,
-            name: S,
-            autoComplete: T,
-            value: U,
-            onChange: (D) => X(D.target.value),
-            disabled: C,
-            form: y,
-            children: [
-              U === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
-              Array.from(z)
-            ]
-          },
-          F
-        ) : null
-      ]
-    }
-  ) }));
-};
-$e.displayName = de;
-var Ge = "SelectTrigger", ze = n.forwardRef(
-  (t, o) => {
-    const w = t, { __scopeSelect: e, disabled: s = !1 } = w, r = E(w, ["__scopeSelect", "disabled"]), a = ge(e), c = q(Ge, e), l = c.disabled || s, i = B(o, c.onTriggerChange), f = ve(e), S = n.useRef("touch"), [T, C, I] = gt((d) => {
-      const g = f().filter((b) => !b.disabled), m = g.find((b) => b.value === c.value), p = St(g, d, m);
-      p !== void 0 && c.onValueChange(p.value);
-    }), y = (d) => {
-      l || (c.onOpenChange(!0), I()), d && (c.triggerPointerDownPosRef.current = {
-        x: Math.round(d.pageX),
-        y: Math.round(d.pageY)
-      });
-    };
-    return /* @__PURE__ */ u(Ut, x(v({ asChild: !0 }, a), { children: /* @__PURE__ */ u(
-      V.button,
-      x(v({
-        type: "button",
-        role: "combobox",
-        "aria-controls": c.contentId,
-        "aria-expanded": c.open,
-        "aria-required": c.required,
-        "aria-autocomplete": "none",
-        dir: c.dir,
-        "data-state": c.open ? "open" : "closed",
-        disabled: l,
-        "data-disabled": l ? "" : void 0,
-        "data-placeholder": ht(c.value) ? "" : void 0
-      }, r), {
-        ref: i,
-        onClick: A(r.onClick, (d) => {
-          d.currentTarget.focus(), S.current !== "mouse" && y(d);
-        }),
-        onPointerDown: A(r.onPointerDown, (d) => {
-          S.current = d.pointerType;
-          const g = d.target;
-          g.hasPointerCapture(d.pointerId) && g.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (y(d), d.preventDefault());
-        }),
-        onKeyDown: A(r.onKeyDown, (d) => {
-          const g = T.current !== "";
-          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && C(d.key), !(g && d.key === " ") && Yt.includes(d.key) && (y(), d.preventDefault());
-        })
-      })
-    ) }));
-  }
-);
-ze.displayName = Ge;
-var je = "SelectValue", qe = n.forwardRef(
-  (t, o) => {
-    const C = t, { __scopeSelect: e, className: s, style: r, children: a, placeholder: c = "" } = C, l = E(C, ["__scopeSelect", "className", "style", "children", "placeholder"]), i = q(je, e), { onValueNodeHasChildrenChange: f } = i, S = a !== void 0, T = B(o, i.onValueNodeChange);
-    return j(() => {
-      f(S);
-    }, [f, S]), /* @__PURE__ */ u(
-      V.span,
-      x(v({}, l), {
-        ref: T,
-        style: { pointerEvents: "none" },
-        children: ht(i.value) ? /* @__PURE__ */ u(Me, { children: c }) : a
-      })
-    );
-  }
-);
-qe.displayName = je;
-var to = "SelectIcon", Ye = n.forwardRef(
-  (t, o) => {
-    const a = t, { __scopeSelect: e, children: s } = a, r = E(a, ["__scopeSelect", "children"]);
-    return /* @__PURE__ */ u(V.span, x(v({ "aria-hidden": !0 }, r), { ref: o, children: s || "▼" }));
-  }
-);
-Ye.displayName = to;
-var oo = "SelectPortal", Xe = (t) => /* @__PURE__ */ u(At, v({ asChild: !0 }, t));
-Xe.displayName = oo;
-var te = "SelectContent", Ze = n.forwardRef(
-  (t, o) => {
-    const e = q(te, t.__scopeSelect), [s, r] = n.useState();
-    if (j(() => {
-      r(new DocumentFragment());
-    }, []), !e.open) {
-      const a = s;
-      return a ? He.createPortal(
-        /* @__PURE__ */ u(Je, { scope: t.__scopeSelect, children: /* @__PURE__ */ u(he.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ u("div", { children: t.children }) }) }),
-        a
-      ) : null;
-    }
-    return /* @__PURE__ */ u(Qe, x(v({}, t), { ref: o }));
-  }
-);
-Ze.displayName = te;
-var H = 10, [Je, Y] = le(te), ro = "SelectContentImpl", Qe = n.forwardRef(
-  (t, o) => {
-    const ae = t, {
-      __scopeSelect: e,
-      position: s = "item-aligned",
-      onCloseAutoFocus: r,
-      onEscapeKeyDown: a,
-      onPointerDownOutside: c,
-      side: l,
-      sideOffset: i,
-      align: f,
-      alignOffset: S,
-      arrowPadding: T,
-      collisionBoundary: C,
-      collisionPadding: I,
-      sticky: y,
-      hideWhenDetached: w,
-      avoidCollisions: d
-    } = ae, g = E(ae, [
-      "__scopeSelect",
-      "position",
-      "onCloseAutoFocus",
-      "onEscapeKeyDown",
-      "onPointerDownOutside",
-      //
-      // PopperContent props
-      "side",
-      "sideOffset",
-      "align",
-      "alignOffset",
-      "arrowPadding",
-      "collisionBoundary",
-      "collisionPadding",
-      "sticky",
-      "hideWhenDetached",
-      "avoidCollisions"
-    ]), m = q(te, e), [p, b] = n.useState(null), [N, ce] = n.useState(null), re = B(o, (h) => b(h)), [O, U] = n.useState(null), [X, ne] = n.useState(
-      null
-    ), k = ve(e), [z, se] = n.useState(!1), F = n.useRef(!1);
-    n.useEffect(() => {
-      if (p) return Dt(p);
-    }, [p]), Lt();
-    const D = n.useCallback(
-      (h) => {
-        const [M, ...L] = k().map((P) => P.ref.current), [_] = L.slice(-1), R = document.activeElement;
-        for (const P of h)
-          if (P === R || (P == null || P.scrollIntoView({ block: "nearest" }), P === M && N && (N.scrollTop = 0), P === _ && N && (N.scrollTop = N.scrollHeight), P == null || P.focus(), document.activeElement !== R)) return;
-      },
-      [k, N]
-    ), W = n.useCallback(
-      () => D([O, p]),
-      [D, O, p]
-    );
-    n.useEffect(() => {
-      z && W();
-    }, [z, W]);
-    const { onOpenChange: K, triggerPointerDownPosRef: Z } = m;
-    n.useEffect(() => {
-      if (p) {
-        let h = { x: 0, y: 0 };
-        const M = (_) => {
-          var R, P, $, G;
-          h = {
-            x: Math.abs(Math.round(_.pageX) - ((P = (R = Z.current) == null ? void 0 : R.x) != null ? P : 0)),
-            y: Math.abs(Math.round(_.pageY) - ((G = ($ = Z.current) == null ? void 0 : $.y) != null ? G : 0))
-          };
-        }, L = (_) => {
-          h.x <= 10 && h.y <= 10 ? _.preventDefault() : p.contains(_.target) || K(!1), document.removeEventListener("pointermove", M), Z.current = null;
-        };
-        return Z.current !== null && (document.addEventListener("pointermove", M), document.addEventListener("pointerup", L, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", L, { capture: !0 });
-        };
-      }
-    }, [p, K, Z]), n.useEffect(() => {
-      const h = () => K(!1);
-      return window.addEventListener("blur", h), window.addEventListener("resize", h), () => {
-        window.removeEventListener("blur", h), window.removeEventListener("resize", h);
-      };
-    }, [K]);
-    const [ue, Se] = gt((h) => {
-      const M = k().filter((R) => !R.disabled), L = M.find((R) => R.ref.current === document.activeElement), _ = St(M, h, L);
-      _ && setTimeout(() => _.ref.current.focus());
-    }), pe = n.useCallback(
-      (h, M, L) => {
-        const _ = !F.current && !L;
-        (m.value !== void 0 && m.value === M || _) && (U(h), _ && (F.current = !0));
-      },
-      [m.value]
-    ), we = n.useCallback(() => p == null ? void 0 : p.focus(), [p]), ye = n.useCallback(
-      (h, M, L) => {
-        const _ = !F.current && !L;
-        (m.value !== void 0 && m.value === M || _) && ne(h);
-      },
-      [m.value]
-    ), J = s === "popper" ? Ne : et, Ce = J === Ne ? {
-      side: l,
-      sideOffset: i,
-      align: f,
-      alignOffset: S,
-      arrowPadding: T,
-      collisionBoundary: C,
-      collisionPadding: I,
-      sticky: y,
-      hideWhenDetached: w,
-      avoidCollisions: d
-    } : {};
-    return /* @__PURE__ */ u(
-      Je,
-      {
-        scope: e,
-        content: p,
-        viewport: N,
-        onViewportChange: ce,
-        itemRefCallback: pe,
-        selectedItem: O,
-        onItemLeave: we,
-        itemTextRefCallback: ye,
-        focusSelectedItem: W,
-        selectedItemText: X,
-        position: s,
-        isPositioned: z,
-        searchRef: ue,
-        children: /* @__PURE__ */ u(kt, { as: Te, allowPinchZoom: !0, children: /* @__PURE__ */ u(
-          Bt,
-          {
-            asChild: !0,
-            trapped: m.open,
-            onMountAutoFocus: (h) => {
-              h.preventDefault();
-            },
-            onUnmountAutoFocus: A(r, (h) => {
-              var M;
-              (M = m.trigger) == null || M.focus({ preventScroll: !0 }), h.preventDefault();
-            }),
-            children: /* @__PURE__ */ u(
-              Ot,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: a,
-                onPointerDownOutside: c,
-                onFocusOutside: (h) => h.preventDefault(),
-                onDismiss: () => m.onOpenChange(!1),
-                children: /* @__PURE__ */ u(
-                  J,
-                  x(v(v({
-                    role: "listbox",
-                    id: m.contentId,
-                    "data-state": m.open ? "open" : "closed",
-                    dir: m.dir,
-                    onContextMenu: (h) => h.preventDefault()
-                  }, g), Ce), {
-                    onPlaced: () => se(!0),
-                    ref: re,
-                    style: v({
-                      // flex layout so we can place the scroll buttons properly
-                      display: "flex",
-                      flexDirection: "column",
-                      // reset the outline by default as the content MAY get focused
-                      outline: "none"
-                    }, g.style),
-                    onKeyDown: A(g.onKeyDown, (h) => {
-                      const M = h.ctrlKey || h.altKey || h.metaKey;
-                      if (h.key === "Tab" && h.preventDefault(), !M && h.key.length === 1 && Se(h.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(h.key)) {
-                        let _ = k().filter((R) => !R.disabled).map((R) => R.ref.current);
-                        if (["ArrowUp", "End"].includes(h.key) && (_ = _.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(h.key)) {
-                          const R = h.target, P = _.indexOf(R);
-                          _ = _.slice(P + 1);
-                        }
-                        setTimeout(() => D(_)), h.preventDefault();
-                      }
-                    })
-                  })
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-Qe.displayName = ro;
-var no = "SelectItemAlignedPosition", et = n.forwardRef((t, o) => {
-  const re = t, { __scopeSelect: e, onPlaced: s } = re, r = E(re, ["__scopeSelect", "onPlaced"]), a = q(te, e), c = Y(te, e), [l, i] = n.useState(null), [f, S] = n.useState(null), T = B(o, (O) => S(O)), C = ve(e), I = n.useRef(!1), y = n.useRef(!0), { viewport: w, selectedItem: d, selectedItemText: g, focusSelectedItem: m } = c, p = n.useCallback(() => {
-    if (a.trigger && a.valueNode && l && f && w && d && g) {
-      const O = a.trigger.getBoundingClientRect(), U = f.getBoundingClientRect(), X = a.valueNode.getBoundingClientRect(), ne = g.getBoundingClientRect();
-      if (a.dir !== "rtl") {
-        const R = ne.left - U.left, P = X.left - R, $ = O.left - P, G = O.width + $, be = Math.max(G, U.width), xe = window.innerWidth - H, Ie = Ve(P, [
-          H,
-          // 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(H, xe - be)
-        ]);
-        l.style.minWidth = G + "px", l.style.left = Ie + "px";
-      } else {
-        const R = U.right - ne.right, P = window.innerWidth - X.right - R, $ = window.innerWidth - O.right - P, G = O.width + $, be = Math.max(G, U.width), xe = window.innerWidth - H, Ie = Ve(P, [
-          H,
-          Math.max(H, xe - be)
-        ]);
-        l.style.minWidth = G + "px", l.style.right = Ie + "px";
-      }
-      const k = C(), z = window.innerHeight - H * 2, se = w.scrollHeight, F = window.getComputedStyle(f), D = parseInt(F.borderTopWidth, 10), W = parseInt(F.paddingTop, 10), K = parseInt(F.borderBottomWidth, 10), Z = parseInt(F.paddingBottom, 10), ue = D + W + se + Z + K, Se = Math.min(d.offsetHeight * 5, ue), pe = window.getComputedStyle(w), we = parseInt(pe.paddingTop, 10), ye = parseInt(pe.paddingBottom, 10), J = O.top + O.height / 2 - H, Ce = z - J, ae = d.offsetHeight / 2, h = d.offsetTop + ae, M = D + W + h, L = ue - M;
-      if (M <= J) {
-        const R = k.length > 0 && d === k[k.length - 1].ref.current;
-        l.style.bottom = "0px";
-        const P = f.clientHeight - w.offsetTop - w.offsetHeight, $ = Math.max(
-          Ce,
-          ae + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (R ? ye : 0) + P + K
-        ), G = M + $;
-        l.style.height = G + "px";
-      } else {
-        const R = k.length > 0 && d === k[0].ref.current;
-        l.style.top = "0px";
-        const $ = Math.max(
-          J,
-          D + w.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (R ? we : 0) + ae
-        ) + L;
-        l.style.height = $ + "px", w.scrollTop = M - J + w.offsetTop;
-      }
-      l.style.margin = `${H}px 0`, l.style.minHeight = Se + "px", l.style.maxHeight = z + "px", s == null || s(), requestAnimationFrame(() => I.current = !0);
-    }
-  }, [
-    C,
-    a.trigger,
-    a.valueNode,
-    l,
-    f,
-    w,
-    d,
-    g,
-    a.dir,
-    s
-  ]);
-  j(() => p(), [p]);
-  const [b, N] = n.useState();
-  j(() => {
-    f && N(window.getComputedStyle(f).zIndex);
-  }, [f]);
-  const ce = n.useCallback(
-    (O) => {
-      O && y.current === !0 && (p(), m == null || m(), y.current = !1);
-    },
-    [p, m]
-  );
-  return /* @__PURE__ */ u(
-    ao,
-    {
-      scope: e,
-      contentWrapper: l,
-      shouldExpandOnScrollRef: I,
-      onScrollButtonChange: ce,
-      children: /* @__PURE__ */ u(
-        "div",
-        {
-          ref: i,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            position: "fixed",
-            zIndex: b
-          },
-          children: /* @__PURE__ */ u(
-            V.div,
-            x(v({}, r), {
-              ref: T,
-              style: v({
-                // 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)
-            })
-          )
-        }
-      )
-    }
-  );
-});
-et.displayName = no;
-var so = "SelectPopperPosition", Ne = n.forwardRef((t, o) => {
-  const l = t, {
-    __scopeSelect: e,
-    align: s = "start",
-    collisionPadding: r = H
-  } = l, a = E(l, [
-    "__scopeSelect",
-    "align",
-    "collisionPadding"
-  ]), c = ge(e);
-  return /* @__PURE__ */ u(
-    Ft,
-    x(v(v({}, c), a), {
-      ref: o,
-      align: s,
-      collisionPadding: r,
-      style: x(v({
-        // Ensure border-box for floating-ui calculations
-        boxSizing: "border-box"
-      }, a.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)"
-      })
-    })
-  );
-});
-Ne.displayName = so;
-var [ao, Oe] = le(te, {}), Re = "SelectViewport", tt = n.forwardRef(
-  (t, o) => {
-    const f = t, { __scopeSelect: e, nonce: s } = f, r = E(f, ["__scopeSelect", "nonce"]), a = Y(Re, e), c = Oe(Re, e), l = B(o, a.onViewportChange), i = n.useRef(0);
-    return /* @__PURE__ */ ee(Me, { children: [
-      /* @__PURE__ */ u(
-        "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__ */ u(he.Slot, { scope: e, children: /* @__PURE__ */ u(
-        V.div,
-        x(v({
-          "data-radix-select-viewport": "",
-          role: "presentation"
-        }, r), {
-          ref: l,
-          style: v({
-            // 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: A(r.onScroll, (S) => {
-            const T = S.currentTarget, { contentWrapper: C, shouldExpandOnScrollRef: I } = c;
-            if (I != null && I.current && C) {
-              const y = Math.abs(i.current - T.scrollTop);
-              if (y > 0) {
-                const w = window.innerHeight - H * 2, d = parseFloat(C.style.minHeight), g = parseFloat(C.style.height), m = Math.max(d, g);
-                if (m < w) {
-                  const p = m + y, b = Math.min(w, p), N = p - b;
-                  C.style.height = b + "px", C.style.bottom === "0px" && (T.scrollTop = N > 0 ? N : 0, C.style.justifyContent = "flex-end");
-                }
-              }
-            }
-            i.current = T.scrollTop;
-          })
-        })
-      ) })
-    ] });
-  }
-);
-tt.displayName = Re;
-var ot = "SelectGroup", [lo, co] = le(ot), rt = n.forwardRef(
-  (t, o) => {
-    const a = t, { __scopeSelect: e } = a, s = E(a, ["__scopeSelect"]), r = Ae();
-    return /* @__PURE__ */ u(lo, { scope: e, id: r, children: /* @__PURE__ */ u(V.div, x(v({ role: "group", "aria-labelledby": r }, s), { ref: o })) });
-  }
-);
-rt.displayName = ot;
-var nt = "SelectLabel", st = n.forwardRef(
-  (t, o) => {
-    const a = t, { __scopeSelect: e } = a, s = E(a, ["__scopeSelect"]), r = co(nt, e);
-    return /* @__PURE__ */ u(V.div, x(v({ id: r.id }, s), { ref: o }));
-  }
-);
-st.displayName = nt;
-var me = "SelectItem", [io, at] = le(me), lt = n.forwardRef(
-  (t, o) => {
-    const m = t, {
-      __scopeSelect: e,
-      value: s,
-      disabled: r = !1,
-      textValue: a
-    } = m, c = E(m, [
-      "__scopeSelect",
-      "value",
-      "disabled",
-      "textValue"
-    ]), l = q(me, e), i = Y(me, e), f = l.value === s, [S, T] = n.useState(a != null ? a : ""), [C, I] = n.useState(!1), y = B(
-      o,
-      (p) => {
-        var b;
-        return (b = i.itemRefCallback) == null ? void 0 : b.call(i, p, s, r);
-      }
-    ), w = Ae(), d = n.useRef("touch"), g = () => {
-      r || (l.onValueChange(s), l.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__ */ u(
-      io,
-      {
-        scope: e,
-        value: s,
-        disabled: r,
-        textId: w,
-        isSelected: f,
-        onItemTextChange: n.useCallback((p) => {
-          T((b) => {
-            var N;
-            return b || ((N = p == null ? void 0 : p.textContent) != null ? N : "").trim();
-          });
-        }, []),
-        children: /* @__PURE__ */ u(
-          he.ItemSlot,
-          {
-            scope: e,
-            value: s,
-            disabled: r,
-            textValue: S,
-            children: /* @__PURE__ */ u(
-              V.div,
-              x(v({
-                role: "option",
-                "aria-labelledby": w,
-                "data-highlighted": C ? "" : void 0,
-                "aria-selected": f && C,
-                "data-state": f ? "checked" : "unchecked",
-                "aria-disabled": r || void 0,
-                "data-disabled": r ? "" : void 0,
-                tabIndex: r ? void 0 : -1
-              }, c), {
-                ref: y,
-                onFocus: A(c.onFocus, () => I(!0)),
-                onBlur: A(c.onBlur, () => I(!1)),
-                onClick: A(c.onClick, () => {
-                  d.current !== "mouse" && g();
-                }),
-                onPointerUp: A(c.onPointerUp, () => {
-                  d.current === "mouse" && g();
-                }),
-                onPointerDown: A(c.onPointerDown, (p) => {
-                  d.current = p.pointerType;
-                }),
-                onPointerMove: A(c.onPointerMove, (p) => {
-                  var b;
-                  d.current = p.pointerType, r ? (b = i.onItemLeave) == null || b.call(i) : d.current === "mouse" && p.currentTarget.focus({ preventScroll: !0 });
-                }),
-                onPointerLeave: A(c.onPointerLeave, (p) => {
-                  var b;
-                  p.currentTarget === document.activeElement && ((b = i.onItemLeave) == null || b.call(i));
-                }),
-                onKeyDown: A(c.onKeyDown, (p) => {
-                  var N;
-                  ((N = i.searchRef) == null ? void 0 : N.current) !== "" && p.key === " " || (Xt.includes(p.key) && g(), p.key === " " && p.preventDefault());
-                })
-              })
-            )
-          }
-        )
-      }
-    );
-  }
-);
-lt.displayName = me;
-var ie = "SelectItemText", ct = n.forwardRef(
-  (t, o) => {
-    const g = t, { __scopeSelect: e, className: s, style: r } = g, a = E(g, ["__scopeSelect", "className", "style"]), c = q(ie, e), l = Y(ie, e), i = at(ie, e), f = eo(ie, e), [S, T] = n.useState(null), C = B(
-      o,
-      (m) => T(m),
-      i.onItemTextChange,
-      (m) => {
-        var p;
-        return (p = l.itemTextRefCallback) == null ? void 0 : p.call(l, m, i.value, i.disabled);
-      }
-    ), I = S == null ? void 0 : S.textContent, y = n.useMemo(
-      () => /* @__PURE__ */ u("option", { value: i.value, disabled: i.disabled, children: I }, i.value),
-      [i.disabled, i.value, I]
-    ), { onNativeOptionAdd: w, onNativeOptionRemove: d } = f;
-    return j(() => (w(y), () => d(y)), [w, d, y]), /* @__PURE__ */ ee(Me, { children: [
-      /* @__PURE__ */ u(V.span, x(v({ id: i.textId }, a), { ref: C })),
-      i.isSelected && c.valueNode && !c.valueNodeHasChildren ? He.createPortal(a.children, c.valueNode) : null
-    ] });
-  }
-);
-ct.displayName = ie;
-var it = "SelectItemIndicator", dt = n.forwardRef(
-  (t, o) => {
-    const a = t, { __scopeSelect: e } = a, s = E(a, ["__scopeSelect"]);
-    return at(it, e).isSelected ? /* @__PURE__ */ u(V.span, x(v({ "aria-hidden": !0 }, s), { ref: o })) : null;
-  }
-);
-dt.displayName = it;
-var Pe = "SelectScrollUpButton", ut = n.forwardRef((t, o) => {
-  const e = Y(Pe, t.__scopeSelect), s = Oe(Pe, t.__scopeSelect), [r, a] = n.useState(!1), c = B(o, s.onScrollButtonChange);
-  return j(() => {
-    if (e.viewport && e.isPositioned) {
-      let l = function() {
-        const f = i.scrollTop > 0;
-        a(f);
-      };
-      const i = e.viewport;
-      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
-    }
-  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ u(
-    ft,
-    x(v({}, t), {
-      ref: c,
-      onAutoScroll: () => {
-        const { viewport: l, selectedItem: i } = e;
-        l && i && (l.scrollTop = l.scrollTop - i.offsetHeight);
-      }
-    })
-  ) : null;
-});
-ut.displayName = Pe;
-var Ee = "SelectScrollDownButton", pt = n.forwardRef((t, o) => {
-  const e = Y(Ee, t.__scopeSelect), s = Oe(Ee, t.__scopeSelect), [r, a] = n.useState(!1), c = B(o, s.onScrollButtonChange);
-  return j(() => {
-    if (e.viewport && e.isPositioned) {
-      let l = function() {
-        const f = i.scrollHeight - i.clientHeight, S = Math.ceil(i.scrollTop) < f;
-        a(S);
-      };
-      const i = e.viewport;
-      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
-    }
-  }, [e.viewport, e.isPositioned]), r ? /* @__PURE__ */ u(
-    ft,
-    x(v({}, t), {
-      ref: c,
-      onAutoScroll: () => {
-        const { viewport: l, selectedItem: i } = e;
-        l && i && (l.scrollTop = l.scrollTop + i.offsetHeight);
-      }
-    })
-  ) : null;
-});
-pt.displayName = Ee;
-var ft = n.forwardRef((t, o) => {
-  const f = t, { __scopeSelect: e, onAutoScroll: s } = f, r = E(f, ["__scopeSelect", "onAutoScroll"]), a = Y("SelectScrollButton", e), c = n.useRef(null), l = ve(e), i = n.useCallback(() => {
-    c.current !== null && (window.clearInterval(c.current), c.current = null);
-  }, []);
-  return n.useEffect(() => () => i(), [i]), j(() => {
-    var T;
-    const S = l().find((C) => C.ref.current === document.activeElement);
-    (T = S == null ? void 0 : S.ref.current) == null || T.scrollIntoView({ block: "nearest" });
-  }, [l]), /* @__PURE__ */ u(
-    V.div,
-    x(v({
-      "aria-hidden": !0
-    }, r), {
-      ref: o,
-      style: v({ flexShrink: 0 }, r.style),
-      onPointerDown: A(r.onPointerDown, () => {
-        c.current === null && (c.current = window.setInterval(s, 50));
-      }),
-      onPointerMove: A(r.onPointerMove, () => {
-        var S;
-        (S = a.onItemLeave) == null || S.call(a), c.current === null && (c.current = window.setInterval(s, 50));
-      }),
-      onPointerLeave: A(r.onPointerLeave, () => {
-        i();
-      })
-    })
-  );
-}), uo = "SelectSeparator", mt = n.forwardRef(
-  (t, o) => {
-    const r = t, { __scopeSelect: e } = r, s = E(r, ["__scopeSelect"]);
-    return /* @__PURE__ */ u(V.div, x(v({ "aria-hidden": !0 }, s), { ref: o }));
-  }
-);
-mt.displayName = uo;
-var _e = "SelectArrow", po = n.forwardRef(
-  (t, o) => {
-    const l = t, { __scopeSelect: e } = l, s = E(l, ["__scopeSelect"]), r = ge(e), a = q(_e, e), c = Y(_e, e);
-    return a.open && c.position === "popper" ? /* @__PURE__ */ u(Wt, x(v(v({}, r), s), { ref: o })) : null;
-  }
-);
-po.displayName = _e;
-function ht(t) {
-  return t === "" || t === void 0;
-}
-var vt = n.forwardRef(
-  (t, o) => {
-    const l = t, { value: e } = l, s = E(l, ["value"]), r = n.useRef(null), a = B(o, r), c = Kt(e);
-    return n.useEffect(() => {
-      const i = r.current, f = window.HTMLSelectElement.prototype, T = Object.getOwnPropertyDescriptor(
-        f,
-        "value"
-      ).set;
-      if (c !== e && T) {
-        const C = new Event("change", { bubbles: !0 });
-        T.call(i, e), i.dispatchEvent(C);
-      }
-    }, [c, e]), /* @__PURE__ */ u(Ht, { asChild: !0, children: /* @__PURE__ */ u("select", x(v({}, s), { ref: a, defaultValue: e })) });
-  }
-);
-vt.displayName = "BubbleSelect";
-function gt(t) {
-  const o = Mt(t), e = n.useRef(""), s = n.useRef(0), r = n.useCallback(
-    (c) => {
-      const l = e.current + c;
-      o(l), function i(f) {
-        e.current = f, window.clearTimeout(s.current), f !== "" && (s.current = window.setTimeout(() => i(""), 1e3));
-      }(l);
-    },
-    [o]
-  ), a = n.useCallback(() => {
-    e.current = "", window.clearTimeout(s.current);
-  }, []);
-  return n.useEffect(() => () => window.clearTimeout(s.current), []), [e, r, a];
-}
-function St(t, o, e) {
-  const r = o.length > 1 && Array.from(o).every((f) => f === o[0]) ? o[0] : o, a = e ? t.indexOf(e) : -1;
-  let c = fo(t, Math.max(a, 0));
-  r.length === 1 && (c = c.filter((f) => f !== e));
-  const i = c.find(
-    (f) => f.textValue.toLowerCase().startsWith(r.toLowerCase())
-  );
-  return i !== e ? i : void 0;
-}
-function fo(t, o) {
-  return t.map((e, s) => t[(o + s) % t.length]);
-}
-var mo = $e, wt = ze, ho = qe, vo = Ye, go = Xe, yt = Ze, So = tt, wo = rt, Ct = st, bt = lt, yo = ct, Co = dt, xt = ut, It = pt, Tt = mt;
-const qo = mo, Yo = wo, Xo = ho, bo = oe({
-  base: [
-    "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-sm outline-none lg:h-9 lg:py-2",
-    "text-sm text-primary-fg",
-    "hover:border-primary-border hover:shadow-base",
-    "focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus",
-    "disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-sm",
-    "data-[placeholder]:text-muted [&>span]:line-clamp-1",
-    "invalid:border-status-error-secondary-border invalid:shadow-base",
-    "invalid:hover:border-status-error-primary-border invalid:hover:shadow-base invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error"
-  ],
-  variants: {
-    invalid: {
-      true: {
-        base: [
-          "border-status-error-secondary-border shadow-base",
-          "hover:border-status-error-primary-border hover:shadow-base focus:border-status-error-secondary-border focus:shadow-focus-error"
-        ]
-      }
-    }
-  },
-  slots: {
-    icon: "h-4 w-4 text-muted group-disabled:hidden"
-  }
-}), xo = n.forwardRef((a, r) => {
-  var c = a, { className: t, children: o, invalid: e } = c, s = E(c, ["className", "children", "invalid"]);
-  const l = bo({ invalid: e });
-  return /* @__PURE__ */ ee(wt, x(v({ ref: r, className: l.base({ className: t }) }, s), { children: [
-    o,
-    /* @__PURE__ */ u(vo, { asChild: !0, children: /* @__PURE__ */ u(Ke, { className: l.icon() }) })
-  ] }));
-});
-xo.displayName = wt.displayName;
-const Io = oe({
-  base: ["flex cursor-default items-center justify-center py-1"],
-  slots: {
-    icon: "h-4 w-4"
-  }
-}), Nt = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
-  const a = Io();
-  return /* @__PURE__ */ u(xt, x(v({ ref: e, className: a.base({ className: t }) }, o), { children: /* @__PURE__ */ u(Gt, { className: a.icon() }) }));
-});
-Nt.displayName = xt.displayName;
-const To = oe({
-  base: ["flex cursor-default items-center justify-center py-1"],
-  slots: {
-    icon: "h-4 w-4"
-  }
-}), Rt = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
-  const a = To();
-  return /* @__PURE__ */ u(It, x(v({ ref: e, className: a.base({ className: t }) }, o), { children: /* @__PURE__ */ u(Ke, { className: a.icon() }) }));
-});
-Rt.displayName = It.displayName;
-const No = oe({
-  base: [
-    "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg",
-    "border border-secondary-border bg-secondary-bg text-primary-fg shadow-sm",
-    "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"
-  ],
-  slots: {
-    viewport: "p-1"
-  },
-  variants: {
-    position: {
-      popper: {
-        base: "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        viewport: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-      },
-      "item-aligned": ""
-    }
-  }
-}), Ro = n.forwardRef((a, r) => {
-  var c = a, { className: t, children: o, position: e = "popper" } = c, s = E(c, ["className", "children", "position"]);
-  const l = No({ position: e });
-  return /* @__PURE__ */ u(go, { children: /* @__PURE__ */ ee(yt, x(v({ ref: r, className: l.base({ className: t }), position: e }, s), { children: [
-    /* @__PURE__ */ u(Nt, {}),
-    /* @__PURE__ */ u(So, { className: l.viewport(), children: o }),
-    /* @__PURE__ */ u(Rt, {})
-  ] })) });
-});
-Ro.displayName = yt.displayName;
-const Po = oe({
-  base: ["overflow-hidden overflow-ellipsis px-2 py-1.5 text-xs font-medium text-muted"]
-}), Eo = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
-  return /* @__PURE__ */ u(Ct, v({ ref: e, className: Po({ className: t }) }, o));
-});
-Eo.displayName = Ct.displayName;
-const _o = oe({
-  base: [
-    "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8",
-    "text-sm text-primary-fg outline-none focus:bg-secondary-bg-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
-  ],
-  slots: {
-    indicator: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
-    indicatorIcon: "h-4 w-4"
-  }
-}), Mo = n.forwardRef((r, s) => {
-  var a = r, { className: t, children: o } = a, e = E(a, ["className", "children"]);
-  const c = _o();
-  return /* @__PURE__ */ ee(bt, x(v({ ref: s, className: c.base({ className: t }) }, e), { children: [
-    /* @__PURE__ */ u("span", { className: c.indicator(), children: /* @__PURE__ */ u(Co, { children: /* @__PURE__ */ u($t, { className: c.indicatorIcon() }) }) }),
-    /* @__PURE__ */ u(yo, { children: o })
-  ] }));
-});
-Mo.displayName = bt.displayName;
-const Ao = oe({
-  base: ["-mx-1 my-1 h-px bg-muted"]
-}), Oo = n.forwardRef((s, e) => {
-  var r = s, { className: t } = r, o = E(r, ["className"]);
-  return /* @__PURE__ */ u(Tt, v({ ref: e, className: Ao({ className: t }) }, o));
-});
-Oo.displayName = Tt.displayName;
+import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-DRwv6-eZ.js";
 export {
-  qo as Select,
-  Ro as SelectContent,
-  Yo as SelectGroup,
-  Mo as SelectItem,
-  Eo as SelectLabel,
-  Rt as SelectScrollDownButton,
-  Nt as SelectScrollUpButton,
-  Oo as SelectSeparator,
-  xo as SelectTrigger,
-  Xo as SelectValue
+  l as Select,
+  a as SelectContent,
+  c as SelectGroup,
+  S as SelectItem,
+  s as SelectItemIndicator,
+  o as SelectItemText,
+  r as SelectLabel,
+  n as SelectOption,
+  p as SelectScrollDownButton,
+  i as SelectScrollUpButton,
+  m as SelectSeparator,
+  u as SelectTrigger,
+  I as SelectValue
 };
 //# sourceMappingURL=select.js.map