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

package/dist/{Select-DmLkOMr1.js → Select-CuZDkeQs.js}

@@ -1,11 +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 { t as Typography } from "./Typography-AcUd9df8.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/Select/Select.tsx
@@ -62,14 +61,10 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 			dataHasSelection: !isEmpty,
 			dataHasSearch: false
 		};
-		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx(Typography, {
-			size: "label-1",
-			as: "span",
-			className: "block truncate text-text-default-3",
+		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx("span", {
+			className: "block truncate text-surface-default-popover-foreground",
 			children: placeholder
-		}) : /* @__PURE__ */ jsx(Typography, {
-			size: "label-1",
-			as: "span",
+		}) : /* @__PURE__ */ jsx("span", {
 			className: "block truncate",
 			children: displayValue
 		});
@@ -81,7 +76,6 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 			inputClassName: clsx(props.className, props.inputClassName),
 			contentWrapperClassName: selectInputTagsContentWrapperCva({ isSearchable }),
 			contentGroup: "select",
-			typographySize: "label-1",
 			labelPlacement: "content-row",
 			dataAttributes,
 			wrapTrailingContent: false,
@@ -103,7 +97,7 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 				"aria-expanded": false,
 				value: inputValue,
 				placeholder: 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
@@ -112,7 +106,7 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 				disabled: isDisabled,
 				tabIndex: -1,
 				"data-type": "select-trigger",
-				className: clsx("w-full truncate bg-transparent text-start outline-none disabled:text-interactive-text-secondary-disabled", isMultiple && !isEmpty && "absolute inset-0 z-0"),
+				className: clsx("w-full truncate bg-transparent text-start outline-none disabled:text-inherit", isMultiple && !isEmpty && "absolute inset-0 z-0"),
 				onClick: replayStaticInputPress,
 				...dataAttributeProps,
 				"data-rac": true,

package/dist/{Select-wzB2aQ_X.d.ts → Select-DeapZMYx.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { a as SelectAsyncProps, n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
+import { a as SelectAsyncProps, n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
 import { ReactElement } from "react";
 import { Key } from "react-aria-components";

package/dist/{SelectBase-DefgAEzh.d.ts → SelectBase-7SE9Za2r.d.ts}

@@ -1,8 +1,8 @@
-import { t as BottomSheetProps } from "./BottomSheet-CT0zuola.js";
+import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
 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 { FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref } from "react";
 import { Key } from "react-aria-components";
 import { AriaButtonProps } from "react-aria";

package/dist/{Slider-CZMNmk6P.d.ts → Slider-BFViQmM3.d.ts}

@@ -1,6 +1,6 @@
 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 FormFieldProps } from "./FormField-B0miX3gu.js";
 import { FocusEvent, Ref } from "react";
 import { SliderProps } from "react-aria-components";
 //#region src/components/inputs/Slider/Slider.d.ts

package/dist/{Slider-Q87Hg_V2.js → Slider-DJ9K_a-x.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 { 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";
-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 $ahdqC$react, { createContext, forwardRef, memo, useContext, useRef } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
@@ -189,28 +189,28 @@ const SliderBase = (props) => {
 				className: "flex items-center justify-between",
 				children: [
 					/* @__PURE__ */ jsxs(Typography, {
-						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-text-default-3",
-						size: "label-2",
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-surface-default-popover-foreground",
+						size: "small",
 						children: [minValue, unit]
 					}),
 					/* @__PURE__ */ jsx($806e559d0c2c64a0$export$105594979f116971, {
 						className: "relative mx-2 h-6 w-full",
 						children: ({ state }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-							className: "absolute top-1/2 h-1 w-full -translate-y-1/2 overflow-hidden rounded-full bg-elevation-outline-default-1",
+							className: "absolute top-1/2 h-1 w-full -translate-y-1/2 overflow-hidden rounded-full bg-border-default-subtle",
 							children: /* @__PURE__ */ jsx("div", {
-								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-interactive-contained-primary-disabled" : "bg-interactive-contained-primary-idle"),
+								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-tint-interactive-primary-background/50" : "bg-interactive-primary-background"),
 								style: getTrackFillStyle(state)
 							})
 						}), state.values.map((_, i) => /* @__PURE__ */ jsx($806e559d0c2c64a0$export$2c1b491743890dec, {
 							index: i,
-							className: clsx("absolute top-1/2 size-4 cursor-pointer rounded-full bg-interactive-contained-primary-idle disabled:cursor-default", "dragging:bg-interactive-contained-primary-pressed hover:bg-interactive-contained-primary-hover focus-visible:outline-interactive-contained-primary-focus disabled:bg-interactive-contained-primary-disabled", uiOutlineClass),
+							className: clsx("absolute top-1/2 size-4 cursor-pointer rounded-full bg-interactive-primary-background disabled:cursor-default", "not-disabled:dragging:bg-tint-interactive-primary-background/70 not-disabled:not-dragging:hover:bg-tint-interactive-primary-background/80 focus-visible:outline-interactive-ring disabled:bg-tint-interactive-primary-background/50", uiOutlineClass),
 							isDisabled,
 							onBlur: (event) => onBlur?.({ target: event.target })
 						}, i))] })
 					}),
 					/* @__PURE__ */ jsxs(Typography, {
-						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-text-default-3",
-						size: "label-2",
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-surface-default-popover-foreground",
+						size: "small",
 						children: [maxValue, unit]
 					})
 				]

package/dist/{Spinner-owSXOEzg.js → Spinner-BEYBu85B.js}

@@ -17,7 +17,7 @@ const spinnerDefinition = UIOverrides.defineConfig({
 	base: ["animate-loader-spin"],
 	config: {
 		variants: { size: {
-			default: "size-3-5",
+			default: "size-3.5",
 			l: "size-8"
 		} },
 		defaultVariants: { size: "default" }

package/dist/{Spinner-BOgO9bS6.d.ts → Spinner-BbcI6IOb.d.ts}

@@ -14,7 +14,7 @@ declare const spinnerDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly default: "size-3-5";
+      readonly default: "size-3.5";
       readonly l: "size-8";
     };
   }>;

package/dist/{SplitButton-BPZbQeYC.d.ts → SplitButton-lL87EcBL.d.ts}

@@ -1,6 +1,6 @@
-import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
-import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
-import { r as MenuItem } from "./DropdownMenu-CZQRzOBb.js";
+import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
+import { n as ButtonVariantProps } from "./button.cva-BvRI-3Gn.js";
+import { r as MenuItem } from "./DropdownMenu-CWDhk3XA.js";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/SplitButton/SplitButton.d.ts
 interface SplitButtonProps extends ButtonVariantProps, Omit<ButtonProps, "children"> {

package/dist/{Stepper-BbO9TlOM.js → Stepper-C1YPgTBG.js}

@@ -2,7 +2,7 @@ import { t as Check } from "./check-DYMBkp_Z.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 { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { Fragment } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -32,12 +32,12 @@ const stepperIconDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: { status: {
 			completed: [
-				"border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle",
-				"group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover",
-				"group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"
+				"border border-interactive-primary-background border-solid bg-interactive-primary-background",
+				"group-hover:border-tint-interactive-primary-background/80 group-hover:bg-tint-interactive-primary-background/80",
+				"group-pressed:border-tint-interactive-primary-background/70 group-pressed:bg-tint-interactive-primary-background/70"
 			],
-			active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle",
-			todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled"
+			active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline",
+			todo: "border border-tint-interactive-subtle-primary-foreground/50 border-solid bg-support-transparent-outline"
 		} },
 		defaultVariants: { status: "todo" }
 	}
@@ -47,8 +47,8 @@ const stepperNumberDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: { status: {
 			completed: "",
-			active: "text-interactive-outlined-primary-on-idle",
-			todo: "text-interactive-outlined-primary-on-disabled"
+			active: "text-interactive-subtle-primary-foreground",
+			todo: "text-tint-interactive-subtle-primary-foreground/50"
 		} },
 		defaultVariants: { status: "todo" }
 	}
@@ -58,12 +58,12 @@ const stepperTitleDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: { status: {
 			completed: [
-				"text-interactive-text-secondary-idle",
-				"group-hover:text-interactive-text-secondary-hover",
-				"group-pressed:text-interactive-text-secondary-pressed"
+				"text-surface-default-foreground",
+				"group-hover:text-tint-surface-default-foreground/80",
+				"group-pressed:text-tint-surface-default-foreground/70"
 			],
-			active: "text-interactive-text-primary-idle",
-			todo: "text-interactive-text-secondary-disabled"
+			active: "text-interactive-primary-background",
+			todo: "text-tint-surface-default-popover-foreground/50"
 		} },
 		defaultVariants: { status: "todo" }
 	}
@@ -73,18 +73,18 @@ const stepperSubtextDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: { status: {
 			completed: [
-				"text-interactive-text-secondary-idle",
-				"group-hover:text-interactive-text-secondary-hover",
-				"group-pressed:text-interactive-text-secondary-pressed"
+				"text-surface-default-foreground",
+				"group-hover:text-tint-surface-default-foreground/80",
+				"group-pressed:text-tint-surface-default-foreground/70"
 			],
-			active: "text-interactive-text-secondary-idle",
-			todo: "text-interactive-text-secondary-disabled"
+			active: "text-surface-default-foreground",
+			todo: "text-tint-surface-default-popover-foreground/50"
 		} },
 		defaultVariants: { status: "todo" }
 	}
 });
 const stepperSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["bg-elevation-outline-default-1"],
+	base: ["bg-border-default-subtle"],
 	config: {
 		variants: {
 			orientation: {
@@ -104,7 +104,7 @@ const stepperSeparatorDefinition = UIOverrides.defineConfig({
 			{
 				orientation: "horizontal",
 				contentOrientation: "vertical",
-				className: "mt-stepper-horizontal-line-top self-start"
+				className: "mt-2.5 self-start"
 			},
 			{
 				orientation: "vertical",
@@ -114,7 +114,7 @@ const stepperSeparatorDefinition = UIOverrides.defineConfig({
 			{
 				orientation: "vertical",
 				contentOrientation: "horizontal",
-				className: "ml-stepper-vertical-line-side"
+				className: "ml-2.5"
 			}
 		]
 	}
@@ -140,10 +140,9 @@ const StepperItem = (t0) => {
 	} else t1 = $[2];
 	let t2;
 	if ($[3] !== status || $[4] !== stepNumber || $[5] !== stepperNumberCva) {
-		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
-			className: stepperNumberCva({ status }),
-			variant: "prominent-1",
-			size: "label-3",
+		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-interactive-primary-foreground" }) : /* @__PURE__ */ jsx(Typography, {
+			className: clsx(stepperNumberCva({ status }), "font-bold"),
+			size: "small",
 			children: stepNumber
 		});
 		$[3] = status;
@@ -167,13 +166,11 @@ const StepperItem = (t0) => {
 			className: "flex flex-col gap-stepper-gap-text-to-subtext",
 			children: [/* @__PURE__ */ jsx(Typography, {
 				className: stepperTitleCva({ status }),
-				size: "label-2",
-				variant: "default",
+				size: "small",
 				children: step.title
 			}), showSubtext && /* @__PURE__ */ jsx(Typography, {
 				className: stepperSubtextCva({ status }),
-				size: "label-3",
-				variant: "default",
+				size: "small",
 				children: step.subtext
 			})]
 		});

package/dist/{Stepper-PcHlxDD5.d.ts → Stepper-hlhViuaK.d.ts}

@@ -26,9 +26,9 @@ declare const stepperIconDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle", "group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover", "group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"];
-      readonly active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle";
-      readonly todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled";
+      readonly completed: ["border border-interactive-primary-background border-solid bg-interactive-primary-background", "group-hover:border-tint-interactive-primary-background/80 group-hover:bg-tint-interactive-primary-background/80", "group-pressed:border-tint-interactive-primary-background/70 group-pressed:bg-tint-interactive-primary-background/70"];
+      readonly active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline";
+      readonly todo: "border border-tint-interactive-subtle-primary-foreground/50 border-solid bg-support-transparent-outline";
     };
   }>;
 };
@@ -37,8 +37,8 @@ declare const stepperNumberDefinition: {
   config: StyleMergeUtils.Config<{
     readonly status: {
       readonly completed: "";
-      readonly active: "text-interactive-outlined-primary-on-idle";
-      readonly todo: "text-interactive-outlined-primary-on-disabled";
+      readonly active: "text-interactive-subtle-primary-foreground";
+      readonly todo: "text-tint-interactive-subtle-primary-foreground/50";
     };
   }>;
 };
@@ -46,9 +46,9 @@ declare const stepperTitleDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["text-interactive-text-secondary-idle", "group-hover:text-interactive-text-secondary-hover", "group-pressed:text-interactive-text-secondary-pressed"];
-      readonly active: "text-interactive-text-primary-idle";
-      readonly todo: "text-interactive-text-secondary-disabled";
+      readonly completed: ["text-surface-default-foreground", "group-hover:text-tint-surface-default-foreground/80", "group-pressed:text-tint-surface-default-foreground/70"];
+      readonly active: "text-interactive-primary-background";
+      readonly todo: "text-tint-surface-default-popover-foreground/50";
     };
   }>;
 };
@@ -56,9 +56,9 @@ declare const stepperSubtextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["text-interactive-text-secondary-idle", "group-hover:text-interactive-text-secondary-hover", "group-pressed:text-interactive-text-secondary-pressed"];
-      readonly active: "text-interactive-text-secondary-idle";
-      readonly todo: "text-interactive-text-secondary-disabled";
+      readonly completed: ["text-surface-default-foreground", "group-hover:text-tint-surface-default-foreground/80", "group-pressed:text-tint-surface-default-foreground/70"];
+      readonly active: "text-surface-default-foreground";
+      readonly todo: "text-tint-surface-default-popover-foreground/50";
     };
   }>;
 };

package/dist/{Switch-C0S5Juhf.d.ts → Switch-DPftmB1b.d.ts}

@@ -1,7 +1,7 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { t as SwitchVariantProps } from "./switch.cva-BIioyegR.js";
+import { t as SwitchVariantProps } from "./switch.cva-8T0fw31t.js";
 import { Ref } from "react";
 import { SwitchProps } from "react-aria-components";
 //#region src/components/inputs/Switch/Switch.d.ts

package/dist/{Switch-Cylpjatb.js → Switch-JxRmH1dX.js}

@@ -1,4 +1,4 @@
-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 { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, 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 UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
@@ -6,8 +6,8 @@ import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.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";
@@ -90,34 +90,26 @@ const $24585aa46d6ffdff$export$72111f742dee7cb8 = /*#__PURE__*/ forwardRef(funct
 //#endregion
 //#region src/components/inputs/Switch/switch.cva.ts
 const switchDefinition = UIOverrides.defineConfig({
-	base: ["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
+	base: ["h-6 w-10 rounded-full before:m-0.5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
 	config: {
 		variants: { variant: { default: [
-			"bg-interactive-contained-secondary-idle",
-			"group-disabled:bg-interactive-contained-secondary-disabled",
-			"group-hover:bg-interactive-contained-secondary-hover",
-			"group-pressed:bg-interactive-contained-secondary-pressed",
-			"group-selected:bg-interactive-contained-primary-idle",
-			"group-selected:group-hover:bg-interactive-contained-primary-hover",
-			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
-			"group-focus-visible:outline-interactive-text-secondary-focus",
-			"before:bg-interactive-contained-secondary-on-idle",
-			"group-hover:before:bg-interactive-contained-secondary-on-hover",
-			"group-disabled:before:bg-interactive-contained-secondary-on-disabled",
-			"group-selected:before:bg-interactive-contained-primary-on-idle",
-			"group-selected:group-hover:before:bg-interactive-contained-primary-on-hover",
-			"group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed",
-			"group-selected:group-disabled:bg-interactive-contained-primary-disabled"
+			"bg-tint-interactive-primary-background/50 before:bg-interactive-primary-foreground",
+			"group-not-disabled:group-selected:bg-interactive-primary-background",
+			"group-disabled:bg-tint-interactive-secondary-background/50 group-disabled:before:bg-interactive-secondary-foreground",
+			"group-focus-visible:outline-interactive-ring",
+			"group-not-disabled:group-hover:bg-tint-interactive-primary-background/80",
+			"group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70",
+			"group-not-disabled:group-selected:group-hover:bg-tint-interactive-primary-background/80",
+			"group-not-disabled:group-selected:group-pressed:bg-tint-interactive-primary-background/70"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
 });
 const switchTypography = compoundMapper({ default: {
-	size: "label-1",
-	sizeMobile: "label-1",
-	variant: "default"
+	size: "large",
+	sizeMobile: "large"
 } });
-const switchContentClassName = compoundMapper({ default: "text-text-default-2" });
+const switchContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
 //#endregion
 //#region src/components/inputs/Switch/Switch.tsx
 const SwitchBase = (props) => {

package/dist/Tag-Cch_68QO.d.ts

@@ -0,0 +1,43 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { n as TypographyProps } from "./Typography-BiuidzDC.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Tag/tag.cva.d.ts
+declare const tagDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      primary: ["bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", "not-disabled:not-pressed:hover:bg-tint-interactive-subtle-primary-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-primary-foreground/80", "not-disabled:pressed:bg-tint-interactive-subtle-primary-background/70 not-disabled:pressed:text-tint-interactive-subtle-primary-foreground/70", "disabled:bg-tint-interactive-subtle-primary-background/50 disabled:text-tint-interactive-subtle-primary-foreground/50", "focus-visible:outline-interactive-ring"];
+      secondary: ["bg-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground", "not-disabled:not-pressed:hover:bg-tint-interactive-subtle-secondary-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-secondary-foreground/80", "not-disabled:pressed:bg-tint-interactive-subtle-secondary-background/70 not-disabled:pressed:text-tint-interactive-subtle-secondary-foreground/70", "disabled:bg-tint-interactive-subtle-secondary-background/50 disabled:text-tint-interactive-subtle-secondary-foreground/50", "focus-visible:outline-interactive-ring"];
+      success: ["bg-surface-success-inverted-base text-surface-success-base", "not-disabled:not-pressed:hover:bg-tint-surface-success-inverted-base/80 not-disabled:not-pressed:hover:text-tint-surface-success-base/80", "not-disabled:pressed:bg-tint-surface-success-inverted-base/70 not-disabled:pressed:text-tint-surface-success-base/70", "disabled:bg-tint-surface-success-inverted-base/50 disabled:text-tint-surface-success-base/50", "focus-visible:outline-interactive-ring"];
+      warning: ["bg-surface-warning-inverted-base text-surface-warning-base", "not-disabled:not-pressed:hover:bg-tint-surface-warning-inverted-base/80 not-disabled:not-pressed:hover:text-tint-surface-warning-base/80", "not-disabled:pressed:bg-tint-surface-warning-inverted-base/70 not-disabled:pressed:text-tint-surface-warning-base/70", "disabled:bg-tint-surface-warning-inverted-base/50 disabled:text-tint-surface-warning-base/50", "focus-visible:outline-interactive-ring"];
+      error: ["bg-interactive-subtle-destructive-background text-interactive-subtle-destructive-foreground", "not-disabled:not-pressed:hover:bg-tint-interactive-subtle-destructive-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-destructive-foreground/80", "not-disabled:pressed:bg-tint-interactive-subtle-destructive-background/70 not-disabled:pressed:text-tint-interactive-subtle-destructive-foreground/70", "disabled:bg-tint-interactive-subtle-destructive-background/50 disabled:text-tint-interactive-subtle-destructive-foreground/50", "focus-visible:outline-interactive-ring"];
+    };
+  }>;
+};
+type TagConfig = NonNullable<typeof tagDefinition.config>;
+interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
+//#endregion
+//#region src/components/text/Tag/Tag.d.ts
+interface TagProps extends TagVariantProps {
+  className?: string;
+  children: string;
+  /** Preferred spelling. `dismissable` remains supported. */
+  dismissible?: boolean;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  disabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textSize?: TypographyProps["size"];
+  /** Preferred callback name. */
+  onRemove?: () => void;
+  onDismiss?: () => void;
+  /** Props applied to the actual dismiss button, when one is rendered. */
+  dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
+  excludeFromTabOrder?: boolean;
+  /** Compatibility callback for the historical button-like prop surface. */
+  onPress?: ButtonProps["onPress"];
+}
+declare const Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
+//#endregion
+export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };

package/dist/Tag-HiDH438e.js

@@ -0,0 +1,145 @@
+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 { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import "./i18n-CX2EjhJI.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/text/Tag/tag.cva.ts
+const tagDefinition = UIOverrides.defineConfig({
+	base: [
+		uiOutlineClass,
+		"inline-flex items-center gap-list-gap-icon-to-label",
+		"p-pill-height-s px-1.5",
+		"rounded-pill-rounding-default",
+		"overflow-hidden",
+		"disabled:cursor-default"
+	],
+	config: {
+		variants: { color: {
+			primary: [
+				"bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground",
+				"not-disabled:not-pressed:hover:bg-tint-interactive-subtle-primary-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-primary-foreground/80",
+				"not-disabled:pressed:bg-tint-interactive-subtle-primary-background/70 not-disabled:pressed:text-tint-interactive-subtle-primary-foreground/70",
+				"disabled:bg-tint-interactive-subtle-primary-background/50 disabled:text-tint-interactive-subtle-primary-foreground/50",
+				"focus-visible:outline-interactive-ring"
+			],
+			secondary: [
+				"bg-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground",
+				"not-disabled:not-pressed:hover:bg-tint-interactive-subtle-secondary-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-secondary-foreground/80",
+				"not-disabled:pressed:bg-tint-interactive-subtle-secondary-background/70 not-disabled:pressed:text-tint-interactive-subtle-secondary-foreground/70",
+				"disabled:bg-tint-interactive-subtle-secondary-background/50 disabled:text-tint-interactive-subtle-secondary-foreground/50",
+				"focus-visible:outline-interactive-ring"
+			],
+			success: [
+				"bg-surface-success-inverted-base text-surface-success-base",
+				"not-disabled:not-pressed:hover:bg-tint-surface-success-inverted-base/80 not-disabled:not-pressed:hover:text-tint-surface-success-base/80",
+				"not-disabled:pressed:bg-tint-surface-success-inverted-base/70 not-disabled:pressed:text-tint-surface-success-base/70",
+				"disabled:bg-tint-surface-success-inverted-base/50 disabled:text-tint-surface-success-base/50",
+				"focus-visible:outline-interactive-ring"
+			],
+			warning: [
+				"bg-surface-warning-inverted-base text-surface-warning-base",
+				"not-disabled:not-pressed:hover:bg-tint-surface-warning-inverted-base/80 not-disabled:not-pressed:hover:text-tint-surface-warning-base/80",
+				"not-disabled:pressed:bg-tint-surface-warning-inverted-base/70 not-disabled:pressed:text-tint-surface-warning-base/70",
+				"disabled:bg-tint-surface-warning-inverted-base/50 disabled:text-tint-surface-warning-base/50",
+				"focus-visible:outline-interactive-ring"
+			],
+			error: [
+				"bg-interactive-subtle-destructive-background text-interactive-subtle-destructive-foreground",
+				"not-disabled:not-pressed:hover:bg-tint-interactive-subtle-destructive-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-destructive-foreground/80",
+				"not-disabled:pressed:bg-tint-interactive-subtle-destructive-background/70 not-disabled:pressed:text-tint-interactive-subtle-destructive-foreground/70",
+				"disabled:bg-tint-interactive-subtle-destructive-background/50 disabled:text-tint-interactive-subtle-destructive-foreground/50",
+				"focus-visible:outline-interactive-ring"
+			]
+		} },
+		defaultVariants: { color: "primary" }
+	}
+});
+//#endregion
+//#region src/components/text/Tag/Tag.tsx
+const Tag = (t0) => {
+	const $ = c(19);
+	const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps } = t0;
+	const uiConfig = UIConfig.useConfig();
+	const textSize = textSizeProp ?? uiConfig.tag.textSize;
+	const isDismissible = dismissible ?? dismissable ?? false;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
+	const { t } = useTranslation("ui");
+	const t1 = onRemove ?? onDismiss ?? onPress;
+	let t2;
+	if ($[0] !== t) {
+		t2 = t(_temp);
+		$[0] = t;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t1 || $[6] !== t2) {
+		t3 = {
+			...dismissButtonProps,
+			excludeFromTabOrder,
+			isDisabled: resolvedIsDisabled,
+			onPress: t1,
+			"aria-label": t2
+		};
+		$[2] = dismissButtonProps;
+		$[3] = excludeFromTabOrder;
+		$[4] = resolvedIsDisabled;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	const buttonProps = t3;
+	const t4 = tagCva({
+		...appearanceProps,
+		className: clsx("pointer-events-none", className)
+	});
+	const t5 = contentRef;
+	let t6;
+	if ($[8] !== children || $[9] !== t5 || $[10] !== textSize) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			ref: t5,
+			size: textSize,
+			as: "span",
+			className: "truncate",
+			children
+		});
+		$[8] = children;
+		$[9] = t5;
+		$[10] = textSize;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== buttonProps || $[13] !== isDismissible) {
+		t7 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+			...buttonProps,
+			className: "pointer-events-auto shrink-0",
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+		});
+		$[12] = buttonProps;
+		$[13] = isDismissible;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== t4 || $[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t6, t7]
+		});
+		$[15] = t4;
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+};
+function _temp($) {
+	return $.ui.tag.dismiss;
+}
+//#endregion
+export { tagDefinition as n, Tag as t };

package/dist/{TextArea-CBWJ7w-p.d.ts → TextArea-BhrCBGbq.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 { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";