@youcan/celeste 0.21.2 → 0.22.0

package/dist/es/chunks/range-calendar.js

@@ -1,1022 +1,10 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as createContext } from "./createContext.js";
-import { p as useVModel, s as useEventListener } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { a as handleCalendarInitialFocus, c as isBefore, d as toDate, f as $12a3c853105e5a70$export$ad991b66133851cf, g as $ad063034c8620db8$export$aa8b41735afcabd2, h as $ad063034c8620db8$export$a18c89cbd24170ff, i as getWeekStartsOn, l as isBetween, m as $ad063034c8620db8$export$91b62ebf2ba703ee, o as areAllDaysBetweenValid, p as $ad063034c8620db8$export$629b0a497aa65267, r as getDaysBetween, s as getDefaultDate, t as useCalendar, u as isBetweenInclusive, v as $ad063034c8620db8$export$ea39ec197993aef0 } from "./useCalendar.js";
-import { t as useDirection } from "./useDirection.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as useKbd } from "./useKbd.js";
-import { t as useLocale } from "./useLocale.js";
-import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { useDirection as useDirection$1 } from "../use-direction.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRefs, unref, watch, withCtx, withKeys } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/useRangeCalendar.js
-function useRangeCalendarState(props) {
-	const isStartInvalid = computed(() => {
-		if (!props.start.value) return false;
-		if (props.isDateDisabled(props.start.value)) return true;
-		return false;
-	});
-	const isEndInvalid = computed(() => {
-		if (!props.end.value) return false;
-		if (props.isDateDisabled(props.end.value)) return true;
-		return false;
-	});
-	const isInvalid = computed(() => {
-		if (isStartInvalid.value || isEndInvalid.value) return true;
-		if (props.start.value && props.end.value && isBefore(props.end.value, props.start.value)) return true;
-		return false;
-	});
-	const isSelectionStart = (date) => {
-		if (!props.start.value) return false;
-		return $ad063034c8620db8$export$ea39ec197993aef0(props.start.value, date);
-	};
-	const isSelectionEnd = (date) => {
-		if (!props.end.value) return false;
-		return $ad063034c8620db8$export$ea39ec197993aef0(props.end.value, date);
-	};
-	const isSelected = (date) => {
-		if (props.start.value && $ad063034c8620db8$export$ea39ec197993aef0(props.start.value, date)) return true;
-		if (props.end.value && $ad063034c8620db8$export$ea39ec197993aef0(props.end.value, date)) return true;
-		if (props.end.value && props.start.value) return isBetween(date, props.start.value, props.end.value);
-		return false;
-	};
-	const rangeIsDateDisabled = (date) => {
-		if (props.isDateDisabled(date)) return true;
-		if (props.maximumDays?.value) {
-			if (props.start.value && props.end.value) {
-				if (props.fixedDate.value) {
-					const diff = getDaysBetween(props.start.value, props.end.value).length;
-					if (diff <= props.maximumDays.value) {
-						const daysLeft = props.maximumDays.value - diff - 1;
-						const startLimit = props.start.value.subtract({ days: daysLeft });
-						const endLimit = props.end.value.add({ days: daysLeft });
-						return !isBetween(date, startLimit, endLimit);
-					}
-				}
-				return false;
-			}
-			if (props.start.value) {
-				const maxDate = props.start.value.add({ days: props.maximumDays.value });
-				const minDate = props.start.value.subtract({ days: props.maximumDays.value });
-				return !isBetween(date, minDate, maxDate);
-			}
-		}
-		return false;
-	};
-	const isDateHighlightable = (date) => {
-		if (props.isDateHighlightable?.(date)) return true;
-		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 = isBefore(props.start.value, props.focusedValue.value);
-		const start = isStartBeforeFocused ? props.start.value : props.focusedValue.value;
-		const end = isStartBeforeFocused ? props.focusedValue.value : props.start.value;
-		if ($ad063034c8620db8$export$ea39ec197993aef0(start, end)) return {
-			start,
-			end
-		};
-		if (props.maximumDays?.value && !props.end.value) {
-			const maximumDays = props.maximumDays.value;
-			const anchor = props.start.value;
-			const focused = props.focusedValue.value;
-			if (!isBefore(focused, anchor)) return {
-				start: anchor,
-				end: anchor.add({ days: maximumDays - 1 })
-			};
-			return {
-				start: anchor.subtract({ days: maximumDays - 1 }),
-				end: anchor
-			};
-		}
-		if (areAllDaysBetweenValid(start, end, props.allowNonContiguousRanges.value ? () => false : props.isDateUnavailable, rangeIsDateDisabled, props.isDateHighlightable)) return {
-			start,
-			end
-		};
-		return null;
-	});
-	const isHighlightedStart = (date) => {
-		if (!highlightedRange.value || !highlightedRange.value.start) return false;
-		return $ad063034c8620db8$export$ea39ec197993aef0(highlightedRange.value.start, date);
-	};
-	const isHighlightedEnd = (date) => {
-		if (!highlightedRange.value || !highlightedRange.value.end) return false;
-		return $ad063034c8620db8$export$ea39ec197993aef0(highlightedRange.value.end, date);
-	};
-	const hasSelectedDate = computed(() => {
-		return !!(props.start.value || props.end.value);
-	});
-	const isStartDateDisabled = computed(() => {
-		return !!(props.start.value && props.isDateDisabled(props.start.value));
-	});
-	const isEndDateDisabled = computed(() => {
-		return !!(props.end.value && props.isDateDisabled(props.end.value));
-	});
-	return {
-		isInvalid,
-		isSelected,
-		isDateHighlightable,
-		highlightedRange,
-		isSelectionStart,
-		isSelectionEnd,
-		isHighlightedStart,
-		isHighlightedEnd,
-		isDateDisabled: rangeIsDateDisabled,
-		hasSelectedDate,
-		isSelectedDisabled: computed(() => {
-			const hasStart = !!props.start.value;
-			const hasEnd = !!props.end.value;
-			if (!hasStart && !hasEnd) return false;
-			if (hasStart && hasEnd) return isStartDateDisabled.value && isEndDateDisabled.value;
-			return hasStart && isStartDateDisabled.value || hasEnd && isEndDateDisabled.value;
-		}),
-		selectedFocusableDate: computed(() => {
-			if (props.start.value && !isStartDateDisabled.value) return props.start.value;
-			if (props.end.value && !isEndDateDisabled.value) return props.end.value;
-		})
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarRoot.js
-var _hoisted_1$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"
-} };
-var _hoisted_2$1 = {
-	role: "heading",
-	"aria-level": "2"
-};
-var [injectRangeCalendarRootContext, provideRangeCalendarRootContext] = /*#__PURE__*/ createContext("RangeCalendarRoot");
-var RangeCalendarRoot_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarRoot",
-	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
-		},
-		pagedNavigation: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		preventDeselect: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		maximumDays: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		weekStartsOn: {
-			type: Number,
-			required: false
-		},
-		weekdayFormat: {
-			type: String,
-			required: false,
-			default: "narrow"
-		},
-		calendarLabel: {
-			type: String,
-			required: false
-		},
-		fixedWeeks: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		maxValue: {
-			type: null,
-			required: false
-		},
-		minValue: {
-			type: null,
-			required: false
-		},
-		locale: {
-			type: String,
-			required: false
-		},
-		numberOfMonths: {
-			type: Number,
-			required: false,
-			default: 1
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		readonly: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		initialFocus: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		isDateDisabled: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		isDateUnavailable: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		isDateHighlightable: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		nextPage: {
-			type: Function,
-			required: false
-		},
-		prevPage: {
-			type: Function,
-			required: false
-		},
-		disableDaysOutsideCurrentView: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		fixedDate: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"update:validModelValue",
-		"update:placeholder",
-		"update:startValue"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { disabled, readonly, initialFocus, pagedNavigation, weekdayFormat, fixedWeeks, numberOfMonths, preventDeselect, isDateUnavailable: propsIsDateUnavailable, isDateHighlightable: propsIsDateHighlightable, isDateDisabled: propsIsDateDisabled, calendarLabel, maxValue, minValue, dir: propDir, locale: propLocale, nextPage: propsNextPage, prevPage: propsPrevPage, allowNonContiguousRanges, disableDaysOutsideCurrentView, fixedDate, maximumDays } = toRefs(props);
-		const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
-		const dir = useDirection(propDir);
-		const locale = useLocale(propLocale);
-		const weekStartsOn = computed(() => props.weekStartsOn ?? getWeekStartsOn(locale.value));
-		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));
-		watch(validModelValue, (value) => {
-			emits("update:validModelValue", 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, isDateDisabled, isDateUnavailable, isNextButtonDisabled, isPrevButtonDisabled, grid, weekdays, isOutsideVisibleView, nextPage, prevPage, formatter, isPlaceholderFocusable, firstFocusableDate } = useCalendar({
-			locale,
-			placeholder,
-			weekStartsOn,
-			fixedWeeks,
-			numberOfMonths,
-			minValue,
-			maxValue,
-			disabled,
-			weekdayFormat,
-			pagedNavigation,
-			isDateDisabled: propsIsDateDisabled.value,
-			isDateUnavailable: propsIsDateUnavailable.value,
-			calendarLabel,
-			nextPage: propsNextPage,
-			prevPage: propsPrevPage
-		});
-		const { isInvalid, isSelected, isDateHighlightable, highlightedRange, isSelectionStart, isSelectionEnd, isHighlightedStart, isHighlightedEnd, isDateDisabled: rangeIsDateDisabled, hasSelectedDate, isSelectedDisabled, selectedFocusableDate } = useRangeCalendarState({
-			start: startValue,
-			end: endValue,
-			isDateDisabled,
-			isDateUnavailable,
-			isDateHighlightable: propsIsDateHighlightable.value,
-			focusedValue,
-			allowNonContiguousRanges,
-			fixedDate,
-			maximumDays
-		});
-		watch(modelValue, (_modelValue) => {
-			const next = normalizeRange(_modelValue);
-			if (!(!next.start && !startValue.value || !!next.start && !!startValue.value && $ad063034c8620db8$export$91b62ebf2ba703ee(next.start, startValue.value))) startValue.value = next.start?.copy?.();
-			if (!(!next.end && !endValue.value || !!next.end && !!endValue.value && $ad063034c8620db8$export$91b62ebf2ba703ee(next.end, endValue.value))) endValue.value = next.end?.copy?.();
-		});
-		watch(startValue, (_startValue) => {
-			if (_startValue && !$ad063034c8620db8$export$91b62ebf2ba703ee(_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 && $ad063034c8620db8$export$91b62ebf2ba703ee(value.start, _startValue) && $ad063034c8620db8$export$91b62ebf2ba703ee(value.end, _endValue)) return;
-			isEditing.value = true;
-			if (_endValue && _startValue) {
-				const nextValue = isBefore(_endValue, _startValue) ? {
-					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();
-			}
-		});
-		provideRangeCalendarRootContext({
-			isDateUnavailable,
-			isDateHighlightable,
-			startValue,
-			endValue,
-			formatter,
-			modelValue: normalizedModelValue,
-			placeholder,
-			disabled,
-			initialFocus,
-			pagedNavigation,
-			grid,
-			weekDays: weekdays,
-			weekStartsOn,
-			weekdayFormat,
-			fixedWeeks,
-			numberOfMonths,
-			readonly,
-			preventDeselect,
-			fullCalendarLabel,
-			headingValue,
-			isInvalid,
-			isDateDisabled: rangeIsDateDisabled,
-			allowNonContiguousRanges,
-			highlightedRange,
-			focusedValue,
-			lastPressedDateValue,
-			isSelected,
-			isSelectionEnd,
-			isSelectionStart,
-			isNextButtonDisabled,
-			isPrevButtonDisabled,
-			isOutsideVisibleView,
-			nextPage,
-			prevPage,
-			parentElement,
-			onPlaceholderChange,
-			locale,
-			dir,
-			isHighlightedStart,
-			isHighlightedEnd,
-			disableDaysOutsideCurrentView,
-			fixedDate,
-			maximumDays,
-			minValue,
-			maxValue,
-			isPlaceholderFocusable,
-			firstFocusableDate,
-			hasSelectedDate,
-			isSelectedDisabled,
-			selectedFocusableDate
-		});
-		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$1, [createElementVNode("div", _hoisted_2$1, toDisplayString(unref(fullCalendarLabel)), 1)]), renderSlot(_ctx.$slots, "default", {
-					date: unref(placeholder),
-					grid: unref(grid),
-					weekDays: unref(weekdays),
-					weekStartsOn: weekStartsOn.value,
-					locale: unref(locale),
-					fixedWeeks: unref(fixedWeeks),
-					modelValue: normalizedModelValue.value
-				})]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"aria-label",
-				"data-readonly",
-				"data-disabled",
-				"data-invalid",
-				"dir"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarCell.js
-var RangeCalendarCell_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarCell",
-	props: {
-		date: {
-			type: null,
-			required: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "td"
-		}
-	},
-	setup(__props) {
-		const rootContext = injectRangeCalendarRootContext();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				role: "gridcell",
-				"aria-selected": unref(rootContext).isSelected(_ctx.date) ? true : void 0,
-				"aria-disabled": unref(rootContext).isDateDisabled(_ctx.date) || unref(rootContext).isDateUnavailable?.(_ctx.date) || unref(rootContext).disableDaysOutsideCurrentView.value,
-				"data-disabled": unref(rootContext).isDateDisabled(_ctx.date) || unref(rootContext).disableDaysOutsideCurrentView.value ? "" : void 0
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"aria-selected",
-				"aria-disabled",
-				"data-disabled"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarCellTrigger.js
-var RangeCalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarCellTrigger",
-	props: {
-		day: {
-			type: null,
-			required: true
-		},
-		month: {
-			type: null,
-			required: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectRangeCalendarRootContext();
-		const kbd = useKbd();
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const labelText = computed(() => rootContext.formatter.custom(toDate(props.day), {
-			weekday: "long",
-			month: "long",
-			day: "numeric",
-			year: "numeric"
-		}));
-		const isUnavailable = computed(() => rootContext.isDateUnavailable?.(props.day) ?? false);
-		const isSelectedDate = computed(() => rootContext.isSelected(props.day));
-		const isSelectionStart = computed(() => rootContext.isSelectionStart(props.day));
-		const isSelectionEnd = computed(() => rootContext.isSelectionEnd(props.day));
-		const isHighlightStart = computed(() => rootContext.isHighlightedStart(props.day));
-		const isHighlightEnd = computed(() => rootContext.isHighlightedEnd(props.day));
-		const isHighlighted = computed(() => rootContext.highlightedRange.value ? isBetweenInclusive(props.day, rootContext.highlightedRange.value.start, rootContext.highlightedRange.value.end) : false);
-		const allowNonContiguousRanges = computed(() => rootContext.allowNonContiguousRanges.value);
-		const isDateToday = computed(() => {
-			return $ad063034c8620db8$export$629b0a497aa65267(props.day, $ad063034c8620db8$export$aa8b41735afcabd2());
-		});
-		const isOutsideView = computed(() => {
-			return !$ad063034c8620db8$export$a18c89cbd24170ff(props.day, props.month);
-		});
-		const isOutsideVisibleView = computed(() => rootContext.isOutsideVisibleView(props.day));
-		const isDisabled = computed(() => rootContext.isDateDisabled(props.day) || rootContext.disableDaysOutsideCurrentView.value && isOutsideView.value);
-		const dayValue = computed(() => props.day.day.toLocaleString(rootContext.locale.value));
-		const isFocusedDate = computed(() => {
-			if (isOutsideView.value || isDisabled.value) return false;
-			if (!rootContext.disabled.value && rootContext.isPlaceholderFocusable.value && $ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.placeholder.value)) return true;
-			if (!rootContext.disabled.value && rootContext.selectedFocusableDate.value && !rootContext.isPlaceholderFocusable.value) return $ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.selectedFocusableDate.value);
-			if (!rootContext.disabled.value && (!rootContext.hasSelectedDate.value || rootContext.isSelectedDisabled.value) && !rootContext.isPlaceholderFocusable.value) return rootContext.firstFocusableDate.value && $ad063034c8620db8$export$ea39ec197993aef0(props.day, rootContext.firstFocusableDate.value);
-			return false;
-		});
-		function changeDate(e, date) {
-			if (rootContext.readonly.value) return;
-			if (rootContext.isDateDisabled(date) || rootContext.isDateUnavailable?.(date)) return;
-			if (rootContext.startValue.value && rootContext.highlightedRange.value === null) {
-				if ($ad063034c8620db8$export$ea39ec197993aef0(date, rootContext.startValue.value) && !rootContext.preventDeselect.value && !rootContext.endValue.value) {
-					rootContext.startValue.value = void 0;
-					rootContext.onPlaceholderChange(date);
-					rootContext.lastPressedDateValue.value = date.copy();
-					return;
-				} else if (!rootContext.endValue.value) {
-					e.preventDefault();
-					if (rootContext.lastPressedDateValue.value && $ad063034c8620db8$export$ea39ec197993aef0(rootContext.lastPressedDateValue.value, date)) rootContext.startValue.value = date.copy();
-					rootContext.lastPressedDateValue.value = date.copy();
-					return;
-				}
-			}
-			rootContext.lastPressedDateValue.value = date.copy();
-			if (rootContext.startValue.value && rootContext.endValue.value && $ad063034c8620db8$export$ea39ec197993aef0(rootContext.startValue.value, rootContext.endValue.value) && $ad063034c8620db8$export$ea39ec197993aef0(rootContext.startValue.value, date) && !rootContext.preventDeselect.value) {
-				rootContext.startValue.value = void 0;
-				rootContext.endValue.value = void 0;
-				rootContext.onPlaceholderChange(date);
-				return;
-			}
-			if (!rootContext.startValue.value) rootContext.startValue.value = date.copy();
-			else if (!rootContext.endValue.value) rootContext.endValue.value = date.copy();
-			else if (rootContext.endValue.value && rootContext.startValue.value) {
-				if (!rootContext.fixedDate.value) {
-					rootContext.endValue.value = void 0;
-					rootContext.startValue.value = date.copy();
-				} else if (rootContext.fixedDate.value === "start") if (date.compare(rootContext.startValue.value) < 0) rootContext.startValue.value = date.copy();
-				else rootContext.endValue.value = date.copy();
-				else if (rootContext.fixedDate.value === "end") if (date.compare(rootContext.endValue.value) > 0) rootContext.endValue.value = date.copy();
-				else rootContext.startValue.value = date.copy();
-			}
-		}
-		function handleClick(e) {
-			if (isDisabled.value) return;
-			changeDate(e, props.day);
-		}
-		function handleFocus() {
-			if (isDisabled.value || rootContext.isDateUnavailable?.(props.day)) return;
-			rootContext.focusedValue.value = props.day.copy();
-		}
-		function handleArrowKey(e) {
-			if (isDisabled.value) return;
-			if ((e.code === kbd.ENTER || e.code === kbd.SPACE_CODE) && (e.ctrlKey || e.metaKey || e.altKey)) return;
-			e.preventDefault();
-			e.stopPropagation();
-			const parentElement = rootContext.parentElement.value;
-			const indexIncrementation = 7;
-			const sign = rootContext.dir.value === "rtl" ? -1 : 1;
-			switch (e.code) {
-				case kbd.ARROW_RIGHT:
-					shiftFocus(props.day, sign);
-					break;
-				case kbd.ARROW_LEFT:
-					shiftFocus(props.day, -sign);
-					break;
-				case kbd.ARROW_UP:
-					shiftFocus(props.day, -7);
-					break;
-				case kbd.ARROW_DOWN:
-					shiftFocus(props.day, indexIncrementation);
-					break;
-				case kbd.ENTER:
-				case kbd.SPACE_CODE: changeDate(e, props.day);
-			}
-			function shiftFocus(day, add) {
-				const candidateDayValue = day.add({ days: add });
-				if (rootContext.minValue.value && candidateDayValue.compare(rootContext.minValue.value) < 0 || rootContext.maxValue.value && candidateDayValue.compare(rootContext.maxValue.value) > 0) return;
-				const candidateDay = parentElement.querySelector(`[data-value='${candidateDayValue.toString()}']:not([data-outside-view])`);
-				if (!candidateDay) {
-					if (add > 0) {
-						if (rootContext.isNextButtonDisabled()) return;
-						rootContext.nextPage();
-					} else {
-						if (rootContext.isPrevButtonDisabled()) return;
-						rootContext.prevPage();
-					}
-					nextTick(() => {
-						shiftFocus(day, add);
-					});
-					return;
-				}
-				if (candidateDay && candidateDay.hasAttribute("data-disabled")) return shiftFocus(candidateDayValue, add);
-				rootContext.onPlaceholderChange(candidateDayValue);
-				candidateDay?.focus();
-			}
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				role: "button",
-				"aria-label": labelText.value,
-				"data-reka-calendar-cell-trigger": "",
-				"aria-pressed": isSelectedDate.value && (allowNonContiguousRanges.value || !isUnavailable.value) ? true : void 0,
-				"aria-disabled": isDisabled.value || isUnavailable.value ? true : void 0,
-				"data-highlighted": isHighlighted.value && (allowNonContiguousRanges.value || !isUnavailable.value) ? "" : void 0,
-				"data-selection-start": isSelectionStart.value ? true : void 0,
-				"data-selection-end": isSelectionEnd.value ? true : void 0,
-				"data-highlighted-start": isHighlightStart.value ? true : void 0,
-				"data-highlighted-end": isHighlightEnd.value ? true : void 0,
-				"data-selected": isSelectedDate.value && (allowNonContiguousRanges.value || !isUnavailable.value) ? true : void 0,
-				"data-outside-visible-view": isOutsideVisibleView.value ? "" : void 0,
-				"data-value": _ctx.day.toString(),
-				"data-disabled": isDisabled.value ? "" : void 0,
-				"data-unavailable": isUnavailable.value ? "" : void 0,
-				"data-today": isDateToday.value ? "" : void 0,
-				"data-outside-view": isOutsideView.value ? "" : void 0,
-				"data-focused": isFocusedDate.value ? "" : void 0,
-				tabindex: isFocusedDate.value ? 0 : isOutsideView.value || isDisabled.value ? void 0 : -1,
-				onClick: handleClick,
-				onFocusin: handleFocus,
-				onMouseenter: handleFocus,
-				onKeydown: withKeys(handleArrowKey, [
-					"up",
-					"down",
-					"left",
-					"right",
-					"enter",
-					"space"
-				])
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					dayValue: dayValue.value,
-					disabled: isDisabled.value,
-					today: isDateToday.value,
-					selected: isSelectedDate.value,
-					outsideView: isOutsideView.value,
-					outsideVisibleView: isOutsideVisibleView.value,
-					unavailable: isUnavailable.value,
-					highlighted: isHighlighted.value && (allowNonContiguousRanges.value || !isUnavailable.value),
-					highlightedStart: isHighlightStart.value,
-					highlightedEnd: isHighlightEnd.value,
-					selectionStart: isSelectionStart.value,
-					selectionEnd: isSelectionEnd.value
-				}, () => [createTextVNode(toDisplayString(dayValue.value), 1)])]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"aria-label",
-				"aria-pressed",
-				"aria-disabled",
-				"data-highlighted",
-				"data-selection-start",
-				"data-selection-end",
-				"data-highlighted-start",
-				"data-highlighted-end",
-				"data-selected",
-				"data-outside-visible-view",
-				"data-value",
-				"data-disabled",
-				"data-unavailable",
-				"data-today",
-				"data-outside-view",
-				"data-focused",
-				"tabindex"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGrid.js
-var RangeCalendarGrid_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarGrid",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "table"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectRangeCalendarRootContext();
-		const disabled = computed(() => rootContext.disabled.value ? true : void 0);
-		const readonly = computed(() => rootContext.readonly.value ? true : void 0);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				tabindex: "-1",
-				role: "application",
-				"aria-readonly": readonly.value,
-				"aria-disabled": disabled.value,
-				"data-readonly": readonly.value && "",
-				"data-disabled": disabled.value && "",
-				onMouseleave: _cache[0] || (_cache[0] = ($event) => unref(rootContext).focusedValue.value = void 0)
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"aria-readonly",
-				"aria-disabled",
-				"data-readonly",
-				"data-disabled"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridBody.js
-var RangeCalendarGridBody_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarGridBody",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "tbody"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), normalizeProps(guardReactiveProps(props)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridHead.js
-var RangeCalendarGridHead_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarGridHead",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "thead"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { "aria-hidden": "true" }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridRow.js
-var RangeCalendarGridRow_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarGridRow",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "tr"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), normalizeProps(guardReactiveProps(props)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarHeadCell.js
-var RangeCalendarHeadCell_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarHeadCell",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "th"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), normalizeProps(guardReactiveProps(props)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarNext.js
-var RangeCalendarNext_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarNext",
-	props: {
-		nextPage: {
-			type: Function,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const disabled = computed(() => rootContext.disabled.value || rootContext.isNextButtonDisabled(props.nextPage));
-		const rootContext = injectRangeCalendarRootContext();
-		function handleClick() {
-			if (disabled.value) return;
-			rootContext.nextPage(props.nextPage);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				as: props.as,
-				"as-child": props.asChild,
-				"aria-label": "Next page",
-				type: props.as === "button" ? "button" : void 0,
-				"aria-disabled": disabled.value || void 0,
-				"data-disabled": disabled.value || void 0,
-				disabled: disabled.value,
-				onClick: handleClick
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { disabled: disabled.value }, () => [_cache[0] || (_cache[0] = createTextVNode(" Next page "))])]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"type",
-				"aria-disabled",
-				"data-disabled",
-				"disabled"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarPrev.js
-var RangeCalendarPrev_default = /* @__PURE__ */ defineComponent({
-	__name: "RangeCalendarPrev",
-	props: {
-		prevPage: {
-			type: Function,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const disabled = computed(() => rootContext.disabled.value || rootContext.isPrevButtonDisabled(props.prevPage));
-		const rootContext = injectRangeCalendarRootContext();
-		function handleClick() {
-			if (disabled.value) return;
-			rootContext.prevPage(props.prevPage);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				as: props.as,
-				"as-child": props.asChild,
-				"aria-label": "Previous page",
-				type: props.as === "button" ? "button" : void 0,
-				"aria-disabled": disabled.value || void 0,
-				"data-disabled": disabled.value || void 0,
-				disabled: disabled.value,
-				onClick: handleClick
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { disabled: disabled.value }, () => [_cache[0] || (_cache[0] = createTextVNode(" Prev page "))])]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"type",
-				"aria-disabled",
-				"data-disabled",
-				"disabled"
-			]);
-		};
-	}
-});
-//#endregion
+import { useDirection } from "../use-direction.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, useForwardPropsEmits } from "reka-ui";
+import { DateFormatter, getLocalTimeZone, isEqualDay } from "@internationalized/date";
 //#region src/components/range-calendar/range-calendar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-range-calendar-months" };
 var _hoisted_2 = { class: "celeste-range-calendar-header" };
@@ -1079,23 +67,23 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, ["class", "markedDates"]);
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
-		const dir = useDirection$1(() => props.dir);
-		const monthFormatter = computed(() => new $12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
+		const dir = useDirection(() => props.dir);
+		const monthFormatter = computed(() => new DateFormatter(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
 		}));
 		function formatMonth(date) {
-			return monthFormatter.value.format(date.toDate($ad063034c8620db8$export$aa8b41735afcabd2()));
+			return monthFormatter.value.format(date.toDate(getLocalTimeZone()));
 		}
 		function isMarked(date) {
-			return props.markedDates?.some((marked) => $ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
+			return props.markedDates?.some((marked) => isEqualDay(marked, date)) ?? false;
 		}
 		function weekdayLabel(day) {
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RangeCalendarRoot_default), mergeProps(unref(forwarded), {
-				class: unref(clsx)("celeste-range-calendar", props.class),
+			return openBlock(), createBlock(unref(RangeCalendarRoot), mergeProps(unref(forwarded), {
+				class: unref(clsx$1)("celeste-range-calendar", props.class),
 				dir: unref(dir)
 			}), {
 				default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
@@ -1103,7 +91,7 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						key: month.value.toString(),
 						class: "celeste-range-calendar-month"
 					}, [createElementVNode("div", _hoisted_2, [
-						createVNode(unref(RangeCalendarPrev_default), { "as-child": "" }, {
+						createVNode(unref(RangeCalendarPrev), { "as-child": "" }, {
 							default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
 								type: "button",
 								class: "celeste-range-calendar-nav"
@@ -1111,18 +99,18 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 							_: 1
 						}),
 						createElementVNode("span", _hoisted_3, toDisplayString(formatMonth(month.value)), 1),
-						createVNode(unref(RangeCalendarNext_default), { "as-child": "" }, {
+						createVNode(unref(RangeCalendarNext), { "as-child": "" }, {
 							default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("button", {
 								type: "button",
 								class: "celeste-range-calendar-nav"
 							}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
 							_: 1
 						})
-					]), createVNode(unref(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
-						default: withCtx(() => [createVNode(unref(RangeCalendarGridHead_default), null, {
-							default: withCtx(() => [createVNode(unref(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
+					]), createVNode(unref(RangeCalendarGrid), { class: "celeste-range-calendar-grid" }, {
+						default: withCtx(() => [createVNode(unref(RangeCalendarGridHead), null, {
+							default: withCtx(() => [createVNode(unref(RangeCalendarGridRow), { class: "celeste-range-calendar-week" }, {
 								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
-									return openBlock(), createBlock(unref(RangeCalendarHeadCell_default), {
+									return openBlock(), createBlock(unref(RangeCalendarHeadCell), {
 										key: day,
 										class: "celeste-range-calendar-weekday"
 									}, {
@@ -1133,19 +121,19 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024), createVNode(unref(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
+						}, 1024), createVNode(unref(RangeCalendarGridBody), { class: "celeste-range-calendar-body" }, {
 							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
-								return openBlock(), createBlock(unref(RangeCalendarGridRow_default), {
+								return openBlock(), createBlock(unref(RangeCalendarGridRow), {
 									key: `week-${index}`,
 									class: "celeste-range-calendar-week"
 								}, {
 									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
-										return openBlock(), createBlock(unref(RangeCalendarCell_default), {
+										return openBlock(), createBlock(unref(RangeCalendarCell), {
 											key: weekDate.toString(),
 											date: weekDate,
 											class: "celeste-range-calendar-cell"
 										}, {
-											default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger_default), {
+											default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger), {
 												day: weekDate,
 												month: month.value,
 												class: "celeste-range-calendar-day",