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

package/dist/components/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-BwF-Crbg.js";
+import { t as TimePicker } from "../TimePicker-CmBGkxDC.js";
 export { TimePicker };

package/dist/components/toast.d.ts

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "../toast.cva-L0k_TBiW.js";
-import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-Dl6KMa58.js";
+import { t as ToastVariantProps } from "../toast.cva-B8i61tEN.js";
+import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-6rYk8AAG.js";
 import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-1H_IxvyH.js";
 export { Toast, type ToastAction, ToastContainer, type ToastProps, ToastProvider, type ToastVariantProps };

package/dist/components/toast.js

@@ -1,3 +1,3 @@
-import { r as Toast } from "../dist-CAFUM34b.js";
-import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-BDvta6st.js";
+import { r as Toast } from "../dist-D35rjADF.js";
+import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-D1Jl3PPk.js";
 export { Toast, ToastContainer, ToastProvider };

package/dist/components/toggle-button.d.ts

@@ -1,2 +1,2 @@
-import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-Cce9bnBw.js";
+import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-DZ340rQr.js";
 export { ToggleButton, ToggleButtonProps };

package/dist/components/toggle-button.js

@@ -1,4 +1,4 @@
-import { t as ButtonBase } from "../ButtonBase-CeFSNcVs.js";
+import { t as ButtonBase } from "../ButtonBase-BhlpPPDi.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx

package/dist/components/toggle-group.d.ts

@@ -1,2 +1,2 @@
-import { a as ToggleGroupProps, t as ToggleGroup } from "../ToggleGroup-BJ8cqXaO.js";
+import { a as ToggleGroupProps, t as ToggleGroup } from "../ToggleGroup-BTqYh6FH.js";
 export { ToggleGroup, type ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -1,2 +1,2 @@
-import { t as ToggleGroup } from "../ToggleGroup-s5sDSB6l.js";
+import { t as ToggleGroup } from "../ToggleGroup-cvzIyIhi.js";
 export { ToggleGroup };

package/dist/components/tooltip-ellipsis.js

@@ -1,4 +1,4 @@
-import { t as Tooltip } from "../Tooltip-CMigoyri.js";
+import { t as Tooltip } from "../Tooltip-CqbyoJhl.js";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tooltip.d.ts

@@ -1,2 +1,2 @@
-import { n as TooltipProps, t as Tooltip } from "../Tooltip-BiS7isYB.js";
+import { n as TooltipProps, t as Tooltip } from "../Tooltip-DP5RDkXs.js";
 export { Tooltip, TooltipProps };

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "../Tooltip-CMigoyri.js";
+import { t as Tooltip } from "../Tooltip-CqbyoJhl.js";
 export { Tooltip };

package/dist/components/typography.d.ts

@@ -1,3 +1,3 @@
-import { t as TypographyVariantProps } from "../typography.cva-GpC6QQNx.js";
-import { n as TypographyProps, t as Typography } from "../Typography-D2FfZr7a.js";
+import { t as TypographyVariantProps } from "../typography.cva-CKCCpIMj.js";
+import { n as TypographyProps, t as Typography } from "../Typography-BD-MSuTp.js";
 export { Typography, type TypographyProps, type TypographyVariantProps };

package/dist/components/typography.js

@@ -1,2 +1,2 @@
-import { t as Typography } from "../Typography-LU4z2pR1.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
 export { Typography };

package/dist/components/use-toast.d.ts

@@ -1,2 +1,2 @@
-import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-DfQif03I.js";
+import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-CA0BGCDK.js";
 export { ToastOptions, ToastParams, useToast };

package/dist/components/use-toast.js

@@ -5,7 +5,7 @@ let nextToastId = 0;
 const enqueueToast = (color, params, options) => {
 	const id = `povio-toast-${++nextToastId}`;
 	activateToastRenderer();
-	import("../toast.runtime-DKOeUnk6.js").then(({ showToast }) => showToast(id, color, params, options));
+	import("../toast.runtime-D18gn2Ty.js").then(({ showToast }) => showToast(id, color, params, options));
 	return id;
 };
 const useToast = () => {
@@ -22,7 +22,7 @@ const useToast = () => {
 		return enqueueToast("neutral", params_2, options_2);
 	}, []);
 	const closeToast = useCallback((id) => {
-		import("../toast.runtime-DKOeUnk6.js").then(({ dismissToast }) => dismissToast(id));
+		import("../toast.runtime-D18gn2Ty.js").then(({ dismissToast }) => dismissToast(id));
 	}, []);
 	return useMemo(() => ({
 		successToast,

package/dist/config/component-configuration.d.ts

@@ -1,5 +1,5 @@
 import { t as UIOverrides } from "../uiOverrides.context-Dmev7iRS.js";
-import { t as UIConfig } from "../uiConfig.context-CQU9Tzq_.js";
+import { t as UIConfig } from "../uiConfig.context-B1SCCG5j.js";
 //#region src/config/component-configuration.d.ts
 interface CvaDefinition {
   base: string[];

package/dist/config/confirmation.d.ts

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-B2z9A1v3.js";
+import { t as Confirmation } from "../confirmation.context-DdxzxDWB.js";
 export { Confirmation };

package/dist/config/link-context.d.ts

@@ -1,3 +1,3 @@
-import { n as LinkNavigationProps } from "../Link-Bw2m9W4B.js";
-import { t as LinkContext } from "../link.context-C4fE_aMo.js";
+import { n as LinkNavigationProps } from "../Link-D0Kk3F5w.js";
+import { t as LinkContext } from "../link.context-pIX2TUSb.js";
 export { LinkContext, type LinkNavigationProps };

package/dist/config/ui-config.d.ts

@@ -1,3 +1,3 @@
-import { t as UIConfig } from "../uiConfig.context-CQU9Tzq_.js";
-import { o as DateRangeRelativeOption, s as DateRangeResolvedValue } from "../DateRangePicker-hV_U1IK0.js";
+import { t as UIConfig } from "../uiConfig.context-B1SCCG5j.js";
+import { o as DateRangeRelativeOption, s as DateRangeResolvedValue } from "../DateRangePicker-CzWwO5bA.js";
 export { type DateRangeRelativeOption, type DateRangeResolvedValue, UIConfig };

package/dist/config/ui-config.js

@@ -1,2 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "../uiConfig.context-dxsO9puE.js";
 export { UIConfig };

package/dist/{confirmation.context-B2z9A1v3.d.ts → confirmation.context-DdxzxDWB.d.ts}

@@ -1,4 +1,4 @@
-import { n as AlertDialogProps } from "./AlertDialog-uNDUIyng.js";
+import { n as AlertDialogProps } from "./AlertDialog-CDCbfARJ.js";
 import { PropsWithChildren } from "react";
 //#region src/config/confirmation.context.d.ts
 declare namespace Confirmation {

package/dist/{datePickerInput.cva-Cd7UUN61.js → datePickerInput.cva--gCeAsRx.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
 const datePickerInputContentRowDefinition = UIOverrides.defineConfig({
-	base: ["flex items-center gap-input-gap-input-text-to-elements"],
+	base: ["flex items-center gap-2"],
 	config: {
 		variants: { size: {
 			small: "",

package/dist/{datePickerValue.utils-OAQBDk1R.js → datePickerValue.utils-BxHR_BQZ.js}

@@ -1,10 +1,10 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { n as ChevronUp } from "./Tooltip-CMigoyri.js";
+import { n as ChevronUp } from "./Tooltip-CqbyoJhl.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { IconButton } from "./components/icon-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
-import { u as getPlaceholder } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
+import { u as getPlaceholder } from "./staticDateTimeSegments-CA_lwN-O.js";
 import "./i18n-BjNKHh_D.js";
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
@@ -150,8 +150,8 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 			ref,
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				size: "small",
-				className: "text-content-secondary font-bold",
+				size: "body",
+				className: "font-medium text-foreground",
 				children: segment.text
 			})
 		});
@@ -161,7 +161,7 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			...isDesktop && segmentProps,
-			className: clsx("w-11 rounded-input-rounding-default bg-surface-default-sunken py-input-height-small text-center", "font-body font-bold text-content-muted", "border border-border-default-input border-solid", "not-focus-within:hover:border-state-border-default-input/hover not-focus-within:hover:bg-state-surface-default-sunken/hover not-focus-within:hover:text-state-content-muted/hover", "focus-within:border-interactive-ring focus-within:bg-surface-default-background focus-within:text-content-primary focus-within:outline-none"),
+			className: clsx("w-11 rounded-md bg-muted py-1 text-center", "font-sans font-bold text-muted-foreground", "border border-input border-solid", "not-focus-within:hover:border-input not-focus-within:hover:bg-accent not-focus-within:hover:text-foreground", "focus-within:border-ring focus-within:bg-background focus-within:text-foreground focus-within:outline-none"),
 			children: getPlaceholder(segment) ?? segment.text
 		})
 	});
@@ -197,8 +197,8 @@ const TimeSegmentButton = ({ segment, state, type }) => {
 			className: "flex shrink-0",
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				size: "small",
-				className: "invisible text-content-secondary font-bold",
+				size: "body",
+				className: "invisible font-medium text-foreground",
 				"aria-hidden": true,
 				children: segment.text
 			})

package/dist/{dialog.cva-sioU_5R7.js → dialog.cva-DzJlaK5a.js}

@@ -2,22 +2,22 @@ import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/overlays/Dialog/dialog.cva.ts
 const dialogContentDefinition = UIOverrides.defineConfig({
 	base: [
-		"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
+		"relative flex flex-col gap-4 shadow-lg",
 		"w-fit max-w-full [&>*]:max-w-full",
-		"border-border-default-subtle bg-surface-default-card text-content-primary outline-none",
+		"bg-background text-foreground outline-none",
 		"pointer-events-auto"
 	],
 	config: {
 		variants: { aside: {
-			left: "h-screen rounded-none border-r",
-			right: "h-screen rounded-none border-l",
-			center: "rounded-modal-rounding-default border"
+			left: "h-screen rounded-none border-r p-4",
+			right: "h-screen rounded-none border-l p-4",
+			center: "rounded-lg border p-6"
 		} },
 		defaultVariants: { aside: "center" }
 	}
 });
 const dialogOverlayDefinition = UIOverrides.defineConfig({
-	base: ["fixed inset-0 z-modal flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay", "transition-opacity duration-200 ease-out starting:opacity-0 entering:opacity-0 exiting:opacity-0 exiting:duration-150 motion-reduce:transition-none"],
+	base: ["fixed inset-0 z-modal flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-black/50", "transition-opacity duration-200 ease-out starting:opacity-0 entering:opacity-0 exiting:opacity-0 exiting:duration-150 motion-reduce:transition-none"],
 	config: {
 		variants: { aside: {
 			left: "p-0",

package/dist/{dist-CAFUM34b.js → dist-D35rjADF.js}

@@ -1,11 +1,11 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.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 Spinner } from "./Spinner-BeVTUzzx.js";
-import { t as Button } from "./Button-DER_6cxv.js";
-import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-aC4NMpLb.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
+import { t as Button } from "./Button-DU1Q8GDB.js";
+import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-BMOx7_9f.js";
 import $ahdqC$react, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Toast/Toast.tsx
@@ -23,11 +23,11 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 	return /* @__PURE__ */ jsxs("div", {
 		className: toastCva(variantProps),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
+			className: "flex min-w-0 flex-1 items-start gap-1.5",
 			children: [
-				isLoading && /* @__PURE__ */ jsx(Spinner, {
-					size: "default",
-					className: "shrink-0"
+				isLoading && /* @__PURE__ */ jsx("span", {
+					className: "flex h-5 shrink-0 items-center",
+					children: /* @__PURE__ */ jsx(Spinner, { size: "default" })
 				}),
 				!isLoading && Icon && /* @__PURE__ */ jsx(IconSlot, {
 					icon: Icon,
@@ -35,16 +35,17 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 				}),
 				/* @__PURE__ */ jsx(Typography, {
 					size: "large",
+					className: "font-medium",
 					children: text
 				})
 			]
 		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
-			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
+			className: "ml-auto flex shrink-0 items-center gap-2",
 			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
 				onPress,
 				...buttonColor(variantProps),
-				variant: "text",
-				size: "none",
+				variant: "contained",
+				size: "s",
 				width: "hug",
 				children: buttonText
 			}, buttonText))

package/dist/dropdownMenu.cva-CS5Q2b_3.js

@@ -0,0 +1,31 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/DropdownMenu/dropdownMenu.cva.ts
+const dropdownMenuDefinition = UIOverrides.defineConfig({
+	base: ["outline-none"],
+	config: {
+		variants: { isMobile: {
+			true: [],
+			false: []
+		} },
+		defaultVariants: { isMobile: false }
+	}
+});
+const menuItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"relative flex cursor-default items-center gap-2 text-sm outline-none select-none",
+		"focused:bg-accent focused:text-accent-foreground open:bg-accent open:text-accent-foreground",
+		"disabled:pointer-events-none disabled:opacity-50",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground"
+	],
+	config: {
+		variants: { isMobile: {
+			true: ["w-full justify-start px-4 py-2.5 font-medium"],
+			false: ["justify-between rounded-sm px-2 py-1.5"]
+		} },
+		defaultVariants: { isMobile: false }
+	}
+});
+const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-1 outline-none"] });
+const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none"] });
+//#endregion
+export { menuPopoverWrapperDefinition as i, menuItemDefinition as n, menuPopoverDefinition as r, dropdownMenuDefinition as t };

package/dist/{fileUpload.cva-ujmStxB1.js → fileUpload.cva-DVJcCCYz.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/File/shared/fileUpload.cva.ts
 const fileUploadDropZoneDefinition = UIOverrides.defineConfig({
-	base: ["relative w-full rounded-file-upload-container-rounding-default"],
+	base: ["relative w-full rounded-lg outline-none"],
 	config: {
 		variants: {
 			variant: {
@@ -18,19 +18,19 @@ const fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 					"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]:border-ring",
 					"data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0",
-					"data-[drop-target]:before:bg-state-interactive-subtle-primary-background/hover"
+					"data-[drop-target]:before:rounded-lg data-[drop-target]:before:bg-accent/50"
 				],
 				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-subtle border-dashed bg-surface-default-card",
-					"not-disabled:not-invalid:not-data-[filled]:hover:border-border-default-base not-disabled:not-invalid:not-data-[filled]:hover:bg-state-surface-default-background/hover",
-					"not-disabled:not-invalid:data-[drop-target]:border-border-default-base not-disabled:not-invalid:data-[drop-target]:bg-state-surface-default-background/hover",
-					"invalid:border-dashed invalid:border-border-destructive-base!",
+					"p-6",
+					"gap-2",
+					"border border-input border-dashed bg-transparent text-muted-foreground transition-[color,box-shadow,background-color]",
+					"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+					"not-disabled:not-invalid:not-data-[filled]:hover:bg-accent/50",
+					"not-disabled:not-invalid:data-[drop-target]:border-ring not-disabled:not-invalid:data-[drop-target]:bg-accent/50",
+					"invalid:border-dashed invalid:border-destructive! invalid:ring-destructive/20 dark:invalid:ring-destructive/40",
 					"not-invalid:data-[filled]:border-solid"
 				]
 			}

package/dist/{fileUpload.types-BT8P1o7a.d.ts → fileUpload.types-DKICER1J.d.ts}

@@ -1,5 +1,5 @@
-import { n as ButtonProps$1 } from "./Button-f7FPTaiN.js";
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as ButtonProps$1 } from "./Button-BL5ils-5.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
 import { FocusEventHandler, ReactNode, Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 //#region src/types/error-handling.d.ts

package/dist/{formFieldError.cva-CTl0VeyG.js → formFieldError.cva-Cc-dELdU.js}

@@ -1,10 +1,10 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/FormField/formFieldError.cva.ts
 const formFieldErrorDefinition = UIOverrides.defineConfig({
-	base: ["text-small text-status-destructive-accent"],
+	base: ["text-sm text-destructive"],
 	config: {
 		variants: { visible: {
-			true: "mt-1.5",
+			true: "mt-2",
 			false: "sr-only"
 		} },
 		defaultVariants: { visible: false }

package/dist/{formFieldHelper.cva-CxAmrG2H.js → formFieldHelper.cva-5YaiUEcL.js}

@@ -5,7 +5,7 @@ const formFieldHeaderDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { visible: {
-			true: "mb-1",
+			true: "mb-2",
 			false: "sr-only"
 		} },
 		defaultVariants: { visible: true }
@@ -14,26 +14,25 @@ const formFieldHeaderDefinition = UIOverrides.defineConfig({
 //#endregion
 //#region src/components/inputs/shared/label.cva.ts
 const labelDefinition = UIOverrides.defineConfig({
-	base: [""],
+	base: ["select-none"],
 	config: {
 		variants: { as: {
-			default: ["flex items-start gap-1 text-content-primary input-disabled:text-state-content-primary/disabled"],
-			filter: ["text-content-secondary input-disabled:text-state-content-secondary/disabled"],
-			inline: ["flex items-start gap-1 text-content-primary input-disabled:text-state-content-primary/disabled"],
+			default: ["flex items-center gap-2 text-foreground", "input-disabled:pointer-events-none input-disabled:opacity-50"],
+			filter: ["shrink-0 text-muted-foreground"],
+			inline: ["flex items-center gap-2 text-foreground", "input-disabled:pointer-events-none input-disabled:opacity-50"],
 			floating: [
-				"pointer-events-none font-normal!",
+				"pointer-events-none",
 				"absolute transition-all duration-75",
 				"top-1/2 -translate-y-1/2",
-				"text-content-primary",
-				"input-disabled:text-state-content-primary/disabled!",
-				"input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
+				"text-muted-foreground",
+				"input-filled:top-1.5",
 				"input-filled:translate-y-0",
-				"input-filled:text-content-primary",
-				"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",
+				"input-filled:text-foreground",
+				"input-filled:font-medium!",
+				"input-filled:text-xs!",
+				"group-data-[text-area]/text-area:top-3.5 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",
+				"group-data-[text-editor]/text-editor:top-3.5 group-data-[text-editor]/text-editor:left-[13px] group-data-[text-editor]/text-editor:translate-y-0",
 				"group-data-[is-filled=true]/text-editor:hidden"
 			]
 		} },
@@ -45,49 +44,50 @@ const labelTypography = compoundMapper({
 		{
 			as: "default",
 			value: {
-				size: "small",
-				sizeMobile: "small",
-				className: "font-bold"
+				size: "body",
+				sizeMobile: "body",
+				className: "font-medium leading-none"
 			}
 		},
 		{
 			as: "filter",
 			value: {
-				size: "large",
-				sizeMobile: "large",
+				size: "body",
+				sizeMobile: "body",
 				className: "font-normal"
 			}
 		},
 		{
 			as: "inline",
 			value: {
-				size: "small",
-				sizeMobile: "small",
-				className: "font-bold"
+				size: "body",
+				sizeMobile: "body",
+				className: "font-medium leading-none"
 			}
 		},
 		{
 			as: "floating",
 			value: {
-				size: "large",
-				sizeMobile: "large"
+				size: "body",
+				sizeMobile: "body",
+				className: "font-normal"
 			}
 		}
 	],
 	default: {
-		size: "small",
-		sizeMobile: "small",
-		className: "font-bold"
+		size: "body",
+		sizeMobile: "body",
+		className: "font-medium leading-none"
 	},
 	defaultVariants: { as: "default" }
 });
 //#endregion
 //#region src/components/inputs/FormField/formFieldHelper.cva.ts
 const formFieldHelperDefinition = UIOverrides.defineConfig({
-	base: ["text-small text-content-secondary"],
+	base: ["text-sm text-muted-foreground"],
 	config: {
 		variants: { visible: {
-			true: "mt-1.5",
+			true: "mt-2",
 			false: "sr-only"
 		} },
 		defaultVariants: { visible: false }

package/dist/{iconSlot.cva-BA9NahZH.d.ts → iconSlot.cva-BrT0X2qq.d.ts}

@@ -1,16 +1,16 @@
 import { n as StyleMergeUtils } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
+import "./style-definitions-DzsmGccZ.js";
 import { ComponentPropsWithRef, FC, ReactElement, SVGProps } from "react";
 //#region src/components/shared/IconSlot/IconSlot.d.ts
 type IconSlotIcon = FC<SVGProps<SVGSVGElement>> | ReactElement;
 interface IconSlotProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
   icon: IconSlotIcon;
-  /** Fraction of the slot occupied by the SVG. Defaults to --icons-scale, or 0.8. */
+  /** Fraction of the slot occupied by the SVG. Defaults to --icons-scale, or 1. */
   scale?: number;
   /** Classes for the SVG; className styles the outer slot. */
   iconClassName?: string;
 }
-/** Reserves the Figma icons-size token and centers a smaller SVG inside it. */
+/** Reserves a size-4 slot and centers the SVG inside it. */
 declare const IconSlot: ({ icon, scale, iconClassName, className, style, ...props }: IconSlotProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/shared/IconSlot/iconSlot.cva.d.ts

package/dist/icons.d.ts

@@ -1,3 +1,3 @@
-import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "./iconSlot.cva-BA9NahZH.js";
+import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "./iconSlot.cva-BrT0X2qq.js";
 import { X as CloseIcon } from "lucide-react";
 export { CloseIcon, IconSlot, type IconSlotIcon, type IconSlotProps, iconSlotDefinition };

package/dist/icons.js

@@ -1,3 +1,3 @@
 import { t as X } from "./x-B6vfz8Ps.js";
-import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 export { X as CloseIcon, IconSlot, iconSlotDefinition };