@povio/ui 2.3.0-rc.9 → 2.3.1

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

@@ -7,163 +7,49 @@ import { inputSize } 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 $ = 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 { variant, isDisabled, error, placeholder, buttonText, size, ...rest } = props;
 	const { t } = useTranslation("ui");
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
-	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", {
+	return /* @__PURE__ */ jsx(FileTrigger, {
+		...rest,
+		children: /* @__PURE__ */ jsxs("div", {
 			"data-rac": "",
-			"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;
+			"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)
+			})]
+		})
+	});
 };
-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,67 +3,26 @@ import { UIStyle } from "../../../../config/uiStyle.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import { inputSize } 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 = (t0) => {
-	const $ = c(14);
-	const { files, onRemove, isDisabled, size } = t0;
-	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
-	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, {
+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", UIStyle.useCva("input.sizeCva", inputSize)({ size })),
+		children: [/* @__PURE__ */ jsx(Typography, {
 			variant: "default",
 			size: "label-1",
 			as: "span",
 			className: "flex-fill select-none truncate text-ellipsis text-text-default-1",
-			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: 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,66 +1,27 @@
 import { Typography } from "../../../text/Typography/Typography.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 //#region src/components/inputs/File/shared/ProgressBar.tsx
-var ProgressBar = (t0) => {
-	const $ = c(12);
-	const { progress: t1, valueLabel: t2 } = t0;
-	const progress = t1 === void 0 ? 0 : t1;
-	const valueLabel = t2 === void 0 ? "trailing" : t2;
-	const t3 = valueLabel === "leading" && "flex-row-reverse";
-	let t4;
-	if ($[0] !== t3) {
-		t4 = clsx$1("flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions", t3);
-		$[0] = t3;
-		$[1] = t4;
-	} else t4 = $[1];
-	let t5;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx("div", { className: "h-1 w-full shrink-0 rounded-xs bg-input-filled-idle" });
-		$[2] = t5;
-	} else t5 = $[2];
-	const t6 = `${progress}%`;
-	let t7;
-	if ($[3] !== t6) {
-		t7 = /* @__PURE__ */ jsx("div", {
+var ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx$1("flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions", valueLabel === "leading" && "flex-row-reverse"),
+		children: [/* @__PURE__ */ jsx("div", {
 			className: "flex flex-fill flex-col items-start gap-2 py-progress-height-height",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "relative h-1 w-full",
-				children: [t5, /* @__PURE__ */ jsx("div", {
+				children: [/* @__PURE__ */ jsx("div", { className: "h-1 w-full shrink-0 rounded-xs bg-input-filled-idle" }), /* @__PURE__ */ jsx("div", {
 					className: "absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-contained-primary-idle transition-all duration-300",
-					style: { width: t6 }
+					style: { width: `${progress}%` }
 				})]
 			})
-		});
-		$[3] = t6;
-		$[4] = t7;
-	} else t7 = $[4];
-	let t8;
-	if ($[5] !== progress || $[6] !== valueLabel) {
-		t8 = valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
+		}), valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
 			variant: "default",
 			size: "label-2",
 			as: "span",
 			className: "text-center text-text-default-3",
 			children: [progress, "%"]
-		});
-		$[5] = progress;
-		$[6] = valueLabel;
-		$[7] = t8;
-	} else t8 = $[7];
-	let t9;
-	if ($[8] !== t4 || $[9] !== t7 || $[10] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			children: [t7, t8]
-		});
-		$[8] = t4;
-		$[9] = t7;
-		$[10] = t8;
-		$[11] = t9;
-	} else t9 = $[11];
-	return t9;
+		})]
+	});
 };
 //#endregion
 export { ProgressBar };

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

@@ -1,4 +1,4 @@
-import { FocusEventHandler, MouseEventHandler, PropsWithChildren, Ref } from 'react';
+import { 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?: MouseEventHandler<HTMLDivElement>;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
+    onMouseEnter?: () => void;
+    onFocusCapture?: () => void;
 }
 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,127 +1,45 @@
 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;
+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 })
+		]
+	});
 };
 //#endregion
 export { FormField };

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

@@ -1,33 +1,13 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { formFieldError } 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 = (t0) => {
-	const $ = c(7);
-	const { error, isDisabled, isHidden, className } = t0;
-	const formFieldErrorCva = UIStyle.useCva("formField.errorLabelCva", formFieldError);
-	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;
+var FormFieldError = ({ error, isDisabled, isHidden, className }) => {
+	return /* @__PURE__ */ jsx("p", {
+		className: clsx(UIStyle.useCva("formField.errorLabelCva", formFieldError)({ visible: !!error && !isDisabled && !isHidden }), className),
+		children: error
+	});
 };
 //#endregion
 export { FormFieldError };

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

@@ -1,5 +1,5 @@
 import { DOMAttributes } from '@react-types/shared';
-import { LabelHTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface FormFieldHeaderProps {
     label: string;
     tooltipText?: string;
@@ -9,6 +9,6 @@ export interface FormFieldHeaderProps {
     isHeaderHidden?: boolean;
     isDisabled?: boolean;
     className?: string;
-    labelProps?: DOMAttributes<HTMLLabelElement> & LabelHTMLAttributes<HTMLLabelElement>;
+    labelProps?: DOMAttributes<HTMLLabelElement>;
 }
 export declare const FormFieldHeader: ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps, }: FormFieldHeaderProps) => import("react/jsx-runtime").JSX.Element;