@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

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

@@ -1,8 +1,8 @@
-import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.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";
 import { Key } from "react-aria-components";
 import { AriaButtonProps } from "react-aria";
@@ -67,11 +67,6 @@ interface MultiSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultI
   showSelectionContent?: never;
 }
 type GroupedSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = MultiSelectProps<TKey, TInitialSelectItem> | SingleSelectProps<TKey, TInitialSelectItem>;
-type GroupedSelectControlProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ({
-  selectionMode: MultiSelectProps["selectionMode"];
-} & ControlProps<MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
-  selectionMode?: SingleSelectProps["selectionMode"];
-} & ControlProps<SingleSelectProps<TKey, TInitialSelectItem>, TFieldValues>);
 interface SelectNewItemProps {
   showNewItemOption?: boolean;
   newItemMinLength?: number;
@@ -93,4 +88,30 @@ interface SelectVirtualizationProps {
   };
 }
 //#endregion
-export { SelectAsyncProps as a, SingleSelectProps as c, MultiSelectProps as i, GroupedSelectControlProps as n, SelectBaseProps as o, GroupedSelectProps as r, SelectItem as s, DefaultInitialSelectItem as t };
+//#region src/components/inputs/Selection/Select/Select.d.ts
+type SelectList<TKey extends Key = Key> = Pick<AsyncList<SelectItem<TKey>>, "items" | "isLoading" | "hasMore" | "loadMore" | "setFilterText">;
+type SelectDataProps<TKey extends Key = Key> = {
+  items: SelectItem<TKey>[];
+  list?: never;
+} | {
+  items?: never;
+  list: SelectList<TKey>;
+  isLoading?: never;
+  hasLoadMore?: never;
+  onLoadMore?: never;
+  isClientSearchDisabled?: never;
+  ignoreInputValueFiltering?: never;
+};
+type SelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectBaseProps<TKey, TInitialSelectItem>, "items"> & SelectDataProps<TKey> & {
+  field?: never;
+  renderStaticInput?: boolean;
+};
+type SelectInnerProps<TKey extends Key, TInitialSelectItem> = OmitDiscriminatedUnion<SelectProps<TKey, TInitialSelectItem>, "field"> & {
+  isFormControlDisabled?: boolean;
+};
+declare function SelectInner<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>({ renderStaticInput, isFormControlDisabled, list, ...inputProps }: SelectInnerProps<TKey, TInitialSelectItem>): import("react").JSX.Element;
+declare function Select<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: SelectProps<TKey, TInitialSelectItem> & {
+  field?: never;
+}): import("react").JSX.Element;
+//#endregion
+export { SelectProps as a, MultiSelectProps as c, SelectItem as d, SingleSelectProps as f, SelectList as i, SelectAsyncProps as l, SelectDataProps as n, DefaultInitialSelectItem as o, SelectInner as r, GroupedSelectProps as s, Select as t, SelectBaseProps as u };

package/dist/Select.bound-CQPG2sWV.js

@@ -0,0 +1,34 @@
+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";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Selection/Select/Select.bound.tsx
+function SelectComponent({ renderStaticInput, ...props }) {
+	const { field, ref, ...innerProps } = props;
+	const controlWithOptions = field.form;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(SelectInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? (props.selectionMode === "multiple" ? [] : null),
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+}
+const Select = memo(SelectComponent);
+//#endregion
+export { Select as t };

package/dist/Select.bound-Dh5kywfV.d.ts

@@ -0,0 +1,17 @@
+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-NNohxr1t.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+import { ReactElement } from "react";
+import { Key } from "react-aria-components";
+//#region src/components/inputs/Selection/Select/Select.bound.d.ts
+type GroupedSelectControlProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ({
+  selectionMode: "multiple";
+} & FormControlProps<MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
+  selectionMode?: "single";
+} & FormControlProps<SingleSelectProps<TKey, TInitialSelectItem>, TFieldValues>);
+type ControlledSelectProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectProps$1<TKey, TInitialSelectItem>, keyof GroupedSelectProps | "field" | "onBlur" | "defaultValue" | "items" | "list"> & SelectDataProps<TKey> & GroupedSelectControlProps<TFieldValues, TKey extends string ? string : TKey extends number ? number : TKey, TInitialSelectItem>;
+declare function SelectComponent<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+declare const Select: typeof SelectComponent;
+type SelectProps<TFieldValues extends FieldValues = FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>;
+//#endregion
+export { Select as n, SelectProps as r, ControlledSelectProps as t };

package/dist/{SelectionIndicator-JblvLKCu.js → SelectionIndicator-B7C5Y0JM.js}

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/SelectionIndicator.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/SelectionIndicator.mjs
 const $91fe5e721c7f36c1$export$c9549807523555e0 = /*#__PURE__*/ createContext({ isSelected: false });
 //#endregion
 export { $91fe5e721c7f36c1$export$c9549807523555e0 as t };

package/dist/{SharedElementTransition-Da1c_cOO.js → SharedElementTransition-DJ9CCbEa.js}

@@ -2,7 +2,7 @@ import $ahdqC$react, { createContext, useRef } from "react";
 import "react-aria/private/utils/useLayoutEffect";
 import "react-aria/useObjectRef";
 import "react-dom";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/SharedElementTransition.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/SharedElementTransition.mjs
 const $792f28e438b9ad5f$var$SharedElementContext = /*#__PURE__*/ createContext(null);
 function $792f28e438b9ad5f$export$758399f318e6385a(props) {
 	let ref = useRef({});

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

@@ -1,13 +1,10 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.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-Czcqspm7.js";
-import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-B99dLt8o.js";
-import $ahdqC$react, { createContext, forwardRef, memo, useContext, useRef } from "react";
+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-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";
 import { filterDOMProps } from "react-aria/filterDOMProps";
@@ -18,7 +15,7 @@ import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useSlider, useSliderThumb } from "react-aria/useSlider";
 import { useSliderState } from "react-stately/useSliderState";
 import { useNumberFormatter } from "react-aria/useNumberFormatter";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Slider.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Slider.mjs
 const $806e559d0c2c64a0$export$e99164f0030f3bff = /*#__PURE__*/ createContext(null);
 const $806e559d0c2c64a0$export$1e7083018727fa60 = /*#__PURE__*/ createContext(null);
 const $806e559d0c2c64a0$export$f1fce0420cc6d8ee = /*#__PURE__*/ createContext(null);
@@ -189,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-surface-default-popover-foreground",
+						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?.({ target: event.target })
+							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-surface-default-popover-foreground",
+						className: "min-w-10 py-2.5 text-center text-muted-foreground",
 						size: "large",
 						children: [maxValue, unit]
 					})
@@ -218,29 +215,8 @@ const SliderBase = (props) => {
 		})
 	});
 };
-const SliderComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(SliderBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onBlur: field.onBlur,
-				onChange: field.onChange,
-				onChangeEnd: (value) => {
-					innerProps.onChangeEnd?.(value);
-					field.onBlur();
-				},
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
+function Slider(props) {
 	return /* @__PURE__ */ jsx(SliderBase, { ...props });
-};
-const Slider = memo(SliderComponent);
+}
 //#endregion
-export { Slider as t };
+export { SliderBase as n, Slider as t };

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

@@ -1,6 +1,4 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.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
@@ -14,9 +12,12 @@ interface SliderBaseProps<IsRange extends boolean = false> extends FormFieldProp
   onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
   onChange?: (value: SliderValue<IsRange>) => void;
 }
-type SliderProps$1<IsRange extends boolean = false> = SliderBaseProps<IsRange>;
-type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps$1<IsRange>, TFieldValues>;
-declare const SliderComponent: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react").JSX.Element;
-declare const Slider: typeof SliderComponent;
+declare const SliderBase: <IsRange extends boolean = false>(props: SliderBaseProps<IsRange>) => import("react").JSX.Element;
+type SliderProps$1<IsRange extends boolean = false> = SliderBaseProps<IsRange> & {
+  field?: never;
+};
+declare function Slider<IsRange extends boolean = false>(props: SliderProps$1<IsRange> & {
+  field?: never;
+}): import("react").JSX.Element;
 //#endregion
-export { Slider as n, SliderProps$1 as r, ControlledSliderProps as t };
+export { SliderBase as n, SliderProps$1 as r, Slider as t };

package/dist/Slider.bound-BaJHbE6d.d.ts

@@ -0,0 +1,9 @@
+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>;
+type SliderProps<TFieldValues extends FieldValues = FieldValues, IsRange extends boolean = false> = ControlledSliderProps<TFieldValues, IsRange>;
+declare const SliderComponent: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react").JSX.Element;
+declare const Slider: typeof SliderComponent;
+//#endregion
+export { Slider as n, SliderProps as r, ControlledSliderProps as t };

package/dist/Slider.bound-BoIYW8I5.js

@@ -0,0 +1,31 @@
+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";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Slider/Slider.bound.tsx
+const SliderComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(SliderBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value,
+			onBlur: field.onBlur,
+			onChange: field.onChange,
+			onChangeEnd: (value) => {
+				innerProps.onChangeEnd?.(value);
+				field.onValueCommit();
+			},
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const Slider = memo(SliderComponent);
+//#endregion
+export { Slider as t };

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-DbXeDOa2.d.ts → Spinner-b365xHHG.d.ts}

@@ -1,13 +1,13 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.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-D9ngY1rJ.d.ts → SplitButton-CzvD7LIK.d.ts}

@@ -1,6 +1,6 @@
-import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
-import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
-import { r as MenuItem } from "./DropdownMenu-JNpYT4-3.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-TATlHZhQ.d.ts → Stepper-Bk1JUf6K.d.ts}

@@ -1,12 +1,12 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.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-surface-default-foreground", "group-hover:text-state-surface-default-foreground/hover", "group-pressed:text-state-surface-default-foreground/pressed"];
-      readonly active: "text-interactive-primary-background";
-      readonly todo: "text-state-surface-default-popover-foreground/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-surface-default-foreground", "group-hover:text-state-surface-default-foreground/hover", "group-pressed:text-state-surface-default-foreground/pressed"];
-      readonly active: "text-surface-default-foreground";
-      readonly todo: "text-state-surface-default-popover-foreground/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-Cp5vbL5g.js → Stepper-DlyScdAM.js}

@@ -1,9 +1,10 @@
 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-D6KlWSFL.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-CZ0Kj-s7.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.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
 				});