@povio/ui 5.0.0-rc.3 → 5.0.0-rc.4

package/README.md

@@ -26,7 +26,7 @@ The broad `@povio/ui`, `@povio/ui/rhf`, and `@povio/ui/tanstack` entries remain
 
 Feature dependencies are optional peers. Install the matching packages when using date/calendar entries, `@povio/ui/tanstack/table`, RHF/TanStack Form inputs, or the rich text editor. Basic components such as Button, Typography, and Dialog do not require table, drag-and-drop, calendar, or TipTap packages.
 
-React Aria is an internal `@povio/ui` dependency and does not need to be installed separately. Povio component entries include the React Aria implementation they use. Component-scoped escape-hatch entries expose only the corresponding React Aria primitive and its types for custom implementations:
+React Aria is an internal `@povio/ui` dependency and does not need to be installed separately. The build keeps `react-aria` and all its subpaths external so providers and Povio components share the installed module contexts. Component-scoped escape-hatch entries expose only the corresponding React Aria primitive and its types for custom implementations:
 
 ```tsx
 import { Link, type LinkProps } from "@povio/ui/link/react-aria";
@@ -56,7 +56,7 @@ import { uiConfigurator } from "@povio/ui/ui-configurator/vite";
 uiConfigurator({ themeFile: "src/styles/theme.css" });
 ```
 
-The path defaults to `src/styles/theme.css` relative to this app's Vite root. **Export → Tailwind CSS → Save theme** updates that file's token declarations and lets Vite reload the CSS. Each app writes only its own configured theme. Apply remains session-only; Cancel does not undo a file save. The plugin and save action are absent from builds and preview servers. See [the configurator guide](./src/configurator/README.md) for provider setup, preview behavior, and supported theme blocks.
+The path defaults to `src/styles/theme.css` relative to this app's Vite root. **Advanced → Export → Tailwind CSS → Save theme** updates that file's token declarations and lets Vite reload the CSS. Each app writes only its own configured theme. Apply remains session-only; Cancel does not undo a file save. The plugin and save action are absent from builds and preview servers. See [the configurator guide](./src/configurator/README.md) for provider setup, preview behavior, and supported theme blocks.
 
 ## Button sizes
 
@@ -72,6 +72,10 @@ Inputs support `size="small"` and `default`. Omit `size` for the default. This a
 
 Replace `size="extra-small"` with `size="small"`, and remove `size="large"` or `size="default"` to use the default. Small and default retain their existing spacing.
 
+## Built-package tests
+
+From `packages/ui`, run `bun run test:package` to build the publishable package and run its Chromium regressions. The tests resolve public imports through `dist/package.json`, covering both date pickers with empty and populated values in static and editable modes, including locale switches without remounting.
+
 ## Versioning
 
 `^2.1` still corresponds to Atlas 2.1. All versions after that currently target Atlas 2.2 and follow semantic versioning — breaking changes bump the major version.

package/dist/{Breadcrumbs-CbKzAq1v.js → Breadcrumbs-FF8hMfXd.js}

@@ -7,7 +7,7 @@ import { l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$
 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-B9DKcYvr.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 LinkContext } from "./link.context-J7aQtMOr.js";

package/dist/{Calendar-CVSQH-rC.js → Calendar-BTjajO6i.js}

@@ -2,154 +2,24 @@ import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.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-CX6NYim4.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-BLBcySA2.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 $23f2114a1b82827e$export$4282f70798064fe0 } from "./useLayoutEffect-B2-1tbPJ.js";
-import { a as $390e54f620492c70$export$f680877a34711e37, r as $bbaa08b3cd72f041$export$9d1611c77c2fe928 } from "./useSyncRef-RGMv0rXK.js";
-import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, m as $cf2482eff2eeeec2$export$f12b703ca79dfbb1, r as $fd2148440a13ec26$export$fc1a364ae1f3ff10, s as $2c9edc598a03d523$export$420e68273165f4ec } from "./useFormValidationState-D3z-gafz.js";
-import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { C as $0014db39426443c5$exports, S as $6a440d0e2d99dd46$export$4a931266a3838b86, f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, v as $7541913c0284d84b$export$300019f83c56d282, w as $121970af65029459$export$f8aeda7b10753fa1 } from "./staticDateTimeSegments-CsCE9Buo.js";
-import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CO9oJ1sc.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 { n as TimePickerForm } from "./datePickerValue.utils-CUzkWie8.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 { 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 { privateValidationStateProp } from "react-stately/private/form/useFormValidationState";
 import { useCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-aria@3.52.1+67f6792bdf102c28/node_modules/react-aria/dist/private/datepicker/useDatePicker.mjs
-function $parcel$interopDefault(a) {
-	return a && a.__esModule ? a.default : a;
-}
-function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
-	let buttonId = $390e54f620492c70$export$f680877a34711e37();
-	let dialogId = $390e54f620492c70$export$f680877a34711e37();
-	let fieldId = $390e54f620492c70$export$f680877a34711e37();
-	let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault($0014db39426443c5$exports), "@react-aria/datepicker");
-	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
-	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $191c9b6d48a0a4e2$export$294aa081a6c6f55d({
-		...props,
-		labelElementType: "span",
-		isInvalid,
-		errorMessage: props.errorMessage || validationErrors
-	});
-	let groupProps = $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref);
-	let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
-	let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-	let date = state.formatValue(locale, { month: "long" });
-	let description = date ? stringFormatter.format("selectedDateDescription", { date }) : "";
-	let descProps = $121970af65029459$export$f8aeda7b10753fa1(description);
-	let ariaDescribedBy = [descProps["aria-describedby"], fieldProps["aria-describedby"]].filter(Boolean).join(" ") || void 0;
-	let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props);
-	let focusManager = useMemo(() => $535772f9d2c1f38d$export$c5251b9e124bf29(ref), [ref]);
-	let isFocused = useRef(false);
-	let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
-		...props,
-		isDisabled: state.isOpen,
-		onBlurWithin: (e) => {
-			let dialog = document.getElementById(dialogId);
-			if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog, e.relatedTarget)) {
-				isFocused.current = false;
-				props.onBlur?.(e);
-				props.onFocusChange?.(false);
-			}
-		},
-		onFocusWithin: (e) => {
-			if (!isFocused.current) {
-				isFocused.current = true;
-				props.onFocus?.(e);
-				props.onFocusChange?.(true);
-			}
-		}
-	});
-	return {
-		groupProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-			role: "group",
-			"aria-disabled": props.isDisabled || null,
-			"aria-labelledby": labelledBy,
-			"aria-describedby": ariaDescribedBy,
-			onKeyDown(e) {
-				if (state.isOpen) return;
-				if (props.onKeyDown) props.onKeyDown(e);
-			},
-			onKeyUp(e) {
-				if (state.isOpen) return;
-				if (props.onKeyUp) props.onKeyUp(e);
-			}
-		}),
-		labelProps: {
-			...labelProps,
-			onClick: () => {
-				focusManager.focusFirst();
-			}
-		},
-		fieldProps: {
-			...fieldProps,
-			id: fieldId,
-			[$7541913c0284d84b$export$300019f83c56d282]: "presentation",
-			"aria-describedby": ariaDescribedBy,
-			value: state.value,
-			defaultValue: state.defaultValue,
-			onChange: state.setValue,
-			placeholderValue: props.placeholderValue,
-			hideTimeZone: props.hideTimeZone,
-			hourCycle: props.hourCycle,
-			shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-			granularity: props.granularity,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isRequired: props.isRequired,
-			validationBehavior: props.validationBehavior,
-			[privateValidationStateProp]: state,
-			autoFocus: props.autoFocus,
-			name: props.name,
-			form: props.form
-		},
-		descriptionProps,
-		errorMessageProps,
-		buttonProps: {
-			...descProps,
-			id: buttonId,
-			"aria-haspopup": "dialog",
-			"aria-label": stringFormatter.format("calendar"),
-			"aria-labelledby": `${buttonId} ${labelledBy}`,
-			"aria-describedby": ariaDescribedBy,
-			"aria-expanded": state.isOpen,
-			isDisabled: props.isDisabled || props.isReadOnly,
-			onPress: () => state.setOpen(true)
-		},
-		dialogProps: {
-			id: dialogId,
-			"aria-labelledby": `${buttonId} ${labelledBy}`
-		},
-		calendarProps: {
-			autoFocus: true,
-			value: state.dateValue,
-			onChange: state.setDateValue,
-			minValue: props.minValue,
-			maxValue: props.maxValue,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isDateUnavailable: props.isDateUnavailable,
-			defaultFocusedValue: state.dateValue ? void 0 : props.placeholderValue,
-			isInvalid: state.isInvalid,
-			errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" "),
-			firstDayOfWeek: props.firstDayOfWeek,
-			pageBehavior: props.pageBehavior
-		},
-		isInvalid,
-		validationErrors,
-		validationDetails
-	};
-}
-//#endregion
 //#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
 function $28aae683a942e141$export$87194bb378cc3ac2(props) {
 	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
@@ -758,4 +628,4 @@ const Calendar = ({ showWeekNumbers, className, includesTime, datePickerState, h
 	});
 };
 //#endregion
-export { $6902a2bb26917a07$export$42df105a73306d51 as i, useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };
+export { useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };

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

@@ -1,5 +1,5 @@
 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-usHsolNj.js";
+import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-CpC3wlMs.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";

package/dist/{CheckboxCheckmark-usHsolNj.js → CheckboxCheckmark-CpC3wlMs.js}

@@ -175,4 +175,4 @@ const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Ch
 	});
 };
 //#endregion
-export { checkboxDefinition as a, checkboxIndicatorClass as c, checkboxContentWrapperDefinition as i, checkboxTypography as l, checkboxContentClassName as n, checkboxGroupLabelDefinition as o, checkboxContentRowDefinition as r, checkboxIconDefinition as s, CheckboxCheckmark as t };
+export { checkboxDefinition as a, checkboxIndicatorClass as c, checkboxContentWrapperDefinition as i, checkboxTypography as l, checkboxContentClassName as n, checkboxGroupLabelDefinition as o, checkboxContentRowDefinition as r, checkboxIconDefinition as s, CheckboxCheckmark as t, Minus as u };