@spear-ai/spectral 1.3.42 → 1.3.44

package/dist/Icons.js

@@ -1,66 +1,88 @@
 import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as t } from "./Icons/CalendarIcon.js";
-import { ClockIcon as m } from "./Icons/ClockIcon.js";
-import { DashboardIcon as I } from "./Icons/DashboardIcon.js";
-import { DeleteIcon as x } from "./Icons/DeleteIcon.js";
-import { DurationIcon as s } from "./Icons/DurationIcon.js";
-import { EraserIcon as l } from "./Icons/EraserIcon.js";
-import { GoToFirstIcon as d } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as u } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as C } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as P } from "./Icons/InfoIcon.js";
-import { LabelIcon as b } from "./Icons/LabelIcon.js";
-import { LassoIcon as y } from "./Icons/LassoIcon.js";
-import { LineToolIcon as G } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as U } from "./Icons/LiveViewIcon.js";
-import { LocationIcon as v } from "./Icons/LocationIcon.js";
-import { LogoutIcon as E } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as H } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as O } from "./Icons/OntologyIcon.js";
-import { PanelIcon as V } from "./Icons/PanelIcon.js";
-import { PlayIcon as X } from "./Icons/PlayIcon.js";
-import { PlusIcon as j } from "./Icons/PlusIcon.js";
-import { ResetIcon as z } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as J } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as N } from "./Icons/SettingsIcon.js";
-import { TrashIcon as _ } from "./Icons/TrashIcon.js";
-import { UndoIcon as oo } from "./Icons/UndoIcon.js";
-import { UserIcon as eo } from "./Icons/UserIcon.js";
-import { WarningIcon as to } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as mo } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Io } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as xo } from "./Icons/ZoomYIcon.js";
+import { CheckCircleIcon as m } from "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as f } from "./Icons/CheckSquareIcon.js";
+import { ChevronDownIcon as x } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as s } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as i } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as L } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as h } from "./Icons/CloseIcon.js";
+import { DashboardIcon as y } from "./Icons/DashboardIcon.js";
+import { DeleteIcon as g } from "./Icons/DeleteIcon.js";
+import { DurationIcon as T } from "./Icons/DurationIcon.js";
+import { EraserIcon as v } from "./Icons/EraserIcon.js";
+import { ErrorIcon as S } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as Z } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as w } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as G } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as q } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as H } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as R } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as W } from "./Icons/InfoIcon.js";
+import { LabelIcon as Y } from "./Icons/LabelIcon.js";
+import { LassoIcon as z } from "./Icons/LassoIcon.js";
+import { LineToolIcon as J } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as N } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as _ } from "./Icons/LoaderIcon.js";
+import { LocationIcon as oo } from "./Icons/LocationIcon.js";
+import { LogoutIcon as eo } from "./Icons/LogoutIcon.js";
+import { MetadataIcon as to } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as mo } from "./Icons/OntologyIcon.js";
+import { PanelIcon as fo } from "./Icons/PanelIcon.js";
+import { PlayIcon as xo } from "./Icons/PlayIcon.js";
+import { PlusIcon as so } from "./Icons/PlusIcon.js";
+import { ResetIcon as io } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as Lo } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as uo } from "./Icons/SettingsIcon.js";
+import { TrashIcon as Eo } from "./Icons/TrashIcon.js";
+import { UndoIcon as Do } from "./Icons/UndoIcon.js";
+import { UserIcon as ko } from "./Icons/UserIcon.js";
+import { WarningIcon as Po } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Uo } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as bo } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Ao } from "./Icons/ZoomYIcon.js";
 export {
   e as AnnotationsIcon,
   t as CalendarIcon,
-  m as ClockIcon,
-  I as DashboardIcon,
-  x as DeleteIcon,
-  s as DurationIcon,
-  l as EraserIcon,
-  d as GoToFirstIcon,
-  u as GoToLastIcon,
-  C as HarmonicCursorsIcon,
-  P as InfoIcon,
-  b as LabelIcon,
-  y as LassoIcon,
-  G as LineToolIcon,
-  U as LiveViewIcon,
-  v as LocationIcon,
-  E as LogoutIcon,
-  H as MetadataIcon,
-  O as OntologyIcon,
-  V as PanelIcon,
-  X as PlayIcon,
-  j as PlusIcon,
-  z as ResetIcon,
-  J as ScissorsIcon,
-  N as SettingsIcon,
-  _ as TrashIcon,
-  oo as UndoIcon,
-  eo as UserIcon,
-  to as WarningIcon,
-  mo as ZoomAllIcon,
-  Io as ZoomXIcon,
-  xo as ZoomYIcon
+  m as CheckCircleIcon,
+  f as CheckSquareIcon,
+  x as ChevronDownIcon,
+  s as ChevronUpIcon,
+  i as ClockIcon,
+  L as CloseCircleIcon,
+  h as CloseIcon,
+  y as DashboardIcon,
+  g as DeleteIcon,
+  T as DurationIcon,
+  v as EraserIcon,
+  S as ErrorIcon,
+  Z as EyeClosedIcon,
+  w as EyeClosedIcon2,
+  G as EyeOpenIcon,
+  q as GoToFirstIcon,
+  H as GoToLastIcon,
+  R as HarmonicCursorsIcon,
+  W as InfoIcon,
+  Y as LabelIcon,
+  z as LassoIcon,
+  J as LineToolIcon,
+  N as LiveViewIcon,
+  _ as LoaderIcon,
+  oo as LocationIcon,
+  eo as LogoutIcon,
+  to as MetadataIcon,
+  mo as OntologyIcon,
+  fo as PanelIcon,
+  xo as PlayIcon,
+  so as PlusIcon,
+  io as ResetIcon,
+  Lo as ScissorsIcon,
+  uo as SettingsIcon,
+  Eo as TrashIcon,
+  Do as UndoIcon,
+  ko as UserIcon,
+  Po as WarningIcon,
+  Uo as ZoomAllIcon,
+  bo as ZoomXIcon,
+  Ao as ZoomYIcon
 };

package/dist/Input/InputUtils.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+export declare const usePrefixWidth: (prefix?: string) => {
+    prefixWidth: number;
+    prefixRef: RefObject<HTMLSpanElement | null>;
+};
+export declare const usePasswordVisibility: () => {
+    isVisible: boolean;
+    toggleVisibility: () => void;
+    inputType: "text" | "password";
+};
+export declare const useClearOnFocus: (clearOnFocus: boolean, onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void) => {
+    hasBeenFocused: boolean;
+    handleFocus: (e: React.FocusEvent<HTMLInputElement>, originalOnFocus?: (e: React.FocusEvent<HTMLInputElement>) => void) => void;
+};
+//# sourceMappingURL=InputUtils.d.ts.map

package/dist/Input/InputUtils.js

@@ -0,0 +1,54 @@
+"use client";
+import { useState as u, useCallback as f, useRef as l, useLayoutEffect as d } from "react";
+const h = (t) => {
+  const [r, s] = u(0), e = l(null);
+  return d(() => {
+    if (t && e.current) {
+      const n = () => {
+        e.current && s(e.current.offsetWidth + 2);
+      };
+      n();
+      const i = new ResizeObserver(n);
+      return i.observe(e.current), () => {
+        i.disconnect();
+      };
+    } else
+      s(0);
+  }, [t]), { prefixWidth: r, prefixRef: e };
+}, p = () => {
+  const [t, r] = u(!1), s = f(() => {
+    r((e) => !e);
+  }, []);
+  return {
+    isVisible: t,
+    toggleVisibility: s,
+    inputType: t ? "text" : "password"
+  };
+}, v = (t, r) => {
+  const [s, e] = u(!1), n = f(
+    (i, o) => {
+      if (t && !s) {
+        const c = i.target;
+        if (c.value = "", e(!0), r) {
+          const a = {
+            ...i,
+            target: c,
+            currentTarget: c
+          };
+          r(a);
+        }
+      }
+      o && o(i);
+    },
+    [t, s, r]
+  );
+  return {
+    hasBeenFocused: s,
+    handleFocus: n
+  };
+};
+export {
+  v as useClearOnFocus,
+  p as usePasswordVisibility,
+  h as usePrefixWidth
+};

package/dist/Input.d.ts

@@ -0,0 +1,24 @@
+import { BaseFormFieldProps } from '../../utils/formFieldUtils';
+import { FocusEvent, InputHTMLAttributes } from 'react';
+export type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local';
+export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & BaseFormFieldProps & {
+    className?: string;
+    clearOnFocus?: boolean;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    prefix?: string;
+    showClearButton?: boolean;
+    type?: InputType;
+    value?: string;
+};
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "id"> & BaseFormFieldProps & {
+    className?: string;
+    clearOnFocus?: boolean;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    prefix?: string;
+    showClearButton?: boolean;
+    type?: InputType;
+    value?: string;
+} & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.js

@@ -0,0 +1,170 @@
+"use client";
+import "./styles/main.css";
+import { jsx as t, jsxs as I } from "react/jsx-runtime";
+import { usePasswordVisibility as Q, usePrefixWidth as U, useClearOnFocus as X } from "./Input/InputUtils.js";
+import "./Icons/AnnotationsIcon.js";
+import "./Icons/CalendarIcon.js";
+import { CheckCircleIcon as Y } from "./Icons/CheckCircleIcon.js";
+import "./Icons/CheckSquareIcon.js";
+import "./Icons/ChevronDownIcon.js";
+import "./Icons/ChevronUpIcon.js";
+import "./Icons/ClockIcon.js";
+import { CloseCircleIcon as Z } from "./Icons/CloseCircleIcon.js";
+import "./Icons/CloseIcon.js";
+import "./Icons/DashboardIcon.js";
+import "./Icons/DeleteIcon.js";
+import "./Icons/DurationIcon.js";
+import "./Icons/EraserIcon.js";
+import { ErrorIcon as _ } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as q } from "./Icons/EyeClosedIcon.js";
+import "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as tt } from "./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 { LoaderIcon as et } from "./Icons/LoaderIcon.js";
+import "./Icons/LocationIcon.js";
+import "./Icons/LogoutIcon.js";
+import "./Icons/MetadataIcon.js";
+import "./Icons/OntologyIcon.js";
+import "./Icons/PanelIcon.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 { useFormFieldId as rt, getAriaProps as ot, getInputClasses as it, useFormFieldState as st, getFormFieldCSSProperties as at, ErrorMessage as nt } from "./utils/formFieldUtils.js";
+import { c as N } from "./twUtils-CRiPKpXj.js";
+import { forwardRef as pt, useRef as lt, useCallback as m } from "react";
+const ct = (p) => ({
+  email: "email",
+  password: "current-password",
+  tel: "tel",
+  url: "url",
+  text: "off",
+  number: "off",
+  date: "off",
+  "datetime-local": "off"
+})[p] || "off", mt = pt(
+  ({
+    className: p,
+    clearOnFocus: d = !1,
+    disabled: F,
+    errorMessage: u,
+    id: E,
+    label: i,
+    name: f,
+    onBlur: h,
+    onChange: b,
+    onFocus: C,
+    prefix: a,
+    showClearButton: z = !1,
+    state: e = "default",
+    type: n = "text",
+    value: g = "",
+    required: x,
+    "aria-label": P,
+    "aria-describedby": R,
+    ...$
+  }, k) => {
+    const l = rt(E, f), w = `${l}-error`, { isDisabled: S, isLoading: V, isInvalid: M } = st(F, e), O = ot(e, x, w, R), j = lt(null), r = k || j, { isVisible: c, toggleVisibility: A, inputType: B } = Q(), { prefixWidth: H, prefixRef: L } = U(a), { handleFocus: y } = X(d, b), W = m(
+      (o) => {
+        h?.(o);
+      },
+      [h]
+    ), D = m(
+      (o) => {
+        y(o, C);
+      },
+      [y, C]
+    ), T = m(() => {
+      r.current && (r.current.value = "", r.current.dispatchEvent(new Event("input", { bubbles: !0 })), r.current.focus());
+    }, [r]), v = z && g.length > 0, G = () => {
+      const o = "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon hover:text-input-icon--hover focus:outline-none cursor-pointer", s = {
+        password: () => /* @__PURE__ */ t(
+          "button",
+          {
+            className: o,
+            type: "button",
+            onClick: A,
+            "aria-label": c ? `Hide ${i}` : `Show ${i}`,
+            "aria-pressed": c,
+            "aria-controls": l,
+            "data-testid": "input-password-toggle",
+            children: c ? /* @__PURE__ */ t(q, { size: 22 }) : /* @__PURE__ */ t(tt, { size: 22 })
+          }
+        ),
+        clear: () => /* @__PURE__ */ t(
+          "button",
+          {
+            className: o,
+            type: "button",
+            onClick: T,
+            "aria-label": `Clear ${i}`,
+            "data-testid": "input-clear-button",
+            children: /* @__PURE__ */ t(Z, { size: 24 })
+          }
+        ),
+        loading: () => /* @__PURE__ */ t("div", { className: "absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "input-loading-icon", children: /* @__PURE__ */ t(et, { size: 24 }) }),
+        error: () => /* @__PURE__ */ t("div", { className: "text-danger-400 absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "input-error-icon", children: /* @__PURE__ */ t(_, { size: 24 }) }),
+        success: () => /* @__PURE__ */ t("div", { className: "text-success-400 absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "input-success-icon", children: /* @__PURE__ */ t(Y, { size: 24 }) })
+      };
+      return n === "password" ? s.password() : v ? s.clear() : V ? s.loading() : e === "success" ? s.success() : e === "error" ? s.error() : null;
+    }, J = N(
+      it(e, p),
+      "[text-indent:var(--prefix-width)]",
+      v && "pr-10"
+    ), K = N(
+      "pointer-events-none absolute inset-y-0 left-4 flex items-center text-base text-input-text-prefix opacity-100 peer-disabled:opacity-50"
+    );
+    return /* @__PURE__ */ t("div", { className: "w-full space-y-1.5", "data-testid": "input-root", children: /* @__PURE__ */ I("div", { className: "relative", "data-testid": "input-wrapper", children: [
+      /* @__PURE__ */ I("div", { className: "relative", children: [
+        a && /* @__PURE__ */ t("span", { ref: L, className: K, children: a }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            id: l,
+            name: f,
+            ref: r,
+            type: n === "password" ? B : n,
+            value: g,
+            disabled: S,
+            required: x,
+            autoComplete: ct(n),
+            className: J,
+            onChange: b,
+            onFocus: D,
+            onBlur: W,
+            placeholder: i,
+            ...O,
+            ...$,
+            "data-testid": "input-input",
+            "data-state": e,
+            style: at({
+              "--prefix-width": a ? `${H}px` : "0px"
+            }),
+            "aria-label": P || i
+          }
+        ),
+        G()
+      ] }),
+      M && u && /* @__PURE__ */ t(nt, { id: w, message: u })
+    ] }) });
+  }
+);
+mt.displayName = "Input";
+export {
+  mt as Input
+};

package/dist/Label.d.ts

@@ -1,8 +1,8 @@
-import { LabelHTMLAttributes, Ref } from '../../../node_modules/react';
+import { LabelHTMLAttributes, Ref } from 'react';
 export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
     htmlFor: string;
     className?: string;
     ref?: Ref<HTMLLabelElement>;
 };
-export declare const Label: import('../../../node_modules/react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('../../../node_modules/react').RefAttributes<HTMLLabelElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=Label.d.ts.map

package/dist/MultiSelect/MultiSelectBase.d.ts

@@ -0,0 +1,34 @@
+import { ButtonHTMLAttributes } from 'react';
+export type MultiSelectState = 'default' | 'error' | 'disabled' | 'loading';
+export interface MultiSelectOption {
+    label: string;
+    value: string;
+    group?: string;
+    disabled?: boolean;
+}
+export interface MultiSelectBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {
+    value: string[];
+    onChange: (value: string[]) => void;
+    options: MultiSelectOption[];
+    placeholder?: string;
+    maxCount?: number;
+    state?: MultiSelectState;
+    errorMessage?: string;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    searchPlaceholder?: string;
+    selectAllLabel?: string;
+    clearAllLabel?: string;
+    sortAlphabetically?: boolean;
+    showSelectAll?: boolean;
+    showClearAll?: boolean;
+    showSearch?: boolean;
+    closeOnSelect?: boolean;
+    name?: string;
+    id?: string;
+    label?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare const MultiSelectBase: import('react').ForwardRefExoticComponent<MultiSelectBaseProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=MultiSelectBase.d.ts.map