@youcan/celeste 0.9.3 → 0.10.0

package/dist/es/chunks/radio-group-card.js

@@ -13,7 +13,7 @@ var _hoisted_3 = {
 };
 //#endregion
 //#region src/components/radio-group/radio-group-card.vue
-var radio_group_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var radio_group_card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "radio-group-card",
 	props: {
 		for: {},
@@ -21,16 +21,22 @@ var radio_group_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default
 		as: {},
 		required: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
-				"aria-required": _ctx.required,
-				"aria-disabled": _ctx.disabled,
-				class: unref(clsx)("celeste-radio-card", props.class, { "celeste-radio-card-disabled": _ctx.disabled })
+				"aria-required": __props.required,
+				"aria-disabled": __props.disabled,
+				class: unref(clsx)("celeste-radio-card", props.class, { "celeste-radio-card-disabled": __props.disabled })
 			}), {
 				default: withCtx(() => [
 					_ctx.$slots.image || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
@@ -40,7 +46,7 @@ var radio_group_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default
 					}, [_ctx.$slots.image ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createElementVNode("i", {
 						class: "celeste-radio-card-preview-fallback",
 						"i-celeste-image-circle-fill": ""
-					}, null, -1)), renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+					}, null, -1)), renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {}, void 0, true, 1) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
 						createVNode(unref(Primitive), {
 							as: "span",
@@ -62,7 +68,7 @@ var radio_group_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default
 							"as-child": "",
 							class: "celeste-radio-card-badge"
 						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)]),
+							default: withCtx(() => [renderSlot(_ctx.$slots, "badge", { disabled: __props.disabled }, void 0, true)]),
 							_: 3
 						})) : createCommentVNode("", true)
 					])]), _ctx.$slots.description ? (openBlock(), createBlock(unref(Primitive), {
@@ -74,7 +80,7 @@ var radio_group_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default
 						_: 3
 					})) : createCommentVNode("", true)]),
 					createVNode(unref(Primitive), {
-						disabled: _ctx.disabled,
+						disabled: __props.disabled,
 						"as-child": "",
 						class: "celeste-radio-card-radio"
 					}, {

package/dist/es/chunks/radio-group-item.js

@@ -2,7 +2,7 @@ import { t as clsx } from "./clsx.js";
 import { t as isEqual } from "./ohash.D__AXeF1.js";
 import { t as createContext } from "./createContext.js";
 import { t as handleAndDispatchCustomEvent } from "./handleAndDispatchCustomEvent.js";
-import { i as useEventListener, s as useVModel } from "./dist.js";
+import { f as useVModel, s as useEventListener } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useFormControl } from "./useFormControl.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
@@ -14,7 +14,7 @@ import { t as RovingFocusItem_default } from "./RovingFocusItem.js";
 import { n as injectRadioGroupRootContext } from "./RadioGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toRefs, unref, withCtx, withKeys, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/utils.js
 var RADIO_SELECT = "radio.select";
 function handleSelect(event, value, callback) {
 	handleAndDispatchCustomEvent(RADIO_SELECT, callback, {
@@ -23,7 +23,7 @@ function handleSelect(event, value, callback) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/Radio.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/Radio.js
 var Radio_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Radio",
@@ -138,8 +138,8 @@ var Radio_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupItem.js
-var [injectRadioGroupItemContext, provideRadiogroupItemContext] = /* @__PURE__ */ createContext("RadioGroupItem");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupItem.js
+var [injectRadioGroupItemContext, provideRadiogroupItemContext] = /*#__PURE__*/ createContext("RadioGroupItem");
 var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "RadioGroupItem",
@@ -256,7 +256,7 @@ var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupIndicator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RadioGroup/RadioGroupIndicator.js
 var RadioGroupIndicator_default = /* @__PURE__ */ defineComponent({
 	__name: "RadioGroupIndicator",
 	props: {
@@ -311,11 +311,18 @@ var radio_group_item_default = /* @__PURE__ */ defineComponent({
 		as: {},
 		name: {},
 		required: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"));
+		const delegatedProps = useDelegatedProps(props, "class");
+		const forwarded = useForwardPropsEmits(delegatedProps);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(RadioGroupItem_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-radio-item", props.class) }), {
 				default: withCtx(() => [createVNode(unref(RadioGroupIndicator_default), { class: "celeste-radio-indicator" })]),

package/dist/es/chunks/radio-group-label.js

@@ -16,7 +16,7 @@ var _hoisted_3 = {
 };
 //#endregion
 //#region src/components/radio-group/radio-group-label.vue
-var radio_group_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var radio_group_label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "radio-group-label",
 	props: {
 		for: {},
@@ -24,15 +24,21 @@ var radio_group_label_default = /* @__PURE__ */ _plugin_vue_export_helper_defaul
 		as: {},
 		required: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
-				"aria-required": _ctx.required,
-				"aria-disabled": _ctx.disabled,
+				"aria-required": __props.required,
+				"aria-disabled": __props.disabled,
 				class: unref(clsx)("celeste-radio-label", props.class)
 			}), {
 				default: withCtx(() => [createVNode(unref(Primitive), {

package/dist/es/chunks/radio-group.js

@@ -18,13 +18,20 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 		as: {},
 		name: {},
 		required: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
+		const delegatedProps = useDelegatedProps(props, "class");
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(RadioGroupRoot_default), mergeProps({ class: unref(clsx)("celeste-radio-wrapper", props.class) }, unref(forwarded)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

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

@@ -1,9 +1,9 @@
 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 { i as useEventListener, s as useVModel } from "./dist.js";
+import { f 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 $fb18d541ea1ad717$export$ad991b66133851cf, g as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, h as $14e0f24ef4ac5c92$export$a18c89cbd24170ff, i as getWeekStartsOn, l as isBetween, m as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, o as areAllDaysBetweenValid, p as $14e0f24ef4ac5c92$export$629b0a497aa65267, r as getDaysBetween, s as getDefaultDate, t as useCalendar, u as isBetweenInclusive, v as $14e0f24ef4ac5c92$export$ea39ec197993aef0 } from "./useCalendar.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";
@@ -11,7 +11,7 @@ import { t as useLocale } from "./useLocale.js";
 import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { useDelegatedProps } from "../use-delegated-props.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.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/useRangeCalendar.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_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;
@@ -30,15 +30,15 @@ function useRangeCalendarState(props) {
 	});
 	const isSelectionStart = (date) => {
 		if (!props.start.value) return false;
-		return $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.start.value, date);
+		return $ad063034c8620db8$export$ea39ec197993aef0(props.start.value, date);
 	};
 	const isSelectionEnd = (date) => {
 		if (!props.end.value) return false;
-		return $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.end.value, date);
+		return $ad063034c8620db8$export$ea39ec197993aef0(props.end.value, date);
 	};
 	const isSelected = (date) => {
-		if (props.start.value && $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.start.value, date)) return true;
-		if (props.end.value && $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.end.value, date)) return true;
+		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;
 	};
@@ -50,14 +50,17 @@ function useRangeCalendarState(props) {
 					const diff = getDaysBetween(props.start.value, props.end.value).length;
 					if (diff <= props.maximumDays.value) {
 						const daysLeft = props.maximumDays.value - diff - 1;
-						return !isBetween(date, props.start.value.subtract({ days: daysLeft }), props.end.value.add({ days: daysLeft }));
+						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 });
-				return !isBetween(date, props.start.value.subtract({ days: props.maximumDays.value }), maxDate);
+				const minDate = props.start.value.subtract({ days: props.maximumDays.value });
+				return !isBetween(date, minDate, maxDate);
 			}
 		}
 		return false;
@@ -72,7 +75,7 @@ function useRangeCalendarState(props) {
 		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 ($14e0f24ef4ac5c92$export$ea39ec197993aef0(start, end)) return {
+		if ($ad063034c8620db8$export$ea39ec197993aef0(start, end)) return {
 			start,
 			end
 		};
@@ -97,11 +100,11 @@ function useRangeCalendarState(props) {
 	});
 	const isHighlightedStart = (date) => {
 		if (!highlightedRange.value || !highlightedRange.value.start) return false;
-		return $14e0f24ef4ac5c92$export$ea39ec197993aef0(highlightedRange.value.start, date);
+		return $ad063034c8620db8$export$ea39ec197993aef0(highlightedRange.value.start, date);
 	};
 	const isHighlightedEnd = (date) => {
 		if (!highlightedRange.value || !highlightedRange.value.end) return false;
-		return $14e0f24ef4ac5c92$export$ea39ec197993aef0(highlightedRange.value.end, date);
+		return $ad063034c8620db8$export$ea39ec197993aef0(highlightedRange.value.end, date);
 	};
 	const hasSelectedDate = computed(() => {
 		return !!(props.start.value || props.end.value);
@@ -137,7 +140,7 @@ function useRangeCalendarState(props) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_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)",
@@ -154,7 +157,7 @@ var _hoisted_2$1 = {
 	role: "heading",
 	"aria-level": "2"
 };
-var [injectRangeCalendarRootContext, provideRangeCalendarRootContext] = /* @__PURE__ */ createContext("RangeCalendarRoot");
+var [injectRangeCalendarRootContext, provideRangeCalendarRootContext] = /*#__PURE__*/ createContext("RangeCalendarRoot");
 var RangeCalendarRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarRoot",
 	props: {
@@ -372,16 +375,16 @@ var RangeCalendarRoot_default = /* @__PURE__ */ defineComponent({
 		});
 		watch(modelValue, (_modelValue) => {
 			const next = normalizeRange(_modelValue);
-			if (!(!next.start && !startValue.value || !!next.start && !!startValue.value && $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(next.start, startValue.value))) startValue.value = next.start?.copy?.();
-			if (!(!next.end && !endValue.value || !!next.end && !!endValue.value && $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(next.end, endValue.value))) endValue.value = next.end?.copy?.();
+			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 && !$14e0f24ef4ac5c92$export$91b62ebf2ba703ee(_startValue, placeholder.value)) onPlaceholderChange(_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 && $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(value.start, _startValue) && $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(value.end, _endValue)) return;
+			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) ? {
@@ -505,7 +508,7 @@ var RangeCalendarRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarCell.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarCell.js
 var RangeCalendarCell_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarCell",
 	props: {
@@ -547,7 +550,7 @@ var RangeCalendarCell_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarCellTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarCellTrigger.js
 var RangeCalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarCellTrigger",
 	props: {
@@ -589,39 +592,39 @@ var RangeCalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 		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 $14e0f24ef4ac5c92$export$629b0a497aa65267(props.day, $14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+			return $ad063034c8620db8$export$629b0a497aa65267(props.day, $ad063034c8620db8$export$aa8b41735afcabd2());
 		});
 		const isOutsideView = computed(() => {
-			return !$14e0f24ef4ac5c92$export$a18c89cbd24170ff(props.day, props.month);
+			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 && $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.placeholder.value)) return true;
-			if (!rootContext.disabled.value && rootContext.selectedFocusableDate.value && !rootContext.isPlaceholderFocusable.value) return $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.selectedFocusableDate.value);
-			if (!rootContext.disabled.value && (!rootContext.hasSelectedDate.value || rootContext.isSelectedDisabled.value) && !rootContext.isPlaceholderFocusable.value) return rootContext.firstFocusableDate.value && $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.day, rootContext.firstFocusableDate.value);
+			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 ($14e0f24ef4ac5c92$export$ea39ec197993aef0(date, rootContext.startValue.value) && !rootContext.preventDeselect.value && !rootContext.endValue.value) {
+				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 && $14e0f24ef4ac5c92$export$ea39ec197993aef0(rootContext.lastPressedDateValue.value, date)) rootContext.startValue.value = date.copy();
+					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 && $14e0f24ef4ac5c92$export$ea39ec197993aef0(rootContext.startValue.value, rootContext.endValue.value) && $14e0f24ef4ac5c92$export$ea39ec197993aef0(rootContext.startValue.value, date) && !rootContext.preventDeselect.value) {
+			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);
@@ -663,7 +666,7 @@ var RangeCalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 					shiftFocus(props.day, -sign);
 					break;
 				case kbd.ARROW_UP:
-					shiftFocus(props.day, -indexIncrementation);
+					shiftFocus(props.day, -7);
 					break;
 				case kbd.ARROW_DOWN:
 					shiftFocus(props.day, indexIncrementation);
@@ -770,7 +773,7 @@ var RangeCalendarCellTrigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGrid.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGrid.js
 var RangeCalendarGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarGrid",
 	props: {
@@ -811,7 +814,7 @@ var RangeCalendarGrid_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridBody.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridBody.js
 var RangeCalendarGridBody_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarGridBody",
 	props: {
@@ -836,7 +839,7 @@ var RangeCalendarGridBody_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridHead.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridHead.js
 var RangeCalendarGridHead_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarGridHead",
 	props: {
@@ -861,7 +864,7 @@ var RangeCalendarGridHead_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridRow.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarGridRow.js
 var RangeCalendarGridRow_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarGridRow",
 	props: {
@@ -886,7 +889,7 @@ var RangeCalendarGridRow_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarHeadCell.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarHeadCell.js
 var RangeCalendarHeadCell_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarHeadCell",
 	props: {
@@ -911,7 +914,7 @@ var RangeCalendarHeadCell_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarNext.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarNext.js
 var RangeCalendarNext_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarNext",
 	props: {
@@ -962,7 +965,7 @@ var RangeCalendarNext_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarPrev.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/RangeCalendarPrev.js
 var RangeCalendarPrev_default = /* @__PURE__ */ defineComponent({
 	__name: "RangeCalendarPrev",
 	props: {
@@ -1020,10 +1023,16 @@ var _hoisted_3 = { class: "celeste-range-calendar-heading" };
 var _hoisted_4 = { class: "celeste-range-calendar-day-number" };
 //#endregion
 //#region src/components/range-calendar/range-calendar.vue
-var range_calendar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "range-calendar",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		markedDates: {},
 		defaultPlaceholder: {},
 		defaultValue: {},
@@ -1067,16 +1076,17 @@ var range_calendar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, ["class", "markedDates"]), emits);
-		const monthFormatter = computed(() => new $fb18d541ea1ad717$export$ad991b66133851cf(props.locale ?? "en-US", {
+		const delegatedProps = useDelegatedProps(props, ["class", "markedDates"]);
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const monthFormatter = computed(() => new $12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
 		}));
 		function formatMonth(date) {
-			return monthFormatter.value.format(date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
+			return monthFormatter.value.format(date.toDate($ad063034c8620db8$export$aa8b41735afcabd2()));
 		}
 		function isMarked(date) {
-			return props.markedDates?.some((marked) => $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(marked, date)) ?? false;
+			return props.markedDates?.some((marked) => $ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
 		function weekdayLabel(day) {
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
@@ -1089,18 +1099,18 @@ var range_calendar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 						class: "celeste-range-calendar-month"
 					}, [createElementVNode("div", _hoisted_2, [
 						createVNode(unref(RangeCalendarPrev_default), { "as-child": "" }, {
-							default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("button", {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
 								type: "button",
 								class: "celeste-range-calendar-nav"
-							}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])),
+							}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
 							_: 1
 						}),
 						createElementVNode("span", _hoisted_3, toDisplayString(formatMonth(month.value)), 1),
 						createVNode(unref(RangeCalendarNext_default), { "as-child": "" }, {
-							default: withCtx(() => _cache[1] || (_cache[1] = [createElementVNode("button", {
+							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)])),
+							}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
 							_: 1
 						})
 					]), createVNode(unref(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {

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

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { _ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, f as $fb18d541ea1ad717$export$ad991b66133851cf, g as $14e0f24ef4ac5c92$export$aa8b41735afcabd2 } from "./useCalendar.js";
+import { _ as $ad063034c8620db8$export$d0bdf45af03a6ea3, f as $12a3c853105e5a70$export$ad991b66133851cf, g as $ad063034c8620db8$export$aa8b41735afcabd2 } from "./useCalendar.js";
 import { t as range_calendar_default } from "./range-calendar.js";
 import { t as button_default } from "./button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
@@ -26,9 +26,9 @@ var _hoisted_9 = {
 };
 //#endregion
 //#region src/components/range-picker/range-picker.vue
-var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var range_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "range-picker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		showPresets: {
 			type: Boolean,
 			default: true
@@ -42,7 +42,13 @@ var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		placeholderLabel: { default: "Select a range" },
 		cancelLabel: { default: "Cancel" },
 		applyLabel: { default: "Apply" },
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		markedDates: {},
 		defaultPlaceholder: {},
 		defaultValue: {},
@@ -79,12 +85,12 @@ var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		}) },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["apply", "cancel"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["apply", "cancel"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
 		function defaultPresets() {
-			const now = $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+			const now = $ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2());
 			return [
 				{
 					label: "Today",
@@ -175,7 +181,7 @@ var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		watch(modelValue, () => {
 			if (!settingFromPreset) activePreset.value = null;
 		}, { deep: true });
-		const rangeFormatter = computed(() => new $fb18d541ea1ad717$export$ad991b66133851cf(props.locale ?? "en-US", {
+		const rangeFormatter = computed(() => new $12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "short",
 			day: "2-digit",
 			year: "numeric"
@@ -183,11 +189,11 @@ var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		const formattedRange = computed(() => {
 			const value = modelValue.value;
 			if (!value?.start || !value?.end) return "";
-			const tz = $14e0f24ef4ac5c92$export$aa8b41735afcabd2();
+			const tz = $ad063034c8620db8$export$aa8b41735afcabd2();
 			return `${rangeFormatter.value.format(value.start.toDate(tz))} - ${rangeFormatter.value.format(value.end.toDate(tz))}`;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-range-picker", props.class)) }, [_ctx.showPresets ? (openBlock(), createElementBlock("aside", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(presetList.value, (preset) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-range-picker", props.class)) }, [__props.showPresets ? (openBlock(), createElementBlock("aside", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(presetList.value, (preset) => {
 				return openBlock(), createElementBlock("button", {
 					key: preset.label,
 					type: "button",
@@ -198,14 +204,14 @@ var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			}), 128))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(range_calendar_default, mergeProps({
 				modelValue: modelValue.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-			}, unref(calendarProps)), null, 16, ["modelValue"])]), _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
-				createElementVNode("p", _hoisted_6, [formattedRange.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_7, toDisplayString(_ctx.rangeLabel) + "\xA0", 1), createElementVNode("span", _hoisted_8, toDisplayString(formattedRange.value), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(_ctx.placeholderLabel), 1))]),
+			}, unref(calendarProps)), null, 16, ["modelValue"])]), __props.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
+				createElementVNode("p", _hoisted_6, [formattedRange.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_7, toDisplayString(__props.rangeLabel) + "\xA0", 1), createElementVNode("span", _hoisted_8, toDisplayString(formattedRange.value), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(__props.placeholderLabel), 1))]),
 				createVNode(button_default, {
 					variant: "stroke",
 					intent: "neutral",
 					onClick: _cache[1] || (_cache[1] = ($event) => emits("cancel"))
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelLabel), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
 					_: 1
 				}),
 				createVNode(button_default, {
@@ -213,7 +219,7 @@ var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 					intent: "primary",
 					onClick: _cache[2] || (_cache[2] = ($event) => emits("apply", modelValue.value))
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.applyLabel), 1)]),
 					_: 1
 				})
 			])) : createCommentVNode("", true)])], 2);