@spear-ai/spectral 1.3.44 → 1.3.45

package/dist/Input.d.ts

@@ -8,6 +8,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & Bas
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     prefix?: string;
     showClearButton?: boolean;
+    suppressHydrationWarning?: boolean;
     type?: InputType;
     value?: string;
 };
@@ -18,6 +19,7 @@ export declare const Input: import('react').ForwardRefExoticComponent<Omit<Input
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     prefix?: string;
     showClearButton?: boolean;
+    suppressHydrationWarning?: boolean;
     type?: InputType;
     value?: string;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input.js

@@ -1,24 +1,24 @@
 "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 { usePasswordVisibility as U, usePrefixWidth as X, useClearOnFocus as Y } from "./Input/InputUtils.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as Y } from "./Icons/CheckCircleIcon.js";
+import { CheckCircleIcon as Z } 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 { CloseCircleIcon as _ } 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 { ErrorIcon as q } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as tt } from "./Icons/EyeClosedIcon.js";
 import "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as tt } from "./Icons/EyeOpenIcon.js";
+import { EyeOpenIcon as et } from "./Icons/EyeOpenIcon.js";
 import "./Icons/GoToFirstIcon.js";
 import "./Icons/GoToLastIcon.js";
 import "./Icons/HarmonicCursorsIcon.js";
@@ -27,7 +27,7 @@ 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 { LoaderIcon as rt } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MetadataIcon.js";
@@ -45,10 +45,10 @@ 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 { 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 pt, useRef as lt, useCallback as m } from "react";
-const ct = (p) => ({
+import { forwardRef as lt, useRef as ct, useCallback as m } from "react";
+const mt = (p) => ({
   email: "email",
   password: "current-password",
   tel: "tel",
@@ -57,7 +57,7 @@ const ct = (p) => ({
   number: "off",
   date: "off",
   "datetime-local": "off"
-})[p] || "off", mt = pt(
+})[p] || "off", dt = lt(
   ({
     className: p,
     clearOnFocus: d = !1,
@@ -71,39 +71,40 @@ const ct = (p) => ({
     onFocus: C,
     prefix: a,
     showClearButton: z = !1,
+    suppressHydrationWarning: P = !0,
     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(
+    "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);
       },
       [h]
-    ), D = m(
+    ), T = m(
       (o) => {
         y(o, C);
       },
       [y, C]
-    ), T = m(() => {
+    ), G = m(() => {
       r.current && (r.current.value = "", r.current.dispatchEvent(new Event("input", { bubbles: !0 })), r.current.focus());
-    }, [r]), v = z && g.length > 0, G = () => {
+    }, [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 = {
         password: () => /* @__PURE__ */ t(
           "button",
           {
             className: o,
             type: "button",
-            onClick: A,
+            onClick: B,
             "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 })
+            children: c ? /* @__PURE__ */ t(tt, { size: 22 }) : /* @__PURE__ */ t(et, { size: 22 })
           }
         ),
         clear: () => /* @__PURE__ */ t(
@@ -111,60 +112,61 @@ const ct = (p) => ({
           {
             className: o,
             type: "button",
-            onClick: T,
+            onClick: G,
             "aria-label": `Clear ${i}`,
             "data-testid": "input-clear-button",
-            children: /* @__PURE__ */ t(Z, { size: 24 })
+            children: /* @__PURE__ */ t(_, { 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 }) })
+        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 }) })
       };
-      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),
+      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),
       "[text-indent:var(--prefix-width)]",
       v && "pr-10"
-    ), K = N(
+    ), Q = 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 }),
+        a && /* @__PURE__ */ t("span", { ref: W, className: Q, children: a }),
         /* @__PURE__ */ t(
           "input",
           {
             id: l,
             name: f,
             ref: r,
-            type: n === "password" ? B : n,
+            type: n === "password" ? H : n,
             value: g,
-            disabled: S,
+            disabled: V,
             required: x,
-            autoComplete: ct(n),
-            className: J,
+            autoComplete: mt(n),
+            className: K,
             onChange: b,
-            onFocus: D,
-            onBlur: W,
+            onFocus: T,
+            onBlur: D,
             placeholder: i,
-            ...O,
-            ...$,
+            suppressHydrationWarning: P,
+            ...j,
+            ...k,
             "data-testid": "input-input",
             "data-state": e,
-            style: at({
-              "--prefix-width": a ? `${H}px` : "0px"
+            style: nt({
+              "--prefix-width": a ? `${L}px` : "0px"
             }),
-            "aria-label": P || i
+            "aria-label": R || i
           }
         ),
-        G()
+        J()
       ] }),
-      M && u && /* @__PURE__ */ t(nt, { id: w, message: u })
+      O && u && /* @__PURE__ */ t(pt, { id: w, message: u })
     ] }) });
   }
 );
-mt.displayName = "Input";
+dt.displayName = "Input";
 export {
-  mt as Input
+  dt as Input
 };

package/dist/components/Input/Input.d.ts

@@ -8,6 +8,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & Bas
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     prefix?: string;
     showClearButton?: boolean;
+    suppressHydrationWarning?: boolean;
     type?: InputType;
     value?: string;
 };
@@ -18,6 +19,7 @@ export declare const Input: import('react').ForwardRefExoticComponent<Omit<Input
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     prefix?: string;
     showClearButton?: boolean;
+    suppressHydrationWarning?: boolean;
     type?: InputType;
     value?: string;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,CAAA;AAE5G,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,GACxE,kBAAkB,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAgBH,eAAO,MAAM,KAAK;gBAxBF,MAAM;mBACH,OAAO;aACb,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;cACxC,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;aAC1C,MAAM;sBACG,OAAO;WAClB,SAAS;YACR,MAAM;oDAyLjB,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,CAAA;AAE5G,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,GACxE,kBAAkB,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAgBH,eAAO,MAAM,KAAK;gBAzBF,MAAM;mBACH,OAAO;aACb,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;cACxC,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;aAC1C,MAAM;sBACG,OAAO;+BACE,OAAO;WAC3B,SAAS;YACR,MAAM;oDA2LjB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.44",
+  "version": "1.3.45",
   "type": "module",
   "private": false,
   "repository": {