ropav 0.12.1 → 0.12.3

package/dist/components/splitter/splitter.state.js

@@ -25,9 +25,11 @@ var registry = () => {
 	const version = shallowRef(0);
 	return {
 		get: (key) => {
+			version.value;
 			return items.get(key);
 		},
 		keys: computed(() => {
+			version.value;
 			return sortByDocumentOrder([...items.entries()], ([, meta]) => meta.element()).map(([key]) => key);
 		}),
 		register: (key, meta) => {
@@ -83,7 +85,8 @@ var useSplitterState = (options) => {
 	const indexOf = (key) => panels.keys.value.indexOf(key);
 	const getPanelSize = (key) => layout.value[indexOf(key)] ?? 0;
 	const boundsOf = (index) => {
-		const panel = panels.get(panels.keys.value[index]);
+		const key = panels.keys.value[index];
+		const panel = panels.get(key);
 		const available = availableSize.value;
 		const min = getMinSize(panel.minSize(), available);
 		const shut = panel.isCollapsible() ? getMinSize(panel.collapsedSize() ?? 0, available) : min;
@@ -206,6 +209,8 @@ var useSplitterState = (options) => {
 		};
 	};
 	const neighbourCache = computed(() => {
+		panels.keys.value;
+		handles.keys.value;
 		return /* @__PURE__ */ new Map();
 	});
 	const neighboursOf = (handleKey) => {

package/dist/components/table/table-body.js

@@ -107,7 +107,7 @@ var table_body_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 							return createDynamicComponent(() => unref(virtualizer) ? "div" : "td", {
 								"aria-colspan": () => unref(virtualizer) ? columnCount.value : void 0,
 								colspan: () => unref(virtualizer) ? void 0 : columnCount.value,
-								role: "rowheader",
+								role: "gridcell",
 								style: () => emptyStateStyle.value
 							}, extend(() => {
 								return createSlot("empty", null, null, 4);

package/dist/components/table/table-cell.js

@@ -58,7 +58,8 @@ var table_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const virtualizer = useTableVirtualizerContext();
 		const layoutInfo = computed(() => {
 			if (!virtualizer || columnKey.value == null) return null;
-			return virtualizer.getLayoutInfo(virtualizer.collection.value.cellKey(rowKey.value, columnKey.value));
+			const collection = virtualizer.collection.value;
+			return virtualizer.getLayoutInfo(collection.cellKey(rowKey.value, columnKey.value));
 		});
 		const parentLayoutInfo = computed(() => virtualizer ? virtualizer.getLayoutInfo(rowKey.value) : null);
 		const placement = virtualizer ? useVirtualizerItem({
@@ -69,6 +70,7 @@ var table_cell_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const n1 = createDynamicComponent(() => unref(virtualizer) ? "div" : "td", {
 			id: () => cellId.value,
 			"aria-colindex": () => unref(virtualizer) && index.value >= 0 ? index.value + 1 : void 0,
+			"aria-label": () => isRowHeader.value ? props.textValue : void 0,
 			class: () => ["rp-table__cell", props.class],
 			"data-collection": () => unref(collectionId),
 			"data-column-index": () => index.value < 0 ? void 0 : index.value,

package/dist/components/table/table-column-resizer.js

@@ -103,7 +103,8 @@ var table_column_resizer_vue_vue_type_script_setup_true_vapor_true_lang_default
 		* arrow press does.
 		*/
 		const onChange = (event) => {
-			resize(parseFloat(event.target.value) > columnWidth.value ? columnWidth.value + KEYBOARD_STEP : columnWidth.value - KEYBOARD_STEP);
+			const next = parseFloat(event.target.value);
+			resize(next > columnWidth.value ? columnWidth.value + KEYBOARD_STEP : columnWidth.value - KEYBOARD_STEP);
 		};
 		const n1 = t0();
 		const n0 = child(n1);

package/dist/components/table/table-drop-indicator.js

@@ -3,7 +3,7 @@ import { useVirtualizerStateContext } from "../virtualizer/virtualizer.context.j
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
 import { useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import table_virtualizer_item_default from "./table-virtualizer-item.js";
-import { computed, createComponent, createDynamicComponent, createIf, defineVaporComponent, extend, on, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref } from "vue";
+import { computed, createComponent, createDynamicComponent, createIf, defineVaporComponent, extend, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref } from "vue";
 //#region src/components/table/table-drop-indicator.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>");
 /**
@@ -81,12 +81,15 @@ var table_drop_indicator_vue_vue_type_script_setup_true_vapor_true_lang_default
 						style: { padding: 0 }
 					}, () => {
 						const n2 = t0();
-						on(n2, "click", () => unref(indicator)?.handlers.onClick());
 						setStaticTemplateRef(n2, element, null, "element");
-						renderEffect(() => setDynamicProps(n2, [unref(indicator)?.attrs.value, {
-							role: "button",
-							style: unref(visuallyHiddenStyle)
-						}]));
+						renderEffect(() => {
+							const _indicator = unref(indicator);
+							setDynamicProps(n2, [_indicator?.attrs.value, {
+								role: "button",
+								style: unref(visuallyHiddenStyle),
+								onClick: () => _indicator?.handlers.onClick()
+							}]);
+						});
 						return n2;
 					}, 4);
 				}, { _: 1 }), 4);

package/dist/components/table/table-load-more.js

@@ -100,7 +100,7 @@ var table_load_more_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 					return createDynamicComponent(() => unref(virtualizer) ? "div" : "td", {
 						"aria-colspan": () => unref(virtualizer) ? columnCount.value : void 0,
 						colspan: () => unref(virtualizer) ? void 0 : columnCount.value,
-						role: "rowheader",
+						role: "gridcell",
 						style: () => indicatorStyle.value
 					}, extend(() => {
 						return createSlot("default", null, null, 4);

package/dist/components/table/table-row.js

@@ -6,7 +6,7 @@ import { useVirtualizerItem } from "../virtualizer/use-virtualizer-item.js";
 import { visuallyHiddenStyle } from "../../utils/visually-hidden.js";
 import { provideTableRowContext, useTableGridContext, useTableVirtualizerContext } from "./table.context.js";
 import { createTableRegistry, tableCellId } from "./use-table-collection.js";
-import { computed, createDynamicComponent, createIf, createSlot, defineVaporComponent, extend, on, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
+import { computed, createDynamicComponent, createIf, createSlot, defineVaporComponent, extend, renderEffect, setDynamicProps, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
 //#region src/components/table/table-row.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>");
 var table_row_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -173,12 +173,15 @@ var table_row_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 					style: { padding: 0 }
 				}, () => {
 					const n2 = t0();
-					on(n2, "click", () => unref(dropIndicator).handlers.onClick());
 					setStaticTemplateRef(n2, dropIndicatorElement, null, "dropIndicatorElement");
-					renderEffect(() => setDynamicProps(n2, [unref(dropIndicator).attrs.value, {
-						role: "button",
-						style: unref(visuallyHiddenStyle)
-					}]));
+					renderEffect(() => {
+						const _dropIndicator = unref(dropIndicator);
+						setDynamicProps(n2, [_dropIndicator.attrs.value, {
+							role: "button",
+							style: unref(visuallyHiddenStyle),
+							onClick: () => _dropIndicator.handlers.onClick()
+						}]);
+					});
 					return n2;
 				}, 4);
 			}, { _: 1 }));

package/dist/components/table/use-grid-selection-announcement.js

@@ -41,7 +41,9 @@ var useGridSelectionAnnouncement = (options) => {
 		else if (added.size === 1 && removed.size === 0) single([...added][0], "selected");
 		else if (removed.size === 1 && added.size === 0) single([...removed][0], "not selected");
 		if (selection.selectionMode.value === "multiple") {
-			if (messages.length === 0 || current === "all" || (current === "all" ? 0 : current.size) > 1 || last === "all" || (last === "all" ? 0 : last.size) > 1) messages.push(current === "all" ? "All items selected." : countMessage(selection.selectedKeys.value.size));
+			const size = current === "all" ? 0 : current.size;
+			const lastSize = last === "all" ? 0 : last.size;
+			if (messages.length === 0 || current === "all" || size > 1 || last === "all" || lastSize > 1) messages.push(current === "all" ? "All items selected." : countMessage(selection.selectedKeys.value.size));
 		}
 		if (messages.length > 0) announce(messages.join(" "));
 	});

package/dist/components/table/use-table-collection.js

@@ -19,10 +19,12 @@ var createTableRegistry = () => {
 	const items = /* @__PURE__ */ new Map();
 	const version = shallowRef(0);
 	const orderedKeys = computed(() => {
+		version.value;
 		return [...items.entries()].filter(([, meta]) => meta.element()?.isConnected).sort(([, a], [, b]) => a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1).map(([key]) => key);
 	});
 	return {
 		getItem: (key) => {
+			version.value;
 			return items.get(key);
 		},
 		indexOf: (key) => orderedKeys.value.indexOf(key),
@@ -39,6 +41,7 @@ var createTableRegistry = () => {
 			};
 		},
 		size: computed(() => {
+			version.value;
 			return orderedKeys.value.length;
 		})
 	};

package/dist/components/tabs/tabs-list-container.js

@@ -26,7 +26,8 @@ var tabs_list_container_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			if (!element) return;
 			const vertical = isVertical.value;
 			const size = vertical ? element.clientHeight : element.clientWidth;
-			const maxScroll = Math.max(0, (vertical ? element.scrollHeight : element.scrollWidth) - size);
+			const scrollSize = vertical ? element.scrollHeight : element.scrollWidth;
+			const maxScroll = Math.max(0, scrollSize - size);
 			const isRtl = !vertical && getComputedStyle(element).direction === "rtl";
 			const delta = direction * size * SCROLL_FRACTION * (isRtl ? -1 : 1);
 			const current = vertical ? element.scrollTop : element.scrollLeft;

package/dist/components/tabs/tabs-root.js

@@ -23,8 +23,7 @@ var tabs_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 		},
 		orientation: { default: void 0 },
 		variant: { default: void 0 },
-		id: {},
-		onSelectionChange: {}
+		id: {}
 	},
 	emits: ["selectionChange", "update:selectedKey"],
 	setup(__props, { emit: __emit }) {
@@ -43,7 +42,6 @@ var tabs_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 			id: () => props.id,
 			isDisabled: () => props.isDisabled,
 			onSelectionChange: (key) => {
-				props.onSelectionChange?.(key);
 				emit("selectionChange", key);
 				emit("update:selectedKey", key);
 			},

package/dist/components/tabs/tabs.types.d.ts

@@ -32,7 +32,6 @@ export interface TabsRootProps {
      * for itself.
      */
     id?: string;
-    onSelectionChange?: (key: CollectionKey) => void;
 }
 export interface TabsRootSlotProps {
     orientation: TabsOrientation;

package/dist/components/textarea/textarea-root.js

@@ -4,10 +4,17 @@ import { setFormValue } from "../../utils/form-value.js";
 import { useTextFieldControlContext } from "../../composables/use-text-field.js";
 import { useTextFieldContext } from "../textfield/textfield.context.js";
 import { useTextareaAutosize } from "../../composables/use-textarea-autosize.js";
-import { computed, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setDynamicProps, shallowRef, template, unref, watch } from "vue";
+import { computed, createTemplateRefSetter, defineVaporComponent, renderEffect, setDynamicProps, shallowRef, template, unref, watch } from "vue";
 import { textAreaVariants } from "@ropav/styles";
 //#region src/components/textarea/textarea-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<textarea>", 1);
+var k0 = [
+	"data-disabled",
+	"data-focus-visible",
+	"data-focused",
+	"data-hovered",
+	"data-invalid"
+];
 var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "textarea-root",
 	props: {
@@ -101,27 +108,32 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		};
 		const _setTemplateRef = createTemplateRefSetter();
 		const n0 = t0();
-		on(n0, "blur", onBlur);
-		on(n0, "focus", onFocus);
-		on(n0, "input", onInput);
-		on(n0, "keydown", (e) => unref(control)?.handlers.onKeydown(e));
-		on(n0, "keyup", (e) => unref(control)?.handlers.onKeyup(e));
-		on(n0, "pointerdown", (e) => unref(interaction).onPointerdown(e));
-		on(n0, "pointerenter", (e) => unref(interaction).onPointerenter(e));
-		on(n0, "pointerleave", (e) => unref(interaction).onPointerleave(e));
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
 			const _control = unref(control);
 			const _interaction = unref(interaction);
-			setDynamicProps(n0, [{
-				class: styles.value,
-				"data-disabled": _dataAttr(_control?.isDisabled.value),
-				"data-focus-visible": _dataAttr(_interaction.isFocusVisible.value),
-				"data-focused": _dataAttr(_interaction.isFocused.value),
-				"data-hovered": _dataAttr(_interaction.isHovered.value),
-				"data-invalid": _dataAttr(_control?.isInvalid.value),
-				"data-slot": "textarea"
-			}, attrs.value]);
+			setDynamicProps(n0, [
+				{
+					class: styles.value,
+					"data-disabled": _dataAttr(_control?.isDisabled.value),
+					"data-focus-visible": _dataAttr(_interaction.isFocusVisible.value),
+					"data-focused": _dataAttr(_interaction.isFocused.value),
+					"data-hovered": _dataAttr(_interaction.isHovered.value),
+					"data-invalid": _dataAttr(_control?.isInvalid.value),
+					"data-slot": "textarea"
+				},
+				attrs.value,
+				{
+					onBlur,
+					onFocus,
+					onInput,
+					onKeydown: (e) => _control?.handlers.onKeydown(e),
+					onKeyup: (e) => _control?.handlers.onKeyup(e),
+					onPointerdown: (e) => _interaction.onPointerdown(e),
+					onPointerenter: (e) => _interaction.onPointerenter(e),
+					onPointerleave: (e) => _interaction.onPointerleave(e)
+				}
+			], k0);
 			_setTemplateRef(n0, setElement);
 		});
 		return n0;

package/dist/components/toast/toast-default-content.js

@@ -73,7 +73,7 @@ var toast_default_content_vue_vue_type_script_setup_true_vapor_true_lang_default
 							variant: () => content.value.variant
 						});
 					}, 517), 261);
-				}),
+				}, null, 2),
 				createComponent(toast_content_default, null, extend(() => {
 					return [
 						createIf(() => Boolean(content.value.title), () => {

package/dist/components/toast/toast-provider.js

@@ -6,11 +6,12 @@ import { DEFAULT_SCALE_FACTOR, EXIT_FALLBACK } from "./toast.constants.js";
 import { useToastRegion } from "../../composables/use-toast-region.js";
 import toast_default_content_default from "./toast-default-content.js";
 import { toastQueue, useToastQueue } from "./toast-queue.js";
-import { VaporTeleport, child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, on, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, setStyle, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
+import { VaporTeleport, child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, setStyle, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 import { toastVariants } from "@ropav/styles";
 //#region src/components/toast/toast-provider.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<li>");
 var t1 = template("<div><ol>");
+var k0 = ["data-expanded", "dir"];
 var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "toast-provider",
 	props: {
@@ -133,13 +134,23 @@ var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 				const n8 = child(n9);
 				renderEffect(() => {
 					const _region = unref(region);
-					setDynamicProps(n9, [{
-						class: styles.value,
-						"data-expanded": unref(dataAttr)(_region.isExpanded.value),
-						"data-slot": "toast-region",
-						dir: unref(locale).direction,
-						style: regionStyle.value
-					}, _region.regionAttrs.value]);
+					setDynamicProps(n9, [
+						{
+							class: styles.value,
+							"data-expanded": unref(dataAttr)(_region.isExpanded.value),
+							"data-slot": "toast-region",
+							dir: unref(locale).direction,
+							style: regionStyle.value
+						},
+						_region.regionAttrs.value,
+						{
+							onFocusin: (e) => _region.onFocusin(e),
+							onFocusout: (e) => _region.onFocusout(e),
+							onPointerenter: (e) => _region.onPointerenter(e),
+							onPointerleave: (e) => _region.onPointerleave(e),
+							onPointermove: (e) => _region.onPointermove(e)
+						}
+					], k0);
 					setStyle(n8, CONTENTS_STYLE);
 				});
 				setInsertionState(n8);
@@ -155,11 +166,6 @@ var toast_provider_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 					});
 					return n7;
 				}, (entry) => entry.key, 9);
-				on(n9, "focusin", (e) => unref(region).onFocusin(e));
-				on(n9, "focusout", (e) => unref(region).onFocusout(e));
-				on(n9, "pointerenter", (e) => unref(region).onPointerenter(e));
-				on(n9, "pointerleave", (e) => unref(region).onPointerleave(e));
-				on(n9, "pointermove", (e) => unref(region).onPointermove(e));
 				setTemplateRefBinding(n9, () => setElement);
 				return n9;
 			}, true);

package/dist/components/toast/toast-renderable.js

@@ -22,7 +22,7 @@ var toast_renderable_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 			return n3;
 		}, () => {
 			return createDynamicComponent(() => props.value, null, null, 1);
-		}, 517), 260);
+		}, 518), 262);
 	}
 });
 //#endregion

package/dist/components/toast/toast-root.js

@@ -7,6 +7,15 @@ import { useToast } from "../../composables/use-toast.js";
 import { computed, createSlot, defineVaporComponent, onMounted, onScopeDispose, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/toast/toast-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
+var k0 = [
+	"data-entering",
+	"data-exiting",
+	"data-expanded",
+	"data-frontmost",
+	"data-hidden",
+	"data-index",
+	"tabindex"
+];
 var toast_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "toast-root",
 	props: {
@@ -143,7 +152,7 @@ var toast_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 				"data-slot": "toast",
 				style: style.value,
 				tabindex: _isFrontmost && !_isExiting ? 0 : -1
-			}, unref(api).toastAttrs.value]);
+			}, unref(api).toastAttrs.value], k0);
 		});
 		setInsertionState(n1);
 		createSlot();

package/dist/components/tooltip/tooltip-trigger.js

@@ -2,9 +2,15 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composeFocusResponder, useFocusResponder } from "../../composables/focus-responder.js";
 import { FOCUSABLE_SELECTOR } from "../../utils/focus.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
+import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/tooltip/tooltip-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
+var k0 = [
+	"data-focus-visible",
+	"data-hovered",
+	"role",
+	"tabindex"
+];
 var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "tooltip-trigger",
 	props: { class: {} },
@@ -32,23 +38,29 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
 			const _states = unref(states);
-			setDynamicProps(n1, [{
-				class: ["rp-tooltip__trigger", props.class],
-				"data-focus-visible": _dataAttr(_states.isFocusVisible.value),
-				"data-hovered": _dataAttr(_states.isHovered.value),
-				"data-slot": "tooltip-trigger",
-				role: hasFocusableContent.value ? void 0 : "button",
-				tabindex: hasFocusableContent.value ? void 0 : 0
-			}, wrapperAttrs.value]);
+			const _focus = unref(focus);
+			setDynamicProps(n1, [
+				{
+					class: ["rp-tooltip__trigger", props.class],
+					"data-focus-visible": _dataAttr(_states.isFocusVisible.value),
+					"data-hovered": _dataAttr(_states.isHovered.value),
+					"data-slot": "tooltip-trigger",
+					role: hasFocusableContent.value ? void 0 : "button",
+					tabindex: hasFocusableContent.value ? void 0 : 0
+				},
+				wrapperAttrs.value,
+				{
+					onBlur: (e) => _focus.onBlur(e),
+					onFocus: (e) => _focus.onFocus(e),
+					onKeydown: (e) => _focus.onKeydown(e),
+					onPointerdown: (e) => _focus.onPointerdown(e),
+					onPointerenter: (e) => _focus.onPointerenter(e),
+					onPointerleave: (e) => _focus.onPointerleave(e)
+				}
+			], k0);
 		});
 		setInsertionState(n1);
 		createSlot();
-		on(n1, "blur", (e) => unref(focus).onBlur(e));
-		on(n1, "focus", (e) => unref(focus).onFocus(e));
-		on(n1, "keydown", (e) => unref(focus).onKeydown(e));
-		on(n1, "pointerdown", (e) => unref(focus).onPointerdown(e));
-		on(n1, "pointerenter", (e) => unref(focus).onPointerenter(e));
-		on(n1, "pointerleave", (e) => unref(focus).onPointerleave(e));
 		setTemplateRefBinding(n1, () => setElement);
 		return n1;
 	}

package/dist/composables/use-calendar-grid.js

@@ -92,7 +92,8 @@ var useCalendarGrid = (options, state, shared) => {
 		const isDayView = Boolean(duration.days && duration.days < 7);
 		const firstDayOfWeek = toValue(options.firstDayOfWeek);
 		const weekStart = isDayView ? startDate.value : startOfWeek(today(state.timeZone.value), locale.value.locale, firstDayOfWeek);
-		return Array.from({ length: isDayView ? duration.days : 7 }, (_, index) => dayFormatter.value.format(weekStart.add({ days: index }).toDate(state.timeZone.value)));
+		const days = isDayView ? duration.days : 7;
+		return Array.from({ length: days }, (_, index) => dayFormatter.value.format(weekStart.add({ days: index }).toDate(state.timeZone.value)));
 	});
 	return {
 		attrs: computed(() => ({

package/dist/composables/use-collection.js

@@ -123,13 +123,24 @@ var useCollection = (options = {}) => {
 		if (index === -1) return null;
 		return keys[index + step] ?? null;
 	};
+	/**
+	* Read the registration counter, so a lookup made inside a `computed` re-runs once the item
+	* it asked about registers. `getItem` and `getElement` are read during render — an item's
+	* own disabled state and tabindex come from them — unlike `orderedKeys()`, which is only ever
+	* read on an interaction and so deliberately stays outside reactivity.
+	*/
+	const track = () => {
+		version.value;
+	};
 	return {
 		getElement: (key) => {
+			track();
 			return items.get(key)?.element() ?? null;
 		},
 		getFirstKey: () => keyAt(0),
 		getIndex: (key) => order().indexOf(key),
 		getItem: (key) => {
+			track();
 			return items.get(key) ?? metaFromSource(key);
 		},
 		getKeyAfter: (key) => neighbour(key, 1),
@@ -138,6 +149,7 @@ var useCollection = (options = {}) => {
 		orderedKeys,
 		register,
 		size: computed(() => {
+			track();
 			return source()?.itemCount ?? items.size;
 		}),
 		withOrder

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

@@ -108,38 +108,40 @@ var useColorField = (options = {}) => {
 			else if (deltaY < 0) state.decrement();
 		}
 	});
+	const attrs = computed(() => {
+		const all = {
+			...field.attrs.value,
+			"aria-disabled": isDisabled.value || void 0,
+			"aria-readonly": isReadOnly.value || void 0
+		};
+		for (const key of Object.keys(all)) if (all[key] === void 0) delete all[key];
+		return all;
+	});
+	const handlers = {
+		onBlur: (event) => {
+			isFocused.value = false;
+			spin.onBlur();
+			state.commit();
+			reassert();
+			field.handlers.onBlur(event);
+		},
+		onFocus: (event) => {
+			isFocused.value = true;
+			spin.onFocus();
+			field.handlers.onFocus(event);
+		},
+		onInput: field.handlers.onInput,
+		onKeydown: (event) => {
+			spin.onKeydown(event);
+			field.handlers.onKeydown(event);
+		},
+		onKeyup: field.handlers.onKeyup
+	};
 	return {
-		attrs: computed(() => {
-			const all = {
-				...field.attrs.value,
-				"aria-disabled": isDisabled.value || void 0,
-				"aria-readonly": isReadOnly.value || void 0
-			};
-			for (const key of Object.keys(all)) if (all[key] === void 0) delete all[key];
-			return all;
-		}),
+		attrs,
 		element,
 		fieldIds: field.fieldIds,
-		handlers: {
-			onBlur: (event) => {
-				isFocused.value = false;
-				spin.onBlur();
-				state.commit();
-				reassert();
-				field.handlers.onBlur(event);
-			},
-			onFocus: (event) => {
-				isFocused.value = true;
-				spin.onFocus();
-				field.handlers.onFocus(event);
-			},
-			onInput: field.handlers.onInput,
-			onKeydown: (event) => {
-				spin.onKeydown(event);
-				field.handlers.onKeydown(event);
-			},
-			onKeyup: field.handlers.onKeyup
-		},
+		handlers,
 		isDisabled,
 		isInvalid: field.isInvalid,
 		isReadOnly,

package/dist/composables/use-combo-box-state.js

@@ -128,7 +128,8 @@ var useComboBoxState = (options) => {
 		const given = toValue(options.defaultInputValue);
 		if (given != null) return given;
 		const value = defaultValue.value;
-		return selectionMode.value === "single" ? textOf(Array.isArray(value) ? value[0] ?? null : value) : "";
+		const key = Array.isArray(value) ? value[0] ?? null : value;
+		return selectionMode.value === "single" ? textOf(key) : "";
 	});
 	const input = useControllableState({
 		defaultValue: defaultInputValue.value,

package/dist/composables/use-combo-box.js

@@ -176,7 +176,8 @@ var useComboBox = (options, state) => {
 		},
 		onPressStart: (event) => {
 			if (event.pointerType === "touch") return;
-			state.toggle(event.pointerType === "keyboard" || event.pointerType === "virtual" ? "first" : null, "manual");
+			const strategy = event.pointerType === "keyboard" || event.pointerType === "virtual" ? "first" : null;
+			state.toggle(strategy, "manual");
 			focusInput();
 		},
 		preventFocusOnPress: true

package/dist/composables/use-disclosure-panel.js

@@ -34,7 +34,8 @@ var useDisclosurePanel = (options) => {
 		panel.style.setProperty("--disclosure-panel-height", height);
 	};
 	const applyPanelState = (panel, expanded) => {
-		if (wasExpanded === null || !(typeof panel.getAnimations === "function")) {
+		const canAnimate = typeof panel.getAnimations === "function";
+		if (wasExpanded === null || !canAnimate) {
 			if (expanded) {
 				panel.removeAttribute("hidden");
 				setSize(panel, "auto", "auto");

package/dist/composables/use-drag.js

@@ -160,12 +160,15 @@ var useDrag = (options) => {
 	};
 	const onDragend = (event) => {
 		event.stopPropagation();
-		if (options.onDragEnd) options.onDragEnd({
-			dropOperation: DROP_EFFECT_TO_DROP_OPERATION[globalDropEffect ?? event.dataTransfer?.dropEffect ?? "none"] ?? "cancel",
-			type: "dragend",
-			x: event.clientX,
-			y: event.clientY
-		});
+		if (options.onDragEnd) {
+			const dropEffect = event.dataTransfer?.dropEffect ?? "none";
+			options.onDragEnd({
+				dropOperation: DROP_EFFECT_TO_DROP_OPERATION[globalDropEffect ?? dropEffect] ?? "cancel",
+				type: "dragend",
+				x: event.clientX,
+				y: event.clientY
+			});
+		}
 		draggingElement.value = null;
 		releaseDropGuard?.();
 		releaseDropGuard = null;

package/dist/composables/use-drop.js

@@ -14,7 +14,8 @@ var DROP_ACTIVATE_TIMEOUT = 800;
 * Ported from React Aria's `getAllowedOperations`.
 */
 var getAllowedOperations = (event) => {
-	let allowed = DROP_OPERATION_ALLOWED[event.dataTransfer?.effectAllowed ?? "uninitialized"] ?? DROP_OPERATION.all;
+	const effectAllowed = event.dataTransfer?.effectAllowed ?? "uninitialized";
+	let allowed = DROP_OPERATION_ALLOWED[effectAllowed] ?? DROP_OPERATION.all;
 	if (globalAllowedDropOperations) allowed &= globalAllowedDropOperations;
 	let allowedModifiers = DROP_OPERATION.none;
 	if (isMac()) {

package/dist/composables/use-droppable-collection.js

@@ -100,7 +100,8 @@ var useDroppableCollection = (options, state, element) => {
 			if (inserted.length > 0) {
 				selectionManager.setSelectedKeys(inserted);
 				if (selectionManager.focusedKey.value === focusedKey) {
-					selectionManager.setFocusedKey(inserted[0]);
+					const first = inserted[0];
+					selectionManager.setFocusedKey(first);
 					if (selectionManager.selectionMode.value === "none") setInteractionModality("keyboard");
 				}
 			}