@povio/ui 4.0.2-rc.1 → 5.0.0-rc.1

package/dist/{Checkbox-DBV_Nxtq.js → Checkbox-BepzfVfK.js}

@@ -1,5 +1,5 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-DJue5Aej.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-B3lnOjsU.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
 import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
@@ -8,8 +8,8 @@ import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
-import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import { t as FormFieldError } from "./FormFieldError-QRAFHUTt.js";
+import { t as CheckContent } from "./CheckContent-DZ7Gk8GS.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { mergeRefs } from "react-aria/mergeRefs";

package/dist/{Checkbox-CBybJbLm.d.ts → Checkbox-CHpgW3fI.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-DwnPS5df.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-gv87kr1W.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
 import { ComponentType, ReactNode, Ref, SVGProps } from "react";

package/dist/{CheckboxCheckmark-DJue5Aej.js → CheckboxCheckmark-B3lnOjsU.js}

@@ -31,51 +31,39 @@ const checkboxDefinition = UIOverrides.defineConfig({
 	],
 	config: {
 		variants: { variant: { default: [
-			"m-1 border-interactive-outlined-secondary-on-idle",
-			"text-interactive-contained-primary-on-idle",
-			"group-hover:text-interactive-contained-primary-on-hover",
-			"group-pressed:text-interactive-contained-primary-on-pressed",
-			"group-disabled:text-interactive-contained-primary-on-disabled",
-			"group-disabled:border-interactive-outlined-secondary-on-disabled",
-			"group-hover:border-interactive-outlined-secondary-on-hover",
-			"group-pressed:border-interactive-outlined-secondary-on-pressed",
-			"group-selected:border-interactive-contained-primary-idle",
-			"group-selected:bg-interactive-contained-primary-idle",
-			"group-selected:group-hover:bg-interactive-contained-primary-hover",
-			"group-selected:group-hover:border-interactive-contained-primary-hover",
-			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
-			"group-selected:group-pressed:border-interactive-contained-primary-pressed",
-			"group-selected:group-disabled:bg-interactive-contained-primary-disabled",
-			"group-selected:group-disabled:border-interactive-contained-primary-disabled",
-			"group-indeterminate:border-interactive-contained-primary-idle",
-			"group-indeterminate:bg-interactive-contained-primary-idle",
-			"group-indeterminate:group-hover:bg-interactive-contained-primary-hover",
-			"group-indeterminate:group-hover:border-interactive-contained-primary-hover",
-			"group-indeterminate:group-pressed:bg-interactive-contained-primary-pressed",
-			"group-indeterminate:group-pressed:border-interactive-contained-primary-pressed",
-			"group-invalid:border-interactive-outlined-error-on-idle",
-			"group-focus-visible:outline-interactive-contained-primary-focus"
+			"m-1 border-interactive-primary-background bg-support-transparent-outline",
+			"text-interactive-primary-foreground",
+			"group-focus-visible:outline-interactive-ring",
+			"group-not-disabled:group-invalid:border-border-destructive-base",
+			"group-disabled:border-tint-interactive-primary-background/50",
+			"group-not-disabled:group-not-invalid:group-hover:border-tint-interactive-primary-background/80",
+			"group-not-disabled:group-not-invalid:group-pressed:border-tint-interactive-primary-background/70",
+			"group-selected:bg-interactive-primary-background",
+			"group-selected:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80",
+			"group-selected:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70",
+			"group-selected:group-disabled:bg-tint-interactive-primary-background/50",
+			"group-indeterminate:bg-interactive-primary-background",
+			"group-indeterminate:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80",
+			"group-indeterminate:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70",
+			"group-indeterminate:group-disabled:bg-tint-interactive-primary-background/50"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
 });
 const checkboxIndicatorClass = "group flex items-center gap-2";
 const checkboxTypography = compoundMapper({ default: {
-	size: "label-1",
-	sizeMobile: "label-1",
-	variant: "default"
+	size: "large",
+	sizeMobile: "large"
 } });
-const checkboxContentClassName = compoundMapper({ default: "text-text-default-2" });
+const checkboxContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
 const checkboxContentWrapperDefinition = UIOverrides.defineConfig({
 	base: ["relative flex"],
 	config: {
 		variants: {
 			variant: { default: "" },
 			size: {
-				"extra-small": "",
 				small: "",
-				default: "",
-				large: ""
+				default: ""
 			},
 			as: {
 				default: "flex-col",
@@ -92,31 +80,19 @@ const checkboxContentWrapperDefinition = UIOverrides.defineConfig({
 			{
 				as: "floating",
 				hasInputFrame: true,
-				className: ["pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3)+var(--spacing-input-gap-input-text-to-elements))]"]
-			},
-			{
-				as: "floating",
-				size: "extra-small",
-				hasInputFrame: true,
-				className: "px-input-side-xs"
+				className: ["pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-small--line-height)*var(--text-small)+var(--spacing-input-gap-input-text-to-elements))]"]
 			},
 			{
 				as: "floating",
 				size: "small",
 				hasInputFrame: true,
-				className: "px-input-side-s"
+				className: "px-input-side-small"
 			},
 			{
 				as: "floating",
 				size: "default",
 				hasInputFrame: true,
-				className: "px-input-side-m"
-			},
-			{
-				as: "floating",
-				size: "large",
-				hasInputFrame: true,
-				className: "px-input-side-l"
+				className: "px-input-side-default"
 			}
 		],
 		defaultVariants: {
@@ -135,9 +111,9 @@ const checkboxGroupLabelDefinition = UIOverrides.defineConfig({
 			floating: [
 				"pointer-events-none absolute",
 				"top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
-				"text-text-default-1",
+				"text-surface-default-card-foreground",
 				"font-semibold!",
-				"text-label-3!"
+				"text-small!"
 			],
 			filter: "",
 			inline: ""

package/dist/{CheckboxGroup-4xoWgmxr.d.ts → CheckboxGroup-CXrR3A-c.d.ts}

@@ -1,8 +1,8 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-DwnPS5df.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-gv87kr1W.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
-import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
 import { ReactElement, Ref } from "react";
 import { CheckboxGroupProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts

package/dist/{DatePicker-CjmXaZ9T.d.ts → DatePicker-B3l9TEjW.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-DTDj3F0A.js";
-import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CdCtVE9z.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CZTEsrS0.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate, DateValue } from "@internationalized/date";
 import { DatePickerStateOptions } from "react-stately";

package/dist/{DatePicker-BbdtBAGN.js → DatePicker-CI87jC4_.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-eyHwzKPm.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-UBZcTmdv.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./useControlledState-DQxX6LMN.js";
-import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-BQoA94W-.js";
-import { i as $6902a2bb26917a07$export$42df105a73306d51, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-kSEji28A.js";
+import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-DR8bJw-F.js";
+import { i as $6902a2bb26917a07$export$42df105a73306d51, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DzQApBCy.js";
 import { 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-CAcDJ4HC.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-GADbSu7a.js";
+import { t as FormField } from "./FormField-CHD4OJOt.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DB9PgioW.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CFCY-fRJ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";

package/dist/{DatePickerInput-CdCtVE9z.d.ts → DatePickerInput-CZTEsrS0.d.ts}

@@ -1,6 +1,6 @@
-import { n as IconButtonProps } from "./IconButton-CYazzM7I.js";
-import "./FormField-DTDj3F0A.js";
-import "./input.cva-ByFuAEIS.js";
+import { n as IconButtonProps } from "./IconButton-KXecZgYX.js";
+import "./FormField-B0miX3gu.js";
+import "./input.cva-BhDJxc7r.js";
 import { ReactNode, Ref } from "react";
 import "react-aria";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts

package/dist/{DatePickerInput-eyHwzKPm.js → DatePickerInput-UBZcTmdv.js}

@@ -1,19 +1,19 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { b as $7541913c0284d84b$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-BQoA94W-.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { b as $7541913c0284d84b$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-DR8bJw-F.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { IconButton } from "./components/icon-button.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { n as $a8ea2faf2ebe4d2f$re_export$mergeProps } from "./import-BE0r63d8.js";
-import { r as FormFieldLabel } from "./FormField-CAcDJ4HC.js";
+import { r as FormFieldLabel } from "./FormField-CHD4OJOt.js";
 import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear } from "./TooltipWrapper-S2JC-w4e.js";
-import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-BAaDW_0z.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-BcXyC1vZ.js";
+import { n as InputClear } from "./TooltipWrapper-CRf-JFeo.js";
+import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-DB9PgioW.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
@@ -508,7 +508,7 @@ const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSel
 	}, [onDateHover, selectionState.isSelectingMode]);
 	const cellClassName = useMemo(() => {
 		const { isSelectedCell, isInRange, isHoverRange, isSelectingMode, isSelectionStart, isSelectionEnd } = selectionState;
-		return clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-m p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-contained-primary-focus focus-visible:outline-offset-1", "border border-transparent border-solid", !isSelectedCell && !isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-idle", !isSelectedCell && isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-disabled", isSelectedCell && !isOutsideVisibleRange && "bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd && "rounded-r-none", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart && "rounded-l-none", isDisabled && !isOutsideVisibleRange && "cursor-default", isDisabled && "opacity-20", !isSelectedCell && !isInRange && !isHoverRange && !isSelectingMode && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-elevation-outline-default-1 [@media(pointer:fine)]:hover:text-interactive-text-secondary-hover", isInRange && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover", isHoverRange && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover", !isInRange && !isSelectedCell && isSelectingMode && "hover:bg-interactive-contained-primary-idle hover:text-interactive-text-primary-idle-inverted", isSelectingMode && !isSelectedCell && !isInRange && !isHoverRange && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-elevation-outline-default-1", isFocused && !isSelectedCell && !isDisabled && !isOutsideVisibleRange && "ring-2 ring-inset ring-interactive-contained-primary-focus");
+		return clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-default p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", "border border-transparent border-solid", !isSelectedCell && !isOutsideVisibleRange && "bg-surface-default-card text-surface-default-card-foreground", !isSelectedCell && isOutsideVisibleRange && "bg-surface-default-card text-surface-default-popover-foreground", isSelectedCell && !isOutsideVisibleRange && "bg-interactive-primary-background text-interactive-primary-foreground", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd && "rounded-r-none", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart && "rounded-l-none", isDisabled && !isOutsideVisibleRange && "cursor-default", isDisabled && !isSelectedCell && "text-tint-surface-default-card-foreground/50", isDisabled && isSelectedCell && "bg-tint-interactive-primary-background/50 text-tint-interactive-primary-foreground/50", !isSelectedCell && !isInRange && !isHoverRange && !isSelectingMode && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-border-default-subtle [@media(pointer:fine)]:hover:bg-tint-surface-default-card/80 [@media(pointer:fine)]:hover:text-tint-surface-default-card-foreground/80", isInRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", isHoverRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", !isInRange && !isSelectedCell && isSelectingMode && !isDisabled && "hover:bg-tint-interactive-primary-background/80 hover:text-interactive-primary-foreground", isSelectingMode && !isSelectedCell && !isInRange && !isHoverRange && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-border-default-subtle", isFocused && !isSelectedCell && !isDisabled && !isOutsideVisibleRange && "ring-2 ring-inset ring-interactive-ring");
 	}, [
 		selectionState,
 		isOutsideVisibleRange,
@@ -530,7 +530,7 @@ const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSel
 			onKeyDown: (e) => handleEvent(e, () => onKeyboardNavigation?.(e, props.date)),
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				size: "label-2",
+				size: "small",
 				className: "block w-6 overflow-hidden text-ellipsis text-center",
 				children: formattedDate
 			})
@@ -571,16 +571,16 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 				...headerProps,
 				children: /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
 					scope: "col",
-					className: "w-8 border-elevation-outline-default-1 border-r",
+					className: "w-8 border-border-default-subtle border-r",
 					"aria-label": t(($) => $.ui.datePicker.weekNumberLabel, { ns: "ui" }),
 					children: /* @__PURE__ */ jsx(Typography, {
-						size: "label-2",
-						className: "py-2 text-interactive-text-secondary-idle",
+						size: "small",
+						className: "py-2 text-surface-default-foreground",
 						children: t(($) => $.ui.datePicker.weekNumberHeading, { ns: "ui" })
 					})
 				}), weekDays.map((day) => /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-					size: "label-2",
-					className: "bg-elevation-fill-default-1 py-2 text-interactive-text-secondary-idle",
+					size: "small",
+					className: "bg-surface-default-card py-2 text-surface-default-foreground",
 					children: day.substring(0, 2)
 				}) }, day))] })
 			}), /* @__PURE__ */ jsx("tbody", { children: WEEK_INDICES.map((weekIndex) => {
@@ -589,14 +589,14 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 				const week = firstDate ? getISOWeekNumber(firstDate) : null;
 				return /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
 					scope: "row",
-					className: "w-8 border-elevation-outline-default-1 border-r",
+					className: "w-8 border-border-default-subtle border-r",
 					"aria-label": week === null ? void 0 : t(($) => $.ui.datePicker.weekNumber, {
 						ns: "ui",
 						week
 					}),
 					children: /* @__PURE__ */ jsx(Typography, {
-						size: "label-2",
-						className: "text-interactive-text-secondary-idle tabular-nums",
+						size: "small",
+						className: "text-surface-default-foreground tabular-nums",
 						children: week
 					})
 				}), dates.map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
@@ -747,7 +747,7 @@ const DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableMan
 		hidePlaceholder
 	}, i)) });
 	if (formattedDisplayValue) fieldContent = /* @__PURE__ */ jsx("span", {
-		className: clsx("select-none", isDisabled && "text-interactive-text-secondary-disabled"),
+		className: "select-none text-inherit",
 		children: formattedDisplayValue
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -767,10 +767,8 @@ const datePickerInputContentRowDefinition = UIOverrides.defineConfig({
 	base: ["flex items-center gap-input-gap-input-text-to-elements"],
 	config: {
 		variants: { size: {
-			"extra-small": "",
 			small: "",
-			default: "",
-			large: ""
+			default: ""
 		} },
 		defaultVariants: { size: "default" }
 	}
@@ -790,7 +788,7 @@ const getDatePickerTodayIcon = (todayIcon) => {
 const renderDatePickerTodayIcon = (todayIcon, options) => {
 	const icon = getDatePickerTodayIcon(todayIcon);
 	if (!icon) return;
-	const { className, isDisabled, onPress, renderStatic, size = "none", todayIconButtonComponent = "iconButton" } = options ?? {};
+	const { className, isDisabled, onPress, renderStatic, size = "sm", todayIconButtonComponent = "iconButton" } = options ?? {};
 	const buttonProps = {
 		label: "",
 		icon,
@@ -810,7 +808,7 @@ const renderDatePickerTodayIcon = (todayIcon, options) => {
 };
 //#endregion
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
-const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayContent, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, onValueCommit, ...props }) => {
+const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "sm", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayContent, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, onValueCommit, ...props }) => {
 	const uiConfig = UIConfig.useConfig();
 	const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
@@ -933,8 +931,8 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 						}),
 						!shouldRenderTodayIconWithFieldLabel && todayIconButton,
 						displayContent ? displayContent : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
-							size: "label-1",
-							className: "text-text-default-3",
+							size: "large",
+							className: "text-surface-default-popover-foreground",
 							children: placeholder
 						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DateField, {
 							ref: dateFieldRef,
@@ -951,7 +949,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 							timeZone: effectiveTimeZone,
 							segmentGroup: normalizedEndFieldProps ? "start" : void 0
 						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
-							className: clsx("pointer-events-none select-none", isDisabled && "text-interactive-text-secondary-disabled"),
+							className: clsx("pointer-events-none select-none"),
 							children: "–"
 						}), /* @__PURE__ */ jsx(DateField, {
 							ref: endDateFieldRef,

package/dist/{DateRangePicker-Ct182qur.js → DateRangePicker-BX2O5zA8.js}

@@ -1,30 +1,30 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
-import { a as CalendarGrid, c as $dd602d3c757202f2$export$4f5203c0d889109e, d as $dd602d3c757202f2$export$f4a51ff076cc9a09, i as $1697a7ad3db7b79f$re_export$useDateFormatter, l as $dd602d3c757202f2$export$a1d3911297b952d7, n as renderDatePickerTodayIcon, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput, u as $dd602d3c757202f2$export$eac50920cf2fd59a } from "./DatePickerInput-eyHwzKPm.js";
+import { a as CalendarGrid, c as $dd602d3c757202f2$export$4f5203c0d889109e, d as $dd602d3c757202f2$export$f4a51ff076cc9a09, i as $1697a7ad3db7b79f$re_export$useDateFormatter, l as $dd602d3c757202f2$export$a1d3911297b952d7, n as renderDatePickerTodayIcon, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput, u as $dd602d3c757202f2$export$eac50920cf2fd59a } from "./DatePickerInput-UBZcTmdv.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as Switch } from "./Switch-Cylpjatb.js";
+import { t as Switch } from "./Switch-JxRmH1dX.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { n as $23f2114a1b82827e$export$4282f70798064fe0 } from "./useLayoutEffect-B2-1tbPJ.js";
 import { a as $390e54f620492c70$export$f680877a34711e37, r as $bbaa08b3cd72f041$export$9d1611c77c2fe928 } from "./useSyncRef-RGMv0rXK.js";
 import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, m as $cf2482eff2eeeec2$export$f12b703ca79dfbb1, r as $fd2148440a13ec26$export$fc1a364ae1f3ff10, s as $2c9edc598a03d523$export$420e68273165f4ec } from "./useFormValidationState-D3z-gafz.js";
 import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { C as $0014db39426443c5$exports, S as $6a440d0e2d99dd46$export$4a931266a3838b86, f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $7541913c0284d84b$export$300019f83c56d282, w as $121970af65029459$export$f8aeda7b10753fa1, x as $7541913c0284d84b$export$7b3062cd49e80452 } from "./staticDateTimeSegments-BQoA94W-.js";
+import { C as $0014db39426443c5$exports, S as $6a440d0e2d99dd46$export$4a931266a3838b86, f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $7541913c0284d84b$export$300019f83c56d282, w as $121970af65029459$export$f8aeda7b10753fa1, x as $7541913c0284d84b$export$7b3062cd49e80452 } from "./staticDateTimeSegments-DR8bJw-F.js";
 import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CO9oJ1sc.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { PillButton } from "./components/pill-button.js";
 import { 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-CAcDJ4HC.js";
+import { t as FormField } from "./FormField-CHD4OJOt.js";
 import "./i18n-CX2EjhJI.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DB9PgioW.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as Select } from "./Select-DmLkOMr1.js";
+import { t as Select } from "./Select-CuZDkeQs.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { DEFAULT_VALIDATION_RESULT, mergeValidation, privateValidationStateProp } from "react-stately/private/form/useFormValidationState";
@@ -630,7 +630,7 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 		onNavigate?.(newDate);
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between gap-3 border-elevation-outline-default-1 border-b border-solid px-3 py-2-5",
+		className: "flex w-full items-center justify-between gap-3 border-border-default-subtle border-b border-solid px-3 py-2.5",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center",
@@ -746,7 +746,7 @@ const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCal
 		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
 	}, [leftDate, rightDate]);
 	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex flex-col items-center bg-elevation-fill-default-1", showWeekNumbers ? "w-full md:w-fit" : "w-fit", className),
+		className: clsx("flex flex-col items-center bg-surface-default-card", showWeekNumbers ? "w-full md:w-fit" : "w-fit", className),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: clsx("flex", showWeekNumbers && "w-full"),
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -1484,7 +1484,7 @@ const DateRangePickerBase = (props) => {
 		relativeValue
 	]);
 	const relativeDisplayValue = activeRelativeOption ? /* @__PURE__ */ jsx(Typography, {
-		size: "label-1",
+		size: "large",
 		children: activeRelativeOption.label
 	}) : void 0;
 	return /* @__PURE__ */ jsx(TooltipWrapper, {
@@ -1554,7 +1554,7 @@ const DateRangePickerBase = (props) => {
 			}), /* @__PURE__ */ jsx(DateTimeDialog, {
 				hideSidebar,
 				sidebar: /* @__PURE__ */ jsxs("div", {
-					className: "flex w-full flex-row overflow-auto border-elevation-outline-default-1 border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
+					className: "flex w-full flex-row overflow-auto border-border-default-subtle border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
 					children: [enableRelativeMode && /* @__PURE__ */ jsx(Switch, {
 						isSelected: mode === "relative",
 						onChange: onModeChange,
@@ -1563,10 +1563,10 @@ const DateRangePickerBase = (props) => {
 					}), presets.map((preset) => /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 						isDisabled: preset.isDisabled,
 						onClick: () => selectPreset(preset),
-						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-interactive-text-secondary-disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-contained-primary-idle text-interactive-text-secondary-idle-inverted"),
+						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-tint-surface-default-foreground/50!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-surface-default-foreground hover:text-tint-surface-default-foreground/80", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-primary-background text-interactive-primary-foreground"),
 						children: /* @__PURE__ */ jsx(Typography, {
-							size: "label-2",
-							sizeMobile: "label-3",
+							size: "small",
+							sizeMobile: "small",
 							as: "span",
 							className: "whitespace-nowrap",
 							children: preset.label
@@ -1790,7 +1790,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 				altText: ""
 			} : void 0,
 			children: relativeLabel ? /* @__PURE__ */ jsx(Typography, {
-				size: "label-1",
+				size: "large",
 				children: relativeLabel
 			}) : staticSegments
 		});

package/dist/{DateRangePicker-D1kjkFfS.d.ts → DateRangePicker-DKkc2B3n.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-DTDj3F0A.js";
-import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CdCtVE9z.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CZTEsrS0.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { CalendarDate } from "@internationalized/date";

package/dist/{DateTimePicker-taYHMMYi.js → DateTimePicker-CVfkp45w.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-eyHwzKPm.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-UBZcTmdv.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./useControlledState-DQxX6LMN.js";
-import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-BQoA94W-.js";
-import { i as $6902a2bb26917a07$export$42df105a73306d51, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-kSEji28A.js";
+import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-DR8bJw-F.js";
+import { i as $6902a2bb26917a07$export$42df105a73306d51, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DzQApBCy.js";
 import { 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-CAcDJ4HC.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-GADbSu7a.js";
+import { t as FormField } from "./FormField-CHD4OJOt.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DB9PgioW.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CFCY-fRJ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";

package/dist/{DateTimePicker-CT_Pm3KB.d.ts → DateTimePicker-IHr-wPq8.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-DTDj3F0A.js";
-import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CdCtVE9z.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CZTEsrS0.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { DatePickerStateOptions } from "react-stately";

package/dist/{Dialog-BE9BSDDl.js → Dialog-DdRP4YFC.js}

@@ -5,7 +5,7 @@ import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import "./i18n-CX2EjhJI.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-5qNq9YfM.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva---xiOXMQ.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Dialog/Dialog.tsx

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

@@ -1,5 +1,5 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import { t as BottomSheetProps } from "./BottomSheet-CT0zuola.js";
+import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
 import { ReactElement } from "react";
 import { Key, MenuItemProps } from "react-aria-components";
 import { Placement } from "react-aria";
@@ -19,7 +19,7 @@ declare const menuItemDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly isMobile: {
-      true: ["justify-start! w-full font-labels-default"];
+      true: ["justify-start! w-full font-body font-bold"];
       false: [];
     };
   }>;

package/dist/{DropdownMenu-tuf1W-IL.js → DropdownMenu-zrodtd44.js}

@@ -1,11 +1,11 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { a as menuItemDefinition, i as dropdownMenuDefinition, r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-C9ttysuk.js";
+import { a as menuItemDefinition, i as dropdownMenuDefinition, r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-CGYxsavQ.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { o as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-CXoVeIkU.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-3kpqzjoC.js";
+import { t as useBreakpoint } from "./useBreakpoint-BOA-MyoT.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/{DropdownMenuDesktop-C9ttysuk.js → DropdownMenuDesktop-CGYxsavQ.js}

@@ -39,24 +39,24 @@ const dropdownMenuDefinition = UIOverrides.defineConfig({
 });
 const menuItemDefinition = UIOverrides.defineConfig({
 	base: [
-		"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
-		"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
-		"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
-		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
-		"hover:bg-elevation-fill-default-2 hover:text-interactive-text-secondary-hover",
-		"open:cursor-default open:bg-interactive-contained-primary-idle! open:text-interactive-contained-primary-on-idle!",
-		"focus-visible:bg-elevation-fill-default-2 focus-visible:text-interactive-text-secondary-hover"
+		"flex cursor-pointer items-center justify-between gap-list-gap-icon-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
+		"border-b border-b-border-default-subtle outline-none last:border-b-0",
+		"bg-surface-default-card text-surface-default-foreground",
+		"disabled:cursor-default disabled:text-tint-surface-default-foreground/50",
+		"not-disabled:not-open:not-focus-visible:hover:bg-tint-interactive-subtle-secondary-background/80 not-disabled:not-open:not-focus-visible:hover:text-tint-surface-default-foreground/80",
+		"open:cursor-default not-disabled:open:bg-interactive-primary-background not-disabled:open:text-interactive-primary-foreground",
+		"not-disabled:not-open:focus-visible:bg-tint-interactive-subtle-secondary-background/60 not-disabled:not-open:focus-visible:text-tint-surface-default-foreground/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-interactive-ring"
 	],
 	config: {
 		variants: { isMobile: {
-			true: ["justify-start! w-full font-labels-default"],
+			true: ["justify-start! w-full font-body font-bold"],
 			false: []
 		} },
 		defaultVariants: { isMobile: false }
 	}
 });
 const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
-const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"] });
+const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-border-default-subtle bg-surface-default-card shadow-5 outline-none"] });
 //#endregion
 //#region src/components/DropdownMenu/MenuItem.tsx
 const MenuItem = (t0) => {