@povio/ui 5.0.0-rc.8 → 6.0.0-rc.1

package/dist/{FileInput-DP105Iy9.js → FileInput-CqRrQRM-.js}

@@ -1,18 +1,15 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { t as Upload } from "./upload-CXU83BJ4.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, r as Upload, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-DBX1Io6E.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-Cthk5_Wp.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as Button } from "./Button-BPTvffuk.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import { TextButton } from "./components/text-button.js";
-import { i as $a8ea2faf2ebe4d2f$re_export$useLabels, r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-AY25LzbW.js";
-import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition } from "./input.cva-DJA8ovm_.js";
+import { t as Button } from "./Button-DER_6cxv.js";
+import { IconButton } from "./components/icon-button.js";
+import { i as $a8ea2faf2ebe4d2f$re_export$useLabels } from "./import-D_3dPATF.js";
+import { t as FormField } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition } from "./input.cva-w7ZEVQAM.js";
+import "./i18n-BjNKHh_D.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { memo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -81,11 +78,14 @@ const FileInputContent = (props) => {
 				children: [/* @__PURE__ */ jsx(Typography, {
 					size: "large",
 					as: "span",
-					className: "min-w-0 flex-fill select-none truncate text-surface-default-popover-foreground",
+					className: "min-w-0 flex-fill select-none truncate text-content-muted",
 					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
-				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
+				}), variant === "nested" && /* @__PURE__ */ jsx(Button, {
+					size: "none",
 					isDisabled,
 					icon: Upload,
+					variant: "text",
+					width: "hug",
 					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
 				})]
 			}), variant !== "nested" && /* @__PURE__ */ jsx(Button, {
@@ -107,20 +107,24 @@ const FileInputFilled = ({ files, onRemove, isDisabled, size }) => {
 		children: [/* @__PURE__ */ jsx(Typography, {
 			size: "large",
 			as: "span",
-			className: "flex-fill select-none truncate text-ellipsis text-surface-default-card-foreground input-disabled:text-surface-default-popover-foreground",
+			className: "flex-fill select-none truncate text-ellipsis text-content-primary input-disabled:text-content-muted",
 			children: files.map((file) => file.name).join(", ")
-		}), /* @__PURE__ */ jsx(InlineIconButton, {
+		}), /* @__PURE__ */ jsx(IconButton, {
 			label: "Remove files",
 			color: "secondary",
 			icon: X,
 			isDisabled,
-			onPress: onRemove
+			onPress: onRemove,
+			variant: "text",
+			width: "hug",
+			disableTooltip: true,
+			size: "sm"
 		})]
 	});
 };
 //#endregion
 //#region src/components/inputs/File/FileInput.tsx
-const FileInputBase = ({ ref: _ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onInvalidFileType, value, defaultValue, allowsMultiple: allowsMultipleProp, multiple, hideLabel, acceptedFileTypes, size, ...rest }) => {
+const FileInputBase = ({ ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onBlur, onInvalidFileType, value, defaultValue, allowsMultiple: allowsMultipleProp, multiple, hideLabel, acceptedFileTypes, size, ...rest }) => {
 	const ui = UIConfig.useConfig();
 	const allowsMultiple = allowsMultipleProp ?? multiple ?? false;
 	const [internalFiles, setInternalFiles] = useState(() => {
@@ -185,6 +189,8 @@ const FileInputBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 		updateFiles([]);
 	};
 	return /* @__PURE__ */ jsx(FormField, {
+		ref,
+		onBlurCapture: onBlur,
 		...formFieldProps,
 		labelProps,
 		className: clsx("group w-full", className),
@@ -207,27 +213,7 @@ const FileInputBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 		})
 	});
 };
-const FileInputComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(FileInputBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: ((value) => {
-					field.onChange(value);
-					field.onBlur();
-				}),
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(FileInputBase, { ...props });
-};
+const FileInputComponent = (props) => /* @__PURE__ */ jsx(FileInputBase, { ...props });
 const FileInput = memo(FileInputComponent);
 //#endregion
-export { fileInputButtonDefinition as n, fileInputDropZoneDefinition as r, FileInput as t };
+export { fileInputDropZoneDefinition as i, FileInputBase as n, fileInputButtonDefinition as r, FileInput as t };

package/dist/{FileInput-C4CE5kuP.d.ts → FileInput-Q72yXorH.d.ts}

@@ -1,11 +1,9 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
-import "./button.cva-C7kEhgoA.js";
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { t as InputSizeProps } from "./input.cva-BsHgYa-L.js";
-import { Ref } from "react";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-_RXJdSk-.js";
+import "./button.cva-CBckM91c.js";
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { t as InputSizeProps } from "./input.cva-L7jKDv6q.js";
+import { FocusEventHandler, Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 import { ClassProp } from "class-variance-authority/types";
 //#region src/components/inputs/File/shared/fileInputButton.cva.d.ts
@@ -40,32 +38,38 @@ interface SingleFileUploadProps {
   defaultValue?: File | null;
   onInvalidFileType?: (filename: string) => void;
 }
-interface MultipleFileUploadProps {
+type MultipleFileUploadProps = ({
   allowsMultiple: true;
-  /** Standard alias for React Aria's `allowsMultiple`. */
   multiple?: true;
+} |
+/** Standard alias for React Aria's `allowsMultiple`. */
+{
+  allowsMultiple?: true;
+  multiple: true;
+}) & {
   value?: File[];
   onChange?: (files: File[]) => void;
   defaultValue?: File[];
   onInvalidFileType?: (filenames: string[]) => void;
-}
+};
 type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
-type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
-  allowsMultiple: true;
-} & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
-  allowsMultiple?: false;
-} & ControlProps<SingleFileUploadProps, TFieldValues>);
 type FileInputBaseProps = {
   ref?: Ref<HTMLElement>;
+  onBlur?: FocusEventHandler<HTMLDivElement>;
   label?: string;
   className?: string;
   placeholder?: string;
   buttonText?: string;
 } & FormFieldProps & FileInputButtonProps & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple"> & Omit<DropZoneProps, "children" | "onDrop"> & GroupedFileUploadProps & Pick<InputSizeProps, "size">;
-type FileInputProps<TFieldValues extends FieldValues = FieldValues> = FileInputBaseProps & GroupedFileUploadControlProps<TFieldValues>;
+type FileInputProps = FileInputBaseProps & {
+  field?: never;
+};
 //#endregion
 //#region src/components/inputs/File/FileInput.d.ts
-declare const FileInputComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileInputProps<TFieldValues>) => import("react").JSX.Element;
-declare const FileInput: typeof FileInputComponent;
+declare const FileInputBase: ({ ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onBlur, onInvalidFileType, value, defaultValue, allowsMultiple: allowsMultipleProp, multiple, hideLabel, acceptedFileTypes, size, ...rest }: FileInputBaseProps) => import("react").JSX.Element;
+declare const FileInputComponent: (props: FileInputProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const FileInput: import("react").MemoExoticComponent<typeof FileInputComponent>;
 //#endregion
-export { fileInputDropZoneDefinition as a, fileInputButtonDefinition as i, FileInputBaseProps as n, FileInputProps as r, FileInput as t };
+export { FileInputProps as a, FileInputBaseProps as i, FileInputBase as n, fileInputButtonDefinition as o, FileInputComponent as r, fileInputDropZoneDefinition as s, FileInput as t };

package/dist/FileInput.bound-BZ7-g-dq.js

@@ -0,0 +1,30 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as FileInputBase } from "./FileInput-CqRrQRM-.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/File/FileInput.bound.tsx
+const FileInputComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(FileInputBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			onBlur: field.onBlur,
+			value: field.value,
+			onChange: ((value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			}),
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const FileInput = memo(FileInputComponent);
+//#endregion
+export { FileInput as t };

package/dist/FileInput.bound-CG2G5E2K.d.ts

@@ -0,0 +1,8 @@
+import { i as FileInputBaseProps } from "./FileInput-Q72yXorH.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/File/FileInput.bound.d.ts
+type FileInputProps<TFieldValues extends FieldValues = FieldValues> = FormControlProps<FileInputBaseProps, TFieldValues>;
+declare const FileInputComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileInputProps<TFieldValues>) => import("react").JSX.Element;
+declare const FileInput: typeof FileInputComponent;
+//#endregion
+export { FileInputProps as n, FileInput as t };

package/dist/{FileTrigger-Cthk5_Wp.js → FileTrigger-DBX1Io6E.js}

@@ -1,7 +1,8 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
-import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BsbLZDtC.js";
-import { t as $aa5f63badbfee5df$exports } from "./intlStrings-chfsan9H.js";
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X.js";
+import { t as $aa5f63badbfee5df$exports } from "./intlStrings-Cu1YN1tA.js";
 import $ahdqC$react, { createContext, forwardRef, useRef } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { useObjectRef } from "react-aria/useObjectRef";
@@ -19,7 +20,35 @@ import { isFocusable } from "react-aria/private/utils/isFocusable";
 import { useClipboard } from "react-aria/useClipboard";
 import { useLabels } from "react-aria/private/utils/useLabels";
 import { useSlotId } from "react-aria/private/utils/useId";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/DropZone.mjs
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/upload.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "upload",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 3v12",
+			key: "1x0j5s"
+		}],
+		["path", {
+			d: "m17 8-5-5-5 5",
+			key: "7q97r8"
+		}],
+		["path", {
+			d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+			key: "ih7n3h"
+		}]
+	]
+};
+__iconData.node;
+const Upload = createLucideIcon(__iconData);
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/DropZone.mjs
 function $parcel$interopDefault(a) {
 	return a && a.__esModule ? a.default : a;
 }
@@ -97,7 +126,7 @@ const $070c0dd15dc89b58$export$3c6489d84dc98b6 = /*#__PURE__*/ forwardRef(functi
 	})), renderProps.children));
 });
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/FileTrigger.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/FileTrigger.mjs
 const $b325d7bd7e74496a$export$6fb4a10d2c950550 = /*#__PURE__*/ forwardRef(function FileTrigger(props, ref) {
 	let { onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, children, acceptDirectory, ...rest } = props;
 	let inputRef = useObjectRef(ref);
@@ -120,4 +149,4 @@ const $b325d7bd7e74496a$export$6fb4a10d2c950550 = /*#__PURE__*/ forwardRef(funct
 	}));
 });
 //#endregion
-export { $070c0dd15dc89b58$export$3c6489d84dc98b6 as n, $b325d7bd7e74496a$export$6fb4a10d2c950550 as t };
+export { $070c0dd15dc89b58$export$3c6489d84dc98b6 as n, Upload as r, $b325d7bd7e74496a$export$6fb4a10d2c950550 as t };

package/dist/FileUpload-B4ibHWQn.d.ts

@@ -0,0 +1,11 @@
+import { n as FileUploadBaseProps, o as FileUploadProps } from "./fileUpload.types-BT8P1o7a.js";
+//#region src/components/inputs/File/FileUpload.d.ts
+declare const FileUploadBase: (props: FileUploadBaseProps & {
+  boundValue?: File | File[] | null;
+}) => import("react").JSX.Element;
+declare const FileUploadComponent: (props: FileUploadProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const FileUpload: import("react").MemoExoticComponent<typeof FileUploadComponent>;
+//#endregion
+export { FileUploadBase as n, FileUploadComponent as r, FileUpload as t };