@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

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

@@ -1,69 +1,29 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { Typography } from "../../../typography.js";
+import { InlineIconButton } from "../../../inline-icon-button.js";
 import { inputSizeDefinition } from "../../shared/input.cva.js";
 import { X } from "lucide-react";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/InputUploadFilled.tsx
-var InputUploadFilled = (t0) => {
-	const $ = c(14);
-	const { files, onRemove, isDisabled, size } = t0;
+const InputUploadFilled = ({ files, onRemove, isDisabled, size }) => {
 	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, {
+	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", inputSizeCva({ size })),
+		children: [/* @__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: t2
-		});
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== isDisabled || $[8] !== onRemove) {
-		t4 = /* @__PURE__ */ jsx(InlineIconButton, {
+			children: files.map((file) => file.name).join(", ")
+		}), /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "Remove files",
 			color: "secondary",
 			icon: X,
 			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.d.ts

@@ -1,6 +1,8 @@
-import { ProgressBarVariantProps } from './progressBar.cva';
+import { ProgressBarVariantProps } from "./progressBar.cva.js";
+//#region src/components/inputs/File/shared/ProgressBar.d.ts
 interface ProgressBarProps extends ProgressBarVariantProps {
-    progress?: number;
+  progress?: number;
 }
-export declare const ProgressBar: ({ progress, valueLabel }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ProgressBar: ({ progress, valueLabel }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ProgressBar };

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

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
+import { Typography } from "../../../typography.js";
 import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./progressBar.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/ProgressBar.tsx
-var ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
+const ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
 	const progressBarCva = UIOverrides.useCva("progressBar.cva", progressBarDefinition);
 	const progressBarTrackWrapperCva = UIOverrides.useCva("progressBar.trackWrapperCva", progressBarTrackWrapperDefinition);
 	const progressBarTrackCva = UIOverrides.useCva("progressBar.trackCva", progressBarTrackDefinition);

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

@@ -1,17 +1,18 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const fileUploadDropZoneDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly vertical: ["flex-col justify-center"];
-            readonly horizontal: ["flex-row justify-between"];
-        };
-        readonly isContainer: {
-            readonly true: ["data-[drop-target]:before:content-['']", "data-[drop-target]:before:absolute", "data-[drop-target]:before:z-drop-target", "data-[drop-target]:before:width-full", "data-[drop-target]:before:height-full", "data-[drop-target]:before:top-0", "data-[drop-target]:before:left-0", "data-[drop-target]:border data-[drop-target]:border-dashed", "data-[drop-target]:border-elevation-outline-default-2", "data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0", "data-[drop-target]:before:bg-elevation-fill-default-2"];
-            readonly false: ["flex items-center", "py-file-upload-container-height-top-bottom", "px-file-upload-container-side-default", "gap-gap-file-upload-content-gap-icon-to-content", "border border-input-outlined-outline-idle border-dashed bg-input-outlined-idle", "hover:border-elevation-outline-default-2 hover:bg-elevation-fill-default-2", "invalid:border invalid:border-input-outlined-outline-error", "data-[drop-target]:border-elevation-outline-default-2 data-[drop-target]:bg-elevation-fill-default-2", "data-[has-files]:border-solid"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import "../../../../config/uiOverrides.context.js";
+//#region src/components/inputs/File/shared/fileUpload.cva.d.ts
+declare const fileUploadDropZoneDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      vertical: ["flex-col justify-center"];
+      horizontal: ["flex-row justify-between"];
+    };
+    readonly isContainer: {
+      true: ["data-[drop-target]:before:content-['']", "data-[drop-target]:before:absolute", "data-[drop-target]:before:z-drop-target", "data-[drop-target]:before:width-full", "data-[drop-target]:before:height-full", "data-[drop-target]:before:top-0", "data-[drop-target]:before:left-0", "data-[drop-target]:border data-[drop-target]:border-dashed", "data-[drop-target]:border-elevation-outline-default-2", "data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0", "data-[drop-target]:before:bg-elevation-fill-default-2"];
+      false: ["flex items-center", "py-file-upload-container-height-top-bottom", "px-file-upload-container-side-default", "gap-gap-file-upload-content-gap-icon-to-content", "border border-input-outlined-outline-idle border-dashed bg-input-outlined-idle", "hover:border-elevation-outline-default-2 hover:bg-elevation-fill-default-2", "invalid:border invalid:border-input-outlined-outline-error", "data-[drop-target]:border-elevation-outline-default-2 data-[drop-target]:bg-elevation-fill-default-2", "data-[has-files]:border-solid"];
+    };
+  }>;
 };
-export type FileUploadDropZoneConfig = NonNullable<typeof fileUploadDropZoneDefinition.config>;
-export interface FileUploadDropZoneProps extends UIOverrides.VariantProps<FileUploadDropZoneConfig> {
-}
+//#endregion
+export { fileUploadDropZoneDefinition };

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/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

@@ -1,97 +1,41 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../../text/Typography/Typography.js";
-import { Tooltip as Tooltip$1 } from "../../overlays/Tooltip/Tooltip.js";
+import { Typography } from "../../typography.js";
+import { Tooltip as Tooltip$1 } from "../../tooltip.js";
 import { formFieldHeaderDefinition } from "./formFieldHeader.cva.js";
 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 };

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

@@ -1,41 +1,17 @@
 import "../../../config/i18n.js";
 import { X } from "lucide-react";
 import { Button } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/FormField/FormFieldHeaderClose.tsx
-var FormFieldHeaderClose = (t0) => {
-	const $ = c(6);
-	const { onClose } = t0;
+const FormFieldHeaderClose = ({ onClose }) => {
 	const { t } = useTranslation("ui");
-	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(X, { 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;
+	return /* @__PURE__ */ jsx(Button, {
+		onPress: onClose,
+		"aria-label": t(($) => $.ui.closeAlt),
+		className: "shrink-0 focus-visible:outline-interactive-text-secondary-focus",
+		children: /* @__PURE__ */ jsx(X, { className: "size-6 text-interactive-text-secondary-idle" })
+	});
 };
-function _temp($) {
-	return $.ui.closeAlt;
-}
 //#endregion
 export { FormFieldHeaderClose };