@spear-ai/spectral 1.11.3 → 1.12.1

package/dist/Checkbox.js

@@ -1,42 +1,62 @@
 import "./styles/main.css";
 import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
 import { MinusIcon as t } from "./Icons/MinusIcon.js";
-import { t as n } from "./twUtils-VNWgstKL.js";
-import { CheckboxBase as r, CheckboxIndicator as i } from "./Checkbox/CheckboxBase.js";
+import { t as n } from "./twUtils-D_qzdiwM.js";
+import { ErrorMessage as r, WarningMessage as i, useFormFieldId as a } from "./utils/formFieldUtils.js";
+import { CheckboxBase as o, CheckboxIndicator as s } from "./Checkbox/CheckboxBase.js";
 import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/Checkbox/Checkbox.tsx
-var s = ({ checked: s, className: c, id: l, labelText: u, onCheckedChange: d, ref: f, required: p, ...m }) => /* @__PURE__ */ o("div", {
-	className: "gap-2 flex items-center",
-	children: [/* @__PURE__ */ a(r, {
-		"aria-required": p ?? void 0,
-		checked: s,
-		className: n("checkbox peer h-5 w-5 rounded-sm shrink-0 border border-checkbox-border hover:opacity-80 focus:outline-none focus-visible:outline-1 focus-visible:outline-checkbox-border--focus", "focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-checkbox-border--checked", c),
-		"data-testid": "spectral-checkbox",
-		id: l,
-		onCheckedChange: d,
-		ref: f,
-		...m,
-		children: /* @__PURE__ */ a(i, {
-			"data-testid": "spectral-checkbox-indicator",
-			className: n("checkbox-indicator flex items-center justify-center text-checkbox-indicator--checked"),
-			children: s === "indeterminate" ? /* @__PURE__ */ a(t, {
-				className: "checkbox-indeterminate",
-				size: 16,
-				strokeWidth: 4
-			}) : /* @__PURE__ */ a(e, {
-				className: "checkbox-check",
-				size: 16,
-				strokeWidth: 4
-			})
+var u = ({ checked: u, className: d, errorMessage: f, id: p, label: m, labelText: h, onCheckedChange: g, ref: _, required: v, state: y = "default", warningMessage: b, "aria-describedby": x, "aria-label": S, ...C }) => {
+	let w = a(p, C.name), T = h ?? m, E = `${w}-error`, D = `${w}-warning`;
+	return /* @__PURE__ */ l("div", { children: [
+		/* @__PURE__ */ l("div", {
+			className: "gap-2 flex items-center",
+			children: [/* @__PURE__ */ c(o, {
+				"aria-describedby": [y === "error" && f && E ? E : y === "warning" && b && D ? D : void 0, x].filter(Boolean).join(" ") || void 0,
+				"aria-invalid": y === "error" ? !0 : void 0,
+				"aria-label": S ?? (T ? void 0 : "Checkbox"),
+				"aria-required": v ?? void 0,
+				checked: u,
+				className: n("checkbox peer h-5 w-5 rounded-sm shrink-0 border border-checkbox-border hover:opacity-80 focus:outline-none focus-visible:outline-1 focus-visible:outline-checkbox-border--focus", "focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-checkbox-border--checked", d),
+				"data-field-state": y,
+				"data-testid": "spectral-checkbox",
+				id: w,
+				onCheckedChange: g,
+				ref: _,
+				...C,
+				children: /* @__PURE__ */ c(s, {
+					"data-testid": "spectral-checkbox-indicator",
+					className: n("checkbox-indicator flex items-center justify-center text-checkbox-indicator--checked"),
+					children: u === "indeterminate" ? /* @__PURE__ */ c(t, {
+						className: "checkbox-indeterminate",
+						size: 16,
+						strokeWidth: 4
+					}) : /* @__PURE__ */ c(e, {
+						className: "checkbox-check",
+						size: 16,
+						strokeWidth: 4
+					})
+				})
+			}), T && /* @__PURE__ */ c("label", {
+				className: "text-md peer-disabled:text-neutral-400 text-text-primary",
+				"data-testid": "spectral-checkbox-label",
+				htmlFor: w,
+				children: T
+			})]
+		}),
+		y === "error" && f && E && /* @__PURE__ */ c(r, {
+			dataTestId: "spectral-checkbox-error-message",
+			id: E,
+			message: f
+		}),
+		y === "warning" && b && D && /* @__PURE__ */ c(i, {
+			dataTestId: "spectral-checkbox-warning-message",
+			id: D,
+			message: b
 		})
-	}), /* @__PURE__ */ a("label", {
-		className: "text-md peer-disabled:text-neutral-400 text-text-primary",
-		"data-testid": "spectral-checkbox-label",
-		htmlFor: l,
-		children: u
-	})]
-});
-s.displayName = "Checkbox";
+	] });
+};
+u.displayName = "Checkbox";
 //#endregion
-export { s as Checkbox };
+export { u as Checkbox };