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

package/dist/{TextArea-DZv6XaT0.js → TextArea-gikUKKDl.js}

@@ -1,12 +1,12 @@
-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 $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
 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 { r as FormFieldLabel, t as FormField } from "./FormField-CAcDJ4HC.js";
-import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-CHD4OJOt.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-BcXyC1vZ.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useRef } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { useFocusRing } from "react-aria/useFocusRing";
@@ -123,7 +123,7 @@ const TextAreaBase = (props) => {
 						as,
 						...headerProps,
 						className: clsx(headerProps.className, inputSideCva({
-							size: "default",
+							size: rest.size,
 							type: "left"
 						}))
 					}),
@@ -142,7 +142,7 @@ const TextAreaBase = (props) => {
 						ref
 					}),
 					showClear && /* @__PURE__ */ jsx("span", {
-						className: clsx("absolute top-0 right-0", inputSizeCva({ size: "default" })),
+						className: clsx("absolute top-0 right-0", inputSizeCva({ size: rest.size })),
 						children: /* @__PURE__ */ jsx(InputClear, {
 							onClear: () => {
 								onChange?.("");

package/dist/{TextButton-D7e_YBLe.d.ts → TextButton-DnXRykhF.d.ts}

@@ -1,7 +1,7 @@
-import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
-import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
-import { r as ButtonIconProps } from "./Button-DTNjsGx5.js";
+import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
+import { n as ButtonVariantProps } from "./button.cva-BvRI-3Gn.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-BDT_CReI.js";
+import { r as ButtonIconProps } from "./Button-BZ3is6IU.js";
 import { ReactNode } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/TextButton/TextButton.d.ts

package/dist/{TimePicker-BZ4WrI5Z.d.ts → TimePicker-CmT89X7v.d.ts}

@@ -1,7 +1,7 @@
 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 { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
 import { FocusEvent, Ref } from "react";
 import { AriaTimeFieldProps, TimeValue } from "react-aria";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts

package/dist/{TimePicker-DAoHgk8U.js → TimePicker-DtNTOOGr.js}

@@ -1,18 +1,18 @@
-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 { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog, y as $7541913c0284d84b$export$4c842f6a241dc825 } from "./staticDateTimeSegments-BQoA94W-.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog, y as $7541913c0284d84b$export$4c842f6a241dc825 } from "./staticDateTimeSegments-DR8bJw-F.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-CAcDJ4HC.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
-import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-GADbSu7a.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-CHD4OJOt.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-BcXyC1vZ.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DB9PgioW.js";
+import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-CFCY-fRJ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { GregorianCalendar, Time, getLocalTimeZone, now, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";
@@ -132,8 +132,8 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isRe
 					...headerProps
 				}),
 				/* @__PURE__ */ jsx("div", { children: disableManualEntry && placeholder && !state.value ? /* @__PURE__ */ jsx(Typography, {
-					size: "label-1",
-					className: "text-text-default-3",
+					size: "large",
+					className: "text-surface-default-popover-foreground",
 					children: placeholder
 				}) : /* @__PURE__ */ jsx(TimeField, {
 					fieldProps,

package/dist/{Toast-DIlYlUQk.d.ts → Toast-B4cXs2rj.d.ts}

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "./toast.cva-LU7TGprV.js";
+import { t as ToastVariantProps } from "./toast.cva-Cj6o2Rmu.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Toast/Toast.d.ts
 interface ToastAction {

package/dist/{ToastContainer-8X5jGBe7.js → ToastContainer-BbsMIwtC.js}

@@ -1,6 +1,6 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { c as toastWrapper, o as toastContainerDefinition, t as xo } from "./dist-C6GfeeEC.js";
+import { c as toastWrapper, o as toastContainerDefinition, t as xo } from "./dist-B8h0VT0E.js";
 import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";
 import { useSyncExternalStore } from "react";
 import { c } from "react/compiler-runtime";

package/dist/{ToggleButton-D4y2fLmN.d.ts → ToggleButton-BGuzPJDO.d.ts}

@@ -1,5 +1,5 @@
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
-import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-DTNjsGx5.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-BDT_CReI.js";
+import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-BZ3is6IU.js";
 import { ReactNode } from "react";
 import { ToggleButtonProps } from "react-aria-components";
 //#region src/components/buttons/ToggleButton/ToggleButton.d.ts

package/dist/{ToggleGroup-Cho_oRZh.js → ToggleGroup-Cl0NS3fe.js}

@@ -4,10 +4,11 @@ import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { i as $23f2114a1b82827e$export$e58f029f0fbfdb29, n as $23f2114a1b82827e$export$4282f70798064fe0, r as $23f2114a1b82827e$export$cd4e5573fbe2b576, t as $c4867b2f328c2698$export$e5c5a5f917a5871c } from "./useLayoutEffect-B2-1tbPJ.js";
 import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.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 { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.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 { Fragment, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -98,7 +99,7 @@ function $3d8ad31c4c1725e9$export$8deac67f4addf270(props) {
 //#region src/components/ToggleGroup/toggleGroup.cva.ts
 const toggleGroupDefinition = UIOverrides.defineConfig({ base: [
 	"group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
-	"bg-elevation-fill-default-3",
+	"bg-surface-default-popover",
 	"rounded-segmented-control-rounding-segmented-control"
 ] });
 const toggleGroupItemDefinition = UIOverrides.defineConfig({
@@ -107,12 +108,16 @@ const toggleGroupItemDefinition = UIOverrides.defineConfig({
 		"border border-support-transparent-outline",
 		"py-segmented-control-height-segment",
 		"rounded-segmented-control-rounding-segment",
-		"text-interactive-subtle-secondary-on-idle",
-		"hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
-		"pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
-		"disabled:border-support-transparent-outline disabled:text-interactive-subtle-secondary-on-disabled",
-		"selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
-		"selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
+		uiOutlineClass,
+		"bg-support-transparent-outline text-interactive-subtle-secondary-foreground",
+		"not-selected:not-disabled:not-pressed:hover:border-tint-interactive-subtle-secondary-background/80 not-selected:not-disabled:not-pressed:hover:bg-tint-interactive-subtle-secondary-background/80 not-selected:not-disabled:not-pressed:hover:text-tint-interactive-subtle-secondary-foreground/80",
+		"not-selected:not-disabled:pressed:border-tint-interactive-subtle-secondary-background/70 not-selected:not-disabled:pressed:bg-tint-interactive-subtle-secondary-background/70 not-selected:not-disabled:pressed:text-tint-interactive-subtle-secondary-foreground/70",
+		"not-selected:not-disabled:focus-visible:border-tint-interactive-subtle-secondary-background/60 not-selected:not-disabled:focus-visible:bg-tint-interactive-subtle-secondary-background/60 not-selected:not-disabled:focus-visible:text-tint-interactive-subtle-secondary-foreground/60",
+		"focus-visible:outline-interactive-ring",
+		"not-selected:disabled:text-tint-interactive-subtle-secondary-foreground/50",
+		"selected:border-shade-interactive-secondary-background/75 selected:bg-shade-interactive-secondary-background/75 selected:text-interactive-secondary-foreground",
+		"selected:not-disabled:hover:border-shade-interactive-secondary-background/65 selected:not-disabled:hover:bg-shade-interactive-secondary-background/65",
+		"selected:disabled:border-shade-interactive-secondary-background/55 selected:disabled:bg-shade-interactive-secondary-background/55 selected:disabled:text-interactive-secondary-foreground/40"
 	],
 	config: {
 		variants: { iconOnly: {
@@ -173,7 +178,7 @@ const ToggleGroupItem = (t0) => {
 	let t3;
 	if ($[14] !== label) {
 		t3 = label && /* @__PURE__ */ jsx(Typography, {
-			size: "label-2",
+			size: "small",
 			as: "span",
 			className: "overflow-hidden text-ellipsis text-center",
 			children: label
@@ -327,7 +332,7 @@ const ToggleGroupBase = (t0) => {
 				state.toggleKey(item.id);
 			}
 		}), index !== items.length - 1 && items.length > 2 && /* @__PURE__ */ jsx("div", {
-			className: clsx("h-5 w-px rounded-2xl", !state.selectedKeys.has(item.id) && !state.selectedKeys.has(items[index + 1].id) && "bg-elevation-outline-default-1"),
+			className: clsx("h-5 w-px rounded-2xl", !state.selectedKeys.has(item.id) && !state.selectedKeys.has(items[index + 1].id) && "bg-border-default-subtle"),
 			children: /* @__PURE__ */ jsx("span", { className: "flex h-full w-px" })
 		})] }, item.id));
 		$[33] = items;

package/dist/{Tooltip-B-2AxyjP.d.ts → Tooltip-D7dNwGy9.d.ts}

@@ -6,8 +6,8 @@ declare const tooltipDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["bg-interactive-contained-secondary-idle"];
-      error: ["w-max bg-elevation-fill-error-1"];
+      default: ["bg-surface-inverted-card"];
+      error: ["w-max bg-surface-destructive-base"];
     };
   }>;
 };
@@ -17,8 +17,8 @@ declare const tooltipPointerHorizontalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-interactive-contained-secondary-idle"];
-      error: ["text-elevation-fill-error-1"];
+      default: ["text-surface-inverted-card"];
+      error: ["text-surface-destructive-base"];
     };
   }>;
 };
@@ -26,8 +26,8 @@ declare const tooltipPointerVerticalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-interactive-contained-secondary-idle"];
-      error: ["text-elevation-fill-error-1"];
+      default: ["text-surface-inverted-card"];
+      error: ["text-surface-destructive-base"];
     };
   }>;
 };
@@ -35,8 +35,8 @@ declare const tooltipTextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-interactive-contained-secondary-on-idle"];
-      error: ["text-text-error-inverted-1"];
+      default: ["text-surface-inverted-card-foreground"];
+      error: ["text-surface-destructive-inverted-base"];
     };
   }>;
 };

package/dist/{Tooltip-D94a1IQl.js → Tooltip-aE1Vswxz.js}

@@ -5,7 +5,7 @@ import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$
 import { n as $4fcfe18fac72dabd$export$746d02f47f4d381, t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-D8z7cCsw.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as $d1116acdf220c2da$export$4c014de7c8940b4c } from "./useFocusable-Bd0UsrQ7.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import $ahdqC$react, { Fragment, createContext, forwardRef, useContext, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -100,8 +100,8 @@ const tooltipDefinition = UIOverrides.defineConfig({
 	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
 	config: {
 		variants: { color: {
-			default: ["bg-interactive-contained-secondary-idle"],
-			error: ["w-max bg-elevation-fill-error-1"]
+			default: ["bg-surface-inverted-card"],
+			error: ["w-max bg-surface-destructive-base"]
 		} },
 		defaultVariants: { color: "default" }
 	}
@@ -110,8 +110,8 @@ const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
 	base: ["h-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180 group-placement-bottom:translate-y-2 group-placement-top:-translate-y-2"],
 	config: {
 		variants: { color: {
-			default: ["text-interactive-contained-secondary-idle"],
-			error: ["text-elevation-fill-error-1"]
+			default: ["text-surface-inverted-card"],
+			error: ["text-surface-destructive-base"]
 		} },
 		defaultVariants: { color: "default" }
 	}
@@ -120,8 +120,8 @@ const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
 	base: ["w-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180 group-placement-left:-translate-x-2 group-placement-right:translate-x-2"],
 	config: {
 		variants: { color: {
-			default: ["text-interactive-contained-secondary-idle"],
-			error: ["text-elevation-fill-error-1"]
+			default: ["text-surface-inverted-card"],
+			error: ["text-surface-destructive-base"]
 		} },
 		defaultVariants: { color: "default" }
 	}
@@ -130,8 +130,8 @@ const tooltipTextDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { color: {
-			default: ["text-interactive-contained-secondary-on-idle"],
-			error: ["text-text-error-inverted-1"]
+			default: ["text-surface-inverted-card-foreground"],
+			error: ["text-surface-destructive-inverted-base"]
 		} },
 		defaultVariants: { color: "default" }
 	}
@@ -245,7 +245,7 @@ const Tooltip = (t0) => {
 	} else t9 = $[18];
 	let t10;
 	if ($[19] !== color || $[20] !== tooltipTextCva) {
-		t10 = tooltipTextCva({ color });
+		t10 = clsx(tooltipTextCva({ color }), "font-bold");
 		$[19] = color;
 		$[20] = tooltipTextCva;
 		$[21] = t10;
@@ -253,8 +253,7 @@ const Tooltip = (t0) => {
 	let t11;
 	if ($[22] !== t10 || $[23] !== text) {
 		t11 = /* @__PURE__ */ jsx(Typography, {
-			size: "body-4",
-			variant: "prominent-1",
+			size: "small",
 			className: t10,
 			children: text
 		});

package/dist/{TooltipWrapper-S2JC-w4e.js → TooltipWrapper-CRf-JFeo.js}

@@ -1,9 +1,9 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.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 "./i18n-CX2EjhJI.js";
-import { n as inputClearClassDefinition } from "./input.cva-KYGD4Bdz.js";
+import { n as inputClearClassDefinition } from "./input.cva-BcXyC1vZ.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -13,7 +13,7 @@ const InputClear = ({ onClear, as, className, style, show, renderStatic }) => {
 	const inputClearClassCva = UIOverrides.useCva("input.clearClassCva", inputClearClassDefinition);
 	const { t } = useTranslation("ui");
 	const alwaysShowClear = ui.input.alwaysShowClear;
-	const clearClassName = clsx("relative z-raised flex cursor-pointer items-center border-0 bg-transparent p-0 text-interactive-text-secondary-idle", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", !show && "invisible!", inputClearClassCva({ as }), className);
+	const clearClassName = clsx("relative z-raised flex cursor-pointer items-center border-0 bg-transparent p-0 text-inherit", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", !show && "invisible!", inputClearClassCva({ as }), className);
 	if (renderStatic) return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-hidden": !show,
@@ -46,7 +46,7 @@ const InputClearButton = ({ onClear, className, style }) => {
 };
 //#endregion
 //#region src/components/inputs/shared/TooltipWrapper.tsx
-const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-7HG-g2X3.js"));
+const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-g5yoeH1B.js"));
 const TooltipWrapper = (props) => {
 	if (props.as !== "inline") return props.children;
 	return /* @__PURE__ */ jsx(Suspense, {

package/dist/{Typography-AcUd9df8.js → Typography-B0Gp1lpc.js}

@@ -1,5 +1,5 @@
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
+import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx

package/dist/{Typography-BWmZd20e.d.ts → Typography-BiuidzDC.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-YaO6JLqU.js";
+import { t as TypographyVariantProps } from "./typography.cva-jtp6WWUH.js";
 import { HTMLAttributes, Ref } from "react";
 //#region src/components/text/Typography/Typography.d.ts
 type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";

package/dist/{autocomplete-CaQSVRrw.d.ts → autocomplete-BJ7rqWa4.d.ts}

@@ -1,5 +1,5 @@
-import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
-import { n as AutocompleteProps } from "./Autocomplete-DE2lQi5o.js";
+import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
+import { n as AutocompleteProps } from "./Autocomplete-CQ63Cynd.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { Key } from "react-aria-components";

package/dist/{button.cva-ChabF4Am.d.ts → button.cva-BvRI-3Gn.d.ts}

@@ -1,5 +1,5 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./typography.cva-YaO6JLqU.js";
+import "./typography.cva-jtp6WWUH.js";
 //#region src/components/buttons/Button/button.cva.d.ts
 declare const buttonDefinition: {
   base: string[];
@@ -9,20 +9,14 @@ declare const buttonDefinition: {
       readonly hug: "w-auto";
     };
     readonly size: {
-      readonly none: "";
-      readonly xs: "";
       readonly s: "";
       readonly sm: "";
-      readonly m: "";
-      readonly md: "";
-      readonly l: "";
-      readonly lg: "";
+      readonly default: "";
+      readonly none: "";
     };
     readonly color: {
       readonly primary: "";
       readonly secondary: "";
-      readonly success: "";
-      readonly warning: "";
       readonly error: "";
       readonly dual: "";
     };
@@ -47,14 +41,10 @@ declare const buttonSizeDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly none: "rounded-button-rounding-s p-0";
-      readonly xs: "rounded-button-rounding-s";
-      readonly s: "rounded-button-rounding-s";
-      readonly sm: "rounded-button-rounding-s";
-      readonly m: "rounded-button-rounding-m";
-      readonly md: "rounded-button-rounding-m";
-      readonly l: "rounded-button-rounding-l";
-      readonly lg: "rounded-button-rounding-l";
+      readonly s: "rounded-button-rounding-small";
+      readonly sm: "rounded-button-rounding-small";
+      readonly default: "rounded-button-rounding-default";
+      readonly none: "p-0";
     };
     readonly iconOnly: {
       readonly true: "";
@@ -66,14 +56,10 @@ declare const buttonContentDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly none: "gap-button-gap-icon-to-label";
-      readonly xs: "gap-button-gap-icon-to-label";
       readonly s: "gap-button-gap-icon-to-label";
       readonly sm: "gap-button-gap-icon-to-label";
-      readonly m: "gap-button-gap-icon-to-label";
-      readonly md: "gap-button-gap-icon-to-label";
-      readonly l: "gap-button-gap-icon-to-label";
-      readonly lg: "gap-button-gap-icon-to-label";
+      readonly default: "gap-button-gap-icon-to-label";
+      readonly none: "gap-button-gap-icon-to-label";
     };
     readonly iconPosition: {
       readonly left: "";
@@ -91,14 +77,10 @@ declare const buttonIconSizeDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly none: "size-4";
-      readonly xs: "size-4";
       readonly s: "size-4";
       readonly sm: "size-4";
-      readonly m: "size-4";
-      readonly md: "size-4";
-      readonly l: "size-4";
-      readonly lg: "size-4";
+      readonly default: "size-4";
+      readonly none: "size-4";
     };
   }>;
 };

package/dist/{buttonContent.cva-CP857foM.d.ts → buttonContent.cva-BDT_CReI.d.ts}

@@ -1,5 +1,5 @@
 import { t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import { t as ButtonContentConfig } from "./button.cva-ChabF4Am.js";
+import { t as ButtonContentConfig } from "./button.cva-BvRI-3Gn.js";
 //#region src/components/buttons/shared/buttonContent.cva.d.ts
 interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {}
 //#endregion

package/dist/{checkbox-D8CPWRlM.d.ts → checkbox-BfcE8J5P.d.ts}

@@ -1,4 +1,4 @@
-import { i as CheckboxProps } from "./Checkbox-CBybJbLm.js";
+import { i as CheckboxProps } from "./Checkbox-CHpgW3fI.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{checkbox-group-BuPUA_Qj.d.ts → checkbox-group-CHs2wFHS.d.ts}

@@ -1,4 +1,4 @@
-import { n as CheckboxGroupProps } from "./CheckboxGroup-4xoWgmxr.js";
+import { n as CheckboxGroupProps } from "./CheckboxGroup-CXrR3A-c.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{checkbox.cva-DwnPS5df.d.ts → checkbox.cva-gv87kr1W.d.ts}

@@ -1,11 +1,11 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./typography.cva-YaO6JLqU.js";
+import "./typography.cva-jtp6WWUH.js";
 //#region src/components/inputs/Checkbox/checkbox.cva.d.ts
 declare const checkboxDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly 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"];
+      default: ["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"];
     };
   }>;
 };
@@ -18,10 +18,8 @@ declare const checkboxContentWrapperDefinition: {
       readonly default: "";
     };
     readonly size: {
-      readonly "extra-small": "";
       readonly small: "";
       readonly default: "";
-      readonly large: "";
     };
     readonly as: {
       readonly default: "flex-col";
@@ -40,7 +38,7 @@ declare const checkboxGroupLabelDefinition: {
   config: StyleMergeUtils.Config<{
     readonly as: {
       readonly default: "";
-      readonly 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", "font-semibold!", "text-label-3!"];
+      readonly floating: ["pointer-events-none absolute", "top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "text-surface-default-card-foreground", "font-semibold!", "text-small!"];
       readonly filter: "";
       readonly inline: "";
     };

package/dist/components/accordion.js

@@ -1,2 +1,2 @@
-import { t as Accordion } from "../Accordion-CB1F5YAY.js";
+import { t as Accordion } from "../Accordion-CzFKi8Bp.js";
 export { Accordion };

package/dist/components/alert-dialog.d.ts

@@ -1,2 +1,2 @@
-import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-PjYM6lDo.js";
+import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-B6R2MbNg.js";
 export { AlertDialog, AlertDialogProps };

package/dist/components/alert-dialog.js

@@ -1,8 +1,8 @@
-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 { t as Typography } from "../Typography-AcUd9df8.js";
-import { t as Button } from "../Button-CcZBqoQp.js";
-import { t as Dialog } from "../Dialog-BE9BSDDl.js";
+import { t as Typography } from "../Typography-B0Gp1lpc.js";
+import { t as Button } from "../Button-sn52l1Yv.js";
+import { t as Dialog } from "../Dialog-DdRP4YFC.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/AlertDialog/AlertDialog.tsx
@@ -54,7 +54,7 @@ const AlertDialog = (t0) => {
 		titleClassName = $[11];
 		titleTypography = $[12];
 	}
-	const buttonSize = t1 === void 0 ? "m" : t1;
+	const buttonSize = t1 === void 0 ? "default" : t1;
 	const textAlign = t2 === void 0 ? "left" : t2;
 	const ui = UIConfig.useConfig();
 	const textAlignClass = textAlignClassMap[textAlign];
@@ -67,7 +67,7 @@ const AlertDialog = (t0) => {
 	const t4 = titleTypography ?? ui.alertDialog.titleTypography;
 	let t5;
 	if ($[15] !== textAlignClass || $[16] !== titleClassName) {
-		t5 = clsx("text-text-default-1", textAlignClass, titleClassName);
+		t5 = clsx("text-surface-default-card-foreground", textAlignClass, titleClassName);
 		$[15] = textAlignClass;
 		$[16] = titleClassName;
 		$[17] = t5;
@@ -88,7 +88,7 @@ const AlertDialog = (t0) => {
 	const t7 = descriptionTypography ?? ui.alertDialog.descriptionTypography;
 	let t8;
 	if ($[22] !== descriptionClassName || $[23] !== textAlignClass) {
-		t8 = clsx("text-text-default-1", textAlignClass, descriptionClassName);
+		t8 = clsx("text-surface-default-card-foreground", textAlignClass, descriptionClassName);
 		$[22] = descriptionClassName;
 		$[23] = textAlignClass;
 		$[24] = t8;

package/dist/components/alert.d.ts

@@ -1,2 +1,2 @@
-import { n as AlertProps, t as Alert } from "../Alert-CbEhRaU5.js";
+import { n as AlertProps, t as Alert } from "../Alert-f1dG-4Uy.js";
 export { Alert, AlertProps };

package/dist/components/alert.js

@@ -1,2 +1,2 @@
-import { t as Alert } from "../Alert-BALBsBrP.js";
+import { t as Alert } from "../Alert-T25LY8ZL.js";
 export { Alert };

package/dist/components/autocomplete.d.ts

@@ -1,2 +1,2 @@
-import { n as AutocompleteProps, r as ControlledAutocompleteProps, t as Autocomplete } from "../Autocomplete-DE2lQi5o.js";
+import { n as AutocompleteProps, r as ControlledAutocompleteProps, t as Autocomplete } from "../Autocomplete-CQ63Cynd.js";
 export { Autocomplete, AutocompleteProps, ControlledAutocompleteProps };

package/dist/components/autocomplete.js

@@ -1,10 +1,10 @@
-import { t as UIConfig } from "../uiConfig.context-RFvaQYzD.js";
-import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-ad60elvT.js";
+import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
+import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-Cm7MoDVG.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 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 { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "../useStaticInputHandoff-BAaDW_0z.js";
+import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "../useStaticInputHandoff-DB9PgioW.js";
 import { memo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx
@@ -86,7 +86,7 @@ function AutocompleteInner({ renderStaticInput, isFormControlDisabled, ...props
 				"aria-expanded": false,
 				value: inputValue,
 				placeholder: isMultiple && shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
-				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3 disabled:text-interactive-text-secondary-disabled", props.inputClassName),
+				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-surface-default-popover-foreground disabled:text-inherit", props.inputClassName),
 				onChange: (event) => replayStaticInputChange(event.target.value),
 				...dataAttributeProps,
 				"data-rac": true

package/dist/components/badge.d.ts

@@ -1,2 +1,2 @@
-import { n as BadgeProps, t as Badge } from "../Badge-CjPpYa50.js";
+import { n as BadgeProps, t as Badge } from "../Badge-YKlKz-Jy.js";
 export { Badge, BadgeProps };