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

package/dist/Autocomplete-DSwAc7jF.js

@@ -0,0 +1,142 @@
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { l as $542a13ca2fa5b484$export$5b6b19405a83ff9d } from "./Dialog-lFYX-7Ax.js";
+import { t as $dbdc5e6e7ce01b4b$export$72b9695b8216309a } from "./ComboBox-DFlz6HJ8.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
+import { t as InputContent } from "./InputContent-Ca4oVqIe.js";
+import { memo, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx
+function AutocompleteInner({ items, ref, value, defaultValue = "", onChange, onBlur, isClientSearchDisabled, inputClassName, label, error: errorProp, errorMessage, helperText, className, tooltipText, isRequired: isRequiredProp, required, rightContent, headerClassName, errorClassName, isHeaderHidden, isDisabled: isDisabledProp, disabled, isReadOnly, isInvalid, validationBehavior, validate, isDirty, as: asProp, layout: layoutProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, unit, isLoading, action, leadingIcon, trailingIcon, placeholder, ...rest }) {
+	const ui = UIConfig.useConfig();
+	const isDisabled = isDisabledProp ?? disabled;
+	const isRequired = isRequiredProp ?? required;
+	const error = errorMessage ?? errorProp;
+	const generatedId = useId();
+	const inputId = rest.id ?? generatedId;
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
+	const itemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const inputValue = value ?? uncontrolledValue;
+	const inputRef = useRef(null);
+	const as = layoutProp ?? asProp ?? ui.input.as;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const variant = variantProp ?? ui.input.variant;
+	const size = sizeProp ?? ui.input.size;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
+		describedBy: rest["aria-describedby"],
+		error,
+		helperText
+	});
+	const changeText = (text) => {
+		if (isReadOnly || isDisabled) return;
+		if (value === void 0) setUncontrolledValue(text);
+		onChange?.(text);
+	};
+	const fieldProps = {
+		label,
+		error,
+		helperText,
+		tooltipText,
+		isRequired,
+		rightContent,
+		headerClassName,
+		errorClassName,
+		isDisabled,
+		hideLabel,
+		errorMessageId,
+		helperTextId,
+		labelProps: { htmlFor: inputId },
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating"
+	};
+	return /* @__PURE__ */ jsxs($dbdc5e6e7ce01b4b$export$72b9695b8216309a, {
+		allowsCustomValue: true,
+		defaultItems: items,
+		...isClientSearchDisabled ? { items } : {},
+		inputValue,
+		onInputChange: changeText,
+		isDisabled,
+		isReadOnly,
+		isRequired,
+		isInvalid: !!error || isInvalid,
+		validationBehavior,
+		validate: validate ? ({ inputValue }) => validate(inputValue) : void 0,
+		"aria-label": rest["aria-label"] ?? label,
+		className: clsx("group w-full", className),
+		children: [/* @__PURE__ */ jsx(TooltipWrapper, {
+			as,
+			error,
+			children: /* @__PURE__ */ jsx(FormField, {
+				...fieldProps,
+				as,
+				children: /* @__PURE__ */ jsx("div", {
+					className: clsx("relative flex cursor-text has-disabled:cursor-default", inputBaseCva({
+						variant,
+						as
+					}), inputClassName),
+					"data-is-empty": !inputValue || void 0,
+					"data-is-disabled": isDisabled || void 0,
+					"data-is-required": isRequired || void 0,
+					children: /* @__PURE__ */ jsx(InputContent, {
+						unit,
+						isLoading,
+						isDisabled,
+						action,
+						leadingIcon,
+						trailingIcon,
+						isClearable: isClearable && !isReadOnly,
+						isClearableIfDisabled,
+						value: inputValue,
+						onChange: changeText,
+						headerProps: {
+							...fieldProps,
+							isHeaderHidden: hideLabel || isHeaderHidden
+						},
+						as,
+						size,
+						children: /* @__PURE__ */ jsx($41fb335299a4a39e$export$f5b8910cec6cf069, {
+							...rest,
+							id: inputId,
+							ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, inputRef),
+							onBlur,
+							"aria-describedby": describedBy,
+							"aria-errormessage": errorMessageId,
+							placeholder: as === "floating" ? "\xA0" : placeholder,
+							"data-is-filled": !!inputValue || void 0,
+							"data-is-dirty": isDirty || void 0,
+							className: "min-w-0 w-full bg-transparent outline-none"
+						})
+					})
+				})
+			})
+		}), /* @__PURE__ */ jsx($542a13ca2fa5b484$export$5b6b19405a83ff9d, {
+			className: popoverCva({}),
+			style: { width: "var(--trigger-width)" },
+			children: /* @__PURE__ */ jsx($928221da08ecbc62$export$41f133550aa26f48, {
+				className: "max-h-72 overflow-auto outline-none",
+				children: (item) => /* @__PURE__ */ jsx($928221da08ecbc62$export$a11e76429ed99b4, {
+					id: item.id,
+					textValue: item.label,
+					isDisabled: item.isDisabled,
+					className: itemCva({ isSingle: true }),
+					children: item.label
+				})
+			})
+		})]
+	});
+}
+const AutocompleteComponent = (props) => /* @__PURE__ */ jsx(AutocompleteInner, { ...props });
+const Autocomplete = memo(AutocompleteComponent);
+//#endregion
+export { AutocompleteInner as n, Autocomplete as t };

package/dist/Autocomplete.bound-Db5C6Jph.d.ts

@@ -0,0 +1,9 @@
+import { a as AutocompleteProps$1 } from "./Autocomplete-BUslodfn.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Selection/Autocomplete/Autocomplete.bound.d.ts
+type ControlledAutocompleteProps<TFieldValues extends FieldValues> = FormControlProps<AutocompleteProps$1, TFieldValues>;
+type AutocompleteProps<TFieldValues extends FieldValues = FieldValues> = ControlledAutocompleteProps<TFieldValues>;
+declare function AutocompleteComponent<TFieldValues extends FieldValues>(props: ControlledAutocompleteProps<TFieldValues>): import("react").JSX.Element;
+declare const Autocomplete: typeof AutocompleteComponent;
+//#endregion
+export { AutocompleteProps as n, ControlledAutocompleteProps as r, Autocomplete as t };

package/dist/Autocomplete.bound-e5WbxlBm.js

@@ -0,0 +1,28 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as AutocompleteInner } from "./Autocomplete-DSwAc7jF.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Selection/Autocomplete/Autocomplete.bound.tsx
+function AutocompleteComponent(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, isDirty } }) => /* @__PURE__ */ jsx(AutocompleteInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? "",
+			onChange: field.onChange,
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+}
+const Autocomplete = memo(AutocompleteComponent);
+//#endregion
+export { Autocomplete as t };

package/dist/{Badge-CBNpj823.d.ts → Badge-Dp091PcC.d.ts}

@@ -1,5 +1,5 @@
-import { t as BadgeButtonVariants } from "./badgeButton.cva-B2bgCQP6.js";
-import { n as TypographyProps } from "./Typography-XljT9s02.js";
+import { t as BadgeButtonVariants } from "./badgeButton.cva-Cj5AWgfv.js";
+import { n as TypographyProps } from "./Typography-BD-MSuTp.js";
 import { FC, Ref, SVGProps } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/text/Badge/Badge.d.ts

package/dist/{BadgeButton-Ccgt3oGO.d.ts → BadgeButton-DZm_aw29.d.ts}

@@ -1,5 +1,5 @@
-import { t as BadgeButtonVariants } from "./badgeButton.cva-B2bgCQP6.js";
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-DPIlROA9.js";
+import { t as BadgeButtonVariants } from "./badgeButton.cva-Cj5AWgfv.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-CxgT-rxJ.js";
 import { FC, ReactNode, Ref, SVGProps } from "react";
 import { ButtonProps, ToggleButtonProps } from "react-aria-components";
 //#region src/components/buttons/BadgeButton/BadgeButton.d.ts

package/dist/{BottomSheet-DbQuzfAB.d.ts → BottomSheet-C-jdDmO7.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
+import { t as TypographyVariantProps } from "./typography.cva-CKCCpIMj.js";
 import { ReactNode, RefObject } from "react";
 //#region src/components/overlays/BottomSheet/BottomSheet.d.ts
 type BottomSheetState = "closed" | "opening" | "opened" | "closing";

package/dist/{BottomSheet-BXLE3161.js → BottomSheet-DB0Cdlgx.js}

@@ -1,88 +1,14 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { t as X } from "./x-B6vfz8Ps.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CKLkS00H.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-w60dVQcb.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { a as $a8ea2faf2ebe4d2f$re_export$useResizeObserver, o as $a8ea2faf2ebe4d2f$re_export$useViewportSize } from "./import-BE0r63d8.js";
-import "./i18n-CX2EjhJI.js";
-import { n as useStateAndRef, t as DomUtils } from "./dom.utils-D1AopHx9.js";
+import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-lFYX-7Ax.js";
+import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-B4p1zFqi.js";
+import { a as $a8ea2faf2ebe4d2f$re_export$useResizeObserver, o as $a8ea2faf2ebe4d2f$re_export$useViewportSize } from "./import-D_3dPATF.js";
+import { n as useStateAndRef, t as DomUtils } from "./dom.utils-BbfrA6RP.js";
+import { BottomSheetHeader } from "./components/bottom-sheet-header.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
 import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
-//#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
-const BottomSheetHeader = (t0) => {
-	const $ = c(17);
-	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
-	const { t } = useTranslation("ui");
-	const t1 = !isDismissable && "pt-list-height-title-top";
-	let t2;
-	if ($[0] !== t1) {
-		t2 = clsx("pb-list-height-title-bottom", t1);
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== dragControls || $[3] !== hideThumb || $[4] !== isDismissable) {
-		t3 = isDismissable && !hideThumb && /* @__PURE__ */ jsx("div", {
-			className: "flex shrink-0 cursor-grab touch-none justify-center px-list-side-title pt-list-height-title-top pb-2.5",
-			onPointerDown: (e) => {
-				e.preventDefault();
-				dragControls?.start(e);
-			},
-			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("div", { className: "h-1 w-16 shrink-0 rounded-full bg-surface-default-popover" })
-		});
-		$[2] = dragControls;
-		$[3] = hideThumb;
-		$[4] = isDismissable;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== headerTypography || $[7] !== hideHeader || $[8] !== isDismissable || $[9] !== label || $[10] !== onClose || $[11] !== t) {
-		t4 = !hideHeader && /* @__PURE__ */ jsxs("div", {
-			className: "flex justify-between px-list-side-title",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				size: "small",
-				className: "font-bold",
-				...headerTypography,
-				children: label
-			}), onClose && isDismissable && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
-				onPress: onClose,
-				"aria-label": t(_temp),
-				className: "-m-2 shrink-0 p-2 text-surface-default-foreground focus-visible:outline-interactive-ring",
-				children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
-			})]
-		});
-		$[6] = headerTypography;
-		$[7] = hideHeader;
-		$[8] = isDismissable;
-		$[9] = label;
-		$[10] = onClose;
-		$[11] = t;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: t2,
-			children: [t3, t4]
-		});
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
-};
-function _temp($) {
-	return $.ui.closeAlt;
-}
-//#endregion
 //#region src/components/overlays/BottomSheet/BottomSheet.tsx
 const MotionModal = motion.create($8b8d26808cb8cb53$export$2b77a92f1a5ad772);
 const MotionModalOverlay = motion.create($8b8d26808cb8cb53$export$8948f78d83984c69);
@@ -183,7 +109,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 		ref: overlayRef,
 		shouldCloseOnInteractOutside,
 		children: [/* @__PURE__ */ jsx(motion.div, {
-			className: clsx("pointer-events-none absolute inset-0 bg-support-overlay", overlayClassName),
+			className: clsx("pointer-events-none absolute inset-0 bg-black/50", overlayClassName),
 			animate: { opacity: 1 },
 			initial: { opacity: 0 },
 			exit: { opacity: 0 }
@@ -258,7 +184,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 						className: clsx("shrink-0", height === "auto" && "grow")
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: clsx("pointer-events-auto relative flex min-h-0 flex-col items-stretch rounded-t-xl bg-surface-default-card", height === "full" && "flex-1"),
+						className: clsx("pointer-events-auto relative flex min-h-0 flex-col items-stretch rounded-t-lg border-t bg-background text-foreground", height === "full" && "flex-1"),
 						children: [
 							/* @__PURE__ */ jsx("div", {
 								className: clsx("absolute bottom-full left-0 w-full outline-none", isDismissable ? "h-0" : "h-screen"),
@@ -282,7 +208,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 								className: "shrink-0",
 								style: { height: `${footerHeight + (isScrollable ? 0 : sheetMarginBottom)}px` }
 							}),
-							/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-surface-default-card" })
+							/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-background" })
 						]
 					}),
 					footer && /* @__PURE__ */ jsx(motion.div, {
@@ -290,7 +216,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 						initial: { opacity: 0 },
 						exit: { opacity: 0 },
 						ref: setFooterElement,
-						className: clsx("pointer-events-auto absolute z-overlay-above w-full bg-surface-default-background", "top-[calc(100dvh-var(--bottom-sheet-keyboard-inset,0))] left-0 translate-y-[calc(-100%-var(--scroll-position,0))]"),
+						className: clsx("pointer-events-auto absolute z-overlay-above w-full bg-background", "top-[calc(100dvh-var(--bottom-sheet-keyboard-inset,0))] left-0 translate-y-[calc(-100%-var(--scroll-position,0))]"),
 						children: footer
 					})
 				] })

package/dist/{BottomSheet.lazy-D9LCEo7s.d.ts → BottomSheet.lazy-C0_6p_UQ.d.ts}

@@ -1,4 +1,4 @@
-import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
+import { t as BottomSheetProps } from "./BottomSheet-C-jdDmO7.js";
 //#region src/components/overlays/BottomSheet/BottomSheet.lazy.d.ts
 declare const BottomSheet: ({ isOpen, onOpenChange, trigger, ...props }: BottomSheetProps) => import("react").JSX.Element;
 //#endregion

package/dist/{Breadcrumbs-CUV6CU8Q.d.ts → Breadcrumbs-CuupIZuv.d.ts}

@@ -1,4 +1,4 @@
-import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
+import { n as LinkNavigationProps } from "./Link-D0Kk3F5w.js";
 import { FC, SVGProps } from "react";
 import { Key } from "react-aria-components";
 //#region src/components/Breadcrumbs/Breadcrumbs.d.ts

package/dist/{Breadcrumbs-FF8hMfXd.js → Breadcrumbs-V-Bea_bs.js}

@@ -1,15 +1,15 @@
-import { t as DropdownMenuDesktop } from "./DropdownMenuDesktop-Cl9gZVq0.js";
+import { t as DropdownMenuDesktop } from "./DropdownMenuDesktop-BMkiHEuY.js";
+import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.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 { l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 } from "./Dialog-CKLkS00H.js";
-import { n as $984a1fc08f87e4f3$export$e2509388b49734e7, t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-FupWOW1f.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as Tooltip } from "./Tooltip-CpG1nz7Y.js";
-import { a as breadcrumbsDefinition, i as breadcrumbSegmentDefinition, n as breadcrumbIconDefinition, r as breadcrumbItemDefinition, t as breadcrumbChevronDefinition } from "./breadcrumbs.cva-7zzdDhVR.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
+import { m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 } from "./Dialog-lFYX-7Ax.js";
+import { n as $984a1fc08f87e4f3$export$e2509388b49734e7, t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-Chux-Clm.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { a as breadcrumbsDefinition, i as breadcrumbSegmentDefinition, n as breadcrumbIconDefinition, r as breadcrumbItemDefinition, t as breadcrumbChevronDefinition } from "./breadcrumbs.cva-DCAdmxWR.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { t as LinkContext } from "./link.context-J7aQtMOr.js";
 import $ahdqC$react, { createContext, forwardRef, useContext, useLayoutEffect, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
@@ -20,7 +20,7 @@ import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useBreadcrumbs } from "react-aria/useBreadcrumbs";
 import { Collection } from "react-aria/Collection";
 import { CollectionNode } from "react-aria/private/collections/BaseCollection";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Breadcrumbs.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Breadcrumbs.mjs
 const $65dbe90f868fa5f4$export$65596d3621b0a4a0 = /*#__PURE__*/ createContext(null);
 const $65dbe90f868fa5f4$export$2dc68d50d56fbbd = /*#__PURE__*/ forwardRef(function Breadcrumbs(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $65dbe90f868fa5f4$export$65596d3621b0a4a0);
@@ -48,7 +48,7 @@ const $65dbe90f868fa5f4$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ createLeafCompon
 	let isCurrent = node.nextKey == null;
 	let { isDisabled, onAction } = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($65dbe90f868fa5f4$export$65596d3621b0a4a0);
 	let linkProps = {
-		"aria-current": isCurrent ? "page" : null,
+		"aria-current": isCurrent ? "page" : void 0,
 		isDisabled: isDisabled || isCurrent,
 		onPress: () => onAction?.(node.key)
 	};
@@ -126,7 +126,7 @@ const Breadcrumbs = (t0) => {
 				icon: /* @__PURE__ */ jsx(item.icon, { "aria-label": item.label }),
 				className: breadcrumbIconCva({})
 			}), !iconOnly_0 && /* @__PURE__ */ jsx(Typography, {
-				size: "small",
+				size: "body",
 				children: item.label
 			})]
 		});
@@ -148,7 +148,7 @@ const Breadcrumbs = (t0) => {
 						isEllipsis: true
 					}),
 					children: /* @__PURE__ */ jsx(Typography, {
-						size: "small",
+						size: "body",
 						children: "..."
 					})
 				})
@@ -188,6 +188,7 @@ const Breadcrumbs = (t0) => {
 		if ($[19] !== t9) {
 			t10 = /* @__PURE__ */ jsx(IconSlot, {
 				icon: ChevronRight,
+				scale: .875,
 				className: t9
 			});
 			$[19] = t9;
@@ -223,6 +224,7 @@ const Breadcrumbs = (t0) => {
 		if ($[30] !== t14) {
 			t15 = /* @__PURE__ */ jsx(IconSlot, {
 				icon: ChevronRight,
+				scale: .875,
 				className: t14
 			});
 			$[30] = t14;
@@ -291,6 +293,7 @@ const Breadcrumbs = (t0) => {
 				const { isCurrent: isCurrent_0 } = t9;
 				return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(IconSlot, {
 					icon: ChevronRight,
+					scale: .875,
 					className: breadcrumbChevronCva({})
 				})] });
 			}

package/dist/Button-BL5ils-5.d.ts

@@ -0,0 +1,13 @@
+import { r as ButtonProps$1, t as ButtonSharedProps } from "./ButtonBase-C_ODj77A.js";
+//#region src/components/buttons/Button/Button.d.ts
+/** A text action, optionally accompanied by icons. Use ToggleButton for persistent selection. */
+type ButtonProps = ButtonSharedProps & ButtonProps$1 & {
+  toggle?: never;
+  iconOnly?: never;
+  isSelected?: never;
+  defaultSelected?: never;
+  onChange?: never;
+};
+declare const Button: (props: ButtonProps) => import("react").JSX.Element;
+//#endregion
+export { ButtonProps as n, Button as t };

package/dist/{Button-D6KlWSFL.js → Button-C1YB5dOw.js}

@@ -1,4 +1,4 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
 import $ahdqC$react, { createContext, useEffect, useRef } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
@@ -10,10 +10,10 @@ import "react-stately/private/utils/number";
 import { announce } from "react-aria/private/live-announcer/LiveAnnouncer";
 import { useButton } from "react-aria/useButton";
 import { useId as useId$1 } from "react-aria/useId";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ProgressBar.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ProgressBar.mjs
 const $6c0095e7e99364f2$export$e9f3bf65a26ce129 = /*#__PURE__*/ createContext(null);
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Button.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Button.mjs
 const $7705c033048f6da7$export$24d547caef80ccd1 = /*#__PURE__*/ createContext({});
 const $7705c033048f6da7$export$353f5b6fc5456de1 = /*#__PURE__*/ createHideableComponent(function Button(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $7705c033048f6da7$export$24d547caef80ccd1);

package/dist/Button-DU1Q8GDB.js

@@ -0,0 +1,16 @@
+import { t as ButtonBase } from "./ButtonBase-BhlpPPDi.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/buttons/Button/Button.tsx
+const Button = (props) => {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(ButtonBase, { ...props });
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+};
+//#endregion
+export { Button as t };

package/dist/ButtonBase-BhlpPPDi.js

@@ -0,0 +1,87 @@
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-Chux-Clm.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-DUQ8nwKY.js";
+import { t as LinkContext } from "./link.context-J7aQtMOr.js";
+import { t as ButtonContent } from "./ButtonContent-BBup-vN6.js";
+import { a as buttonTypography, i as buttonSizeDefinition, n as buttonDefinition, r as buttonIconSizeDefinition, t as buttonContentDefinition } from "./button.cva-fkUW5b2d.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/buttons/shared/ButtonBase.tsx
+const getContentIconPosition = ({ icon, startIcon, endIcon, iconPosition }) => {
+	if (startIcon || !endIcon && icon && iconPosition !== "right") return "left";
+	if (endIcon || icon) return "right";
+	return "none";
+};
+const ButtonBase = ({ behavior = "action", icon: Icon, startIcon, endIcon, iconPosition, children, isLoading: isLoadingProp, loading, className, link, iconClassName, noDisableWhenLoading, disableWhileLoading, contentRef, variant: variantProp, size: sizeProp, width: widthProp, fullWidth, ...props }) => {
+	const linkContext = LinkContext.useLinkContext();
+	const uiConfig = UIConfig.useConfig();
+	const variant = variantProp ?? uiConfig.button.variant;
+	const size = sizeProp ?? uiConfig.button.size;
+	const width = fullWidth ? "fill" : widthProp;
+	const isLoading = isLoadingProp ?? loading;
+	const shouldDisableWhileLoading = disableWhileLoading ?? !noDisableWhenLoading;
+	const contentIconPosition = getContentIconPosition({
+		icon: Icon,
+		startIcon,
+		endIcon,
+		iconPosition
+	});
+	const buttonCva = UIOverrides.useCva("button.cva", buttonDefinition);
+	const buttonSizeCva = UIOverrides.useCva("button.sizeCva", buttonSizeDefinition);
+	const buttonContentCva = UIOverrides.useCva("button.contentCva", buttonContentDefinition);
+	const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
+	const typographyMap = UIOverrides.useMapper("button.typography", buttonTypography);
+	const Component = (() => {
+		if (link) return linkContext?.LinkComponent ?? $984a1fc08f87e4f3$export$a6c7ac8248d6e38a;
+		if (behavior === "toggle") return $75afe627ae0cc0fa$export$d2b052e7b4be1756;
+		return $7705c033048f6da7$export$353f5b6fc5456de1;
+	})();
+	if (link && !link.to && link.href) link.to = link.href;
+	return /* @__PURE__ */ jsx(Component, {
+		...props,
+		...link,
+		isDisabled: props.isDisabled || isLoading && shouldDisableWhileLoading,
+		className: clsx(buttonCva({
+			...props,
+			variant,
+			size,
+			width,
+			className
+		}), buttonSizeCva({
+			...props,
+			variant,
+			size,
+			iconPosition: contentIconPosition
+		}), buttonContentCva({
+			...props,
+			variant,
+			size,
+			iconPosition: contentIconPosition
+		})),
+		children: /* @__PURE__ */ jsx(ButtonContent, {
+			ref: contentRef,
+			isLoading,
+			icon: Icon,
+			startIcon,
+			endIcon,
+			content: children,
+			hideText: props.iconOnly,
+			iconPosition,
+			iconClassName: buttonIconSizeCva({
+				...props,
+				variant,
+				size,
+				className: iconClassName
+			}),
+			typography: typographyMap({
+				...props,
+				variant,
+				size
+			})
+		})
+	});
+};
+//#endregion
+export { ButtonBase as t };

package/dist/ButtonBase-C_ODj77A.d.ts

@@ -0,0 +1,32 @@
+import { n as LinkNavigationProps } from "./Link-D0Kk3F5w.js";
+import { n as ButtonVariantProps } from "./button.cva-YpNNY6C-.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-CxgT-rxJ.js";
+import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
+import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1 } from "react-aria-components";
+//#region src/components/buttons/shared/ButtonBase.d.ts
+type ButtonIconProps = {
+  icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+};
+type ButtonAppearanceProps = Omit<ButtonVariantProps, "width"> & {
+  /** Standard boolean alternative to `width="fill"`. */
+  fullWidth?: boolean;
+  width?: ButtonVariantProps["width"];
+};
+type ButtonSharedProps = ButtonAppearanceProps & Omit<ButtonContentVariantProps, "size"> & ButtonIconProps & {
+  children: ReactNode;
+  ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
+  isLoading?: boolean;
+  /** Standard alias for `isLoading`. */
+  loading?: boolean;
+  link?: LinkNavigationProps;
+  /** Prefer this positive form over `noDisableWhenLoading`. */
+  disableWhileLoading?: boolean;
+  noDisableWhenLoading?: boolean;
+  iconClassName?: string;
+  contentRef?: Ref<HTMLElement>;
+  /** Standard icon placement props. `icon` and `iconPosition` remain supported. */
+  startIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  endIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+};
+//#endregion
+export { ToggleButtonProps$1 as n, ButtonProps$1 as r, ButtonSharedProps as t };

package/dist/{ButtonContent-c7lJayVQ.js → ButtonContent-BBup-vN6.js}

@@ -1,8 +1,8 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
-import { t as Spinner } from "./Spinner-BeVTUzzx.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { t as typographyDefinition } from "./typography.cva-CXolEQdT.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/shared/buttonContent.cva.ts
@@ -18,15 +18,6 @@ const buttonContentLabel = cva("hyphens-auto md:truncate", {
 			false: ""
 		}
 	},
-	compoundVariants: [{
-		iconPosition: "left",
-		hideText: false,
-		className: "mr-button-side-button-content"
-	}, {
-		iconPosition: "right",
-		hideText: false,
-		className: "ml-button-side-button-content"
-	}],
 	defaultVariants: {
 		iconPosition: "none",
 		hideText: false
@@ -86,7 +77,7 @@ const ButtonContent = (t0) => {
 	if ($[9] !== endIconElement || $[10] !== hideText || $[11] !== startIconOrLoader || $[12] !== typographyCva || $[13] !== typographyOverrides) {
 		const resolvedTypography = {
 			size: "small",
-			className: "font-bold",
+			className: "font-medium",
 			...typographyOverrides
 		};
 		t4 = startIconOrLoader;