pentatrion-design 1.2.2 → 1.2.3

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 1.2.3
+
+### Patch Changes
+
+- fix a11y for fields with label htmlFor
+
 ## 1.2.2
 
 ### Patch Changes

package/dist/Field-DZmC5a1D.mjs

@@ -0,0 +1,183 @@
+import { isArrayOfString } from "./lib/index.mjs";
+import { t as Slot } from "./slot-D8EJRq72.mjs";
+import { n as useTranslate } from "./i18n-B57GZqP3.mjs";
+import { c } from "react/compiler-runtime";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/fields/field/Field.tsx
+function Field(t0) {
+	const $ = c(48);
+	const { label, hint, description, footerDescription, errors: rawErrors, warning, id: providedId, children, group: t1, preventLayerShift: t2, "data-testid": dataTestId, className } = t0;
+	const group = t1 === void 0 ? false : t1;
+	const preventLayerShift = t2 === void 0 ? true : t2;
+	const translate = useTranslate();
+	let t3;
+	if ($[0] !== rawErrors || $[1] !== translate) {
+		t3 = isArrayOfString(rawErrors) && translate ? rawErrors.map((k) => translate(k)).join(", ") : rawErrors;
+		$[0] = rawErrors;
+		$[1] = translate;
+		$[2] = t3;
+	} else t3 = $[2];
+	const errors = t3;
+	const internalId = useId();
+	const id = providedId ?? internalId;
+	let t4;
+	if ($[3] !== label) {
+		t4 = label && /* @__PURE__ */ jsx("span", { children: label });
+		$[3] = label;
+		$[4] = t4;
+	} else t4 = $[4];
+	const labelElement = t4;
+	let t5;
+	if ($[5] !== hint) {
+		t5 = hint && /* @__PURE__ */ jsx("span", {
+			className: "text-body-sm text-gray-6",
+			children: hint
+		});
+		$[5] = hint;
+		$[6] = t5;
+	} else t5 = $[6];
+	const hintElement = t5;
+	let t6;
+	if ($[7] !== dataTestId || $[8] !== errors) {
+		t6 = errors && typeof errors !== "boolean" && /* @__PURE__ */ jsxs("span", {
+			className: "text-red-4 dark:text-red-2 font-medium",
+			"aria-live": "polite",
+			role: "status",
+			"data-testid": dataTestId ? `input-field/alert/${dataTestId}` : void 0,
+			children: [/* @__PURE__ */ jsx("i", { className: "fe-circle-exclamation" }), /* @__PURE__ */ jsx("span", { children: errors })]
+		});
+		$[7] = dataTestId;
+		$[8] = errors;
+		$[9] = t6;
+	} else t6 = $[9];
+	const errorsElement = t6;
+	let t7;
+	if ($[10] !== dataTestId || $[11] !== warning) {
+		t7 = warning && typeof warning !== "boolean" && /* @__PURE__ */ jsxs("span", {
+			className: "text-orange-4 dark:text-orange-2 font-medium",
+			"aria-live": "polite",
+			role: "status",
+			children: [/* @__PURE__ */ jsx("i", { className: "fe-circle-exclamation" }), /* @__PURE__ */ jsx("span", {
+				"data-testid": dataTestId ? `input-field/warning/${dataTestId}` : void 0,
+				children: warning
+			})]
+		});
+		$[10] = dataTestId;
+		$[11] = warning;
+		$[12] = t7;
+	} else t7 = $[12];
+	const warningElement = t7;
+	const color = errors ? "red" : warning ? "orange" : "yellow";
+	const showLabel = preventLayerShift || label || hint;
+	const showFooter = preventLayerShift || errorsElement || warningElement;
+	let t8;
+	if ($[13] !== dataTestId) {
+		t8 = dataTestId ? { "data-testid": `input-field-${dataTestId}` } : {};
+		$[13] = dataTestId;
+		$[14] = t8;
+	} else t8 = $[14];
+	const testIdProp = t8;
+	let t9;
+	if ($[15] !== group || $[16] !== id || $[17] !== showLabel) {
+		t9 = group && showLabel ? { "aria-labelledby": id } : {};
+		$[15] = group;
+		$[16] = id;
+		$[17] = showLabel;
+		$[18] = t9;
+	} else t9 = $[18];
+	const groupLabelProps = t9;
+	let t10;
+	if ($[19] !== group || $[20] !== hint || $[21] !== hintElement || $[22] !== id || $[23] !== label || $[24] !== labelElement || $[25] !== showLabel) {
+		t10 = showLabel && (label || hint ? /* @__PURE__ */ jsxs("label", {
+			id: group ? id : void 0,
+			htmlFor: group ? void 0 : id,
+			className: "mb-1 flex flex-wrap items-center justify-between",
+			children: [labelElement, hintElement]
+		}) : /* @__PURE__ */ jsx("label", {
+			id: group ? id : void 0,
+			htmlFor: group ? void 0 : id,
+			className: "invisible"
+		}));
+		$[19] = group;
+		$[20] = hint;
+		$[21] = hintElement;
+		$[22] = id;
+		$[23] = label;
+		$[24] = labelElement;
+		$[25] = showLabel;
+		$[26] = t10;
+	} else t10 = $[26];
+	let t11;
+	if ($[27] !== description) {
+		t11 = description && /* @__PURE__ */ jsx("div", {
+			className: "text-body-sm text-gray-6 mb-2",
+			children: description
+		});
+		$[27] = description;
+		$[28] = t11;
+	} else t11 = $[28];
+	const t12 = group ? void 0 : id;
+	let t13;
+	if ($[29] !== children || $[30] !== color || $[31] !== t12) {
+		t13 = /* @__PURE__ */ jsx(Slot, {
+			id: t12,
+			color,
+			children
+		});
+		$[29] = children;
+		$[30] = color;
+		$[31] = t12;
+		$[32] = t13;
+	} else t13 = $[32];
+	let t14;
+	if ($[33] !== errorsElement || $[34] !== showFooter || $[35] !== warningElement) {
+		t14 = showFooter && /* @__PURE__ */ jsx("div", {
+			className: "text-body-sm text-gray-6 mt-1 min-h-5",
+			children: errorsElement || warningElement
+		});
+		$[33] = errorsElement;
+		$[34] = showFooter;
+		$[35] = warningElement;
+		$[36] = t14;
+	} else t14 = $[36];
+	let t15;
+	if ($[37] !== footerDescription) {
+		t15 = footerDescription && /* @__PURE__ */ jsx("div", {
+			className: "text-body-sm text-gray-6 mb-2",
+			children: footerDescription
+		});
+		$[37] = footerDescription;
+		$[38] = t15;
+	} else t15 = $[38];
+	let t16;
+	if ($[39] !== className || $[40] !== groupLabelProps || $[41] !== t10 || $[42] !== t11 || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== testIdProp) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			className,
+			...testIdProp,
+			...groupLabelProps,
+			children: [
+				t10,
+				t11,
+				t13,
+				t14,
+				t15
+			]
+		});
+		$[39] = className;
+		$[40] = groupLabelProps;
+		$[41] = t10;
+		$[42] = t11;
+		$[43] = t13;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = testIdProp;
+		$[47] = t16;
+	} else t16 = $[47];
+	return t16;
+}
+//#endregion
+export { Field as t };
+
+//# sourceMappingURL=Field-DZmC5a1D.mjs.map

package/dist/Field-DZmC5a1D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-DZmC5a1D.mjs","names":["ReactNode","useId","ThemeColor","isArrayOfString","Slot","useTranslate","FieldProps","label","hint","description","footerDescription","errors","warning","children","id","group","preventLayerShift","className","Field","t0","$","_c","rawErrors","providedId","t1","t2","dataTestId","undefined","translate","t3","map","k","join","internalId","t4","labelElement","t5","hintElement","t6","errorsElement","t7","warningElement","color","showLabel","showFooter","t8","testIdProp","t9","groupLabelProps","t10","t11","t12","t13","t14","t15","t16"],"sources":["../src/components/fields/field/Field.tsx"],"sourcesContent":["import { ReactNode, useId } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport { isArrayOfString } from \"../../../lib/arrUtil\";\nimport { Slot } from \"../../slot\";\nimport { useTranslate } from \"../../i18n\";\n\nexport interface FieldProps {\n  label?: ReactNode;\n  hint?: ReactNode;\n  description?: ReactNode;\n  footerDescription?: ReactNode;\n  errors?: ReactNode | boolean;\n  warning?: ReactNode | boolean;\n  children: ReactNode;\n  id?: string;\n  /**\n   * Set when children renders multiple controls (checkboxes, radios, digit inputs)\n   * instead of a single labelable element: the label gets its own id and the\n   * group is associated via aria-labelledby instead of label[for], since a single\n   * htmlFor/id pair can't target one control among several.\n   */\n  group?: boolean;\n  preventLayerShift?: boolean;\n  \"data-testid\"?: string;\n  className?: string;\n}\n\nexport function Field({\n  label,\n  hint,\n  description,\n  footerDescription,\n  errors: rawErrors,\n  warning,\n  id: providedId,\n  children,\n  group = false,\n  preventLayerShift = true,\n  \"data-testid\": dataTestId,\n  className,\n}: FieldProps) {\n  const translate = useTranslate();\n  const errors =\n    isArrayOfString(rawErrors) && translate\n      ? rawErrors.map((k) => translate(k)).join(\", \")\n      : rawErrors;\n  const internalId = useId();\n  const id = providedId ?? internalId;\n\n  const labelElement = label && <span>{label}</span>;\n  const hintElement = hint && <span className=\"text-body-sm text-gray-6\">{hint}</span>;\n  const errorsElement = errors && typeof errors !== \"boolean\" && (\n    <span\n      className=\"text-red-4 dark:text-red-2 font-medium\"\n      aria-live=\"polite\"\n      role=\"status\"\n      data-testid={dataTestId ? `input-field/alert/${dataTestId}` : undefined}\n    >\n      <i className=\"fe-circle-exclamation\"></i>\n      <span>{errors}</span>\n    </span>\n  );\n  const warningElement = warning && typeof warning !== \"boolean\" && (\n    <span className=\"text-orange-4 dark:text-orange-2 font-medium\" aria-live=\"polite\" role=\"status\">\n      <i className=\"fe-circle-exclamation\"></i>\n      <span data-testid={dataTestId ? `input-field/warning/${dataTestId}` : undefined}>\n        {warning}\n      </span>\n    </span>\n  );\n\n  const color: ThemeColor = errors ? \"red\" : warning ? \"orange\" : \"yellow\";\n\n  const showLabel = preventLayerShift || label || hint;\n  const showFooter = preventLayerShift || errorsElement || warningElement;\n\n  const testIdProp = dataTestId ? { \"data-testid\": `input-field-${dataTestId}` } : {};\n  const groupLabelProps = group && showLabel ? { \"aria-labelledby\": id } : {};\n\n  return (\n    <div role=\"group\" className={className} {...testIdProp} {...groupLabelProps}>\n      {showLabel &&\n        (label || hint ? (\n          <label\n            id={group ? id : undefined}\n            htmlFor={group ? undefined : id}\n            className=\"mb-1 flex flex-wrap items-center justify-between\"\n          >\n            {labelElement}\n            {hintElement}\n          </label>\n        ) : (\n          <label\n            id={group ? id : undefined}\n            htmlFor={group ? undefined : id}\n            className=\"invisible\"\n          ></label>\n        ))}\n      {description && <div className=\"text-body-sm text-gray-6 mb-2\">{description}</div>}\n      <Slot id={group ? undefined : id} color={color}>\n        {children}\n      </Slot>\n      {showFooter && (\n        <div className=\"text-body-sm text-gray-6 mt-1 min-h-5\">\n          {errorsElement || warningElement}\n        </div>\n      )}\n      {footerDescription && (\n        <div className=\"text-body-sm text-gray-6 mb-2\">{footerDescription}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/Field-DhaPMGcl.d.mts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+//#region src/components/fields/field/Field.d.ts
+interface FieldProps {
+  label?: ReactNode;
+  hint?: ReactNode;
+  description?: ReactNode;
+  footerDescription?: ReactNode;
+  errors?: ReactNode | boolean;
+  warning?: ReactNode | boolean;
+  children: ReactNode;
+  id?: string;
+  /**
+   * Set when children renders multiple controls (checkboxes, radios, digit inputs)
+   * instead of a single labelable element: the label gets its own id and the
+   * group is associated via aria-labelledby instead of label[for], since a single
+   * htmlFor/id pair can't target one control among several.
+   */
+  group?: boolean;
+  preventLayerShift?: boolean;
+  "data-testid"?: string;
+  className?: string;
+}
+declare function Field({ label, hint, description, footerDescription, errors: rawErrors, warning, id: providedId, children, group, preventLayerShift, "data-testid": dataTestId, className }: FieldProps): import("react").JSX.Element;
+//#endregion
+export { FieldProps as n, Field as t };
+//# sourceMappingURL=Field-DhaPMGcl.d.mts.map

package/dist/Field-DhaPMGcl.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-DhaPMGcl.d.mts","names":[],"sources":["../src/components/fields/field/Field.tsx"],"mappings":";;UAMiB;EACf,QAAQ;EACR,OAAO;EACP,cAAc;EACd,oBAAoB;EACpB,SAAS;EACT,UAAU;EACV,UAAU;EACV;;;;;;;EAOA;EACA;EACA;EACA;;iBAGc,QACd,OACA,MACA,aACA,mBACA,QAAQ,WACR,SACA,IAAI,YACJ,UACA,OACA,kCACe,YACf,aACC,6BAAU,IAAA"}

package/dist/components/fields/checkbox/index.d.mts

@@ -1,7 +1,7 @@
 import { i as ThemeColor } from "../../../types-CbJroQxH.mjs";
 import { n as ButtonProps } from "../../../Button-CVudu6dV.mjs";
 import "../../../index-BG1rgXFb.mjs";
-import { n as FieldProps } from "../../../Field-B_ZFAADd.mjs";
+import { n as FieldProps } from "../../../Field-DhaPMGcl.mjs";
 import { r as SelectOption } from "../../../types-yqikbbzR.mjs";
 import { ComponentProps, RefObject } from "react";
 import { FieldName } from "@conform-to/react/future";
@@ -26,18 +26,18 @@ interface CheckboxButtonProps extends Omit<ComponentProps<"input">, "size"> {
 declare function CheckboxButton({ color, disabled, width, size, icon, showInput, variant, className, children, ref, ...rest }: CheckboxButtonProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/fields/checkbox/CheckboxField.d.ts
-interface Props$1 extends Omit<FieldProps, "children"> {
+interface Props$1 extends Omit<FieldProps, "children" | "group"> {
   name: FieldName<boolean>;
   checkboxLabel: string;
 }
-declare function CheckboxField({ name, checkboxLabel, ...rest }: Props$1): import("react").JSX.Element;
+declare function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props$1): import("react").JSX.Element;
 //#endregion
 //#region src/components/fields/checkbox/CheckboxesField.d.ts
-interface Props extends Omit<FieldProps, "children"> {
+interface Props extends Omit<FieldProps, "children" | "group"> {
   name: FieldName<string[]>;
   options: SelectOption[];
 }
-declare function CheckboxesField({ name, options, ...rest }: Props): import("react").JSX.Element;
+declare function CheckboxesField({ name, options, id: forcedId, ...rest }: Props): import("react").JSX.Element;
 //#endregion
 export { Checkbox, CheckboxButton, CheckboxField, CheckboxesField };
 //# sourceMappingURL=index.d.mts.map

package/dist/components/fields/checkbox/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"mappings":";;;;;;;;UAKiB,sBAAsB;EACrC;EACA;EACA,QAAQ;EACR,MAAM,UAAU;;iBAGF,WACd,OACA,eACA,UACA,WACA,UACA,QACG,QACF,gCAAa,IAAA;UAqBN,4BAA4B,KAAK;EACzC;EACA,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR;EACA;EACA,MAAM,UAAU;;iBAEF,iBACd,OACA,UACA,OACA,MACA,MACA,WACA,SACA,WACA,UACA,QACG,QACF,sCAAmB,IAAA;;;UC3DZ,gBAAc,KAAK;EAC3B,MAAM;EACN;;iBAGc,gBAAgB,MAAM,kBAAkB,QAAQ,0BAAK,IAAA;;;UCJ3D,cAAc,KAAK;EAC3B,MAAM;EACN,SAAS;;iBAGK,kBAAkB,MAAM,YAAY,QAAQ,wBAAK,IAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"mappings":";;;;;;;;UAKiB,sBAAsB;EACrC;EACA;EACA,QAAQ;EACR,MAAM,UAAU;;iBAGF,WACd,OACA,eACA,UACA,WACA,UACA,QACG,QACF,gCAAa,IAAA;UAqBN,4BAA4B,KAAK;EACzC;EACA,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR;EACA;EACA,MAAM,UAAU;;iBAEF,iBACd,OACA,UACA,OACA,MACA,MACA,WACA,SACA,WACA,UACA,QACG,QACF,sCAAmB,IAAA;;;UC3DZ,gBAAc,KAAK;EAC3B,MAAM;EACN;;iBAGc,gBAAgB,MAAM,eAAe,IAAI,aAAa,QAAQ,0BAAK,IAAA;;;UCJzE,cAAc,KAAK;EAC3B,MAAM;EACN,SAAS;;iBAGK,kBAAkB,MAAM,SAAS,IAAI,aAAa,QAAQ,wBAAK,IAAA"}

package/dist/components/fields/checkbox/index.mjs

@@ -1,6 +1,6 @@
 import { n as buttonVariants } from "../../../Button-Cx5QDjg9.mjs";
 import "../../../button-CuqQ_n9M.mjs";
-import { t as Field } from "../../../Field-BHxm4Nr-.mjs";
+import { t as Field } from "../../../Field-DZmC5a1D.mjs";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -196,120 +196,133 @@ function CheckboxButton(t0) {
 //#endregion
 //#region src/components/fields/checkbox/CheckboxField.tsx
 function CheckboxField(t0) {
-	const $ = c(13);
+	const $ = c(15);
 	let checkboxLabel;
+	let forcedId;
 	let name;
 	let rest;
 	if ($[0] !== t0) {
-		({name, checkboxLabel, ...rest} = t0);
+		({name, checkboxLabel, id: forcedId, ...rest} = t0);
 		$[0] = t0;
 		$[1] = checkboxLabel;
-		$[2] = name;
-		$[3] = rest;
+		$[2] = forcedId;
+		$[3] = name;
+		$[4] = rest;
 	} else {
 		checkboxLabel = $[1];
-		name = $[2];
-		rest = $[3];
+		forcedId = $[2];
+		name = $[3];
+		rest = $[4];
 	}
 	const field = useField(name);
+	const id = forcedId ?? field.id;
 	let t1;
-	if ($[4] !== checkboxLabel || $[5] !== field.defaultChecked || $[6] !== field.name) {
+	if ($[5] !== checkboxLabel || $[6] !== field.defaultChecked || $[7] !== field.name) {
 		t1 = /* @__PURE__ */ jsx(Checkbox, {
 			name: field.name,
 			defaultChecked: field.defaultChecked,
 			children: checkboxLabel
 		});
-		$[4] = checkboxLabel;
-		$[5] = field.defaultChecked;
-		$[6] = field.name;
-		$[7] = t1;
-	} else t1 = $[7];
+		$[5] = checkboxLabel;
+		$[6] = field.defaultChecked;
+		$[7] = field.name;
+		$[8] = t1;
+	} else t1 = $[8];
 	let t2;
-	if ($[8] !== field.errors || $[9] !== name || $[10] !== rest || $[11] !== t1) {
+	if ($[9] !== field.errors || $[10] !== id || $[11] !== name || $[12] !== rest || $[13] !== t1) {
 		t2 = /* @__PURE__ */ jsx(Field, {
+			id,
 			errors: field.errors,
 			"data-testid": name,
 			...rest,
 			children: t1
 		});
-		$[8] = field.errors;
-		$[9] = name;
-		$[10] = rest;
-		$[11] = t1;
-		$[12] = t2;
-	} else t2 = $[12];
+		$[9] = field.errors;
+		$[10] = id;
+		$[11] = name;
+		$[12] = rest;
+		$[13] = t1;
+		$[14] = t2;
+	} else t2 = $[14];
 	return t2;
 }
 //#endregion
 //#region src/components/fields/checkbox/CheckboxesField.tsx
 function CheckboxesField(t0) {
-	const $ = c(20);
+	const $ = c(22);
+	let forcedId;
 	let name;
 	let options;
 	let rest;
 	if ($[0] !== t0) {
-		({name, options, ...rest} = t0);
+		({name, options, id: forcedId, ...rest} = t0);
 		$[0] = t0;
-		$[1] = name;
-		$[2] = options;
-		$[3] = rest;
+		$[1] = forcedId;
+		$[2] = name;
+		$[3] = options;
+		$[4] = rest;
 	} else {
-		name = $[1];
-		options = $[2];
-		rest = $[3];
+		forcedId = $[1];
+		name = $[2];
+		options = $[3];
+		rest = $[4];
 	}
 	const field = useField(name);
+	const id = forcedId ?? field.id;
 	let t1;
-	if ($[4] !== field.fieldErrors) {
+	if ($[5] !== field.fieldErrors) {
 		t1 = Object.values(field.fieldErrors).flat();
-		$[4] = field.fieldErrors;
-		$[5] = t1;
-	} else t1 = $[5];
+		$[5] = field.fieldErrors;
+		$[6] = t1;
+	} else t1 = $[6];
 	const itemErrors = t1;
 	const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : void 0);
 	let t2;
-	if ($[6] !== field.defaultOptions || $[7] !== name || $[8] !== options) {
+	if ($[7] !== field.defaultOptions || $[8] !== name || $[9] !== options) {
 		let t3;
-		if ($[10] !== field.defaultOptions || $[11] !== name) {
+		if ($[11] !== field.defaultOptions || $[12] !== name) {
 			t3 = (option) => /* @__PURE__ */ jsx(Checkbox, {
 				name,
 				value: option.value,
 				defaultChecked: field.defaultOptions?.includes(option.value),
 				children: option.label
 			}, option.value);
-			$[10] = field.defaultOptions;
-			$[11] = name;
-			$[12] = t3;
-		} else t3 = $[12];
+			$[11] = field.defaultOptions;
+			$[12] = name;
+			$[13] = t3;
+		} else t3 = $[13];
 		t2 = options.map(t3);
-		$[6] = field.defaultOptions;
-		$[7] = name;
-		$[8] = options;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[7] = field.defaultOptions;
+		$[8] = name;
+		$[9] = options;
+		$[10] = t2;
+	} else t2 = $[10];
 	let t3;
-	if ($[13] !== t2) {
+	if ($[14] !== t2) {
 		t3 = /* @__PURE__ */ jsx("div", {
 			className: "sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4",
 			children: t2
 		});
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
 	let t4;
-	if ($[15] !== errors || $[16] !== name || $[17] !== rest || $[18] !== t3) {
+	if ($[16] !== errors || $[17] !== id || $[18] !== name || $[19] !== rest || $[20] !== t3) {
 		t4 = /* @__PURE__ */ jsx(Field, {
+			id,
+			group: true,
 			errors,
 			"data-testid": name,
 			...rest,
 			children: t3
 		});
-		$[15] = errors;
-		$[16] = name;
-		$[17] = rest;
-		$[18] = t3;
-		$[19] = t4;
-	} else t4 = $[19];
+		$[16] = errors;
+		$[17] = id;
+		$[18] = name;
+		$[19] = rest;
+		$[20] = t3;
+		$[21] = t4;
+	} else t4 = $[21];
 	return t4;
 }
 //#endregion

package/dist/components/fields/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","rest","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","Props","Omit","name","options","CheckboxesField","t0","$","_c","rest","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","defaultOptions","t3","option","value","includes","label","map","t4"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 -translate-x-[9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\"> {\n  name: FieldName<boolean>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, ...rest }: Props) {\n  const field = useField(name);\n\n  return (\n    <Field errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\"> {\n  name: FieldName<string[]>;\n  options: SelectOption[];\n}\n\nexport function CheckboxesField({ name, options, ...rest }: Props) {\n  const field = useField(name);\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field errors={errors} data-testid={name} {...rest}>\n      <div className=\"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\">\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","Props","Omit","name","options","CheckboxesField","t0","$","_c","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","defaultOptions","t3","option","value","includes","label","map","t4"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 -translate-x-[9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<boolean>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<string[]>;\n  options: SelectOption[];\n}\n\nexport function CheckboxesField({ name, options, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field id={id} group errors={errors} data-testid={name} {...rest}>\n      <div className=\"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\">\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/color/index.d.mts

@@ -1,5 +1,5 @@
 import { i as ThemeColor } from "../../../types-CbJroQxH.mjs";
-import { n as FieldProps } from "../../../Field-B_ZFAADd.mjs";
+import { n as FieldProps } from "../../../Field-DhaPMGcl.mjs";
 import { ComponentProps, RefObject } from "react";
 import { FieldName } from "@conform-to/react/future";
 //#region src/components/fields/color/Color.d.ts
@@ -15,10 +15,10 @@ interface ColorProps extends ComponentProps<"button"> {
 declare function Color({ value, withRipple, color, label, showValue, className, ref, ...rest }: ColorProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/fields/color/ColorField.d.ts
-interface Props extends Omit<FieldProps, "errors" | "children"> {
+interface Props extends Omit<FieldProps, "errors" | "children" | "group"> {
   name: FieldName<string>;
 }
-declare function ColorField({ name, ...rest }: Props): import("react").JSX.Element;
+declare function ColorField({ name, id: forcedId, ...rest }: Props): import("react").JSX.Element;
 //#endregion
 export { Color, ColorField };
 //# sourceMappingURL=index.d.mts.map

package/dist/components/fields/color/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/color/Color.tsx","../../../../src/components/fields/color/ColorField.tsx"],"mappings":";;;;;UAKiB,mBAAmB;EAClC;EAEA;EACA,QAAQ;EACR;EACA;EACA;EACA,MAAM,UAAU;;iBAGF,QACd,OACA,YACA,OACA,OACA,WACA,WACA,QACG,QACF,6BAAU,IAAA;;;UChBH,cAAc,KAAK;EAC3B,MAAM;;iBAGQ,aAAa,SAAS,QAAQ,wBAAK,IAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/color/Color.tsx","../../../../src/components/fields/color/ColorField.tsx"],"mappings":";;;;;UAKiB,mBAAmB;EAClC;EAEA;EACA,QAAQ;EACR;EACA;EACA;EACA,MAAM,UAAU;;iBAGF,QACd,OACA,YACA,OACA,OACA,WACA,WACA,QACG,QACF,6BAAU,IAAA;;;UChBH,cAAc,KAAK;EAC3B,MAAM;;iBAGQ,aAAa,MAAM,IAAI,aAAa,QAAQ,wBAAK,IAAA"}