@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/{Select-Br_3eecr.js → Select-BAlYMh4h.js}

@@ -1,11 +1,12 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as Check } from "./check-DYMBkp_Z.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as CheckboxCheckmark } from "./CheckboxCheckmark-BzT6MwH5.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-C4yFclkZ.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 { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
 import { l as $542a13ca2fa5b484$export$5b6b19405a83ff9d, m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, p as $263ab7fc0f95ccdb$export$2dbbd341daed716d, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-lFYX-7Ax.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { n as $dbdc5e6e7ce01b4b$export$c02625b26074192c, t as $dbdc5e6e7ce01b4b$export$72b9695b8216309a } from "./ComboBox-DFlz6HJ8.js";
@@ -13,23 +14,23 @@ import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X
 import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.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 "./popoverAnimation-DEZSvKP8.js";
-import { t as Spinner } from "./Spinner-BeVTUzzx.js";
-import { t as Button } from "./Button-DER_6cxv.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
+import { t as Button } from "./Button-DU1Q8GDB.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
-import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import "./i18n-BjNKHh_D.js";
 import { n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
-import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
 import { InputFrame } from "./components/input-frame.js";
 import { Tag } from "./components/tag.js";
-import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-RzxvSBkd.js";
-import { t as selectListBoxItemDefinition } from "./selectItem.cva-BWfEkNs_.js";
+import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CGBkscBY.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
 import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as Input } from "./Input-CG4Irgae.js";
+import { t as Input } from "./Input-BdCci6BF.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";
@@ -717,7 +718,7 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 		...focusWithinProps,
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: clsx("relative flex flex-1 items-center gap-input-gap-input-text-to-elements truncate", !isDisabled && isSearchable && "cursor-text", !isDisabled && !isSearchable && "cursor-pointer", inputSizeCva({
+				className: clsx("relative flex flex-1 items-center gap-2 truncate pr-2!", !isDisabled && isSearchable && "cursor-text", !isDisabled && !isSearchable && "cursor-pointer", inputSizeCva({
 					as,
 					size,
 					...props
@@ -730,7 +731,7 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 						labelProps
 					}),
 					leadingContent && /* @__PURE__ */ jsx("div", {
-						className: "ml-input-side-default flex shrink-0 items-center",
+						className: "flex shrink-0 items-center",
 						children: leadingContent
 					}),
 					(showTags || isSearchable) && /* @__PURE__ */ jsxs("div", {
@@ -745,7 +746,7 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 							ref: inputRef,
 							placeholder: as === "floating" ? void 0 : placeholder,
 							onBlur,
-							className: clsx("min-w-0 w-full flex-1 bg-transparent outline-none placeholder:text-content-muted", "disabled:text-inherit disabled:placeholder:text-content-muted", inputClassName),
+							className: clsx("min-w-0 w-full flex-1 bg-transparent outline-none placeholder:text-muted-foreground", "disabled:text-inherit disabled:placeholder:text-muted-foreground", inputClassName),
 							onKeyDown,
 							onKeyDownCapture: onInputKeyDownCapture,
 							...fieldProps
@@ -760,7 +761,7 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 						onKeyDown: onTriggerKeyDown,
 						...fieldProps,
 						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-content-muted"),
+							className: clsx("block truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-muted-foreground"),
 							children: [isEmpty && placeholder, !isEmpty && (showSelectionContent ? selectedItems[0].content : selectedItems[0].label)]
 						})]
 					})
@@ -771,7 +772,8 @@ const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvali
 					onClear();
 				},
 				as,
-				show: showClearButton
+				show: showClearButton,
+				className: "mr-2"
 			}),
 			trailingContent && /* @__PURE__ */ jsx("div", {
 				className: "flex shrink-0 items-center",
@@ -780,15 +782,14 @@ 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("flex shrink-0 items-center justify-center self-stretch py-0! pl-1.5 outline-none disabled:text-inherit", inputSizeCva({ size })),
+				className: clsx("flex shrink-0 items-center justify-center self-stretch py-0! pl-0! outline-none disabled:text-inherit", inputSizeCva({ size })),
 				isDisabled,
 				onPress: () => {
 					if (!isSearchable) setIsOpen(!isOpen);
 				},
 				children: /* @__PURE__ */ jsx(IconSlot, {
 					icon: ChevronDown,
-					className: clsx("text-inherit", isOpen && "rotate-180"),
-					iconClassName: "fill-current stroke-0",
+					className: clsx("opacity-50 transition-transform", isOpen && "rotate-180"),
 					"aria-hidden": "true"
 				})
 			})
@@ -835,7 +836,12 @@ const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label,
 					className: "group-focus-visible:outline-none!"
 				})
 			}),
-			itemContent
+			itemContent,
+			!isMultiple && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "pointer-events-none absolute right-2 flex size-3.5 items-center justify-center opacity-0 group-selected:opacity-100",
+				children: /* @__PURE__ */ jsx(Check, { className: "size-4" })
+			})
 		]
 	});
 };
@@ -889,7 +895,7 @@ const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
 		className: selectListItemCva({}),
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
-			className: "flex flex-1 justify-center text-interactive-subtle-primary-foreground",
+			className: "flex flex-1 justify-center text-muted-foreground",
 			children: /* @__PURE__ */ jsx(Spinner, {})
 		})
 	});
@@ -1018,7 +1024,7 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
 			...props,
 			"aria-label": label,
 			selectionMode,
-			className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
+			className: clsx("flex-1 p-1 outline-none", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
 			items: displayedListItems,
 			selectedKeys: selectedIds,
 			onSelectionChange,
@@ -1033,7 +1039,7 @@ const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true
 		...props,
 		"aria-label": label,
 		selectionMode,
-		className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
+		className: clsx("flex-1 p-1 outline-none", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
 		items: displayedListItems,
 		selectedKeys: selectedIds,
 		onSelectionChange,
@@ -1225,10 +1231,10 @@ const FormFieldHeaderClose = ({ onClose }) => {
 	return /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 		onPress: onClose,
 		"aria-label": t(($) => $.ui.closeAlt),
-		className: "shrink-0 focus-visible:outline-interactive-ring",
+		className: "shrink-0 rounded-sm opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50",
 		children: /* @__PURE__ */ jsx(IconSlot, {
 			icon: X,
-			className: "text-content-secondary"
+			className: "text-muted-foreground"
 		})
 	});
 };
@@ -1238,7 +1244,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-border-default-subtle border-b px-4 py-3", className),
+		className: clsx("flex items-center justify-between border-border border-b px-4 py-3", className),
 		children: [/* @__PURE__ */ jsx(Button, {
 			type: "button",
 			color: "primary",
@@ -1354,8 +1360,8 @@ const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, contai
 						onChange: onInputChange,
 						rightContent: /* @__PURE__ */ jsx(FormFieldHeaderClose, { onClose: close }),
 						inputClassName,
-						className: "mb-list-height-title-bottom px-list-side-title",
-						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(Search, { className: "size-6" }) : void 0,
+						className: "mb-2 px-4",
+						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(Search, { className: "size-4" }) : void 0,
 						isClearable
 					}), /* @__PURE__ */ jsx(SelectListBox, {
 						...props,
@@ -1410,13 +1416,12 @@ const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, size,
 	}), !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
 		type: "button",
 		tabIndex: -1,
-		className: clsx("flex shrink-0 items-center justify-center self-stretch border-0! py-0! pl-1.5 outline-none disabled:text-inherit", inputSizeCva({ size })),
+		className: clsx("flex shrink-0 items-center justify-center self-stretch border-0! py-0! pl-0! outline-none disabled:text-inherit", inputSizeCva({ size })),
 		disabled: isDisabled,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsx(IconSlot, {
 			icon: ChevronDown,
-			className: "text-inherit",
-			iconClassName: "fill-current stroke-0"
+			className: "opacity-50"
 		})
 	}) : void 0] });
 };
@@ -1541,7 +1546,7 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, list, ...inputP
 			dataHasSearch: false
 		};
 		const buttonContent = as === "floating" && isEmpty || isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx("span", {
-			className: "block truncate text-content-muted empty:before:inline-block empty:before:content-['']",
+			className: "block truncate text-muted-foreground empty:before:inline-block empty:before:content-['']",
 			children: placeholder
 		}) : /* @__PURE__ */ jsx("span", {
 			className: "block truncate",
@@ -1555,13 +1560,15 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, list, ...inputP
 			inputClassName: clsx(props.className, props.inputClassName),
 			contentWrapperClassName: selectInputTagsContentWrapperCva({ isSearchable }),
 			contentGroup: "select",
+			contentClassName: "pr-2!",
+			clearClassName: "mr-2",
 			labelPlacement: "content-row",
 			dataAttributes,
 			wrapTrailingContent: false,
 			onStaticInteract: renderRealInput,
 			onStaticPress: replayStaticInputPress,
 			leadingContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
-				className: "ml-input-side-default flex shrink-0 items-center",
+				className: "flex shrink-0 items-center",
 				children: props.leadingContent
 			}),
 			onClear: () => props.onChange?.(isMultiple ? [] : null),
@@ -1576,7 +1583,7 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, list, ...inputP
 				"aria-expanded": false,
 				value: inputValue,
 				placeholder: shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
-				className: clsx("min-w-0 w-full flex-1 bg-transparent outline-none placeholder:text-content-muted disabled:text-inherit", props.inputClassName),
+				className: clsx("min-w-0 w-full flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:text-inherit", props.inputClassName),
 				onChange: (event) => replayStaticInputChange(event.target.value),
 				...dataAttributeProps,
 				"data-rac": true

package/dist/{Select-DHYddedn.d.ts → Select-NNohxr1t.d.ts}

@@ -1,6 +1,6 @@
-import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { t as BottomSheetProps } from "./BottomSheet-C-jdDmO7.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
 import { t as AsyncList } from "./useAsyncList-Cu-Y8If2.js";
 import { FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref } from "react";

package/dist/{Select.bound-CgLKMzLn.js → Select.bound-CQPG2sWV.js}

@@ -1,4 +1,4 @@
-import { n as SelectInner } from "./Select-Br_3eecr.js";
+import { n as SelectInner } from "./Select-BAlYMh4h.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
 import { memo } from "react";

package/dist/{Select.bound-CJ-tCsmX.d.ts → Select.bound-Dh5kywfV.d.ts}

@@ -1,5 +1,5 @@
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
-import { a as SelectProps$1, c as MultiSelectProps, f as SingleSelectProps, n as SelectDataProps, o as DefaultInitialSelectItem, s as GroupedSelectProps } from "./Select-DHYddedn.js";
+import { a as SelectProps$1, c as MultiSelectProps, f as SingleSelectProps, n as SelectDataProps, o as DefaultInitialSelectItem, s as GroupedSelectProps } from "./Select-NNohxr1t.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 import { ReactElement } from "react";
 import { Key } from "react-aria-components";

package/dist/{Slider-CqB2TPTR.js → Slider-DMrnZn3I.js}

@@ -1,10 +1,9 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.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-BkLF-JA3.js";
 import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as FormField } from "./FormField-D7KKJ6kG.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
 import $ahdqC$react, { createContext, forwardRef, useContext, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -187,27 +186,27 @@ 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-center text-content-muted",
+						className: "min-w-10 py-2.5 text-center text-muted-foreground",
 						size: "large",
 						children: [minValue, unit]
 					}),
 					/* @__PURE__ */ jsx($806e559d0c2c64a0$export$105594979f116971, {
 						className: "relative 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-border-default-subtle",
+							className: "absolute top-1/2 h-1.5 w-full -translate-y-1/2 overflow-hidden rounded-full bg-muted",
 							children: /* @__PURE__ */ jsx("div", {
-								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-state-interactive-primary-background/disabled" : "bg-interactive-primary-background"),
+								className: "absolute top-0 h-full bg-primary",
 								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-primary-background disabled:cursor-default", "not-disabled:dragging:bg-state-interactive-primary-background/pressed not-disabled:not-dragging:hover:bg-state-interactive-primary-background/hover focus-visible:outline-interactive-ring disabled:bg-state-interactive-primary-background/disabled", uiOutlineClass),
+							className: clsx("absolute top-1/2 block size-4 shrink-0 cursor-pointer rounded-full border border-primary bg-white shadow-sm transition-[color,box-shadow]", "ring-ring/50 outline-none hover:ring-4 focus-visible:ring-4 dragging:ring-4 disabled:pointer-events-none"),
 							isDisabled,
 							onBlur: (event) => onBlur?.(event)
 						}, i))] })
 					}),
 					/* @__PURE__ */ jsxs(Typography, {
-						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-center text-content-muted",
+						className: "min-w-10 py-2.5 text-center text-muted-foreground",
 						size: "large",
 						children: [maxValue, unit]
 					})

package/dist/{Slider-CcoNTFVN.d.ts → Slider-zbLmrW6J.d.ts}

@@ -1,4 +1,4 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
 import { FocusEvent, Ref } from "react";
 import { SliderProps } from "react-aria-components";
 //#region src/components/inputs/Slider/Slider.d.ts

package/dist/{Slider.bound-8B5qzQ-8.d.ts → Slider.bound-BaJHbE6d.d.ts}

@@ -1,4 +1,4 @@
-import { r as SliderProps$1 } from "./Slider-CcoNTFVN.js";
+import { r as SliderProps$1 } from "./Slider-zbLmrW6J.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/Slider/Slider.bound.d.ts
 type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = FormControlProps<SliderProps$1<IsRange>, TFieldValues>;

package/dist/{Slider.bound-Bp7Zrs9_.js → Slider.bound-BoIYW8I5.js}

@@ -1,4 +1,4 @@
-import { n as SliderBase } from "./Slider-CqB2TPTR.js";
+import { n as SliderBase } from "./Slider-DMrnZn3I.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
 import { memo } from "react";

package/dist/{Spinner-BeVTUzzx.js → Spinner-CFj5Iu77.js}

@@ -1,23 +1,23 @@
 import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/status/Spinner/spinner.cva.ts
 const spinnerWrapperDefinition = UIOverrides.defineConfig({
 	base: ["flex items-center justify-center"],
 	config: {
 		variants: { size: {
-			default: "size-6",
-			l: "size-16"
+			default: "size-4",
+			l: "size-8"
 		} },
 		defaultVariants: { size: "default" }
 	}
 });
 const spinnerWrapper = cva(spinnerWrapperDefinition.base, spinnerWrapperDefinition.config);
 const spinnerDefinition = UIOverrides.defineConfig({
-	base: ["animate-loader-spin"],
+	base: ["animate-spin"],
 	config: {
 		variants: { size: {
-			default: "size-3.5",
+			default: "size-4",
 			l: "size-8"
 		} },
 		defaultVariants: { size: "default" }
@@ -27,7 +27,7 @@ const spinner = cva(spinnerDefinition.base, spinnerDefinition.config);
 //#endregion
 //#region src/components/status/Spinner/Spinner.tsx
 const Spinner = (t0) => {
-	const $ = c(18);
+	const $ = c(17);
 	let className;
 	let props;
 	let size;
@@ -63,51 +63,39 @@ const Spinner = (t0) => {
 		$[9] = t2;
 	} else t2 = $[9];
 	let t3;
-	let t4;
 	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("circle", {
-			className: "opacity-20",
-			cx: "12",
-			cy: "12",
-			r: "10",
-			stroke: "currentColor",
-			strokeWidth: "4"
-		});
-		t4 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-		});
+		t3 = /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" });
 		$[10] = t3;
-		$[11] = t4;
-	} else {
-		t3 = $[10];
-		t4 = $[11];
-	}
-	let t5;
-	if ($[12] !== props || $[13] !== t2) {
-		t5 = /* @__PURE__ */ jsxs("svg", {
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== props || $[12] !== t2) {
+		t4 = /* @__PURE__ */ jsx("svg", {
 			className: t2,
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
 			...props,
-			children: [t3, t4]
+			children: t3
 		});
-		$[12] = props;
-		$[13] = t2;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== t1 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
+		$[11] = props;
+		$[12] = t2;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== t1 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
 			className: t1,
-			children: t5
+			children: t4
 		});
-		$[15] = t1;
+		$[14] = t1;
+		$[15] = t4;
 		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+	} else t5 = $[16];
+	return t5;
 };
 //#endregion
 export { spinnerDefinition as n, spinnerWrapperDefinition as r, Spinner as t };

package/dist/{Spinner-B-crRcdG.d.ts → Spinner-b365xHHG.d.ts}

@@ -1,13 +1,13 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
+import "./style-definitions-DzsmGccZ.js";
 import { SVGProps } from "react";
 //#region src/components/status/Spinner/spinner.cva.d.ts
 declare const spinnerWrapperDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly default: "size-6";
-      readonly l: "size-16";
+      readonly default: "size-4";
+      readonly l: "size-8";
     };
   }>;
 };
@@ -15,7 +15,7 @@ declare const spinnerDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly default: "size-3.5";
+      readonly default: "size-4";
       readonly l: "size-8";
     };
   }>;

package/dist/{SplitButton-BzhbtpFA.d.ts → SplitButton-CzvD7LIK.d.ts}

@@ -1,6 +1,6 @@
-import { n as LinkNavigationProps } from "./Link-Bw2m9W4B.js";
-import { n as ButtonVariantProps } from "./button.cva-CBckM91c.js";
-import { r as MenuItem } from "./DropdownMenu-Bl_C5W_E.js";
+import { n as LinkNavigationProps } from "./Link-D0Kk3F5w.js";
+import { n as ButtonVariantProps } from "./button.cva-YpNNY6C-.js";
+import { r as MenuItem } from "./DropdownMenu-gKIXzj63.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-LORgYAJr.d.ts → Stepper-Bk1JUf6K.d.ts}

@@ -1,12 +1,12 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
+import "./style-definitions-DzsmGccZ.js";
 //#region src/components/navigation/Stepper/stepper.cva.d.ts
 declare const stepperDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly orientation: {
-      readonly horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal";
-      readonly vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical";
+      readonly horizontal: "flex flex-row items-center gap-4";
+      readonly vertical: "inline-flex flex-col gap-2";
     };
   }>;
 };
@@ -16,8 +16,8 @@ declare const stepperItemDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly contentOrientation: {
-      readonly horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left";
-      readonly vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center";
+      readonly horizontal: "flex-row items-center gap-3 text-left";
+      readonly vertical: "flex-col items-center gap-2 text-center";
     };
   }>;
 };
@@ -27,9 +27,9 @@ declare const stepperIconDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly 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"];
-      readonly active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline";
-      readonly todo: "border border-state-interactive-subtle-primary-foreground/disabled border-solid bg-support-transparent-outline";
+      readonly completed: "border-primary bg-primary text-primary-foreground group-hover:bg-primary/90";
+      readonly active: "border-primary bg-primary text-primary-foreground";
+      readonly todo: "border-input bg-background text-muted-foreground";
     };
   }>;
 };
@@ -38,8 +38,8 @@ declare const stepperNumberDefinition: {
   config: StyleMergeUtils.Config<{
     readonly status: {
       readonly completed: "";
-      readonly active: "text-interactive-subtle-primary-foreground";
-      readonly todo: "text-state-interactive-subtle-primary-foreground/disabled";
+      readonly active: "";
+      readonly todo: "";
     };
   }>;
 };
@@ -47,9 +47,9 @@ declare const stepperTitleDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["text-content-secondary", "group-hover:text-state-content-secondary/hover", "group-pressed:text-state-content-secondary/pressed"];
-      readonly active: "text-interactive-subtle-primary-foreground";
-      readonly todo: "text-state-content-muted/disabled";
+      readonly completed: "text-foreground underline-offset-4 group-hover:underline";
+      readonly active: "text-foreground";
+      readonly todo: "text-muted-foreground";
     };
   }>;
 };
@@ -57,9 +57,9 @@ declare const stepperSubtextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["text-content-secondary", "group-hover:text-state-content-secondary/hover", "group-pressed:text-state-content-secondary/pressed"];
-      readonly active: "text-content-secondary";
-      readonly todo: "text-state-content-muted/disabled";
+      readonly completed: "";
+      readonly active: "";
+      readonly todo: "";
     };
   }>;
 };
@@ -68,7 +68,7 @@ declare const stepperSeparatorDefinition: {
   config: StyleMergeUtils.Config<{
     readonly orientation: {
       readonly horizontal: "h-px min-w-4 flex-1";
-      readonly vertical: "min-h-16 w-px";
+      readonly vertical: "min-h-8 w-px";
     };
     readonly contentOrientation: {
       readonly horizontal: "";

package/dist/{Stepper-CMw6QnCu.js → Stepper-DlyScdAM.js}

@@ -2,8 +2,9 @@ import { t as Check } from "./check-DYMBkp_Z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { a as stepperSeparatorDefinition, i as stepperNumberDefinition, n as stepperIconDefinition, o as stepperSubtextDefinition, r as stepperItemDefinition, s as stepperTitleDefinition, t as stepperDefinition } from "./stepper.cva-CpRi0fGb.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
+import { a as stepperSeparatorDefinition, i as stepperNumberDefinition, n as stepperIconDefinition, o as stepperSubtextDefinition, r as stepperItemDefinition, s as stepperTitleDefinition, t as stepperDefinition } from "./stepper.cva-CQGechUm.js";
 import { Fragment } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -27,9 +28,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-primary-foreground" }) : /* @__PURE__ */ jsx(Typography, {
-			className: clsx(stepperNumberCva({ status }), "font-bold"),
-			size: "small",
+		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-4" }) : /* @__PURE__ */ jsx(Typography, {
+			className: clsx(stepperNumberCva({ status }), "font-medium"),
+			size: "body",
 			children: stepNumber
 		});
 		$[3] = status;
@@ -50,14 +51,14 @@ const StepperItem = (t0) => {
 	let t4;
 	if ($[10] !== showSubtext || $[11] !== showTitle || $[12] !== status || $[13] !== step || $[14] !== stepperSubtextCva || $[15] !== stepperTitleCva) {
 		t4 = showTitle && /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-stepper-gap-text-to-subtext",
+			className: "flex flex-col gap-0.5",
 			children: [/* @__PURE__ */ jsx(Typography, {
 				className: stepperTitleCva({ status }),
-				size: "small",
+				size: "body",
 				children: step.title
 			}), showSubtext && /* @__PURE__ */ jsx(Typography, {
 				className: stepperSubtextCva({ status }),
-				size: "small",
+				size: "body",
 				children: step.subtext
 			})]
 		});
@@ -86,7 +87,7 @@ const StepperItem = (t0) => {
 			if (onPress) {
 				t6 = /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 					onPress,
-					className: clsx("group cursor-pointer", className),
+					className: clsx("group cursor-pointer rounded-md", uiOutlineClass, className),
 					"aria-current": status === "active" ? "step" : void 0,
 					children: content
 				});