@povio/ui 5.0.0-rc.2 → 5.0.0-rc.4

package/dist/{Dialog-DEbI_9S-.d.ts → Dialog-CW93T9X1.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 import { PropsWithChildren, RefObject } from "react";
 import { DialogProps } from "react-aria-components";
 //#region src/components/overlays/Dialog/dialog.cva.d.ts
@@ -30,7 +31,7 @@ declare const dialogMainDefinition: {
     readonly aside: {
       readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
       readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
-      readonly center: "justify-center";
+      readonly center: ["justify-center", "transition-[opacity,scale] duration-200 ease-out starting:scale-96 starting:opacity-0 entering:scale-96 entering:opacity-0 exiting:scale-96 exiting:opacity-0 exiting:duration-150 motion-reduce:transition-none"];
     };
   }>;
 };

package/dist/{DropdownMenu-zrodtd44.js → DropdownMenu-5jmtgLXd.js}

@@ -1,11 +1,13 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { a as menuItemDefinition, i as dropdownMenuDefinition, r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-CGYxsavQ.js";
+import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-Cl9gZVq0.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { o as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-CXoVeIkU.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { o as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-CKLkS00H.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-BOA-MyoT.js";
+import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -112,7 +114,7 @@ const DropdownMenuMobile = (t0) => {
 				isMobile: true
 			})),
 			onPress: onBack,
-			children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-6" }), activeItem.label]
+			children: [/* @__PURE__ */ jsx(IconSlot, { icon: ArrowLeft }), activeItem.label]
 		}), /* @__PURE__ */ jsx("div", {
 			onClickCapture: (e) => {
 				lastEventRef.current = e;
@@ -182,4 +184,4 @@ const DropdownMenu = (props) => {
 	return t0;
 };
 //#endregion
-export { DropdownMenu as t };
+export { ArrowLeft as n, DropdownMenu as t };

package/dist/{DropdownMenu-CWDhk3XA.d.ts → DropdownMenu-JNpYT4-3.d.ts}

@@ -1,5 +1,6 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
 import { ReactElement } from "react";
 import { Key, MenuItemProps } from "react-aria-components";
 import { Placement } from "react-aria";

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

@@ -1,7 +1,10 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.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-CXoVeIkU.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.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 popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,38 +29,6 @@ const __iconData = {
 __iconData.node;
 const ArrowRight = createLucideIcon(__iconData);
 //#endregion
-//#region src/components/DropdownMenu/dropdownMenu.cva.ts
-const dropdownMenuDefinition = UIOverrides.defineConfig({
-	base: ["outline-none"],
-	config: {
-		variants: { isMobile: {
-			true: [],
-			false: []
-		} },
-		defaultVariants: { isMobile: false }
-	}
-});
-const menuItemDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex cursor-pointer items-center justify-between gap-list-gap-icon-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
-		"border-b border-b-border-default-subtle outline-none last:border-b-0",
-		"bg-surface-default-card text-surface-default-foreground",
-		"disabled:cursor-default disabled:text-tint-surface-default-foreground/50",
-		"not-disabled:not-open:not-focus-visible:hover:bg-tint-interactive-subtle-secondary-background/80 not-disabled:not-open:not-focus-visible:hover:text-tint-surface-default-foreground/80",
-		"open:cursor-default not-disabled:open:bg-interactive-primary-background not-disabled:open:text-interactive-primary-foreground",
-		"not-disabled:not-open:focus-visible:bg-tint-interactive-subtle-secondary-background/60 not-disabled:not-open:focus-visible:text-tint-surface-default-foreground/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-interactive-ring"
-	],
-	config: {
-		variants: { isMobile: {
-			true: ["justify-start! w-full font-body font-bold"],
-			false: []
-		} },
-		defaultVariants: { isMobile: false }
-	}
-});
-const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
-const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-border-default-subtle bg-surface-default-card shadow-5 outline-none"] });
-//#endregion
 //#region src/components/DropdownMenu/MenuItem.tsx
 const MenuItem = (t0) => {
 	const $ = c(9);
@@ -72,7 +43,7 @@ const MenuItem = (t0) => {
 	const t2 = content ?? label;
 	let t3;
 	if ($[0] !== hasSubmenu) {
-		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRight, { className: "size-6" });
+		t3 = hasSubmenu && /* @__PURE__ */ jsx(IconSlot, { icon: ArrowRight });
 		$[0] = hasSubmenu;
 		$[1] = t3;
 	} else t3 = $[1];
@@ -105,10 +76,10 @@ const MenuPopover = (t0) => {
 	const menuPopoverWrapperCva = UIOverrides.useCva("dropdownMenu.popoverWrapperCva", menuPopoverWrapperDefinition);
 	const menuCva = UIOverrides.useCva("dropdownMenu.cva", dropdownMenuDefinition);
 	const T0 = $542a13ca2fa5b484$export$5b6b19405a83ff9d;
-	const t1 = menuPopoverCva({
+	const t1 = clsx(popoverAnimationClassName, menuPopoverCva({
 		...props,
 		className
-	});
+	}));
 	let t2;
 	if ($[0] !== menuPopoverWrapperCva) {
 		t2 = menuPopoverWrapperCva({});
@@ -252,4 +223,4 @@ const DropdownMenuDesktop = (t0) => {
 	return t2;
 };
 //#endregion
-export { menuItemDefinition as a, dropdownMenuDefinition as i, MenuPopover as n, menuPopoverDefinition as o, MenuItem as r, menuPopoverWrapperDefinition as s, DropdownMenuDesktop as t };
+export { ArrowRight as i, MenuPopover as n, MenuItem as r, DropdownMenuDesktop as t };

package/dist/{FileInput-Dz1eESr_.js → FileInput-Br5DQaGQ.js}

@@ -1,17 +1,18 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
-import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, r as Upload, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-CDXcQthK.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as Upload } from "./upload-CXU83BJ4.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
-import { t as Button } from "./Button-sn52l1Yv.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-CHD4OJOt.js";
+import { t as FormField } from "./FormField-B99dLt8o.js";
 import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition } from "./input.cva-BcXyC1vZ.js";
+import { a as inputSizeDefinition } from "./input.cva-DJA8ovm_.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { memo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -44,8 +45,8 @@ const fileInputDropZoneDefinition = UIOverrides.defineConfig({
 		"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-tint-border-default-input/80",
-		"hover:border-tint-border-default-input/80"
+		"data-[drop-target]:border-state-border-default-input/hover",
+		"hover:border-state-border-default-input/hover"
 	],
 	config: {
 		variants: { variant: {

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

@@ -1,9 +1,10 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./button.cva-BvRI-3Gn.js";
+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-B0miX3gu.js";
-import { t as InputSizeProps } from "./input.cva-BhDJxc7r.js";
+import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
+import { t as InputSizeProps } from "./input.cva-BsHgYa-L.js";
 import { Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 import { ClassProp } from "class-variance-authority/types";

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

@@ -1,4 +1,3 @@
-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-Czcqspm7.js";
 import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
 import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BsbLZDtC.js";
@@ -20,34 +19,6 @@ 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/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.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/DropZone.mjs
 function $parcel$interopDefault(a) {
 	return a && a.__esModule ? a.default : a;
@@ -149,4 +120,4 @@ const $b325d7bd7e74496a$export$6fb4a10d2c950550 = /*#__PURE__*/ forwardRef(funct
 	}));
 });
 //#endregion
-export { $070c0dd15dc89b58$export$3c6489d84dc98b6 as n, Upload as r, $b325d7bd7e74496a$export$6fb4a10d2c950550 as t };
+export { $070c0dd15dc89b58$export$3c6489d84dc98b6 as n, $b325d7bd7e74496a$export$6fb4a10d2c950550 as t };

package/dist/{FileUpload-D3Io7Is5.js → FileUpload--7ub3EZO.js}

@@ -1,19 +1,22 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
-import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, r as Upload, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-CDXcQthK.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as Upload } from "./upload-CXU83BJ4.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
-import { t as Button } from "./Button-sn52l1Yv.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.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-CHD4OJOt.js";
+import { t as FormField } from "./FormField-B99dLt8o.js";
 import "./i18n-CX2EjhJI.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
-import { t as Progress } from "./Progress-DQWiFP0L.js";
+import { t as Progress } from "./Progress-B3mY9rIP.js";
+import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-ujmStxB1.js";
 import { memo, useCallback, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -104,41 +107,28 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx("flex w-full flex-fill flex-col items-start"),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center", {
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"flex-col": variant === "vertical",
-				"gap-file-upload-content-gap-content-to-button": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": variant === "vertical" && as === "link"
-			}),
+			className: clsx("flex w-full items-center", variant === "horizontal" && "flex-row gap-file-upload-content-gap-left-to-right-content", variant === "vertical" && "flex-col", variant === "vertical" && as === "button" && "gap-file-upload-content-gap-content-to-button", variant === "vertical" && as === "link" && "gap-file-upload-content-gap-text-to-text"),
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex min-w-0 max-w-full flex-grow items-center gap-file-upload-content-gap-icon-to-content", {
-					"flex-col": variant === "vertical",
-					"flex-row": variant === "horizontal",
-					"opacity-50": isDisabled
-				}),
-				children: [/* @__PURE__ */ jsx(CircleAlert, { className: "h-6 w-6 text-surface-warning-base" }), /* @__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"
-					}),
+				className: clsx("flex min-w-0 max-w-full flex-grow items-center gap-file-upload-content-gap-icon-to-content", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
+				children: [/* @__PURE__ */ jsx(IconSlot, {
+					icon: CircleAlert,
+					className: "text-surface-warning-base"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", variant === "vertical" && "max-w-full items-center", variant === "horizontal" && "max-w-[calc(100%_-_32px)]"),
 					children: [/* @__PURE__ */ jsx(Typography, {
 						size: "large",
 						as: "span",
-						className: clsx("self-stretch truncate text-surface-default-card-foreground font-bold", { "text-center": variant === "vertical" }),
+						className: clsx("self-stretch truncate text-surface-default-card-foreground font-bold", variant === "vertical" && "text-center"),
 						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						size: singleFile ? "small" : "small",
 						as: "span",
-						className: clsx("text-surface-default-foreground", { "text-center": variant === "vertical" }),
+						className: clsx("text-surface-default-foreground", variant === "vertical" && "text-center"),
 						children: state.error?.serverMessage ?? state.error?.message
 					})]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
-				className: clsx("flex flex-none items-center justify-end", {
-					"flex-col": variant === "vertical" && as === "button",
-					"gap-file-upload-content-gap-text-to-text": as === "link",
-					"gap-file-upload-content-gap-content-to-button": as === "button"
-				}),
+				className: clsx("flex flex-none items-center justify-end", variant === "vertical" && as === "button" && "flex-col", as === "link" && "gap-file-upload-content-gap-text-to-text", as === "button" && "gap-file-upload-content-gap-content-to-button"),
 				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx($b325d7bd7e74496a$export$6fb4a10d2c950550, {
 					...fileTriggerProps,
 					children: /* @__PURE__ */ jsx(TextButton, {
@@ -202,23 +192,14 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx("flex w-full flex-fill flex-col items-start"),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center", {
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"flex-col": variant === "vertical",
-				"gap-file-upload-content-gap-content-to-button": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": variant === "vertical" && as === "link"
-			}),
+			className: clsx("flex w-full items-center", variant === "horizontal" && "flex-row gap-file-upload-content-gap-left-to-right-content", variant === "vertical" && "flex-col", variant === "vertical" && as === "button" && "gap-file-upload-content-gap-content-to-button", variant === "vertical" && as === "link" && "gap-file-upload-content-gap-text-to-text"),
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
-					"flex-col": variant === "vertical",
-					"flex-row": variant === "horizontal",
-					"opacity-50": isDisabled
-				}),
-				children: [/* @__PURE__ */ jsx(CircleCheckBig, { className: "h-6 w-6 text-surface-default-card-foreground" }), /* @__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"
-					}),
+				className: clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
+				children: [/* @__PURE__ */ jsx(IconSlot, {
+					icon: CircleCheckBig,
+					className: "text-surface-default-card-foreground"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", variant === "vertical" && "max-w-full items-center", variant === "horizontal" && "max-w-[calc(100%-32px)]"),
 					children: [/* @__PURE__ */ jsx(Typography, {
 						size: "large",
 						as: "span",
@@ -232,16 +213,11 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 					})]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
-				className: clsx("flex flex-none items-center justify-end", {
-					"flex-col": variant === "vertical" && as === "button",
-					"gap-file-upload-content-gap-text-to-text": as === "link" && variant === "vertical",
-					"gap-file-upload-content-gap-content-to-button": as === "button" && variant === "vertical",
-					"gap-file-upload-content-gap-button-to-button": variant === "horizontal"
-				}),
+				className: clsx("flex flex-none items-center justify-end", variant === "vertical" && as === "button" && "flex-col", as === "link" && variant === "vertical" && "gap-file-upload-content-gap-text-to-text", as === "button" && variant === "vertical" && "gap-file-upload-content-gap-content-to-button", variant === "horizontal" && "gap-file-upload-content-gap-button-to-button"),
 				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx($b325d7bd7e74496a$export$6fb4a10d2c950550, {
 					...fileTriggerProps,
 					children: /* @__PURE__ */ jsx(TextButton, {
-						className: clsx("text-interactive-primary-background", { "[&>span>span]:font-medium!": variant === "vertical" }),
+						className: clsx("text-interactive-primary-background", variant === "vertical" && "[&>span>span]:font-medium!"),
 						children: browseText ?? ""
 					})
 				}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
@@ -302,27 +278,16 @@ const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singl
 	const { t } = useTranslation("ui");
 	const { color: cancelButtonColor = "secondary", size: cancelButtonSize = "sm", variant: cancelButtonVariant = "outlined", width: cancelButtonWidth = "hug", ...cancelButtonRestProps } = cancelButtonProps ?? {};
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex w-full flex-col items-center", {
-			"flex-col": variant === "vertical",
-			"flex-row": variant === "horizontal",
-			"gap-file-upload-content-gap-content-to-button": as === "button"
-		}),
+		className: clsx("flex w-full flex-col items-center", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", as === "button" && "gap-file-upload-content-gap-content-to-button"),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center justify-between", {
-				"flex-col gap-file-upload-content-gap-text-to-progress": variant === "vertical",
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"opacity-50": isDisabled
-			}),
+			className: clsx("flex w-full items-center justify-between", variant === "vertical" && "flex-col gap-file-upload-content-gap-text-to-progress", variant === "horizontal" && "flex-row gap-file-upload-content-gap-left-to-right-content", isDisabled && "opacity-50"),
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-					"w-full flex-col": variant === "vertical",
-					"w-1/2": variant === "horizontal"
-				}),
-				children: [/* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-surface-default-card-foreground" }), /* @__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"
-					}),
+				className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", variant === "vertical" && "w-full flex-col", variant === "horizontal" && "w-1/2"),
+				children: [/* @__PURE__ */ jsx(IconSlot, {
+					icon: File,
+					className: "text-surface-default-card-foreground"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: clsx("flex flex-col", variant === "vertical" && "max-w-full gap-file-upload-content-gap-icon-to-content text-center", variant === "horizontal" && "max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text"),
 					children: [/* @__PURE__ */ jsx(Typography, {
 						size: "large",
 						as: "span",
@@ -336,10 +301,7 @@ const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singl
 					})]
 				})]
 			}), /* @__PURE__ */ jsxs("div", {
-				className: clsx("flex items-center gap-1", {
-					"w-1/2": variant === "horizontal",
-					"w-full": variant === "vertical"
-				}),
+				className: clsx("flex items-center gap-1", variant === "horizontal" && "w-1/2", variant === "vertical" && "w-full"),
 				children: [/* @__PURE__ */ jsx(Progress, { progress: state.progress }), (as === "link" || variant === "horizontal") && /* @__PURE__ */ jsx(InlineIconButton, {
 					label: "Cancel",
 					color: "secondary",
@@ -432,41 +394,31 @@ const FileCardList = memo(({ uploadState, as, isDisabled, browseButtonProps, can
 });
 //#endregion
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
-const FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className, browseButtonProps }) => {
+const FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, hideButton = false, className, browseButtonProps }) => {
 	const { size: browseButtonSize = "sm", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
-			"flex-col": variant === "vertical",
-			"min-h-11 flex-row justify-between": variant === "horizontal"
-		}),
+		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, variant === "vertical" && "flex-col", variant === "horizontal" && "min-h-11 flex-row justify-between"),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-				"flex-col": variant === "vertical",
-				"flex-row": variant === "horizontal",
-				"opacity-50": isDisabled
-			}),
-			children: [/* @__PURE__ */ jsx(Upload, { className: "h-6 w-6 text-surface-default-card-foreground" }), /* @__PURE__ */ jsx(Typography, {
-				size: "large",
+			className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
+			children: [/* @__PURE__ */ jsx(IconSlot, {
+				icon: Upload,
+				className: "text-surface-default-card-foreground"
+			}), /* @__PURE__ */ jsx(Typography, {
+				size: "lead",
 				as: "span",
-				className: clsx("self-stretch text-surface-default-card-foreground font-bold", { "text-center": variant === "vertical" }),
+				className: clsx("self-stretch text-surface-default-card-foreground font-normal", variant === "vertical" && "text-center"),
 				children: title
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center justify-center", {
-				"flex-col": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": as === "link",
-				"gap-file-upload-content-gap-content-to-button": as === "button"
-			}),
+			className: clsx("flex items-center justify-center", variant === "vertical" && as === "button" && "flex-col", as === "link" && "gap-file-upload-content-gap-text-to-text", as === "button" && "gap-file-upload-content-gap-content-to-button"),
 			children: [/* @__PURE__ */ jsx(Typography, {
-				size: singleFile ? "small" : "small",
+				size: "large",
 				as: "span",
-				className: clsx("text-surface-default-foreground", {
-					"text-center": variant === "vertical",
-					"opacity-50": isDisabled
-				}),
+				className: clsx("text-surface-default-foreground font-normal", variant === "vertical" && "text-center", isDisabled && "opacity-50"),
 				children: uploadText
 			}), !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
 				className: "text-interactive-primary-background lowercase",
+				isDisabled,
 				children: browseText
 			}) : /* @__PURE__ */ jsx(Button, {
 				variant: browseButtonVariant,
@@ -540,46 +492,6 @@ const FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, em
 	});
 };
 //#endregion
-//#region src/components/inputs/File/shared/fileUpload.cva.ts
-const fileUploadDropZoneDefinition = UIOverrides.defineConfig({
-	base: ["relative w-full rounded-file-upload-container-rounding-default"],
-	config: {
-		variants: {
-			variant: {
-				vertical: ["flex-col justify-center"],
-				horizontal: ["flex-row justify-between"]
-			},
-			isContainer: {
-				true: [
-					"data-[drop-target]:before:content-['']",
-					"data-[drop-target]:before:absolute",
-					"data-[drop-target]:before:z-drop-target",
-					"data-[drop-target]:before:w-full",
-					"data-[drop-target]:before:h-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-interactive-ring",
-					"data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0",
-					"data-[drop-target]:before:bg-tint-interactive-subtle-primary-background/80"
-				],
-				false: [
-					"flex items-center",
-					"py-file-upload-container-height-top-bottom",
-					"px-file-upload-container-side-default",
-					"gap-file-upload-content-gap-icon-to-content",
-					"border border-border-default-input border-dashed bg-surface-default-background",
-					"not-invalid:hover:border-tint-border-default-input/80 not-invalid:hover:bg-tint-surface-default-background/80",
-					"invalid:border invalid:border-border-destructive-base!",
-					"data-[drop-target]:border-interactive-ring data-[drop-target]:bg-tint-interactive-subtle-primary-background/80",
-					"data-[has-files]:border-solid"
-				]
-			}
-		},
-		defaultVariants: { variant: "vertical" }
-	}
-});
-//#endregion
 //#region src/components/inputs/File/FileUpload.tsx
 const FileUploadBase = (props) => {
 	const { t } = useTranslation("ui");
@@ -725,6 +637,7 @@ const FileUploadBase = (props) => {
 				"data-invalid": !!error || void 0,
 				"data-multiple": allowsMultiple || void 0,
 				"data-has-files": uploadState.length > 0 || void 0,
+				"data-filled": !allowsMultiple && uploadState[0]?.state === "uploaded" || void 0,
 				isDisabled,
 				onDrop: handleDrop,
 				className: fileUploadDropZoneCva({
@@ -803,4 +716,4 @@ const FileUploadComponent = (props) => {
 };
 const FileUpload = memo(FileUploadComponent);
 //#endregion
-export { fileUploadDropZoneDefinition as n, FileUpload as t };
+export { FileUpload as t };

package/dist/{FileUpload-qySCMcLn.d.ts → FileUpload-CR7bZxV1.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { o as FileUploadProps } from "./fileUpload.types-DWuQKA2l.js";
+import { o as FileUploadProps } from "./fileUpload.types-n5FxK_F-.js";
 //#region src/components/inputs/File/FileUpload.d.ts
 declare const FileUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react").JSX.Element;
 declare const FileUpload: typeof FileUploadComponent;

package/dist/{FileUploadContainer-qOyGvb5J.d.ts → FileUploadContainer-042ztsaL.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileUploadContainerProps } from "./fileUpload.types-DWuQKA2l.js";
+import { i as FileUploadContainerProps } from "./fileUpload.types-n5FxK_F-.js";
 //#region src/components/inputs/File/FileUploadContainer.d.ts
 declare const FileUploadContainer: import("react").MemoExoticComponent<(props: FileUploadContainerProps) => import("react").JSX.Element>;
 //#endregion

package/dist/{Form-u_N_6mwo.d.ts → Form-BJ12MjE-.d.ts}

@@ -1,5 +1,5 @@
 import { c as UIForm, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler } from "./form.binding-DVJ5F0JE.js";
-import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-wEEikYeg.js";
+import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-iP39lVKf.js";
 import { DependencyList, ReactNode } from "react";
 import { z } from "zod";
 //#region src/hooks/useAutosave.d.ts

package/dist/{FormField-CHD4OJOt.js → FormField-B99dLt8o.js}

@@ -1,10 +1,10 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as $43a3b93638fe5db9$export$b04be29aa201d4f5 } from "./Label-B2-B-uFY.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { t as FormFieldError } from "./FormFieldError-QRAFHUTt.js";
+import { t as FormFieldError } from "./FormFieldError-DeOHHLo2.js";
 import { Suspense, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/formFieldHeader.cva.ts
@@ -24,15 +24,15 @@ const labelDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { as: {
-			default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-tint-surface-default-card-foreground/50"],
-			filter: ["text-surface-default-card-foreground input-disabled:text-tint-surface-default-card-foreground/50"],
-			inline: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-tint-surface-default-card-foreground/50"],
+			default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
+			filter: ["text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
+			inline: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
 			floating: [
 				"pointer-events-none font-normal!",
 				"absolute transition-all duration-75",
 				"top-1/2 -translate-y-1/2",
 				"text-surface-default-card-foreground",
-				"input-disabled:text-tint-surface-default-card-foreground/50!",
+				"input-disabled:text-state-surface-default-card-foreground/disabled!",
 				"input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
 				"input-filled:translate-y-0",
 				"input-filled:text-surface-default-card-foreground",
@@ -110,7 +110,7 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 };
 //#endregion
 //#region src/components/inputs/FormField/FormFieldHeader.tsx
-const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-Dl24v4_j.js"));
+const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-BV2Ju4oB.js"));
 const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
 	const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/{FormField-B0miX3gu.d.ts → FormField-Byiehm9y.d.ts}

@@ -1,5 +1,5 @@
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
 import { FocusEventHandler, LabelHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactNode, Ref } from "react";
 import { DOMAttributes } from "@react-types/shared";
 //#region src/components/inputs/FormField/FormFieldHeader.d.ts