@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/selectDesktop.cva-CHAMxhfO.js

@@ -0,0 +1,69 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/search.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "search",
+	size: 24,
+	node: [["path", {
+		d: "m21 21-4.34-4.34",
+		key: "14j7rj"
+	}], ["circle", {
+		cx: "11",
+		cy: "11",
+		r: "8",
+		key: "4ej97u"
+	}]]
+};
+__iconData.node;
+const Search = createLucideIcon(__iconData);
+//#endregion
+//#region src/components/inputs/Selection/shared/selectInput.cva.ts
+const selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
+	base: ["flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate"],
+	config: { variants: { isSearchable: { false: "pointer-events-none z-raised" } } }
+});
+//#endregion
+//#region src/components/inputs/Selection/shared/selectItem.cva.ts
+const selectListBoxItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"group flex cursor-pointer items-center gap-2 px-list-side-item-left py-list-height-item",
+		"border-b border-b-border-default-subtle outline-none bg-support-transparent-outline",
+		"font-body font-normal text-small",
+		"disabled:cursor-default",
+		"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-interactive-ring"
+	],
+	config: {
+		variants: {
+			isSingle: {
+				false: "",
+				true: "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground selected:disabled:text-state-interactive-primary-foreground/disabled"
+			},
+			isNewItem: {
+				true: "text-interactive-primary-background disabled:text-state-interactive-primary-background/disabled",
+				false: "text-surface-default-foreground disabled:text-state-surface-default-foreground/disabled"
+			}
+		},
+		compoundVariants: [{
+			isSingle: false,
+			className: ["not-disabled:not-focus-visible:hover:bg-state-interactive-subtle-secondary-background/hover not-disabled:not-focus-visible:hover:text-state-interactive-subtle-secondary-foreground/hover", "not-disabled:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-disabled:focus-visible:text-state-interactive-subtle-secondary-foreground/focus"]
+		}, {
+			isSingle: true,
+			className: ["not-selected:not-disabled:not-focus-visible:hover:bg-state-interactive-subtle-secondary-background/hover not-selected:not-disabled:not-focus-visible:hover:text-state-interactive-subtle-secondary-foreground/hover", "not-selected:not-disabled:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-selected:not-disabled:focus-visible:text-state-interactive-subtle-secondary-foreground/focus"]
+		}],
+		defaultVariants: {
+			isSingle: false,
+			isNewItem: false
+		}
+	}
+});
+//#endregion
+//#region src/components/inputs/Selection/shared/selectDesktop.cva.ts
+const selectPopoverDefinition = UIOverrides.defineConfig({ base: ["my-4 outline-none"] });
+//#endregion
+export { Search as i, selectListBoxItemDefinition as n, selectInputTagsContentWrapperDefinition as r, selectPopoverDefinition as t };

package/dist/{slider-JQh0ypfU.d.ts → slider-BVJiBswZ.d.ts}

@@ -1,4 +1,4 @@
-import { r as SliderProps } from "./Slider-CZMNmk6P.js";
+import { r as SliderProps } from "./Slider-BtUXzztJ.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/slider.d.ts

package/dist/{staticDateTimeSegments-vP2f1woD.js → staticDateTimeSegments-BWea3HAt.js}

@@ -1,20 +1,21 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-CXoVeIkU.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-CKLkS00H.js";
+import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-3kpqzjoC.js";
+import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
 import { TextButton } from "./components/text-button.js";
 import { t as $a8ea2faf2ebe4d2f$re_export$isFirefox } from "./import-BE0r63d8.js";
 import "./i18n-CX2EjhJI.js";
-import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
-import { t as getStaticInputFocusTarget } from "./useStaticInputHandoff-_stbpoX4.js";
+import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
+import { t as getStaticInputFocusTarget } from "./useStaticInputHandoff-B7DEm75m.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
 import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10, n as $fd2148440a13ec26$export$75ee7c75d68f5b0e, r as $fd2148440a13ec26$export$aca958c65c314e6c, t as $1dfb119a85e764e5$export$cc77c4ff7e8673c5 } from "./NumberFormatter-CLDS_LRZ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
-import { CalendarDate, DateFormatter, GregorianCalendar, Time, getLocalTimeZone, isEqualCalendar, now, toCalendar, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CalendarDate, DateFormatter, GregorianCalendar, Time, getLocalTimeZone, isEqualCalendar, now, toCalendar, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
 import { useDateSegment } from "react-aria";
 import { useTranslation } from "react-i18next";
 //#region ../../node_modules/.bun/@internationalized+string@3.2.10/node_modules/@internationalized/string/dist/private/LocalizedStringDictionary.mjs
@@ -1574,14 +1575,14 @@ const DateSegmentItem = ({ segment, state, segmentGroup, isDisabled, timePickerO
 		hidePlaceholder
 	});
 };
-const DateSegmentItemView = ({ ref, segmentProps, role, type, text, placeholder, isPlaceholder, segmentGroup, isInputEmpty, isDisabled, timePickerOnly, hidePlaceholder }) => {
+const DateSegmentItemView = ({ ref, segmentProps, role, type, text, placeholder, isPlaceholder, isInputEmpty, segmentGroup, timePickerOnly, hidePlaceholder }) => {
 	return /* @__PURE__ */ jsx("div", {
 		...segmentProps,
 		role: role ?? segmentProps?.role,
 		ref,
 		"data-static-segment-type": type === "literal" ? void 0 : type,
 		"data-static-segment-group": type === "literal" ? void 0 : segmentGroup,
-		className: clsx("box-content rounded-input-rounding-default", isDisabled && isInputEmpty && "text-interactive-text-secondary-disabled", isDisabled && !isInputEmpty && "text-text-default-3", !isDisabled && isInputEmpty && "text-text-default-3 group-focus-within:text-text-default-1", !isDisabled && !isInputEmpty && "text-text-default-1", "focus-within:outline-1 focus-within:outline-interactive-contained-primary-idle focus-within:outline-offset-1", type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1", hidePlaceholder && "opacity-0"),
+		className: clsx("box-content rounded-input-rounding-default", isPlaceholder || type === "literal" && isInputEmpty ? "text-surface-default-popover-foreground" : "text-inherit", "focus-within:outline-1 focus-within:outline-interactive-ring focus-within:outline-offset-1", type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1", hidePlaceholder && "opacity-0"),
 		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [isPlaceholder && /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: "pointer-events-none",
@@ -1609,27 +1610,25 @@ const useFirefoxDateSegmentSelectionGuard = (containerRef) => {
 //#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
 const DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen, triggerRef, dialogProps, bottomSheetProps, onOpenChange }) => {
 	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
-	if (useBreakpoint("md")) {
-		if (!isOpen) return null;
-		return /* @__PURE__ */ jsx($542a13ca2fa5b484$export$5b6b19405a83ff9d, {
-			triggerRef,
-			isOpen,
-			placement: "bottom start",
-			onOpenChange,
-			children: /* @__PURE__ */ jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, {
-				...dialogProps,
-				className: "outline-none!",
-				"aria-label": label,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: clsx(popoverCva({}), "flex overflow-hidden"),
-					children: [!hideSidebar && sidebar, /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-1 flex-col justify-between",
-						children: [children, footer]
-					})]
-				})
+	if (useBreakpoint("md")) return /* @__PURE__ */ jsx($542a13ca2fa5b484$export$5b6b19405a83ff9d, {
+		triggerRef,
+		isOpen,
+		placement: "bottom start",
+		onOpenChange,
+		className: popoverAnimationClassName,
+		children: /* @__PURE__ */ jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, {
+			...dialogProps,
+			className: "outline-none!",
+			"aria-label": label,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: clsx(popoverCva({}), "flex overflow-hidden"),
+				children: [!hideSidebar && sidebar, /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-1 flex-col justify-between",
+					children: [children, footer]
+				})]
 			})
-		});
-	}
+		})
+	});
 	return /* @__PURE__ */ jsxs(BottomSheet, {
 		sheetMarginBottom: 0,
 		isScrollable: true,
@@ -1648,15 +1647,17 @@ const DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen,
 const DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsxs("footer", {
-		className: clsx("flex shrink-0 items-center gap-2 bg-elevation-fill-default-2 px-4 py-3 md:border-elevation-outline-default-1 md:border-t md:bg-elevation-fill-default-1 md:py-1-5", onTodayPress ? "justify-between" : "justify-end"),
+		className: clsx("flex shrink-0 items-center gap-2 bg-surface-default-background px-4 py-3 md:border-border-default-subtle md:border-t md:bg-surface-default-card md:py-1.5", onTodayPress ? "justify-between" : "justify-end"),
 		children: [onTodayPress && /* @__PURE__ */ jsx(TextButton, {
 			type: "button",
+			size: "none",
 			color: "primary",
 			isDisabled,
 			onPress: onTodayPress,
 			children: t(($) => $.ui.datePicker.today)
 		}), /* @__PURE__ */ jsx(TextButton, {
 			type: "button",
+			size: "none",
 			color: "secondary",
 			onPress: onApply,
 			isDisabled: !isValid,
@@ -1693,7 +1694,7 @@ const getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZero
 			segmentGroup: "start"
 		}),
 		showSeparator && /* @__PURE__ */ jsx("span", {
-			className: isDisabled ? "pointer-events-none select-none text-interactive-text-secondary-disabled" : "pointer-events-none select-none",
+			className: !start && !end ? "pointer-events-none select-none text-surface-default-popover-foreground" : "pointer-events-none select-none text-inherit",
 			children: "–"
 		}),
 		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }), {
@@ -1712,8 +1713,8 @@ const getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisab
 	});
 };
 const getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
-	size: "label-1",
-	className: "text-text-default-3",
+	size: "large",
+	className: "text-surface-default-popover-foreground",
 	children: placeholder
 });
 const getStaticDateTimeFocusTarget = (container, staticTarget, fromEnd = false) => {

package/dist/{staticSelect.utils-DOt6f-ck.js → staticSelect.utils-BfTCi26B.js}

@@ -1,35 +1,37 @@
-import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as CheckboxCheckmark } from "./CheckboxCheckmark-DJue5Aej.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-FwKjPVbV.js";
+import { i as Search, n as selectListBoxItemDefinition, r as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CHAMxhfO.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { 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 { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, f as $263ab7fc0f95ccdb$export$2dbbd341daed716d, h as $4b38b5b75ecc6208$export$698f465ec27e93df, l as $542a13ca2fa5b484$export$9b9a0cd73afb7ca4, p as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, r as $f2ff30fde7b014be$export$d2f961adcb0afbe, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CXoVeIkU.js";
+import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, g as $4b38b5b75ecc6208$export$698f465ec27e93df, l as $542a13ca2fa5b484$export$9b9a0cd73afb7ca4, m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, p as $263ab7fc0f95ccdb$export$2dbbd341daed716d, r as $f2ff30fde7b014be$export$d2f961adcb0afbe, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CKLkS00H.js";
 import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1, t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-D6KlWSFL.js";
 import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
 import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-DlQcyN1f.js";
 import { n as $41fb335299a4a39e$export$f5b8910cec6cf069, t as $41fb335299a4a39e$export$37fb8590cf2c088c } from "./Input-BsbLZDtC.js";
-import { i as $928221da08ecbc62$export$a11e76429ed99b4, n as $928221da08ecbc62$export$7c5906fe4f1f2af2, r as $928221da08ecbc62$export$7ff8f37d2d81a48d, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-B7DW1S7n.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, n as $928221da08ecbc62$export$7c5906fe4f1f2af2, r as $928221da08ecbc62$export$7ff8f37d2d81a48d, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CL8Ar4Q_.js";
 import { i as $a3be900807531178$re_export$useFilter, n as $a3be900807531178$re_export$ListLayout, r as $a3be900807531178$re_export$Rect } from "./exports-BNrTn8Tj.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as Spinner } from "./Spinner-owSXOEzg.js";
+import "./popoverAnimation-DEZSvKP8.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-3kpqzjoC.js";
+import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
 import { TextButton } from "./components/text-button.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-DTO2cbXC.js";
-import { t as Tag } from "./Tag-DNuHvt6J.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
+import { t as Tag } from "./Tag-DPg5sL1Z.js";
 import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-CbMTwuQU.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CDHFaUKZ.js";
 import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
+import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
 import { Input } from "./components/input.js";
 import $ahdqC$react, { Fragment, createContext, use, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import "react-aria/mergeProps";
 import { CollectionBuilder } from "react-aria/CollectionBuilder";
 import { filterDOMProps } from "react-aria/filterDOMProps";
@@ -44,34 +46,10 @@ import "react-aria/useListFormatter";
 import { useVirtualizerState } from "react-stately/useVirtualizerState";
 import { useScrollView } from "react-aria/private/virtualizer/ScrollView";
 import { VirtualizerItem } from "react-aria/private/virtualizer/VirtualizerItem";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { usePreventScroll } from "react-aria";
 import { useLabel } from "@react-aria/label";
 import { useFocusVisible, useFocusWithin, useHover as useHover$1 } from "@react-aria/interactions";
 import { useTranslation } from "react-i18next";
-//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/search.mjs
-/**
-* @license lucide-react v1.43.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const __iconData = {
-	name: "search",
-	size: 24,
-	node: [["path", {
-		d: "m21 21-4.34-4.34",
-		key: "14j7rj"
-	}], ["circle", {
-		cx: "11",
-		cy: "11",
-		r: "8",
-		key: "4ej97u"
-	}]]
-};
-__iconData.node;
-const Search = createLucideIcon(__iconData);
-//#endregion
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Group.mjs
 const $3a442827418ebe87$export$f9c6924e160136d1 = /*#__PURE__*/ createContext({});
 //#endregion
@@ -745,12 +723,6 @@ let SelectContext;
 	};
 })(SelectContext || (SelectContext = {}));
 //#endregion
-//#region src/components/inputs/Selection/shared/selectInput.cva.ts
-const selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
-	base: ["flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate"],
-	config: { variants: { isSearchable: { false: "pointer-events-none z-raised" } } }
-});
-//#endregion
 //#region src/hooks/useKeyInteractions.ts
 const KEY_TO_ACTION = {
 	ArrowUp: "up",
@@ -949,7 +921,7 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 							ref: inputRef,
 							placeholder: as === "floating" ? void 0 : placeholder,
 							onBlur,
-							className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3", "disabled:text-text-default-3 disabled:placeholder:text-interactive-text-secondary-disabled", inputClassName),
+							className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-surface-default-popover-foreground", "disabled:text-inherit disabled:placeholder:text-surface-default-popover-foreground", inputClassName),
 							onKeyDown,
 							onKeyDownCapture: onInputKeyDownCapture,
 							...fieldProps
@@ -960,13 +932,11 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 						onPress: () => setIsOpen(!isOpen),
 						onBlur,
 						"data-type": "select-trigger",
-						className: clsx("group/select-trigger w-full truncate text-start outline-none disabled:text-text-default-3", showTags && "absolute inset-0 z-base"),
+						className: clsx("group/select-trigger w-full truncate text-start outline-none disabled:text-inherit", showTags && "absolute inset-0 z-base"),
 						onKeyDown: onTriggerKeyDown,
 						...fieldProps,
-						children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs(Typography, {
-							size: "label-1",
-							as: "span",
-							className: clsx("truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-text-default-3 group-disabled/select-trigger:text-interactive-text-secondary-disabled"),
+						children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs("span", {
+							className: clsx("block truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-surface-default-popover-foreground"),
 							children: [isEmpty && placeholder, !isEmpty && (showSelectionContent ? selectedItems[0].content : selectedItems[0].label)]
 						})]
 					})
@@ -986,43 +956,22 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 			!hideDropdownIcon && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 				excludeFromTabOrder: true,
 				"aria-label": t(($) => isOpen ? $.ui.closeAlt : $.ui.openAlt),
-				className: clsx("self-stretch pl-1-5 outline-none", inputSizeCva({ size })),
+				className: clsx("self-stretch pl-1.5 outline-none", inputSizeCva({ size })),
 				isDisabled,
 				onPress: () => {
 					if (!isSearchable) setIsOpen(!isOpen);
 				},
-				children: /* @__PURE__ */ jsx("span", {
-					className: clsx("flex size-6 shrink-0 items-center justify-center", isOpen && "rotate-180", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 fill-current stroke-0" })
+				children: /* @__PURE__ */ jsx(IconSlot, {
+					icon: ChevronDown,
+					className: clsx("text-inherit", isOpen && "rotate-180"),
+					iconClassName: "fill-current stroke-0",
+					"aria-hidden": "true"
 				})
 			})
 		]
 	});
 };
 //#endregion
-//#region src/components/inputs/Selection/shared/selectItem.cva.ts
-const selectListBoxItemDefinition = UIOverrides.defineConfig({
-	base: [
-		"group flex cursor-pointer items-center gap-2 px-list-side-item-left py-list-height-item",
-		"border-b border-b-elevation-outline-default-1 outline-none",
-		"font-labels-default text-label-2",
-		"hover:text-interactive-text-secondary-hover",
-		"focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted",
-		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled"
-	],
-	config: {
-		variants: {
-			isSingle: { true: "selected:bg-interactive-contained-primary-idle selected:text-interactive-contained-primary-on-idle" },
-			isNewItem: {
-				true: "text-interactive-text-primary-idle",
-				false: "text-interactive-text-secondary-idle"
-			}
-		},
-		defaultVariants: { isNewItem: false }
-	}
-});
-//#endregion
 //#region src/components/inputs/Selection/shared/SelectListBoxItem.tsx
 const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled }) => {
 	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
@@ -1116,7 +1065,7 @@ const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
 		className: selectListItemCva({}),
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
-			className: "flex flex-1 justify-center text-interactive-text-primary-idle",
+			className: "flex flex-1 justify-center text-interactive-primary-background",
 			children: /* @__PURE__ */ jsx(Spinner, {})
 		})
 	});
@@ -1271,9 +1220,6 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
 	});
 };
 //#endregion
-//#region src/components/inputs/Selection/shared/selectDesktop.cva.ts
-const selectPopoverDefinition = UIOverrides.defineConfig({ base: ["my-4 outline-none"] });
-//#endregion
 //#region src/components/inputs/Selection/shared/SelectDesktop.tsx
 const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, ...props }) => {
 	const { label, tooltipText, helperText, isDirty, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, isSearchable, isClearable, isClearableIfDisabled, isLoading, as, size, collapseAfter, selectedTagsType } = props;
@@ -1434,7 +1380,7 @@ const SelectDesktop = ({ ref, error, ignoreTriggerWidth, showSelectionContent, i
 					triggerRef,
 					isOpen,
 					onOpenChange: setIsOpen,
-					className: selectPopoverCva({}),
+					className: clsx("origin-(--trigger-anchor-point) transition-[opacity,scale] duration-150 ease-out starting:scale-96 starting:opacity-0 entering:scale-96 entering:opacity-0 exiting:scale-96 exiting:opacity-0 exiting:duration-100 motion-reduce:transition-none", selectPopoverCva({})),
 					style: { width: !ignoreTriggerWidth ? popoverWidth : void 0 },
 					offset: 0,
 					children: /* @__PURE__ */ jsx(SelectListBox, {
@@ -1455,8 +1401,11 @@ const FormFieldHeaderClose = ({ onClose }) => {
 	return /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 		onPress: onClose,
 		"aria-label": t(($) => $.ui.closeAlt),
-		className: "shrink-0 focus-visible:outline-interactive-text-secondary-focus",
-		children: /* @__PURE__ */ jsx(X, { className: "size-6 text-interactive-text-secondary-idle" })
+		className: "shrink-0 focus-visible:outline-interactive-ring",
+		children: /* @__PURE__ */ jsx(IconSlot, {
+			icon: X,
+			className: "text-surface-default-foreground"
+		})
 	});
 };
 //#endregion
@@ -1465,7 +1414,7 @@ const SelectListBoxSelectionBar = ({ className }) => {
 	const { t } = useTranslation("ui");
 	const { onClear, onSelectAll } = SelectContext.useSelect();
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex items-center justify-between border-elevation-outline-default-1 border-b px-4 py-3", className),
+		className: clsx("flex items-center justify-between border-border-default-subtle border-b px-4 py-3", className),
 		children: [/* @__PURE__ */ jsx(TextButton, {
 			type: "button",
 			color: "primary",
@@ -1579,7 +1528,6 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
 						inputClassName,
 						className: "mb-list-height-title-bottom px-list-side-title",
 						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(Search, { className: "size-6" }) : void 0,
-						size: "default",
 						isClearable
 					}), /* @__PURE__ */ jsx(SelectListBox, {
 						...props,
@@ -1625,7 +1573,7 @@ const SelectBase = (dProps) => {
 };
 //#endregion
 //#region src/components/inputs/Selection/shared/StaticSelectTrailingContent.tsx
-const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, isDisabled, size }) => {
+const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, size }) => {
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	if (!trailingContent && hideDropdownIcon) return null;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [trailingContent && /* @__PURE__ */ jsx("div", {
@@ -1634,11 +1582,12 @@ const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, isDisa
 	}), !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
 		type: "button",
 		tabIndex: -1,
-		className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
+		className: clsx("self-stretch border-0! pl-1.5 outline-none", inputSizeCva({ size })),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ jsx("span", {
-			className: clsx("flex size-6 shrink-0 items-center justify-center", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
-			children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 fill-current stroke-0" })
+		children: /* @__PURE__ */ jsx(IconSlot, {
+			icon: ChevronDown,
+			className: "text-inherit",
+			iconClassName: "fill-current stroke-0"
 		})
 	}) : void 0] });
 };
@@ -1694,4 +1643,4 @@ const getStaticSelectValue = ({ items, value, selectionMode, initialSelection, m
 	};
 };
 //#endregion
-export { selectListBoxItemDefinition as a, useKeyInteractions as c, selectPopoverDefinition as i, selectInputTagsContentWrapperDefinition as l, StaticSelectTrailingContent as n, createKeyInteractionsHandler as o, SelectBase as r, getKeyInteractionAction as s, getStaticSelectValue as t, useDebounceCallback as u };
+export { getKeyInteractionAction as a, createKeyInteractionsHandler as i, StaticSelectTrailingContent as n, useKeyInteractions as o, SelectBase as r, useDebounceCallback as s, getStaticSelectValue as t };

package/dist/stepper.cva-CZ0Kj-s7.js

@@ -0,0 +1,116 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/navigation/Stepper/stepper.cva.ts
+const stepperDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { orientation: {
+			horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
+			vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
+		} },
+		defaultVariants: { orientation: "horizontal" }
+	}
+});
+const stepperItemDefinition = UIOverrides.defineConfig({
+	base: ["flex shrink-0"],
+	config: {
+		variants: { contentOrientation: {
+			horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
+			vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
+		} },
+		defaultVariants: { contentOrientation: "horizontal" }
+	}
+});
+const stepperIconDefinition = UIOverrides.defineConfig({
+	base: ["inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon"],
+	config: {
+		variants: { status: {
+			completed: [
+				"border border-interactive-primary-background border-solid bg-interactive-primary-background",
+				"group-hover:border-state-interactive-primary-background/hover group-hover:bg-state-interactive-primary-background/hover",
+				"group-pressed:border-state-interactive-primary-background/pressed group-pressed:bg-state-interactive-primary-background/pressed"
+			],
+			active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline",
+			todo: "border border-state-interactive-subtle-primary-foreground/disabled border-solid bg-support-transparent-outline"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperNumberDefinition = UIOverrides.defineConfig({
+	base: ["text-center align-middle"],
+	config: {
+		variants: { status: {
+			completed: "",
+			active: "text-interactive-subtle-primary-foreground",
+			todo: "text-state-interactive-subtle-primary-foreground/disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperTitleDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { status: {
+			completed: [
+				"text-surface-default-foreground",
+				"group-hover:text-state-surface-default-foreground/hover",
+				"group-pressed:text-state-surface-default-foreground/pressed"
+			],
+			active: "text-interactive-primary-background",
+			todo: "text-state-surface-default-popover-foreground/disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperSubtextDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { status: {
+			completed: [
+				"text-surface-default-foreground",
+				"group-hover:text-state-surface-default-foreground/hover",
+				"group-pressed:text-state-surface-default-foreground/pressed"
+			],
+			active: "text-surface-default-foreground",
+			todo: "text-state-surface-default-popover-foreground/disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperSeparatorDefinition = UIOverrides.defineConfig({
+	base: ["bg-border-default-subtle"],
+	config: {
+		variants: {
+			orientation: {
+				horizontal: "h-px min-w-4 flex-1",
+				vertical: "min-h-16 w-px"
+			},
+			contentOrientation: {
+				horizontal: "",
+				vertical: ""
+			}
+		},
+		defaultVariants: {
+			orientation: "horizontal",
+			contentOrientation: "horizontal"
+		},
+		compoundVariants: [
+			{
+				orientation: "horizontal",
+				contentOrientation: "vertical",
+				className: "mt-2.5 self-start"
+			},
+			{
+				orientation: "vertical",
+				contentOrientation: "vertical",
+				className: "self-center"
+			},
+			{
+				orientation: "vertical",
+				contentOrientation: "horizontal",
+				className: "ml-2.5"
+			}
+		]
+	}
+});
+//#endregion
+export { stepperSeparatorDefinition as a, stepperNumberDefinition as i, stepperIconDefinition as n, stepperSubtextDefinition as o, stepperItemDefinition as r, stepperTitleDefinition as s, stepperDefinition as t };

package/dist/style-merge.util-zLimKwt6.d.ts

@@ -0,0 +1,40 @@
+import { ClassProp, ClassValue, StringToBoolean } from "class-variance-authority/types";
+//#region src/utils/style-merge.util.d.ts
+declare namespace StyleMergeUtils {
+  export type OverrideMode = "merge" | "overrideEntry" | "overrideCva";
+  export interface CvaVariantMap {
+    [variant: string]: {
+      [value: string]: ClassValue;
+    };
+  }
+  export type ConfigSchema = CvaVariantMap;
+  export type ConfigVariants<TSchema extends ConfigSchema> = { [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | null | undefined; };
+  export type ConfigVariantsMulti<TSchema extends ConfigSchema> = { [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | StringToBoolean<keyof NonNullable<TSchema[K]>>[] | undefined; };
+  export interface Config<TSchema extends ConfigSchema> {
+    variants?: TSchema;
+    defaultVariants?: ConfigVariants<TSchema>;
+    compoundVariants?: Array<(ConfigVariants<TSchema> | ConfigVariantsMulti<TSchema>) & ClassProp>;
+  }
+  export interface CvaCompoundEntry {
+    [key: string]: unknown;
+    class?: ClassValue;
+    className?: ClassValue;
+  }
+  export interface CvaConfigShape {
+    variants?: CvaVariantMap;
+    compoundVariants?: CvaCompoundEntry[];
+    defaultVariants?: Record<string, unknown>;
+  }
+  export interface CvaDefinition<TConfig extends CvaConfigShape> {
+    base: string[];
+    config?: TConfig;
+  }
+  type DeepOptionalOverride<T> = T extends string ? string : T extends (infer U)[] ? DeepOptionalOverride<U>[] : T extends object ? { [K in keyof T]?: DeepOptionalOverride<T[K]>; } : T;
+  export type CvaConfigOverride<TConfig extends CvaConfigShape = CvaConfigShape> = DeepOptionalOverride<CvaDefinition<TConfig>> & {
+    mode: OverrideMode;
+  };
+  export const mergeCvaDefinition: <TConfig extends CvaConfigShape>(baseDefinition: CvaDefinition<TConfig>, override?: CvaConfigOverride<TConfig>) => CvaDefinition<TConfig>;
+  export {};
+}
+//#endregion
+export { StyleMergeUtils as t };