reka-ui 2.8.2 → 2.9.0

package/dist/MonthRangePicker/MonthRangePickerRoot.js

@@ -0,0 +1,335 @@
+import { createContext } from "../shared/createContext.js";
+import { compareYearMonth, getDefaultDate, isSameYearMonth } from "../date/comparators.js";
+import { handleCalendarInitialFocus } from "../date/utils.js";
+import { useDirection } from "../shared/useDirection.js";
+import { useId } from "../shared/useId.js";
+import { useKbd } from "../shared/useKbd.js";
+import { useLocale } from "../shared/useLocale.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { useMonthPicker } from "../MonthPicker/useMonthPicker.js";
+import { useRangeMonthPickerState } from "./useRangeMonthPicker.js";
+import { computed, createBlock, createElementVNode, defineComponent, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, watch, withCtx } from "vue";
+import { useEventListener, useVModel } from "@vueuse/core";
+
+//#region src/MonthRangePicker/MonthRangePickerRoot.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { style: {
+	"border": "0px",
+	"clip": "rect(0px, 0px, 0px, 0px)",
+	"clip-path": "inset(50%)",
+	"height": "1px",
+	"margin": "-1px",
+	"overflow": "hidden",
+	"padding": "0px",
+	"position": "absolute",
+	"white-space": "nowrap",
+	"width": "1px"
+} };
+const _hoisted_2 = {
+	role: "heading",
+	"aria-level": "2"
+};
+const [injectMonthRangePickerRootContext, provideMonthRangePickerRootContext] = createContext("MonthRangePickerRoot");
+var MonthRangePickerRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MonthRangePickerRoot",
+	props: {
+		defaultPlaceholder: {
+			type: null,
+			required: false
+		},
+		defaultValue: {
+			type: Object,
+			required: false,
+			default: () => ({
+				start: void 0,
+				end: void 0
+			})
+		},
+		modelValue: {
+			type: [Object, null],
+			required: false
+		},
+		placeholder: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		allowNonContiguousRanges: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		preventDeselect: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		maximumMonths: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		calendarLabel: {
+			type: String,
+			required: false
+		},
+		maxValue: {
+			type: null,
+			required: false
+		},
+		minValue: {
+			type: null,
+			required: false
+		},
+		locale: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		initialFocus: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		isMonthDisabled: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		isMonthUnavailable: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		nextPage: {
+			type: Function,
+			required: false
+		},
+		prevPage: {
+			type: Function,
+			required: false
+		},
+		fixedDate: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:placeholder",
+		"update:startValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { disabled, readonly, initialFocus, preventDeselect, isMonthUnavailable: propsIsMonthUnavailable, isMonthDisabled: propsIsMonthDisabled, calendarLabel, maxValue, minValue, dir: propDir, locale: propLocale, nextPage: propsNextPage, prevPage: propsPrevPage, allowNonContiguousRanges, fixedDate, maximumMonths } = toRefs(props);
+		const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
+		const dir = useDirection(propDir);
+		const locale = useLocale(propLocale);
+		const headingId = useId(void 0, "reka-month-range-picker-heading");
+		const lastPressedDateValue = ref();
+		const focusedValue = ref();
+		const isEditing = ref(false);
+		const modelValue = useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? {
+				start: void 0,
+				end: void 0
+			},
+			passive: props.modelValue === void 0
+		});
+		const normalizeRange = (value) => value ?? {
+			start: void 0,
+			end: void 0
+		};
+		const normalizedModelValue = computed(() => normalizeRange(modelValue.value));
+		const validModelValue = ref(normalizeRange(modelValue.value));
+		const defaultDate = getDefaultDate({
+			defaultPlaceholder: props.placeholder,
+			defaultValue: normalizeRange(modelValue.value).start,
+			locale: props.locale
+		});
+		const startValue = ref(normalizeRange(modelValue.value).start);
+		const endValue = ref(normalizeRange(modelValue.value).end);
+		const placeholder = useVModel(props, "placeholder", emits, {
+			defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),
+			passive: props.placeholder === void 0
+		});
+		function onPlaceholderChange(value) {
+			placeholder.value = value.copy();
+		}
+		const { fullCalendarLabel, headingValue, isMonthDisabled, isMonthUnavailable, isNextButtonDisabled, isPrevButtonDisabled, grid, nextPage, prevPage, formatter } = useMonthPicker({
+			locale,
+			placeholder,
+			minValue,
+			maxValue,
+			disabled,
+			isMonthDisabled: propsIsMonthDisabled,
+			isMonthUnavailable: propsIsMonthUnavailable,
+			calendarLabel,
+			nextPage: propsNextPage,
+			prevPage: propsPrevPage
+		});
+		const { isInvalid, isSelected, highlightedRange, isSelectionStart, isSelectionEnd, isHighlightedStart, isHighlightedEnd, isMonthDisabled: rangeIsMonthDisabled } = useRangeMonthPickerState({
+			start: startValue,
+			end: endValue,
+			isMonthDisabled,
+			isMonthUnavailable,
+			focusedValue,
+			allowNonContiguousRanges,
+			fixedDate,
+			maximumMonths
+		});
+		watch(modelValue, (_modelValue) => {
+			const next = normalizeRange(_modelValue);
+			const isStartSynced = !next.start && !startValue.value || !!next.start && !!startValue.value && isSameYearMonth(next.start, startValue.value);
+			if (!isStartSynced) startValue.value = next.start?.copy?.();
+			const isEndSynced = !next.end && !endValue.value || !!next.end && !!endValue.value && isSameYearMonth(next.end, endValue.value);
+			if (!isEndSynced) endValue.value = next.end?.copy?.();
+			if (next.start && next.end) validModelValue.value = {
+				start: next.start.copy(),
+				end: next.end.copy()
+			};
+		});
+		watch(startValue, (_startValue) => {
+			if (_startValue && !isSameYearMonth(_startValue, placeholder.value)) onPlaceholderChange(_startValue);
+			emits("update:startValue", _startValue);
+		});
+		watch([startValue, endValue], ([_startValue, _endValue]) => {
+			const value = modelValue.value;
+			if (value && value.start && value.end && _startValue && _endValue && isSameYearMonth(value.start, _startValue) && isSameYearMonth(value.end, _endValue)) return;
+			isEditing.value = true;
+			if (_endValue && _startValue) {
+				const nextValue = compareYearMonth(_endValue, _startValue) < 0 ? {
+					start: _endValue.copy(),
+					end: _startValue.copy()
+				} : {
+					start: _startValue.copy(),
+					end: _endValue.copy()
+				};
+				modelValue.value = {
+					start: nextValue.start,
+					end: nextValue.end
+				};
+				isEditing.value = false;
+				validModelValue.value = {
+					start: nextValue.start.copy(),
+					end: nextValue.end.copy()
+				};
+			} else modelValue.value = _startValue ? {
+				start: _startValue.copy(),
+				end: void 0
+			} : {
+				start: _endValue?.copy(),
+				end: void 0
+			};
+		});
+		const kbd = useKbd();
+		useEventListener(parentElement, "keydown", (ev) => {
+			if (ev.key === kbd.ESCAPE && isEditing.value) {
+				startValue.value = validModelValue.value.start?.copy();
+				endValue.value = validModelValue.value.end?.copy();
+			}
+		});
+		provideMonthRangePickerRootContext({
+			isMonthUnavailable,
+			startValue,
+			endValue,
+			formatter,
+			modelValue: normalizedModelValue,
+			placeholder,
+			disabled,
+			initialFocus,
+			grid,
+			readonly,
+			preventDeselect,
+			fullCalendarLabel,
+			headingValue,
+			headingId,
+			isInvalid,
+			isMonthDisabled: rangeIsMonthDisabled,
+			allowNonContiguousRanges,
+			highlightedRange,
+			focusedValue,
+			lastPressedDateValue,
+			isSelected,
+			isSelectionEnd,
+			isSelectionStart,
+			isNextButtonDisabled,
+			isPrevButtonDisabled,
+			nextPage,
+			prevPage,
+			parentElement,
+			onPlaceholderChange,
+			locale,
+			dir,
+			isHighlightedStart,
+			isHighlightedEnd,
+			fixedDate,
+			maximumMonths,
+			minValue,
+			maxValue
+		});
+		onMounted(() => {
+			if (initialFocus.value) handleCalendarInitialFocus(parentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				"aria-label": unref(fullCalendarLabel),
+				"data-readonly": unref(readonly) ? "" : void 0,
+				"data-disabled": unref(disabled) ? "" : void 0,
+				"data-invalid": unref(isInvalid) ? "" : void 0,
+				dir: unref(dir)
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(fullCalendarLabel)), 1)]), renderSlot(_ctx.$slots, "default", {
+					date: unref(placeholder),
+					grid: unref(grid),
+					locale: unref(locale),
+					modelValue: normalizedModelValue.value
+				})]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-label",
+				"data-readonly",
+				"data-disabled",
+				"data-invalid",
+				"dir"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/MonthRangePicker/MonthRangePickerRoot.vue
+var MonthRangePickerRoot_default = MonthRangePickerRoot_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { MonthRangePickerRoot_default, injectMonthRangePickerRootContext };
+//# sourceMappingURL=MonthRangePickerRoot.js.map

package/dist/MonthRangePicker/MonthRangePickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthRangePickerRoot.js","names":["as","asChild"],"sources":["../../src/MonthRangePicker/MonthRangePickerRoot.vue","../../src/MonthRangePicker/MonthRangePickerRoot.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/MonthRangePicker/useRangeMonthPicker.cjs

@@ -0,0 +1,128 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_date_comparators = require('../date/comparators.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/MonthRangePicker/useRangeMonthPicker.ts
+function useRangeMonthPickerState(props) {
+	const isStartInvalid = (0, vue.computed)(() => {
+		if (!props.start.value) return false;
+		if (props.isMonthDisabled(props.start.value)) return true;
+		return false;
+	});
+	const isEndInvalid = (0, vue.computed)(() => {
+		if (!props.end.value) return false;
+		if (props.isMonthDisabled(props.end.value)) return true;
+		return false;
+	});
+	const isInvalid = (0, vue.computed)(() => {
+		if (isStartInvalid.value || isEndInvalid.value) return true;
+		if (props.start.value && props.end.value && require_date_comparators.compareYearMonth(props.end.value, props.start.value) < 0) return true;
+		return false;
+	});
+	const isSelectionStart = (date) => {
+		if (!props.start.value) return false;
+		return require_date_comparators.isSameYearMonth(props.start.value, date);
+	};
+	const isSelectionEnd = (date) => {
+		if (!props.end.value) return false;
+		return require_date_comparators.isSameYearMonth(props.end.value, date);
+	};
+	const isSelected = (date) => {
+		if (props.start.value && require_date_comparators.isSameYearMonth(props.start.value, date)) return true;
+		if (props.end.value && require_date_comparators.isSameYearMonth(props.end.value, date)) return true;
+		if (props.end.value && props.start.value) return require_date_comparators.compareYearMonth(date, props.start.value) > 0 && require_date_comparators.compareYearMonth(date, props.end.value) < 0;
+		return false;
+	};
+	const rangeIsMonthDisabled = (date) => {
+		if (props.isMonthDisabled(date)) return true;
+		if (props.maximumMonths?.value) {
+			const maximumMonths = props.maximumMonths.value;
+			if (props.start.value && props.end.value) {
+				if (props.fixedDate.value) {
+					const diff = require_date_comparators.getMonthsBetween(props.start.value, props.end.value);
+					if (diff <= maximumMonths) {
+						const monthsLeft = maximumMonths - diff;
+						const startLimit = props.start.value.subtract({ months: monthsLeft });
+						const endLimit = props.end.value.add({ months: monthsLeft });
+						return require_date_comparators.compareYearMonth(date, startLimit) < 0 || require_date_comparators.compareYearMonth(date, endLimit) > 0;
+					}
+					const fixedValue = props.fixedDate.value === "start" ? props.start.value : props.end.value;
+					const maxDate = fixedValue.add({ months: maximumMonths - 1 });
+					const minDate = fixedValue.subtract({ months: maximumMonths - 1 });
+					return require_date_comparators.compareYearMonth(date, minDate) < 0 || require_date_comparators.compareYearMonth(date, maxDate) > 0;
+				}
+				return false;
+			}
+			if (props.start.value) {
+				const maxDate = props.start.value.add({ months: maximumMonths - 1 });
+				const minDate = props.start.value.subtract({ months: maximumMonths - 1 });
+				return require_date_comparators.compareYearMonth(date, minDate) < 0 || require_date_comparators.compareYearMonth(date, maxDate) > 0;
+			}
+		}
+		return false;
+	};
+	const highlightedRange = (0, vue.computed)(() => {
+		if (props.start.value && props.end.value && !props.fixedDate.value) return null;
+		if (!props.start.value || !props.focusedValue.value) return null;
+		const isStartBeforeFocused = require_date_comparators.compareYearMonth(props.start.value, props.focusedValue.value) < 0;
+		const start = isStartBeforeFocused ? props.start.value : props.focusedValue.value;
+		const end = isStartBeforeFocused ? props.focusedValue.value : props.start.value;
+		if (require_date_comparators.isSameYearMonth(start, end)) return {
+			start,
+			end
+		};
+		if (props.maximumMonths?.value && !props.end.value) {
+			const maximumMonths = props.maximumMonths.value;
+			const anchor = props.start.value;
+			const focused = props.focusedValue.value;
+			if (require_date_comparators.compareYearMonth(focused, anchor) >= 0) {
+				const maxEnd = anchor.add({ months: maximumMonths - 1 });
+				const cappedEnd = require_date_comparators.compareYearMonth(focused, maxEnd) > 0 ? maxEnd : focused;
+				return {
+					start: anchor,
+					end: cappedEnd
+				};
+			} else {
+				const minStart = anchor.subtract({ months: maximumMonths - 1 });
+				const cappedStart = require_date_comparators.compareYearMonth(focused, minStart) < 0 ? minStart : focused;
+				return {
+					start: cappedStart,
+					end: anchor
+				};
+			}
+		}
+		const isValid = require_date_comparators.areAllMonthsBetweenValid(start, end, props.allowNonContiguousRanges.value ? () => false : props.isMonthUnavailable, rangeIsMonthDisabled);
+		if (isValid) return {
+			start,
+			end
+		};
+		return null;
+	});
+	const isHighlightedStart = (date) => {
+		if (!highlightedRange.value?.start) return false;
+		return require_date_comparators.isSameYearMonth(highlightedRange.value.start, date);
+	};
+	const isHighlightedEnd = (date) => {
+		if (!highlightedRange.value?.end) return false;
+		return require_date_comparators.isSameYearMonth(highlightedRange.value.end, date);
+	};
+	return {
+		isInvalid,
+		isSelected,
+		highlightedRange,
+		isSelectionStart,
+		isSelectionEnd,
+		isHighlightedStart,
+		isHighlightedEnd,
+		isMonthDisabled: rangeIsMonthDisabled
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'useRangeMonthPickerState', {
+  enumerable: true,
+  get: function () {
+    return useRangeMonthPickerState;
+  }
+});
+//# sourceMappingURL=useRangeMonthPicker.cjs.map

package/dist/MonthRangePicker/useRangeMonthPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeMonthPicker.cjs","names":["props: UseRangeMonthPickerProps","date: DateValue"],"sources":["../../src/MonthRangePicker/useRangeMonthPicker.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/MonthRangePicker/useRangeMonthPicker.js

@@ -0,0 +1,122 @@
+import { areAllMonthsBetweenValid, compareYearMonth, getMonthsBetween, isSameYearMonth } from "../date/comparators.js";
+import { computed } from "vue";
+
+//#region src/MonthRangePicker/useRangeMonthPicker.ts
+function useRangeMonthPickerState(props) {
+	const isStartInvalid = computed(() => {
+		if (!props.start.value) return false;
+		if (props.isMonthDisabled(props.start.value)) return true;
+		return false;
+	});
+	const isEndInvalid = computed(() => {
+		if (!props.end.value) return false;
+		if (props.isMonthDisabled(props.end.value)) return true;
+		return false;
+	});
+	const isInvalid = computed(() => {
+		if (isStartInvalid.value || isEndInvalid.value) return true;
+		if (props.start.value && props.end.value && compareYearMonth(props.end.value, props.start.value) < 0) return true;
+		return false;
+	});
+	const isSelectionStart = (date) => {
+		if (!props.start.value) return false;
+		return isSameYearMonth(props.start.value, date);
+	};
+	const isSelectionEnd = (date) => {
+		if (!props.end.value) return false;
+		return isSameYearMonth(props.end.value, date);
+	};
+	const isSelected = (date) => {
+		if (props.start.value && isSameYearMonth(props.start.value, date)) return true;
+		if (props.end.value && isSameYearMonth(props.end.value, date)) return true;
+		if (props.end.value && props.start.value) return compareYearMonth(date, props.start.value) > 0 && compareYearMonth(date, props.end.value) < 0;
+		return false;
+	};
+	const rangeIsMonthDisabled = (date) => {
+		if (props.isMonthDisabled(date)) return true;
+		if (props.maximumMonths?.value) {
+			const maximumMonths = props.maximumMonths.value;
+			if (props.start.value && props.end.value) {
+				if (props.fixedDate.value) {
+					const diff = getMonthsBetween(props.start.value, props.end.value);
+					if (diff <= maximumMonths) {
+						const monthsLeft = maximumMonths - diff;
+						const startLimit = props.start.value.subtract({ months: monthsLeft });
+						const endLimit = props.end.value.add({ months: monthsLeft });
+						return compareYearMonth(date, startLimit) < 0 || compareYearMonth(date, endLimit) > 0;
+					}
+					const fixedValue = props.fixedDate.value === "start" ? props.start.value : props.end.value;
+					const maxDate = fixedValue.add({ months: maximumMonths - 1 });
+					const minDate = fixedValue.subtract({ months: maximumMonths - 1 });
+					return compareYearMonth(date, minDate) < 0 || compareYearMonth(date, maxDate) > 0;
+				}
+				return false;
+			}
+			if (props.start.value) {
+				const maxDate = props.start.value.add({ months: maximumMonths - 1 });
+				const minDate = props.start.value.subtract({ months: maximumMonths - 1 });
+				return compareYearMonth(date, minDate) < 0 || compareYearMonth(date, maxDate) > 0;
+			}
+		}
+		return false;
+	};
+	const highlightedRange = computed(() => {
+		if (props.start.value && props.end.value && !props.fixedDate.value) return null;
+		if (!props.start.value || !props.focusedValue.value) return null;
+		const isStartBeforeFocused = compareYearMonth(props.start.value, props.focusedValue.value) < 0;
+		const start = isStartBeforeFocused ? props.start.value : props.focusedValue.value;
+		const end = isStartBeforeFocused ? props.focusedValue.value : props.start.value;
+		if (isSameYearMonth(start, end)) return {
+			start,
+			end
+		};
+		if (props.maximumMonths?.value && !props.end.value) {
+			const maximumMonths = props.maximumMonths.value;
+			const anchor = props.start.value;
+			const focused = props.focusedValue.value;
+			if (compareYearMonth(focused, anchor) >= 0) {
+				const maxEnd = anchor.add({ months: maximumMonths - 1 });
+				const cappedEnd = compareYearMonth(focused, maxEnd) > 0 ? maxEnd : focused;
+				return {
+					start: anchor,
+					end: cappedEnd
+				};
+			} else {
+				const minStart = anchor.subtract({ months: maximumMonths - 1 });
+				const cappedStart = compareYearMonth(focused, minStart) < 0 ? minStart : focused;
+				return {
+					start: cappedStart,
+					end: anchor
+				};
+			}
+		}
+		const isValid = areAllMonthsBetweenValid(start, end, props.allowNonContiguousRanges.value ? () => false : props.isMonthUnavailable, rangeIsMonthDisabled);
+		if (isValid) return {
+			start,
+			end
+		};
+		return null;
+	});
+	const isHighlightedStart = (date) => {
+		if (!highlightedRange.value?.start) return false;
+		return isSameYearMonth(highlightedRange.value.start, date);
+	};
+	const isHighlightedEnd = (date) => {
+		if (!highlightedRange.value?.end) return false;
+		return isSameYearMonth(highlightedRange.value.end, date);
+	};
+	return {
+		isInvalid,
+		isSelected,
+		highlightedRange,
+		isSelectionStart,
+		isSelectionEnd,
+		isHighlightedStart,
+		isHighlightedEnd,
+		isMonthDisabled: rangeIsMonthDisabled
+	};
+}
+
+//#endregion
+export { useRangeMonthPickerState };
+//# sourceMappingURL=useRangeMonthPicker.js.map

package/dist/MonthRangePicker/useRangeMonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeMonthPicker.js","names":["props: UseRangeMonthPickerProps","date: DateValue"],"sources":["../../src/MonthRangePicker/useRangeMonthPicker.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/NavigationMenu/NavigationMenuItem.js

@@ -34,7 +34,7 @@ var NavigationMenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		const { getItems } = useCollection({ key: "NavigationMenu" });
 		const context = injectNavigationMenuContext();
 		const value = useId(props.value);
-		const triggerRef = ref();
+		const triggerRef$1 = ref();
 		const focusProxyRef = ref();
 		const contentId = makeContentId(context.baseId, value);
 		let restoreContentTabOrderRef = () => ({});
@@ -57,7 +57,7 @@ var NavigationMenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		provideNavigationMenuItemContext({
 			value,
 			contentId,
-			triggerRef,
+			triggerRef: triggerRef$1,
 			focusProxyRef,
 			wasEscapeCloseRef,
 			onEntryKeyDown: handleContentEntry,
@@ -67,7 +67,7 @@ var NavigationMenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		});
 		function handleClose() {
 			context.onItemDismiss();
-			triggerRef.value?.focus();
+			triggerRef$1.value?.focus();
 		}
 		function handleKeydown(ev) {
 			const currentFocus = getActiveElement();

package/dist/NavigationMenu/NavigationMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuItem.js","names":["asChild","as"],"sources":["../../src/NavigationMenu/NavigationMenuItem.vue","../../src/NavigationMenu/NavigationMenuItem.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;AA2BA,MAAa,CAAC,iCAAiC,iCAAgC,GAC3E,cAAyC,qBAAoB;;;;;;;;;;;;;;;;;;;EAcjE,MAAM,QAAQ;AAId,oBAAiB;EACjB,MAAM,EAAE,UAAU,GAAG,cAAc,EAAE,KAAK,iBAAkB,EAAA;EAE5D,MAAM,UAAU,6BAA4B;EAE5C,MAAM,QAAQ,MAAM,MAAM,MAAK;EAC/B,MAAM,aAAa,KAAiB;EACpC,MAAM,gBAAgB,KAAiB;EAEvC,MAAM,YAAY,cAAc,QAAQ,QAAQ,MAAK;EAErD,IAAI,4BAAwC,OAAO,CAAE;EAErD,MAAM,oBAAoB,IAAI,MAAK;EACnC,eAAe,mBAAmB,OAAO,SAAS;GAChD,MAAM,KAAK,SAAS,eAAe,UAAS;AAC5C,OAAI,IAAI;AACN,+BAA0B;IAC1B,MAAM,aAAa,sBAAsB,GAAE;AAC3C,QAAI,WAAW,OACb,YAAW,SAAS,UAAU,aAAa,WAAW,SAAS,CAAA;GACnE;EACF;EAEA,SAAS,oBAAoB;GAC3B,MAAM,KAAK,SAAS,eAAe,UAAS;AAC5C,OAAI,IAAI;IACN,MAAM,aAAa,sBAAsB,GAAE;AAC3C,QAAI,WAAW,OACb,6BAA4B,mBAAmB,WAAU;GAC7D;EACF;AAEA,mCAAiC;GAC/B;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB,mBAAmB;GACnB,uBAAuB;GACvB,oBAAoB;EACrB,EAAA;EAED,SAAS,cAAc;AACrB,WAAQ,eAAc;AACtB,cAAW,OAAO,OAAM;EAC1B;EAEA,SAAS,cAAc,IAAmB;GACxC,MAAM,eAAe,kBAAkB;AACvC,OAAI,GAAG,YAAY,MAAM,GAAG,QAAQ,QAClC,KAAI,QAAQ,WAAW,UAAU,OAAO;AACtC,iBAAY;AACZ,OAAG,gBAAe;AAClB;GACF,OACK;AACH,IAAC,GAAG,OAAuB,OAAM;AACjC,OAAG,gBAAe;AAClB;GACF;GAGF,MAAM,aAAa,UAAU,CAAC,OAAO,OACnC,EAAE,IAAI,eAAe,aAAa,iBAAiB,CACpD,CAAC,IAAI,OAAK,EAAE,IAAG;AAGhB,QAAK,WAAW,SAAS,aAAa,CACpC;GAEF,MAAM,qBAAqB,mBAAmB,IAAI,sBAAyB;IACzE;IACA,MAAM;GACP,EAAA;AAED,OAAI,mBACF,qBAAoB,OAAM;AAE5B,MAAG,gBAAe;AAClB,MAAG,iBAAgB;EACrB;;uBAIE,YAOY,MAAA,UAAA,EAAA;IANT,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACL,kBAAA;IACC,WAAO,SAAoC,eAAa;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA,EAAA;;qBAEzD,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}
+{"version":3,"file":"NavigationMenuItem.js","names":["asChild","as"],"sources":["../../src/NavigationMenu/NavigationMenuItem.vue","../../src/NavigationMenu/NavigationMenuItem.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;AA2BA,MAAa,CAAC,iCAAiC,iCAAgC,GAC3E,cAAyC,qBAAoB;;;;;;;;;;;;;;;;;;;EAcjE,MAAM,QAAQ;AAId,oBAAiB;EACjB,MAAM,EAAE,UAAU,GAAG,cAAc,EAAE,KAAK,iBAAkB,EAAA;EAE5D,MAAM,UAAU,6BAA4B;EAE5C,MAAM,QAAQ,MAAM,MAAM,MAAK;EAC/B,MAAM,eAAa,KAAiB;EACpC,MAAM,gBAAgB,KAAiB;EAEvC,MAAM,YAAY,cAAc,QAAQ,QAAQ,MAAK;EAErD,IAAI,4BAAwC,OAAO,CAAE;EAErD,MAAM,oBAAoB,IAAI,MAAK;EACnC,eAAe,mBAAmB,OAAO,SAAS;GAChD,MAAM,KAAK,SAAS,eAAe,UAAS;AAC5C,OAAI,IAAI;AACN,+BAA0B;IAC1B,MAAM,aAAa,sBAAsB,GAAE;AAC3C,QAAI,WAAW,OACb,YAAW,SAAS,UAAU,aAAa,WAAW,SAAS,CAAA;GACnE;EACF;EAEA,SAAS,oBAAoB;GAC3B,MAAM,KAAK,SAAS,eAAe,UAAS;AAC5C,OAAI,IAAI;IACN,MAAM,aAAa,sBAAsB,GAAE;AAC3C,QAAI,WAAW,OACb,6BAA4B,mBAAmB,WAAU;GAC7D;EACF;AAEA,mCAAiC;GAC/B;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB,mBAAmB;GACnB,uBAAuB;GACvB,oBAAoB;EACrB,EAAA;EAED,SAAS,cAAc;AACrB,WAAQ,eAAc;AACtB,gBAAW,OAAO,OAAM;EAC1B;EAEA,SAAS,cAAc,IAAmB;GACxC,MAAM,eAAe,kBAAkB;AACvC,OAAI,GAAG,YAAY,MAAM,GAAG,QAAQ,QAClC,KAAI,QAAQ,WAAW,UAAU,OAAO;AACtC,iBAAY;AACZ,OAAG,gBAAe;AAClB;GACF,OACK;AACH,IAAC,GAAG,OAAuB,OAAM;AACjC,OAAG,gBAAe;AAClB;GACF;GAGF,MAAM,aAAa,UAAU,CAAC,OAAO,OACnC,EAAE,IAAI,eAAe,aAAa,iBAAiB,CACpD,CAAC,IAAI,OAAK,EAAE,IAAG;AAGhB,QAAK,WAAW,SAAS,aAAa,CACpC;GAEF,MAAM,qBAAqB,mBAAmB,IAAI,sBAAyB;IACzE;IACA,MAAM;GACP,EAAA;AAED,OAAI,mBACF,qBAAoB,OAAM;AAE5B,MAAG,gBAAe;AAClB,MAAG,iBAAgB;EACrB;;uBAIE,YAOY,MAAA,UAAA,EAAA;IANT,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACL,kBAAA;IACC,WAAO,SAAoC,eAAa;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA,EAAA;;qBAEzD,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/NumberField/NumberFieldRoot.cjs

@@ -165,10 +165,10 @@ var NumberFieldRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			inputEl,
 			onInputElement: (el) => inputEl.value = el,
 			textValue,
+			readonly,
 			validate,
 			applyInputValue,
 			disabled,
-			readonly,
 			disableWheelChange,
 			invertWheelChange,
 			max,
@@ -189,7 +189,8 @@ var NumberFieldRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
 					modelValue: (0, vue.unref)(modelValue),
-					textValue: textValue.value
+					textValue: textValue.value,
+					readonly: (0, vue.unref)(readonly)
 				}), (0, vue.unref)(isFormControl) && _ctx.name ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_VisuallyHidden_VisuallyHiddenInput.VisuallyHiddenInput_default), {
 					key: 0,
 					type: "text",