@povio/ui 3.1.0 → 3.2.0

package/dist/components/inputs/File/shared/InputUploadContent.js

@@ -7,49 +7,163 @@ import { inputSizeDefinition } from "../../shared/input.cva.js";
 import { UploadIcon } from "../../../../assets/icons/Upload.js";
 import { inputButtonSizeMapping } from "../inputUpload.types.js";
 import { inputUploadButton, inputUploadDropZone } from "./inputUploadButton.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { DropZone, FileTrigger } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/InputUploadContent.tsx
 var InputUploadContent = (props) => {
-	const { variant, isDisabled, error, placeholder, buttonText, size, ...rest } = props;
+	const $ = c(46);
+	let buttonText;
+	let error;
+	let isDisabled;
+	let placeholder;
+	let rest;
+	let size;
+	let variant;
+	if ($[0] !== props) {
+		({variant, isDisabled, error, placeholder, buttonText, size, ...rest} = props);
+		$[0] = props;
+		$[1] = buttonText;
+		$[2] = error;
+		$[3] = isDisabled;
+		$[4] = placeholder;
+		$[5] = rest;
+		$[6] = size;
+		$[7] = variant;
+	} else {
+		buttonText = $[1];
+		error = $[2];
+		isDisabled = $[3];
+		placeholder = $[4];
+		rest = $[5];
+		size = $[6];
+		variant = $[7];
+	}
 	const { t } = useTranslation("ui");
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	return /* @__PURE__ */ jsx(FileTrigger, {
-		...rest,
-		children: /* @__PURE__ */ jsxs("div", {
+	const t0 = isDisabled || void 0;
+	const t1 = isDisabled || void 0;
+	const t2 = !!error || void 0;
+	let t3;
+	if ($[8] !== variant) {
+		t3 = inputUploadButton({
+			variant,
+			className: "group/input-upload"
+		});
+		$[8] = variant;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== inputSizeCva || $[11] !== size || $[12] !== variant) {
+		t4 = clsx(inputUploadDropZone({ variant }), inputSizeCva({ size }));
+		$[10] = inputSizeCva;
+		$[11] = size;
+		$[12] = variant;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== placeholder || $[15] !== t) {
+		t5 = placeholder ?? t(_temp);
+		$[14] = placeholder;
+		$[15] = t;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-1",
+			as: "span",
+			className: "min-w-0 flex-fill select-none truncate text-text-default-3",
+			children: t5
+		});
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== buttonText || $[20] !== isDisabled || $[21] !== t || $[22] !== variant) {
+		t7 = variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
+			isDisabled,
+			icon: UploadIcon,
+			children: buttonText ?? t(_temp2)
+		});
+		$[19] = buttonText;
+		$[20] = isDisabled;
+		$[21] = t;
+		$[22] = variant;
+		$[23] = t7;
+	} else t7 = $[23];
+	let t8;
+	if ($[24] !== isDisabled || $[25] !== rest || $[26] !== t4 || $[27] !== t6 || $[28] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(DropZone, {
+			...rest,
+			isDisabled,
+			className: t4,
+			children: [t6, t7]
+		});
+		$[24] = isDisabled;
+		$[25] = rest;
+		$[26] = t4;
+		$[27] = t6;
+		$[28] = t7;
+		$[29] = t8;
+	} else t8 = $[29];
+	let t9;
+	if ($[30] !== buttonText || $[31] !== isDisabled || $[32] !== size || $[33] !== t || $[34] !== variant) {
+		t9 = variant !== "nested" && /* @__PURE__ */ jsx(Button$1, {
+			size: inputButtonSizeMapping[size ?? "default"],
+			width: "hug",
+			isDisabled,
+			className: "truncate",
+			children: buttonText ?? t(_temp3)
+		});
+		$[30] = buttonText;
+		$[31] = isDisabled;
+		$[32] = size;
+		$[33] = t;
+		$[34] = variant;
+		$[35] = t9;
+	} else t9 = $[35];
+	let t10;
+	if ($[36] !== t0 || $[37] !== t1 || $[38] !== t2 || $[39] !== t3 || $[40] !== t8 || $[41] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
 			"data-rac": "",
-			"data-disabled": isDisabled || void 0,
-			"data-invalid": !!error || void 0,
-			className: inputUploadButton({
-				variant,
-				className: "group/input-upload"
-			}),
-			children: [/* @__PURE__ */ jsxs(DropZone, {
-				...rest,
-				isDisabled,
-				className: clsx(inputUploadDropZone({ variant }), inputSizeCva({ size })),
-				children: [/* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-1",
-					as: "span",
-					className: "min-w-0 flex-fill select-none truncate text-text-default-3",
-					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
-				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
-					isDisabled,
-					icon: UploadIcon,
-					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
-				})]
-			}), variant !== "nested" && /* @__PURE__ */ jsx(Button$1, {
-				size: inputButtonSizeMapping[size ?? "default"],
-				width: "hug",
-				isDisabled,
-				className: "truncate",
-				children: buttonText ?? t(($) => $.ui.fileUpload.uploadFile)
-			})]
-		})
-	});
+			"data-disabled": t0,
+			"data-is-disabled": t1,
+			"data-invalid": t2,
+			className: t3,
+			children: [t8, t9]
+		});
+		$[36] = t0;
+		$[37] = t1;
+		$[38] = t2;
+		$[39] = t3;
+		$[40] = t8;
+		$[41] = t9;
+		$[42] = t10;
+	} else t10 = $[42];
+	let t11;
+	if ($[43] !== rest || $[44] !== t10) {
+		t11 = /* @__PURE__ */ jsx(FileTrigger, {
+			...rest,
+			children: t10
+		});
+		$[43] = rest;
+		$[44] = t10;
+		$[45] = t11;
+	} else t11 = $[45];
+	return t11;
 };
+function _temp($) {
+	return $.ui.fileUpload.emptyText;
+}
+function _temp2($_0) {
+	return $_0.ui.fileUpload.upload;
+}
+function _temp3($_1) {
+	return $_1.ui.fileUpload.uploadFile;
+}
 //#endregion
 export { InputUploadContent };

package/dist/components/inputs/File/shared/InputUploadFilled.js

@@ -3,26 +3,67 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import { inputSizeDefinition } from "../../shared/input.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/InputUploadFilled.tsx
-var InputUploadFilled = ({ files, onRemove, isDisabled, size }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex items-center rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle", UIOverrides.useCva("input.sizeCva", inputSizeDefinition)({ size })),
-		children: [/* @__PURE__ */ jsx(Typography, {
+var InputUploadFilled = (t0) => {
+	const $ = c(14);
+	const { files, onRemove, isDisabled, size } = t0;
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	let t1;
+	if ($[0] !== inputSizeCva || $[1] !== size) {
+		t1 = clsx("flex items-center rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle", inputSizeCva({ size }));
+		$[0] = inputSizeCva;
+		$[1] = size;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== files) {
+		t2 = files.map(_temp).join(", ");
+		$[3] = files;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Typography, {
 			variant: "default",
 			size: "label-1",
 			as: "span",
 			className: "flex-fill select-none truncate text-ellipsis text-text-default-1 input-disabled:text-text-default-3",
-			children: files.map((file) => file.name).join(", ")
-		}), /* @__PURE__ */ jsx(InlineIconButton, {
+			children: t2
+		});
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== isDisabled || $[8] !== onRemove) {
+		t4 = /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "Remove files",
 			color: "secondary",
 			icon: CloseIcon,
 			isDisabled,
 			onPress: onRemove
-		})]
-	});
+		});
+		$[7] = isDisabled;
+		$[8] = onRemove;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t1 || $[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			children: [t3, t4]
+		});
+		$[10] = t1;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
 };
+function _temp(file) {
+	return file.name;
+}
 //#endregion
 export { InputUploadFilled };

package/dist/components/inputs/File/shared/ProgressBar.js

@@ -1,33 +1,120 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./progressBar.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/ProgressBar.tsx
-var ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
+var ProgressBar = (t0) => {
+	const $ = c(33);
+	const { progress: t1, valueLabel: t2 } = t0;
+	const progress = t1 === void 0 ? 0 : t1;
+	const valueLabel = t2 === void 0 ? "trailing" : t2;
 	const progressBarCva = UIOverrides.useCva("progressBar.cva", progressBarDefinition);
 	const progressBarTrackWrapperCva = UIOverrides.useCva("progressBar.trackWrapperCva", progressBarTrackWrapperDefinition);
 	const progressBarTrackCva = UIOverrides.useCva("progressBar.trackCva", progressBarTrackDefinition);
 	const progressBarFillCva = UIOverrides.useCva("progressBar.fillCva", progressBarFillDefinition);
 	const progressBarValueCva = UIOverrides.useCva("progressBar.valueCva", progressBarValueDefinition);
-	return /* @__PURE__ */ jsxs("div", {
-		className: progressBarCva({ valueLabel }),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: progressBarTrackWrapperCva(),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: progressBarTrackCva({ part: "container" }),
-				children: [/* @__PURE__ */ jsx("div", { className: progressBarTrackCva({ part: "background" }) }), /* @__PURE__ */ jsx("div", {
-					className: progressBarFillCva(),
-					style: { width: `${progress}%` }
-				})]
-			})
-		}), valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
+	let t3;
+	if ($[0] !== progressBarCva || $[1] !== valueLabel) {
+		t3 = progressBarCva({ valueLabel });
+		$[0] = progressBarCva;
+		$[1] = valueLabel;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== progressBarTrackWrapperCva) {
+		t4 = progressBarTrackWrapperCva();
+		$[3] = progressBarTrackWrapperCva;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== progressBarTrackCva) {
+		t5 = progressBarTrackCva({ part: "container" });
+		$[5] = progressBarTrackCva;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== progressBarTrackCva) {
+		t6 = progressBarTrackCva({ part: "background" });
+		$[7] = progressBarTrackCva;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", { className: t6 });
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== progressBarFillCva) {
+		t8 = progressBarFillCva();
+		$[11] = progressBarFillCva;
+		$[12] = t8;
+	} else t8 = $[12];
+	const t9 = `${progress}%`;
+	let t10;
+	if ($[13] !== t9) {
+		t10 = { width: t9 };
+		$[13] = t9;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[15] !== t10 || $[16] !== t8) {
+		t11 = /* @__PURE__ */ jsx("div", {
+			className: t8,
+			style: t10
+		});
+		$[15] = t10;
+		$[16] = t8;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== t11 || $[19] !== t5 || $[20] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			children: [t7, t11]
+		});
+		$[18] = t11;
+		$[19] = t5;
+		$[20] = t7;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== t12 || $[23] !== t4) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: t4,
+			children: t12
+		});
+		$[22] = t12;
+		$[23] = t4;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== progress || $[26] !== progressBarValueCva || $[27] !== valueLabel) {
+		t14 = valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
 			variant: "default",
 			size: "label-2",
 			as: "span",
 			className: progressBarValueCva(),
 			children: [progress, "%"]
-		})]
-	});
+		});
+		$[25] = progress;
+		$[26] = progressBarValueCva;
+		$[27] = valueLabel;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== t13 || $[30] !== t14 || $[31] !== t3) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t13, t14]
+		});
+		$[29] = t13;
+		$[30] = t14;
+		$[31] = t3;
+		$[32] = t15;
+	} else t15 = $[32];
+	return t15;
 };
 //#endregion
 export { ProgressBar };

package/dist/components/inputs/File/shared/fileUpload.cva.d.ts

@@ -1,4 +1,3 @@
-import { ClassProp } from 'class-variance-authority/types';
 import { UIOverrides } from '../../../../config/uiOverrides.context';
 export declare const fileUploadDropZoneDefinition: {
     base: string[];
@@ -16,13 +15,3 @@ export declare const fileUploadDropZoneDefinition: {
 export type FileUploadDropZoneConfig = NonNullable<typeof fileUploadDropZoneDefinition.config>;
 export interface FileUploadDropZoneProps extends UIOverrides.VariantProps<FileUploadDropZoneConfig> {
 }
-export declare const fileUploadDropZone: (props: FileUploadDropZoneProps & ClassProp) => string;
-export declare const fileCardListDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly vertical: ["flex-col"];
-            readonly horizontal: ["flex-row flex-wrap"];
-        };
-    }>;
-};

package/dist/components/inputs/File/shared/fileUpload.cva.js

@@ -1,6 +1,4 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { clsx } from "clsx";
-import { cva } from "class-variance-authority";
 //#region src/components/inputs/File/shared/fileUpload.cva.ts
 var fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 	base: ["relative w-full rounded-file-upload-container-rounding-default"],
@@ -40,20 +38,5 @@ var fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 		defaultVariants: { variant: "vertical" }
 	}
 });
-var fileUploadDropZoneBase = cva(fileUploadDropZoneDefinition.base, fileUploadDropZoneDefinition.config);
-var fileUploadDropZone = (props) => {
-	const { className, ...rest } = props;
-	return clsx(fileUploadDropZoneBase(rest), className);
-};
-var fileCardListDefinition = UIOverrides.defineConfig({
-	base: ["flex gap-3"],
-	config: {
-		variants: { variant: {
-			vertical: ["flex-col"],
-			horizontal: ["flex-row flex-wrap"]
-		} },
-		defaultVariants: { variant: "vertical" }
-	}
-});
 //#endregion
-export { fileCardListDefinition, fileUploadDropZone, fileUploadDropZoneDefinition };
+export { fileUploadDropZoneDefinition };

package/dist/components/inputs/FormField/FormField.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, Ref } from 'react';
+import { FocusEventHandler, MouseEventHandler, PropsWithChildren, Ref } from 'react';
 import { FormFieldErrorProps } from './FormFieldError';
 import { FormFieldHeaderProps } from './FormFieldHeader';
 import { TextInputProps } from '../Input/TextInput/TextInput';
@@ -13,8 +13,8 @@ interface FormFieldComponentProps extends PropsWithChildren<FormFieldProps> {
     labelProps?: FormFieldHeaderProps["labelProps"];
     as?: TextInputProps["as"];
     tabIndex?: number;
-    onMouseEnter?: () => void;
-    onFocusCapture?: () => void;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
 }
 export declare const FormField: ({ ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture, }: FormFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/FormField/FormField.js

@@ -1,45 +1,127 @@
 import { FormFieldError } from "./FormFieldError.js";
 import { FormFieldHeader } from "./FormFieldHeader.js";
 import { FormFieldHelper } from "./FormFieldHelper.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormField.tsx
-var FormField = ({ ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }) => {
-	const headerProps = {
-		label,
-		tooltipText,
-		helperText,
-		isRequired,
-		rightContent,
-		isHeaderHidden: hideLabel || isHeaderHidden,
-		isDisabled,
-		className: headerClassName,
-		labelProps
-	};
-	const helperProps = {
-		helperText,
-		isDisabled,
-		isHidden: !["filter", "floating"].includes(as ?? ""),
-		hasError: !!error
-	};
-	const errorProps = {
-		error,
-		isDisabled,
-		isHidden: ["filter", "inline"].includes(as ?? ""),
-		className: errorClassName
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className,
-		tabIndex,
-		onMouseEnter,
-		onFocusCapture,
-		children: [
-			!["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps }),
-			children,
-			/* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
-			/* @__PURE__ */ jsx(FormFieldError, { ...errorProps })
-		]
-	});
+var FormField = (t0) => {
+	const $ = c(39);
+	const { ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture } = t0;
+	const t1 = hideLabel || isHeaderHidden;
+	let t2;
+	if ($[0] !== headerClassName || $[1] !== helperText || $[2] !== isDisabled || $[3] !== isRequired || $[4] !== label || $[5] !== labelProps || $[6] !== rightContent || $[7] !== t1 || $[8] !== tooltipText) {
+		t2 = {
+			label,
+			tooltipText,
+			helperText,
+			isRequired,
+			rightContent,
+			isHeaderHidden: t1,
+			isDisabled,
+			className: headerClassName,
+			labelProps
+		};
+		$[0] = headerClassName;
+		$[1] = helperText;
+		$[2] = isDisabled;
+		$[3] = isRequired;
+		$[4] = label;
+		$[5] = labelProps;
+		$[6] = rightContent;
+		$[7] = t1;
+		$[8] = tooltipText;
+		$[9] = t2;
+	} else t2 = $[9];
+	const headerProps = t2;
+	let t3;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = ["filter", "floating"];
+		$[10] = t3;
+	} else t3 = $[10];
+	const t4 = !t3.includes(as ?? "");
+	const t5 = !!error;
+	let t6;
+	if ($[11] !== helperText || $[12] !== isDisabled || $[13] !== t4 || $[14] !== t5) {
+		t6 = {
+			helperText,
+			isDisabled,
+			isHidden: t4,
+			hasError: t5
+		};
+		$[11] = helperText;
+		$[12] = isDisabled;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	const helperProps = t6;
+	let t7;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = ["filter", "inline"];
+		$[16] = t7;
+	} else t7 = $[16];
+	const t8 = t7.includes(as ?? "");
+	let t9;
+	if ($[17] !== error || $[18] !== errorClassName || $[19] !== isDisabled || $[20] !== t8) {
+		t9 = {
+			error,
+			isDisabled,
+			isHidden: t8,
+			className: errorClassName
+		};
+		$[17] = error;
+		$[18] = errorClassName;
+		$[19] = isDisabled;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	const errorProps = t9;
+	let t10;
+	if ($[22] !== as || $[23] !== headerProps) {
+		t10 = !["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps });
+		$[22] = as;
+		$[23] = headerProps;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== helperProps) {
+		t11 = /* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps });
+		$[25] = helperProps;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== errorProps) {
+		t12 = /* @__PURE__ */ jsx(FormFieldError, { ...errorProps });
+		$[27] = errorProps;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== children || $[30] !== className || $[31] !== onFocusCapture || $[32] !== onMouseEnter || $[33] !== ref || $[34] !== t10 || $[35] !== t11 || $[36] !== t12 || $[37] !== tabIndex) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			ref,
+			className,
+			tabIndex,
+			onMouseEnter,
+			onFocusCapture,
+			children: [
+				t10,
+				children,
+				t11,
+				t12
+			]
+		});
+		$[29] = children;
+		$[30] = className;
+		$[31] = onFocusCapture;
+		$[32] = onMouseEnter;
+		$[33] = ref;
+		$[34] = t10;
+		$[35] = t11;
+		$[36] = t12;
+		$[37] = tabIndex;
+		$[38] = t13;
+	} else t13 = $[38];
+	return t13;
 };
 //#endregion
 export { FormField };

package/dist/components/inputs/FormField/FormFieldError.js

@@ -1,13 +1,33 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { formFieldErrorDefinition } from "./formFieldError.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/FormField/FormFieldError.tsx
-var FormFieldError = ({ error, isDisabled, isHidden, className }) => {
-	return /* @__PURE__ */ jsx("p", {
-		className: clsx(UIOverrides.useCva("formField.errorLabelCva", formFieldErrorDefinition)({ visible: !!error && !isDisabled && !isHidden }), className),
-		children: error
-	});
+var FormFieldError = (t0) => {
+	const $ = c(7);
+	const { error, isDisabled, isHidden, className } = t0;
+	const formFieldErrorCva = UIOverrides.useCva("formField.errorLabelCva", formFieldErrorDefinition);
+	const visible = !!error && !isDisabled && !isHidden;
+	let t1;
+	if ($[0] !== className || $[1] !== formFieldErrorCva || $[2] !== visible) {
+		t1 = clsx(formFieldErrorCva({ visible }), className);
+		$[0] = className;
+		$[1] = formFieldErrorCva;
+		$[2] = visible;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== error || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: t1,
+			children: error
+		});
+		$[4] = error;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 //#endregion
 export { FormFieldError };