@spear-ai/spectral 1.3.67 → 1.3.68

package/dist/Textarea/TextareaUtils.d.ts

@@ -2,7 +2,7 @@ import { ChangeEvent, ClipboardEvent, FocusEvent } from 'react';
 export type UseTextareaOptions = {
     maxLength: number;
     value: string;
-    onChange?: (value: string) => void;
+    onChange: (value: string) => void;
     onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
     onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
 };

package/dist/Textarea.d.ts

@@ -2,17 +2,18 @@ import { FormFieldState } from '../../utils/formFieldUtils';
 import { ComponentProps, FocusEvent } from 'react';
 export type TextareaState = FormFieldState;
 export type TextareaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
+    className?: string | undefined;
+    errorMessage?: string | undefined;
+    id?: string | undefined;
+    label: string;
+    labelClassName?: string;
+    maxLength?: number | undefined;
+    name: string;
     onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
     onChange?: (value: string) => void;
     onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    readonly className?: string | undefined;
-    readonly errorMessage?: string | undefined;
-    readonly id?: string | undefined;
-    readonly label: string;
-    readonly maxLength?: number | undefined;
-    readonly name: string;
-    readonly placeholder?: string | undefined;
-    readonly state?: TextareaState;
+    placeholder?: string | undefined;
+    state?: TextareaState;
     value?: string | undefined;
 };
 export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/Textarea.js

@@ -1,7 +1,7 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useTextarea as z } from "./Textarea/TextareaUtils.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useTextarea as B } from "./Textarea/TextareaUtils.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -33,7 +33,7 @@ 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 { LoaderIcon as D } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MessagesIcon.js";
@@ -59,102 +59,67 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as D } from "./Label.js";
-import { useFormFieldId as E, getAriaProps as O, getErrorMessageId as _, getTextareaClasses as $, useFormFieldState as G } from "./utils/formFieldUtils.js";
-import { cn as h } from "./utils/twUtils.js";
-import { forwardRef as M, useRef as V } from "react";
-const H = "absolute right-4 top-4", J = (r) => r || "off", K = (r, t) => {
-  const o = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", i = r >= t ? "text-danger-400" : "text-text-secondary";
-  return h(o, i);
-}, Q = M(
-  ({
-    className: r,
-    state: t = "default",
-    errorMessage: o,
-    name: i,
-    id: f,
-    label: n,
-    placeholder: g,
-    value: m = "",
-    onFocus: C,
-    onBlur: b,
-    onChange: N,
-    disabled: F,
-    required: d,
-    maxLength: a = 280,
-    autoComplete: I,
-    ...c
-  }, v) => {
-    const s = E(f, i), u = _(s), S = V(null), y = v || S, { handleFocus: P, handleBlur: w, handleChange: A, handlePaste: R } = z({
-      maxLength: a,
-      value: m,
-      onChange: N,
-      onFocus: C,
-      onBlur: b
-    }), { isDisabled: x, isLoading: T } = G(F, t), L = O(t, d, u, c["aria-describedby"]), p = m?.length || 0, j = $(t, r), k = () => ({
+import { Label as E } from "./Label.js";
+import { useFormFieldId as O, getAriaProps as _, getErrorMessageId as $, getTextareaClasses as G, useFormFieldState as M } from "./utils/formFieldUtils.js";
+import { cn as g } from "./utils/twUtils.js";
+import { forwardRef as V, useRef as H } from "react";
+const J = "absolute right-4 top-4", K = (t) => t || "off", Q = (t, a) => {
+  const m = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", o = t >= a ? "text-danger-400" : "text-text-secondary";
+  return g(m, o);
+}, U = V(
+  ({ autoComplete: t, className: a, disabled: m, errorMessage: o, id: C, label: d, labelClassName: b, maxLength: i = 280, name: c, onBlur: N, onChange: F, onFocus: I, placeholder: v, required: u, state: r = "default", value: s = "", ...x }, S) => {
+    const p = O(C, c), h = $(p), y = H(null), P = S || y, { handleFocus: w, handleBlur: A, handleChange: R, handlePaste: T } = B({
+      maxLength: i,
+      value: s,
+      onChange: F || (() => {
+      }),
+      onFocus: I,
+      onBlur: N
+    }), { isDisabled: f, isLoading: L } = M(m, r), j = _(r, u, h, x["aria-describedby"]), l = s?.length || 0, k = G(r, a), z = () => ({
       "--textarea-min-height": "6rem",
       "--textarea-max-height": "12rem",
       "--textarea-border-radius": "0.5rem"
     });
-    return /* @__PURE__ */ l("div", { className: "w-full", "data-testid": "textarea-root", children: [
-      n && /* @__PURE__ */ e(D, { htmlFor: s, className: h("mb-2 block", x && "cursor-not-allowed opacity-50"), children: n }),
-      /* @__PURE__ */ l("div", { className: "relative", "data-testid": "textarea-wrapper", children: [
+    return /* @__PURE__ */ n("div", { className: "w-full", "data-testid": "textarea-root", children: [
+      d && /* @__PURE__ */ e(E, { htmlFor: p, className: g("block mb-2", f && "opacity-50 cursor-not-allowed", b), children: d }),
+      /* @__PURE__ */ n("div", { className: "relative", "data-testid": "textarea-wrapper", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
             "aria-multiline": "true",
-            autoComplete: J(I),
-            className: j,
-            "data-state": t,
+            autoComplete: K(t),
+            className: k,
+            "data-state": r,
             "data-testid": "textarea-textarea",
-            disabled: x,
-            id: s,
-            name: i,
-            onBlur: w,
-            onChange: A,
-            onFocus: P,
-            onPaste: R,
-            placeholder: g,
-            ref: y,
-            required: d,
+            disabled: f,
+            id: p,
+            name: c,
+            onBlur: A,
+            onChange: R,
+            onFocus: w,
+            onPaste: T,
+            placeholder: v,
+            ref: P,
+            required: u,
             spellCheck: "true",
-            style: k(),
-            value: m,
-            ...L,
-            ...c
+            style: z(),
+            value: s,
+            ...j,
+            ...x
           }
         ),
-        T && /* @__PURE__ */ e("div", { className: H, "data-testid": "textarea-loading-icon", children: /* @__PURE__ */ e(B, { size: 24 }) }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: K(p, a),
-            role: "status",
-            "aria-live": "polite",
-            "aria-label": `${p} of ${a} characters used`,
-            children: [
-              p,
-              "/",
-              a
-            ]
-          }
-        )
+        L && /* @__PURE__ */ e("div", { className: J, "data-testid": "textarea-loading-icon", children: /* @__PURE__ */ e(D, { size: 24 }) }),
+        /* @__PURE__ */ n("div", { className: Q(l, i), role: "status", "aria-live": "polite", "aria-label": `${l} of ${i} characters used`, children: [
+          l,
+          "/",
+          i
+        ] })
       ] }),
-      t === "error" && o && /* @__PURE__ */ e(
-        "p",
-        {
-          id: u,
-          className: "!text-danger-300 mt-1.5 text-sm",
-          "data-testid": "textarea-error-message",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: o
-        }
-      )
+      r === "error" && o && /* @__PURE__ */ e("p", { id: h, className: "mt-1.5 text-sm !text-danger-300", "data-testid": "textarea-error-message", "aria-live": "polite", "aria-atomic": "true", children: o })
     ] });
   }
 );
-Q.displayName = "Textarea";
+U.displayName = "Textarea";
 export {
-  Q as Textarea
+  U as Textarea
 };

package/dist/Toggle/ToggleBase.d.ts

@@ -2,16 +2,16 @@ import { AsChildProp } from '../../primitives/slot';
 import { ButtonHTMLAttributes } from 'react';
 export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & Omit<AsChildProp, 'asChild'> & {
     pressed?: boolean;
-    readonly defaultPressed?: boolean;
+    defaultPressed?: boolean;
     onPressedChange?: (pressed: boolean) => void;
     disabled?: boolean;
-    readonly asChild?: boolean;
+    asChild?: boolean;
 };
 export declare const ToggleBase: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & Omit<AsChildProp, "asChild"> & {
     pressed?: boolean;
-    readonly defaultPressed?: boolean;
+    defaultPressed?: boolean;
     onPressedChange?: (pressed: boolean) => void;
     disabled?: boolean;
-    readonly asChild?: boolean;
+    asChild?: boolean;
 } & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ToggleBase.d.ts.map

package/dist/Toggle/ToggleBase.js

@@ -4,18 +4,7 @@ import { jsx as h } from "react/jsx-runtime";
 import { useControllableState as k } from "../hooks/useControllableState.js";
 import { Slot as y } from "../primitives/slot.js";
 import { forwardRef as P, useCallback as f } from "react";
-const B = P(function({
-  pressed: u,
-  defaultPressed: d = !1,
-  onPressedChange: p,
-  disabled: t,
-  className: i,
-  onKeyDown: n,
-  onClick: a,
-  type: m = "button",
-  asChild: s = !1,
-  ...c
-}, g) {
+const B = P(function({ pressed: u, defaultPressed: d = !1, onPressedChange: p, disabled: t, className: i, onKeyDown: n, onClick: a, type: m = "button", asChild: s = !1, ...c }, g) {
   const [o, l] = k({
     value: u,
     defaultValue: d,
@@ -33,21 +22,7 @@ const B = P(function({
     },
     [r, a]
   );
-  return /* @__PURE__ */ h(
-    s ? y : "button",
-    {
-      ...c,
-      ref: g,
-      type: s ? void 0 : m,
-      "aria-pressed": o,
-      "data-state": o ? "on" : "off",
-      "data-disabled": t ? "" : void 0,
-      disabled: t,
-      onKeyDown: v,
-      onClick: C,
-      className: i
-    }
-  );
+  return /* @__PURE__ */ h(s ? y : "button", { ...c, ref: g, type: s ? void 0 : m, "aria-pressed": o, "data-state": o ? "on" : "off", "data-disabled": t ? "" : void 0, disabled: t, onKeyDown: v, onClick: C, className: i });
 });
 export {
   B as ToggleBase

package/dist/Toggle.js

@@ -35,17 +35,7 @@ const v = d(
       layout: "default"
     }
   }
-), m = l(
-  ({ className: e, variant: t, size: o, layout: r, ...a }, i) => /* @__PURE__ */ g(
-    n,
-    {
-      ref: i,
-      "data-slot": "toggle",
-      className: s(v({ variant: t, size: o, layout: r }), e),
-      ...a
-    }
-  )
-);
+), m = l(({ className: e, variant: t, size: o, layout: r, ...a }, i) => /* @__PURE__ */ g(n, { ref: i, "data-slot": "toggle", className: s(v({ variant: t, size: o, layout: r }), e), ...a }));
 export {
   m as Toggle,
   v as toggleVariants

package/dist/ToggleGroup/ToggleGroupBase.d.ts

@@ -1,26 +1,26 @@
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 type Orientation = 'horizontal' | 'vertical';
 export type CommonGroupProps = {
-    readonly orientation?: Orientation;
-    readonly loop?: boolean;
+    orientation?: Orientation;
+    loop?: boolean;
     disabled?: boolean;
-    readonly name?: string;
+    name?: string;
     value?: string | string[];
-    readonly defaultValue?: string | string[];
+    defaultValue?: string | string[];
     onValueChange?: (v: string | string[]) => void;
     className?: string;
 };
 export type SingleProps = CommonGroupProps & {
-    readonly type?: 'single';
+    type?: 'single';
 };
 export type MultipleProps = CommonGroupProps & {
-    readonly type: 'multiple';
+    type: 'multiple';
 };
 export type ToggleGroupProps = (SingleProps | MultipleProps) & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
 export type ItemRenderProps = {
-    readonly value: string;
+    value: string;
     disabled?: boolean;
-    readonly children?: ReactNode;
+    children?: ReactNode;
     className?: string;
 };
 export declare const ToggleGroupBase: (props: ToggleGroupProps & Record<`data-${string}`, any>) => import("react/jsx-runtime").JSX.Element;

package/dist/ToggleGroup/ToggleGroupBase.js

@@ -56,25 +56,11 @@ const T = j(null), W = (C) => {
     }),
     [I, k, V, d, u, l, e, n, r]
   ), h = u;
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      ...G,
-      role: "group",
-      "data-orientation": l,
-      "data-disabled": I ? "" : void 0,
-      "data-variant": D,
-      "data-size": v,
-      "data-slot": c,
-      "data-layout": b,
-      className: x,
-      children: [
-        /* @__PURE__ */ B(T.Provider, { value: y, children: C.children }),
-        h && n === "single" && typeof r == "string" ? /* @__PURE__ */ B("input", { type: "hidden", name: h, value: r }) : null,
-        h && n === "multiple" && Array.isArray(r) ? r.map((t) => /* @__PURE__ */ B("input", { type: "hidden", name: h + "[]", value: t }, t)) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ E("div", { ...G, role: "group", "data-orientation": l, "data-disabled": I ? "" : void 0, "data-variant": D, "data-size": v, "data-slot": c, "data-layout": b, className: x, children: [
+    /* @__PURE__ */ B(T.Provider, { value: y, children: C.children }),
+    h && n === "single" && typeof r == "string" ? /* @__PURE__ */ B("input", { type: "hidden", name: h, value: r }) : null,
+    h && n === "multiple" && Array.isArray(r) ? r.map((t) => /* @__PURE__ */ B("input", { type: "hidden", name: h + "[]", value: t }, t)) : null
+  ] });
 }, X = H(function({ value: n, disabled: l, className: d, children: I, onKeyDown: u, onClick: x, ...z }, A) {
   const a = K(T);
   if (!a) throw new Error("ToggleGroupItem must be used within ToggleGroup");
@@ -104,22 +90,7 @@ const T = j(null), W = (C) => {
     },
     [x, m]
   );
-  return /* @__PURE__ */ B(
-    "button",
-    {
-      ...z,
-      ref: p,
-      type: "button",
-      "aria-pressed": o,
-      "data-state": o ? "on" : "off",
-      "data-disabled": c || l ? "" : void 0,
-      disabled: c || l,
-      onKeyDown: V,
-      onClick: k,
-      className: d,
-      children: I
-    }
-  );
+  return /* @__PURE__ */ B("button", { ...z, ref: p, type: "button", "aria-pressed": o, "data-state": o ? "on" : "off", "data-disabled": c || l ? "" : void 0, disabled: c || l, onKeyDown: V, onClick: k, className: d, children: I });
 });
 export {
   W as ToggleGroupBase,

package/dist/ToggleGroup.js

@@ -17,7 +17,7 @@ const g = c({
     "data-size": o,
     "data-layout": a,
     className: l(
-      "group/toggle-group [&[data-variant='outline']]:bg-toggle-group-bg flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md [&[data-layout='expanded']]:w-full [&[data-variant='outline']]:gap-0.25",
+      "group/toggle-group [&[data-variant='outline']]:bg-toggle-group-bg flex h-fit w-fit [&[data-layout='expanded']]:w-full items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md [&[data-variant='outline']]:gap-0.25",
       n
     ),
     ...r,

package/dist/Tooltip/TooltipBase.d.ts

@@ -20,7 +20,7 @@ export type TooltipRootProps = {
     side?: Side;
     sideOffset?: number;
 };
-export declare const TooltipRootBase: ({ children, open: openProp, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, avoidCollisions, delayDuration, }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipRootBase: ({ children, open: openProp, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, avoidCollisions, delayDuration }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
 export type TooltipTriggerProps = ComponentPropsWithoutRef<'button'> & {
     asChild?: boolean;
 };

package/dist/Tooltip/TooltipBase.js

@@ -5,29 +5,10 @@ import { createForwardedRef as N } from "../utils/refs.js";
 import { cn as z } from "../utils/twUtils.js";
 import { createContext as X, forwardRef as L, useMemo as Y, useRef as E, useEffect as k, useCallback as g, useState as I, useContext as M, useId as A } from "react";
 import { createPortal as S } from "react-dom";
-const F = X(null), V = L(function({
-  children: a,
-  delayDuration: u = 700,
-  skipDelayDuration: l = 300,
-  disableHoverableContent: d = !1
-}) {
-  const c = Y(
-    () => ({ delayDuration: u, skipDelayDuration: l, disableHoverableContent: d }),
-    [u, l, d]
-  );
+const F = X(null), V = L(function({ children: a, delayDuration: u = 700, skipDelayDuration: l = 300, disableHoverableContent: d = !1 }) {
+  const c = Y(() => ({ delayDuration: u, skipDelayDuration: l, disableHoverableContent: d }), [u, l, d]);
   return /* @__PURE__ */ D(F.Provider, { value: c, children: a });
-}), K = X(null), Z = ({
-  children: h,
-  open: a,
-  defaultOpen: u,
-  onOpenChange: l,
-  side: d = "top",
-  align: c = "center",
-  sideOffset: f = 0,
-  alignOffset: y = 0,
-  avoidCollisions: p = !0,
-  delayDuration: t
-}) => {
+}), K = X(null), Z = ({ children: h, open: a, defaultOpen: u, onOpenChange: l, side: d = "top", align: c = "center", sideOffset: f = 0, alignOffset: y = 0, avoidCollisions: p = !0, delayDuration: t }) => {
   const r = M(F) ?? {
     delayDuration: 700,
     skipDelayDuration: 300,
@@ -89,31 +70,8 @@ const F = X(null), V = L(function({
     },
     [f, T]
   );
-  return /* @__PURE__ */ D(
-    a ? "span" : "button",
-    {
-      ...y,
-      ref: m,
-      "aria-describedby": t.open ? t.contentId : void 0,
-      onPointerEnter: b,
-      onPointerLeave: C,
-      onFocus: x,
-      onBlur: B,
-      onKeyDown: P
-    }
-  );
-}), tt = L(function({
-  className: a,
-  style: u,
-  forceMount: l,
-  container: d,
-  onPointerEnter: c,
-  onPointerLeave: f,
-  children: y,
-  arrowPadding: p = 4,
-  variant: t = "default",
-  ...r
-}, m) {
+  return /* @__PURE__ */ D(a ? "span" : "button", { ...y, ref: m, "aria-describedby": t.open ? t.contentId : void 0, onPointerEnter: b, onPointerLeave: C, onFocus: x, onBlur: B, onKeyDown: P });
+}), tt = L(function({ className: a, style: u, forceMount: l, container: d, onPointerEnter: c, onPointerLeave: f, children: y, arrowPadding: p = 4, variant: t = "default", ...r }, m) {
   const e = H(), [o, i] = I(null), [w, v] = I(null), T = g(
     (n) => {
       i(n), typeof m == "function" ? m(n) : m && "current" in m && (m.current = n);

package/dist/Tray/TrayStoriesData.d.ts

@@ -3,7 +3,7 @@ export declare function Button({ children, onClick }: {
     children: ReactNode;
     onClick: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SecondaryButton({ children, onClick, className, }: {
+export declare function SecondaryButton({ children, onClick, className }: {
     children: ReactNode;
     onClick: () => void;
     className: string;