reka-ui 2.8.2 → 2.9.0

package/dist/MonthPicker/MonthPickerRoot.js

@@ -0,0 +1,269 @@
+import { createContext } from "../shared/createContext.js";
+import { 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 { useLocale } from "../shared/useLocale.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { useMonthPicker, useMonthPickerState } from "./useMonthPicker.js";
+import { createBlock, createElementVNode, defineComponent, onMounted, openBlock, renderSlot, toDisplayString, toRefs, unref, watch, withCtx } from "vue";
+import { useVModel } from "@vueuse/core";
+
+//#region src/MonthPicker/MonthPickerRoot.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 [injectMonthPickerRootContext, provideMonthPickerRootContext] = createContext("MonthPickerRoot");
+var MonthPickerRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MonthPickerRoot",
+	props: {
+		defaultValue: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		defaultPlaceholder: {
+			type: null,
+			required: false
+		},
+		placeholder: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		preventDeselect: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		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
+		},
+		modelValue: {
+			type: null,
+			required: false
+		},
+		multiple: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	emits: ["update:modelValue", "update:placeholder"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { disabled, readonly, initialFocus, multiple, minValue, maxValue, preventDeselect, isMonthDisabled: propsIsMonthDisabled, isMonthUnavailable: propsIsMonthUnavailable, calendarLabel, defaultValue, nextPage: propsNextPage, prevPage: propsPrevPage, dir: propDir, locale: propLocale } = toRefs(props);
+		const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
+		const locale = useLocale(propLocale);
+		const dir = useDirection(propDir);
+		const headingId = useId(void 0, "reka-month-picker-heading");
+		const modelValue = useVModel(props, "modelValue", emits, {
+			defaultValue: defaultValue.value,
+			passive: props.modelValue === void 0
+		});
+		const defaultDate = getDefaultDate({
+			defaultPlaceholder: props.placeholder,
+			defaultValue: modelValue.value,
+			locale: props.locale
+		});
+		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, nextPage, prevPage, formatter, grid } = useMonthPicker({
+			locale,
+			placeholder,
+			minValue,
+			maxValue,
+			disabled,
+			isMonthDisabled: propsIsMonthDisabled,
+			isMonthUnavailable: propsIsMonthUnavailable,
+			calendarLabel,
+			nextPage: propsNextPage,
+			prevPage: propsPrevPage
+		});
+		const { isInvalid, isMonthSelected } = useMonthPickerState({
+			date: modelValue,
+			isMonthDisabled,
+			isMonthUnavailable
+		});
+		watch(modelValue, (_modelValue) => {
+			if (Array.isArray(_modelValue) && _modelValue.length) {
+				const lastValue = _modelValue[_modelValue.length - 1];
+				if (lastValue && !isSameYearMonth(placeholder.value, lastValue)) onPlaceholderChange(lastValue);
+			} else if (!Array.isArray(_modelValue) && _modelValue && !isSameYearMonth(placeholder.value, _modelValue)) onPlaceholderChange(_modelValue);
+		});
+		function onMonthChange(value) {
+			if (!multiple.value) {
+				if (!modelValue.value) {
+					modelValue.value = value.copy();
+					return;
+				}
+				if (!preventDeselect.value && isSameYearMonth(modelValue.value, value)) {
+					placeholder.value = value.copy();
+					modelValue.value = void 0;
+				} else modelValue.value = value.copy();
+			} else if (!modelValue.value) modelValue.value = [value.copy()];
+			else {
+				const modelValueArray = Array.isArray(modelValue.value) ? modelValue.value : [modelValue.value];
+				const index = modelValueArray.findIndex((date) => isSameYearMonth(date, value));
+				if (index === -1) modelValue.value = [...modelValueArray, value.copy()];
+				else if (!preventDeselect.value) {
+					const next = modelValueArray.filter((date) => !isSameYearMonth(date, value));
+					if (!next.length) {
+						placeholder.value = value.copy();
+						modelValue.value = void 0;
+						return;
+					}
+					modelValue.value = next.map((date) => date.copy());
+				}
+			}
+		}
+		onMounted(() => {
+			if (initialFocus.value) handleCalendarInitialFocus(parentElement.value);
+		});
+		provideMonthPickerRootContext({
+			isMonthUnavailable,
+			dir,
+			isMonthDisabled,
+			locale,
+			formatter,
+			modelValue,
+			placeholder,
+			disabled,
+			initialFocus,
+			grid,
+			multiple,
+			readonly,
+			preventDeselect,
+			fullCalendarLabel,
+			headingValue,
+			headingId,
+			isInvalid,
+			isMonthSelected,
+			isNextButtonDisabled,
+			isPrevButtonDisabled,
+			nextPage,
+			prevPage,
+			parentElement,
+			onPlaceholderChange,
+			onMonthChange,
+			minValue,
+			maxValue
+		});
+		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(() => [renderSlot(_ctx.$slots, "default", {
+					date: unref(placeholder),
+					grid: unref(grid),
+					locale: unref(locale),
+					modelValue: unref(modelValue)
+				}), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(fullCalendarLabel)), 1)])]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-label",
+				"data-readonly",
+				"data-disabled",
+				"data-invalid",
+				"dir"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/MonthPicker/MonthPickerRoot.vue
+var MonthPickerRoot_default = MonthPickerRoot_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { MonthPickerRoot_default, injectMonthPickerRootContext };
+//# sourceMappingURL=MonthPickerRoot.js.map

package/dist/MonthPicker/MonthPickerRoot.js.map

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

package/dist/MonthPicker/useMonthPicker.cjs

@@ -0,0 +1,148 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_date_comparators = require('../date/comparators.cjs');
+const require_date_calendar = require('../date/calendar.cjs');
+const require_shared_useDateFormatter = require('../shared/useDateFormatter.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __internationalized_date = require_rolldown_runtime.__toESM(require("@internationalized/date"));
+
+//#region src/MonthPicker/useMonthPicker.ts
+function useMonthPickerState(props) {
+	function isMonthSelected(dateObj) {
+		if (Array.isArray(props.date.value)) return props.date.value.some((d) => require_date_comparators.isSameYearMonth(d, dateObj));
+		else if (!props.date.value) return false;
+		else return require_date_comparators.isSameYearMonth(props.date.value, dateObj);
+	}
+	const isInvalid = (0, vue.computed)(() => {
+		if (Array.isArray(props.date.value)) {
+			if (!props.date.value.length) return false;
+			for (const dateObj of props.date.value) {
+				if (props.isMonthDisabled?.(dateObj)) return true;
+				if (props.isMonthUnavailable?.(dateObj)) return true;
+			}
+		} else {
+			if (!props.date.value) return false;
+			if (props.isMonthDisabled?.(props.date.value)) return true;
+			if (props.isMonthUnavailable?.(props.date.value)) return true;
+		}
+		return false;
+	});
+	return {
+		isMonthSelected,
+		isInvalid
+	};
+}
+function useMonthPicker(props) {
+	const formatter = require_shared_useDateFormatter.useDateFormatter(props.locale.value);
+	const resolveMatcher = (matcher) => typeof matcher === "function" ? matcher : matcher?.value;
+	const headingFormatOptions = (0, vue.computed)(() => {
+		const options = { calendar: props.placeholder.value.calendar.identifier };
+		if (props.placeholder.value.calendar.identifier === "gregory" && props.placeholder.value.era === "BC") options.era = "short";
+		return options;
+	});
+	const grid = (0, vue.ref)(require_date_calendar.createMonthGrid({ dateObj: props.placeholder.value }));
+	function isMonthDisabled(dateObj) {
+		if (resolveMatcher(props.isMonthDisabled)?.(dateObj) || props.disabled.value) return true;
+		if (props.maxValue.value && require_date_comparators.isAfter(dateObj.set({ day: 1 }), props.maxValue.value)) return true;
+		if (props.minValue.value && require_date_comparators.isBefore((0, __internationalized_date.endOfMonth)(dateObj), props.minValue.value)) return true;
+		return false;
+	}
+	const isMonthUnavailable = (date) => {
+		if (resolveMatcher(props.isMonthUnavailable)?.(date)) return true;
+		return false;
+	};
+	const isNextButtonDisabled = (nextPageFunc) => {
+		if (!props.maxValue.value) return false;
+		if (props.disabled.value) return true;
+		const currentDate = grid.value.value;
+		if (nextPageFunc || props.nextPage.value) {
+			const nextDate = (nextPageFunc || props.nextPage.value)(currentDate);
+			return require_date_comparators.isAfter(nextDate.set({
+				month: 1,
+				day: 1
+			}), props.maxValue.value);
+		}
+		const nextYear = currentDate.add({ years: 1 }).set({
+			month: 1,
+			day: 1
+		});
+		return require_date_comparators.isAfter(nextYear, props.maxValue.value);
+	};
+	const isPrevButtonDisabled = (prevPageFunc) => {
+		if (!props.minValue.value) return false;
+		if (props.disabled.value) return true;
+		const currentDate = grid.value.value;
+		if (prevPageFunc || props.prevPage.value) {
+			const prevDate = (prevPageFunc || props.prevPage.value)(currentDate);
+			return require_date_comparators.isBefore((0, __internationalized_date.endOfMonth)(prevDate.set({ month: 12 })), props.minValue.value);
+		}
+		const prevYear = currentDate.subtract({ years: 1 }).set({
+			month: 12,
+			day: 31
+		});
+		return require_date_comparators.isBefore(prevYear, props.minValue.value);
+	};
+	const nextPage = (nextPageFunc) => {
+		const currentDate = grid.value.value;
+		if (nextPageFunc || props.nextPage.value) {
+			const newDate$1 = (nextPageFunc || props.nextPage.value)(currentDate);
+			grid.value = require_date_calendar.createMonthGrid({ dateObj: newDate$1 });
+			props.placeholder.value = newDate$1.set({ day: 1 });
+			return;
+		}
+		const newDate = currentDate.add({ years: 1 });
+		grid.value = require_date_calendar.createMonthGrid({ dateObj: newDate });
+		props.placeholder.value = newDate.set({ day: 1 });
+	};
+	const prevPage = (prevPageFunc) => {
+		const currentDate = grid.value.value;
+		if (prevPageFunc || props.prevPage.value) {
+			const newDate$1 = (prevPageFunc || props.prevPage.value)(currentDate);
+			grid.value = require_date_calendar.createMonthGrid({ dateObj: newDate$1 });
+			props.placeholder.value = newDate$1.set({ day: 1 });
+			return;
+		}
+		const newDate = currentDate.subtract({ years: 1 });
+		grid.value = require_date_calendar.createMonthGrid({ dateObj: newDate });
+		props.placeholder.value = newDate.set({ day: 1 });
+	};
+	(0, vue.watch)(props.placeholder, (value) => {
+		if (value.year === grid.value.value.year) return;
+		grid.value = require_date_calendar.createMonthGrid({ dateObj: value });
+	});
+	(0, vue.watch)(props.locale, () => {
+		formatter.setLocale(props.locale.value);
+		grid.value = require_date_calendar.createMonthGrid({ dateObj: props.placeholder.value });
+	});
+	const headingValue = (0, vue.computed)(() => {
+		if (props.locale.value !== formatter.getLocale()) formatter.setLocale(props.locale.value);
+		return formatter.fullYear(require_date_comparators.toDate(grid.value.value), headingFormatOptions.value);
+	});
+	const fullCalendarLabel = (0, vue.computed)(() => `${props.calendarLabel.value ?? "Month Picker"}, ${headingValue.value}`);
+	return {
+		isMonthDisabled,
+		isMonthUnavailable,
+		isNextButtonDisabled,
+		isPrevButtonDisabled,
+		grid,
+		formatter,
+		nextPage,
+		prevPage,
+		headingValue,
+		fullCalendarLabel
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'useMonthPicker', {
+  enumerable: true,
+  get: function () {
+    return useMonthPicker;
+  }
+});
+Object.defineProperty(exports, 'useMonthPickerState', {
+  enumerable: true,
+  get: function () {
+    return useMonthPickerState;
+  }
+});
+//# sourceMappingURL=useMonthPicker.cjs.map

package/dist/MonthPicker/useMonthPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonthPicker.cjs","names":["props: UseMonthPickerStateProps","dateObj: DateValue","props: UseMonthPickerProps","matcher?: Matcher | Ref<Matcher | undefined>","options: DateFormatterOptions","date: DateValue","nextPageFunc?: (date: DateValue) => DateValue","prevPageFunc?: (date: DateValue) => DateValue","newDate"],"sources":["../../src/MonthPicker/useMonthPicker.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/MonthPicker/useMonthPicker.js

@@ -0,0 +1,136 @@
+import { isAfter, isBefore, isSameYearMonth, toDate } from "../date/comparators.js";
+import { createMonthGrid } from "../date/calendar.js";
+import { useDateFormatter } from "../shared/useDateFormatter.js";
+import { computed, ref, watch } from "vue";
+import { endOfMonth } from "@internationalized/date";
+
+//#region src/MonthPicker/useMonthPicker.ts
+function useMonthPickerState(props) {
+	function isMonthSelected(dateObj) {
+		if (Array.isArray(props.date.value)) return props.date.value.some((d) => isSameYearMonth(d, dateObj));
+		else if (!props.date.value) return false;
+		else return isSameYearMonth(props.date.value, dateObj);
+	}
+	const isInvalid = computed(() => {
+		if (Array.isArray(props.date.value)) {
+			if (!props.date.value.length) return false;
+			for (const dateObj of props.date.value) {
+				if (props.isMonthDisabled?.(dateObj)) return true;
+				if (props.isMonthUnavailable?.(dateObj)) return true;
+			}
+		} else {
+			if (!props.date.value) return false;
+			if (props.isMonthDisabled?.(props.date.value)) return true;
+			if (props.isMonthUnavailable?.(props.date.value)) return true;
+		}
+		return false;
+	});
+	return {
+		isMonthSelected,
+		isInvalid
+	};
+}
+function useMonthPicker(props) {
+	const formatter = useDateFormatter(props.locale.value);
+	const resolveMatcher = (matcher) => typeof matcher === "function" ? matcher : matcher?.value;
+	const headingFormatOptions = computed(() => {
+		const options = { calendar: props.placeholder.value.calendar.identifier };
+		if (props.placeholder.value.calendar.identifier === "gregory" && props.placeholder.value.era === "BC") options.era = "short";
+		return options;
+	});
+	const grid = ref(createMonthGrid({ dateObj: props.placeholder.value }));
+	function isMonthDisabled(dateObj) {
+		if (resolveMatcher(props.isMonthDisabled)?.(dateObj) || props.disabled.value) return true;
+		if (props.maxValue.value && isAfter(dateObj.set({ day: 1 }), props.maxValue.value)) return true;
+		if (props.minValue.value && isBefore(endOfMonth(dateObj), props.minValue.value)) return true;
+		return false;
+	}
+	const isMonthUnavailable = (date) => {
+		if (resolveMatcher(props.isMonthUnavailable)?.(date)) return true;
+		return false;
+	};
+	const isNextButtonDisabled = (nextPageFunc) => {
+		if (!props.maxValue.value) return false;
+		if (props.disabled.value) return true;
+		const currentDate = grid.value.value;
+		if (nextPageFunc || props.nextPage.value) {
+			const nextDate = (nextPageFunc || props.nextPage.value)(currentDate);
+			return isAfter(nextDate.set({
+				month: 1,
+				day: 1
+			}), props.maxValue.value);
+		}
+		const nextYear = currentDate.add({ years: 1 }).set({
+			month: 1,
+			day: 1
+		});
+		return isAfter(nextYear, props.maxValue.value);
+	};
+	const isPrevButtonDisabled = (prevPageFunc) => {
+		if (!props.minValue.value) return false;
+		if (props.disabled.value) return true;
+		const currentDate = grid.value.value;
+		if (prevPageFunc || props.prevPage.value) {
+			const prevDate = (prevPageFunc || props.prevPage.value)(currentDate);
+			return isBefore(endOfMonth(prevDate.set({ month: 12 })), props.minValue.value);
+		}
+		const prevYear = currentDate.subtract({ years: 1 }).set({
+			month: 12,
+			day: 31
+		});
+		return isBefore(prevYear, props.minValue.value);
+	};
+	const nextPage = (nextPageFunc) => {
+		const currentDate = grid.value.value;
+		if (nextPageFunc || props.nextPage.value) {
+			const newDate$1 = (nextPageFunc || props.nextPage.value)(currentDate);
+			grid.value = createMonthGrid({ dateObj: newDate$1 });
+			props.placeholder.value = newDate$1.set({ day: 1 });
+			return;
+		}
+		const newDate = currentDate.add({ years: 1 });
+		grid.value = createMonthGrid({ dateObj: newDate });
+		props.placeholder.value = newDate.set({ day: 1 });
+	};
+	const prevPage = (prevPageFunc) => {
+		const currentDate = grid.value.value;
+		if (prevPageFunc || props.prevPage.value) {
+			const newDate$1 = (prevPageFunc || props.prevPage.value)(currentDate);
+			grid.value = createMonthGrid({ dateObj: newDate$1 });
+			props.placeholder.value = newDate$1.set({ day: 1 });
+			return;
+		}
+		const newDate = currentDate.subtract({ years: 1 });
+		grid.value = createMonthGrid({ dateObj: newDate });
+		props.placeholder.value = newDate.set({ day: 1 });
+	};
+	watch(props.placeholder, (value) => {
+		if (value.year === grid.value.value.year) return;
+		grid.value = createMonthGrid({ dateObj: value });
+	});
+	watch(props.locale, () => {
+		formatter.setLocale(props.locale.value);
+		grid.value = createMonthGrid({ dateObj: props.placeholder.value });
+	});
+	const headingValue = computed(() => {
+		if (props.locale.value !== formatter.getLocale()) formatter.setLocale(props.locale.value);
+		return formatter.fullYear(toDate(grid.value.value), headingFormatOptions.value);
+	});
+	const fullCalendarLabel = computed(() => `${props.calendarLabel.value ?? "Month Picker"}, ${headingValue.value}`);
+	return {
+		isMonthDisabled,
+		isMonthUnavailable,
+		isNextButtonDisabled,
+		isPrevButtonDisabled,
+		grid,
+		formatter,
+		nextPage,
+		prevPage,
+		headingValue,
+		fullCalendarLabel
+	};
+}
+
+//#endregion
+export { useMonthPicker, useMonthPickerState };
+//# sourceMappingURL=useMonthPicker.js.map

package/dist/MonthPicker/useMonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonthPicker.js","names":["props: UseMonthPickerStateProps","dateObj: DateValue","props: UseMonthPickerProps","matcher?: Matcher | Ref<Matcher | undefined>","options: DateFormatterOptions","date: DateValue","nextPageFunc?: (date: DateValue) => DateValue","prevPageFunc?: (date: DateValue) => DateValue","newDate"],"sources":["../../src/MonthPicker/useMonthPicker.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/MonthRangePicker/MonthRangePickerCell.cjs

@@ -0,0 +1,59 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_MonthRangePicker_MonthRangePickerRoot = require('./MonthRangePickerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/MonthRangePicker/MonthRangePickerCell.vue?vue&type=script&setup=true&lang.ts
+var MonthRangePickerCell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "MonthRangePickerCell",
+	props: {
+		date: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "td"
+		}
+	},
+	setup(__props) {
+		const rootContext = require_MonthRangePicker_MonthRangePickerRoot.injectMonthRangePickerRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				role: "gridcell",
+				"aria-selected": (0, vue.unref)(rootContext).isSelected(_ctx.date) ? true : void 0,
+				"aria-disabled": (0, vue.unref)(rootContext).isMonthDisabled(_ctx.date) || (0, vue.unref)(rootContext).isMonthUnavailable?.(_ctx.date),
+				"data-disabled": (0, vue.unref)(rootContext).isMonthDisabled(_ctx.date) ? "" : void 0
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-selected",
+				"aria-disabled",
+				"data-disabled"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/MonthRangePicker/MonthRangePickerCell.vue
+var MonthRangePickerCell_default = MonthRangePickerCell_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'MonthRangePickerCell_default', {
+  enumerable: true,
+  get: function () {
+    return MonthRangePickerCell_default;
+  }
+});
+//# sourceMappingURL=MonthRangePickerCell.cjs.map

package/dist/MonthRangePicker/MonthRangePickerCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthRangePickerCell.cjs","names":["as","asChild","date"],"sources":["../../src/MonthRangePicker/MonthRangePickerCell.vue","../../src/MonthRangePicker/MonthRangePickerCell.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,cAAc,iFAAkC;;gCAIpD,qBASY,eAAA,sCAAA,EAAA;IART,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACX,MAAK;IACJ,iBAAe,eAAA,YAAW,CAAC,WAAWC,KAAAA,KAAI,GAAA;IAC1C,iBAAe,eAAA,YAAW,CAAC,gBAAgBA,KAAAA,KAAI,IAAK,eAAA,YAAW,CAAC,qBAAqBA,KAAAA,KAAI;IACzF,iBAAe,eAAA,YAAW,CAAC,gBAAgBA,KAAAA,KAAI,GAAA;;8BAEhD,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}