@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/{DropdownMenu-DH7E2aXb.js → DropdownMenu-DtZdv5mo.js}

@@ -1,13 +1,13 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-nMoCa6N5.js";
+import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-BMkiHEuY.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 { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { s as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-lFYX-7Ax.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
-import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-Bi3a21lO.js";
+import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-CS5Q2b_3.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{DropdownMenu-Bl_C5W_E.d.ts → DropdownMenu-gKIXzj63.d.ts}

@@ -1,5 +1,5 @@
-import { g as MenuPopoverWrapperVariantProps, h as MenuPopoverVariantProps, m as MenuItemVariantProps, p as DropdownMenuCvaVariantProps } from "./style-definitions-_RXJdSk-.js";
-import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
+import { g as MenuPopoverWrapperVariantProps, h as MenuPopoverVariantProps, m as MenuItemVariantProps, p as DropdownMenuCvaVariantProps } from "./style-definitions-DzsmGccZ.js";
+import { t as BottomSheetProps } from "./BottomSheet-C-jdDmO7.js";
 import { ReactElement } from "react";
 import { Key, MenuItemProps } from "react-aria-components";
 import { Placement } from "react-aria";

package/dist/{DropdownMenuDesktop-nMoCa6N5.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 { 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-Bi3a21lO.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";

package/dist/{FileInput-Q72yXorH.d.ts → FileInput-0o8-IJUh.d.ts}

@@ -1,8 +1,8 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
-import "./button.cva-CBckM91c.js";
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { t as InputSizeProps } from "./input.cva-L7jKDv6q.js";
+import "./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";
@@ -22,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"];
     };
   }>;
 };

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

@@ -1,14 +1,14 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.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 { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as Button } from "./Button-DER_6cxv.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-D7KKJ6kG.js";
-import { a as inputSizeDefinition } from "./input.cva-w7ZEVQAM.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";
@@ -22,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: [],
@@ -41,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" }
 	}
@@ -78,7 +79,7 @@ const FileInputContent = (props) => {
 				children: [/* @__PURE__ */ jsx(Typography, {
 					size: "large",
 					as: "span",
-					className: "min-w-0 flex-fill select-none truncate text-content-muted",
+					className: "min-w-0 flex-fill select-none truncate text-muted-foreground",
 					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
 				}), variant === "nested" && /* @__PURE__ */ jsx(Button, {
 					size: "none",
@@ -103,11 +104,11 @@ 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-content-primary input-disabled:text-content-muted",
+			className: "flex-fill select-none truncate text-ellipsis text-foreground input-disabled:text-muted-foreground",
 			children: files.map((file) => file.name).join(", ")
 		}), /* @__PURE__ */ jsx(IconButton, {
 			label: "Remove files",
@@ -118,7 +119,7 @@ const FileInputFilled = ({ files, onRemove, isDisabled, size }) => {
 			variant: "text",
 			width: "hug",
 			disableTooltip: true,
-			size: "sm"
+			size: "none"
 		})]
 	});
 };

package/dist/{FileInput.bound-BZ7-g-dq.js → FileInput.bound-B6oGPCP8.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as FileInputBase } from "./FileInput-CqRrQRM-.js";
+import { 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

package/dist/{FileInput.bound-CG2G5E2K.d.ts → FileInput.bound-BEeceBBO.d.ts}

@@ -1,4 +1,4 @@
-import { i as FileInputBaseProps } from "./FileInput-Q72yXorH.js";
+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>;

package/dist/{FileUpload-B4ibHWQn.d.ts → FileUpload--AQJW3vz.d.ts}

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

package/dist/{FileUpload-CG60c6wM.js → FileUpload-G7tdtNKN.js}

@@ -1,19 +1,19 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.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 { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as Button } from "./Button-DER_6cxv.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.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-D7KKJ6kG.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
 import "./i18n-BjNKHh_D.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
-import { t as Progress } from "./Progress-De76pCfX.js";
-import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-ujmStxB1.js";
+import { t as Progress } from "./Progress-ZsKwo9ne.js";
+import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-DVJcCCYz.js";
 import { memo, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -104,32 +104,32 @@ 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", 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"),
+			className: clsx("flex w-full items-center", variant === "horizontal" && "flex-row gap-4", variant === "vertical" && "flex-col", variant === "vertical" && as === "button" && "gap-4", variant === "vertical" && as === "link" && "gap-1"),
 			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", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
+				className: clsx("flex min-w-0 max-w-full flex-grow items-center gap-2", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
 				children: [/* @__PURE__ */ jsx(IconSlot, {
 					icon: CircleAlert,
-					className: "text-status-warning-accent"
+					className: "text-warning"
 				}), /* @__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)]"),
+					className: clsx("flex flex-col gap-1", 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-content-primary font-bold", variant === "vertical" && "text-center"),
+						className: clsx("self-stretch truncate text-foreground font-medium", variant === "vertical" && "text-center"),
 						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						size: singleFile ? "small" : "small",
 						as: "span",
-						className: clsx("text-content-secondary", variant === "vertical" && "text-center"),
+						className: clsx("text-muted-foreground", variant === "vertical" && "text-center"),
 						children: state.error?.serverMessage ?? state.error?.message
 					})]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
-				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"),
+				className: clsx("flex flex-none items-center justify-end", variant === "vertical" && as === "button" && "flex-col", as === "link" && "gap-1", as === "button" && "gap-4"),
 				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx($b325d7bd7e74496a$export$6fb4a10d2c950550, {
 					...fileTriggerProps,
 					children: /* @__PURE__ */ jsx(Button, {
-						className: "text-interactive-subtle-primary-foreground",
+						className: "text-primary",
 						variant: "text",
 						width: "hug",
 						children: browseText ?? ""
@@ -137,7 +137,7 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 				}), /* @__PURE__ */ jsx(Typography, {
 					size: "small",
 					as: "span",
-					className: "text-content-secondary",
+					className: "text-foreground",
 					children: t(($) => $.ui.fileUpload.or)
 				})] }), removeWithIcon ? /* @__PURE__ */ jsx(IconButton, {
 					label: "Cancel",
@@ -151,7 +151,7 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 					disableTooltip: true,
 					size: "sm"
 				}) : /* @__PURE__ */ jsx(Button, {
-					className: "text-interactive-subtle-primary-foreground lowercase",
+					className: "text-primary lowercase",
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
@@ -159,7 +159,7 @@ const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fi
 					width: "hug",
 					children: t(($) => $.ui.fileUpload.removeFile)
 				})] }) : /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
+					className: "flex items-center justify-center gap-2 self-stretch",
 					children: [fileTriggerProps && /* @__PURE__ */ jsx($b325d7bd7e74496a$export$6fb4a10d2c950550, {
 						...fileTriggerProps,
 						children: /* @__PURE__ */ jsx(Button, {
@@ -203,32 +203,32 @@ 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", 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"),
+			className: clsx("flex w-full items-center", variant === "horizontal" && "flex-row gap-4", variant === "vertical" && "flex-col", variant === "vertical" && as === "button" && "gap-4", variant === "vertical" && as === "link" && "gap-1"),
 			children: [/* @__PURE__ */ jsxs("div", {
-				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"),
+				className: clsx("flex min-w-0 max-w-full grow items-center gap-2", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
 				children: [/* @__PURE__ */ jsx(IconSlot, {
 					icon: CircleCheckBig,
-					className: "text-content-primary"
+					className: "text-muted-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)]"),
+					className: clsx("flex flex-col gap-1", variant === "vertical" && "max-w-full items-center", variant === "horizontal" && "max-w-[calc(100%-32px)]"),
 					children: [/* @__PURE__ */ jsx(Typography, {
 						size: "large",
 						as: "span",
-						className: "self-stretch truncate text-center text-content-primary font-bold",
+						className: "self-stretch truncate text-center text-foreground font-medium",
 						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						size: singleFile ? "small" : "small",
 						as: "span",
-						className: "text-content-secondary",
+						className: "text-foreground",
 						children: FileUtils.getFileDisplaySize(state)
 					})]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
-				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"),
+				className: clsx("flex flex-none items-center justify-end", variant === "vertical" && as === "button" && "flex-col", as === "link" && variant === "vertical" && "gap-1", as === "button" && variant === "vertical" && "gap-4", variant === "horizontal" && "gap-2"),
 				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx($b325d7bd7e74496a$export$6fb4a10d2c950550, {
 					...fileTriggerProps,
 					children: /* @__PURE__ */ jsx(Button, {
-						className: clsx("text-interactive-subtle-primary-foreground", variant === "vertical" && "[&>span>span]:font-medium!"),
+						className: clsx("text-primary", variant === "vertical" && "[&>span>span]:font-medium!"),
 						variant: "text",
 						width: "hug",
 						children: browseText ?? ""
@@ -236,7 +236,7 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 				}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
 					size: "small",
 					as: "span",
-					className: "text-content-secondary",
+					className: "text-muted-foreground",
 					children: t(($) => $.ui.fileUpload.or)
 				})] }), removeWithIcon ? /* @__PURE__ */ jsx(IconButton, {
 					label: "Cancel",
@@ -250,7 +250,7 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 					disableTooltip: true,
 					size: "sm"
 				}) : /* @__PURE__ */ jsx(Button, {
-					className: clsx(variant === "vertical" && "text-interactive-subtle-primary-foreground lowercase [&>span>span]:font-medium!"),
+					className: clsx(variant === "vertical" && "text-primary lowercase [&>span>span]:font-medium!"),
 					color: variant === "horizontal" ? "secondary" : "primary",
 					onPress: () => {
 						onRemove(state.id ?? "");
@@ -259,7 +259,7 @@ const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, f
 					width: "hug",
 					children: t(($) => $.ui.fileUpload.removeFile)
 				})] }) : /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
+					className: "flex items-center justify-center gap-2 self-stretch",
 					children: [fileTriggerProps && /* @__PURE__ */ jsx($b325d7bd7e74496a$export$6fb4a10d2c950550, {
 						...fileTriggerProps,
 						children: /* @__PURE__ */ jsx(Button, {
@@ -303,25 +303,25 @@ 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", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", as === "button" && "gap-file-upload-content-gap-content-to-button"),
+		className: clsx("flex w-full flex-col items-center", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", as === "button" && "gap-4"),
 		children: [/* @__PURE__ */ jsxs("div", {
-			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"),
+			className: clsx("flex w-full items-center justify-between", variant === "vertical" && "flex-col gap-1", variant === "horizontal" && "flex-row gap-4", isDisabled && "opacity-50"),
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", variant === "vertical" && "w-full flex-col", variant === "horizontal" && "w-1/2"),
+				className: clsx("flex items-center gap-2", variant === "vertical" && "w-full flex-col", variant === "horizontal" && "w-1/2"),
 				children: [/* @__PURE__ */ jsx(IconSlot, {
 					icon: File,
-					className: "text-content-primary"
+					className: "text-muted-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"),
+					className: clsx("flex flex-col", variant === "vertical" && "max-w-full gap-2 text-center", variant === "horizontal" && "max-w-[calc(100%-32px)] gap-1"),
 					children: [/* @__PURE__ */ jsx(Typography, {
 						size: "large",
 						as: "span",
-						className: "self-stretch truncate text-center text-content-primary font-bold",
+						className: "self-stretch truncate text-center text-foreground font-medium",
 						children: state.file?.name ?? state.displayName ?? ""
 					}), /* @__PURE__ */ jsx(Typography, {
 						size: singleFile ? "small" : "small",
 						as: "span",
-						className: "text-content-secondary",
+						className: "text-muted-foreground",
 						children: FileUtils.getFileDisplaySize(state)
 					})]
 				})]
@@ -400,7 +400,7 @@ const FileCardComponent = ({ index, as, state, onRemove, isDisabled, browseButto
 		onRemove
 	]);
 	return /* @__PURE__ */ jsx("div", {
-		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"),
+		className: clsx("flex items-center self-stretch", "bg-card", "px-3", "py-4", "rounded-lg border border-border border-solid"),
 		children: content
 	});
 };
@@ -409,7 +409,7 @@ const FileCard = memo(FileCardComponent);
 //#region src/components/inputs/File/shared/FileCardList.tsx
 const FileCardList = memo(({ uploadState, as, isDisabled, browseButtonProps, cancelButtonProps, className, onRemove, onCancel }) => {
 	return /* @__PURE__ */ jsx("div", {
-		className: clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className),
+		className: clsx("mt-4 flex flex-col items-start gap-2 self-stretch", className),
 		children: uploadState.map((state, index) => /* @__PURE__ */ jsx(FileCard, {
 			index,
 			as,
@@ -427,27 +427,27 @@ const FileCardList = memo(({ uploadState, as, isDisabled, browseButtonProps, can
 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, variant === "vertical" && "flex-col", variant === "horizontal" && "min-h-11 flex-row justify-between"),
+		className: clsx("flex w-full items-center gap-1", 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", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
+			className: clsx("flex items-center gap-2", variant === "vertical" && "flex-col", variant === "horizontal" && "flex-row", isDisabled && "opacity-50"),
 			children: [/* @__PURE__ */ jsx(IconSlot, {
 				icon: Upload,
-				className: "text-content-primary"
+				className: "text-foreground"
 			}), /* @__PURE__ */ jsx(Typography, {
 				size: "lead",
 				as: "span",
-				className: clsx("self-stretch text-content-primary font-normal", variant === "vertical" && "text-center"),
+				className: clsx("self-stretch text-foreground font-normal", variant === "vertical" && "text-center"),
 				children: title
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			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"),
+			className: clsx("flex items-center justify-center", variant === "vertical" && as === "button" && "flex-col", as === "link" && "gap-1", as === "button" && "gap-4"),
 			children: [/* @__PURE__ */ jsx(Typography, {
 				size: "large",
 				as: "span",
-				className: clsx("text-content-secondary font-normal", variant === "vertical" && "text-center", isDisabled && "opacity-50"),
+				className: clsx("text-muted-foreground font-normal", variant === "vertical" && "text-center", isDisabled && "opacity-50"),
 				children: uploadText
 			}), !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(Button, {
-				className: "text-interactive-subtle-primary-foreground lowercase",
+				className: "text-primary lowercase",
 				isDisabled,
 				variant: "text",
 				width: "hug",
@@ -759,7 +759,7 @@ const FileUploadBase = (props) => {
 			role: "group",
 			"aria-label": label,
 			"aria-describedby": [rest["aria-describedby"], resolvedError ? resolvedErrorId : void 0].filter(Boolean).join(" ") || void 0,
-			className: "flex w-full items-center justify-between gap-input-gap-input-to-button-gap",
+			className: "flex w-full items-center justify-between gap-2",
 			children: /* @__PURE__ */ jsx($070c0dd15dc89b58$export$3c6489d84dc98b6, {
 				...rest,
 				"data-rac": "",
@@ -774,7 +774,7 @@ const FileUploadBase = (props) => {
 				className: fileUploadDropZoneCva({
 					variant,
 					isContainer: !!children,
-					className: "group/file-upload-drop-zone"
+					className: "group/upload-drop-zone"
 				}),
 				children: children ? /* @__PURE__ */ jsxs(Fragment$1, { children: [children({
 					files: uploadState,
@@ -790,7 +790,7 @@ const FileUploadBase = (props) => {
 					uploadText,
 					browseText,
 					browseButtonProps,
-					className: "group-drop-target/file-upload-drop-zone:flex! absolute top-1/2 left-1/2 z-overlay-above hidden -translate-x-1/2 -translate-y-1/2 flex-col"
+					className: "group-drop-target/upload-drop-zone:flex! absolute top-1/2 left-1/2 z-overlay-above hidden -translate-x-1/2 -translate-y-1/2 flex-col"
 				})] }) : /* @__PURE__ */ jsx(FileUploadContent, {
 					...rest,
 					variant,

package/dist/{FileUpload.bound-DQ6uuH2W.js → FileUpload.bound-DqqPejvc.js}

@@ -1,4 +1,4 @@
-import { n as FileUploadBase } from "./FileUpload-CG60c6wM.js";
+import { n as FileUploadBase } from "./FileUpload-G7tdtNKN.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
 import { memo } from "react";

package/dist/{FileUpload.bound-C-Zy1n5Y.d.ts → FileUpload.bound-i5zfLhoY.d.ts}

@@ -1,5 +1,5 @@
-import { n as FileUploadBaseProps } from "./fileUpload.types-BT8P1o7a.js";
-import "./FileUpload-B4ibHWQn.js";
+import { n as FileUploadBaseProps } from "./fileUpload.types-DKICER1J.js";
+import "./FileUpload--AQJW3vz.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/File/FileUpload.bound.d.ts
 type UploadBindingProps<TProps extends FileUploadBaseProps = FileUploadBaseProps> = TProps extends unknown ? Omit<TProps, "value" | "defaultValue" | "defaultState"> & {

package/dist/{FileUploadContainer-CtUhDntB.d.ts → FileUploadContainer-D1eYflb2.d.ts}

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

package/dist/{FormField-BIRMlgu4.d.ts → FormField-BsR2Cjxm.d.ts}

@@ -1,5 +1,5 @@
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.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/{FormField-D7KKJ6kG.js → FormField-DyqEbqx3.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-BGvF9vWx.js";
-import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as FormFieldError } from "./FormFieldError-Bqjg9cMb.js";
-import { i as formFieldHeaderDefinition, n as labelDefinition, r as labelTypography, t as formFieldHelperDefinition } from "./formFieldHelper.cva-CxAmrG2H.js";
+import { t as typographyDefinition } from "./typography.cva-CXolEQdT.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as FormFieldError } from "./FormFieldError-BaVgIKrv.js";
+import { i as formFieldHeaderDefinition, n as labelDefinition, r as labelTypography, t as formFieldHelperDefinition } from "./formFieldHelper.cva-5YaiUEcL.js";
 import { Suspense, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldLabel.tsx
@@ -16,28 +16,28 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 		...labelProps,
 		ref,
 		className: clsx(typographyCva({
-			size: "small",
-			sizeMobile: "small",
-			className: "font-bold",
+			size: "body",
+			sizeMobile: "body",
+			className: "font-medium leading-none",
 			...labelTypographyMap({ as })
 		}), labelBaseCva({ as }), className, labelProps?.className),
 		children: [label, isRequired && /* @__PURE__ */ jsx("span", {
-			className: clsx(!isDisabled && "text-status-destructive-accent"),
+			className: clsx("-ml-1", !isDisabled && "text-destructive"),
 			children: "*"
 		})]
 	});
 };
 //#endregion
 //#region src/components/inputs/FormField/FormFieldHeader.tsx
-const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-k8Snf_oM.js"));
+const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-Bxc4f9i4.js"));
 const FormFieldHeader = ({ label, tooltipText, helperText, helperTextId, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
 	const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(formFieldHeaderCva({ visible: !isHeaderHidden }), className),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start justify-between",
+			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-start gap-1",
+				className: "flex items-center gap-1.5",
 				children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 					label,
 					isRequired,
@@ -45,7 +45,7 @@ const FormFieldHeader = ({ label, tooltipText, helperText, helperTextId, isRequi
 					labelProps
 				}), tooltipText ? /* @__PURE__ */ jsx(Suspense, {
 					fallback: /* @__PURE__ */ jsx("span", {
-						className: "size-6",
+						className: "size-4",
 						"data-form-field-tooltip-loading": ""
 					}),
 					children: /* @__PURE__ */ jsx(FormFieldHeaderTooltip, {
@@ -57,8 +57,8 @@ const FormFieldHeader = ({ label, tooltipText, helperText, helperTextId, isRequi
 		}), helperText && /* @__PURE__ */ jsx(Typography, {
 			id: helperTextId,
 			slot: "description",
-			size: "small",
-			className: "text-content-secondary",
+			size: "body",
+			className: "mt-2 text-muted-foreground",
 			children: helperText
 		})]
 	});
@@ -80,8 +80,6 @@ const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRe
 	const headerProps = {
 		label,
 		tooltipText,
-		helperText,
-		helperTextId,
 		isRequired,
 		rightContent,
 		isHeaderHidden: hideLabel || isHeaderHidden,
@@ -93,7 +91,7 @@ const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRe
 		id: helperTextId,
 		helperText,
 		isDisabled,
-		isHidden: !["filter", "floating"].includes(as ?? ""),
+		isHidden: as === "inline",
 		hasError: !!error
 	};
 	const errorProps = {
@@ -112,7 +110,7 @@ const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRe
 		children: [
 			!["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps }),
 			children,
-			["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
+			/* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps }),
 			/* @__PURE__ */ jsx(FormFieldError, { ...errorProps })
 		]
 	});

package/dist/{FormFieldError-Bqjg9cMb.js → FormFieldError-BaVgIKrv.js}

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as formFieldErrorDefinition } from "./formFieldError.cva-CTl0VeyG.js";
+import { t as formFieldErrorDefinition } from "./formFieldError.cva-Cc-dELdU.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormFieldError.tsx
 const FormFieldError = ({ id, error, isDisabled, isHidden, className }) => {

package/dist/{FormFieldHeaderTooltip-k8Snf_oM.js → FormFieldHeaderTooltip-Bxc4f9i4.js}

@@ -1,7 +1,7 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as Tooltip } from "./Tooltip-CMigoyri.js";
+import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { t as $a3be900807531178$re_export$Focusable } from "./exports-BNrTn8Tj.js";
 import { jsx } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/info.mjs
@@ -39,7 +39,7 @@ const FormFieldHeaderTooltip = ({ text, isDisabled }) => /* @__PURE__ */ jsx(Too
 	text,
 	children: /* @__PURE__ */ jsx($a3be900807531178$re_export$Focusable, { children: /* @__PURE__ */ jsx(IconSlot, {
 		icon: Info,
-		className: clsx(isDisabled ? "text-state-content-muted/disabled" : "text-content-muted hover:text-state-content-muted/hover"),
+		className: clsx(isDisabled ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground"),
 		tabIndex: 0
 	}) })
 });