@spear-ai/spectral 1.6.16 → 1.7.0

package/dist/Textarea.js

@@ -1,6 +1,6 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { useTextarea as z } from "./Textarea/TextareaUtils.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
@@ -40,6 +40,7 @@ import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MeasureIcon.js";
 import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
 import "./Icons/MinusIcon.js";
@@ -51,6 +52,7 @@ import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
+import "./Icons/SearchIcon.js";
 import "./Icons/SettingsIcon.js";
 import "./Icons/SortAscendingIcon.js";
 import "./Icons/SortAtoZIcon.js";
@@ -67,13 +69,13 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { Label as D } from "./Label.js";
-import { useFormFieldId as M, useFormFieldState as O, getAriaProps as _, getTextareaClasses as $, ErrorMessage as G, getErrorMessageId as V } from "./utils/formFieldUtils.js";
+import { useFormFieldId as M, useFormFieldState as O, getAriaProps as _, getTextareaClasses as G, ErrorMessage as V, getErrorMessageId as H } from "./utils/formFieldUtils.js";
 import { cn as C } from "./utils/twUtils.js";
-import { useRef as H } from "react";
-const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, i) => {
+import { useRef as J } from "react";
+const K = "absolute right-4 top-4", Q = (t) => t || "off", U = (t, i) => {
   const a = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", m = t >= i ? "text-danger-400" : "text-text-secondary";
   return C(a, m);
-}, U = ({
+}, W = ({
   ref: t,
   autoComplete: i,
   className: a,
@@ -82,7 +84,7 @@ const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, i) => {
   id: b,
   label: d,
   labelClassName: N,
-  maxLength: o = 280,
+  maxLength: e = 280,
   name: u,
   onBlur: I,
   onChange: F,
@@ -93,26 +95,26 @@ const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, i) => {
   value: s = "",
   ...h
 }) => {
-  const p = M(b, u), g = V(p), y = H(null), P = t || y, { handleFocus: T, handleBlur: A, handleChange: E, handlePaste: L } = z({
-    maxLength: o,
+  const p = M(b, u), g = H(p), y = J(null), P = t ?? y, { handleFocus: T, handleBlur: A, handleChange: E, handlePaste: L } = z({
+    maxLength: e,
     value: s,
-    onChange: F || (() => {
+    onChange: F ?? (() => {
     }),
     onFocus: S,
     onBlur: I
-  }), { isDisabled: f, isLoading: R } = O(m, r), j = _(r, g, x, h["aria-describedby"]), l = s?.length || 0, k = $(r, a), w = () => ({
+  }), { isDisabled: f, isLoading: R } = O(m, r), j = _(r, g, x, h["aria-describedby"]), l = s?.length || 0, k = G(r, a), w = () => ({
     "--textarea-min-height": "6rem",
     "--textarea-max-height": "12rem",
     "--textarea-border-radius": "0.5rem"
   });
   return /* @__PURE__ */ n("div", { className: "w-full", children: [
-    d && /* @__PURE__ */ e(D, { "data-testid": "spectral-textarea-label", htmlFor: p, className: C("mb-2 block", f && "cursor-not-allowed opacity-50", N), children: d }),
+    d && /* @__PURE__ */ o(D, { "data-testid": "spectral-textarea-label", htmlFor: p, className: C("mb-2 block", f && "cursor-not-allowed opacity-50", N), children: d }),
     /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ o(
         "textarea",
         {
           "aria-multiline": "true",
-          autoComplete: K(i),
+          autoComplete: Q(i),
           className: k,
           "data-state": r,
           "data-testid": "spectral-textarea",
@@ -133,17 +135,27 @@ const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, i) => {
           ...h
         }
       ),
-      R && /* @__PURE__ */ e("div", { className: J, "data-testid": "spectral-textarea-loading-icon", children: /* @__PURE__ */ e(B, { size: 24 }) }),
-      /* @__PURE__ */ n("div", { "aria-label": `${l} of ${o} characters used`, "aria-live": "polite", className: Q(l, o), "data-testid": "spectral-textarea-counter", role: "status", children: [
-        l,
-        "/",
-        o
-      ] })
+      R && /* @__PURE__ */ o("div", { className: K, "data-testid": "spectral-textarea-loading-icon", children: /* @__PURE__ */ o(B, { size: 24 }) }),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          "aria-label": l + " of " + e + " characters used",
+          "aria-live": "polite",
+          className: U(l, e),
+          "data-testid": "spectral-textarea-counter",
+          role: "status",
+          children: [
+            l,
+            "/",
+            e
+          ]
+        }
+      )
     ] }),
-    r === "error" && c && /* @__PURE__ */ e(G, { dataTestId: "spectral-textarea-error-message", id: g, message: c })
+    r === "error" && c && /* @__PURE__ */ o(V, { dataTestId: "spectral-textarea-error-message", id: g, message: c })
   ] });
 };
-U.displayName = "Textarea";
+W.displayName = "Textarea";
 export {
-  U as Textarea
+  W as Textarea
 };

package/dist/Toast.d.ts

@@ -0,0 +1,43 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { ToasterProps as SonnerToasterProps } from 'sonner';
+type ToastVariant = 'default' | 'success' | 'error' | 'info' | 'warning';
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastProps extends VariantProps<typeof toastVariants> {
+    className?: string;
+    containerAriaLabel?: string;
+    dataTestId?: string;
+    message?: string | ReactNode;
+    duration?: number;
+    icon?: ReactNode;
+    id?: string | number;
+    onAutoClose?: () => void;
+    position?: ToastPosition;
+    variant?: ToastVariant;
+}
+export interface ToasterProps extends Omit<SonnerToasterProps, 'toastOptions'> {
+    gap?: number;
+    offset?: number | string;
+    position?: ToastPosition;
+    visibleToasts?: number;
+}
+declare const toastVariants: (props?: ({
+    variant?: "default" | "success" | "warning" | "info" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Toast: {
+    ({ className, containerAriaLabel, dataTestId, icon, message, variant }: ToastProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Provider: {
+        ({ gap, offset, position, visibleToasts, ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export declare const toast: (({ className, containerAriaLabel, dataTestId, duration, icon, message, onAutoClose, position, variant }: ToastProps) => string | number) & {
+    success: (options: Omit<ToastProps, "variant">) => string | number;
+    error: (options: Omit<ToastProps, "variant">) => string | number;
+    info: (options: Omit<ToastProps, "variant">) => string | number;
+    warning: (options: Omit<ToastProps, "variant">) => string | number;
+};
+export {};
+//# sourceMappingURL=Toast.d.ts.map