@spear-ai/spectral 1.3.49 → 1.3.50

package/dist/Icons.js

@@ -2,87 +2,89 @@ import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as t } from "./Icons/CalendarIcon.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";
+import { CheckmarkIcon as x } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as s } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as C } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as L } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as h } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as u } from "./Icons/CloseIcon.js";
+import { DashboardIcon as E } from "./Icons/DashboardIcon.js";
+import { DeleteIcon as D } from "./Icons/DeleteIcon.js";
+import { DurationIcon as v } from "./Icons/DurationIcon.js";
+import { EraserIcon as S } from "./Icons/EraserIcon.js";
+import { ErrorIcon as Z } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as w } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as G } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as q } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as H } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as R } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as W } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as Y } from "./Icons/InfoIcon.js";
+import { LabelIcon as z } from "./Icons/LabelIcon.js";
+import { LassoIcon as J } from "./Icons/LassoIcon.js";
+import { LineToolIcon as N } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as _ } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as oo } from "./Icons/LoaderIcon.js";
+import { LocationIcon as eo } from "./Icons/LocationIcon.js";
+import { LogoutIcon as to } from "./Icons/LogoutIcon.js";
+import { MetadataIcon as mo } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as fo } from "./Icons/OntologyIcon.js";
+import { PanelIcon as xo } from "./Icons/PanelIcon.js";
+import { PlayIcon as so } from "./Icons/PlayIcon.js";
+import { PlusIcon as Co } from "./Icons/PlusIcon.js";
+import { ResetIcon as Lo } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as ko } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as yo } from "./Icons/SettingsIcon.js";
+import { TrashIcon as go } from "./Icons/TrashIcon.js";
+import { UndoIcon as To } from "./Icons/UndoIcon.js";
+import { UserIcon as Po } from "./Icons/UserIcon.js";
+import { WarningIcon as Uo } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as bo } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Ao } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Oo } from "./Icons/ZoomYIcon.js";
 export {
   e as AnnotationsIcon,
   t as CalendarIcon,
   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
+  x as CheckmarkIcon,
+  s as ChevronDownIcon,
+  C as ChevronUpIcon,
+  L as ClockIcon,
+  h as CloseCircleIcon,
+  u as CloseIcon,
+  E as DashboardIcon,
+  D as DeleteIcon,
+  v as DurationIcon,
+  S as EraserIcon,
+  Z as ErrorIcon,
+  w as EyeClosedIcon,
+  G as EyeClosedIcon2,
+  q as EyeOpenIcon,
+  H as GoToFirstIcon,
+  R as GoToLastIcon,
+  W as HarmonicCursorsIcon,
+  Y as InfoIcon,
+  z as LabelIcon,
+  J as LassoIcon,
+  N as LineToolIcon,
+  _ as LiveViewIcon,
+  oo as LoaderIcon,
+  eo as LocationIcon,
+  to as LogoutIcon,
+  mo as MetadataIcon,
+  fo as OntologyIcon,
+  xo as PanelIcon,
+  so as PlayIcon,
+  Co as PlusIcon,
+  Lo as ResetIcon,
+  ko as ScissorsIcon,
+  yo as SettingsIcon,
+  go as TrashIcon,
+  To as UndoIcon,
+  Po as UserIcon,
+  Uo as WarningIcon,
+  bo as ZoomAllIcon,
+  Ao as ZoomXIcon,
+  Oo as ZoomYIcon
 };

package/dist/Input.d.ts

@@ -6,6 +6,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & Bas
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     readonly className?: string;
     readonly clearOnFocus?: boolean;
+    readonly placeholder?: string;
     readonly prefix?: string;
     readonly showClearButton?: boolean;
     readonly suppressHydrationWarning?: boolean;
@@ -17,6 +18,7 @@ export declare const Input: import('react').ForwardRefExoticComponent<Omit<Input
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     readonly className?: string;
     readonly clearOnFocus?: boolean;
+    readonly placeholder?: string;
     readonly prefix?: string;
     readonly showClearButton?: boolean;
     readonly suppressHydrationWarning?: boolean;

package/dist/Input.js

@@ -1,24 +1,25 @@
 "use client";
 import "./styles/main.css";
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-import { usePasswordVisibility as U, usePrefixWidth as X, useClearOnFocus as Y } from "./Input/InputUtils.js";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { usePasswordVisibility as X, usePrefixWidth as Y, useClearOnFocus as Z } from "./Input/InputUtils.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as Z } from "./Icons/CheckCircleIcon.js";
+import { CheckCircleIcon as _ } from "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
+import "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
-import { CloseCircleIcon as _ } from "./Icons/CloseCircleIcon.js";
+import { CloseCircleIcon as q } 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 q } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as tt } from "./Icons/EyeClosedIcon.js";
+import { ErrorIcon as tt } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as et } from "./Icons/EyeClosedIcon.js";
 import "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as et } from "./Icons/EyeOpenIcon.js";
+import { EyeOpenIcon as rt } from "./Icons/EyeOpenIcon.js";
 import "./Icons/GoToFirstIcon.js";
 import "./Icons/GoToLastIcon.js";
 import "./Icons/HarmonicCursorsIcon.js";
@@ -27,7 +28,7 @@ import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
 import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as rt } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as ot } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MetadataIcon.js";
@@ -45,10 +46,11 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { useFormFieldId as ot, getAriaProps as it, getInputClasses as st, useFormFieldState as at, getFormFieldCSSProperties as nt, ErrorMessage as pt } from "./utils/formFieldUtils.js";
-import { c as N } from "./twUtils-CRiPKpXj.js";
-import { forwardRef as lt, useRef as ct, useCallback as m } from "react";
-const mt = (p) => ({
+import { Label as it } from "./Label.js";
+import { useFormFieldId as st, getAriaProps as at, getInputClasses as nt, useFormFieldState as pt, getFormFieldCSSProperties as lt, ErrorMessage as ct } from "./utils/formFieldUtils.js";
+import { c as d } from "./twUtils-CRiPKpXj.js";
+import { forwardRef as mt, useRef as dt, useCallback as u } from "react";
+const ut = (l) => ({
   email: "email",
   password: "current-password",
   tel: "tel",
@@ -57,116 +59,130 @@ const mt = (p) => ({
   number: "off",
   date: "off",
   "datetime-local": "off"
-})[p] || "off", dt = lt(
+})[l] || "off", ft = mt(
   ({
-    className: p,
-    clearOnFocus: d = !1,
-    disabled: F,
-    errorMessage: u,
-    id: E,
-    label: i,
-    name: f,
-    onBlur: h,
-    onChange: b,
-    onFocus: C,
+    className: l,
+    clearOnFocus: f = !1,
+    disabled: E,
+    errorMessage: h,
+    id: z,
+    label: e,
+    name: b,
+    onBlur: x,
+    onChange: C,
+    onFocus: g,
+    placeholder: k,
     prefix: a,
-    showClearButton: z = !1,
-    suppressHydrationWarning: P = !0,
-    state: e = "default",
+    showClearButton: P = !1,
+    suppressHydrationWarning: R = !0,
+    state: r = "default",
     type: n = "text",
-    value: g = "",
-    required: x,
-    "aria-label": R,
-    "aria-describedby": $,
-    ...k
-  }, S) => {
-    const l = ot(E, f), w = `${l}-error`, { isDisabled: V, isLoading: M, isInvalid: O } = at(F, e), j = it(e, x, w, $), A = ct(null), r = S || A, { isVisible: c, toggleVisibility: B, inputType: H } = U(), { prefixWidth: L, prefixRef: W } = X(a), { handleFocus: y } = Y(d, b), D = m(
-      (o) => {
-        h?.(o);
+    value: w = "",
+    required: y,
+    "aria-label": $,
+    "aria-describedby": S,
+    ...V
+  }, L) => {
+    const p = st(z, b), v = `${p}-error`, { isDisabled: I, isLoading: M, isInvalid: O } = pt(E, r), j = at(r, y, v, S), A = dt(null), o = L || A, { isVisible: c, toggleVisibility: B, inputType: H } = X(), { prefixWidth: W, prefixRef: D } = Y(a), { handleFocus: N } = Z(f, C), T = u(
+      (i) => {
+        x?.(i);
       },
-      [h]
-    ), T = m(
-      (o) => {
-        y(o, C);
+      [x]
+    ), G = u(
+      (i) => {
+        N(i, g);
       },
-      [y, C]
-    ), G = m(() => {
-      r.current && (r.current.value = "", r.current.dispatchEvent(new Event("input", { bubbles: !0 })), r.current.focus());
-    }, [r]), v = z && g.length > 0, J = () => {
-      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 = {
+      [N, g]
+    ), J = u(() => {
+      o.current && (o.current.value = "", o.current.dispatchEvent(new Event("input", { bubbles: !0 })), o.current.focus());
+    }, [o]), F = P && w.length > 0, K = () => {
+      const i = "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,
+            className: i,
             type: "button",
             onClick: B,
-            "aria-label": c ? `Hide ${i}` : `Show ${i}`,
+            "aria-label": c ? `Hide ${e}` : `Show ${e}`,
             "aria-pressed": c,
-            "aria-controls": l,
+            "aria-controls": p,
             "data-testid": "input-password-toggle",
-            children: c ? /* @__PURE__ */ t(tt, { size: 22 }) : /* @__PURE__ */ t(et, { size: 22 })
+            children: c ? /* @__PURE__ */ t(et, { size: 22 }) : /* @__PURE__ */ t(rt, { size: 22 })
           }
         ),
         clear: () => /* @__PURE__ */ t(
           "button",
           {
-            className: o,
+            className: i,
             type: "button",
-            onClick: G,
-            "aria-label": `Clear ${i}`,
+            onClick: J,
+            "aria-label": `Clear ${e}`,
             "data-testid": "input-clear-button",
-            children: /* @__PURE__ */ t(_, { size: 24 })
+            children: /* @__PURE__ */ t(q, { 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(rt, { 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(q, { 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(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(ot, { 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(tt, { 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(_, { size: 24 }) })
       };
-      return n === "password" ? s.password() : v ? s.clear() : M ? s.loading() : e === "success" ? s.success() : e === "error" ? s.error() : null;
-    }, K = N(
-      st(e, p),
+      return n === "password" ? s.password() : F ? s.clear() : M ? s.loading() : r === "success" ? s.success() : r === "error" ? s.error() : null;
+    }, Q = d(
+      nt(r, l),
       "[text-indent:var(--prefix-width)]",
-      v && "pr-10"
-    ), Q = N(
+      F && "pr-10"
+    ), U = d(
       "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: W, className: Q, children: a }),
-        /* @__PURE__ */ t(
-          "input",
-          {
-            id: l,
-            name: f,
-            ref: r,
-            type: n === "password" ? H : n,
-            value: g,
-            disabled: V,
-            required: x,
-            autoComplete: mt(n),
-            className: K,
-            onChange: b,
-            onFocus: T,
-            onBlur: D,
-            placeholder: i,
-            suppressHydrationWarning: P,
-            ...j,
-            ...k,
-            "data-testid": "input-input",
-            "data-state": e,
-            style: nt({
-              "--prefix-width": a ? `${L}px` : "0px"
-            }),
-            "aria-label": R || i
-          }
-        ),
-        J()
-      ] }),
-      O && u && /* @__PURE__ */ t(pt, { id: w, message: u })
-    ] }) });
+    return /* @__PURE__ */ m("div", { className: "w-full space-y-1.5", "data-testid": "input-root", children: [
+      e && /* @__PURE__ */ t(
+        it,
+        {
+          htmlFor: p,
+          className: d(
+            "mb-2 block",
+            I && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"
+          ),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ m("div", { className: "relative", "data-testid": "input-wrapper", children: [
+        /* @__PURE__ */ m("div", { className: "relative", children: [
+          a && /* @__PURE__ */ t("span", { ref: D, className: U, children: a }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              id: p,
+              name: b,
+              ref: o,
+              type: n === "password" ? H : n,
+              value: w,
+              disabled: I,
+              required: y,
+              autoComplete: ut(n),
+              className: Q,
+              onChange: C,
+              onFocus: G,
+              onBlur: T,
+              placeholder: k || e,
+              suppressHydrationWarning: R,
+              ...j,
+              ...V,
+              "data-testid": "input-input",
+              "data-state": r,
+              style: lt({
+                "--prefix-width": a ? `${W}px` : "0px"
+              }),
+              "aria-label": $ || e
+            }
+          ),
+          K()
+        ] }),
+        O && h && /* @__PURE__ */ t(ct, { id: v, message: h })
+      ] })
+    ] });
   }
 );
-dt.displayName = "Input";
+ft.displayName = "Input";
 export {
-  dt as Input
+  ft as Input
 };

package/dist/Label.js

@@ -1,14 +1,24 @@
 "use client";
 import "./styles/main.css";
-import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "./twUtils-CRiPKpXj.js";
-import { c as t } from "./index-CRBC94ik.js";
-import { forwardRef as m } from "react";
-const i = t("text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), c = m(({ className: a, htmlFor: e, ...o }, r) => (
+import { jsx as t } from "react/jsx-runtime";
+import { c as l } from "./twUtils-CRiPKpXj.js";
+import { forwardRef as s } from "react";
+const d = s(({ className: e, htmlFor: a, ...o }, r) => (
   // eslint-disable-next-line jsx-a11y/label-has-associated-control
-  /* @__PURE__ */ l("label", { htmlFor: e, ref: r, className: s(i(), a), ...o })
+  /* @__PURE__ */ t(
+    "label",
+    {
+      htmlFor: a,
+      ref: r,
+      className: l(
+        "peer-disabled:text-input-text--disabled text-base leading-none peer-disabled:cursor-not-allowed",
+        e
+      ),
+      ...o
+    }
+  )
 ));
-c.displayName = "Label";
+d.displayName = "Label";
 export {
-  c as Label
+  d as Label
 };