@spear-ai/spectral 1.3.62 → 1.3.63

package/dist/Select.js

@@ -1,12 +1,12 @@
 "use client";
 import "./styles/main.css";
-import { jsx as n, jsxs as B, Fragment as ae } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as v } from "react/jsx-runtime";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as at } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as xe } from "./Icons/ChevronDownIcon.js";
+import { CheckmarkIcon as H } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as l } from "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
 import "./Icons/CloseCircleIcon.js";
@@ -28,9 +28,10 @@ import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
 import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as lt } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as U } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
 import "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
@@ -48,899 +49,100 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as ct } from "./Label.js";
-import * as t from "react";
-import { forwardRef as dt } from "react";
-import * as Me from "react-dom";
-import { d as Re, c as pt, b as Ne, a as Y, P as L, e as _, u as q, h as ut, g as mt } from "./index-CA7haECj.js";
-import { u as ft, c as ht, a as gt } from "./index-CbXx14YO.js";
-import { D as vt } from "./index-cCg4yNa8.js";
-import { h as St, u as wt, R as xt, F as Ct } from "./index-DUK1rxhf.js";
-import { c as Oe, R as yt, a as It, C as bt, A as Tt } from "./index-FeGk8zep.js";
-import { V as Nt } from "./index-Cfyte2YO.js";
-import { useFormFieldId as Pt, useFormFieldState as Rt, getAriaProps as Et, getErrorMessageId as _t, groupOptions as Mt, getFormFieldCSSProperties as Ot, getStateClasses as At, getTriggerClasses as Dt, ErrorMessage as Lt, LoadingState as kt, EmptyState as Vt, getOptionClasses as Bt } from "./utils/formFieldUtils.js";
-import { c as de } from "./twUtils-CRiPKpXj.js";
-function Ee(r, [a, e]) {
-  return Math.min(e, Math.max(a, r));
-}
-var Ht = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = [" ", "Enter"], ee = "Select", [ue, me, Ut] = ht(ee), [ne] = pt(ee, [
-  Ut,
-  Oe
-]), fe = Oe(), [Wt, $] = ne(ee), [Kt, zt] = ne(ee), Ae = (r) => {
-  const {
-    __scopeSelect: a,
-    children: e,
-    open: c,
-    defaultOpen: l,
-    onOpenChange: p,
-    value: o,
-    defaultValue: s,
-    onValueChange: i,
-    dir: m,
-    name: v,
-    autoComplete: w,
-    disabled: T,
-    required: I,
-    form: C
-  } = r, d = fe(a), [h, S] = t.useState(null), [u, g] = t.useState(null), [z, M] = t.useState(!1), Z = ft(m), [P, O] = Re({
-    prop: c,
-    defaultProp: l ?? !1,
-    onChange: p,
-    caller: ee
-  }), [H, G] = Re({
-    prop: o,
-    defaultProp: s,
-    onChange: i,
-    caller: ee
-  }), k = t.useRef(null), F = h ? C || !!h.closest("form") : !0, [U, V] = t.useState(/* @__PURE__ */ new Set()), W = Array.from(U).map((E) => E.props.value).join(";");
-  return /* @__PURE__ */ n(yt, { ...d, children: /* @__PURE__ */ B(
-    Wt,
-    {
-      required: I,
-      scope: a,
-      trigger: h,
-      onTriggerChange: S,
-      valueNode: u,
-      onValueNodeChange: g,
-      valueNodeHasChildren: z,
-      onValueNodeHasChildrenChange: M,
-      contentId: Ne(),
-      value: H,
-      onValueChange: G,
-      open: P,
-      onOpenChange: O,
-      dir: Z,
-      triggerPointerDownPosRef: k,
-      disabled: T,
-      children: [
-        /* @__PURE__ */ n(ue.Provider, { scope: a, children: /* @__PURE__ */ n(
-          Kt,
-          {
-            scope: r.__scopeSelect,
-            onNativeOptionAdd: t.useCallback((E) => {
-              V((b) => new Set(b).add(E));
-            }, []),
-            onNativeOptionRemove: t.useCallback((E) => {
-              V((b) => {
-                const A = new Set(b);
-                return A.delete(E), A;
-              });
-            }, []),
-            children: e
-          }
-        ) }),
-        F ? /* @__PURE__ */ B(
-          nt,
-          {
-            "aria-hidden": !0,
-            required: I,
-            tabIndex: -1,
-            name: v,
-            autoComplete: w,
-            value: H,
-            onChange: (E) => G(E.target.value),
-            disabled: T,
-            form: C,
-            children: [
-              H === void 0 ? /* @__PURE__ */ n("option", { value: "" }) : null,
-              Array.from(U)
-            ]
-          },
-          W
-        ) : null
-      ]
-    }
-  ) });
-};
-Ae.displayName = ee;
-var De = "SelectTrigger", Le = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, disabled: c = !1, ...l } = r, p = fe(e), o = $(De, e), s = o.disabled || c, i = Y(a, o.onTriggerChange), m = me(e), v = t.useRef("touch"), [w, T, I] = st((d) => {
-      const h = m().filter((g) => !g.disabled), S = h.find((g) => g.value === o.value), u = it(h, d, S);
-      u !== void 0 && o.onValueChange(u.value);
-    }), C = (d) => {
-      s || (o.onOpenChange(!0), I()), d && (o.triggerPointerDownPosRef.current = {
-        x: Math.round(d.pageX),
-        y: Math.round(d.pageY)
-      });
-    };
-    return /* @__PURE__ */ n(It, { asChild: !0, ...p, children: /* @__PURE__ */ n(
-      L.button,
-      {
-        type: "button",
-        role: "combobox",
-        "aria-controls": o.contentId,
-        "aria-expanded": o.open,
-        "aria-required": o.required,
-        "aria-autocomplete": "none",
-        dir: o.dir,
-        "data-state": o.open ? "open" : "closed",
-        disabled: s,
-        "data-disabled": s ? "" : void 0,
-        "data-placeholder": rt(o.value) ? "" : void 0,
-        ...l,
-        ref: i,
-        onClick: _(l.onClick, (d) => {
-          d.currentTarget.focus(), v.current !== "mouse" && C(d);
-        }),
-        onPointerDown: _(l.onPointerDown, (d) => {
-          v.current = d.pointerType;
-          const h = d.target;
-          h.hasPointerCapture(d.pointerId) && h.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (C(d), d.preventDefault());
-        }),
-        onKeyDown: _(l.onKeyDown, (d) => {
-          const h = w.current !== "";
-          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && T(d.key), !(h && d.key === " ") && Ht.includes(d.key) && (C(), d.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-Le.displayName = De;
-var ke = "SelectValue", Ve = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, className: c, style: l, children: p, placeholder: o = "", ...s } = r, i = $(ke, e), { onValueNodeHasChildrenChange: m } = i, v = p !== void 0, w = Y(a, i.onValueNodeChange);
-    return q(() => {
-      m(v);
-    }, [m, v]), /* @__PURE__ */ n(
-      L.span,
-      {
-        ...s,
-        ref: w,
-        style: { pointerEvents: "none" },
-        children: rt(i.value) ? /* @__PURE__ */ n(ae, { children: o }) : p
-      }
-    );
-  }
-);
-Ve.displayName = ke;
-var Gt = "SelectIcon", Be = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, children: c, ...l } = r;
-    return /* @__PURE__ */ n(L.span, { "aria-hidden": !0, ...l, ref: a, children: c || "▼" });
-  }
-);
-Be.displayName = Gt;
-var te = "SelectContent", He = t.forwardRef(
-  (r, a) => {
-    const e = $(te, r.__scopeSelect), [c, l] = t.useState();
-    if (q(() => {
-      l(new DocumentFragment());
-    }, []), !e.open) {
-      const p = c;
-      return p ? Me.createPortal(
-        /* @__PURE__ */ n(Fe, { scope: r.__scopeSelect, children: /* @__PURE__ */ n(ue.Slot, { scope: r.__scopeSelect, children: /* @__PURE__ */ n("div", { children: r.children }) }) }),
-        p
-      ) : null;
-    }
-    return /* @__PURE__ */ n(Ue, { ...r, ref: a });
-  }
-);
-He.displayName = te;
-var K = 10, [Fe, X] = ne(te), jt = "SelectContentImpl", Yt = mt("SelectContent.RemoveScroll"), Ue = t.forwardRef(
-  (r, a) => {
-    const {
-      __scopeSelect: e,
-      position: c = "item-aligned",
-      onCloseAutoFocus: l,
-      onEscapeKeyDown: p,
-      onPointerDownOutside: o,
-      //
-      // PopperContent props
-      side: s,
-      sideOffset: i,
-      align: m,
-      alignOffset: v,
-      arrowPadding: w,
-      collisionBoundary: T,
-      collisionPadding: I,
-      sticky: C,
-      hideWhenDetached: d,
-      avoidCollisions: h,
-      //
-      ...S
-    } = r, u = $(te, e), [g, z] = t.useState(null), [M, Z] = t.useState(null), P = Y(a, (f) => z(f)), [O, H] = t.useState(null), [G, k] = t.useState(
-      null
-    ), F = me(e), [U, V] = t.useState(!1), W = t.useRef(!1);
-    t.useEffect(() => {
-      if (g) return St(g);
-    }, [g]), wt();
-    const E = t.useCallback(
-      (f) => {
-        const [N, ...D] = F().map((R) => R.ref.current), [x] = D.slice(-1), y = document.activeElement;
-        for (const R of f)
-          if (R === y || (R?.scrollIntoView({ block: "nearest" }), R === N && M && (M.scrollTop = 0), R === x && M && (M.scrollTop = M.scrollHeight), R?.focus(), document.activeElement !== y)) return;
-      },
-      [F, M]
-    ), b = t.useCallback(
-      () => E([O, g]),
-      [E, O, g]
-    );
-    t.useEffect(() => {
-      U && b();
-    }, [U, b]);
-    const { onOpenChange: A, triggerPointerDownPosRef: j } = u;
-    t.useEffect(() => {
-      if (g) {
-        let f = { x: 0, y: 0 };
-        const N = (x) => {
-          f = {
-            x: Math.abs(Math.round(x.pageX) - (j.current?.x ?? 0)),
-            y: Math.abs(Math.round(x.pageY) - (j.current?.y ?? 0))
-          };
-        }, D = (x) => {
-          f.x <= 10 && f.y <= 10 ? x.preventDefault() : g.contains(x.target) || A(!1), document.removeEventListener("pointermove", N), j.current = null;
-        };
-        return j.current !== null && (document.addEventListener("pointermove", N), document.addEventListener("pointerup", D, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", N), document.removeEventListener("pointerup", D, { capture: !0 });
-        };
-      }
-    }, [g, A, j]), t.useEffect(() => {
-      const f = () => A(!1);
-      return window.addEventListener("blur", f), window.addEventListener("resize", f), () => {
-        window.removeEventListener("blur", f), window.removeEventListener("resize", f);
-      };
-    }, [A]);
-    const [re, le] = st((f) => {
-      const N = F().filter((y) => !y.disabled), D = N.find((y) => y.ref.current === document.activeElement), x = it(N, f, D);
-      x && setTimeout(() => x.ref.current.focus());
-    }), he = t.useCallback(
-      (f, N, D) => {
-        const x = !W.current && !D;
-        (u.value !== void 0 && u.value === N || x) && (H(f), x && (W.current = !0));
-      },
-      [u.value]
-    ), ge = t.useCallback(() => g?.focus(), [g]), oe = t.useCallback(
-      (f, N, D) => {
-        const x = !W.current && !D;
-        (u.value !== void 0 && u.value === N || x) && k(f);
-      },
-      [u.value]
-    ), ce = c === "popper" ? Ce : We, se = ce === Ce ? {
-      side: s,
-      sideOffset: i,
-      align: m,
-      alignOffset: v,
-      arrowPadding: w,
-      collisionBoundary: T,
-      collisionPadding: I,
-      sticky: C,
-      hideWhenDetached: d,
-      avoidCollisions: h
-    } : {};
-    return /* @__PURE__ */ n(
-      Fe,
-      {
-        scope: e,
-        content: g,
-        viewport: M,
-        onViewportChange: Z,
-        itemRefCallback: he,
-        selectedItem: O,
-        onItemLeave: ge,
-        itemTextRefCallback: oe,
-        focusSelectedItem: b,
-        selectedItemText: G,
-        position: c,
-        isPositioned: U,
-        searchRef: re,
-        children: /* @__PURE__ */ n(xt, { as: Yt, allowPinchZoom: !0, children: /* @__PURE__ */ n(
-          Ct,
-          {
-            asChild: !0,
-            trapped: u.open,
-            onMountAutoFocus: (f) => {
-              f.preventDefault();
-            },
-            onUnmountAutoFocus: _(l, (f) => {
-              u.trigger?.focus({ preventScroll: !0 }), f.preventDefault();
-            }),
-            children: /* @__PURE__ */ n(
-              vt,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: !0,
-                onEscapeKeyDown: p,
-                onPointerDownOutside: o,
-                onFocusOutside: (f) => f.preventDefault(),
-                onDismiss: () => u.onOpenChange(!1),
-                children: /* @__PURE__ */ n(
-                  ce,
-                  {
-                    role: "listbox",
-                    id: u.contentId,
-                    "data-state": u.open ? "open" : "closed",
-                    dir: u.dir,
-                    onContextMenu: (f) => f.preventDefault(),
-                    ...S,
-                    ...se,
-                    onPlaced: () => V(!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",
-                      ...S.style
-                    },
-                    onKeyDown: _(S.onKeyDown, (f) => {
-                      const N = f.ctrlKey || f.altKey || f.metaKey;
-                      if (f.key === "Tab" && f.preventDefault(), !N && f.key.length === 1 && le(f.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(f.key)) {
-                        let x = F().filter((y) => !y.disabled).map((y) => y.ref.current);
-                        if (["ArrowUp", "End"].includes(f.key) && (x = x.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
-                          const y = f.target, R = x.indexOf(y);
-                          x = x.slice(R + 1);
-                        }
-                        setTimeout(() => E(x)), f.preventDefault();
-                      }
-                    })
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-Ue.displayName = jt;
-var qt = "SelectItemAlignedPosition", We = t.forwardRef((r, a) => {
-  const { __scopeSelect: e, onPlaced: c, ...l } = r, p = $(te, e), o = X(te, e), [s, i] = t.useState(null), [m, v] = t.useState(null), w = Y(a, (P) => v(P)), T = me(e), I = t.useRef(!1), C = t.useRef(!0), { viewport: d, selectedItem: h, selectedItemText: S, focusSelectedItem: u } = o, g = t.useCallback(() => {
-    if (p.trigger && p.valueNode && s && m && d && h && S) {
-      const P = p.trigger.getBoundingClientRect(), O = m.getBoundingClientRect(), H = p.valueNode.getBoundingClientRect(), G = S.getBoundingClientRect();
-      if (p.dir !== "rtl") {
-        const y = G.left - O.left, R = H.left - y, J = P.left - R, Q = P.width + J, ve = Math.max(Q, O.width), Se = window.innerWidth - K, we = Ee(R, [
-          K,
-          // Prevents the content from going off the starting edge of the
-          // viewport. It may still go off the ending edge, but this can be
-          // controlled by the user since they may want to manage overflow in a
-          // specific way.
-          // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(K, Se - ve)
-        ]);
-        s.style.minWidth = Q + "px", s.style.left = we + "px";
-      } else {
-        const y = O.right - G.right, R = window.innerWidth - H.right - y, J = window.innerWidth - P.right - R, Q = P.width + J, ve = Math.max(Q, O.width), Se = window.innerWidth - K, we = Ee(R, [
-          K,
-          Math.max(K, Se - ve)
-        ]);
-        s.style.minWidth = Q + "px", s.style.right = we + "px";
-      }
-      const k = T(), F = window.innerHeight - K * 2, U = d.scrollHeight, V = window.getComputedStyle(m), W = parseInt(V.borderTopWidth, 10), E = parseInt(V.paddingTop, 10), b = parseInt(V.borderBottomWidth, 10), A = parseInt(V.paddingBottom, 10), j = W + E + U + A + b, re = Math.min(h.offsetHeight * 5, j), le = window.getComputedStyle(d), he = parseInt(le.paddingTop, 10), ge = parseInt(le.paddingBottom, 10), oe = P.top + P.height / 2 - K, ce = F - oe, se = h.offsetHeight / 2, f = h.offsetTop + se, N = W + E + f, D = j - N;
-      if (N <= oe) {
-        const y = k.length > 0 && h === k[k.length - 1].ref.current;
-        s.style.bottom = "0px";
-        const R = m.clientHeight - d.offsetTop - d.offsetHeight, J = Math.max(
-          ce,
-          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (y ? ge : 0) + R + b
-        ), Q = N + J;
-        s.style.height = Q + "px";
-      } else {
-        const y = k.length > 0 && h === k[0].ref.current;
-        s.style.top = "0px";
-        const J = Math.max(
-          oe,
-          W + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (y ? he : 0) + se
-        ) + D;
-        s.style.height = J + "px", d.scrollTop = N - oe + d.offsetTop;
-      }
-      s.style.margin = `${K}px 0`, s.style.minHeight = re + "px", s.style.maxHeight = F + "px", c?.(), requestAnimationFrame(() => I.current = !0);
-    }
-  }, [
-    T,
-    p.trigger,
-    p.valueNode,
-    s,
-    m,
-    d,
-    h,
-    S,
-    p.dir,
-    c
-  ]);
-  q(() => g(), [g]);
-  const [z, M] = t.useState();
-  q(() => {
-    m && M(window.getComputedStyle(m).zIndex);
-  }, [m]);
-  const Z = t.useCallback(
-    (P) => {
-      P && C.current === !0 && (g(), u?.(), C.current = !1);
-    },
-    [g, u]
-  );
-  return /* @__PURE__ */ n(
-    Xt,
-    {
-      scope: e,
-      contentWrapper: s,
-      shouldExpandOnScrollRef: I,
-      onScrollButtonChange: Z,
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          ref: i,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            position: "fixed",
-            zIndex: z
-          },
-          children: /* @__PURE__ */ n(
-            L.div,
-            {
-              ...l,
-              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%",
-                ...l.style
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-});
-We.displayName = qt;
-var $t = "SelectPopperPosition", Ce = t.forwardRef((r, a) => {
-  const {
-    __scopeSelect: e,
-    align: c = "start",
-    collisionPadding: l = K,
-    ...p
-  } = r, o = fe(e);
-  return /* @__PURE__ */ n(
-    bt,
-    {
-      ...o,
-      ...p,
-      ref: a,
-      align: c,
-      collisionPadding: l,
-      style: {
-        // Ensure border-box for floating-ui calculations
-        boxSizing: "border-box",
-        ...p.style,
-        "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-select-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-select-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
-      }
-    }
-  );
-});
-Ce.displayName = $t;
-var [Xt, Pe] = ne(te, {}), ye = "SelectViewport", Ke = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, nonce: c, ...l } = r, p = X(ye, e), o = Pe(ye, e), s = Y(a, p.onViewportChange), i = t.useRef(0);
-    return /* @__PURE__ */ B(ae, { children: [
-      /* @__PURE__ */ n(
-        "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(ue.Slot, { scope: e, children: /* @__PURE__ */ n(
-        L.div,
-        {
-          "data-radix-select-viewport": "",
-          role: "presentation",
-          ...l,
-          ref: s,
-          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",
-            ...l.style
-          },
-          onScroll: _(l.onScroll, (m) => {
-            const v = m.currentTarget, { contentWrapper: w, shouldExpandOnScrollRef: T } = o;
-            if (T?.current && w) {
-              const I = Math.abs(i.current - v.scrollTop);
-              if (I > 0) {
-                const C = window.innerHeight - K * 2, d = parseFloat(w.style.minHeight), h = parseFloat(w.style.height), S = Math.max(d, h);
-                if (S < C) {
-                  const u = S + I, g = Math.min(C, u), z = u - g;
-                  w.style.height = g + "px", w.style.bottom === "0px" && (v.scrollTop = z > 0 ? z : 0, w.style.justifyContent = "flex-end");
-                }
-              }
-            }
-            i.current = v.scrollTop;
-          })
-        }
-      ) })
-    ] });
-  }
-);
-Ke.displayName = ye;
-var ze = "SelectGroup", [Zt, Jt] = ne(ze), Ge = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, ...c } = r, l = Ne();
-    return /* @__PURE__ */ n(Zt, { scope: e, id: l, children: /* @__PURE__ */ n(L.div, { role: "group", "aria-labelledby": l, ...c, ref: a }) });
-  }
-);
-Ge.displayName = ze;
-var je = "SelectLabel", Ye = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, ...c } = r, l = Jt(je, e);
-    return /* @__PURE__ */ n(L.div, { id: l.id, ...c, ref: a });
-  }
-);
-Ye.displayName = je;
-var pe = "SelectItem", [Qt, qe] = ne(pe), $e = t.forwardRef(
-  (r, a) => {
-    const {
-      __scopeSelect: e,
-      value: c,
-      disabled: l = !1,
-      textValue: p,
-      ...o
-    } = r, s = $(pe, e), i = X(pe, e), m = s.value === c, [v, w] = t.useState(p ?? ""), [T, I] = t.useState(!1), C = Y(
-      a,
-      (u) => i.itemRefCallback?.(u, c, l)
-    ), d = Ne(), h = t.useRef("touch"), S = () => {
-      l || (s.onValueChange(c), s.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(
-      Qt,
-      {
-        scope: e,
-        value: c,
-        disabled: l,
-        textId: d,
-        isSelected: m,
-        onItemTextChange: t.useCallback((u) => {
-          w((g) => g || (u?.textContent ?? "").trim());
-        }, []),
-        children: /* @__PURE__ */ n(
-          ue.ItemSlot,
-          {
-            scope: e,
-            value: c,
-            disabled: l,
-            textValue: v,
-            children: /* @__PURE__ */ n(
-              L.div,
-              {
-                role: "option",
-                "aria-labelledby": d,
-                "data-highlighted": T ? "" : void 0,
-                "aria-selected": m && T,
-                "data-state": m ? "checked" : "unchecked",
-                "aria-disabled": l || void 0,
-                "data-disabled": l ? "" : void 0,
-                tabIndex: l ? void 0 : -1,
-                ...o,
-                ref: C,
-                onFocus: _(o.onFocus, () => I(!0)),
-                onBlur: _(o.onBlur, () => I(!1)),
-                onClick: _(o.onClick, () => {
-                  h.current !== "mouse" && S();
-                }),
-                onPointerUp: _(o.onPointerUp, () => {
-                  h.current === "mouse" && S();
-                }),
-                onPointerDown: _(o.onPointerDown, (u) => {
-                  h.current = u.pointerType;
-                }),
-                onPointerMove: _(o.onPointerMove, (u) => {
-                  h.current = u.pointerType, l ? i.onItemLeave?.() : h.current === "mouse" && u.currentTarget.focus({ preventScroll: !0 });
-                }),
-                onPointerLeave: _(o.onPointerLeave, (u) => {
-                  u.currentTarget === document.activeElement && i.onItemLeave?.();
-                }),
-                onKeyDown: _(o.onKeyDown, (u) => {
-                  i.searchRef?.current !== "" && u.key === " " || (Ft.includes(u.key) && S(), u.key === " " && u.preventDefault());
-                })
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-$e.displayName = pe;
-var ie = "SelectItemText", Xe = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, className: c, style: l, ...p } = r, o = $(ie, e), s = X(ie, e), i = qe(ie, e), m = zt(ie, e), [v, w] = t.useState(null), T = Y(
-      a,
-      (S) => w(S),
-      i.onItemTextChange,
-      (S) => s.itemTextRefCallback?.(S, i.value, i.disabled)
-    ), I = v?.textContent, C = t.useMemo(
-      () => /* @__PURE__ */ n("option", { value: i.value, disabled: i.disabled, children: I }, i.value),
-      [i.disabled, i.value, I]
-    ), { onNativeOptionAdd: d, onNativeOptionRemove: h } = m;
-    return q(() => (d(C), () => h(C)), [d, h, C]), /* @__PURE__ */ B(ae, { children: [
-      /* @__PURE__ */ n(L.span, { id: i.textId, ...p, ref: T }),
-      i.isSelected && o.valueNode && !o.valueNodeHasChildren ? Me.createPortal(p.children, o.valueNode) : null
-    ] });
-  }
-);
-Xe.displayName = ie;
-var Ze = "SelectItemIndicator", Je = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, ...c } = r;
-    return qe(Ze, e).isSelected ? /* @__PURE__ */ n(L.span, { "aria-hidden": !0, ...c, ref: a }) : null;
-  }
-);
-Je.displayName = Ze;
-var Ie = "SelectScrollUpButton", Qe = t.forwardRef((r, a) => {
-  const e = X(Ie, r.__scopeSelect), c = Pe(Ie, r.__scopeSelect), [l, p] = t.useState(!1), o = Y(a, c.onScrollButtonChange);
-  return q(() => {
-    if (e.viewport && e.isPositioned) {
-      let s = function() {
-        const m = i.scrollTop > 0;
-        p(m);
-      };
-      const i = e.viewport;
-      return s(), i.addEventListener("scroll", s), () => i.removeEventListener("scroll", s);
-    }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ n(
-    tt,
-    {
-      ...r,
-      ref: o,
-      onAutoScroll: () => {
-        const { viewport: s, selectedItem: i } = e;
-        s && i && (s.scrollTop = s.scrollTop - i.offsetHeight);
-      }
-    }
-  ) : null;
-});
-Qe.displayName = Ie;
-var be = "SelectScrollDownButton", et = t.forwardRef((r, a) => {
-  const e = X(be, r.__scopeSelect), c = Pe(be, r.__scopeSelect), [l, p] = t.useState(!1), o = Y(a, c.onScrollButtonChange);
-  return q(() => {
-    if (e.viewport && e.isPositioned) {
-      let s = function() {
-        const m = i.scrollHeight - i.clientHeight, v = Math.ceil(i.scrollTop) < m;
-        p(v);
-      };
-      const i = e.viewport;
-      return s(), i.addEventListener("scroll", s), () => i.removeEventListener("scroll", s);
-    }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ n(
-    tt,
-    {
-      ...r,
-      ref: o,
-      onAutoScroll: () => {
-        const { viewport: s, selectedItem: i } = e;
-        s && i && (s.scrollTop = s.scrollTop + i.offsetHeight);
-      }
-    }
-  ) : null;
-});
-et.displayName = be;
-var tt = t.forwardRef((r, a) => {
-  const { __scopeSelect: e, onAutoScroll: c, ...l } = r, p = X("SelectScrollButton", e), o = t.useRef(null), s = me(e), i = t.useCallback(() => {
-    o.current !== null && (window.clearInterval(o.current), o.current = null);
-  }, []);
-  return t.useEffect(() => () => i(), [i]), q(() => {
-    s().find((v) => v.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ n(
-    L.div,
-    {
-      "aria-hidden": !0,
-      ...l,
-      ref: a,
-      style: { flexShrink: 0, ...l.style },
-      onPointerDown: _(l.onPointerDown, () => {
-        o.current === null && (o.current = window.setInterval(c, 50));
-      }),
-      onPointerMove: _(l.onPointerMove, () => {
-        p.onItemLeave?.(), o.current === null && (o.current = window.setInterval(c, 50));
-      }),
-      onPointerLeave: _(l.onPointerLeave, () => {
-        i();
-      })
-    }
-  );
-}), eo = "SelectSeparator", ot = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, ...c } = r;
-    return /* @__PURE__ */ n(L.div, { "aria-hidden": !0, ...c, ref: a });
-  }
-);
-ot.displayName = eo;
-var Te = "SelectArrow", to = t.forwardRef(
-  (r, a) => {
-    const { __scopeSelect: e, ...c } = r, l = fe(e), p = $(Te, e), o = X(Te, e);
-    return p.open && o.position === "popper" ? /* @__PURE__ */ n(Tt, { ...l, ...c, ref: a }) : null;
-  }
-);
-to.displayName = Te;
-var oo = "SelectBubbleInput", nt = t.forwardRef(
-  ({ __scopeSelect: r, value: a, ...e }, c) => {
-    const l = t.useRef(null), p = Y(c, l), o = gt(a);
-    return t.useEffect(() => {
-      const s = l.current;
-      if (!s) return;
-      const i = window.HTMLSelectElement.prototype, v = Object.getOwnPropertyDescriptor(
-        i,
-        "value"
-      ).set;
-      if (o !== a && v) {
-        const w = new Event("change", { bubbles: !0 });
-        v.call(s, a), s.dispatchEvent(w);
-      }
-    }, [o, a]), /* @__PURE__ */ n(
-      L.select,
-      {
-        ...e,
-        style: { ...Nt, ...e.style },
-        ref: p,
-        defaultValue: a
-      }
-    );
-  }
-);
-nt.displayName = oo;
-function rt(r) {
-  return r === "" || r === void 0;
-}
-function st(r) {
-  const a = ut(r), e = t.useRef(""), c = t.useRef(0), l = t.useCallback(
-    (o) => {
-      const s = e.current + o;
-      a(s), (function i(m) {
-        e.current = m, window.clearTimeout(c.current), m !== "" && (c.current = window.setTimeout(() => i(""), 1e3));
-      })(s);
-    },
-    [a]
-  ), p = t.useCallback(() => {
-    e.current = "", window.clearTimeout(c.current);
-  }, []);
-  return t.useEffect(() => () => window.clearTimeout(c.current), []), [e, l, p];
-}
-function it(r, a, e) {
-  const l = a.length > 1 && Array.from(a).every((m) => m === a[0]) ? a[0] : a, p = e ? r.indexOf(e) : -1;
-  let o = no(r, Math.max(p, 0));
-  l.length === 1 && (o = o.filter((m) => m !== e));
-  const i = o.find(
-    (m) => m.textValue.toLowerCase().startsWith(l.toLowerCase())
-  );
-  return i !== e ? i : void 0;
-}
-function no(r, a) {
-  return r.map((e, c) => r[(a + c) % r.length]);
-}
-var ro = Ae, so = Le, io = Ve, ao = Be, lo = He, co = Ke, po = Ge, uo = Ye, mo = $e, fo = Xe, ho = Je, go = Qe, vo = et, _e = ot;
-const So = dt(
+import { Label as $ } from "./Label.js";
+import { R as J, T as K, f as Q, e as W, C as X, c as Y, V as Z, S as _, d as S, G as ee, L as te, I as re, b as ie, a as ae } from "./index-CevVJ05e.js";
+import { useFormFieldId as oe, useFormFieldState as se, getAriaProps as me, getErrorMessageId as de, groupOptions as le, getFormFieldCSSProperties as ne, getStateClasses as ce, getTriggerClasses as pe, ErrorMessage as ue, LoadingState as he, EmptyState as fe, getOptionClasses as be } from "./utils/formFieldUtils.js";
+import { cn as a } from "./utils/twUtils.js";
+import { forwardRef as ge } from "react";
+const xe = ge(
   ({
-    align: r = "start",
-    alignOffset: a = 0,
-    className: e,
-    collisionPadding: c = 10,
-    defaultValue: l,
-    emptyMessage: p = "No options found",
-    errorMessage: o,
-    id: s,
-    label: i,
-    loadingMessage: m = "Loading…",
-    name: v,
-    onChange: w,
-    options: T = [],
-    placeholder: I = "Select an option",
-    position: C = "popper",
-    side: d = "bottom",
-    sideOffset: h = 4,
-    state: S = "default",
+    align: C = "start",
+    alignOffset: I = 0,
+    className: w,
+    collisionPadding: z = 10,
+    defaultValue: F,
+    emptyMessage: j = "No options found",
+    errorMessage: n,
+    id: L,
+    label: o,
+    loadingMessage: k = "Loading…",
+    name: c,
+    onChange: O,
+    options: p = [],
+    placeholder: T = "Select an option",
+    position: V = "popper",
+    side: D = "bottom",
+    sideOffset: E = 4,
+    state: i = "default",
     value: u,
-    "aria-label": g,
-    "aria-describedby": z,
-    ...M
-  }, Z) => {
-    const P = Pt(s, v), O = _t(P), { isDisabled: H, isLoading: G, isInvalid: k } = Rt(M.disabled, S), F = Et(S, k, O, z), { groups: U, ungrouped: V } = Mt(T), W = () => {
-      if (G)
-        return /* @__PURE__ */ n(kt, { message: m });
-      if (T.length === 0)
-        return /* @__PURE__ */ n(Vt, { message: p });
-      const E = (b) => {
-        const A = u === b.value;
-        return /* @__PURE__ */ B(
-          mo,
+    "aria-label": P,
+    "aria-describedby": R,
+    ...s
+  }, q) => {
+    const m = oe(L, c), h = de(m), { isDisabled: f, isLoading: b, isInvalid: g } = se(s.disabled, i), B = me(i, g, h, R), { groups: x, ungrouped: y } = le(p), G = () => {
+      if (b)
+        return /* @__PURE__ */ e(he, { message: k });
+      if (p.length === 0)
+        return /* @__PURE__ */ e(fe, { message: j });
+      const N = (t) => {
+        const d = u === t.value;
+        return /* @__PURE__ */ r(
+          re,
           {
-            value: b.value,
-            disabled: b.disabled,
-            className: de(
-              Bt(A, !1, b.disabled),
+            value: t.value,
+            disabled: t.disabled,
+            className: a(
+              be(d, !1, t.disabled),
               "relative flex w-full cursor-pointer items-center"
             ),
             children: [
-              /* @__PURE__ */ n(fo, { className: "block truncate", children: b.label }),
-              /* @__PURE__ */ n(ho, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ n(at, { size: 16 }) }) })
+              /* @__PURE__ */ e(ie, { className: "block truncate", children: t.label }),
+              /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(H, { size: 16 }) }) })
             ]
           },
-          b.value
+          t.value
         );
       };
-      return /* @__PURE__ */ B(ae, { children: [
-        V.length > 0 && /* @__PURE__ */ B(ae, { children: [
-          V.map(E),
-          Object.keys(U).length > 0 && /* @__PURE__ */ n(_e, { className: "bg-border-secondary -mx-1 my-1 h-px" })
+      return /* @__PURE__ */ r(v, { children: [
+        y.length > 0 && /* @__PURE__ */ r(v, { children: [
+          y.map(N),
+          Object.keys(x).length > 0 && /* @__PURE__ */ e(S, { className: "bg-border-secondary -mx-1 my-1 h-px" })
         ] }),
-        Object.entries(U).map(([b, A], j) => /* @__PURE__ */ B(po, { children: [
-          j > 0 && /* @__PURE__ */ n(_e, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
-          /* @__PURE__ */ n(uo, { className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: b }),
-          A.map((re) => E(re))
-        ] }, b))
+        Object.entries(x).map(([t, d], M) => /* @__PURE__ */ r(ee, { children: [
+          M > 0 && /* @__PURE__ */ e(S, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
+          /* @__PURE__ */ e(te, { className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: t }),
+          d.map((A) => N(A))
+        ] }, t))
       ] });
     };
-    return /* @__PURE__ */ B("div", { className: "w-full", "data-testid": "select-root", children: [
-      i && /* @__PURE__ */ n(ct, { htmlFor: P, className: de("text-text-primary mb-4 block", H && "text-text-secondary"), children: i }),
-      /* @__PURE__ */ B(
-        ro,
+    return /* @__PURE__ */ r("div", { className: "w-full", "data-testid": "select-root", children: [
+      o && /* @__PURE__ */ e($, { htmlFor: m, className: a("text-text-primary mb-4 block", f && "text-text-secondary"), children: o }),
+      /* @__PURE__ */ r(
+        J,
         {
           value: u,
-          defaultValue: l,
-          onValueChange: w,
-          disabled: H,
-          name: v,
-          required: M.required,
+          defaultValue: F,
+          onValueChange: O,
+          disabled: f,
+          name: c,
+          required: s.required,
           children: [
-            /* @__PURE__ */ n(
-              so,
+            /* @__PURE__ */ e(
+              K,
               {
-                ref: Z,
-                id: P,
-                className: de(Dt(S, !1), At(S), e),
-                "aria-label": g || i,
-                "data-state": S,
-                style: Ot(),
-                ...F,
-                ...M,
+                ref: q,
+                id: m,
+                className: a(pe(i, !1), ce(i), w),
+                "aria-label": P || o,
+                "data-state": i,
+                style: ne(),
+                ...B,
+                ...s,
                 asChild: !0,
-                children: /* @__PURE__ */ B("button", { type: "button", children: [
-                  /* @__PURE__ */ n(io, { placeholder: I, className: "block truncate" }),
-                  /* @__PURE__ */ n(ao, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "flex items-center", children: G ? /* @__PURE__ */ n(lt, { size: 20 }) : /* @__PURE__ */ n(
-                    xe,
+                children: /* @__PURE__ */ r("button", { type: "button", children: [
+                  /* @__PURE__ */ e(Q, { placeholder: T, className: "block truncate" }),
+                  /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: b ? /* @__PURE__ */ e(U, { size: 20 }) : /* @__PURE__ */ e(
+                    l,
                     {
                       className: "transition-transform duration-200 data-[state=open]:rotate-180",
                       size: 20
@@ -949,20 +151,20 @@ const So = dt(
                 ] })
               }
             ),
-            /* @__PURE__ */ n(
-              lo,
+            /* @__PURE__ */ e(
+              X,
               {
-                position: C,
-                side: d,
-                align: r,
-                sideOffset: h,
-                alignOffset: a,
-                collisionPadding: c,
+                position: V,
+                side: D,
+                align: C,
+                sideOffset: E,
+                alignOffset: I,
+                collisionPadding: z,
                 asChild: !0,
-                children: /* @__PURE__ */ B(
+                children: /* @__PURE__ */ r(
                   "div",
                   {
-                    className: de(
+                    className: a(
                       "border-input-border bg-input-bg z-50 rounded-lg border shadow-md",
                       "data-[state=open]:animate-in data-[state=closed]:animate-out",
                       "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -979,9 +181,9 @@ const So = dt(
                       maxHeight: "var(--radix-select-content-available-height)"
                     },
                     children: [
-                      /* @__PURE__ */ n(go, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ n(xe, { className: "rotate-180", size: 18 }) }),
-                      /* @__PURE__ */ n(co, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: W() }) }),
-                      /* @__PURE__ */ n(vo, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ n(xe, { size: 18 }) })
+                      /* @__PURE__ */ e(Y, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { className: "rotate-180", size: 18 }) }),
+                      /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: G() }) }),
+                      /* @__PURE__ */ e(_, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { size: 18 }) })
                     ]
                   }
                 )
@@ -990,11 +192,11 @@ const So = dt(
           ]
         }
       ),
-      k && o && /* @__PURE__ */ n(Lt, { id: O, message: o })
+      g && n && /* @__PURE__ */ e(ue, { id: h, message: n })
     ] });
   }
 );
-So.displayName = "Select";
+xe.displayName = "Select";
 export {
-  So as Select
+  xe as Select
 };