ropav 0.3.0 → 0.4.0

package/dist/composables/use-menu.d.ts

@@ -1,12 +1,20 @@
-import type { CollectionKey } from "./use-collection";
-import type { FocusStrategy } from "./use-overlay-trigger-state";
-import type { CollectionSelection, DisabledBehavior, SelectionBehavior, SelectionMode } from "./use-selection-manager";
+import type { CollectionKey } from "./use-collection.js";
+import type { FocusStrategy } from "./use-overlay-trigger-state.js";
+import type { CollectionSelection, DisabledBehavior, SelectionBehavior, SelectionMode } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter, ShallowRef } from "vue";
 export interface UseMenuOptions {
     /** Overrides the menu's id, which a trigger's `aria-controls` points at. */
     id?: MaybeRefOrGetter<string | undefined>;
     /** The id of the element naming the menu, normally the trigger. */
     labelledBy?: MaybeRefOrGetter<string | undefined>;
+    /**
+     * Names the menu when there is no element to point `labelledBy` at.
+     *
+     * A menu inside a trigger is named by it and never needs this; a menu standing on its own has
+     * nothing to borrow a name from, and a name is not something axe checks for `role="menu"` — so
+     * without a string to pass, a standalone menu ships unnamed and nothing says so.
+     */
+    label?: MaybeRefOrGetter<string | undefined>;
     selectionMode?: MaybeRefOrGetter<SelectionMode | undefined>;
     selectionBehavior?: MaybeRefOrGetter<SelectionBehavior | undefined>;
     selectedKeys?: MaybeRefOrGetter<"all" | Iterable<CollectionKey> | undefined>;
@@ -33,6 +41,8 @@ export interface UseMenuReturn {
     collectionId: ComputedRef<string>;
     /** Attributes the menu element renders, beside its own class and `data-slot`. */
     menuAttributes: ComputedRef<Record<string, string | number | boolean | undefined>>;
+    /** Attributes the wrapper around the empty slot renders. */
+    emptyAttributes: ComputedRef<Record<string, string | number | boolean | undefined>>;
     onKeydown: (event: KeyboardEvent) => void;
     onKeydownCapture: (event: KeyboardEvent) => void;
     onFocusin: (event: FocusEvent) => void;

package/dist/composables/use-menu.js

@@ -84,8 +84,30 @@ var useMenu = (options = {}) => {
 	return {
 		collectionId,
 		element,
+		/**
+		* The empty slot is a disabled item of the menu, not a bare wrapper inside it.
+		*
+		* `role="menu"` may only own `menuitem`, `menuitemradio`, `menuitemcheckbox` or `group`, and
+		* the empty state's content is the caller's, carrying no role at all. A `presentation` wrapper
+		* does not help: it flattens out of the tree, so what the menu ends up owning is that content
+		* — which is why the virtualizer's `presentation` wrapper is fine and this one was not. It
+		* holds real items; this holds prose.
+		*
+		* Measured against axe: `presentation`, `none`, `status`, `group` alone and a bare `div` all
+		* fail, while a disabled `menuitem` passes — and so does a menu with no children whatsoever. It
+		* is the unallowed child that breaks it rather than the missing item.
+		*
+		* A disabled item is also the truer reading. The menu still is a menu, it has one thing in it,
+		* and that thing says there is nothing to choose and cannot be chosen. It never registers with
+		* the collection, so the keyboard never reaches it either.
+		*/
+		emptyAttributes: computed(() => ({
+			"aria-disabled": true,
+			role: "menuitem"
+		})),
 		isEmpty: computed(() => collection.size.value === 0),
 		menuAttributes: computed(() => ({
+			"aria-label": toValue(options.label),
 			"aria-labelledby": toValue(options.labelledBy),
 			"data-collection": collectionId.value,
 			"data-empty": collection.size.value === 0 ? "true" : void 0,

package/dist/composables/use-modal-overlay.d.ts

@@ -1,4 +1,4 @@
-import type { PageSize, ViewportSize } from "./use-viewport-size";
+import type { PageSize, ViewportSize } from "./use-viewport-size.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseModalOverlayOptions {
     /**

package/dist/composables/use-move.d.ts

@@ -1,4 +1,4 @@
-import type { PointerType } from "./use-press";
+import type { PointerType } from "./use-press.js";
 /** The modifier state every move event carries over from the event that produced it. */
 interface ModifierKeys {
     shiftKey: boolean;

package/dist/composables/use-number-field-state.d.ts

@@ -1,4 +1,4 @@
-import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state";
+import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 import { NumberParser } from "@internationalized/number";
 /**

package/dist/composables/use-number-field.d.ts

@@ -1,6 +1,6 @@
-import type { FieldIdsContext } from "./use-field-ids";
-import type { NumberFieldCommitBehavior, NumberFieldState, UseNumberFieldStateOptions } from "./use-number-field-state";
-import type { SpinStepperHandlers } from "./use-spin-button";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { NumberFieldCommitBehavior, NumberFieldState, UseNumberFieldStateOptions } from "./use-number-field-state.js";
+import type { SpinStepperHandlers } from "./use-spin-button.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** What a stepper button gets from the field, kept apart from its listeners. */
 export interface NumberFieldStepper {

package/dist/composables/use-number-field.js

@@ -9,7 +9,7 @@ import { useNumberFieldState } from "./use-number-field-state.js";
 import { useFormattedTextField } from "./use-formatted-text-field.js";
 import { useScrollWheel } from "./use-scroll-wheel.js";
 import { useSpinButton } from "./use-spin-button.js";
-import { computed, nextTick, shallowRef, toValue, watch } from "vue";
+import { computed, shallowRef, toValue, watch } from "vue";
 import { NumberFormatter } from "@internationalized/number";
 //#region src/composables/use-number-field.ts
 /** A number input kept off-document, used only to borrow the browser's range validation. */
@@ -128,10 +128,7 @@ var useNumberField = (options = {}) => {
 		setInputValue: state.setInputValue,
 		validate: state.validate
 	});
-	useFormReset(element, () => state.defaultNumberValue.value, (value) => {
-		state.setNumberValue(value);
-		nextTick(reassert);
-	});
+	useFormReset(element, () => state.defaultNumberValue.value, state.setNumberValue);
 	/**
 	* Range validation borrowed from a real number input.
 	*

package/dist/composables/use-overlay-position.d.ts

@@ -1,4 +1,4 @@
-import type { Placement, PlacementAxis } from "../utils/position";
+import type { Placement, PlacementAxis } from "../utils/position.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseOverlayPositionOptions {
     /** The element the overlay is positioned against. */

package/dist/composables/use-overlay-trigger-state.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionKey } from "./use-collection";
+import type { CollectionKey } from "./use-collection.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** Which end of a collection receives focus when an overlay opens. */
 export type FocusStrategy = "first" | "last";

package/dist/composables/use-overlay-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { OverlayTriggerState } from "./use-overlay-trigger-state";
+import type { OverlayTriggerState } from "./use-overlay-trigger-state.js";
 import type { ComputedRef } from "vue";
 /** What the trigger opens, which decides how `aria-haspopup` is announced. */
 export type OverlayType = "dialog" | "menu" | "listbox" | "tree" | "grid";

package/dist/composables/use-radio-group-state.d.ts

@@ -1,4 +1,4 @@
-import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state";
+import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseRadioGroupStateOptions {
     /** Selected value. Makes the group controlled. */

package/dist/composables/use-range-calendar-state.d.ts

@@ -1,5 +1,5 @@
-import type { DateRange, RangeCalendarLikeState } from "./use-calendar";
-import type { UseCalendarStateOptions } from "./use-calendar-state";
+import type { DateRange, RangeCalendarLikeState } from "./use-calendar.js";
+import type { UseCalendarStateOptions } from "./use-calendar-state.js";
 import type { CalendarDate, DateValue } from "@internationalized/date";
 import type { MaybeRefOrGetter } from "vue";
 export interface UseRangeCalendarStateOptions extends Omit<UseCalendarStateOptions, "defaultValue" | "isDateUnavailable" | "onChange" | "selectionMode" | "value"> {

package/dist/composables/use-range-calendar.d.ts

@@ -1,5 +1,5 @@
-import type { UseCalendarOptions, UseCalendarReturn } from "./use-calendar";
-import type { RangeCalendarState } from "./use-range-calendar-state";
+import type { UseCalendarOptions, UseCalendarReturn } from "./use-calendar.js";
+import type { RangeCalendarState } from "./use-range-calendar-state.js";
 import type { MaybeRefOrGetter } from "vue";
 /**
  * What to do with a half-built range when the pointer comes up somewhere else, or focus leaves.

package/dist/composables/use-search-field.d.ts

@@ -1,5 +1,5 @@
-import type { PressResponder } from "./press-responder";
-import type { UseTextFieldOptions, UseTextFieldReturn } from "./use-text-field";
+import type { PressResponder } from "./press-responder.js";
+import type { UseTextFieldOptions, UseTextFieldReturn } from "./use-text-field.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseSearchFieldOptions extends Omit<UseTextFieldOptions, "type"> {
     /** Kind of control the browser should offer. @default "search" */

package/dist/composables/use-select-state.d.ts

@@ -1,7 +1,7 @@
-import type { CollectionKey, UseCollectionReturn } from "./use-collection";
-import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state";
-import type { MenuTriggerState } from "./use-overlay-trigger-state";
-import type { DisabledBehavior, UseSelectionManagerReturn } from "./use-selection-manager";
+import type { CollectionKey, UseCollectionReturn } from "./use-collection.js";
+import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state.js";
+import type { MenuTriggerState } from "./use-overlay-trigger-state.js";
+import type { DisabledBehavior, UseSelectionManagerReturn } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** Whether one or several options can be chosen. */
 export type SelectSelectionMode = "single" | "multiple";

package/dist/composables/use-select.d.ts

@@ -1,7 +1,7 @@
-import type { PressResponder } from "./press-responder";
-import type { UseFieldIdsReturn } from "./use-field-ids";
-import type { ValidationResult } from "./use-form-validation-state";
-import type { UseSelectStateReturn } from "./use-select-state";
+import type { PressResponder } from "./press-responder.js";
+import type { UseFieldIdsReturn } from "./use-field-ids.js";
+import type { ValidationResult } from "./use-form-validation-state.js";
+import type { UseSelectStateReturn } from "./use-select-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseSelectOptions {
     isDisabled?: MaybeRefOrGetter<boolean | undefined>;

package/dist/composables/use-select.js

@@ -120,7 +120,6 @@ var useSelect = (options, state) => {
 			"aria-invalid": isInvalid.value || void 0,
 			"aria-label": toValue(options.ariaLabel),
 			"aria-labelledby": [valueId.value, toValue(options.ariaLabelledby) ?? fieldIds.labelId.value].filter(Boolean).join(" "),
-			"aria-required": toValue(options.isRequired) || void 0,
 			disabled: toValue(options.isDisabled) || void 0,
 			id: trigger.triggerId.value,
 			type: "button"

package/dist/composables/use-selection-manager.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionKey, UseCollectionReturn } from "./use-collection";
+import type { CollectionKey, UseCollectionReturn } from "./use-collection.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export type SelectionMode = "none" | "single" | "multiple";
 /**

package/dist/composables/use-shared-element.js

@@ -1,4 +1,5 @@
 import { createContext } from "../utils/create-context.js";
+import { createAnimationSettleWaiter } from "../utils/animation-settled.js";
 import { computed, nextTick, onScopeDispose, shallowRef, toValue, watch } from "vue";
 //#region src/composables/use-shared-element.ts
 var createSharedElementScope = () => ({ snapshots: /* @__PURE__ */ new Map() });
@@ -45,7 +46,6 @@ var useSharedElement = (options) => {
 	let frame = null;
 	/** The snapshot this element stored, so a newer one is never mistaken for it. */
 	let stored = null;
-	let generation = 0;
 	const cancelFrame = () => {
 		if (frame != null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
 		frame = null;
@@ -61,31 +61,7 @@ var useSharedElement = (options) => {
 			callback();
 		});
 	};
-	/**
-	* Resolve once every animation running on the element has settled.
-	*
-	* Read a tick after being asked for, because the state that triggers the animations is rendered
-	* as an attribute and reading before that attribute is in the DOM finds no animations at all.
-	*/
-	const whenSettled = (onEnd) => {
-		const current = ++generation;
-		nextTick(() => {
-			if (cancelled || current !== generation) return;
-			const element = getElement();
-			if (!element || typeof element.getAnimations !== "function") {
-				onEnd();
-				return;
-			}
-			const animations = element.getAnimations();
-			if (animations.length === 0) {
-				onEnd();
-				return;
-			}
-			Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
-				if (!cancelled && current === generation) onEnd();
-			});
-		});
-	};
+	const settle = createAnimationSettleWaiter(getElement);
 	const takeSnapshot = () => {
 		const element = getElement();
 		if (!element || !element.isConnected) return;
@@ -147,7 +123,7 @@ var useSharedElement = (options) => {
 			}
 			scope.snapshots.delete(name.value);
 			state.value = "exiting";
-			whenSettled(() => {
+			settle.whenSettled(() => {
 				if (state.value === "exiting") state.value = "hidden";
 			});
 		});
@@ -176,6 +152,7 @@ var useSharedElement = (options) => {
 	});
 	onScopeDispose(() => {
 		cancelled = true;
+		settle.cancel();
 		cancelFrame();
 		takeSnapshot();
 	}, true);

package/dist/composables/use-slider-thumb.d.ts

@@ -1,4 +1,4 @@
-import type { SliderOrientation, SliderState } from "./use-slider-state";
+import type { SliderOrientation, SliderState } from "./use-slider-state.js";
 import type { CSSProperties, ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 export interface UseSliderThumbOptions {
     state: SliderState;

package/dist/composables/use-slider.d.ts

@@ -1,4 +1,4 @@
-import type { SliderState } from "./use-slider-state";
+import type { SliderState } from "./use-slider-state.js";
 import type { CSSProperties, ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 export interface UseSliderOptions {
     state: SliderState;

package/dist/composables/use-tab-list-state.d.ts

@@ -1,5 +1,5 @@
-import type { CollectionKey, UseCollectionReturn } from "./use-collection";
-import type { UseSelectionManagerReturn } from "./use-selection-manager";
+import type { CollectionKey, UseCollectionReturn } from "./use-collection.js";
+import type { UseSelectionManagerReturn } from "./use-selection-manager.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseTabListStateOptions {
     /** The selected tab, when the caller drives it. */
@@ -25,6 +25,16 @@ export interface UseTabListStateReturn {
     /** `undefined` for a key that does not exist, so no attribute points at nothing. */
     tabId: (key: CollectionKey | null | undefined) => string | undefined;
     tabPanelId: (key: CollectionKey | null | undefined) => string | undefined;
+    /**
+     * Whether a panel for this key is in the document.
+     *
+     * Tabs are usable without panels - driving something rendered elsewhere on the page is a normal
+     * arrangement - and a tab that points `aria-controls` at an element that was never rendered is
+     * worse than one that points nowhere.
+     */
+    hasPanel: (key: CollectionKey | null | undefined) => boolean;
+    /** Called by a panel while it is mounted. Returns the matching unregister. */
+    registerPanel: (key: CollectionKey) => () => void;
 }
 /**
  * Which tab is selected, and the ids that tie each tab to its panel.

package/dist/composables/use-tab-list-state.js

@@ -2,7 +2,7 @@ import { useId as useId$1 } from "./use-id.js";
 import { useControllableState } from "./use-controllable-state.js";
 import { useCollection } from "./use-collection.js";
 import { useSelectionManager } from "./use-selection-manager.js";
-import { computed, toValue, watch } from "vue";
+import { computed, shallowRef, toValue, watch } from "vue";
 //#region src/composables/use-tab-list-state.ts
 /**
 * Which tab is selected, and the ids that tie each tab to its panel.
@@ -103,9 +103,19 @@ var useTabListState = (options = {}) => {
 	const tabsId = useId$1(() => toValue(options.id));
 	/** React Aria strips whitespace out of a string key so the id stays a single token. */
 	const idFor = (key, role) => key == null ? void 0 : `${tabsId.value}-${role}-${String(key).replace(/\s+/g, "")}`;
+	const panelKeys = shallowRef(/* @__PURE__ */ new Set());
 	return {
 		collection,
+		hasPanel: (key) => key != null && panelKeys.value.has(key),
 		isDisabled: computed(() => Boolean(toValue(options.isDisabled))),
+		registerPanel: (key) => {
+			panelKeys.value = new Set(panelKeys.value).add(key);
+			return () => {
+				const next = new Set(panelKeys.value);
+				next.delete(key);
+				panelKeys.value = next;
+			};
+		},
 		selectedKey,
 		selection,
 		setSelectedKey: (key) => stored.setState(key),

package/dist/composables/use-table-collection.d.ts

@@ -1,6 +1,6 @@
-import type { VirtualizerTableCollection } from "../utils/virtualizer-collection";
-import type { CollectionKey, UseCollectionReturn } from "./use-collection";
-import type { TableColumnSize } from "./use-table-column-layout";
+import type { VirtualizerTableCollection } from "../utils/virtualizer-collection.js";
+import type { CollectionKey, UseCollectionReturn } from "./use-collection.js";
+import type { TableColumnSize } from "./use-table-column-layout.js";
 import type { ComputedRef } from "vue";
 /** The least a registry needs from an entry: where it sits in the document. */
 export interface TableRegistryMeta {

package/dist/composables/use-table-column-layout.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionKey } from "./use-collection";
+import type { CollectionKey } from "./use-collection.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** A column width: pixels as a number, a percentage of the table, or a fraction of what is left. */
 export type TableColumnSize = number | string;

package/dist/composables/use-text-field.d.ts

@@ -1,5 +1,5 @@
-import type { FieldIdsContext } from "./use-field-ids";
-import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state";
+import type { FieldIdsContext } from "./use-field-ids.js";
+import type { FormValidationState, ValidationBehavior, ValidationFunction } from "./use-form-validation-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 /** The two elements a text field can render its control as. */
 export type TextFieldElement = HTMLInputElement | HTMLTextAreaElement;

package/dist/composables/use-time-field-state.d.ts

@@ -1,6 +1,6 @@
-import type { Granularity, TimeValue } from "../utils/date-format";
-import type { DateFieldState } from "./use-date-field-state";
-import type { ValidationBehavior } from "./use-form-validation-state";
+import type { Granularity, TimeValue } from "../utils/date-format.js";
+import type { DateFieldState } from "./use-date-field-state.js";
+import type { ValidationBehavior } from "./use-form-validation-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 import { Time } from "@internationalized/date";
 /** A time has no day, so the smallest unit it can show stops at the hour. */

package/dist/composables/use-toast-region.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
-import { TOP_LAYER_ATTRIBUTE } from "../utils/top-layer";
+import { TOP_LAYER_ATTRIBUTE } from "../utils/top-layer.js";
 /** The only thing the region needs to know about a queued toast. */
 interface ToastIdentity {
     key: string;

package/dist/composables/use-toast.d.ts

@@ -1,4 +1,4 @@
-import type { Timer } from "../components/toast/toast-queue";
+import type { Timer } from "../components/toast/toast-queue.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseToastOptions {
     /** Called when the toast should close, whether from its own clock or the close button. */

package/dist/composables/use-tooltip-trigger-state.d.ts

@@ -1,4 +1,4 @@
-import type { UseOverlayTriggerStateOptions } from "./use-overlay-trigger-state";
+import type { UseOverlayTriggerStateOptions } from "./use-overlay-trigger-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseTooltipTriggerStateOptions extends UseOverlayTriggerStateOptions {
     /** How long the pointer has to rest on the trigger before the tooltip opens. @default 1500 */

package/dist/composables/use-tooltip-trigger.d.ts

@@ -1,5 +1,5 @@
-import type { FocusResponder } from "./focus-responder";
-import type { TooltipTriggerState } from "./use-tooltip-trigger-state";
+import type { FocusResponder } from "./focus-responder.js";
+import type { TooltipTriggerState } from "./use-tooltip-trigger-state.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
 export interface UseTooltipTriggerOptions {
     isDisabled?: MaybeRefOrGetter<boolean | undefined>;

package/dist/composables/use-typeahead.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionKey } from "./use-collection";
+import type { CollectionKey } from "./use-collection.js";
 import type { MaybeRefOrGetter } from "vue";
 export interface UseTypeaheadOptions {
     /**

package/dist/composables/use-virtualizer-scroll.d.ts

@@ -1,6 +1,6 @@
-import type { Size } from "../utils/virtualizer-geometry";
+import type { Size } from "../utils/virtualizer-geometry.js";
 import type { ComputedRef, MaybeRefOrGetter } from "vue";
-import { Rect } from "../utils/virtualizer-geometry";
+import { Rect } from "../utils/virtualizer-geometry.js";
 export interface UseVirtualizerScrollOptions {
     /** The element that scrolls — the collection itself. */
     element: MaybeRefOrGetter<HTMLElement | null | undefined>;

package/dist/composables/use-virtualizer.d.ts

@@ -1,7 +1,7 @@
-import type { Layout, VirtualizerCollection, VirtualizerNode } from "../utils/virtualizer-layout";
-import type { LayoutInfo, VirtualizerKey } from "../utils/virtualizer-layout-info";
+import type { Layout, VirtualizerCollection, VirtualizerNode } from "../utils/virtualizer-layout.js";
+import type { LayoutInfo, VirtualizerKey } from "../utils/virtualizer-layout-info.js";
 import type { ComputedRef } from "vue";
-import { Rect, Size } from "../utils/virtualizer-geometry";
+import { Rect, Size } from "../utils/virtualizer-geometry.js";
 /**
  * The virtualizer, ported from React Aria's `Virtualizer` and `useVirtualizerState`.
  *

package/dist/i18n/index.d.ts

@@ -1,12 +1,12 @@
-export * from "./autocomplete";
-export * from "./breadcrumbs";
-export * from "./calendar";
-export * from "./color";
-export * from "./combobox";
-export * from "./date-placeholders";
-export * from "./date-validation";
-export * from "./datepicker";
-export * from "./dnd";
-export * from "./select";
-export * from "./spinbutton";
-export * from "./toast";
+export * from "./autocomplete.js";
+export * from "./breadcrumbs.js";
+export * from "./calendar.js";
+export * from "./color.js";
+export * from "./combobox.js";
+export * from "./date-placeholders.js";
+export * from "./date-validation.js";
+export * from "./datepicker.js";
+export * from "./dnd.js";
+export * from "./select.js";
+export * from "./spinbutton.js";
+export * from "./toast.js";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./components";
-export * from "./composables";
-export * from "./utils";
-export { ROPAV_VERSION } from "./version";
+export * from "./components/index.js";
+export * from "./composables/index.js";
+export * from "./utils/index.js";
+export { ROPAV_VERSION } from "./version.js";
 export { tv, cn, type VariantProps } from "tailwind-variants";