@youcan/celeste 0.12.0 → 0.13.0

package/dist/es/chunks/calendar.js

@@ -3,6 +3,7 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { t as createContext } from "./createContext.js";
 import { p as useVModel } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { a as handleCalendarInitialFocus, d as toDate, g as $ad063034c8620db8$export$aa8b41735afcabd2, h as $ad063034c8620db8$export$a18c89cbd24170ff, i as getWeekStartsOn, m as $ad063034c8620db8$export$91b62ebf2ba703ee, n as useCalendarState, p as $ad063034c8620db8$export$629b0a497aa65267, s as getDefaultDate, t as useCalendar, v as $ad063034c8620db8$export$ea39ec197993aef0 } from "./useCalendar.js";
 import { t as useDirection } from "./useDirection.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
@@ -10,6 +11,7 @@ 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, renderList, renderSlot, toDisplayString, toRefs, unref, watch, withCtx, withKeys } from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Calendar/CalendarRoot.js
 var _hoisted_1$1 = { style: {
@@ -835,6 +837,7 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, ["class", "markedDates"]);
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const direction = useDirection$1();
 		function isMarked(date) {
 			return props.markedDates?.some((marked) => $ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
@@ -842,82 +845,85 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CalendarRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-calendar", props.class) }), {
-				default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [
-					createVNode(unref(CalendarPrev_default), { "as-child": "" }, {
-						default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
-							type: "button",
-							class: "celeste-calendar-nav"
-						}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
-						_: 1
-					}),
-					createVNode(unref(CalendarHeading_default), { class: "celeste-calendar-heading" }),
-					createVNode(unref(CalendarNext_default), { "as-child": "" }, {
-						default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("button", {
-							type: "button",
-							class: "celeste-calendar-nav"
-						}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
-						_: 1
-					})
-				]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
-					return openBlock(), createBlock(unref(CalendarGrid_default), {
-						key: month.value.toString(),
-						class: "celeste-calendar-grid"
-					}, {
-						default: withCtx(() => [createVNode(unref(CalendarGridHead_default), null, {
-							default: withCtx(() => [createVNode(unref(CalendarGridRow_default), { class: "celeste-calendar-week" }, {
-								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
-									return openBlock(), createBlock(unref(CalendarHeadCell_default), {
-										key: day,
-										class: "celeste-calendar-weekday"
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(CalendarRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-calendar", props.class) }), {
+					default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [
+						createVNode(unref(CalendarPrev_default), { "as-child": "" }, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
+								type: "button",
+								class: "celeste-calendar-nav"
+							}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
+							_: 1
+						}),
+						createVNode(unref(CalendarHeading_default), { class: "celeste-calendar-heading" }),
+						createVNode(unref(CalendarNext_default), { "as-child": "" }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("button", {
+								type: "button",
+								class: "celeste-calendar-nav"
+							}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
+							_: 1
+						})
+					]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
+						return openBlock(), createBlock(unref(CalendarGrid_default), {
+							key: month.value.toString(),
+							class: "celeste-calendar-grid"
+						}, {
+							default: withCtx(() => [createVNode(unref(CalendarGridHead_default), null, {
+								default: withCtx(() => [createVNode(unref(CalendarGridRow_default), { class: "celeste-calendar-week" }, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+										return openBlock(), createBlock(unref(CalendarHeadCell_default), {
+											key: day,
+											class: "celeste-calendar-weekday"
+										}, {
+											default: withCtx(() => [createTextVNode(toDisplayString(weekdayLabel(day)), 1)]),
+											_: 2
+										}, 1024);
+									}), 128))]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024), createVNode(unref(CalendarGridBody_default), { class: "celeste-calendar-body" }, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
+									return openBlock(), createBlock(unref(CalendarGridRow_default), {
+										key: `week-${index}`,
+										class: "celeste-calendar-week"
 									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(weekdayLabel(day)), 1)]),
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
+											return openBlock(), createBlock(unref(CalendarCell_default), {
+												key: weekDate.toString(),
+												date: weekDate,
+												class: "celeste-calendar-cell"
+											}, {
+												default: withCtx(() => [createVNode(unref(CalendarCellTrigger_default), {
+													day: weekDate,
+													month: month.value,
+													class: "celeste-calendar-day",
+													"data-marked": isMarked(weekDate) ? "" : void 0
+												}, {
+													default: withCtx(() => [createElementVNode("span", _hoisted_3, toDisplayString(weekDate.day), 1)]),
+													_: 2
+												}, 1032, [
+													"day",
+													"month",
+													"data-marked"
+												])]),
+												_: 2
+											}, 1032, ["date"]);
+										}), 128))]),
 										_: 2
 									}, 1024);
 								}), 128))]),
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024), createVNode(unref(CalendarGridBody_default), { class: "celeste-calendar-body" }, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
-								return openBlock(), createBlock(unref(CalendarGridRow_default), {
-									key: `week-${index}`,
-									class: "celeste-calendar-week"
-								}, {
-									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
-										return openBlock(), createBlock(unref(CalendarCell_default), {
-											key: weekDate.toString(),
-											date: weekDate,
-											class: "celeste-calendar-cell"
-										}, {
-											default: withCtx(() => [createVNode(unref(CalendarCellTrigger_default), {
-												day: weekDate,
-												month: month.value,
-												class: "celeste-calendar-day",
-												"data-marked": isMarked(weekDate) ? "" : void 0
-											}, {
-												default: withCtx(() => [createElementVNode("span", _hoisted_3, toDisplayString(weekDate.day), 1)]),
-												_: 2
-											}, 1032, [
-												"day",
-												"month",
-												"data-marked"
-											])]),
-											_: 2
-										}, 1032, ["date"]);
-									}), 128))]),
-									_: 2
-								}, 1024);
-							}), 128))]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1024);
-				}), 128))])]),
+						}, 1024);
+					}), 128))])]),
+					_: 1
+				}, 16, ["class"])]),
 				_: 1
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-b0c6d2f8"]]);
+}), [["__scopeId", "data-v-f067ca68"]]);
 //#endregion
 export { calendar_default as t };

package/dist/es/chunks/combobox-root.js

@@ -1,7 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as ComboboxRoot_default } from "./ComboboxRoot.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useDirection } from "../use-direction.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/combobox/combobox-root.vue
 var combobox_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -33,14 +35,19 @@ var combobox_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		"update:open"
 	],
 	setup(__props, { emit: __emit }) {
-		const forwarded = useForwardPropsEmits(__props, __emit);
+		const props = __props;
+		const forwarded = useForwardPropsEmits(props, __emit);
+		const direction = useDirection();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxRoot_default), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(ComboboxRoot_default), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16)]),
 				_: 3
-			}, 16);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-909a5de3"]]);
+}), [["__scopeId", "data-v-7e1e8d15"]]);
 //#endregion
 export { combobox_root_default as t };

package/dist/es/chunks/digit-input.js

@@ -1,9 +1,11 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { f as reactiveOmit } from "./dist.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as PinInputRoot_default } from "./PinInputRoot.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useDirection } from "../use-direction.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/digit-input/digit-input.vue
 var digit_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -40,16 +42,20 @@ var digit_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const emits = __emit;
 		const delegatedProps = reactiveOmit(props, "class", "hasError");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const direction = useDirection();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PinInputRoot_default), mergeProps(unref(forwarded), {
-				class: unref(clsx)("celeste-digit-input", props.class),
-				"data-error": __props.hasError
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(PinInputRoot_default), mergeProps(unref(forwarded), {
+					class: unref(clsx)("celeste-digit-input", props.class),
+					"data-error": __props.hasError
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16, ["class", "data-error"])]),
 				_: 3
-			}, 16, ["class", "data-error"]);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-f3b019f4"]]);
+}), [["__scopeId", "data-v-20a3fbb5"]]);
 //#endregion
 export { digit_input_default as t };

package/dist/es/chunks/dropdown-menu.js

@@ -1,9 +1,11 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as DropdownMenuRoot_default } from "./DropdownMenuRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useDirection } from "../use-direction.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu.vue
 var dropdown_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -27,13 +29,17 @@ var dropdown_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const direction = useDirection();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-dropdown-menu", props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(DropdownMenuRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-dropdown-menu", props.class) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-1cc87774"]]);
+}), [["__scopeId", "data-v-fa4c1e84"]]);
 //#endregion
 export { dropdown_menu_default as t };

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

@@ -1,8 +1,10 @@
 import { t as clsx } from "./clsx.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as RadioGroupRoot_default } from "./RadioGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useDirection } from "../use-direction.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/radio-group/radio-group.vue
 var radio_group_default = /* @__PURE__ */ defineComponent({
@@ -32,11 +34,15 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const direction = useDirection();
 		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")]),
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(RadioGroupRoot_default), mergeProps({ class: unref(clsx)("celeste-radio-wrapper", props.class) }, unref(forwarded)), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
 });

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

@@ -3,6 +3,7 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 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 { t as ConfigProvider_default } from "./ConfigProvider.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";
@@ -10,6 +11,7 @@ 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.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RangeCalendar/useRangeCalendar.js
 function useRangeCalendarState(props) {
@@ -1078,6 +1080,7 @@ 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 direction = useDirection$1();
 		const monthFormatter = computed(() => new $12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
@@ -1092,82 +1095,85 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			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) }), {
-				default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
-					return openBlock(), createElementBlock("div", {
-						key: month.value.toString(),
-						class: "celeste-range-calendar-month"
-					}, [createElementVNode("div", _hoisted_2, [
-						createVNode(unref(RangeCalendarPrev_default), { "as-child": "" }, {
-							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)])]),
-							_: 1
-						}),
-						createElementVNode("span", _hoisted_3, toDisplayString(formatMonth(month.value)), 1),
-						createVNode(unref(RangeCalendarNext_default), { "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" }, {
-								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
-									return openBlock(), createBlock(unref(RangeCalendarHeadCell_default), {
-										key: day,
-										class: "celeste-range-calendar-weekday"
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(RangeCalendarRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-range-calendar", props.class) }), {
+					default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
+						return openBlock(), createElementBlock("div", {
+							key: month.value.toString(),
+							class: "celeste-range-calendar-month"
+						}, [createElementVNode("div", _hoisted_2, [
+							createVNode(unref(RangeCalendarPrev_default), { "as-child": "" }, {
+								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)])]),
+								_: 1
+							}),
+							createElementVNode("span", _hoisted_3, toDisplayString(formatMonth(month.value)), 1),
+							createVNode(unref(RangeCalendarNext_default), { "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" }, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+										return openBlock(), createBlock(unref(RangeCalendarHeadCell_default), {
+											key: day,
+											class: "celeste-range-calendar-weekday"
+										}, {
+											default: withCtx(() => [createTextVNode(toDisplayString(weekdayLabel(day)), 1)]),
+											_: 2
+										}, 1024);
+									}), 128))]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024), createVNode(unref(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
+									return openBlock(), createBlock(unref(RangeCalendarGridRow_default), {
+										key: `week-${index}`,
+										class: "celeste-range-calendar-week"
 									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(weekdayLabel(day)), 1)]),
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
+											return openBlock(), createBlock(unref(RangeCalendarCell_default), {
+												key: weekDate.toString(),
+												date: weekDate,
+												class: "celeste-range-calendar-cell"
+											}, {
+												default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger_default), {
+													day: weekDate,
+													month: month.value,
+													class: "celeste-range-calendar-day",
+													"data-marked": isMarked(weekDate) ? "" : void 0
+												}, {
+													default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(weekDate.day), 1)]),
+													_: 2
+												}, 1032, [
+													"day",
+													"month",
+													"data-marked"
+												])]),
+												_: 2
+											}, 1032, ["date"]);
+										}), 128))]),
 										_: 2
 									}, 1024);
 								}), 128))]),
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024), createVNode(unref(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
-								return openBlock(), createBlock(unref(RangeCalendarGridRow_default), {
-									key: `week-${index}`,
-									class: "celeste-range-calendar-week"
-								}, {
-									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
-										return openBlock(), createBlock(unref(RangeCalendarCell_default), {
-											key: weekDate.toString(),
-											date: weekDate,
-											class: "celeste-range-calendar-cell"
-										}, {
-											default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger_default), {
-												day: weekDate,
-												month: month.value,
-												class: "celeste-range-calendar-day",
-												"data-marked": isMarked(weekDate) ? "" : void 0
-											}, {
-												default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(weekDate.day), 1)]),
-												_: 2
-											}, 1032, [
-												"day",
-												"month",
-												"data-marked"
-											])]),
-											_: 2
-										}, 1032, ["date"]);
-									}), 128))]),
-									_: 2
-								}, 1024);
-							}), 128))]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1024)]);
-				}), 128))])]),
+						}, 1024)]);
+					}), 128))])]),
+					_: 1
+				}, 16, ["class"])]),
 				_: 1
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-dc79fc39"]]);
+}), [["__scopeId", "data-v-87d63238"]]);
 //#endregion
 export { range_calendar_default as t };

package/dist/es/chunks/scroll-area.js

@@ -2,10 +2,12 @@ import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as useResizeObserver } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useNonce } from "./useNonce.js";
 import { n as ScrollAreaRoot_default, r as injectScrollAreaRootContext, t as scroll_bar_default } from "./scroll-bar.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import { useDirection } from "../use-direction.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaCornerImpl.js
 var ScrollAreaCornerImpl_default = /* @__PURE__ */ defineComponent({
@@ -159,21 +161,25 @@ var scroll_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
+		const direction = useDirection();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScrollAreaRoot_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-scroll-area", props.class) }), {
-				default: withCtx(() => [
-					createVNode(unref(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
-						_: 3
-					}),
-					createVNode(scroll_bar_default),
-					createVNode(scroll_bar_default, { orientation: "horizontal" }),
-					createVNode(unref(ScrollAreaCorner_default))
-				]),
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(ScrollAreaRoot_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-scroll-area", props.class) }), {
+					default: withCtx(() => [
+						createVNode(unref(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+							_: 3
+						}),
+						createVNode(scroll_bar_default),
+						createVNode(scroll_bar_default, { orientation: "horizontal" }),
+						createVNode(unref(ScrollAreaCorner_default))
+					]),
+					_: 3
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-af5a144a"]]);
+}), [["__scopeId", "data-v-1bb37e0a"]]);
 //#endregion
 export { scroll_area_default as t };

package/dist/es/chunks/scroll-bar.js

@@ -9,6 +9,7 @@ import { t as useDirection } from "./useDirection.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as useStateMachine, t as Presence_default } from "./Presence.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import "../use-direction.js";
 import "../use-chart-motion.js";
 import "../use-locale.js";
 import "../use-sidebar.js";

package/dist/es/chunks/segmented-control.js

@@ -1,12 +1,14 @@
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as ToggleGroupRoot_default } from "./ToggleGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import { useDirection } from "../use-direction.js";
 import { useTabObserver } from "../use-tab-observer.js";
-import { createBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
 //#region src/components/segmented-control/segmented-control.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ready"];
+var _hoisted_1 = ["hidden"];
 //#endregion
 //#region src/components/segmented-control/segmented-control.vue
 var segmented_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -37,26 +39,30 @@ var segmented_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const direction = useDirection();
 		const { listRef, indicator, ready } = useTabObserver("[data-state=\"on\"]");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ToggleGroupRoot_default), mergeProps({
-				ref_key: "listRef",
-				ref: listRef,
-				class: unref(clsx)("celeste-segmented-control", props.class)
-			}, unref(forwarded), { type: "single" }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("div", {
-					class: "celeste-segmented-control-indicator",
-					"data-ready": unref(ready),
-					style: normalizeStyle({
-						width: `${unref(indicator).width}px`,
-						height: `${unref(indicator).height}px`,
-						transform: `translate3d(${unref(indicator).left}px, ${unref(indicator).top}px, 0)`
-					})
-				}, null, 12, _hoisted_1)]),
+			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
+				default: withCtx(() => [createVNode(unref(ToggleGroupRoot_default), mergeProps({
+					ref_key: "listRef",
+					ref: listRef,
+					class: unref(clsx)("celeste-segmented-control", props.class)
+				}, unref(forwarded), { type: "single" }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("div", {
+						hidden: !unref(ready),
+						class: "celeste-segmented-control-indicator",
+						style: normalizeStyle({
+							width: `${unref(indicator).width}px`,
+							height: `${unref(indicator).height}px`,
+							transform: `translate3d(${unref(indicator).left}px, ${unref(indicator).top}px, 0)`
+						})
+					}, null, 12, _hoisted_1)]),
+					_: 3
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-9a13a9a8"]]);
+}), [["__scopeId", "data-v-1b4b28d6"]]);
 //#endregion
 export { segmented_control_default as t };