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

package/dist/{InlineTooltipWrapper-7HG-g2X3.js → InlineTooltipWrapper-g5yoeH1B.js}

@@ -1,4 +1,4 @@
-import { t as Tooltip } from "./Tooltip-D94a1IQl.js";
+import { t as Tooltip } from "./Tooltip-aE1Vswxz.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-CUu8pI-a.js";
 import { jsx } from "react/jsx-runtime";

package/dist/{Input-DSHFNEVl.d.ts → Input-efmPwk8f.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 { t as InputContentProps } from "./InputContent-CvWm6GAv.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { t as InputContentProps } from "./InputContent-DuBa9FuI.js";
 import { Ref } from "react";
 import { InputProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

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

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

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

@@ -1,19 +1,19 @@
 import { t as PasswordInput } from "./PasswordInput-DYwUZ4-k.js";
-import { t as Checkbox } from "./Checkbox-DBV_Nxtq.js";
-import { t as Slider } from "./Slider-Q87Hg_V2.js";
-import { t as Switch } from "./Switch-Cylpjatb.js";
-import { t as TextArea } from "./TextArea-DZv6XaT0.js";
-import { t as ToggleGroup } from "./ToggleGroup-Cho_oRZh.js";
-import { t as DateRangePicker } from "./DateRangePicker-Ct182qur.js";
+import { t as Checkbox } from "./Checkbox-BepzfVfK.js";
+import { t as Slider } from "./Slider-DJ9K_a-x.js";
+import { t as Switch } from "./Switch-JxRmH1dX.js";
+import { t as TextArea } from "./TextArea-gikUKKDl.js";
+import { t as ToggleGroup } from "./ToggleGroup-Cl0NS3fe.js";
+import { t as DateRangePicker } from "./DateRangePicker-BX2O5zA8.js";
 import { Input } from "./components/input.js";
 import { Autocomplete } from "./components/autocomplete.js";
 import { CheckboxGroup } from "./components/checkbox-group.js";
-import { t as TimePicker } from "./TimePicker-DAoHgk8U.js";
-import { t as DatePicker } from "./DatePicker-BbdtBAGN.js";
-import { t as Select } from "./Select-DmLkOMr1.js";
-import { t as DateTimePicker } from "./DateTimePicker-taYHMMYi.js";
+import { t as TimePicker } from "./TimePicker-DtNTOOGr.js";
+import { t as DatePicker } from "./DatePicker-CI87jC4_.js";
+import { t as Select } from "./Select-CuZDkeQs.js";
+import { t as DateTimePicker } from "./DateTimePicker-CVfkp45w.js";
 import { NumberField } from "./components/number-field.js";
-import { t as NumberRangeInput } from "./NumberRangeInput-X8G1zfNM.js";
+import { t as NumberRangeInput } from "./NumberRangeInput-BxVrHq8R.js";
 import { QueryAutocomplete } from "./components/query-autocomplete.js";
 import { QuerySelect } from "./components/query-select.js";
 import { useMemo } from "react";

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

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

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

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

package/dist/{Link-C5YsZ4pr.js → Link-Btxj2gzg.js}

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 const linkDefinition = UIOverrides.defineConfig({
 	base: ["underline", uiOutlineClass],
 	config: {
-		variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
+		variants: { variant: { default: ["text-interactive-primary-background focus-visible:outline-interactive-ring", "hover:text-tint-interactive-primary-background/80 focus-visible:text-tint-interactive-primary-background/60 active:text-tint-interactive-primary-background/70"] } },
 		defaultVariants: { variant: "default" }
 	}
 });

package/dist/{Link-DS9-0Ijl.d.ts → Link-QYpprkN1.d.ts}

@@ -6,7 +6,7 @@ declare const linkDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"];
+      default: ["text-interactive-primary-background focus-visible:outline-interactive-ring", "hover:text-tint-interactive-primary-background/80 focus-visible:text-tint-interactive-primary-background/60 active:text-tint-interactive-primary-background/70"];
     };
   }>;
 };

package/dist/{MenuItem-CROWrE2A.d.ts → MenuItem--Mjd_yK8.d.ts}

@@ -1,4 +1,4 @@
-import { r as MenuItem$1 } from "./DropdownMenu-CZQRzOBb.js";
+import { r as MenuItem$1 } from "./DropdownMenu-CWDhk3XA.js";
 //#region src/components/DropdownMenu/MenuItem.d.ts
 type MenuListItemProps = MenuItem$1;
 declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react").JSX.Element;

package/dist/{NumberField-BICDQ2gN.d.ts → NumberField-z2JatYK0.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 { t as InputContentProps } from "./InputContent-CvWm6GAv.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { t as InputContentProps } from "./InputContent-DuBa9FuI.js";
 import { FocusEvent, Ref } from "react";
 import { NumberFieldProps } from "react-aria-components";
 //#region src/components/inputs/Input/NumberField/NumberField.d.ts

package/dist/{NumberRangeInput-X8G1zfNM.js → NumberRangeInput-BxVrHq8R.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 { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BsbLZDtC.js";
 import { a as $a3be900807531178$re_export$useLocale } from "./exports-BNrTn8Tj.js";
@@ -6,10 +6,10 @@ import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, r as $cd2fa56213693c5e$export$23f548e970bdf099, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BMgRzyd3.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, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-BAaDW_0z.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, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DB9PgioW.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -122,7 +122,7 @@ const NumberRangeField = ({ ref, as, className, inputClassName, minInputClassNam
 						className: minInputClassName
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: clsx("pointer-events-none shrink-0 select-none text-label-2 text-text-default-3", isDisabled && "text-interactive-text-secondary-disabled"),
+						className: clsx("pointer-events-none shrink-0 select-none text-small text-inherit"),
 						children: "-"
 					}),
 					/* @__PURE__ */ jsx(NumberRangeValueField, {
@@ -354,7 +354,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 					})]
 				}),
 				/* @__PURE__ */ jsx("span", {
-					className: "pointer-events-none shrink-0 select-none text-label-2 text-text-default-3",
+					className: "pointer-events-none shrink-0 select-none text-small text-inherit",
 					children: "-"
 				}),
 				/* @__PURE__ */ jsxs("div", {

package/dist/{NumberRangeInput-BlGXChNR.d.ts → NumberRangeInput-Chai3iEi.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, HTMLAttributes, Ref } from "react";
 import { NumberFieldProps } from "react-aria-components";
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts

package/dist/{Pagination-CumQED8X.d.ts → Pagination-CXtIDclf.d.ts}

@@ -1,4 +1,4 @@
-import { n as PaginationListProps } from "./PaginationList-D79ApWLm.js";
+import { n as PaginationListProps } from "./PaginationList-CXG4jWFD.js";
 //#region src/components/shared/pagination/Pagination.d.ts
 interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
   totalItems: number;

package/dist/{PaginationList-CmOJo2r2.js → PaginationList-0bAmvXC0.js}

@@ -3,30 +3,23 @@ import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as cva } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Button } from "./Button-CcZBqoQp.js";
+import { t as Button } from "./Button-sn52l1Yv.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/shared/pagination/minWidth.cva.ts
-const minWidth = cva("", { variants: { size: {
-	xxs: ["min-w-button-width-min-width-xxs"],
-	xs: ["min-w-button-width-min-width-xs"],
-	s: ["min-w-button-width-min-width-s"],
-	m: ["min-w-button-width-min-width-m"],
-	l: ["min-w-button-width-min-width-l"]
-} } });
+const minWidth = cva("", {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		s: ["min-w-button-min-width-s"],
+		sm: ["min-w-button-min-width-s"],
+		default: ["min-w-button-min-width-m"],
+		none: ""
+	} }
+});
 //#endregion
 //#region src/components/shared/pagination/PaginationList.tsx
-const normalizeButtonSize = (size) => {
-	const standardSizeMap = {
-		sm: "s",
-		md: "m",
-		lg: "l"
-	};
-	if (size && size in standardSizeMap) return standardSizeMap[size];
-	if (size === "xs" || size === "s" || size === "m" || size === "l") return size;
-};
 const PaginationList = (t0) => {
 	const $ = c(61);
 	const { page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
@@ -35,7 +28,6 @@ const PaginationList = (t0) => {
 	const isNextDisabled = page >= totalPages;
 	let t1;
 	if ($[0] !== color || $[1] !== onPageChange || $[2] !== page || $[3] !== size || $[4] !== totalPages || $[5] !== variant) {
-		const normalizedSize = normalizeButtonSize(size);
 		const pagesToShow = [];
 		pagesToShow.push(1);
 		if (page > 3) pagesToShow.push("ellipsis");
@@ -48,7 +40,7 @@ const PaginationList = (t0) => {
 				color,
 				size,
 				width: "fill",
-				className: clsx(minWidth({ size: normalizedSize })),
+				className: clsx(minWidth({ size })),
 				children: "..."
 			}, `ellipsis-${index}`);
 			return /* @__PURE__ */ jsx(Button, {
@@ -57,7 +49,7 @@ const PaginationList = (t0) => {
 				variant,
 				color,
 				"data-selected": p === page ? true : void 0,
-				className: clsx(p.toString().length <= 2 && minWidth({ size: normalizedSize })),
+				className: clsx(p.toString().length <= 2 && minWidth({ size })),
 				onPress: () => onPageChange?.(p),
 				children: p.toString()
 			}, `page-${p}`);

package/dist/{PaginationList-D79ApWLm.d.ts → PaginationList-CXG4jWFD.d.ts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./Button-DTNjsGx5.js";
+import { i as ButtonProps } from "./Button-BZ3is6IU.js";
 //#region src/components/shared/pagination/PaginationList.d.ts
 interface PaginationListProps {
   page: number;
@@ -7,7 +7,7 @@ interface PaginationListProps {
   hideFirstLast?: boolean;
   hidePrevNext?: boolean;
   hideNumbers?: boolean;
-  size?: Exclude<ButtonProps["size"], "none">;
+  size?: ButtonProps["size"];
   color?: ButtonProps["color"];
   variant?: ButtonProps["variant"];
   className?: string;

package/dist/{PasswordInput-BdrYD1D3.d.ts → PasswordInput-ub2TQxef.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 { i as InputProps } from "./Input-DSHFNEVl.js";
+import { i as InputProps } from "./Input-efmPwk8f.js";
 //#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
 interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "trailingIcon" | "unit"> {}
 type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;

package/dist/{PillButton-CihEPQye.d.ts → PillButton-DASBXLFB.d.ts}

@@ -1,5 +1,5 @@
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
-import { t as PillButtonVariants } from "./pillButton.cva-BVsxGnqF.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-BDT_CReI.js";
+import { t as PillButtonVariants } from "./pillButton.cva-BEWuu0qm.js";
 import { FC, ReactNode, Ref, SVGProps } from "react";
 import { ButtonProps, ToggleButtonProps } from "react-aria-components";
 //#region src/components/buttons/PillButton/PillButton.d.ts

package/dist/{Popover-C0_-TLl_.d.ts → Popover-DUKH0q9u.d.ts}

@@ -1,5 +1,5 @@
-import { t as BottomSheetProps } from "./BottomSheet-CT0zuola.js";
-import "./BottomSheet.lazy-7AwnB4vS.js";
+import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
+import "./BottomSheet.lazy-CGBRPve_.js";
 import { ReactElement, ReactNode } from "react";
 import { PopoverProps } from "react-aria-components";
 //#region src/components/overlays/Popover/Popover.d.ts

package/dist/{Progress-_jkt2pQw.js → Progress-DQWiFP0L.js}

@@ -1,5 +1,5 @@
 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 { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Progress/progress.cva.ts
@@ -20,13 +20,13 @@ const progressTrackDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: { part: {
 			container: ["relative h-1 w-full"],
-			background: ["h-1 w-full shrink-0 rounded-xs bg-input-filled-idle"]
+			background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"]
 		} },
 		defaultVariants: { part: "container" }
 	}
 });
-const progressFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-contained-primary-idle transition-all duration-300"] });
-const progressValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-text-default-3"] });
+const progressFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-primary-background transition-all duration-300"] });
+const progressValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-surface-default-popover-foreground"] });
 //#endregion
 //#region src/components/status/Progress/Progress.tsx
 const Progress = (t0) => {
@@ -117,8 +117,7 @@ const Progress = (t0) => {
 	let t14;
 	if ($[25] !== progress || $[26] !== progressValueCva || $[27] !== valueLabel) {
 		t14 = valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
-			variant: "default",
-			size: "label-2",
+			size: "small",
 			as: "span",
 			className: progressValueCva(),
 			children: [progress, "%"]

package/dist/{Progress-CYfDXJKs.d.ts → Progress-Dho39FDs.d.ts}

@@ -21,7 +21,7 @@ declare const progressTrackDefinition: {
   config: StyleMergeUtils.Config<{
     readonly part: {
       container: ["relative h-1 w-full"];
-      background: ["h-1 w-full shrink-0 rounded-xs bg-input-filled-idle"];
+      background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"];
     };
   }>;
 };

package/dist/{QuerySelect-Bpz-qI9h.d.ts → QuerySelect-Bo1K6gi_.d.ts}

@@ -1,7 +1,7 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { n as GroupedSelectControlProps, r as GroupedSelectProps, s as SelectItem, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
+import { n as GroupedSelectControlProps, r as GroupedSelectProps, s as SelectItem, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
-import { r as SelectProps } from "./Select-wzB2aQ_X.js";
+import { r as SelectProps } from "./Select-DeapZMYx.js";
 import { Key } from "react-aria-components";
 import { UseInfiniteQueryResult, UseQueryResult } from "@tanstack/react-query";
 //#region src/components/inputs/Selection/shared/querySelect.utils.d.ts

package/dist/{RadioGroup-WHWosz7K.d.ts → RadioGroup-B_zJdn4y.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 { t as RadioVariantProps } from "./radio.cva-DAq2M13H.js";
+import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { t as RadioVariantProps } from "./radio.cva-BlOrmxzf.js";
 import { ReactElement, Ref } from "react";
 import { RadioGroupProps } from "react-aria-components";
 //#region src/components/inputs/RadioGroup/RadioGroup.d.ts

package/dist/{RadioGroup-DW_OQQDu.js → RadioGroup-SSZYch-J.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, 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";
@@ -10,9 +10,9 @@ 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 { r as FormFieldLabel, t as FormField } from "./FormField-CAcDJ4HC.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { t as CheckContent } from "./CheckContent-DzWpxKGq.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 { 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";
@@ -147,25 +147,23 @@ const $fe21c36db05242bb$export$f4422ae58352e179 = /*#__PURE__*/ forwardRef(funct
 const radioDefinition = UIOverrides.defineConfig({
 	base: [
 		"flex items-center justify-center border-2",
-		"relative size-3-5 rounded-full p-1-5",
+		"relative size-3.5 rounded-full p-1.5",
 		"before:absolute before:hidden before:size-1 before:rounded-full",
 		uiGroupOutlineClass
 	],
 	config: {
 		variants: { variant: { default: [
-			"border-interactive-outlined-secondary-on-idle",
-			"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-disabled:bg-interactive-contained-primary-disabled",
-			"group-selected:group-disabled:border-interactive-contained-primary-disabled",
-			"group-invalid:border-interactive-outlined-error-on-idle",
-			"group-focus-visible:outline-interactive-contained-primary-focus",
-			"before:bg-interactive-contained-primary-on-idle",
-			"group-hover:before:bg-interactive-contained-primary-on-hover",
-			"group-selected:before:block"
+			"border-interactive-primary-background bg-support-transparent-outline",
+			"before:bg-interactive-primary-foreground group-selected:before:block",
+			"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"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
@@ -218,11 +216,10 @@ const radioContentRowDefinition = UIOverrides.defineConfig({
 });
 const radioIndicatorClass = "group flex items-center gap-2";
 const radioTypography = compoundMapper({ default: {
-	size: "label-1",
-	sizeMobile: "label-1",
-	variant: "default"
+	size: "large",
+	sizeMobile: "large"
 } });
-const radioContentClassName = compoundMapper({ default: "text-text-default-2" });
+const radioContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
 //#endregion
 //#region src/components/inputs/RadioGroup/RadioGroup.tsx
 const RadioGroupBase = (props) => {

package/dist/{RichTextEditor-CbgjRfiU.d.ts → RichTextEditor-B_JX3nor.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 { Ref } from "react";
 import { JSONContent } from "@tiptap/react";
 //#region src/components/inputs/RichTextEditor/RichTextEditor.d.ts

package/dist/{RichTextEditor-BOTitK7E.js → RichTextEditor-D6RewmRj.js}

@@ -1,5 +1,5 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { a as isEqual } from "./uiConfig.context-RFvaQYzD.js";
+import { a as isEqual } from "./uiConfig.context-D2eUIPHn.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { a as $7230ffa83bc0c2cf$export$c245e6201fed2f75, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
@@ -8,18 +8,18 @@ import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSF
 import { t as $aa5f63badbfee5df$exports } from "./intlStrings-chfsan9H.js";
 import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-B7DW1S7n.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 { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as Button } from "./Button-CcZBqoQp.js";
+import { t as Button } from "./Button-sn52l1Yv.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 { r as FormFieldLabel, t as FormField } from "./FormField-CHD4OJOt.js";
 import "./i18n-CX2EjhJI.js";
-import { i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
-import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
+import { i as inputSideDefinition, o as useInputCva } from "./input.cva-BcXyC1vZ.js";
+import { t as popoverDefinition } from "./popover.cva-BJSkLndY.js";
 import { Input } from "./components/input.js";
-import { t as Select } from "./Select-DmLkOMr1.js";
+import { t as Select } from "./Select-CuZDkeQs.js";
 import { Popover } from "./components/popover.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { mergeProps } from "react-aria/mergeProps";
@@ -520,7 +520,7 @@ const HyperlinkAction = ({ editor }) => {
 			color: "secondary",
 			label: t(($) => $.ui.textEditor.link.label),
 			icon: Link$1,
-			className: clsx(editor.isActive("link") && "!text-interactive-text-primary-idle"),
+			className: clsx(editor.isActive("link") && "!text-interactive-primary-background"),
 			isDisabled: !editor.isEditable
 		}),
 		children: [/* @__PURE__ */ jsx(Input, {
@@ -536,7 +536,7 @@ const HyperlinkAction = ({ editor }) => {
 			children: [/* @__PURE__ */ jsx(Button, {
 				variant: "contained",
 				color: "secondary",
-				size: "xs",
+				size: "sm",
 				width: "hug",
 				onPress: onApply,
 				isDisabled: !url,
@@ -544,7 +544,7 @@ const HyperlinkAction = ({ editor }) => {
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "outlined",
 				color: "secondary",
-				size: "xs",
+				size: "sm",
 				width: "hug",
 				onPress: onRemove,
 				isDisabled: !editor.isActive("link"),
@@ -600,7 +600,7 @@ const ColorPicker = ({ colors, value, onChange }) => {
 		children: colors.map((color) => /* @__PURE__ */ jsx($a36727cf8b43b57f$export$abcd89c27081c2ef, {
 			color,
 			className: "group",
-			children: /* @__PURE__ */ jsx($eeaff5a2d2421ecc$export$cae13e90592f246a, { className: clsx("size-4 rounded-xs border border-interactive-outlined-secondary-outline-idle border-solid", "group-selected:border-interactive-outlined-primary-outline-pressed group-selected:shadow-2", "cursor-pointer") })
+			children: /* @__PURE__ */ jsx($eeaff5a2d2421ecc$export$cae13e90592f246a, { className: clsx("size-4 rounded-xs border border-interactive-subtle-secondary-foreground border-solid", "group-selected:border-tint-interactive-subtle-primary-foreground/70 group-selected:shadow-2", "cursor-pointer") })
 		}, color))
 	});
 };
@@ -624,7 +624,7 @@ const ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children })
 			}),
 			isDisabled,
 			children: [/* @__PURE__ */ jsx(Typography, {
-				size: "label-1",
+				size: "large",
 				className: "truncate",
 				children
 			}), /* @__PURE__ */ jsx(ChevronDown, {
@@ -759,7 +759,7 @@ const TextListActions = ({ editor }) => {
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-text-primary-idle")
+			className: clsx(action.isActive() && "!text-interactive-primary-background")
 		}, action.label))
 	});
 };
@@ -818,7 +818,7 @@ const TextMarksActions = ({ editor }) => {
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-text-primary-idle")
+			className: clsx(action.isActive() && "!text-interactive-primary-background")
 		}, action.label))
 	});
 };
@@ -832,7 +832,14 @@ const TextStyleSelect = ({ editor }) => {
 			id: level,
 			label: t(($) => $.ui.textEditor.textStyle[`heading${level}`]),
 			content: /* @__PURE__ */ jsx(Typography, {
-				size: `title-${level}`,
+				size: {
+					1: "h1",
+					2: "h2",
+					3: "h3",
+					4: "h4",
+					5: "lead",
+					6: "large"
+				}[level],
 				children: t(($) => $.ui.textEditor.textStyle[`heading${level}`])
 			})
 		};
@@ -875,7 +882,7 @@ const TextStyleSelect = ({ editor }) => {
 const RichTextEditorToolbar = ({ editor }) => {
 	if (!editor) return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full flex-wrap items-center gap-x-7 gap-y-1 border-elevation-outline-default-2 border-b border-solid p-2",
+		className: "flex w-full flex-wrap items-center gap-x-7 gap-y-1 border-border-default-base border-b border-solid p-2",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap gap-1",
@@ -975,10 +982,11 @@ const TextEditorBase = ({ ref, as = "default", placeholder, label, hideLabel, to
 		labelProps,
 		className: clsx("group w-full", className),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("group/text-editor relative", "h-full w-full rounded-sm border border-elevation-outline-default-2 border-solid bg-elevation-fill-default-1", uiOutlineClass, "focus-within:border focus-within:border-input-outlined-outline-active", "focus-visible:outline-interactive-contained-primary-focus", "hover:border hover:border-input-outlined-outline-hover"),
+			className: clsx("group/text-editor relative", "h-full w-full rounded-sm border border-border-default-input border-solid bg-surface-default-background text-surface-default-popover-foreground", uiOutlineClass, "not-disabled:not-invalid:focus-within:border-interactive-ring not-disabled:not-invalid:focus-within:bg-surface-default-background not-disabled:not-invalid:focus-within:text-surface-default-card-foreground", "focus-visible:outline-interactive-ring", "not-disabled:not-invalid:not-focus-within:hover:border-tint-border-default-input/80 not-disabled:not-invalid:not-focus-within:hover:bg-tint-surface-default-background/80 not-disabled:not-invalid:not-focus-within:hover:text-tint-surface-default-popover-foreground/80", "not-disabled:invalid:border-border-destructive-base", "disabled:border-tint-border-default-input/50 disabled:bg-tint-surface-default-background/50 disabled:text-tint-surface-default-popover-foreground/50"),
 			"data-text-editor": true,
 			"data-rac": "",
 			"data-hovered": isHovered || void 0,
+			"data-invalid": !!error || void 0,
 			"data-disabled": isDisabled || void 0,
 			"data-is-disabled": isDisabled || void 0,
 			"data-focus-within": isFocused || void 0,