@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/{FileUpload-C3HzeFeb.js → FileUpload-Cx98L1jz.js}

@@ -1,19 +1,22 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.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-AcUd9df8.js";
-import { t as Button } from "./Button-CcZBqoQp.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-DTO2cbXC.js";
+import { t as FormField } from "./FormField-9h3JAhaY.js";
 import "./i18n-CX2EjhJI.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
-import { t as Progress } from "./Progress-_jkt2pQw.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";
@@ -100,58 +103,42 @@ const File = createLucideIcon(__iconData);
 //#region src/components/inputs/File/shared/FileUploadContentError.tsx
 const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
 	const { t } = useTranslation("ui");
-	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
+	const { size: browseButtonSize = "sm", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
 	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-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"
-					}),
+				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, {
-						variant: "prominent-1",
-						size: "label-1",
+						size: "large",
 						as: "span",
-						className: clsx("self-stretch truncate text-text-default-1", { "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, {
-						variant: "default",
-						size: singleFile ? "label-2" : "label-3",
+						size: singleFile ? "small" : "small",
 						as: "span",
-						className: clsx("text-text-default-2", { "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, {
-						className: "text-interactive-text-primary-idle",
+						className: "text-interactive-primary-background",
 						children: browseText ?? ""
 					})
 				}), /* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-2",
+					size: "small",
 					as: "span",
-					className: "text-text-default-2",
+					className: "text-surface-default-foreground",
 					children: t(($) => $.ui.fileUpload.or)
 				})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
 					label: "Cancel",
@@ -161,7 +148,7 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 					},
 					icon: X
 				}) : /* @__PURE__ */ jsx(TextButton, {
-					className: "text-interactive-text-primary-idle lowercase",
+					className: "text-interactive-primary-background lowercase",
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
@@ -201,59 +188,42 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 //#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
 const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
 	const { t } = useTranslation("ui");
-	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
+	const { size: browseButtonSize = "sm", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
 	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-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"
-					}),
+				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, {
-						variant: "prominent-1",
-						size: "label-1",
+						size: "large",
 						as: "span",
-						className: "self-stretch truncate text-center text-text-default-1",
+						className: "self-stretch truncate text-center text-surface-default-card-foreground font-bold",
 						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: singleFile ? "label-2" : "label-3",
+						size: singleFile ? "small" : "small",
 						as: "span",
-						className: "text-text-default-2",
+						className: "text-surface-default-foreground",
 						children: FileUtils.getFileDisplaySize(state)
 					})]
 				})]
 			}), /* @__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-text-primary-idle", { "[&>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, {
-					variant: "default",
-					size: "label-2",
+					size: "small",
 					as: "span",
-					className: "text-text-default-2",
+					className: "text-surface-default-foreground",
 					children: t(($) => $.ui.fileUpload.or)
 				})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
 					label: "Cancel",
@@ -263,7 +233,7 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 					},
 					icon: X
 				}) : /* @__PURE__ */ jsx(TextButton, {
-					className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
+					className: clsx(variant === "vertical" && "text-interactive-primary-background lowercase [&>span>span]:font-medium!"),
 					color: variant === "horizontal" ? "secondary" : "primary",
 					onPress: () => {
 						onRemove(state.id ?? "");
@@ -306,48 +276,32 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 //#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
 const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps }) => {
 	const { t } = useTranslation("ui");
-	const { color: cancelButtonColor = "secondary", size: cancelButtonSize = "xs", variant: cancelButtonVariant = "outlined", width: cancelButtonWidth = "hug", ...cancelButtonRestProps } = cancelButtonProps ?? {};
+	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-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"
-					}),
+				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, {
-						variant: "prominent-1",
-						size: "label-1",
+						size: "large",
 						as: "span",
-						className: "self-stretch truncate text-center text-text-default-1",
+						className: "self-stretch truncate text-center text-surface-default-card-foreground font-bold",
 						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: singleFile ? "label-2" : "label-3",
+						size: singleFile ? "small" : "small",
 						as: "span",
-						className: "text-text-default-2",
+						className: "text-surface-default-foreground",
 						children: FileUtils.getFileDisplaySize(state)
 					})]
 				})]
 			}), /* @__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",
@@ -416,7 +370,7 @@ const FileCardComponent = ({ index, as, state, onRemove, isDisabled, browseButto
 		onRemove
 	]);
 	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid"),
+		className: clsx("flex items-center self-stretch", "bg-surface-default-card", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-border-default-subtle border-solid"),
 		children: content
 	});
 };
@@ -440,43 +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 { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = 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-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
-				variant: "prominent-1",
-				size: "label-1",
+			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-text-default-1", { "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, {
-				variant: "default",
-				size: singleFile ? "label-2" : "label-3",
+				size: "large",
 				as: "span",
-				className: clsx("text-text-default-2", {
-					"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-text-primary-idle lowercase",
+				className: "text-interactive-primary-background lowercase",
+				isDisabled,
 				children: browseText
 			}) : /* @__PURE__ */ jsx(Button, {
 				variant: browseButtonVariant,
@@ -550,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:width-full",
-					"data-[drop-target]:before:height-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-elevation-outline-default-2",
-					"data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0",
-					"data-[drop-target]:before:bg-elevation-fill-default-2"
-				],
-				false: [
-					"flex items-center",
-					"py-file-upload-container-height-top-bottom",
-					"px-file-upload-container-side-default",
-					"gap-gap-file-upload-content-gap-icon-to-content",
-					"border border-input-outlined-outline-idle border-dashed bg-input-outlined-idle",
-					"hover:border-elevation-outline-default-2 hover:bg-elevation-fill-default-2",
-					"invalid:border invalid:border-input-outlined-outline-error",
-					"data-[drop-target]:border-elevation-outline-default-2 data-[drop-target]:bg-elevation-fill-default-2",
-					"data-[has-files]:border-solid"
-				]
-			}
-		},
-		defaultVariants: { variant: "vertical" }
-	}
-});
-//#endregion
 //#region src/components/inputs/File/FileUpload.tsx
 const FileUploadBase = (props) => {
 	const { t } = useTranslation("ui");
@@ -735,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({
@@ -813,4 +716,4 @@ const FileUploadComponent = (props) => {
 };
 const FileUpload = memo(FileUploadComponent);
 //#endregion
-export { fileUploadDropZoneDefinition as n, FileUpload as t };
+export { FileUpload as t };

package/dist/{FileUploadContainer-CkBENy6n.d.ts → FileUploadContainer-BURZAS2M.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileUploadContainerProps } from "./fileUpload.types-xFzuCT_m.js";
+import { i as FileUploadContainerProps } from "./fileUpload.types-rIGu4MgY.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-mzpVGNjX.d.ts → Form-DmcByQts.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-CQMTixlW.js";
+import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-DdcsSoYu.js";
 import { DependencyList, ReactNode } from "react";
 import { z } from "zod";
 //#region src/hooks/useAutosave.d.ts

package/dist/{FormField-DTO2cbXC.js → FormField-9h3JAhaY.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-BI0FyIqm.js";
-import { t as Typography } from "./Typography-AcUd9df8.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-CFg0Wn3i.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,20 +24,20 @@ const labelDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { as: {
-			default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"],
-			filter: ["text-text-default-1 input-disabled:text-text-default-3"],
-			inline: ["flex items-start gap-1 text-text-default-1"],
+			default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
+			filter: ["text-surface-default-foreground input-disabled:text-state-surface-default-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",
+				"pointer-events-none font-normal!",
 				"absolute transition-all duration-75",
 				"top-1/2 -translate-y-1/2",
-				"text-text-default-3",
-				"input-disabled:text-interactive-text-secondary-disabled!",
+				"text-surface-default-card-foreground",
+				"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-text-default-1",
-				"input-filled:font-semibold!",
-				"input-filled:text-label-3!",
+				"input-filled:text-surface-default-card-foreground",
+				"input-filled:font-bold!",
+				"input-filled:text-small!",
 				"group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0",
 				"group-has-[textarea:not(:placeholder-shown)]/text-area:hidden",
 				"group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0",
@@ -52,40 +52,39 @@ const labelTypography = compoundMapper({
 		{
 			as: "default",
 			value: {
-				size: "label-2",
-				sizeMobile: "label-2",
-				variant: "prominent-1"
+				size: "small",
+				sizeMobile: "small",
+				className: "font-bold"
 			}
 		},
 		{
 			as: "filter",
 			value: {
-				size: "label-1",
-				sizeMobile: "label-1",
-				variant: "default"
+				size: "large",
+				sizeMobile: "large",
+				className: "font-normal"
 			}
 		},
 		{
 			as: "inline",
 			value: {
-				size: "label-2",
-				sizeMobile: "label-2",
-				variant: "prominent-1"
+				size: "small",
+				sizeMobile: "small",
+				className: "font-bold"
 			}
 		},
 		{
 			as: "floating",
 			value: {
-				size: "label-1",
-				sizeMobile: "label-1",
-				variant: "default"
+				size: "large",
+				sizeMobile: "large"
 			}
 		}
 	],
 	default: {
-		size: "label-2",
-		sizeMobile: "label-2",
-		variant: "prominent-1"
+		size: "small",
+		sizeMobile: "small",
+		className: "font-bold"
 	},
 	defaultVariants: { as: "default" }
 });
@@ -99,20 +98,20 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 		...labelProps,
 		ref,
 		className: clsx(typographyCva({
-			size: "label-2",
-			sizeMobile: "label-2",
-			variant: "prominent-1",
+			size: "small",
+			sizeMobile: "small",
+			className: "font-bold",
 			...labelTypographyMap({ as })
 		}), labelBaseCva({ as }), className, labelProps?.className),
 		children: [label, isRequired && /* @__PURE__ */ jsx("span", {
-			className: clsx(!isDisabled && "text-text-error-1"),
+			className: clsx(!isDisabled && "text-surface-destructive-base"),
 			children: "*"
 		})]
 	});
 };
 //#endregion
 //#region src/components/inputs/FormField/FormFieldHeader.tsx
-const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-h6e5hq9V.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", {
@@ -127,7 +126,10 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
 					isDisabled,
 					labelProps
 				}), tooltipText ? /* @__PURE__ */ jsx(Suspense, {
-					fallback: /* @__PURE__ */ jsx("span", { className: "size-6" }),
+					fallback: /* @__PURE__ */ jsx("span", {
+						className: "size-6",
+						"data-form-field-tooltip-loading": ""
+					}),
 					children: /* @__PURE__ */ jsx(FormFieldHeaderTooltip, {
 						text: tooltipText,
 						isDisabled
@@ -136,8 +138,8 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
 			}), rightContent]
 		}), helperText && /* @__PURE__ */ jsx(Typography, {
 			slot: "description",
-			size: "label-2",
-			className: "text-text-default-2",
+			size: "small",
+			className: "text-surface-default-foreground",
 			children: helperText
 		})]
 	});
@@ -145,10 +147,10 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
 //#endregion
 //#region src/components/inputs/FormField/formFieldHelper.cva.ts
 const formFieldHelperDefinition = UIOverrides.defineConfig({
-	base: ["text-label-3 text-text-default-2"],
+	base: ["text-small text-surface-default-foreground"],
 	config: {
 		variants: { visible: {
-			true: "mt-1-5",
+			true: "mt-1.5",
 			false: "sr-only"
 		} },
 		defaultVariants: { visible: false }

package/dist/{FormField-DTDj3F0A.d.ts → FormField-C8_T6by9.d.ts}

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

package/dist/{FormFieldError-CFg0Wn3i.js → FormFieldError-DeOHHLo2.js}

@@ -1,12 +1,12 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/formFieldError.cva.ts
 const formFieldErrorDefinition = UIOverrides.defineConfig({
-	base: ["text-label-3 text-text-error-1"],
+	base: ["text-small text-surface-destructive-base"],
 	config: {
 		variants: { visible: {
-			true: "mt-1-5",
+			true: "mt-1.5",
 			false: "sr-only"
 		} },
 		defaultVariants: { visible: false }

package/dist/FormFieldHeaderTooltip-BV2Ju4oB.js

@@ -0,0 +1,17 @@
+import { t as Info } from "./info-iUmX3uDk.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as Tooltip } from "./Tooltip-CpG1nz7Y.js";
+import { t as $a3be900807531178$re_export$Focusable } from "./exports-BNrTn8Tj.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/FormField/FormFieldHeaderTooltip.tsx
+const FormFieldHeaderTooltip = ({ text, isDisabled }) => /* @__PURE__ */ jsx(Tooltip, {
+	text,
+	children: /* @__PURE__ */ jsx($a3be900807531178$re_export$Focusable, { children: /* @__PURE__ */ jsx(IconSlot, {
+		icon: Info,
+		className: clsx(isDisabled ? "text-state-surface-default-popover-foreground/disabled" : "text-surface-default-popover-foreground hover:text-state-surface-default-popover-foreground/hover"),
+		tabIndex: 0
+	}) })
+});
+//#endregion
+export { FormFieldHeaderTooltip as default };

package/dist/{IconButton-CYazzM7I.d.ts → IconButton-D4thBurp.d.ts}

@@ -1,5 +1,5 @@
-import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
-import { n as ButtonAppearanceProps } from "./Button-DTNjsGx5.js";
+import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
+import { n as ButtonAppearanceProps } from "./Button-D-4qb0IR.js";
 import { FC, ReactElement, SVGProps } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/IconButton/IconButton.d.ts