reka-ui 2.8.2 → 2.9.1

package/dist/MonthRangePicker/MonthRangePickerRoot.cjs

@@ -0,0 +1,347 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_createContext = require('../shared/createContext.cjs');
+const require_date_comparators = require('../date/comparators.cjs');
+const require_date_utils = require('../date/utils.cjs');
+const require_shared_useDirection = require('../shared/useDirection.cjs');
+const require_shared_useId = require('../shared/useId.cjs');
+const require_shared_useKbd = require('../shared/useKbd.cjs');
+const require_shared_useLocale = require('../shared/useLocale.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
+const require_MonthPicker_useMonthPicker = require('../MonthPicker/useMonthPicker.cjs');
+const require_MonthRangePicker_useRangeMonthPicker = require('./useRangeMonthPicker.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __vueuse_core = require_rolldown_runtime.__toESM(require("@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] = require_shared_createContext.createContext("MonthRangePickerRoot");
+var MonthRangePickerRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.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 } = (0, vue.toRefs)(props);
+		const { primitiveElement, currentElement: parentElement } = require_Primitive_usePrimitiveElement.usePrimitiveElement();
+		const dir = require_shared_useDirection.useDirection(propDir);
+		const locale = require_shared_useLocale.useLocale(propLocale);
+		const headingId = require_shared_useId.useId(void 0, "reka-month-range-picker-heading");
+		const lastPressedDateValue = (0, vue.ref)();
+		const focusedValue = (0, vue.ref)();
+		const isEditing = (0, vue.ref)(false);
+		const modelValue = (0, __vueuse_core.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 = (0, vue.computed)(() => normalizeRange(modelValue.value));
+		const validModelValue = (0, vue.ref)(normalizeRange(modelValue.value));
+		const defaultDate = require_date_comparators.getDefaultDate({
+			defaultPlaceholder: props.placeholder,
+			defaultValue: normalizeRange(modelValue.value).start,
+			locale: props.locale
+		});
+		const startValue = (0, vue.ref)(normalizeRange(modelValue.value).start);
+		const endValue = (0, vue.ref)(normalizeRange(modelValue.value).end);
+		const placeholder = (0, __vueuse_core.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 } = require_MonthPicker_useMonthPicker.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 } = require_MonthRangePicker_useRangeMonthPicker.useRangeMonthPickerState({
+			start: startValue,
+			end: endValue,
+			isMonthDisabled,
+			isMonthUnavailable,
+			focusedValue,
+			allowNonContiguousRanges,
+			fixedDate,
+			maximumMonths
+		});
+		(0, vue.watch)(modelValue, (_modelValue) => {
+			const next = normalizeRange(_modelValue);
+			const isStartSynced = !next.start && !startValue.value || !!next.start && !!startValue.value && require_date_comparators.isSameYearMonth(next.start, startValue.value);
+			if (!isStartSynced) startValue.value = next.start?.copy?.();
+			const isEndSynced = !next.end && !endValue.value || !!next.end && !!endValue.value && require_date_comparators.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()
+			};
+		});
+		(0, vue.watch)(startValue, (_startValue) => {
+			if (_startValue && !require_date_comparators.isSameYearMonth(_startValue, placeholder.value)) onPlaceholderChange(_startValue);
+			emits("update:startValue", _startValue);
+		});
+		(0, vue.watch)([startValue, endValue], ([_startValue, _endValue]) => {
+			const value = modelValue.value;
+			if (value && value.start && value.end && _startValue && _endValue && require_date_comparators.isSameYearMonth(value.start, _startValue) && require_date_comparators.isSameYearMonth(value.end, _endValue)) return;
+			isEditing.value = true;
+			if (_endValue && _startValue) {
+				const nextValue = require_date_comparators.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 = require_shared_useKbd.useKbd();
+		(0, __vueuse_core.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
+		});
+		(0, vue.onMounted)(() => {
+			if (initialFocus.value) require_date_utils.handleCalendarInitialFocus(parentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				"aria-label": (0, vue.unref)(fullCalendarLabel),
+				"data-readonly": (0, vue.unref)(readonly) ? "" : void 0,
+				"data-disabled": (0, vue.unref)(disabled) ? "" : void 0,
+				"data-invalid": (0, vue.unref)(isInvalid) ? "" : void 0,
+				dir: (0, vue.unref)(dir)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, (0, vue.toDisplayString)((0, vue.unref)(fullCalendarLabel)), 1)]), (0, vue.renderSlot)(_ctx.$slots, "default", {
+					date: (0, vue.unref)(placeholder),
+					grid: (0, vue.unref)(grid),
+					locale: (0, vue.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
+Object.defineProperty(exports, 'MonthRangePickerRoot_default', {
+  enumerable: true,
+  get: function () {
+    return MonthRangePickerRoot_default;
+  }
+});
+Object.defineProperty(exports, 'injectMonthRangePickerRootContext', {
+  enumerable: true,
+  get: function () {
+    return injectMonthRangePickerRootContext;
+  }
+});
+//# sourceMappingURL=MonthRangePickerRoot.cjs.map

package/dist/MonthRangePicker/MonthRangePickerRoot.cjs.map

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

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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"}