@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Textarea.js

@@ -1,163 +1,86 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useTextarea as z } from "./Textarea/TextareaUtils.js";
-import "./Icons/AnalyzeIcon.js";
-import "./Icons/AnnotationsIcon.js";
-import "./Icons/ApprovedIcon.js";
-import "./Icons/ArrowDownIcon.js";
-import "./Icons/ArrowUpIcon.js";
-import "./Icons/BoxToolIcon.js";
-import "./Icons/CalendarIcon.js";
-import "./Icons/CheckCircleIcon.js";
-import "./Icons/CheckSquareIcon.js";
-import "./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/DatabaseIcon.js";
-import "./Icons/DeleteIcon.js";
-import "./Icons/DurationIcon.js";
-import "./Icons/EditIcon.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/FileDownloadIcon.js";
-import "./Icons/GoToFirstIcon.js";
-import "./Icons/GoToLastIcon.js";
-import "./Icons/HarmonicCursorsIcon.js";
-import "./Icons/InfoIcon.js";
-import "./Icons/KeyboardIcon.js";
-import "./Icons/LabelIcon.js";
-import "./Icons/LassoIcon.js";
-import "./Icons/LineToolIcon.js";
-import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
-import "./Icons/LocationIcon.js";
-import "./Icons/LogoutIcon.js";
-import "./Icons/MeasureIcon.js";
-import "./Icons/MessagesIcon.js";
-import "./Icons/MetadataIcon.js";
-import "./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/PolygonIcon.js";
-import "./Icons/ResetIcon.js";
-import "./Icons/ReviewedIcon.js";
-import "./Icons/ScissorsIcon.js";
-import "./Icons/SearchIcon.js";
-import "./Icons/SettingsIcon.js";
-import "./Icons/SortAscendingIcon.js";
-import "./Icons/SortAtoZIcon.js";
-import "./Icons/SortDescendingIcon.js";
-import "./Icons/SortZtoAIcon.js";
-import "./Icons/StackIcon.js";
-import "./Icons/StarIcon.js";
-import "./Icons/TrashIcon.js";
-import "./Icons/UndoIcon.js";
-import "./Icons/User2Icon.js";
-import "./Icons/UserIcon.js";
-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 M, useFormFieldState as O, getAriaProps as _, getTextareaClasses as G, ErrorMessage as V, getErrorMessageId as H } from "./utils/formFieldUtils.js";
-import { cn as C } from "./utils/twUtils.js";
-import { useRef as J } from "react";
-const K = "absolute right-4 top-4", Q = (t) => t || "off", U = (t, i) => {
-  const a = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", m = t >= i ? "text-danger-400" : "text-text-secondary";
-  return C(a, m);
-}, W = ({
-  ref: t,
-  autoComplete: i,
-  className: a,
-  disabled: m,
-  errorMessage: c,
-  id: b,
-  label: d,
-  labelClassName: N,
-  maxLength: e = 280,
-  name: u,
-  onBlur: I,
-  onChange: F,
-  onFocus: S,
-  placeholder: v,
-  required: x,
-  state: r = "default",
-  value: s = "",
-  ...h
-}) => {
-  const p = M(b, u), g = H(p), y = J(null), P = t ?? y, { handleFocus: T, handleBlur: A, handleChange: E, handlePaste: L } = z({
-    maxLength: e,
-    value: s,
-    onChange: F ?? (() => {
-    }),
-    onFocus: S,
-    onBlur: I
-  }), { isDisabled: f, isLoading: R } = O(m, r), j = _(r, g, x, h["aria-describedby"]), l = s?.length || 0, k = G(r, a), w = () => ({
-    "--textarea-min-height": "6rem",
-    "--textarea-max-height": "12rem",
-    "--textarea-border-radius": "0.5rem"
-  });
-  return /* @__PURE__ */ n("div", { className: "w-full", children: [
-    d && /* @__PURE__ */ o(D, { "data-testid": "spectral-textarea-label", htmlFor: p, className: C("mb-2 block", f && "cursor-not-allowed opacity-50", N), children: d }),
-    /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ o(
-        "textarea",
-        {
-          "aria-multiline": "true",
-          autoComplete: Q(i),
-          className: k,
-          "data-state": r,
-          "data-testid": "spectral-textarea",
-          disabled: f,
-          id: p,
-          name: u,
-          onBlur: A,
-          onChange: E,
-          onFocus: T,
-          onPaste: L,
-          placeholder: v,
-          ref: P,
-          required: x,
-          spellCheck: "true",
-          style: w(),
-          value: s,
-          ...j,
-          ...h
-        }
-      ),
-      R && /* @__PURE__ */ o("div", { className: K, "data-testid": "spectral-textarea-loading-icon", children: /* @__PURE__ */ o(B, { size: 24 }) }),
-      /* @__PURE__ */ n(
-        "div",
-        {
-          "aria-label": l + " of " + e + " characters used",
-          "aria-live": "polite",
-          className: U(l, e),
-          "data-testid": "spectral-textarea-counter",
-          role: "status",
-          children: [
-            l,
-            "/",
-            e
-          ]
-        }
-      )
-    ] }),
-    r === "error" && c && /* @__PURE__ */ o(V, { dataTestId: "spectral-textarea-error-message", id: g, message: c })
-  ] });
-};
-W.displayName = "Textarea";
-export {
-  W as Textarea
+import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
+import { t } from "./twUtils-VNWgstKL.js";
+import { ErrorMessage as n, getAriaProps as r, getErrorMessageId as i, getTextareaClasses as a, useFormFieldId as o, useFormFieldState as s } from "./utils/formFieldUtils.js";
+import { Label as c } from "./Label.js";
+import { useTextarea as l } from "./Textarea/TextareaUtils.js";
+import { useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/Textarea/Textarea.tsx
+var p = "absolute right-4 top-4", m = (e) => e || "off", h = (e, n) => t("absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", e >= n ? "text-danger-400" : "text-text-secondary"), g = ({ ref: g, autoComplete: _, className: v, disabled: y, errorMessage: b, id: x, label: S, labelClassName: C, maxLength: w = 280, name: T, onBlur: E, onChange: D, onFocus: O, placeholder: k, required: A, state: j = "default", value: M = "", ...N }) => {
+	let P = o(x, T), F = i(P), I = u(null), L = g ?? I, { handleFocus: R, handleBlur: z, handleChange: B, handlePaste: V } = l({
+		maxLength: w,
+		value: M,
+		onChange: D ?? (() => {}),
+		onFocus: O,
+		onBlur: E
+	}), { isDisabled: H, isLoading: U } = s(y, j), W = r(j, F, A, N["aria-describedby"]), G = M?.length || 0, K = a(j, v), q = () => ({
+		"--textarea-min-height": "6rem",
+		"--textarea-max-height": "12rem",
+		"--textarea-border-radius": "0.5rem"
+	});
+	return /* @__PURE__ */ f("div", {
+		className: "w-full",
+		children: [
+			S && /* @__PURE__ */ d(c, {
+				"data-testid": "spectral-textarea-label",
+				htmlFor: P,
+				className: t("mb-2 block", H && "cursor-not-allowed opacity-50", C),
+				children: S
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "relative",
+				children: [
+					/* @__PURE__ */ d("textarea", {
+						"aria-multiline": "true",
+						autoComplete: m(_),
+						className: K,
+						"data-state": j,
+						"data-testid": "spectral-textarea",
+						disabled: H,
+						id: P,
+						name: T,
+						onBlur: z,
+						onChange: B,
+						onFocus: R,
+						onPaste: V,
+						placeholder: k,
+						ref: L,
+						required: A,
+						spellCheck: "true",
+						style: q(),
+						value: M,
+						...W,
+						...N
+					}),
+					U && /* @__PURE__ */ d("div", {
+						className: p,
+						"data-testid": "spectral-textarea-loading-icon",
+						children: /* @__PURE__ */ d(e, { size: 24 })
+					}),
+					/* @__PURE__ */ f("div", {
+						"aria-label": G + " of " + w + " characters used",
+						"aria-live": "polite",
+						className: h(G, w),
+						"data-testid": "spectral-textarea-counter",
+						role: "status",
+						children: [
+							G,
+							"/",
+							w
+						]
+					})
+				]
+			}),
+			j === "error" && b && /* @__PURE__ */ d(n, {
+				dataTestId: "spectral-textarea-error-message",
+				id: F,
+				message: b
+			})
+		]
+	});
 };
+g.displayName = "Textarea";
+//#endregion
+export { g as Textarea };