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

package/dist/{FileUpload-D3Io7Is5.js → FileUpload-DDpYMn8f.js}

@@ -1,19 +1,21 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { n as $070c0dd15dc89b58$export$3c6489d84dc98b6, r as Upload, t as $b325d7bd7e74496a$export$6fb4a10d2c950550 } from "./FileTrigger-CDXcQthK.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 { 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-U_-d4V_g.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 +106,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 +191,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 +212,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 +277,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 +300,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 +393,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 +491,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 +636,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 +715,4 @@ const FileUploadComponent = (props) => {
 };
 const FileUpload = memo(FileUploadComponent);
 //#endregion
-export { fileUploadDropZoneDefinition as n, FileUpload as t };
+export { FileUpload as t };

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-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

package/dist/{FormField-CHD4OJOt.js → FormField-U_-d4V_g.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-DXbuu88v.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/{FormFieldError-QRAFHUTt.js → FormFieldError-DeOHHLo2.js}

@@ -1,5 +1,5 @@
 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({

package/dist/FormFieldHeaderTooltip-DXbuu88v.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-B9DKcYvr.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-KXecZgYX.d.ts → IconButton-D4thBurp.d.ts}

@@ -1,5 +1,5 @@
-import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
-import { n as ButtonAppearanceProps } from "./Button-BZ3is6IU.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

package/dist/IconSlot-DSK7qNxc.js

@@ -0,0 +1,79 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { cloneElement, isValidElement } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/shared/IconSlot/iconSlot.cva.ts
+const iconSlotDefinition = UIOverrides.defineConfig({ base: ["inline-flex size-icons-size shrink-0 items-center justify-center", "[&>svg]:size-[calc(var(--icons-scale,0.8)*100%)] [&>svg]:shrink-0"] });
+//#endregion
+//#region src/components/shared/IconSlot/IconSlot.tsx
+/** Reserves the Figma icons-size token and centers a smaller SVG inside it. */
+const IconSlot = (t0) => {
+	const $ = c(17);
+	const { icon, scale, iconClassName, className, style, ...props } = t0;
+	const slotCva = UIOverrides.useCva("iconSlot.cva", iconSlotDefinition);
+	if (isValidElement(icon) && icon.type === IconSlot) return cloneElement(icon, {
+		...props,
+		className: clsx(className, icon.props.className),
+		style: {
+			...style,
+			...icon.props.style
+		},
+		scale: icon.props.scale ?? scale,
+		iconClassName: clsx(iconClassName, icon.props.iconClassName)
+	});
+	let visual;
+	if (isValidElement(icon)) {
+		let t1;
+		if ($[0] !== icon || $[1] !== iconClassName) {
+			t1 = cloneElement(icon, { className: clsx(icon.props.className, iconClassName) });
+			$[0] = icon;
+			$[1] = iconClassName;
+			$[2] = t1;
+		} else t1 = $[2];
+		visual = t1;
+	} else {
+		const Icon = icon;
+		let t1;
+		if ($[3] !== Icon || $[4] !== iconClassName) {
+			t1 = /* @__PURE__ */ jsx(Icon, { className: iconClassName });
+			$[3] = Icon;
+			$[4] = iconClassName;
+			$[5] = t1;
+		} else t1 = $[5];
+		visual = t1;
+	}
+	let slotStyle;
+	if ($[6] !== scale || $[7] !== style) {
+		slotStyle = { ...style };
+		if (scale !== void 0) Object.assign(slotStyle, { "--icons-scale": scale });
+		$[6] = scale;
+		$[7] = style;
+		$[8] = slotStyle;
+	} else slotStyle = $[8];
+	let t1;
+	if ($[9] !== className || $[10] !== slotCva) {
+		t1 = slotCva({ className });
+		$[9] = className;
+		$[10] = slotCva;
+		$[11] = t1;
+	} else t1 = $[11];
+	let t2;
+	if ($[12] !== props || $[13] !== slotStyle || $[14] !== t1 || $[15] !== visual) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			...props,
+			"data-icon-slot": "",
+			className: t1,
+			style: slotStyle,
+			children: visual
+		});
+		$[12] = props;
+		$[13] = slotStyle;
+		$[14] = t1;
+		$[15] = visual;
+		$[16] = t2;
+	} else t2 = $[16];
+	return t2;
+};
+//#endregion
+export { iconSlotDefinition as n, IconSlot as t };

package/dist/{InlineIconButton-CbKZ2U_a.d.ts → InlineIconButton-BeJCjl-q.d.ts}

@@ -1,5 +1,5 @@
-import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
-import { a as ButtonProps, n as ButtonAppearanceProps } from "./Button-BZ3is6IU.js";
+import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
+import { a as ButtonProps, n as ButtonAppearanceProps } from "./Button-D-4qb0IR.js";
 import { FC, ReactElement, RefObject, SVGProps } from "react";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.d.ts
 interface InlineIconButtonProps extends Omit<ButtonProps, "children">, ButtonAppearanceProps {

package/dist/{InlineTooltipWrapper-g5yoeH1B.js → InlineTooltipWrapper-Bpmd--e7.js}

@@ -1,6 +1,6 @@
-import { t as Tooltip } from "./Tooltip-aE1Vswxz.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-CUu8pI-a.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as Tooltip } from "./Tooltip-B9DKcYvr.js";
+import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-BBQ4ic3D.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/InlineTooltipWrapper.tsx
 const InlineTooltipWrapper = ({ children, error, triggerClassName, triggerTabIndex }) => {

package/dist/{Input-efmPwk8f.d.ts → Input-DOanwj3l.d.ts}

@@ -1,8 +1,8 @@
 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 { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
-import { t as InputContentProps } from "./InputContent-DuBa9FuI.js";
+import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
+import { t as InputContentProps } from "./InputContent-CXuP1ghQ.js";
 import { Ref } from "react";
 import { InputProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

package/dist/{InputContent-DuBa9FuI.d.ts → InputContent-CXuP1ghQ.d.ts}

@@ -1,6 +1,6 @@
-import { n as InlineIconButtonProps } from "./InlineIconButton-CbKZ2U_a.js";
-import { r as FormFieldHeaderProps } from "./FormField-B0miX3gu.js";
-import "./input.cva-BhDJxc7r.js";
+import { n as InlineIconButtonProps } from "./InlineIconButton-BeJCjl-q.js";
+import { r as FormFieldHeaderProps } from "./FormField-Byiehm9y.js";
+import "./input.cva-BsHgYa-L.js";
 import { FC, FocusEvent, ReactElement, ReactNode, SVGProps } from "react";
 //#region src/components/inputs/Input/shared/InputContent.d.ts
 interface InputContentProps {

package/dist/{InputItem-2zf6QI5L.js → InputItem-D-KuiNSc.js}

@@ -1,19 +1,19 @@
 import { t as PasswordInput } from "./PasswordInput-DYwUZ4-k.js";
-import { t as Checkbox } from "./Checkbox-BepzfVfK.js";
-import { t as Slider } from "./Slider-DJ9K_a-x.js";
-import { t as Switch } from "./Switch-JxRmH1dX.js";
-import { t as TextArea } from "./TextArea-gikUKKDl.js";
-import { t as ToggleGroup } from "./ToggleGroup-Cl0NS3fe.js";
-import { t as DateRangePicker } from "./DateRangePicker-BX2O5zA8.js";
+import { t as Checkbox } from "./Checkbox-BU0d702K.js";
+import { t as Slider } from "./Slider-BHPl0OPy.js";
+import { t as Switch } from "./Switch-CqnGEdeD.js";
+import { t as TextArea } from "./TextArea-DqHDiRGJ.js";
+import { t as ToggleGroup } from "./ToggleGroup-DX0VYXwP.js";
+import { t as DateRangePicker } from "./DateRangePicker-_uTQk_ae.js";
 import { Input } from "./components/input.js";
 import { Autocomplete } from "./components/autocomplete.js";
 import { CheckboxGroup } from "./components/checkbox-group.js";
-import { t as TimePicker } from "./TimePicker-DtNTOOGr.js";
-import { t as DatePicker } from "./DatePicker-CI87jC4_.js";
-import { t as Select } from "./Select-CuZDkeQs.js";
-import { t as DateTimePicker } from "./DateTimePicker-CVfkp45w.js";
+import { t as TimePicker } from "./TimePicker-DQ6JCkGB.js";
+import { t as DatePicker } from "./DatePicker-D95gDPhg.js";
+import { t as Select } from "./Select-CkujlTjm.js";
+import { t as DateTimePicker } from "./DateTimePicker-BB058Z34.js";
 import { NumberField } from "./components/number-field.js";
-import { t as NumberRangeInput } from "./NumberRangeInput-BxVrHq8R.js";
+import { t as NumberRangeInput } from "./NumberRangeInput-C-8U05wF.js";
 import { QueryAutocomplete } from "./components/query-autocomplete.js";
 import { QuerySelect } from "./components/query-select.js";
 import { useMemo } from "react";

package/dist/{Inputs-C-w03Q_F.d.ts → Inputs-DA73LmLc.d.ts}

@@ -1,5 +1,5 @@
 import { c as UIForm } from "./form.binding-DVJ5F0JE.js";
-import { l as InputDef } from "./dynamicInputs-wEEikYeg.js";
+import { l as InputDef } from "./dynamicInputs-iP39lVKf.js";
 import { ReactNode } from "react";
 import { z } from "zod";
 //#region src/components/inputs/Inputs/Inputs.d.ts

package/dist/{Inputs-BceDTmdT.js → Inputs-j3JmcLWR.js}

@@ -1,4 +1,4 @@
-import { t as InputItem } from "./InputItem-2zf6QI5L.js";
+import { t as InputItem } from "./InputItem-D-KuiNSc.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/Inputs.tsx
 function Inputs({ form, inputDefs, children }) {

package/dist/{Link-QYpprkN1.d.ts → Link-Ow9H7kNv.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 { AnchorHTMLAttributes, PropsWithChildren } from "react";
 import { LinkProps } from "react-aria-components";
 //#region src/components/text/Link/link.cva.d.ts
@@ -6,7 +7,7 @@ declare const linkDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["text-interactive-primary-background focus-visible:outline-interactive-ring", "hover:text-tint-interactive-primary-background/80 focus-visible:text-tint-interactive-primary-background/60 active:text-tint-interactive-primary-background/70"];
+      default: ["text-interactive-primary-background focus-visible:outline-interactive-ring", "hover:text-state-interactive-primary-background/hover focus-visible:text-state-interactive-primary-background/focus active:text-state-interactive-primary-background/pressed"];
     };
   }>;
 };