@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/{DropdownMenuDesktop-Cl9gZVq0.js → DropdownMenuDesktop-BMkiHEuY.js}

@@ -1,9 +1,9 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { a as $49319ee1285aa241$export$2ce376c2cc3355c8, c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, i as $49319ee1285aa241$export$27d2ad3c5815583e, o as $49319ee1285aa241$export$d9b273488cd8ce6f, s as $49319ee1285aa241$export$ecabc99eeffab7ca } from "./Dialog-CKLkS00H.js";
-import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { a as $49319ee1285aa241$export$27d2ad3c5815583e, c as $49319ee1285aa241$export$ecabc99eeffab7ca, l as $542a13ca2fa5b484$export$5b6b19405a83ff9d, o as $49319ee1285aa241$export$2ce376c2cc3355c8, s as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-lFYX-7Ax.js";
+import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-CS5Q2b_3.js";
 import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";
@@ -223,4 +223,4 @@ const DropdownMenuDesktop = (t0) => {
 	return t2;
 };
 //#endregion
-export { ArrowRight as i, MenuPopover as n, MenuItem as r, DropdownMenuDesktop as t };
+export { MenuPopover as n, MenuItem as r, DropdownMenuDesktop as t };

package/dist/{FileInput-C4CE5kuP.d.ts → FileInput-0o8-IJUh.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-DzsmGccZ.js";
+import "./button.cva-YpNNY6C-.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { t as InputSizeProps } from "./input.cva-CEFEpKml.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
@@ -24,8 +22,8 @@ declare const fileInputDropZoneDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"];
-      nested: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"];
+      default: ["rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30"];
+      nested: ["rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30"];
     };
   }>;
 };
@@ -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-Br5DQaGQ.js → FileInput-Bpm2HJSB.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-dxsO9puE.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-C5rv4Cr2.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-B99dLt8o.js";
-import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition } from "./input.cva-DJA8ovm_.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as Button } from "./Button-DU1Q8GDB.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-DyqEbqx3.js";
+import { a as inputSizeDefinition } from "./input.cva-AHLI_M3K.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";
@@ -25,7 +22,7 @@ const inputButtonSizeMapping = {
 //#endregion
 //#region src/components/inputs/File/shared/fileInputButton.cva.ts
 const fileInputButtonDefinition = UIOverrides.defineConfig({
-	base: ["flex w-full items-center justify-between gap-input-gap-input-to-button-gap"],
+	base: ["flex w-full items-center justify-between gap-2"],
 	config: {
 		variants: { variant: {
 			default: [],
@@ -44,14 +41,15 @@ const fileInputDropZoneDefinition = UIOverrides.defineConfig({
 		"relative",
 		"min-w-0 flex-1",
 		"flex items-center",
-		"group-invalid/input-upload:border group-invalid/input-upload:border-border-destructive-base",
-		"data-[drop-target]:border-state-border-default-input/hover",
-		"hover:border-state-border-default-input/hover"
+		"outline-none transition-[color,box-shadow]",
+		"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+		"data-[drop-target]:border-ring data-[drop-target]:ring-[3px] data-[drop-target]:ring-ring/50",
+		"group-invalid/input-upload:border-destructive group-invalid/input-upload:ring-destructive/20 dark:group-invalid/input-upload:ring-destructive/40"
 	],
 	config: {
 		variants: { variant: {
-			default: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"],
-			nested: ["rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background"]
+			default: ["rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30"],
+			nested: ["rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30"]
 		} },
 		defaultVariants: { variant: "default" }
 	}
@@ -81,11 +79,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-muted-foreground",
 					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, {
@@ -103,24 +104,28 @@ const FileInputContent = (props) => {
 const FileInputFilled = ({ files, onRemove, isDisabled, size }) => {
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex items-center rounded-input-rounding-default border border-border-default-input border-solid bg-surface-default-background", inputSizeCva({ size })),
+		className: clsx("flex items-center gap-2 rounded-md border border-input border-solid bg-transparent shadow-xs dark:bg-input/30", inputSizeCva({ 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-foreground input-disabled:text-muted-foreground",
 			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: "none"
 		})]
 	});
 };
 //#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 +190,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 +214,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.bound-B6oGPCP8.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-Bpm2HJSB.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-BEeceBBO.d.ts

@@ -0,0 +1,8 @@
+import { i as FileInputBaseProps } from "./FileInput-0o8-IJUh.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--AQJW3vz.d.ts

@@ -0,0 +1,11 @@
+import { n as FileUploadBaseProps, o as FileUploadProps } from "./fileUpload.types-DKICER1J.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 };