@spear-ai/spectral 1.13.0 → 1.14.1

package/dist/RadioGroup-BsBK247l.js

@@ -1,328 +0,0 @@
-import './styles/main.css'
-import { a as e, d as t, l as n, r, t as i } from "./dist-DEkDg4Sk.js";
-import { t as a } from "./dist-CcsVPym2.js";
-import { t as o } from "./dist-D9FsQh8P.js";
-import { t as s } from "./twUtils-BpqlKSeB.js";
-import { ErrorMessage as c, WarningMessage as l, useFormFieldId as u } from "./utils/formFieldUtils.js";
-import { Label as d } from "./Label.js";
-import { t as f } from "./dist-PfrTYHr_.js";
-import { t as p } from "./dist-s1uWaZYZ.js";
-import { n as m, r as h, t as g } from "./dist-DBLajRTL.js";
-import { a as _, i as v, o as y, t as b, u as x } from "./proxy-BFVscmYQ.js";
-import { t as S } from "./AnimatePresence-Bz_JZ2ah.js";
-import * as C from "react";
-import { createContext as w, memo as T, useContext as E, useId as D, useMemo as ee, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-//#region node_modules/.pnpm/@radix-ui+react-radio-group@1.3.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+_3694a89ac1e1986bc2583e58a261f48c/node_modules/@radix-ui/react-radio-group/dist/index.mjs
-var j = "Radio", [te, M] = t(j), [ne, re] = te(j), N = C.forwardRef((t, r) => {
-	let { __scopeRadio: a, name: o, checked: s = !1, required: c, disabled: l, value: u = "on", onCheck: d, form: f, ...p } = t, [m, h] = C.useState(null), g = n(r, (e) => h(e)), _ = C.useRef(!1), v = m ? f || !!m.closest("form") : !0;
-	return /* @__PURE__ */ A(ne, {
-		scope: a,
-		checked: s,
-		disabled: l,
-		children: [/* @__PURE__ */ k(i.button, {
-			type: "button",
-			role: "radio",
-			"aria-checked": s,
-			"data-state": L(s),
-			"data-disabled": l ? "" : void 0,
-			disabled: l,
-			value: u,
-			...p,
-			ref: g,
-			onClick: e(t.onClick, (e) => {
-				s || d?.(), v && (_.current = e.isPropagationStopped(), _.current || e.stopPropagation());
-			})
-		}), v && /* @__PURE__ */ k(I, {
-			control: m,
-			bubbles: !_.current,
-			name: o,
-			value: u,
-			checked: s,
-			required: c,
-			disabled: l,
-			form: f,
-			style: { transform: "translateX(-100%)" }
-		})]
-	});
-});
-N.displayName = j;
-var P = "RadioIndicator", F = C.forwardRef((e, t) => {
-	let { __scopeRadio: n, forceMount: r, ...a } = e, s = re(P, n);
-	return /* @__PURE__ */ k(o, {
-		present: r || s.checked,
-		children: /* @__PURE__ */ k(i.span, {
-			"data-state": L(s.checked),
-			"data-disabled": s.disabled ? "" : void 0,
-			...a,
-			ref: t
-		})
-	});
-});
-F.displayName = P;
-var ie = "RadioBubbleInput", I = C.forwardRef(({ __scopeRadio: e, control: t, checked: r, bubbles: a = !0, ...o }, s) => {
-	let c = C.useRef(null), l = n(c, s), u = p(r), d = f(t);
-	return C.useEffect(() => {
-		let e = c.current;
-		if (!e) return;
-		let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set;
-		if (u !== r && n) {
-			let t = new Event("click", { bubbles: a });
-			n.call(e, r), e.dispatchEvent(t);
-		}
-	}, [
-		u,
-		r,
-		a
-	]), /* @__PURE__ */ k(i.input, {
-		type: "radio",
-		"aria-hidden": !0,
-		defaultChecked: r,
-		...o,
-		tabIndex: -1,
-		ref: l,
-		style: {
-			...o.style,
-			...d,
-			position: "absolute",
-			pointerEvents: "none",
-			opacity: 0,
-			margin: 0
-		}
-	});
-});
-I.displayName = ie;
-function L(e) {
-	return e ? "checked" : "unchecked";
-}
-var ae = [
-	"ArrowUp",
-	"ArrowDown",
-	"ArrowLeft",
-	"ArrowRight"
-], R = "RadioGroup", [oe, se] = t(R, [h, M]), z = h(), B = M(), [V, ce] = oe(R), H = C.forwardRef((e, t) => {
-	let { __scopeRadioGroup: n, name: o, defaultValue: s, value: c, required: l = !1, disabled: u = !1, orientation: d, dir: f, loop: p = !0, onValueChange: h, ...g } = e, _ = z(n), v = a(f), [y, b] = r({
-		prop: c,
-		defaultProp: s ?? null,
-		onChange: h,
-		caller: R
-	});
-	return /* @__PURE__ */ k(V, {
-		scope: n,
-		name: o,
-		required: l,
-		disabled: u,
-		value: y,
-		onValueChange: b,
-		children: /* @__PURE__ */ k(m, {
-			asChild: !0,
-			..._,
-			orientation: d,
-			dir: v,
-			loop: p,
-			children: /* @__PURE__ */ k(i.div, {
-				role: "radiogroup",
-				"aria-required": l,
-				"aria-orientation": d,
-				"data-disabled": u ? "" : void 0,
-				dir: v,
-				...g,
-				ref: t
-			})
-		})
-	});
-});
-H.displayName = R;
-var U = "RadioGroupItem", W = C.forwardRef((t, r) => {
-	let { __scopeRadioGroup: i, disabled: a, ...o } = t, s = ce(U, i), c = s.disabled || a, l = z(i), u = B(i), d = C.useRef(null), f = n(r, d), p = s.value === o.value, m = C.useRef(!1);
-	return C.useEffect(() => {
-		let e = (e) => {
-			ae.includes(e.key) && (m.current = !0);
-		}, t = () => m.current = !1;
-		return document.addEventListener("keydown", e), document.addEventListener("keyup", t), () => {
-			document.removeEventListener("keydown", e), document.removeEventListener("keyup", t);
-		};
-	}, []), /* @__PURE__ */ k(g, {
-		asChild: !0,
-		...l,
-		focusable: !c,
-		active: p,
-		children: /* @__PURE__ */ k(N, {
-			disabled: c,
-			required: s.required,
-			checked: p,
-			...u,
-			...o,
-			name: s.name,
-			ref: f,
-			onCheck: () => s.onValueChange(o.value),
-			onKeyDown: e((e) => {
-				e.key === "Enter" && e.preventDefault();
-			}),
-			onFocus: e(o.onFocus, () => {
-				m.current && d.current?.click();
-			})
-		})
-	});
-});
-W.displayName = U;
-var le = "RadioGroupIndicator", G = C.forwardRef((e, t) => {
-	let { __scopeRadioGroup: n, ...r } = e;
-	return /* @__PURE__ */ k(F, {
-		...B(n),
-		...r,
-		ref: t
-	});
-});
-G.displayName = le;
-var ue = H, K = W, q = G;
-//#endregion
-//#region node_modules/.pnpm/framer-motion@12.38.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs
-function de() {
-	!_.current && v();
-	let [e] = O(y.current);
-	return process.env.NODE_ENV !== "production" && x(e !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), e;
-}
-//#endregion
-//#region src/components/RadioGroup/RadioGroup.tsx
-var J = w({
-	disabledValues: [],
-	groupDisabled: !1,
-	orientation: "vertical",
-	variant: "default"
-}), Y = "pointer-events-none opacity-60", X = (e) => {
-	let t = "selected" in e, { className: n, disabled: r, errorMessage: i, itemClassName: a, name: o, onChange: d, onValueChange: f, orientation: p = "vertical", ref: m, selected: h, state: g = "default", variant: _ = "default", warningMessage: v, "aria-describedby": y, ...b } = e, x = t ? h ?? "" : h, S = u(b.id, o), C = `${S}-error`, w = `${S}-warning`, T = g === "error" && i ? C : g === "warning" && v ? w : void 0, E = (e) => {
-		f(e), d?.(e);
-	}, D = ee(() => ({
-		disabledValues: Array.isArray(r) ? r : [],
-		groupDisabled: typeof r == "boolean" ? r : !1,
-		itemClassName: a,
-		orientation: p,
-		selected: x,
-		variant: _
-	}), [
-		p,
-		_,
-		r,
-		a,
-		x
-	]);
-	return /* @__PURE__ */ A(J.Provider, {
-		value: D,
-		children: [
-			/* @__PURE__ */ k(ue, {
-				className: s("flex w-full text-text-primary", p === "vertical" ? "gap-4 flex-col" : "gap-5 flex-row", _ === "unstyled" && "gap-2.5 w-fit", n),
-				"data-state": g,
-				"data-testid": "spectral-radio-group",
-				id: S,
-				"aria-invalid": g === "error" ? !0 : void 0,
-				"aria-describedby": [T, y].filter(Boolean).join(" ") || void 0,
-				disabled: D.groupDisabled,
-				name: o,
-				onValueChange: E,
-				ref: m,
-				value: x,
-				...b
-			}),
-			g === "error" && i && /* @__PURE__ */ k(c, {
-				dataTestId: "spectral-radio-group-error-message",
-				id: C,
-				message: i
-			}),
-			g === "warning" && v && /* @__PURE__ */ k(l, {
-				dataTestId: "spectral-radio-group-warning-message",
-				id: w,
-				message: v
-			})
-		]
-	});
-};
-X.displayName = "RadioGroup";
-var fe = {
-	type: "spring",
-	stiffness: 200,
-	damping: 16
-}, Z = T(({ className: e, id: t, isDisabled: n, ref: r, transition: i = fe, value: a, ...o }) => de() ? /* @__PURE__ */ k(K, {
-	className: s("h-4.5 w-4.5 border-border-subtle ring-black relative aspect-square cursor-pointer rounded-full border-2 bg-radio-bg transition-colors", "hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent", "data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg", n && Y, e),
-	"data-testid": "spectral-radio-group-item",
-	disabled: n,
-	id: t,
-	ref: r,
-	value: a,
-	...o,
-	children: /* @__PURE__ */ k(q, { className: s("after:inset-0 after:h-2.5 after:w-2.5 after:absolute after:m-auto after:rounded-full after:bg-radio-bg--selected after:content-['']", n && Y) })
-}) : /* @__PURE__ */ k(K, {
-	value: a,
-	id: t,
-	disabled: n,
-	asChild: !0,
-	...o,
-	children: /* @__PURE__ */ k(b.button, {
-		className: s("h-4.5 w-4.5 border-border-subtle ring-black relative aspect-square cursor-pointer rounded-full border-2 bg-radio-bg transition-colors", "hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent", "data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg", n && Y, e),
-		"data-testid": "spectral-radio-group-item",
-		ref: r,
-		whileHover: { scale: 1.05 },
-		whileTap: { scale: .95 },
-		children: /* @__PURE__ */ k(q, {
-			className: "relative flex items-center justify-center",
-			children: /* @__PURE__ */ k(S, { children: /* @__PURE__ */ k(b.div, {
-				animate: {
-					opacity: 1,
-					scale: 1
-				},
-				className: "h-2.5 w-2.5 absolute rounded-full bg-radio-bg--selected",
-				exit: {
-					opacity: 0,
-					scale: 0
-				},
-				initial: {
-					opacity: 0,
-					scale: 0
-				},
-				transition: i
-			}, "radio-indicator") })
-		})
-	})
-}));
-Z.displayName = "RadioButton";
-var Q = ({ children: e, className: t, disabled: n, ref: r, value: i, ...a }) => {
-	let { disabledValues: o, groupDisabled: c, itemClassName: l, variant: u, orientation: f } = E(J), p = D(), m = i.toString(), h = a.id?.toString() ?? `${m}-${p}`, g = c || o.includes(m) || !!n;
-	return u === "unstyled" ? /* @__PURE__ */ k(K, {
-		asChild: !0,
-		"data-testid": "spectral-radio-group-item",
-		disabled: g,
-		id: h,
-		ref: r,
-		value: m,
-		...a,
-		children: /* @__PURE__ */ k(d, {
-			className: s("rounded flex h-fit w-fit border-2 border-transparent data-[state=checked]:border-radio-border--selected", g && Y, l, t),
-			"data-testid": "spectral-radio-group-item-label",
-			htmlFor: h,
-			children: e
-		})
-	}) : /* @__PURE__ */ A("div", {
-		className: s("flex items-center", g && Y, l, t, f),
-		children: [/* @__PURE__ */ k(Z, {
-			ref: r,
-			value: m,
-			id: h,
-			isDisabled: g,
-			...a
-		}), e && /* @__PURE__ */ k(d, {
-			className: s("text-md font-normal cursor-pointer", f === "vertical" ? "ml-2" : "ml-1"),
-			htmlFor: h,
-			children: e
-		})]
-	});
-};
-Q.displayName = "RadioGroup.Item";
-var $ = ({ ref: e, className: t, ...n }) => /* @__PURE__ */ k(d, {
-	ref: e,
-	"data-testid": "spectral-radio-group-label",
-	className: s("text-md font-medium block", t),
-	...n
-});
-$.displayName = "RadioGroup.Label";
-//#endregion
-export { Q as n, $ as r, X as t };