@kanso-labs/kanso-ui 0.26.2 → 0.26.3

package/dist/field/index.js

@@ -1,9 +1,9 @@
 import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { mergeStatefulStyles, mergeStyles } from "../styles/merge.js";
 import { useInsideForm } from "./root.js";
+import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { Button, FieldError, FieldErrorContext, Group, Input, InputContext, Label, SelectStateContext, Text, TextArea, TextAreaContext, useSlottedContext } from "react-aria-components";
 //#region src/field/index.tsx
 const styles = {
@@ -343,12 +343,85 @@ function boxStyles(floatingLabel, multiline, leading, trailing, variant) {
 * label's colour follows. A field that provides no group context — one built
 * on a button rather than an input — passes the two states itself.
 */
-function FieldBox({ children, floatingLabel = true, isPopulated, label, leading, multiline = false, trailing, trigger, variant = "filled", ...props }) {
-	return /* @__PURE__ */ jsx(Group, {
-		...props,
-		...mergeStatefulStyles(boxStyles(floatingLabel, multiline, leading !== void 0, trailing !== void 0, variant), props),
-		children: boxContent(label, children, floatingLabel, isPopulated, leading, trailing, trigger, variant)
-	});
+function FieldBox(t0) {
+	const $ = c(26);
+	let T0;
+	let children;
+	let floatingLabel;
+	let isPopulated;
+	let label;
+	let leading;
+	let t1;
+	let t2;
+	let trailing;
+	let trigger;
+	let variant;
+	if ($[0] !== t0) {
+		const { children: t3, floatingLabel: t4, isPopulated: t5, label: t6, leading: t7, multiline: t8, trailing: t9, trigger: t10, variant: t11, ...props } = t0;
+		children = t3;
+		isPopulated = t5;
+		label = t6;
+		leading = t7;
+		trailing = t9;
+		trigger = t10;
+		floatingLabel = t4 === void 0 ? true : t4;
+		const multiline = t8 === void 0 ? false : t8;
+		variant = t11 === void 0 ? "filled" : t11;
+		T0 = Group;
+		t1 = props;
+		t2 = mergeStatefulStyles(boxStyles(floatingLabel, multiline, leading !== void 0, trailing !== void 0, variant), props);
+		$[0] = t0;
+		$[1] = T0;
+		$[2] = children;
+		$[3] = floatingLabel;
+		$[4] = isPopulated;
+		$[5] = label;
+		$[6] = leading;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = trailing;
+		$[10] = trigger;
+		$[11] = variant;
+	} else {
+		T0 = $[1];
+		children = $[2];
+		floatingLabel = $[3];
+		isPopulated = $[4];
+		label = $[5];
+		leading = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		trailing = $[9];
+		trigger = $[10];
+		variant = $[11];
+	}
+	let t3;
+	if ($[12] !== children || $[13] !== floatingLabel || $[14] !== isPopulated || $[15] !== label || $[16] !== leading || $[17] !== trailing || $[18] !== trigger || $[19] !== variant) {
+		t3 = boxContent(label, children, floatingLabel, isPopulated, leading, trailing, trigger, variant);
+		$[12] = children;
+		$[13] = floatingLabel;
+		$[14] = isPopulated;
+		$[15] = label;
+		$[16] = leading;
+		$[17] = trailing;
+		$[18] = trigger;
+		$[19] = variant;
+		$[20] = t3;
+	} else t3 = $[20];
+	let t4;
+	if ($[21] !== T0 || $[22] !== t1 || $[23] !== t2 || $[24] !== t3) {
+		t4 = /* @__PURE__ */ jsx(T0, {
+			...t1,
+			...t2,
+			children: t3
+		});
+		$[21] = T0;
+		$[22] = t1;
+		$[23] = t2;
+		$[24] = t3;
+		$[25] = t4;
+	} else t4 = $[25];
+	return t4;
 }
 /**
 * A field's text control, in a {@link FieldBox} or on its own. React Aria's
@@ -361,12 +434,16 @@ function FieldBox({ children, floatingLabel = true, isPopulated, label, leading,
 * blank otherwise. Outside a box it has no label over it and shows the
 * placeholder it was given in every state.
 */
-function FieldInput({ numeric = false, placeholder, prefix, suffix, ...props }) {
+function FieldInput(t0) {
+	const $ = c(18);
+	const { numeric: t1, placeholder, prefix, suffix, ...props } = t0;
+	const numeric = t1 === void 0 ? false : t1;
 	const box = useContext(BoxContext);
-	const control = /* @__PURE__ */ jsx(Input, {
-		placeholder: placeholder ?? (box.label === "floating" ? " " : void 0),
-		...props,
-		...mergeStatefulStyles((state) => ({
+	const T0 = Input;
+	const t2 = placeholder ?? (box.label === "floating" ? " " : void 0);
+	let t3;
+	if ($[0] !== box || $[1] !== numeric) {
+		t3 = (state) => ({
 			0: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv" },
 			8: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq" },
 			4: { className: "xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mvm7v4 xxqzaim" },
@@ -383,29 +460,69 @@ function FieldInput({ numeric = false, placeholder, prefix, suffix, ...props })
 			11: { className: "xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b x7ip5l3 x1xj74d8" },
 			7: { className: "xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b x7ip5l3 x1xj74d8" },
 			15: { className: "xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b x7ip5l3 x1xj74d8" }
-		})[!!box.underLabel << 3 | !!(box.label === "floating") << 2 | !!numeric << 1 | !!state.isDisabled << 0], props)
-	});
+		})[!!box.underLabel << 3 | !!(box.label === "floating") << 2 | !!numeric << 1 | !!state.isDisabled << 0];
+		$[0] = box;
+		$[1] = numeric;
+		$[2] = t3;
+	} else t3 = $[2];
+	const t4 = mergeStatefulStyles(t3, props);
+	let t5;
+	if ($[3] !== T0 || $[4] !== props || $[5] !== t2 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx(T0, {
+			placeholder: t2,
+			...props,
+			...t4
+		});
+		$[3] = T0;
+		$[4] = props;
+		$[5] = t2;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	const control = t5;
 	if (prefix === void 0 && suffix === void 0) return control;
-	return /* @__PURE__ */ jsxs("span", {
-		className: "x1pha0wt x78zum5 x14qo01y",
-		children: [
-			prefix === void 0 ? null : /* @__PURE__ */ jsx("span", {
-				...{
-					0: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft" },
-					1: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq" }
-				}[!!box.underLabel << 0],
-				children: prefix
-			}),
-			control,
-			suffix === void 0 ? null : /* @__PURE__ */ jsx("span", {
-				...{
-					0: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft" },
-					1: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq" }
-				}[!!box.underLabel << 0],
-				children: suffix
-			})
-		]
-	});
+	let t6;
+	if ($[8] !== box || $[9] !== prefix) {
+		t6 = prefix === void 0 ? null : /* @__PURE__ */ jsx("span", {
+			...{
+				0: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft" },
+				1: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq" }
+			}[!!box.underLabel << 0],
+			children: prefix
+		});
+		$[8] = box;
+		$[9] = prefix;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== box || $[12] !== suffix) {
+		t7 = suffix === void 0 ? null : /* @__PURE__ */ jsx("span", {
+			...{
+				0: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft" },
+				1: { className: "x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq" }
+			}[!!box.underLabel << 0],
+			children: suffix
+		});
+		$[11] = box;
+		$[12] = suffix;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== control || $[15] !== t6 || $[16] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("span", {
+			className: "x1pha0wt x78zum5 x14qo01y",
+			children: [
+				t6,
+				control,
+				t7
+			]
+		});
+		$[14] = control;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
 }
 /**
 * A field's multi-line text control, in a {@link FieldBox} drawn `multiline`.
@@ -419,27 +536,69 @@ function FieldInput({ numeric = false, placeholder, prefix, suffix, ...props })
 * in the same grid cell as the control, and the cell is as tall as whichever
 * of the two is taller.
 */
-function FieldTextArea({ autosize = false, placeholder, ...props$1 }) {
+function FieldTextArea(t0) {
+	const $ = c(15);
+	const { autosize: t1, placeholder, ...props$1 } = t0;
+	const autosize = t1 === void 0 ? false : t1;
 	const box = useContext(BoxContext);
 	const context = useSlottedContext(TextAreaContext);
 	const value = typeof context?.value === "string" ? context.value : "";
-	const control = /* @__PURE__ */ jsx(TextArea, {
-		placeholder: placeholder ?? (box.label === "floating" ? " " : void 0),
-		...props$1,
-		...mergeStatefulStyles((state) => props(styles.input, box.underLabel && styles.inputUnderLabel, box.label === "floating" && styles.inputUnderFloatingLabel, styles.textArea, autosize && styles.textAreaAutosize, autosize && styles.autosizeCell, state.isDisabled && styles.inputDisabled), props$1)
-	});
+	const T0 = TextArea;
+	const t2 = placeholder ?? (box.label === "floating" ? " " : void 0);
+	let t3;
+	if ($[0] !== autosize || $[1] !== box) {
+		t3 = (state) => props(styles.input, box.underLabel && styles.inputUnderLabel, box.label === "floating" && styles.inputUnderFloatingLabel, styles.textArea, autosize && styles.textAreaAutosize, autosize && styles.autosizeCell, state.isDisabled && styles.inputDisabled);
+		$[0] = autosize;
+		$[1] = box;
+		$[2] = t3;
+	} else t3 = $[2];
+	const t4 = mergeStatefulStyles(t3, props$1);
+	let t5;
+	if ($[3] !== T0 || $[4] !== props$1 || $[5] !== t2 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx(T0, {
+			placeholder: t2,
+			...props$1,
+			...t4
+		});
+		$[3] = T0;
+		$[4] = props$1;
+		$[5] = t2;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	const control = t5;
 	if (!autosize) return control;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "xrvj5dj",
-		children: [control, /* @__PURE__ */ jsxs("div", {
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
+			0: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mzt3pk xlshs6z x126k92a x1b1wf8y" },
+			1: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mzt3pk xlshs6z x126k92a x1b1wf8y" }
+		};
+		$[8] = t6;
+	} else t6 = $[8];
+	const t7 = t6[!!box.underLabel << 0];
+	let t8;
+	if ($[9] !== t7 || $[10] !== value) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			"aria-hidden": "true",
-			...{
-				0: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mzt3pk xlshs6z x126k92a x1b1wf8y" },
-				1: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mzt3pk xlshs6z x126k92a x1b1wf8y" }
-			}[!!box.underLabel << 0],
+			...t7,
 			children: [value, " "]
-		})]
-	});
+		});
+		$[9] = t7;
+		$[10] = value;
+		$[11] = t8;
+	} else t8 = $[11];
+	let t9;
+	if ($[12] !== control || $[13] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "xrvj5dj",
+			children: [control, t8]
+		});
+		$[12] = control;
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	return t9;
 }
 /**
 * The press target over a {@link FieldBox} whose whole surface opens
@@ -486,22 +645,34 @@ function FieldTrigger(props) {
 * under a floating label it is hidden until the field is focused, exactly as
 * an input's placeholder is.
 */
-function FieldValue({ isFocused = false, isPlaceholder = false, ...props }) {
+function FieldValue(t0) {
+	const $ = c(3);
+	const { isFocused: t1, isPlaceholder: t2, ...props } = t0;
+	const isFocused = t1 === void 0 ? false : t1;
+	const isPlaceholder = t2 === void 0 ? false : t2;
 	const box = useContext(BoxContext);
 	const hidden = isPlaceholder && box.label === "floating" && !isFocused;
-	return /* @__PURE__ */ jsx("span", {
-		...props,
-		...mergeStyles({
-			0: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft" },
-			4: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq" },
-			2: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x1w5n3ug" },
-			6: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x1w5n3ug" },
-			1: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv" },
-			5: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv" },
-			3: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv" },
-			7: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv" }
-		}[!!box.underLabel << 2 | !!isPlaceholder << 1 | !!hidden << 0], props)
-	});
+	const t3 = mergeStyles({
+		0: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft" },
+		4: { className: "x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq" },
+		2: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x1w5n3ug" },
+		6: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x1w5n3ug" },
+		1: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv" },
+		5: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv" },
+		3: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv" },
+		7: { className: "x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv" }
+	}[!!box.underLabel << 2 | !!isPlaceholder << 1 | !!hidden << 0], props);
+	let t4;
+	if ($[0] !== props || $[1] !== t3) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			...props,
+			...t3
+		});
+		$[0] = props;
+		$[1] = t3;
+		$[2] = t4;
+	} else t4 = $[2];
+	return t4;
 }
 function useFieldPopulated() {
 	const input = useSlottedContext(InputContext);
@@ -523,11 +694,20 @@ function useFieldPopulated() {
 * its control through context.
 */
 const NO_STATE = {};
-function FieldLabel({ state = NO_STATE, ...props }) {
-	const { isDisabled = false, isFocusWithin = false, isInvalid = false } = state;
-	return /* @__PURE__ */ jsx(Label, {
-		...props,
-		...mergeStyles({
+function FieldLabel(t0) {
+	const $ = c(8);
+	let T0;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		const { state: t3, ...props } = t0;
+		const { isDisabled: t4, isFocusWithin: t5, isInvalid: t6 } = t3 === void 0 ? NO_STATE : t3;
+		const isDisabled = t4 === void 0 ? false : t4;
+		const isFocusWithin = t5 === void 0 ? false : t5;
+		const isInvalid = t6 === void 0 ? false : t6;
+		T0 = Label;
+		t1 = props;
+		t2 = mergeStyles({
 			0: { className: "x1w5n3ug xkzkux9 xixa3zk xpc4ca7" },
 			4: { className: "xkzkux9 xixa3zk xpc4ca7 x1xj74d8" },
 			2: { className: "xkzkux9 xixa3zk xpc4ca7 x4ii1qj" },
@@ -536,8 +716,28 @@ function FieldLabel({ state = NO_STATE, ...props }) {
 			5: { className: "xkzkux9 xixa3zk xpc4ca7 x1mxwv8y" },
 			3: { className: "xkzkux9 xixa3zk xpc4ca7 x1mxwv8y" },
 			7: { className: "xkzkux9 xixa3zk xpc4ca7 x1mxwv8y" }
-		}[!!isDisabled << 2 | !!isInvalid << 1 | !!(!isDisabled && !isInvalid && isFocusWithin) << 0], props)
-	});
+		}[!!isDisabled << 2 | !!isInvalid << 1 | !!(!isDisabled && !isInvalid && isFocusWithin) << 0], props);
+		$[0] = t0;
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		T0 = $[1];
+		t1 = $[2];
+		t2 = $[3];
+	}
+	let t3;
+	if ($[4] !== T0 || $[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			...t1,
+			...t2
+		});
+		$[4] = T0;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 /**
 * The line under a field: the error while there is one, the description
@@ -548,7 +748,11 @@ function FieldLabel({ state = NO_STATE, ...props }) {
 * field changing. The description steps aside for those too, which is what
 * the field's validation state is read for.
 */
-function FieldMessage({ characterCount = false, description, error, inset = true, maxLength }) {
+function FieldMessage(t0) {
+	const $ = c(17);
+	const { characterCount: t1, description, error, inset: t2, maxLength } = t0;
+	const characterCount = t1 === void 0 ? false : t1;
+	const inset = t2 === void 0 ? true : t2;
 	const validation = useContext(FieldErrorContext);
 	const invalid = error !== void 0 || (validation?.isInvalid ?? false);
 	const input = useSlottedContext(InputContext);
@@ -557,33 +761,71 @@ function FieldMessage({ characterCount = false, description, error, inset = true
 	if (!invalid && description === void 0 && !characterCount && !insideForm) return null;
 	const value = input?.value ?? textArea?.value ?? "";
 	const length = String(value).length;
-	return /* @__PURE__ */ jsxs("div", {
-		...{
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
 			0: { className: "x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x1pha0wt x78zum5 xxj4525 x1y88zpp x17jz683" },
 			1: { className: "x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x1pha0wt x78zum5 xxj4525 x1y88zpp x17jz683 xboopgi" }
-		}[!!inset << 0],
-		children: [
-			validation === null && error !== void 0 ? /* @__PURE__ */ jsx("span", {
-				className: "x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj",
-				children: error
-			}) : /* @__PURE__ */ jsx(FieldError, {
-				className: "x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj",
-				children: error
-			}),
-			!invalid && description !== void 0 ? /* @__PURE__ */ jsx(Text, {
-				slot: "description",
-				className: "x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j",
-				children: description
-			}) : null,
-			characterCount ? /* @__PURE__ */ jsx("span", {
-				...{
-					0: { className: "x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft" },
-					1: { className: "x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft x4ii1qj" }
-				}[!!invalid << 0],
-				children: maxLength === void 0 ? length : `${length}/${maxLength}`
-			}) : null
-		]
-	});
+		};
+		$[0] = t3;
+	} else t3 = $[0];
+	const t4 = t3[!!inset << 0];
+	let t5;
+	if ($[1] !== error || $[2] !== validation) {
+		t5 = validation === null && error !== void 0 ? /* @__PURE__ */ jsx("span", {
+			className: "x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj",
+			children: error
+		}) : /* @__PURE__ */ jsx(FieldError, {
+			className: "x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj",
+			children: error
+		});
+		$[1] = error;
+		$[2] = validation;
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] !== description || $[5] !== invalid) {
+		t6 = !invalid && description !== void 0 ? /* @__PURE__ */ jsx(Text, {
+			slot: "description",
+			className: "x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j",
+			children: description
+		}) : null;
+		$[4] = description;
+		$[5] = invalid;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== characterCount || $[8] !== invalid || $[9] !== length || $[10] !== maxLength) {
+		t7 = characterCount ? /* @__PURE__ */ jsx("span", {
+			...{
+				0: { className: "x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft" },
+				1: { className: "x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft x4ii1qj" }
+			}[!!invalid << 0],
+			children: maxLength === void 0 ? length : `${length}/${maxLength}`
+		}) : null;
+		$[7] = characterCount;
+		$[8] = invalid;
+		$[9] = length;
+		$[10] = maxLength;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			...t4,
+			children: [
+				t5,
+				t6,
+				t7
+			]
+		});
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	return t8;
 }
 //#endregion
 export { FieldBox, FieldInput, FieldLabel, FieldMessage, FieldTextArea, FieldTrigger, FieldValue };