@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/use-animation-CBUDycyW.js

@@ -0,0 +1,57 @@
+import { c as e, d as t, l as n, m as r, p as i } from "./proxy-Dn10Pl_g.js";
+//#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/animation/hooks/animation-controls.mjs
+function a(e) {
+	e.values.forEach((e) => e.stop());
+}
+function o(e, t) {
+	[...t].reverse().forEach((r) => {
+		let i = e.getVariant(r);
+		i && n(e, i), e.variantChildren && e.variantChildren.forEach((e) => {
+			o(e, t);
+		});
+	});
+}
+function s(e, t) {
+	if (Array.isArray(t)) return o(e, t);
+	if (typeof t == "string") return o(e, [t]);
+	n(e, t);
+}
+function c() {
+	let n = !1, r = /* @__PURE__ */ new Set(), i = {
+		subscribe(e) {
+			return r.add(e), () => void r.delete(e);
+		},
+		start(i, a) {
+			t(n, "controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");
+			let o = [];
+			return r.forEach((t) => {
+				o.push(e(t, i, { transitionOverride: a }));
+			}), Promise.all(o);
+		},
+		set(e) {
+			return t(n, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."), r.forEach((t) => {
+				s(t, e);
+			});
+		},
+		stop() {
+			r.forEach((e) => {
+				a(e);
+			});
+		},
+		mount() {
+			return n = !0, () => {
+				n = !1, i.stop();
+			};
+		}
+	};
+	return i;
+}
+//#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/animation/hooks/use-animation.mjs
+function l() {
+	let e = r(c);
+	return i(e.mount, []), e;
+}
+var u = l;
+//#endregion
+export { u as t };

package/dist/utils/constants.js

@@ -1,4 +1,4 @@
-const o = "oklch(92.53% 0.1976 123.38)";
-export {
-  o as ACCENT_COLOR_DEFAULT
-};
+//#region src/utils/constants.ts
+var e = "oklch(92.53% 0.1976 123.38)";
+//#endregion
+export { e as ACCENT_COLOR_DEFAULT };

package/dist/utils/formFieldUtils.js

@@ -1,150 +1,138 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
-import { cn as u } from "./twUtils.js";
-import { useId as m, useRef as y, useEffect as x, useState as w, useCallback as v } from "react";
-const g = (e) => ({
-  success: "border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400",
-  error: "border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400",
-  loading: "cursor-wait border-input-border--disabled pointer-events-none",
-  disabled: "cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled",
-  default: ""
-})[e], k = (e = !1, r, o) => u(
-  "flex h-12 w-full items-center justify-between rounded-lg border-2 border-input-border bg-input-bg px-4 text-base",
-  "transition duration-200 text-input-text hover:border-input-border--hover focus:border-input-border--focus focus:outline-none",
-  "focus-visible:outline focus-visible:outline-2 focus-visible:outline-input-border--focus focus-visible:outline-offset-2",
-  "disabled:cursor-not-allowed disabled:opacity-50 disabled:border-input-border--disabled disabled:bg-input-bg--disabled",
-  e && "border-input-border--focus outline outline-2 outline-input-border--focus outline-offset-2",
-  g(r),
-  o
-), N = (e, r = "bottom") => u("absolute left-0 right-0 z-50 rounded-lg border border-input-border bg-input-bg shadow-md", "transition-[opacity,transform] duration-150 motion-reduce:transition-none motion-reduce:transform-none", "will-change-[opacity,transform]", r === "bottom" ? "top-full mt-1 origin-top" : "bottom-full mb-1 origin-bottom", r === "bottom" ? e ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 -translate-y-1 pointer-events-none" : e ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 translate-y-1 pointer-events-none"), A = (e, r) => u(
-  "peer flex h-12 w-full rounded-md border-2 border-input-border bg-input-bg ps-3 pe-12 text-base transition duration-200",
-  "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none",
-  "focus-visible:outline focus-visible:outline-2 focus-visible:outline-input-border--focus focus-visible:outline-offset-2",
-  "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled",
-  g(e),
-  r
-), F = (e, r) => u(
-  "peer flex h-24 w-full resize-none rounded-md border-2 border-input-border bg-input-bg p-3 text-base transition duration-200",
-  "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none",
-  "focus-visible:outline focus-visible:outline-2 focus-visible:outline-input-border--focus focus-visible:outline-offset-2",
-  "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled",
-  g(e),
-  r
-), j = (e, r) => {
-  const o = m();
-  if (e) return e;
-  const t = r?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
-  return t ? `${t}-${o}` : o;
-}, L = (e) => `${e}-error`, M = (e, r, o, t) => ({
-  "aria-invalid": e === "error",
-  "aria-required": o,
-  "aria-describedby": u(e === "error" && t, r)
-}), z = (e = {}) => ({
-  "--field-border-radius": "0.5rem",
-  "--field-height": "3rem",
-  "--field-padding": "1rem",
-  ...e
-}), H = (e, r = "default") => ({
-  isDisabled: e || r === "disabled",
-  isLoading: r === "loading",
-  isInvalid: r === "error"
-  // isSuccess: state === 'success', // For future use
-}), O = (e) => {
-  const r = y(null);
-  return x(() => {
-    const o = (t) => {
-      r.current && !r.current.contains(t.target) && e();
-    };
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [e]), r;
-}, S = (e, r = !1, o, t, s, b) => {
-  const [d, a] = w(-1);
-  x(() => {
-    if (e)
-      if (r)
-        a(0);
-      else {
-        const n = s.findIndex((l) => l.value === b);
-        a(n >= 0 ? n : 0);
-      }
-    else
-      a(-1);
-  }, [e, b, s, r]);
-  const c = v(
-    (n, l) => {
-      let i = n + (l === "down" ? 1 : -1);
-      return l === "down" ? i = Math.min(i, s.length - 1) : i = Math.max(i, 0), s[i]?.disabled && i !== n ? c(i, l) : i;
-    },
-    [s]
-  ), h = v(
-    (n) => {
-      if (!e)
-        return ["ArrowDown", "ArrowUp", " ", "Enter"].includes(n.key) ? (n.preventDefault(), "open") : void 0;
-      const f = {
-        ArrowDown: () => {
-          n.preventDefault(), a((i) => c(i, "down"));
-        },
-        ArrowUp: () => {
-          n.preventDefault(), a((i) => c(i, "up"));
-        },
-        Enter: () => {
-          n.preventDefault(), d >= 0 && s[d] && !s[d].disabled && (t(s[d].value), r || o());
-        },
-        " ": () => {
-          n.preventDefault(), d >= 0 && s[d] && !s[d].disabled && (t(s[d].value), r || o());
-        },
-        Escape: () => {
-          n.preventDefault(), o();
-        },
-        Home: () => {
-          n.preventDefault(), a(0);
-        },
-        End: () => {
-          n.preventDefault(), a(s.length - 1);
-        }
-      }[n.key];
-      f && f();
-    },
-    [s, d, t, o, e, r, c]
-  );
-  return { focusedIndex: d, setFocusedIndex: a, handleKeyDown: h, isOpen: e };
-}, $ = (e) => {
-  const r = {}, o = [];
-  return e.forEach((t) => {
-    t.group ? (r[t.group] || (r[t.group] = []), r[t.group].push(t)) : o.push(t);
-  }), {
-    groups: r,
-    ungrouped: o,
-    hasGroups: Object.keys(r).length > 0
-  };
-}, K = ({ className: e, message: r = "Loading…" }) => /* @__PURE__ */ p("div", { "aria-live": "polite", className: u("text-input-text-secondary flex items-center justify-center gap-2 py-6 text-base", e), role: "status", children: r }), P = ({ className: e, message: r = "No options found" }) => /* @__PURE__ */ p("div", { className: u("text-text-secondary py-6 text-center text-base", e), role: "status", children: r }), T = ({ className: e, id: r, dataTestId: o, message: t }) => {
-  const b = t ? typeof t == "string" ? t : Array.isArray(t) ? t.join(", ") : typeof t == "object" ? t.message ? t.message : t.error ? t.error : t.details ? t.details : JSON.stringify(t) : String(t) : null;
-  return b ? /* @__PURE__ */ p("p", { "aria-atomic": "true", "aria-live": "assertive", className: u("text-danger-400! m-0! mt-1.5! text-base", e), "data-testid": o || "spectral-form-field-error-message", id: r, role: "alert", children: b }) : null;
-}, U = (e = !1, r, o) => u(
-  "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-base outline-none hover:bg-input-bg--hover",
-  r && "bg-input-bg--hover",
-  o && "bg-input-bg--selected text-input-text",
-  e && "pointer-events-none text-input-text--disabled"
-), q = (e) => {
-  e && e.scrollIntoView({ block: "nearest", behavior: "smooth" });
-};
-export {
-  P as EmptyState,
-  T as ErrorMessage,
-  K as LoadingState,
-  M as getAriaProps,
-  N as getDropdownClasses,
-  L as getErrorMessageId,
-  z as getFormFieldCSSProperties,
-  A as getInputClasses,
-  U as getOptionClasses,
-  g as getStateClasses,
-  F as getTextareaClasses,
-  k as getTriggerClasses,
-  $ as groupOptions,
-  q as scrollIntoView,
-  O as useClickOutside,
-  j as useFormFieldId,
-  H as useFormFieldState,
-  S as useKeyboardNavigation
+import { t as e } from "../twUtils-VNWgstKL.js";
+import { useCallback as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/utils/formFieldUtils.tsx
+var s = (e) => ({
+	success: "border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400",
+	error: "border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400",
+	loading: "cursor-wait border-input-border--disabled pointer-events-none",
+	disabled: "cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled",
+	default: ""
+})[e], c = (t = !1, n, r) => e("h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg", "text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50", t && "border-input-border--focus outline outline-2 outline-offset-2 outline-input-border--focus", s(n), r), l = (t, n = "bottom") => e("left-0 right-0 rounded-lg shadow-md absolute z-50 border border-input-border bg-input-bg", "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", n === "bottom" ? "top-full mt-1 origin-top" : "bottom-full mb-1 origin-bottom", n === "bottom" ? t ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 -translate-y-1 pointer-events-none" : t ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 translate-y-1 pointer-events-none"), u = (t, n) => e("peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", s(t), n), d = (t, n) => e("peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", s(t), n), f = (e, t) => {
+	let n = r();
+	if (e) return e;
+	let i = t?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
+	return i ? `${i}-${n}` : n;
+}, p = (e) => `${e}-error`, m = (t, n, r, i) => ({
+	"aria-invalid": t === "error",
+	"aria-required": r,
+	"aria-describedby": e(t === "error" && i, n)
+}), h = (e = {}) => ({
+	"--field-border-radius": "0.5rem",
+	"--field-height": "3rem",
+	"--field-padding": "1rem",
+	...e
+}), g = (e, t = "default") => ({
+	isDisabled: e || t === "disabled",
+	isLoading: t === "loading",
+	isInvalid: t === "error"
+}), _ = (e) => {
+	let t = i(null);
+	return n(() => {
+		let n = (n) => {
+			t.current && !t.current.contains(n.target) && e();
+		};
+		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+	}, [e]), t;
+}, v = (e, r = !1, i, o, s, c) => {
+	let [l, u] = a(-1);
+	n(() => {
+		if (e) if (r) u(0);
+		else {
+			let e = s.findIndex((e) => e.value === c);
+			u(e >= 0 ? e : 0);
+		}
+		else u(-1);
+	}, [
+		e,
+		c,
+		s,
+		r
+	]);
+	let d = t((e, t) => {
+		let n = e + (t === "down" ? 1 : -1);
+		return n = t === "down" ? Math.min(n, s.length - 1) : Math.max(n, 0), s[n]?.disabled && n !== e ? d(n, t) : n;
+	}, [s]);
+	return {
+		focusedIndex: l,
+		setFocusedIndex: u,
+		handleKeyDown: t((t) => {
+			if (!e) return [
+				"ArrowDown",
+				"ArrowUp",
+				" ",
+				"Enter"
+			].includes(t.key) ? (t.preventDefault(), "open") : void 0;
+			let n = {
+				ArrowDown: () => {
+					t.preventDefault(), u((e) => d(e, "down"));
+				},
+				ArrowUp: () => {
+					t.preventDefault(), u((e) => d(e, "up"));
+				},
+				Enter: () => {
+					t.preventDefault(), l >= 0 && s[l] && !s[l].disabled && (o(s[l].value), r || i());
+				},
+				" ": () => {
+					t.preventDefault(), l >= 0 && s[l] && !s[l].disabled && (o(s[l].value), r || i());
+				},
+				Escape: () => {
+					t.preventDefault(), i();
+				},
+				Home: () => {
+					t.preventDefault(), u(0);
+				},
+				End: () => {
+					t.preventDefault(), u(s.length - 1);
+				}
+			}[t.key];
+			n && n();
+		}, [
+			s,
+			l,
+			o,
+			i,
+			e,
+			r,
+			d
+		]),
+		isOpen: e
+	};
+}, y = (e) => {
+	let t = {}, n = [];
+	return e.forEach((e) => {
+		e.group ? (t[e.group] || (t[e.group] = []), t[e.group].push(e)) : n.push(e);
+	}), {
+		groups: t,
+		ungrouped: n,
+		hasGroups: Object.keys(t).length > 0
+	};
+}, b = ({ className: t, message: n = "Loading…" }) => /* @__PURE__ */ o("div", {
+	"aria-live": "polite",
+	className: e("gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center", t),
+	role: "status",
+	children: n
+}), x = ({ className: t, message: n = "No options found" }) => /* @__PURE__ */ o("div", {
+	className: e("py-6 text-base text-center text-text-secondary", t),
+	role: "status",
+	children: n
+}), S = ({ className: t, id: n, dataTestId: r, message: i }) => {
+	let a = i ? typeof i == "string" ? i : Array.isArray(i) ? i.join(", ") : typeof i == "object" ? i.message ? i.message : i.error ? i.error : i.details ? i.details : JSON.stringify(i) : String(i) : null;
+	return a ? /* @__PURE__ */ o("p", {
+		"aria-atomic": "true",
+		"aria-live": "assertive",
+		className: e("m-0! mt-1.5! text-base text-danger-400!", t),
+		"data-testid": r || "spectral-form-field-error-message",
+		id: n,
+		role: "alert",
+		children: a
+	}) : null;
+}, C = (t = !1, n, r) => e("rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover", n && "bg-input-bg--hover", r && "bg-input-bg--selected text-input-text", t && "pointer-events-none text-input-text--disabled"), w = (e) => {
+	e && e.scrollIntoView({
+		block: "nearest",
+		behavior: "smooth"
+	});
 };
+//#endregion
+export { x as EmptyState, S as ErrorMessage, b as LoadingState, m as getAriaProps, l as getDropdownClasses, p as getErrorMessageId, h as getFormFieldCSSProperties, u as getInputClasses, C as getOptionClasses, s as getStateClasses, d as getTextareaClasses, c as getTriggerClasses, y as groupOptions, w as scrollIntoView, _ as useClickOutside, f as useFormFieldId, g as useFormFieldState, v as useKeyboardNavigation };

package/dist/utils/sharedUtils.js

@@ -1,8 +1,27 @@
-const r = (t, e, l) => Math.min(l, Math.max(e, t)), c = (t) => {
-  let e = 0;
-  return t.length >= 8 && (e += 1), t.length >= 12 && (e += 1), /[a-z]/u.test(t) && /[A-Z]/u.test(t) && (e += 1), /\d/u.test(t) && (e += 1), /[^\da-z]/i.test(t) && (e += 1), e <= 1 ? { score: 1, label: "Weak", color: "#ef4444" } : e === 2 ? { score: 2, label: "Fair", color: "#f97316" } : e === 3 ? { score: 3, label: "Good", color: "#eab308" } : e === 4 ? { score: 4, label: "Strong", color: "#22c55e" } : { score: 5, label: "Excellent", color: "#CDFB50" };
-};
-export {
-  c as calculatePasswordStrength,
-  r as clamp
+//#region src/utils/sharedUtils.ts
+var e = (e, t, n) => Math.min(n, Math.max(t, e)), t = (e) => {
+	let t = 0;
+	return e.length >= 8 && (t += 1), e.length >= 12 && (t += 1), /[a-z]/u.test(e) && /[A-Z]/u.test(e) && (t += 1), /\d/u.test(e) && (t += 1), /[^\da-z]/i.test(e) && (t += 1), t <= 1 ? {
+		score: 1,
+		label: "Weak",
+		color: "#ef4444"
+	} : t === 2 ? {
+		score: 2,
+		label: "Fair",
+		color: "#f97316"
+	} : t === 3 ? {
+		score: 3,
+		label: "Good",
+		color: "#eab308"
+	} : t === 4 ? {
+		score: 4,
+		label: "Strong",
+		color: "#22c55e"
+	} : {
+		score: 5,
+		label: "Excellent",
+		color: "#CDFB50"
+	};
 };
+//#endregion
+export { t as calculatePasswordStrength, e as clamp };