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

package/dist/{Badge-CBNpj823.d.ts → Badge-C4HI9XX4.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-B8EQLwPv.js";
+import { n as TypographyProps } from "./Typography-D2FfZr7a.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-h3MeQYcp.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-B8EQLwPv.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-DG-4lRz4.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-BQXSdxoX.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
+import { t as TypographyVariantProps } from "./typography.cva-GpC6QQNx.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-z5brMtDt.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-CT9EVqC5.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);

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

@@ -1,4 +1,4 @@
-import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
+import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.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-FF8hMfXd.js → Breadcrumbs-AbUBqBTq.js}

@@ -1,14 +1,14 @@
-import { t as DropdownMenuDesktop } from "./DropdownMenuDesktop-Cl9gZVq0.js";
+import { t as DropdownMenuDesktop } from "./DropdownMenuDesktop-nMoCa6N5.js";
+import { t as Tooltip } from "./Tooltip-CMigoyri.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 { 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-DPwJJK_D.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { t as LinkContext } from "./link.context-J7aQtMOr.js";
 import $ahdqC$react, { createContext, forwardRef, useContext, useLayoutEffect, useRef, useState } from "react";
@@ -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)
 	};

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

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

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-DER_6cxv.js

@@ -0,0 +1,16 @@
+import { t as ButtonBase } from "./ButtonBase-CeFSNcVs.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/Button-f7FPTaiN.d.ts

@@ -0,0 +1,13 @@
+import { r as ButtonProps$1, t as ButtonSharedProps } from "./ButtonBase-CYTFS-xK.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/ButtonBase-CYTFS-xK.d.ts

@@ -0,0 +1,32 @@
+import { n as LinkNavigationProps } from "./Link-Bw2m9W4B.js";
+import { n as ButtonVariantProps } from "./button.cva-CBckM91c.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-DG-4lRz4.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/ButtonBase-CeFSNcVs.js

@@ -0,0 +1,86 @@
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.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-c7lJayVQ.js";
+import { a as buttonTypography, i as buttonSizeDefinition, n as buttonDefinition, r as buttonIconSizeDefinition, t as buttonContentDefinition } from "./button.cva-vO0fPUTn.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
+		}), 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/{Calendar-BTjajO6i.js → Calendar-DRQ536wk.js}

@@ -1,26 +1,27 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
+import { n as ChevronUp, r as ChevronLeft } from "./Tooltip-CMigoyri.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
-import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
-import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-BLBcySA2.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-Cs9RwZfy.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CL8Ar4Q_.js";
-import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-BW1ensey.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.js";
+import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-DUQ8nwKY.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { BadgeButton } from "./components/badge-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
-import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
-import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-CLDS_LRZ.js";
-import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-DtU63_dw.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-DCgoSrP3.js";
+import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-DYarfm5F.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import "./i18n-BjNKHh_D.js";
+import { n as TimePickerForm } from "./datePickerValue.utils-OAQBDk1R.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDateTime, DateFormatter, Time, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { useCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
+import { useTranslation } from "react-i18next";
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
 function $28aae683a942e141$export$87194bb378cc3ac2(props) {
 	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
 	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
@@ -132,6 +133,7 @@ const getTimeFormatterDate = (timeValue, timeZone) => {
 	return new CalendarDateTime(2e3, 1, 1, timeValue.hour, timeValue.minute).toDate(timeZone);
 };
 const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextButtonProps, includesTime, isTimeOptional, hourCycle, granularity = "day", toggleState, setToggleState }) => {
+	const { t } = useTranslation("ui");
 	const formatter = $1697a7ad3db7b79f$re_export$useDateFormatter({
 		month: "long",
 		timeZone: calendarState.timeZone
@@ -161,11 +163,12 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
 					children: /* @__PURE__ */ jsx(IconSlot, {
 						icon: ChevronLeft,
-						className: "text-interactive-primary-background"
+						className: "text-interactive-subtle-primary-foreground"
 					})
 				})
 			}),
 			/* @__PURE__ */ jsxs($bc25b811ec97a172$export$40258cc1d95ff477, {
+				"aria-label": t(($) => $.ui.datePicker.calendarNavigation),
 				className: "flex gap-2",
 				children: [
 					granularity !== "year" && /* @__PURE__ */ jsx(BadgeButton, {
@@ -232,7 +235,7 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
 					children: /* @__PURE__ */ jsx(IconSlot, {
 						icon: ChevronRight,
-						className: "text-interactive-primary-background"
+						className: "text-interactive-subtle-primary-foreground"
 					})
 				})
 			})
@@ -312,7 +315,7 @@ const MonthPicker = ({ state, onSelectionChange, onDateChange, onCommit, selecte
 					if (monthNumber !== selectedMonth) return;
 					onCommit?.();
 				},
-				className: clsx("flex items-center justify-center text-surface-default-foreground", "rounded-button-rounding-default border border-border-default-subtle border-solid bg-surface-default-card", "not-selected:not-disabled:hover:text-state-surface-default-foreground/hover", "selected:border-interactive-primary-background selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex items-center justify-center text-content-secondary", "rounded-button-rounding-default border border-border-default-subtle border-solid bg-surface-default-card", "not-selected:not-disabled:hover:text-state-content-secondary/hover", "selected:border-interactive-primary-background selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
 					size: "small",
@@ -446,7 +449,7 @@ const YearPicker = ({ state, onSelectionChange, onDateChange, onCommit, selected
 					if (index !== selectedYearIndex) return;
 					onCommit?.();
 				},
-				className: clsx("flex px-4 py-2 text-surface-default-foreground outline-none", "border-border-default-subtle border-b border-solid bg-surface-default-card last:border-b-0", "not-selected:not-disabled:hover:text-state-surface-default-foreground/hover", "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus-visible:bg-state-interactive-primary-background/focus focus-visible:text-interactive-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex px-4 py-2 text-content-secondary outline-none", "border-border-default-subtle border-b border-solid bg-surface-default-card last:border-b-0", "not-selected:not-disabled:hover:text-state-content-secondary/hover", "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus-visible:bg-state-interactive-primary-background/focus focus-visible:text-interactive-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
 					size: "small",
@@ -571,6 +574,7 @@ const Calendar = ({ showWeekNumbers, className, includesTime, datePickerState, h
 			});
 			return /* @__PURE__ */ jsx(CalendarGrid, {
 				showWeekNumbers,
+				firstDayOfWeek: props.calendarProps.firstDayOfWeek,
 				state: props.state,
 				onApply: handleDateChange,
 				onDoubleClickApply: !includesTime ? onApply : void 0,

package/dist/{Checkbox-CV1ILXXO.js → Checkbox-BI3DQPLa.js}

@@ -1,15 +1,15 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-CpC3wlMs.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-BzT6MwH5.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
-import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
-import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-DlQcyN1f.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormFieldError } from "./FormFieldError-DeOHHLo2.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
+import { c as checkboxTypography, s as checkboxIndicatorClass, t as checkboxContentClassName } from "./checkbox.cva-D-D9Qgaf.js";
+import { t as FormFieldError } from "./FormFieldError-Bqjg9cMb.js";
 import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -23,7 +23,7 @@ import { useCheckboxGroup, useCheckboxGroupItem } from "react-aria/useCheckboxGr
 import { useCheckbox } from "react-aria/useCheckbox";
 import { useCheckboxGroupState } from "react-stately/useCheckboxGroupState";
 import { useToggleState } from "react-stately/useToggleState";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Checkbox.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Checkbox.mjs
 const $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ createContext(null);
 const $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ createContext(null);
 const $ed8ccb2e23e76301$export$139c5b8563afc1fc = /*#__PURE__*/ createContext(null);
@@ -161,7 +161,12 @@ const CheckboxBase = (props) => {
 	const variant = variantProp ?? ui.checkbox.variant;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const fireBlurOnChange = fireBlurOnChangeProp ?? ui.checkbox.fireBlurOnChange;
+	const accessibility = useFieldAccessibility({
+		describedBy: rest["aria-describedby"],
+		error: hideError ? void 0 : error
+	});
 	const formFieldErrorProps = {
+		id: accessibility.errorMessageId,
 		error,
 		isDisabled: resolvedIsDisabled
 	};
@@ -174,8 +179,9 @@ const CheckboxBase = (props) => {
 		isDisabled: resolvedIsDisabled,
 		isInvalid: !!error,
 		isRequired,
-		"aria-label": hideLabel && typeof children === "string" ? children : void 0,
-		"aria-errormessage": error || void 0,
+		"aria-label": rest["aria-label"] ?? (!rest["aria-labelledby"] && hideLabel && typeof children === "string" ? children : void 0),
+		"aria-describedby": accessibility.describedBy,
+		"aria-errormessage": rest["aria-errormessage"] ?? accessibility.errorMessageId,
 		"data-is-dirty": props.isDirty || void 0,
 		"data-is-required": props.isRequired || void 0,
 		onChange: handleChange,
@@ -198,30 +204,7 @@ const CheckboxBase = (props) => {
 		})]
 	}), !hideError && /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
 };
-const CheckboxComponent = (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, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				isSelected: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur();
-				},
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
-};
+const CheckboxComponent = (props) => /* @__PURE__ */ jsx(CheckboxBase, { ...props });
 const Checkbox = memo(CheckboxComponent);
 //#endregion
 export { CheckboxBase as n, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as r, Checkbox as t };

package/dist/{Checkbox-DVTWaMKa.d.ts → Checkbox-CCvC7OVT.d.ts}

@@ -1,7 +1,5 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-t1Ox50hy.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
 import { ComponentType, ReactNode, Ref, SVGProps } from "react";
 import { CheckboxProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/Checkbox.d.ts
@@ -18,9 +16,12 @@ interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, O
   labelClassName?: string;
 }
 declare const CheckboxBase: (props: CheckboxBaseProps) => import("react").JSX.Element;
-type CheckboxProps$1 = CheckboxBaseProps;
-type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps$1, TFieldValues, "isSelected">;
-declare const CheckboxComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react").JSX.Element;
-declare const Checkbox: typeof CheckboxComponent;
+type CheckboxProps$1 = CheckboxBaseProps & {
+  field?: never;
+};
+declare const CheckboxComponent: (props: CheckboxProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const Checkbox: import("react").MemoExoticComponent<typeof CheckboxComponent>;
 //#endregion
-export { ControlledCheckboxProps as a, CheckboxProps$1 as i, CheckboxBase as n, CheckboxBaseProps as r, Checkbox as t };
+export { CheckboxProps$1 as a, CheckboxComponent as i, CheckboxBase as n, CheckboxBaseProps as r, Checkbox as t };

package/dist/Checkbox.bound-CMZnF2_d.js

@@ -0,0 +1,33 @@
+import { n as CheckboxBase } from "./Checkbox-BI3DQPLa.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/Checkbox/Checkbox.bound.tsx
+const CheckboxComponent = (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(CheckboxBase, {
+			...innerProps,
+			fireBlurOnChange: false,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			isSelected: field.value ?? false,
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const Checkbox = memo(CheckboxComponent);
+//#endregion
+export { Checkbox as t };

package/dist/Checkbox.bound-DBt33Inx.d.ts

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