@spear-ai/spectral 1.6.17 → 1.8.0

package/dist/Textarea/TextareaUtils.js

@@ -1,24 +1,24 @@
 "use client";
 import { useCallback as i } from "react";
-const T = (t, n, s) => {
-  const a = t.target.value;
-  a.length <= n && s?.(a);
-}, V = (t, n, s, a) => {
-  const r = t.clipboardData.getData("text"), c = n || "", o = t.currentTarget, l = o.selectionStart || 0, u = o.selectionEnd || 0, e = c.substring(0, l), d = c.substring(u);
-  if ((e + r + d).length > s) {
+const T = (t, a, s) => {
+  const n = t.target.value;
+  n.length <= a && s?.(n);
+}, V = (t, a, s, n) => {
+  const r = t.clipboardData.getData("text"), c = s || "", o = t.currentTarget, l = o.selectionStart || 0, u = o.selectionEnd || 0, e = c.substring(0, l), d = c.substring(u);
+  if ((e + r + d).length > a) {
     t.preventDefault();
-    const g = u - l, h = s - c.length + g, p = r.substring(0, Math.max(0, h)), f = e + p + d;
-    a?.(f), setTimeout(() => {
+    const g = u - l, h = a - c.length + g, p = r.substring(0, Math.max(0, h)), f = e + p + d;
+    n?.(f), setTimeout(() => {
       const b = l + p.length;
       o.setSelectionRange(b, b);
     }, 0);
   }
-}, P = ({ maxLength: t, value: n, onChange: s, onFocus: a, onBlur: r }) => {
+}, P = ({ maxLength: t, value: a, onChange: s, onFocus: n, onBlur: r }) => {
   const c = i(
     (e) => {
-      a?.(e);
+      n?.(e);
     },
-    [a]
+    [n]
   ), o = i(
     (e) => {
       r?.(e);
@@ -31,9 +31,9 @@ const T = (t, n, s) => {
     [t, s]
   ), u = i(
     (e) => {
-      V(e, n, t, s);
+      V(e, t, a, s);
     },
-    [n, t, s]
+    [a, t, s]
   );
   return {
     handleFocus: c,

package/dist/Textarea.js

@@ -35,7 +35,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -49,6 +48,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
@@ -69,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,
@@ -95,14 +95,14 @@ 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({
+  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"
@@ -114,7 +114,7 @@ const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, i) => {
         "textarea",
         {
           "aria-multiline": "true",
-          autoComplete: K(i),
+          autoComplete: Q(i),
           className: k,
           "data-state": r,
           "data-testid": "spectral-textarea",
@@ -135,17 +135,27 @@ const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, i) => {
           ...h
         }
       ),
-      R && /* @__PURE__ */ o("div", { className: J, "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: Q(l, e), "data-testid": "spectral-textarea-counter", role: "status", children: [
-        l,
-        "/",
-        e
-      ] })
+      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__ */ o(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