@spear-ai/spectral 1.3.60 → 1.3.62

package/dist/Avatar.d.ts

@@ -1,2 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+type AvatarSize = 'small' | 'medium' | 'large';
+export interface AvatarProps {
+    userFullName?: string;
+    imageSource?: string;
+    icon?: ReactElement;
+    fallback?: ReactNode;
+    size?: AvatarSize;
+    className?: string;
+    alt?: string;
+}
+export declare const Avatar: ({ userFullName, imageSource, icon, fallback, size, className, alt }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.js

@@ -1 +1,88 @@
-
+"use client";
+import "./styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { c as i } from "./twUtils-CRiPKpXj.js";
+import { useState as x, useEffect as g, isValidElement as w, cloneElement as u } from "react";
+const y = {
+  small: "h-8 w-8",
+  medium: "h-10 w-10",
+  large: "h-12 w-12"
+}, v = {
+  small: "text-sm",
+  medium: "text-lg",
+  large: "text-2xl"
+}, j = {
+  small: 24,
+  medium: 32,
+  large: 40
+}, N = (l) => {
+  const t = l.trim();
+  if (!t) return "?";
+  const e = t.split(/\s+/).filter(Boolean);
+  return e.length === 0 ? "?" : e.length === 1 ? e[0].charAt(0).toUpperCase() : (e[0].charAt(0) + e[e.length - 1].charAt(0)).toUpperCase();
+}, E = ({ userFullName: l, imageSource: t, icon: e, fallback: s, size: a = "medium", className: d, alt: c }) => {
+  const [f, o] = x("loading");
+  g(() => {
+    if (!t) return;
+    o("loading");
+    const r = new Image();
+    return r.src = t, r.onload = () => o("loaded"), r.onerror = () => o("error"), () => {
+      r.onload = null, r.onerror = null;
+    };
+  }, [t]);
+  const p = () => {
+    if (l)
+      return /* @__PURE__ */ n(
+        "span",
+        {
+          className: i(
+            "text-text-primary flex h-full w-full items-center justify-center font-bold tracking-tighter",
+            v[a]
+          ),
+          "aria-label": `${l} avatar`,
+          children: N(l)
+        }
+      );
+    if (e) {
+      const r = j[a];
+      return /* @__PURE__ */ n("span", { className: "flex h-full w-full items-center justify-center", children: w(e) ? (() => {
+        const m = {
+          className: i("shrink-0", e.props.className),
+          "aria-hidden": "true"
+        };
+        if (e.type.displayName?.includes("Icon") ?? !1) {
+          const h = {
+            ...m,
+            size: r
+          };
+          return u(e, h);
+        }
+        return u(e, m);
+      })() : e });
+    }
+    return t && f === "loaded" ? /* @__PURE__ */ n(
+      "img",
+      {
+        src: t,
+        "aria-label": c || "Avatar",
+        alt: c || "Avatar",
+        className: "absolute inset-0 h-full w-full rounded-full object-cover"
+      }
+    ) : t && f === "error" && s ? /* @__PURE__ */ n("span", { className: "flex h-full w-full items-center justify-center", children: s }) : s ? /* @__PURE__ */ n("span", { className: "text-text-primary flex h-full w-full items-center justify-center", children: s }) : /* @__PURE__ */ n("span", { className: "border-danger-300 text-danger-300 flex h-full w-full items-center justify-center rounded-full border-2 font-bold", children: "?" });
+  };
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      className: i(
+        "bg-level-two relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full",
+        y[a],
+        d
+      ),
+      "data-slot": "avatar",
+      children: p()
+    }
+  );
+};
+export {
+  E as Avatar
+};

package/dist/Checkbox/CheckboxBase.d.ts

@@ -2,7 +2,7 @@ import { AsChildProp } from '../../primitives/slot';
 import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
 export type CheckedState = boolean | 'indeterminate';
 type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>;
-export type CheckboxProps = BaseButtonProps & AsChildProp & {
+export type CheckboxBaseProps = BaseButtonProps & AsChildProp & {
     checked?: CheckedState;
     defaultChecked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
@@ -11,7 +11,7 @@ export type CheckboxProps = BaseButtonProps & AsChildProp & {
     required?: boolean;
     form?: string;
 };
-export declare const Checkbox: import('react').ForwardRefExoticComponent<BaseButtonProps & AsChildProp & {
+export declare const CheckboxBase: import('react').ForwardRefExoticComponent<BaseButtonProps & AsChildProp & {
     checked?: CheckedState;
     defaultChecked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;

package/dist/Checkbox/CheckboxBase.js

@@ -1,18 +1,18 @@
 "use client";
 import "../styles/main.css";
-import { jsx as m, jsxs as M } from "react/jsx-runtime";
-import { useControllableState as O } from "../hooks/useControllableState.js";
+import { jsx as m, jsxs as K } from "react/jsx-runtime";
+import { useControllableState as M } from "../hooks/useControllableState.js";
 import { Slot as C } from "../primitives/slot.js";
 import { c as w } from "../twUtils-CRiPKpXj.js";
-import { createContext as T, forwardRef as E, useRef as V, useId as $, useEffect as y, useCallback as u, useContext as z } from "react";
-const R = T(null);
+import { createContext as O, forwardRef as E, useRef as T, useId as V, useEffect as y, useCallback as u, useContext as $ } from "react";
+const R = O(null);
 function I(r) {
   return r === "indeterminate" ? "indeterminate" : r ? "checked" : "unchecked";
 }
-function A(r) {
+function z(r) {
   return r === "indeterminate" ? !0 : !r;
 }
-const B = E(
+const A = E(
   ({
     asChild: r,
     className: d,
@@ -31,7 +31,7 @@ const B = E(
     // oxlint-disable-line no-unused-vars
     ...k
   }, S) => {
-    const o = V(null), P = $(), D = j ?? `chk-${P}`, [t, a] = O({
+    const o = T(null), P = V(), B = j ?? `chk-${P}`, [t, a] = M({
       value: l,
       defaultValue: i,
       onChange: f
@@ -54,24 +54,24 @@ const B = E(
       e.dispatchEvent(c);
     }, [t]), s = u(() => {
       if (n) return;
-      const e = A(t);
+      const e = z(t);
       a(e), queueMicrotask(() => g());
-    }, [n, g, a, t]), L = u(
+    }, [n, g, a, t]), D = u(
       (e) => {
         v?.(e), !e.defaultPrevented && s();
       },
       [s, v]
-    ), q = u(
+    ), L = u(
       (e) => {
         x?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), s());
       },
       [s, x]
-    ), F = r ? C : "button", K = S;
-    return /* @__PURE__ */ m(R.Provider, { value: { state: t, disabled: n }, children: /* @__PURE__ */ M(
-      F,
+    ), q = r ? C : "button", F = S;
+    return /* @__PURE__ */ m(R.Provider, { value: { state: t, disabled: n }, children: /* @__PURE__ */ K(
+      q,
       {
-        id: D,
-        ref: K,
+        id: B,
+        ref: F,
         type: "button",
         role: "checkbox",
         "aria-checked": t === "indeterminate" ? "mixed" : t,
@@ -86,8 +86,8 @@ const B = E(
           "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
           d
         ),
-        onClick: L,
-        onKeyDown: q,
+        onClick: D,
+        onKeyDown: L,
         disabled: n,
         ...k,
         children: [
@@ -120,10 +120,10 @@ const B = E(
     ) });
   }
 );
-B.displayName = "Checkbox";
+A.displayName = "CheckboxBase";
 const G = E(
   ({ asChild: r, className: d, forceMount: l, ...i }, f) => {
-    const n = z(R);
+    const n = $(R);
     return !n || !(n.state === !0 || n.state === "indeterminate") && !l ? null : /* @__PURE__ */ m(
       r ? C : "span",
       {
@@ -138,6 +138,6 @@ const G = E(
 );
 G.displayName = "CheckboxIndicator";
 export {
-  B as Checkbox,
+  A as CheckboxBase,
   G as CheckboxIndicator
 };

package/dist/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxBase } from './CheckboxBase';
+import { ComponentPropsWithoutRef } from 'react';
+export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxBase>, 'onCheckedChange'> {
+    checked?: boolean | 'indeterminate';
+    disabled?: boolean;
+    id: string;
+    labelText: string;
+    name?: string;
+    onCheckedChange: (value: boolean | 'indeterminate') => void;
+    required?: boolean;
+    value?: string;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -0,0 +1,99 @@
+"use client";
+import "./styles/main.css";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { CheckboxBase as l, CheckboxIndicator as b } from "./Checkbox/CheckboxBase.js";
+import "./Icons/AnnotationsIcon.js";
+import "./Icons/CalendarIcon.js";
+import "./Icons/CheckCircleIcon.js";
+import "./Icons/CheckSquareIcon.js";
+import { CheckmarkIcon as h } from "./Icons/CheckmarkIcon.js";
+import "./Icons/ChevronDownIcon.js";
+import "./Icons/ChevronUpIcon.js";
+import "./Icons/ClockIcon.js";
+import "./Icons/CloseCircleIcon.js";
+import "./Icons/CloseIcon.js";
+import "./Icons/DashboardIcon.js";
+import "./Icons/DeleteIcon.js";
+import "./Icons/DurationIcon.js";
+import "./Icons/EmailIcon.js";
+import "./Icons/EraserIcon.js";
+import "./Icons/ErrorIcon.js";
+import "./Icons/EyeClosedIcon.js";
+import "./Icons/EyeClosedIcon2.js";
+import "./Icons/EyeOpenIcon.js";
+import "./Icons/GoToFirstIcon.js";
+import "./Icons/GoToLastIcon.js";
+import "./Icons/HarmonicCursorsIcon.js";
+import "./Icons/InfoIcon.js";
+import "./Icons/LabelIcon.js";
+import "./Icons/LassoIcon.js";
+import "./Icons/LineToolIcon.js";
+import "./Icons/LiveViewIcon.js";
+import "./Icons/LoaderIcon.js";
+import "./Icons/LocationIcon.js";
+import "./Icons/LogoutIcon.js";
+import "./Icons/MetadataIcon.js";
+import { MinusIcon as n } from "./Icons/MinusIcon.js";
+import "./Icons/OntologyIcon.js";
+import "./Icons/PanelIconClose.js";
+import "./Icons/PanelIconOpen.js";
+import "./Icons/PlayIcon.js";
+import "./Icons/PlusIcon.js";
+import "./Icons/ResetIcon.js";
+import "./Icons/ScissorsIcon.js";
+import "./Icons/SettingsIcon.js";
+import "./Icons/TrashIcon.js";
+import "./Icons/UndoIcon.js";
+import "./Icons/UserIcon.js";
+import "./Icons/WarningIcon.js";
+import "./Icons/ZoomAllIcon.js";
+import "./Icons/ZoomXIcon.js";
+import "./Icons/ZoomYIcon.js";
+import { c as i } from "./twUtils-CRiPKpXj.js";
+import { forwardRef as x } from "react";
+const k = x(
+  ({ className: e, id: r, labelText: m, onCheckedChange: t, checked: c, required: p, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ o(
+      l,
+      {
+        className: i(
+          [
+            "checkbox peer border-checkbox-border h-5 w-5 shrink-0 rounded-sm border hover:opacity-80",
+            "focus-visible:outline-checkbox-border--focus focus:outline-hidden focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
+            "data-[state=checked]:border-checkbox-border--checked disabled:opacity-50"
+          ].join(" "),
+          e
+        ),
+        "data-testid": "checkbox",
+        id: r,
+        id: r,
+        "aria-labelledby": `${r}-label`,
+        "aria-required": p,
+        onCheckedChange: t,
+        onCheckedChange: t,
+        ref: s,
+        ...a,
+        children: /* @__PURE__ */ o(
+          b,
+          {
+            className: i("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"),
+            children: c === "indeterminate" ? /* @__PURE__ */ o(n, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(h, { className: "checkbox-check", size: 16, strokeWidth: 4 })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(
+      "label",
+      {
+        htmlFor: r,
+        className: "text-md text-text-primary peer-disabled:text-neutral-400",
+        "data-testid": "checkbox-label",
+        children: m
+      }
+    )
+  ] })
+);
+k.displayName = "Checkbox";
+export {
+  k as Checkbox
+};

package/dist/Icons/CheckmarkIcon.js

@@ -1,20 +1,20 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import m from "./IconBase.js";
-import { forwardRef as i } from "react";
-const h = ({ className: r, ariaHidden: e, title: n = "Checkmark", description: t, size: c = 24, ...k }, s) => /* @__PURE__ */ a(
-  m,
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import i from "./IconBase.js";
+import { forwardRef as h } from "react";
+const p = ({ className: r, ariaHidden: e, title: n = "Checkmark", description: t, size: c = 24, strokeWidth: k = 2, ...a }, m) => /* @__PURE__ */ s(
+  i,
   {
     size: c,
     className: r,
     title: n,
     description: t,
     ariaHidden: e,
-    ref: s,
-    ...k,
+    ref: m,
+    ...a,
     stroke: "currentColor",
-    strokeWidth: "2",
+    strokeWidth: k,
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
@@ -22,7 +22,7 @@ const h = ({ className: r, ariaHidden: e, title: n = "Checkmark", description: t
       /* @__PURE__ */ o("path", { d: "M5 12l5 5l10 -10" })
     ]
   }
-), d = i(h);
+), d = h(p);
 d.displayName = "CheckmarkIcon";
 export {
   d as CheckmarkIcon

package/dist/Icons/MinusIcon.js

@@ -1,26 +1,26 @@
 "use client";
 import "../styles/main.css";
 import { jsx as o } from "react/jsx-runtime";
-import u from "./IconBase.js";
-import { forwardRef as d } from "react";
-const m = ({ className: r, ariaHidden: n, title: t = "Minus", description: e, size: i = 24, ...s }, c) => /* @__PURE__ */ o(
-  u,
+import m from "./IconBase.js";
+import { forwardRef as p } from "react";
+const a = ({ className: r, ariaHidden: n, title: e = "Minus", description: i, strokeWidth: s = 2, size: t = 24, ...c }, u) => /* @__PURE__ */ o(
+  m,
   {
-    size: i,
+    size: t,
     className: r,
-    title: t,
-    description: e,
+    title: e,
+    description: i,
     ariaHidden: n,
-    ref: c,
+    ref: u,
     stroke: "currentColor",
-    strokeWidth: "2",
+    strokeWidth: s,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...s,
+    ...c,
     children: /* @__PURE__ */ o("path", { d: "M5 12l14 0" })
   }
-), p = d(m);
-p.displayName = "MinusIcon";
+), d = p(a);
+d.displayName = "MinusIcon";
 export {
-  p as MinusIcon
+  d as MinusIcon
 };

package/dist/InputOTP.d.ts

@@ -1,9 +1,12 @@
 import { OTPInputProps } from 'input-otp';
 type InputOTPRootProps = Omit<OTPInputProps, 'textAlign' | 'pushPasswordManagerStrategy' | 'pasteTransformer' | 'noScriptCSSFallback' | 'placeholder' | 'containerClassName' | 'render'> & {
-    onComplete?: (...args: any[]) => void;
+    onComplete?: (...args: unknown[]) => void;
     inputMode?: 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url';
     className?: string;
     separator?: boolean;
+    variant?: 'outlined' | 'filled';
+    groupSize?: number;
+    separatorPositions?: number[];
 };
 export type InputOTPProps = InputOTPRootProps & ({
     value: number | string;