@povio/ui 3.3.0 → 3.4.0-rc.10

package/dist/components/inputs/File/InputUpload.js

@@ -1,14 +1,14 @@
 import { UIConfig } from "../../../config/uiConfig.context.js";
+import { FieldController } from "../shared/form.binding.js";
 import { FormField } from "../FormField/FormField.js";
 import { FileUtils } from "../../../utils/file.utils.js";
 import { InputUploadContent } from "./shared/InputUploadContent.js";
 import { InputUploadFilled } from "./shared/InputUploadFilled.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { mergeRefs, useLabels } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
 //#region src/components/inputs/File/InputUpload.tsx
 var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onInvalidFileType, value, defaultValue, allowsMultiple = false, hideLabel, acceptedFileTypes, size, ...rest }) => {
 	const ui = UIConfig.useConfig();
@@ -96,32 +96,32 @@ var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 };
 var InputUpload = (props) => {
 	const $ = c(15);
-	if ("formControl" in props && props.formControl) {
-		let formControl;
+	if ("field" in props && props.field) {
+		let field;
 		let innerProps;
 		let ref;
 		if ($[0] !== props) {
-			({formControl, ref, ...innerProps} = props);
+			({field, ref, ...innerProps} = props);
 			$[0] = props;
-			$[1] = formControl;
+			$[1] = field;
 			$[2] = innerProps;
 			$[3] = ref;
 		} else {
-			formControl = $[1];
+			field = $[1];
 			innerProps = $[2];
 			ref = $[3];
 		}
 		let t0;
 		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
 			t0 = (t1) => {
-				const { field, fieldState: t2 } = t1;
+				const { field: field_0, fieldState: t2 } = t1;
 				const { error } = t2;
 				return /* @__PURE__ */ jsx(InputUploadBase, {
 					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					value: field.value,
-					onChange: field.onChange,
-					isDisabled: field.disabled || props.isDisabled,
+					ref: mergeRefs(ref, field_0.ref),
+					value: field_0.value,
+					onChange: field_0.onChange,
+					isDisabled: field_0.disabled || props.isDisabled,
 					error: props.error ?? error?.message
 				});
 			};
@@ -132,14 +132,14 @@ var InputUpload = (props) => {
 			$[8] = t0;
 		} else t0 = $[8];
 		let t1;
-		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
+		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(FieldController, {
+				control: field.form,
+				name: field.name,
 				render: t0
 			});
-			$[9] = formControl.control;
-			$[10] = formControl.name;
+			$[9] = field.form;
+			$[10] = field.name;
 			$[11] = t0;
 			$[12] = t1;
 		} else t1 = $[12];

package/dist/components/inputs/File/fileUpload.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, Ref } from 'react';
 import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../shared/form.binding';
 import { ButtonProps } from '../../buttons/Button/Button';
 import { FormFieldProps } from '../FormField/FormField';
 import { ControlProps } from '../shared/form.types';

package/dist/components/inputs/File/inputUpload.types.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
 import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../shared/form.binding';
 import { FormFieldProps } from '../FormField/FormField';
 import { ControlProps } from '../shared/form.types';
 import { InputUploadButtonProps } from './shared/inputUploadButton.cva';

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

@@ -1,9 +1,9 @@
 import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileCard.tsx
 var FileCard = (t0) => {
 	const $ = c(31);

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

@@ -1,7 +1,7 @@
 import { FileCard } from "./FileCard.js";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileCardList.tsx
 var FileCardList = (t0) => {
 	const $ = c(20);

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

@@ -2,9 +2,9 @@ import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { FileUploadContentEmpty } from "./FileUploadContentEmpty.js";
+import { FileTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { FileTrigger } from "react-aria-components";
 //#region src/components/inputs/File/shared/FileUploadContent.tsx
 var FileUploadContent = (t0) => {
 	const $ = c(63);

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

@@ -1,9 +1,9 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { UploadIcon } from "../../../../assets/icons/Upload.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
 var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className, browseButtonProps }) => {
 	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
@@ -18,7 +18,7 @@ var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uplo
 				"flex-row": variant === "horizontal",
 				"opacity-50": isDisabled
 			}),
-			children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
+			children: [/* @__PURE__ */ jsx(Upload, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
 				variant: "prominent-1",
 				size: "label-1",
 				as: "span",

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

@@ -1,13 +1,12 @@
-import { CloseIcon } from "../../../../assets/icons/Close.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { WarningFilledIcon } from "../../../../assets/icons/WarningFilled.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CircleAlert, X } from "lucide-react";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentError.tsx
 var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
@@ -28,7 +27,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 					"flex-row": variant === "horizontal",
 					"opacity-50": isDisabled
 				}),
-				children: [/* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-6 w-6 text-elevation-fill-warning-1" }), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(CircleAlert, { className: "h-6 w-6 text-elevation-fill-warning-1" }), /* @__PURE__ */ jsxs("div", {
 					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
 						"max-w-full items-center": variant === "vertical",
 						"max-w-[calc(100%_-_32px)]": variant === "horizontal"
@@ -71,7 +70,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
-					icon: CloseIcon
+					icon: X
 				}) : /* @__PURE__ */ jsx(TextButton, {
 					className: "text-interactive-text-primary-idle lowercase",
 					onPress: () => {
@@ -96,7 +95,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 						onPress: () => {
 							onRemove(state.id ?? "");
 						},
-						icon: CloseIcon
+						icon: X
 					}) : /* @__PURE__ */ jsx(TextButton, {
 						color: "secondary",
 						onPress: () => {

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

@@ -1,14 +1,13 @@
-import { CloseIcon } from "../../../../assets/icons/Close.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
-import { CheckCircleIcon } from "../../../../assets/icons/CheckCircle.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle, X } from "lucide-react";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
 var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
@@ -29,7 +28,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 					"flex-row": variant === "horizontal",
 					"opacity-50": isDisabled
 				}),
-				children: [/* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
 					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
 						"max-w-full items-center": variant === "vertical",
 						"max-w-[calc(100%-32px)]": variant === "horizontal"
@@ -73,7 +72,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
-					icon: CloseIcon
+					icon: X
 				}) : /* @__PURE__ */ jsx(TextButton, {
 					className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
 					color: variant === "horizontal" ? "secondary" : "primary",
@@ -99,7 +98,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 						onPress: () => {
 							onRemove(state.id ?? "");
 						},
-						icon: CloseIcon,
+						icon: X,
 						isDisabled
 					}) : /* @__PURE__ */ jsx(TextButton, {
 						color: "secondary",

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

@@ -1,13 +1,12 @@
-import { CloseIcon } from "../../../../assets/icons/Close.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
-import { FileIcon } from "../../../../assets/icons/File.js";
 import { ProgressBar } from "./ProgressBar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { File, X } from "lucide-react";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
 var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps }) => {
@@ -30,7 +29,7 @@ var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleF
 					"w-full flex-col": variant === "vertical",
 					"w-1/2": variant === "horizontal"
 				}),
-				children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
 					className: clsx("flex flex-col", {
 						"max-w-full gap-file-upload-content-gap-icon-to-content text-center": variant === "vertical",
 						"max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text": variant === "horizontal"
@@ -60,7 +59,7 @@ var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleF
 					onPress: () => {
 						onCancel(index);
 					},
-					icon: CloseIcon
+					icon: X
 				})]
 			})]
 		}), as === "button" && variant === "vertical" && /* @__PURE__ */ jsx(Button, {

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

@@ -4,13 +4,13 @@ import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 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 { Upload } from "lucide-react";
 import { clsx } from "clsx";
 import { DropZone, FileTrigger } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/InputUploadContent.tsx
 var InputUploadContent = (props) => {
@@ -86,7 +86,7 @@ var InputUploadContent = (props) => {
 	if ($[19] !== buttonText || $[20] !== isDisabled || $[21] !== t || $[22] !== variant) {
 		t7 = variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
 			isDisabled,
-			icon: UploadIcon,
+			icon: Upload,
 			children: buttonText ?? t(_temp2)
 		});
 		$[19] = buttonText;

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

@@ -1,11 +1,11 @@
-import { CloseIcon } from "../../../../assets/icons/Close.js";
 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 { X } from "lucide-react";
+import { clsx } from "clsx";
 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);
@@ -41,7 +41,7 @@ var InputUploadFilled = (t0) => {
 		t4 = /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "Remove files",
 			color: "secondary",
-			icon: CloseIcon,
+			icon: X,
 			isDisabled,
 			onPress: onRemove
 		});

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

@@ -1,8 +1,8 @@
 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";
-import { clsx } from "clsx";
 //#region src/components/inputs/FormField/FormFieldError.tsx
 var FormFieldError = (t0) => {
 	const $ = c(7);

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

@@ -1,13 +1,13 @@
-import { InfoIcon } from "../../../assets/icons/Info.js";
 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 { formFieldHeaderDefinition } from "./formFieldHeader.cva.js";
 import { FormFieldLabel } from "./FormFieldLabel.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+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);
@@ -40,7 +40,7 @@ var FormFieldHeader = (t0) => {
 	if ($[9] !== isDisabled || $[10] !== tooltipText) {
 		t4 = tooltipText && /* @__PURE__ */ jsx(Tooltip$1, {
 			text: tooltipText,
-			children: /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx(InfoIcon, {
+			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
 			}) })

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

@@ -1,8 +1,8 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
 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 { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/FormField/FormFieldHeaderClose.tsx
 var FormFieldHeaderClose = (t0) => {
@@ -17,7 +17,7 @@ var FormFieldHeaderClose = (t0) => {
 	} 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" });
+		t2 = /* @__PURE__ */ jsx(X, { className: "size-6 text-interactive-text-secondary-idle" });
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;

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

@@ -1,8 +1,8 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { formFieldHelperDefinition } from "./formFieldHelper.cva.js";
+import { clsx } from "clsx";
 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 = (t0) => {
 	const $ = c(7);

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

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { labelDefinition, 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";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldLabel.tsx
 var FormFieldLabel = (t0) => {
 	const $ = c(16);

package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import { FocusEvent, Ref } from 'react';
 import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../../shared/form.binding';
 import { FormFieldProps } from '../../FormField/FormField';
 import { InputContentProps } from '../shared/InputContent';
 import { ControlProps } from '../../shared/form.types';