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

package/dist/SelectListBox-CFOH3brT.js

@@ -0,0 +1,362 @@
+import { t as Check } from "./check-DYMBkp_Z.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-C4yFclkZ.js";
+import { c as LoadingItemId, o as SelectContext } from "./Select-DbZOJ-0u.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, p as $263ab7fc0f95ccdb$export$2dbbd341daed716d } from "./Dialog-lFYX-7Ax.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.js";
+import { n as $a3be900807531178$re_export$ListLayout, r as $a3be900807531178$re_export$Rect } from "./exports-BNrTn8Tj.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
+import "./i18n-BjNKHh_D.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
+import $ahdqC$react, { createContext, useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVirtualizerState } from "react-stately/useVirtualizerState";
+import { useScrollView } from "react-aria/private/virtualizer/ScrollView";
+import { VirtualizerItem } from "react-aria/private/virtualizer/VirtualizerItem";
+import { useTranslation } from "react-i18next";
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Virtualizer.mjs
+const $143fb904d86051ce$var$VirtualizerContext = /*#__PURE__*/ createContext(null);
+const $143fb904d86051ce$var$VirtualizerOptionsContext = /*#__PURE__*/ createContext(null);
+function $143fb904d86051ce$export$89be5a243e59c4b2(props) {
+	let { children, layout: layoutProp, layoutOptions, shouldObserveItemSize } = props;
+	let layout = useMemo(() => typeof layoutProp === "function" ? new layoutProp() : layoutProp, [layoutProp]);
+	let renderer = useMemo(() => ({
+		isVirtualized: true,
+		layoutDelegate: layout,
+		dropTargetDelegate: layout.getDropTargetFromPoint ? layout : void 0,
+		CollectionRoot: $143fb904d86051ce$var$CollectionRoot,
+		CollectionBranch: $143fb904d86051ce$var$CollectionBranch
+	}), [layout]);
+	return /*#__PURE__*/ $ahdqC$react.createElement($263ab7fc0f95ccdb$export$4feb769f8ddf26c5.Provider, { value: renderer }, /*#__PURE__*/ $ahdqC$react.createElement($143fb904d86051ce$var$VirtualizerOptionsContext.Provider, { value: {
+		layout,
+		layoutOptions,
+		shouldObserveItemSize
+	} }, children));
+}
+function $143fb904d86051ce$var$CollectionRoot({ collection, persistedKeys, scrollRef, renderDropIndicator }) {
+	let { layout, layoutOptions, shouldObserveItemSize } = useContext($143fb904d86051ce$var$VirtualizerOptionsContext);
+	let layoutOptions2 = layout.useLayoutOptions?.();
+	let state = useVirtualizerState({
+		allowsWindowScrolling: true,
+		layout,
+		collection,
+		renderView: (type, item) => {
+			return item?.render?.(item);
+		},
+		onVisibleRectChange(rect) {
+			let element = scrollRef?.current;
+			if (element) {
+				element.scrollLeft = rect.x;
+				element.scrollTop = rect.y;
+			}
+		},
+		persistedKeys,
+		layoutOptions: useMemo(() => layoutOptions && layoutOptions2 ? {
+			...layoutOptions,
+			...layoutOptions2
+		} : layoutOptions || layoutOptions2, [layoutOptions, layoutOptions2])
+	});
+	let { contentProps } = useScrollView({
+		onVisibleRectChange: state.setVisibleRect,
+		onSizeChange: state.setSize,
+		contentSize: state.contentSize,
+		onScrollStart: state.startScrolling,
+		onScrollEnd: state.endScrolling,
+		allowsWindowScrolling: true
+	}, scrollRef);
+	return /*#__PURE__*/ $ahdqC$react.createElement("div", contentProps, /*#__PURE__*/ $ahdqC$react.createElement($143fb904d86051ce$var$VirtualizerContext.Provider, { value: state }, $143fb904d86051ce$var$renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)));
+}
+function $143fb904d86051ce$var$CollectionBranch({ parent, renderDropIndicator }) {
+	let parentView = useContext($143fb904d86051ce$var$VirtualizerContext).virtualizer.getVisibleView(parent.key);
+	let { shouldObserveItemSize } = useContext($143fb904d86051ce$var$VirtualizerOptionsContext);
+	return $143fb904d86051ce$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator, shouldObserveItemSize);
+}
+function $143fb904d86051ce$var$renderChildren(parent, children, renderDropIndicator, shouldObserveItemSize) {
+	return children.map((view) => $143fb904d86051ce$var$renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize));
+}
+function $143fb904d86051ce$var$renderWrapper(parent, reusableView, renderDropIndicator, shouldObserveItemSize) {
+	let rendered = /*#__PURE__*/ $ahdqC$react.createElement(VirtualizerItem, {
+		key: reusableView.key,
+		layoutInfo: reusableView.layoutInfo,
+		virtualizer: reusableView.virtualizer,
+		parent: parent?.layoutInfo,
+		shouldObserveItemSize
+	}, reusableView.rendered);
+	let { collection, layout } = reusableView.virtualizer;
+	let node = reusableView.content;
+	if (node?.type === "item" && renderDropIndicator && layout.getDropTargetLayoutInfo) rendered = /*#__PURE__*/ $ahdqC$react.createElement($ahdqC$react.Fragment, { key: reusableView.key }, $143fb904d86051ce$var$renderDropIndicatorWrapper(parent, reusableView, {
+		type: "item",
+		key: reusableView.content.key,
+		dropPosition: "before"
+	}, renderDropIndicator), rendered, $263ab7fc0f95ccdb$export$2dbbd341daed716d(collection, node, (target) => $143fb904d86051ce$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)));
+	return rendered;
+}
+function $143fb904d86051ce$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator) {
+	let indicator = renderDropIndicator(target);
+	if (indicator) {
+		let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo(target);
+		indicator = /*#__PURE__*/ $ahdqC$react.createElement(VirtualizerItem, {
+			layoutInfo,
+			virtualizer: reusableView.virtualizer,
+			parent: parent?.layoutInfo
+		}, indicator);
+	}
+	return indicator;
+}
+//#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);
+	const ref = useRef(null);
+	const { t } = useTranslation("ui");
+	const { selectedIds, isMultiple } = SelectContext.useSelect();
+	const itemContent = useMemo(() => {
+		if (isNewItem) return newItemRender?.(label) ?? `${t(($) => $.ui.autocomplete.createNewBtn)} '${label}'`;
+		return content ?? label;
+	}, [
+		isNewItem,
+		newItemRender,
+		label,
+		content,
+		t
+	]);
+	return /* @__PURE__ */ jsxs($928221da08ecbc62$export$a11e76429ed99b4, {
+		ref,
+		id,
+		textValue: label,
+		isDisabled,
+		className: selectListItemCva({
+			isSingle: !isMultiple,
+			isNewItem
+		}),
+		children: [
+			isMultiple && !isSearchable && /* @__PURE__ */ jsx(CheckboxCheckmark, {
+				variant: "default",
+				className: "group-focus-visible:outline-none!"
+			}),
+			isMultiple && isSearchable && /* @__PURE__ */ jsx("div", {
+				className: "group",
+				"data-rac": "",
+				"data-selected": selectedIds.includes(id) || void 0,
+				children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+					variant: "default",
+					className: "group-focus-visible:outline-none!"
+				})
+			}),
+			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" })
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.tsx
+const SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
+	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
+	const ref = useRef(null);
+	const { t } = useTranslation("ui");
+	const { selectableListItems, selectedIds } = SelectContext.useSelect();
+	return /* @__PURE__ */ jsxs($928221da08ecbc62$export$a11e76429ed99b4, {
+		ref,
+		id,
+		textValue: label || t(($) => $.ui.select.allOption),
+		isDisabled,
+		className: selectListItemCva({}),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "group",
+			"data-rac": "",
+			"data-selected": selectedIds.length === selectableListItems.length || void 0,
+			"data-indeterminate": selectedIds.length > 0 && selectedIds.length < selectableListItems.length || void 0,
+			children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+				variant: "default",
+				className: "group-focus-visible:outline-none!"
+			})
+		}), t(($) => $.ui.select.allOption)]
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBoxLoadingItem.tsx
+const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
+	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
+	const { t } = useTranslation("ui");
+	const { isDebouncing, isLoading, hasLoadMore } = SelectContext.useSelect();
+	const onIntersection = useCallback(() => {
+		if (!isDebouncing && !isLoading && hasLoadMore) onLoadMore?.();
+	}, [
+		isDebouncing,
+		isLoading,
+		hasLoadMore,
+		onLoadMore
+	]);
+	const { ref } = useIntersectionObserver({
+		onIntersection,
+		rootMargin: "40px"
+	});
+	return /* @__PURE__ */ jsx($928221da08ecbc62$export$a11e76429ed99b4, {
+		id,
+		textValue: label || t(($) => $.ui.loadingState.text),
+		isDisabled: true,
+		className: selectListItemCva({}),
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: "flex flex-1 justify-center text-muted-foreground",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		})
+	});
+};
+//#endregion
+//#region src/components/inputs/Selection/shared/SelectListBox.tsx
+var ReversedListLayout = class extends $a3be900807531178$re_export$ListLayout {
+	reverseLayoutInfo(layoutInfo) {
+		const reversedLayoutInfo = layoutInfo.copy();
+		reversedLayoutInfo.rect.y = this.getContentSize().height - reversedLayoutInfo.rect.maxY;
+		return reversedLayoutInfo;
+	}
+	getLayoutInfo(key) {
+		const layoutInfo = super.getLayoutInfo(key);
+		return layoutInfo ? this.reverseLayoutInfo(layoutInfo) : null;
+	}
+	getVisibleLayoutInfos(rect) {
+		const mirroredRect = new $a3be900807531178$re_export$Rect(rect.x, Math.max(0, this.getContentSize().height - rect.maxY), rect.width, rect.height);
+		return super.getVisibleLayoutInfos(mirroredRect).map((layoutInfo) => this.reverseLayoutInfo(layoutInfo));
+	}
+};
+const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, isReversed = false, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }) => {
+	const { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll, hasLoadMore, isLoading } = SelectContext.useSelect();
+	const listBoxRef = useRef(null);
+	const hasRequestedAtTopRef = useRef(false);
+	const isReverseScrollAnchoredRef = useRef(!isReversed);
+	const reverseScrollBottomOffsetRef = useRef(0);
+	const previousLoadedItemIdsRef = useRef([]);
+	const shouldVirtualize = !!virtualizerOptions || (totalItems ?? listItems.length) > 100 || hasLoadMore;
+	const usesReversedLayout = isReversed && isSearchable && shouldVirtualize;
+	const displayedListItems = isReversed && !usesReversedLayout ? listItems.toReversed() : listItems;
+	const loadedItemIds = useMemo(() => listItems.filter((item) => item.id !== LoadingItemId).map((item) => item.id), [listItems]);
+	const loadMoreResetKey = loadedItemIds.join("\0");
+	useLayoutEffect(() => {
+		hasRequestedAtTopRef.current = false;
+	}, [loadMoreResetKey]);
+	useLayoutEffect(() => {
+		const previousLoadedItemIds = previousLoadedItemIdsRef.current;
+		const preservesExistingItems = previousLoadedItemIds.length > 0 && previousLoadedItemIds.every((itemId, index) => loadedItemIds[index] === itemId);
+		previousLoadedItemIdsRef.current = loadedItemIds;
+		if (!preservesExistingItems) reverseScrollBottomOffsetRef.current = 0;
+		const listBox = listBoxRef.current;
+		if (!listBox) {
+			isReverseScrollAnchoredRef.current = true;
+			return;
+		}
+		if (!isReversed) {
+			listBox.scrollTop = 0;
+			isReverseScrollAnchoredRef.current = true;
+			return;
+		}
+		isReverseScrollAnchoredRef.current = false;
+		const finishAnchoring = () => {
+			if (listBox.scrollHeight <= listBox.clientHeight) return false;
+			listBox.scrollTop = listBox.scrollHeight - listBox.clientHeight - reverseScrollBottomOffsetRef.current;
+			isReverseScrollAnchoredRef.current = true;
+			return true;
+		};
+		let scrollFrame = requestAnimationFrame(() => {
+			scrollFrame = requestAnimationFrame(() => {
+				if (!finishAnchoring()) isReverseScrollAnchoredRef.current = true;
+			});
+		});
+		return () => {
+			cancelAnimationFrame(scrollFrame);
+			reverseScrollBottomOffsetRef.current = listBox.scrollHeight - listBox.clientHeight - listBox.scrollTop;
+		};
+	}, [
+		isReversed,
+		loadMoreResetKey,
+		loadedItemIds
+	]);
+	const onSelectionChange = (value) => {
+		const ids = Array.from(value);
+		if (!isMultiple && ids.length === 0) {
+			if (fieldState.value) {
+				onClose?.();
+				onChange(fieldState.value);
+			}
+			return;
+		}
+		if (isMultiple && ids.includes("all-item-id")) {
+			if (ids.length > selectableListItems.length) onClear();
+			else onSelectAll();
+			return;
+		}
+		if (isMultiple) onChange(ids);
+		else {
+			onClose?.();
+			onChange(ids[0]);
+		}
+	};
+	const requestLoadMore = useCallback(() => {
+		if (isLoading) return;
+		if (isReversed && (!isReverseScrollAnchoredRef.current || (listBoxRef.current?.scrollTop ?? 0) > 1 || hasRequestedAtTopRef.current)) return;
+		if (isReversed) hasRequestedAtTopRef.current = true;
+		onLoadMore?.();
+	}, [
+		isLoading,
+		isReversed,
+		onLoadMore
+	]);
+	const onScroll = (event) => {
+		if (!isReversed || !hasLoadMore || !isReverseScrollAnchoredRef.current) return;
+		if (event.currentTarget.scrollTop > 48) hasRequestedAtTopRef.current = false;
+		else requestLoadMore();
+	};
+	const renderItem = (item) => {
+		if (item.isSelectAllItem) return /* @__PURE__ */ jsx(SelectListBoxItemSelectAll, { ...item }, item.id);
+		if (item.isLoadingItem) return /* @__PURE__ */ jsx(SelectListBoxLoadingItem, {
+			...item,
+			onLoadMore: requestLoadMore
+		}, item.id);
+		return /* @__PURE__ */ jsx(SelectListBoxItem, {
+			...item,
+			isSearchable,
+			isNewItem: item.isNewItem,
+			newItemRender
+		}, item.id);
+	};
+	if (shouldVirtualize) return /* @__PURE__ */ jsx($143fb904d86051ce$export$89be5a243e59c4b2, {
+		layout: usesReversedLayout ? ReversedListLayout : $a3be900807531178$re_export$ListLayout,
+		layoutOptions: virtualizerOptions,
+		children: /* @__PURE__ */ jsx($928221da08ecbc62$export$41f133550aa26f48, {
+			ref: listBoxRef,
+			...props,
+			"aria-label": label,
+			selectionMode,
+			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,
+			onScroll,
+			escapeKeyBehavior: "none",
+			shouldSelectOnPressUp: true,
+			children: renderItem
+		})
+	});
+	return /* @__PURE__ */ jsx($928221da08ecbc62$export$41f133550aa26f48, {
+		ref: listBoxRef,
+		...props,
+		"aria-label": label,
+		selectionMode,
+		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,
+		onScroll,
+		escapeKeyBehavior: "none",
+		shouldSelectOnPressUp: true,
+		children: renderItem
+	});
+};
+//#endregion
+export { SelectListBox };

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: "";