@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

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

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/File/shared/fileUpload.cva.ts
-var fileUploadDropZoneDefinition = UIOverrides.defineConfig({
+const fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 	base: ["relative w-full rounded-file-upload-container-rounding-default"],
 	config: {
 		variants: {

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

@@ -1,27 +1,26 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const inputUploadButtonDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly default: [];
-            readonly nested: [];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../../config/uiOverrides.context.js";
+import { ClassProp } from "class-variance-authority/types";
+//#region src/components/inputs/File/shared/inputUploadButton.cva.d.ts
+declare const inputUploadButtonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: [];
+      nested: [];
+    };
+  }>;
 };
-export type InputUploadButtonConfig = NonNullable<typeof inputUploadButtonDefinition.config>;
-export interface InputUploadButtonProps extends UIOverrides.VariantProps<InputUploadButtonConfig> {
-}
-export declare const inputUploadButton: (props: InputUploadButtonProps & ClassProp) => string;
-export declare const inputUploadDropZoneDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
-            readonly nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
-        };
-    }>;
+type InputUploadButtonConfig = NonNullable<typeof inputUploadButtonDefinition.config>;
+interface InputUploadButtonProps extends UIOverrides.VariantProps<InputUploadButtonConfig> {}
+declare const inputUploadDropZoneDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
+      nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"];
+    };
+  }>;
 };
-export declare const inputUploadDropZone: (props?: ({
-    readonly variant?: "default" | "nested" | null | undefined;
-} & ClassProp) | undefined) => string;
+//#endregion
+export { InputUploadButtonConfig, InputUploadButtonProps, inputUploadButtonDefinition, inputUploadDropZoneDefinition };

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

@@ -2,7 +2,7 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
 //#region src/components/inputs/File/shared/inputUploadButton.cva.ts
-var inputUploadButtonDefinition = UIOverrides.defineConfig({
+const inputUploadButtonDefinition = UIOverrides.defineConfig({
 	base: ["flex w-full items-center justify-between gap-input-gap-input-to-button-gap"],
 	config: {
 		variants: { variant: {
@@ -12,12 +12,12 @@ var inputUploadButtonDefinition = UIOverrides.defineConfig({
 		defaultVariants: { variant: "default" }
 	}
 });
-var inputUploadButtonBase = cva(inputUploadButtonDefinition.base, inputUploadButtonDefinition.config);
-var inputUploadButton = (props) => {
+const inputUploadButtonBase = cva(inputUploadButtonDefinition.base, inputUploadButtonDefinition.config);
+const inputUploadButton = (props) => {
 	const { className, ...rest } = props;
 	return clsx(inputUploadButtonBase(rest), className);
 };
-var inputUploadDropZoneDefinition = UIOverrides.defineConfig({
+const inputUploadDropZoneDefinition = UIOverrides.defineConfig({
 	base: [
 		"relative",
 		"min-w-0 flex-1",
@@ -34,6 +34,6 @@ var inputUploadDropZoneDefinition = UIOverrides.defineConfig({
 		defaultVariants: { variant: "default" }
 	}
 });
-var inputUploadDropZone = cva(inputUploadDropZoneDefinition.base, inputUploadDropZoneDefinition.config);
+const inputUploadDropZone = cva(inputUploadDropZoneDefinition.base, inputUploadDropZoneDefinition.config);
 //#endregion
 export { inputUploadButton, inputUploadButtonDefinition, inputUploadDropZone, inputUploadDropZoneDefinition };

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

@@ -1,38 +1,39 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const progressBarDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly valueLabel: {
-            readonly leading: ["flex-row-reverse"];
-            readonly trailing: [];
-            readonly none: [];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../../config/uiOverrides.context.js";
+//#region src/components/inputs/File/shared/progressBar.cva.d.ts
+declare const progressBarDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly valueLabel: {
+      leading: ["flex-row-reverse"];
+      trailing: [];
+      none: [];
+    };
+  }>;
 };
-export type ProgressBarConfig = NonNullable<typeof progressBarDefinition.config>;
-export interface ProgressBarVariantProps extends UIOverrides.VariantProps<ProgressBarConfig> {
-}
-export declare const progressBarTrackWrapperDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type ProgressBarConfig = NonNullable<typeof progressBarDefinition.config>;
+interface ProgressBarVariantProps extends UIOverrides.VariantProps<ProgressBarConfig> {}
+declare const progressBarTrackWrapperDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export declare const progressBarTrackDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly part: {
-            readonly container: ["relative h-1 w-full"];
-            readonly background: ["h-1 w-full shrink-0 rounded-xs bg-input-filled-idle"];
-        };
-    }>;
+declare const progressBarTrackDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly part: {
+      container: ["relative h-1 w-full"];
+      background: ["h-1 w-full shrink-0 rounded-xs bg-input-filled-idle"];
+    };
+  }>;
 };
-export type ProgressBarTrackConfig = NonNullable<typeof progressBarTrackDefinition.config>;
-export interface ProgressBarTrackVariantProps extends UIOverrides.VariantProps<ProgressBarTrackConfig> {
-}
-export declare const progressBarFillDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type ProgressBarTrackConfig = NonNullable<typeof progressBarTrackDefinition.config>;
+declare const progressBarFillDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export declare const progressBarValueDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+declare const progressBarValueDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
+//#endregion
+export { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition };

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

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/File/shared/progressBar.cva.ts
-var progressBarDefinition = UIOverrides.defineConfig({
+const progressBarDefinition = UIOverrides.defineConfig({
 	base: ["flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions"],
 	config: {
 		variants: { valueLabel: {
@@ -11,8 +11,8 @@ var progressBarDefinition = UIOverrides.defineConfig({
 		defaultVariants: { valueLabel: "trailing" }
 	}
 });
-var progressBarTrackWrapperDefinition = UIOverrides.defineConfig({ base: ["flex flex-fill flex-col items-start gap-2 py-progress-height-height"] });
-var progressBarTrackDefinition = UIOverrides.defineConfig({
+const progressBarTrackWrapperDefinition = UIOverrides.defineConfig({ base: ["flex flex-fill flex-col items-start gap-2 py-progress-height-height"] });
+const progressBarTrackDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { part: {
@@ -22,7 +22,7 @@ var progressBarTrackDefinition = UIOverrides.defineConfig({
 		defaultVariants: { part: "container" }
 	}
 });
-var progressBarFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-contained-primary-idle transition-all duration-300"] });
-var progressBarValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-text-default-3"] });
+const progressBarFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-contained-primary-idle transition-all duration-300"] });
+const progressBarValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-text-default-3"] });
 //#endregion
 export { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition };

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

@@ -1,20 +1,24 @@
-import { FocusEventHandler, MouseEventHandler, PropsWithChildren, Ref } from 'react';
-import { FormFieldErrorProps } from './FormFieldError';
-import { FormFieldHeaderProps } from './FormFieldHeader';
-import { TextInputProps } from '../Input/TextInput/TextInput';
-export interface FormFieldProps extends Omit<FormFieldHeaderProps, "className" | "labelProps">, Omit<FormFieldErrorProps, "className"> {
-    hideLabel?: boolean;
-    headerClassName?: string;
-    errorClassName?: string;
-    className?: string;
+import { FormFieldErrorProps } from "./FormFieldError.js";
+import { FormFieldHeaderProps } from "./FormFieldHeader.js";
+import { TextInputProps } from "../Input/TextInput/TextInput.js";
+import { FocusEventHandler, MouseEventHandler, PropsWithChildren, Ref } from "react";
+//#region src/components/inputs/FormField/FormField.d.ts
+interface FormFieldProps extends Omit<FormFieldHeaderProps, "className" | "labelProps">, Omit<FormFieldErrorProps, "className"> {
+  errorMessageId?: string;
+  helperTextId?: string;
+  hideLabel?: boolean;
+  headerClassName?: string;
+  errorClassName?: string;
+  className?: string;
 }
 interface FormFieldComponentProps extends PropsWithChildren<FormFieldProps> {
-    ref?: Ref<HTMLDivElement>;
-    labelProps?: FormFieldHeaderProps["labelProps"];
-    as?: TextInputProps["as"];
-    tabIndex?: number;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
+  ref?: Ref<HTMLDivElement>;
+  labelProps?: FormFieldHeaderProps["labelProps"];
+  as?: TextInputProps["as"];
+  tabIndex?: number;
+  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 {};
+declare const FormField: ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }: FormFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { FormField, FormFieldProps };

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

@@ -1,127 +1,47 @@
 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 = (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;
+const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, 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 = {
+		id: helperTextId,
+		helperText,
+		isDisabled,
+		isHidden: !["filter", "floating"].includes(as ?? ""),
+		hasError: !!error
+	};
+	const errorProps = {
+		id: errorMessageId,
+		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 })
+		]
+	});
 };
 //#endregion
 export { FormField };

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

@@ -1,7 +1,10 @@
-export interface FormFieldErrorProps {
-    error?: string;
-    isDisabled?: boolean;
-    isHidden?: boolean;
-    className?: string;
+//#region src/components/inputs/FormField/FormFieldError.d.ts
+interface FormFieldErrorProps {
+  id?: string;
+  error?: string;
+  isDisabled?: boolean;
+  isHidden?: boolean;
+  className?: string;
 }
-export declare const FormFieldError: ({ error, isDisabled, isHidden, className }: FormFieldErrorProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { FormFieldErrorProps };

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

@@ -1,33 +1,15 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { formFieldErrorDefinition } from "./formFieldError.cva.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldError.tsx
-var FormFieldError = (t0) => {
-	const $ = c(7);
-	const { error, isDisabled, isHidden, className } = t0;
+const FormFieldError = ({ id, error, isDisabled, isHidden, className }) => {
 	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;
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		className: clsx(formFieldErrorCva({ visible: !!error && !isDisabled && !isHidden }), className),
+		children: error
+	});
 };
 //#endregion
 export { FormFieldError };

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

@@ -1,14 +1,16 @@
-import { DOMAttributes } from '@react-types/shared';
-import { LabelHTMLAttributes, ReactNode } from 'react';
-export interface FormFieldHeaderProps {
-    label: string;
-    tooltipText?: string;
-    helperText?: string;
-    isRequired?: boolean;
-    rightContent?: ReactNode;
-    isHeaderHidden?: boolean;
-    isDisabled?: boolean;
-    className?: string;
-    labelProps?: DOMAttributes<HTMLLabelElement> & LabelHTMLAttributes<HTMLLabelElement>;
+import { LabelHTMLAttributes, ReactNode } from "react";
+import { DOMAttributes } from "@react-types/shared";
+//#region src/components/inputs/FormField/FormFieldHeader.d.ts
+interface FormFieldHeaderProps {
+  label: string;
+  tooltipText?: string;
+  helperText?: string;
+  isRequired?: boolean;
+  rightContent?: ReactNode;
+  isHeaderHidden?: boolean;
+  isDisabled?: boolean;
+  className?: string;
+  labelProps?: DOMAttributes<HTMLLabelElement> & LabelHTMLAttributes<HTMLLabelElement>;
 }
-export declare const FormFieldHeader: ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps, }: FormFieldHeaderProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { FormFieldHeaderProps };

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

@@ -6,92 +6,36 @@ import { FormFieldLabel } from "./FormFieldLabel.js";
 import { Info } from "lucide-react";
 import { clsx } from "clsx";
 import { Focusable } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldHeader.tsx
-var FormFieldHeader = (t0) => {
-	const $ = c(24);
-	const { label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps } = t0;
+const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
 	const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
-	const t1 = !isHeaderHidden;
-	let t2;
-	if ($[0] !== className || $[1] !== formFieldHeaderCva || $[2] !== t1) {
-		t2 = clsx(formFieldHeaderCva({ visible: t1 }), className);
-		$[0] = className;
-		$[1] = formFieldHeaderCva;
-		$[2] = t1;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== isDisabled || $[5] !== isRequired || $[6] !== label || $[7] !== labelProps) {
-		t3 = /* @__PURE__ */ jsx(FormFieldLabel, {
-			label,
-			isRequired,
-			isDisabled,
-			labelProps
-		});
-		$[4] = isDisabled;
-		$[5] = isRequired;
-		$[6] = label;
-		$[7] = labelProps;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== isDisabled || $[10] !== tooltipText) {
-		t4 = tooltipText && /* @__PURE__ */ jsx(Tooltip$1, {
-			text: tooltipText,
-			children: /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx(Info, {
-				className: clsx("size-6", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"),
-				tabIndex: 0
-			}) })
-		});
-		$[9] = isDisabled;
-		$[10] = tooltipText;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[12] !== t3 || $[13] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-1",
-			children: [t3, t4]
-		});
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== rightContent || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(formFieldHeaderCva({ visible: !isHeaderHidden }), className),
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-start justify-between",
-			children: [t5, rightContent]
-		});
-		$[15] = rightContent;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	let t7;
-	if ($[18] !== helperText) {
-		t7 = helperText && /* @__PURE__ */ jsx(Typography, {
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-start gap-1",
+				children: [/* @__PURE__ */ jsx(FormFieldLabel, {
+					label,
+					isRequired,
+					isDisabled,
+					labelProps
+				}), tooltipText && /* @__PURE__ */ jsx(Tooltip$1, {
+					text: tooltipText,
+					children: /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx(Info, {
+						className: clsx("size-6", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"),
+						tabIndex: 0
+					}) })
+				})]
+			}), rightContent]
+		}), helperText && /* @__PURE__ */ jsx(Typography, {
 			slot: "description",
 			size: "label-2",
 			className: "text-text-default-2",
 			children: helperText
-		});
-		$[18] = helperText;
-		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== t2 || $[21] !== t6 || $[22] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
-			className: t2,
-			children: [t6, t7]
-		});
-		$[20] = t2;
-		$[21] = t6;
-		$[22] = t7;
-		$[23] = t8;
-	} else t8 = $[23];
-	return t8;
+		})]
+	});
 };
 //#endregion
 export { FormFieldHeader };