@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/RadioGroup.js

@@ -1,505 +1,2 @@
-"use client";
-import "./styles/main.css";
-import { jsx as a, jsxs as Y } from "react/jsx-runtime";
-import { Label as D } from "./Label.js";
-import * as d from "react";
-import { useState as ge, createContext as he, memo as Ie, useMemo as ye, useContext as we, useId as Ce } from "react";
-import { P as F, c as y, a as L, u as _, e as $ } from "./index-Dc0No4pV.js";
-import { c as Ee, u as j } from "./index-CKEI0pDv.js";
-import { u as Se } from "./index-CwSyIPrv.js";
-import { u as Fe } from "./index-0ioNhtNM.js";
-import { u as Ne } from "./index-psiVrsnE.js";
-import { u as Ae } from "./index-BZPx6jYI.js";
-import { P as _e } from "./index-BFOf48AQ.js";
-import { cn as E } from "./utils/twUtils.js";
-import { h as Pe, c as Te, p as xe, w as Ge, m as V } from "./proxy-CO_-Vget.js";
-import { A as ke } from "./index-Cl8VeY0o.js";
-var k = "rovingFocusGroup.onEntryFocus", De = { bubbles: !1, cancelable: !0 }, A = "RovingFocusGroup", [M, H, Me] = Ee(A), [Oe, z] = L(
-  A,
-  [Me]
-), [Le, Be] = Oe(A), W = d.forwardRef(
-  (e, r) => /* @__PURE__ */ a(M.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(M.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ a(Ke, { ...e, ref: r }) }) })
-);
-W.displayName = A;
-var Ke = d.forwardRef((e, r) => {
-  const {
-    __scopeRovingFocusGroup: o,
-    orientation: t,
-    loop: n = !1,
-    dir: s,
-    currentTabStopId: i,
-    defaultCurrentTabStopId: R,
-    onCurrentTabStopIdChange: b,
-    onEntryFocus: l,
-    preventScrollOnEntryFocus: c = !1,
-    ...p
-  } = e, m = d.useRef(null), f = _(r, m), v = j(s), [h, u] = $({
-    prop: i,
-    defaultProp: R ?? null,
-    onChange: b,
-    caller: A
-  }), [w, T] = d.useState(!1), I = Fe(l), C = H(o), x = d.useRef(!1), [pe, K] = d.useState(0);
-  return d.useEffect(() => {
-    const g = m.current;
-    if (g)
-      return g.addEventListener(k, I), () => g.removeEventListener(k, I);
-  }, [I]), /* @__PURE__ */ a(
-    Le,
-    {
-      scope: o,
-      orientation: t,
-      dir: v,
-      loop: n,
-      currentTabStopId: h,
-      onItemFocus: d.useCallback(
-        (g) => u(g),
-        [u]
-      ),
-      onItemShiftTab: d.useCallback(() => T(!0), []),
-      onFocusableItemAdd: d.useCallback(
-        () => K((g) => g + 1),
-        []
-      ),
-      onFocusableItemRemove: d.useCallback(
-        () => K((g) => g - 1),
-        []
-      ),
-      children: /* @__PURE__ */ a(
-        F.div,
-        {
-          tabIndex: w || pe === 0 ? -1 : 0,
-          "data-orientation": t,
-          ...p,
-          ref: f,
-          style: { outline: "none", ...e.style },
-          onMouseDown: y(e.onMouseDown, () => {
-            x.current = !0;
-          }),
-          onFocus: y(e.onFocus, (g) => {
-            const me = !x.current;
-            if (g.target === g.currentTarget && me && !w) {
-              const U = new CustomEvent(k, De);
-              if (g.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
-                const G = C().filter((S) => S.focusable), ve = G.find((S) => S.active), be = G.find((S) => S.id === h), Re = [ve, be, ...G].filter(
-                  Boolean
-                ).map((S) => S.ref.current);
-                Q(Re, c);
-              }
-            }
-            x.current = !1;
-          }),
-          onBlur: y(e.onBlur, () => T(!1))
-        }
-      )
-    }
-  );
-}), X = "RovingFocusGroupItem", J = d.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRovingFocusGroup: o,
-      focusable: t = !0,
-      active: n = !1,
-      tabStopId: s,
-      children: i,
-      ...R
-    } = e, b = Se(), l = s || b, c = Be(X, o), p = c.currentTabStopId === l, m = H(o), { onFocusableItemAdd: f, onFocusableItemRemove: v, currentTabStopId: h } = c;
-    return d.useEffect(() => {
-      if (t)
-        return f(), () => v();
-    }, [t, f, v]), /* @__PURE__ */ a(
-      M.ItemSlot,
-      {
-        scope: o,
-        id: l,
-        focusable: t,
-        active: n,
-        children: /* @__PURE__ */ a(
-          F.span,
-          {
-            tabIndex: p ? 0 : -1,
-            "data-orientation": c.orientation,
-            ...R,
-            ref: r,
-            onMouseDown: y(e.onMouseDown, (u) => {
-              t ? c.onItemFocus(l) : u.preventDefault();
-            }),
-            onFocus: y(e.onFocus, () => c.onItemFocus(l)),
-            onKeyDown: y(e.onKeyDown, (u) => {
-              if (u.key === "Tab" && u.shiftKey) {
-                c.onItemShiftTab();
-                return;
-              }
-              if (u.target !== u.currentTarget) return;
-              const w = qe(u, c.orientation, c.dir);
-              if (w !== void 0) {
-                if (u.metaKey || u.ctrlKey || u.altKey || u.shiftKey) return;
-                u.preventDefault();
-                let I = m().filter((C) => C.focusable).map((C) => C.ref.current);
-                if (w === "last") I.reverse();
-                else if (w === "prev" || w === "next") {
-                  w === "prev" && I.reverse();
-                  const C = I.indexOf(u.currentTarget);
-                  I = c.loop ? Ye(I, C + 1) : I.slice(C + 1);
-                }
-                setTimeout(() => Q(I));
-              }
-            }),
-            children: typeof i == "function" ? i({ isCurrentTabStop: p, hasTabStop: h != null }) : i
-          }
-        )
-      }
-    );
-  }
-);
-J.displayName = X;
-var Ue = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function Ve(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function qe(e, r, o) {
-  const t = Ve(e.key, o);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(t)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(t)))
-    return Ue[t];
-}
-function Q(e, r = !1) {
-  const o = document.activeElement;
-  for (const t of e)
-    if (t === o || (t.focus({ preventScroll: r }), document.activeElement !== o)) return;
-}
-function Ye(e, r) {
-  return e.map((o, t) => e[(r + t) % e.length]);
-}
-var $e = W, je = J, B = "Radio", [He, Z] = L(B), [ze, We] = He(B), ee = d.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRadio: o,
-      name: t,
-      checked: n = !1,
-      required: s,
-      disabled: i,
-      value: R = "on",
-      onCheck: b,
-      form: l,
-      ...c
-    } = e, [p, m] = d.useState(null), f = _(r, (u) => m(u)), v = d.useRef(!1), h = p ? l || !!p.closest("form") : !0;
-    return /* @__PURE__ */ Y(ze, { scope: o, checked: n, disabled: i, children: [
-      /* @__PURE__ */ a(
-        F.button,
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": n,
-          "data-state": ae(n),
-          "data-disabled": i ? "" : void 0,
-          disabled: i,
-          value: R,
-          ...c,
-          ref: f,
-          onClick: y(e.onClick, (u) => {
-            n || b?.(), h && (v.current = u.isPropagationStopped(), v.current || u.stopPropagation());
-          })
-        }
-      ),
-      h && /* @__PURE__ */ a(
-        re,
-        {
-          control: p,
-          bubbles: !v.current,
-          name: t,
-          value: R,
-          checked: n,
-          required: s,
-          disabled: i,
-          form: l,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-ee.displayName = B;
-var oe = "RadioIndicator", te = d.forwardRef(
-  (e, r) => {
-    const { __scopeRadio: o, forceMount: t, ...n } = e, s = We(oe, o);
-    return /* @__PURE__ */ a(_e, { present: t || s.checked, children: /* @__PURE__ */ a(
-      F.span,
-      {
-        "data-state": ae(s.checked),
-        "data-disabled": s.disabled ? "" : void 0,
-        ...n,
-        ref: r
-      }
-    ) });
-  }
-);
-te.displayName = oe;
-var Xe = "RadioBubbleInput", re = d.forwardRef(
-  ({
-    __scopeRadio: e,
-    control: r,
-    checked: o,
-    bubbles: t = !0,
-    ...n
-  }, s) => {
-    const i = d.useRef(null), R = _(i, s), b = Ae(o), l = Ne(r);
-    return d.useEffect(() => {
-      const c = i.current;
-      if (!c) return;
-      const p = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
-        p,
-        "checked"
-      ).set;
-      if (b !== o && f) {
-        const v = new Event("click", { bubbles: t });
-        f.call(c, o), c.dispatchEvent(v);
-      }
-    }, [b, o, t]), /* @__PURE__ */ a(
-      F.input,
-      {
-        type: "radio",
-        "aria-hidden": !0,
-        defaultChecked: o,
-        ...n,
-        tabIndex: -1,
-        ref: R,
-        style: {
-          ...n.style,
-          ...l,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-re.displayName = Xe;
-function ae(e) {
-  return e ? "checked" : "unchecked";
-}
-var Je = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], P = "RadioGroup", [Qe] = L(P, [
-  z,
-  Z
-]), ne = z(), se = Z(), [Ze, eo] = Qe(P), ie = d.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRadioGroup: o,
-      name: t,
-      defaultValue: n,
-      value: s,
-      required: i = !1,
-      disabled: R = !1,
-      orientation: b,
-      dir: l,
-      loop: c = !0,
-      onValueChange: p,
-      ...m
-    } = e, f = ne(o), v = j(l), [h, u] = $({
-      prop: s,
-      defaultProp: n ?? null,
-      onChange: p,
-      caller: P
-    });
-    return /* @__PURE__ */ a(
-      Ze,
-      {
-        scope: o,
-        name: t,
-        required: i,
-        disabled: R,
-        value: h,
-        onValueChange: u,
-        children: /* @__PURE__ */ a(
-          $e,
-          {
-            asChild: !0,
-            ...f,
-            orientation: b,
-            dir: v,
-            loop: c,
-            children: /* @__PURE__ */ a(
-              F.div,
-              {
-                role: "radiogroup",
-                "aria-required": i,
-                "aria-orientation": b,
-                "data-disabled": R ? "" : void 0,
-                dir: v,
-                ...m,
-                ref: r
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-ie.displayName = P;
-var ce = "RadioGroupItem", de = d.forwardRef(
-  (e, r) => {
-    const { __scopeRadioGroup: o, disabled: t, ...n } = e, s = eo(ce, o), i = s.disabled || t, R = ne(o), b = se(o), l = d.useRef(null), c = _(r, l), p = s.value === n.value, m = d.useRef(!1);
-    return d.useEffect(() => {
-      const f = (h) => {
-        Je.includes(h.key) && (m.current = !0);
-      }, v = () => m.current = !1;
-      return document.addEventListener("keydown", f), document.addEventListener("keyup", v), () => {
-        document.removeEventListener("keydown", f), document.removeEventListener("keyup", v);
-      };
-    }, []), /* @__PURE__ */ a(
-      je,
-      {
-        asChild: !0,
-        ...R,
-        focusable: !i,
-        active: p,
-        children: /* @__PURE__ */ a(
-          ee,
-          {
-            disabled: i,
-            required: s.required,
-            checked: p,
-            ...b,
-            ...n,
-            name: s.name,
-            ref: c,
-            onCheck: () => s.onValueChange(n.value),
-            onKeyDown: y((f) => {
-              f.key === "Enter" && f.preventDefault();
-            }),
-            onFocus: y(n.onFocus, () => {
-              m.current && l.current?.click();
-            })
-          }
-        )
-      }
-    );
-  }
-);
-de.displayName = ce;
-var oo = "RadioGroupIndicator", ue = d.forwardRef(
-  (e, r) => {
-    const { __scopeRadioGroup: o, ...t } = e, n = se(o);
-    return /* @__PURE__ */ a(te, { ...n, ...t, ref: r });
-  }
-);
-ue.displayName = oo;
-var to = ie, O = de, q = ue;
-function ro() {
-  !Pe.current && Te();
-  const [e] = ge(xe.current);
-  return process.env.NODE_ENV !== "production" && Ge(e !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), e;
-}
-const le = he({
-  disabledValues: [],
-  groupDisabled: !1,
-  orientation: "vertical",
-  variant: "default"
-}), N = "pointer-events-none opacity-60", ao = (e) => {
-  const r = "selected" in e, { className: o, disabled: t, itemClassName: n, onValueChange: s, orientation: i = "vertical", ref: R, selected: b, variant: l = "default", ...c } = e, p = r ? b ?? "" : b, m = ye(
-    () => ({
-      disabledValues: Array.isArray(t) ? t : [],
-      groupDisabled: typeof t == "boolean" ? t : !1,
-      itemClassName: n,
-      orientation: i,
-      selected: p,
-      variant: l
-    }),
-    [i, l, t, n, p]
-  );
-  return /* @__PURE__ */ a(le.Provider, { value: m, children: /* @__PURE__ */ a(
-    to,
-    {
-      className: E("text-text-primary flex w-full", i === "vertical" ? "flex-col gap-4" : "flex-row gap-5", l === "unstyled" && "w-fit gap-2.5", o),
-      "data-testid": "spectral-radio-group",
-      disabled: m.groupDisabled,
-      onValueChange: s,
-      ref: R,
-      value: p,
-      ...c
-    }
-  ) });
-};
-ao.displayName = "RadioGroup";
-const no = { type: "spring", stiffness: 200, damping: 16 }, fe = Ie(
-  ({
-    className: e,
-    id: r,
-    isDisabled: o,
-    ref: t,
-    transition: n = no,
-    value: s,
-    ...i
-  }) => ro() ? /* @__PURE__ */ a(
-    O,
-    {
-      className: E(
-        "border-border-subtle bg-radio-bg relative aspect-square h-4.5 w-4.5 cursor-pointer rounded-full border-2 ring-black transition-colors",
-        "hover:border-radio-border--hover focus-visible:outline-accent focus-visible:outline-1 focus-visible:outline-offset-2",
-        "data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg",
-        o && N,
-        e
-      ),
-      "data-testid": "spectral-radio-group-item",
-      disabled: o,
-      id: r,
-      ref: t,
-      value: s,
-      ...i,
-      children: /* @__PURE__ */ a(q, { className: E("after:bg-radio-bg--selected after:absolute after:inset-0 after:m-auto after:h-2.5 after:w-2.5 after:rounded-full after:content-['']", o && N) })
-    }
-  ) : /* @__PURE__ */ a(O, { value: s, id: r, disabled: o, asChild: !0, ...i, children: /* @__PURE__ */ a(
-    V.button,
-    {
-      className: E(
-        "border-border-subtle bg-radio-bg relative aspect-square h-4.5 w-4.5 cursor-pointer rounded-full border-2 ring-black transition-colors",
-        "hover:border-radio-border--hover focus-visible:outline-accent focus-visible:outline-1 focus-visible:outline-offset-2",
-        "data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg",
-        o && N,
-        e
-      ),
-      "data-testid": "spectral-radio-group-item",
-      ref: t,
-      whileHover: { scale: 1.05 },
-      whileTap: { scale: 0.95 },
-      children: /* @__PURE__ */ a(q, { className: "relative flex items-center justify-center", children: /* @__PURE__ */ a(ke, { children: /* @__PURE__ */ a(V.div, { animate: { opacity: 1, scale: 1 }, className: "bg-radio-bg--selected absolute h-2.5 w-2.5 rounded-full", exit: { opacity: 0, scale: 0 }, initial: { opacity: 0, scale: 0 }, transition: n }, "radio-indicator") }) })
-    }
-  ) })
-);
-fe.displayName = "RadioButton";
-const so = ({
-  children: e,
-  className: r,
-  disabled: o,
-  ref: t,
-  value: n,
-  ...s
-}) => {
-  const { disabledValues: i, groupDisabled: R, itemClassName: b, variant: l, orientation: c } = we(le), p = Ce(), m = n.toString(), f = s.id?.toString() ?? `${m}-${p}`, v = R || i.includes(m) || !!o;
-  return l === "unstyled" ? /* @__PURE__ */ a(O, { asChild: !0, "data-testid": "spectral-radio-group-item", disabled: v, id: f, ref: t, value: m, ...s, children: /* @__PURE__ */ a(D, { className: E("data-[state=checked]:border-radio-border--selected flex h-fit w-fit rounded border-2 border-transparent", v && N, b, r), "data-testid": "spectral-radio-group-item-label", htmlFor: f, children: e }) }) : /* @__PURE__ */ Y("div", { className: E("flex items-center", v && N, b, r, c), children: [
-    /* @__PURE__ */ a(fe, { ref: t, value: m, id: f, isDisabled: v, ...s }),
-    e && /* @__PURE__ */ a(D, { className: E("text-md cursor-pointer font-normal", c === "vertical" ? "ml-2" : "ml-1"), htmlFor: f, children: e })
-  ] });
-};
-so.displayName = "RadioGroup.Item";
-const io = ({
-  ref: e,
-  className: r,
-  ...o
-}) => /* @__PURE__ */ a(D, { ref: e, "data-testid": "spectral-radio-group-label", className: E("text-md block font-medium", r), ...o });
-io.displayName = "RadioGroup.Label";
-export {
-  ao as RadioGroup,
-  so as RadioGroupItem,
-  io as RadioGroupLabel
-};
+import { n as e, r as t, t as n } from "./RadioGroup-w_q6RGEK.js";
+export { n as RadioGroup, e as RadioGroupItem, t as RadioGroupLabel };