@povio/ui 2.3.0-rc.4 → 2.3.0-rc.40

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

@@ -1,17 +1,41 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import "../../../config/i18n.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/FormField/FormFieldHeaderClose.tsx
-var FormFieldHeaderClose = ({ onClose }) => {
+var FormFieldHeaderClose = (t0) => {
+	const $ = c(6);
+	const { onClose } = t0;
 	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsx(Button, {
-		onPress: onClose,
-		"aria-label": t(($) => $.ui.closeAlt),
-		className: "shrink-0 focus-visible:outline-interactive-text-secondary-focus",
-		children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-6 text-interactive-text-secondary-idle" })
-	});
+	let t1;
+	if ($[0] !== t) {
+		t1 = t(_temp);
+		$[0] = t;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(CloseIcon, { className: "size-6 text-interactive-text-secondary-idle" });
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== onClose || $[4] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Button, {
+			onPress: onClose,
+			"aria-label": t1,
+			className: "shrink-0 focus-visible:outline-interactive-text-secondary-focus",
+			children: t2
+		});
+		$[3] = onClose;
+		$[4] = t1;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 };
+function _temp($) {
+	return $.ui.closeAlt;
+}
 //#endregion
 export { FormFieldHeaderClose };

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

@@ -1,14 +1,34 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { formFieldHelper } from "./formFieldHelper.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/FormField/FormFieldHelper.tsx
-var FormFieldHelper = ({ helperText, isDisabled, isHidden, hasError, className }) => {
-	return /* @__PURE__ */ jsx("p", {
-		className: clsx(UIStyle.useCva("formField.helperLabelCva", formFieldHelper)({ visible: !!helperText && !isDisabled && !isHidden && !hasError }), className),
-		slot: "description",
-		children: helperText
-	});
+var FormFieldHelper = (t0) => {
+	const $ = c(7);
+	const { helperText, isDisabled, isHidden, hasError, className } = t0;
+	const formFieldHelperCva = UIStyle.useCva("formField.helperLabelCva", formFieldHelper);
+	const visible = !!helperText && !isDisabled && !isHidden && !hasError;
+	let t1;
+	if ($[0] !== className || $[1] !== formFieldHelperCva || $[2] !== visible) {
+		t1 = clsx(formFieldHelperCva({ visible }), className);
+		$[0] = className;
+		$[1] = formFieldHelperCva;
+		$[2] = visible;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== helperText || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: t1,
+			slot: "description",
+			children: helperText
+		});
+		$[4] = helperText;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 //#endregion
 export { FormFieldHelper };

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

@@ -1,28 +1,59 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "../../text/Typography/typography.cva.js";
 import { labelBase, labelTypography } from "../shared/label.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Label } from "react-aria-components";
 //#region src/components/inputs/FormField/FormFieldLabel.tsx
-var FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, className }) => {
+var FormFieldLabel = (t0) => {
+	const $ = c(16);
+	const { ref, as, label, isRequired, isDisabled, labelProps, className } = t0;
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	const labelTypographyMap = UIStyle.useMapper("label.typography", labelTypography);
 	const labelBaseCva = UIStyle.useCva("label.cva", labelBase);
-	return /* @__PURE__ */ jsxs(Label, {
-		...labelProps,
-		ref,
-		className: clsx(typographyCva({
+	let t1;
+	if ($[0] !== as || $[1] !== className || $[2] !== labelBaseCva || $[3] !== labelProps?.className || $[4] !== labelTypographyMap || $[5] !== typographyCva) {
+		t1 = clsx(typographyCva({
 			size: "label-2",
 			sizeMobile: "label-2",
 			variant: "prominent-1",
 			...labelTypographyMap({ as })
-		}), labelBaseCva({ as }), className, labelProps?.className),
-		children: [label, isRequired && /* @__PURE__ */ jsx("span", {
+		}), labelBaseCva({ as }), className, labelProps?.className);
+		$[0] = as;
+		$[1] = className;
+		$[2] = labelBaseCva;
+		$[3] = labelProps?.className;
+		$[4] = labelTypographyMap;
+		$[5] = typographyCva;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== isDisabled || $[8] !== isRequired) {
+		t2 = isRequired && /* @__PURE__ */ jsx("span", {
 			className: clsx(!isDisabled && "text-text-error-1"),
 			children: "*"
-		})]
-	});
+		});
+		$[7] = isDisabled;
+		$[8] = isRequired;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== label || $[11] !== labelProps || $[12] !== ref || $[13] !== t1 || $[14] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Label, {
+			...labelProps,
+			ref,
+			className: t1,
+			children: [label, t2]
+		});
+		$[10] = label;
+		$[11] = labelProps;
+		$[12] = ref;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 };
 //#endregion
 export { FormFieldLabel };