@spear-ai/spectral 1.3.42 → 1.3.44

package/dist/utils/formFieldUtils.js

@@ -0,0 +1,178 @@
+"use client";
+import { jsx as p, jsxs as h } from "react/jsx-runtime";
+import { c as d } from "../twUtils-CRiPKpXj.js";
+import { useId as w, useRef as y, useEffect as v, useState as m, useCallback as I } from "react";
+const E = "h-4 w-4", A = "h-5 w-5", O = "h-6 w-6", 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], j = (e, r = !1, t) => d(
+  "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",
+  r && "border-input-border--focus outline outline-2 outline-input-border--focus outline-offset-2",
+  g(e),
+  t
+), F = (e) => d(
+  "absolute top-full left-0 right-0 z-50 mt-1 overflow-hidden rounded-lg border border-input-border bg-input-bg shadow-md",
+  "transition-all duration-200 origin-top",
+  e ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 -translate-y-1 pointer-events-none"
+), L = (e, r) => d(
+  "peer flex h-12 w-full rounded-md border-2 border-input-border bg-input-bg px-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
+), M = (e, r) => d(
+  "peer flex h-24 w-full resize-none rounded-md border 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
+), S = (e, r) => {
+  const t = w();
+  return e || `${r}-${t}`;
+}, _ = (e) => `${e}-error`, H = (e, r, t, o) => ({
+  "aria-invalid": e === "error",
+  "aria-required": r,
+  "aria-describedby": d(e === "error" && t, o)
+}), Z = (e = {}) => ({
+  "--field-border-radius": "0.5rem",
+  "--field-height": "3rem",
+  "--field-padding": "1rem",
+  ...e
+}), $ = (e, r = "default") => ({
+  isDisabled: e || r === "disabled",
+  isLoading: r === "loading",
+  isInvalid: r === "error"
+  // isSuccess: state === 'success', // For future use
+}), z = (e) => {
+  const r = y(null);
+  return v(() => {
+    const t = (o) => {
+      r.current && !r.current.contains(o.target) && e();
+    };
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, [e]), r;
+}, G = (e, r, t, o, l, b = !1) => {
+  const [s, u] = m(-1);
+  v(() => {
+    if (l)
+      if (b)
+        u(0);
+      else {
+        const n = e.findIndex((a) => a.value === r);
+        u(n >= 0 ? n : 0);
+      }
+    else
+      u(-1);
+  }, [l, r, e, b]);
+  const c = (n, a) => {
+    let i = n + (a === "down" ? 1 : -1);
+    return a === "down" ? i = Math.min(i, e.length - 1) : i = Math.max(i, 0), e[i]?.disabled && i !== n ? c(i, a) : i;
+  }, x = I(
+    (n) => {
+      if (!l)
+        return ["ArrowDown", "ArrowUp", " ", "Enter"].includes(n.key) ? (n.preventDefault(), "open") : void 0;
+      const f = {
+        ArrowDown: () => {
+          n.preventDefault(), u((i) => c(i, "down"));
+        },
+        ArrowUp: () => {
+          n.preventDefault(), u((i) => c(i, "up"));
+        },
+        Enter: () => {
+          n.preventDefault(), s >= 0 && e[s] && !e[s].disabled && (t(e[s].value), b || o());
+        },
+        " ": () => {
+          n.preventDefault(), s >= 0 && e[s] && !e[s].disabled && (t(e[s].value), b || o());
+        },
+        Escape: () => {
+          n.preventDefault(), o();
+        },
+        Home: () => {
+          n.preventDefault(), u(0);
+        },
+        End: () => {
+          n.preventDefault(), u(e.length - 1);
+        }
+      }[n.key];
+      f && f();
+    },
+    [e, s, t, o, l, b, c]
+  );
+  return { focusedIndex: s, setFocusedIndex: u, handleKeyDown: x };
+}, K = (e) => {
+  const r = {}, t = [];
+  return e.forEach((o) => {
+    o.group ? (r[o.group] || (r[o.group] = []), r[o.group].push(o)) : t.push(o);
+  }), {
+    groups: r,
+    ungrouped: t,
+    hasGroups: Object.keys(r).length > 0
+  };
+}, P = ({ message: e = "Loading...", className: r }) => /* @__PURE__ */ h(
+  "div",
+  {
+    className: d("text-input-text-secondary flex items-center justify-center gap-2 py-6 text-base", r),
+    role: "status",
+    "aria-live": "polite",
+    children: [
+      /* @__PURE__ */ p("div", { className: d(E, "animate-spin") }),
+      e
+    ]
+  }
+), R = ({ message: e = "No options found", className: r }) => /* @__PURE__ */ p("div", { className: d("text-text-secondary py-6 text-center text-base", r), role: "status", children: e }), T = ({
+  id: e,
+  message: r,
+  className: t
+}) => {
+  const l = r ? typeof r == "string" ? r : Array.isArray(r) ? r.join(", ") : typeof r == "object" ? r.message ? r.message : r.error ? r.error : r.details ? r.details : JSON.stringify(r) : String(r) : null;
+  return l ? /* @__PURE__ */ p(
+    "p",
+    {
+      id: e,
+      className: d("!text-danger-300 mt-1.5 text-base", t),
+      "data-testid": "form-field-error-message",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: l
+    }
+  ) : null;
+}, U = (e, r, t = !1) => d(
+  "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-base outline-none",
+  "hover:bg-input-bg--hover cursor-pointer focus:bg-input-bg--hover disabled:opacity-50 disabled:cursor-not-allowed",
+  r && "bg-input-bg--hover",
+  e && "bg-input-bg--selected text-input-text",
+  t && "pointer-events-none opacity-50"
+), q = (e) => {
+  e && e.scrollIntoView({ block: "nearest", behavior: "smooth" });
+};
+export {
+  R as EmptyState,
+  T as ErrorMessage,
+  E as ICON_SIZE,
+  A as LARGE_ICON_SIZE,
+  P as LoadingState,
+  O as XL_ICON_SIZE,
+  H as getAriaProps,
+  j as getBaseTriggerClasses,
+  F as getDropdownClasses,
+  _ as getErrorMessageId,
+  Z as getFormFieldCSSProperties,
+  L as getInputClasses,
+  U as getOptionClasses,
+  g as getStateClasses,
+  M as getTextareaClasses,
+  K as groupOptions,
+  q as scrollIntoView,
+  z as useClickOutside,
+  S as useFormFieldId,
+  $ as useFormFieldState,
+  G as useKeyboardNavigation
+};

package/dist/utils/refs.d.ts

@@ -1,4 +1,4 @@
-import { Ref, RefObject } from '../../node_modules/react';
+import { Ref, RefObject } from 'react';
 /**
  * Creates a forwarded ref that merges multiple refs into one.
  * Useful when you need to pass both an internal ref and an external forwarded ref to the same element.

package/dist/x-BBpi7a_7.js

@@ -0,0 +1,14 @@
+import { c as o } from "./createLucideIcon-CI1yJrZf.js";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const c = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], t = o("x", c);
+export {
+  t as X
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.42",
+  "version": "1.3.44",
   "type": "module",
   "private": false,
   "repository": {
@@ -59,6 +59,7 @@
     "input-otp": "^1.4.2",
     "lucide-react": "^0.542.0",
     "react-day-picker": "^9.9.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "vaul": "^1.1.2"
   },