@youcan/celeste 0.11.0 → 0.13.0

package/dist/cjs/chunks/ConfigProvider.cjs

@@ -1,8 +1,65 @@
 const require_createContext = require("./createContext.cjs");
-require("vue");
+let vue = require("vue");
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/ConfigProvider/ConfigProvider.js
 var [injectConfigProviderContext, provideConfigProviderContext] = /*#__PURE__*/ require_createContext.createContext("ConfigProvider");
+var ConfigProvider_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "ConfigProvider",
+	props: {
+		dir: {
+			type: String,
+			required: false,
+			default: "ltr"
+		},
+		locale: {
+			type: String,
+			required: false,
+			default: "en"
+		},
+		scrollBody: {
+			type: [Boolean, Object],
+			required: false,
+			default: true
+		},
+		nonce: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		teleportTo: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		useId: {
+			type: Function,
+			required: false,
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { dir, locale, scrollBody, nonce, teleportTo } = (0, vue.toRefs)(props);
+		provideConfigProviderContext({
+			dir,
+			locale,
+			scrollBody,
+			nonce,
+			teleportTo,
+			useId: props.useId
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
 //#endregion
+Object.defineProperty(exports, "ConfigProvider_default", {
+	enumerable: true,
+	get: function() {
+		return ConfigProvider_default;
+	}
+});
 Object.defineProperty(exports, "injectConfigProviderContext", {
 	enumerable: true,
 	get: function() {

package/dist/cjs/chunks/calendar.cjs

@@ -3,6 +3,7 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
 const require_createContext = require("./createContext.cjs");
 const require_dist = require("./dist2.cjs");
 const require_Primitive = require("./Primitive.cjs");
+const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useCalendar = require("./useCalendar.cjs");
 const require_useDirection = require("./useDirection.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
@@ -10,6 +11,7 @@ const require_useKbd = require("./useKbd.cjs");
 const require_useLocale = require("./useLocale.cjs");
 const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("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: {
@@ -833,6 +835,7 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, ["class", "markedDates"]);
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const direction = require_use_direction.useDirection();
 		function isMarked(date) {
 			return props.markedDates?.some((marked) => require_useCalendar.$ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
@@ -840,86 +843,89 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
 		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-calendar", props.class) }), {
-				default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [
-					(0, vue.createVNode)((0, vue.unref)(CalendarPrev_default), { "as-child": "" }, {
-						default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
-							type: "button",
-							class: "celeste-calendar-nav"
-						}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
-						_: 1
-					}),
-					(0, vue.createVNode)((0, vue.unref)(CalendarHeading_default), { class: "celeste-calendar-heading" }),
-					(0, vue.createVNode)((0, vue.unref)(CalendarNext_default), { "as-child": "" }, {
-						default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
-							type: "button",
-							class: "celeste-calendar-nav"
-						}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
-						_: 1
-					})
-				]), (0, vue.createElementVNode)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
-					return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGrid_default), {
-						key: month.value.toString(),
-						class: "celeste-calendar-grid"
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridHead_default), null, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridRow_default), { class: "celeste-calendar-week" }, {
-								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
-									return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarHeadCell_default), {
-										key: day,
-										class: "celeste-calendar-weekday"
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-calendar", props.class) }), {
+					default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [
+						(0, vue.createVNode)((0, vue.unref)(CalendarPrev_default), { "as-child": "" }, {
+							default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "celeste-calendar-nav"
+							}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
+							_: 1
+						}),
+						(0, vue.createVNode)((0, vue.unref)(CalendarHeading_default), { class: "celeste-calendar-heading" }),
+						(0, vue.createVNode)((0, vue.unref)(CalendarNext_default), { "as-child": "" }, {
+							default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "celeste-calendar-nav"
+							}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
+							_: 1
+						})
+					]), (0, vue.createElementVNode)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGrid_default), {
+							key: month.value.toString(),
+							class: "celeste-calendar-grid"
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridHead_default), null, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarGridRow_default), { class: "celeste-calendar-week" }, {
+									default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
+										return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarHeadCell_default), {
+											key: day,
+											class: "celeste-calendar-weekday"
+										}, {
+											default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
+											_: 2
+										}, 1024);
+									}), 128))]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024), (0, vue.createVNode)((0, vue.unref)(CalendarGridBody_default), { class: "celeste-calendar-body" }, {
+								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
+									return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGridRow_default), {
+										key: `week-${index}`,
+										class: "celeste-calendar-week"
 									}, {
-										default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
+										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
+											return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarCell_default), {
+												key: weekDate.toString(),
+												date: weekDate,
+												class: "celeste-calendar-cell"
+											}, {
+												default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarCellTrigger_default), {
+													day: weekDate,
+													month: month.value,
+													class: "celeste-calendar-day",
+													"data-marked": isMarked(weekDate) ? "" : void 0
+												}, {
+													default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(weekDate.day), 1)]),
+													_: 2
+												}, 1032, [
+													"day",
+													"month",
+													"data-marked"
+												])]),
+												_: 2
+											}, 1032, ["date"]);
+										}), 128))]),
 										_: 2
 									}, 1024);
 								}), 128))]),
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024), (0, vue.createVNode)((0, vue.unref)(CalendarGridBody_default), { class: "celeste-calendar-body" }, {
-							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
-								return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarGridRow_default), {
-									key: `week-${index}`,
-									class: "celeste-calendar-week"
-								}, {
-									default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
-										return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CalendarCell_default), {
-											key: weekDate.toString(),
-											date: weekDate,
-											class: "celeste-calendar-cell"
-										}, {
-											default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CalendarCellTrigger_default), {
-												day: weekDate,
-												month: month.value,
-												class: "celeste-calendar-day",
-												"data-marked": isMarked(weekDate) ? "" : void 0
-											}, {
-												default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.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"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/calendar/calendar.vue
-var calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b0c6d2f8"]]);
+var calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f067ca68"]]);
 //#endregion
 Object.defineProperty(exports, "calendar_default", {
 	enumerable: true,

package/dist/cjs/chunks/combobox-root.cjs

@@ -1,6 +1,8 @@
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_ComboboxRoot = require("./ComboboxRoot.cjs");
+const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
 //#region src/components/combobox/combobox-root.vue?vue&type=script&setup=true&lang.ts
 var combobox_root_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -32,18 +34,23 @@ var combobox_root_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 		"update:open"
 	],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		const props = __props;
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(props, __emit);
+		const direction = require_use_direction.useDirection();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded)), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16)]),
 				_: 3
-			}, 16);
+			}, 8, ["dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/combobox/combobox-root.vue
-var combobox_root_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-909a5de3"]]);
+var combobox_root_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7e1e8d15"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_root_default", {
 	enumerable: true,

package/dist/cjs/chunks/digit-input.cjs

@@ -1,8 +1,10 @@
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_dist = require("./dist.cjs");
+const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_PinInputRoot = require("./PinInputRoot.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
 //#region src/components/digit-input/digit-input.vue?vue&type=script&setup=true&lang.ts
 var digit_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -39,20 +41,24 @@ var digit_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 		const emits = __emit;
 		const delegatedProps = require_dist.reactiveOmit(props, "class", "hasError");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const direction = require_use_direction.useDirection();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
-				"data-error": __props.hasError
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+					class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
+					"data-error": __props.hasError
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16, ["class", "data-error"])]),
 				_: 3
-			}, 16, ["class", "data-error"]);
+			}, 8, ["dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/digit-input/digit-input.vue
-var digit_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(digit_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f3b019f4"]]);
+var digit_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(digit_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-20a3fbb5"]]);
 //#endregion
 Object.defineProperty(exports, "digit_input_default", {
 	enumerable: true,

package/dist/cjs/chunks/dist2.cjs

@@ -512,6 +512,12 @@ Object.defineProperty(exports, "useMounted", {
 		return useMounted;
 	}
 });
+Object.defineProperty(exports, "useMutationObserver", {
+	enumerable: true,
+	get: function() {
+		return useMutationObserver;
+	}
+});
 Object.defineProperty(exports, "useResizeObserver", {
 	enumerable: true,
 	get: function() {

package/dist/cjs/chunks/dropdown-menu.cjs

@@ -1,8 +1,10 @@
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_DropdownMenuRoot = require("./DropdownMenuRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
 //#region src/components/dropdown-menu/dropdown-menu.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -26,17 +28,21 @@ var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const direction = require_use_direction.useDirection();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class) }), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu.vue
-var dropdown_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1cc87774"]]);
+var dropdown_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fa4c1e84"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_default", {
 	enumerable: true,

package/dist/cjs/chunks/fancy-button.cjs

@@ -38,7 +38,7 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 });
 //#endregion
 //#region src/components/button/fancy-button.vue
-var fancy_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(fancy_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-970a57eb"]]);
+var fancy_button_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(fancy_button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-262bd031"]]);
 //#endregion
 Object.defineProperty(exports, "fancy_button_default", {
 	enumerable: true,

package/dist/cjs/chunks/radio-group.cjs

@@ -1,7 +1,9 @@
 const require_clsx = require("./clsx.cjs");
+const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_RadioGroupRoot = require("./RadioGroupRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/radio-group/radio-group.vue
@@ -32,11 +34,15 @@ var radio_group_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const direction = require_use_direction.useDirection();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_RadioGroupRoot.RadioGroupRoot_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_RadioGroupRoot.RadioGroupRoot_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded)), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["dir"]);
 		};
 	}
 });

package/dist/cjs/chunks/range-calendar.cjs

@@ -3,6 +3,7 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
 const require_createContext = require("./createContext.cjs");
 const require_dist = require("./dist2.cjs");
 const require_Primitive = require("./Primitive.cjs");
+const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useCalendar = require("./useCalendar.cjs");
 const require_useDirection = require("./useDirection.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
@@ -10,6 +11,7 @@ const require_useKbd = require("./useKbd.cjs");
 const require_useLocale = require("./useLocale.cjs");
 const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("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) {
@@ -1076,6 +1078,7 @@ var range_calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, ["class", "markedDates"]);
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const direction = require_use_direction.useDirection();
 		const monthFormatter = (0, vue.computed)(() => new require_useCalendar.$12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
@@ -1090,86 +1093,89 @@ var range_calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
 		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-range-calendar", props.class) }), {
-				default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
-					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-						key: month.value.toString(),
-						class: "celeste-range-calendar-month"
-					}, [(0, vue.createElementVNode)("div", _hoisted_2, [
-						(0, vue.createVNode)((0, vue.unref)(RangeCalendarPrev_default), { "as-child": "" }, {
-							default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
-								type: "button",
-								class: "celeste-range-calendar-nav"
-							}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
-							_: 1
-						}),
-						(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(formatMonth(month.value)), 1),
-						(0, vue.createVNode)((0, vue.unref)(RangeCalendarNext_default), { "as-child": "" }, {
-							default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
-								type: "button",
-								class: "celeste-range-calendar-nav"
-							}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
-							_: 1
-						})
-					]), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridHead_default), null, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
-								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
-									return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarHeadCell_default), {
-										key: day,
-										class: "celeste-range-calendar-weekday"
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-range-calendar", props.class) }), {
+					default: (0, vue.withCtx)(({ weekDays, grid }) => [(0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(grid, (month) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+							key: month.value.toString(),
+							class: "celeste-range-calendar-month"
+						}, [(0, vue.createElementVNode)("div", _hoisted_2, [
+							(0, vue.createVNode)((0, vue.unref)(RangeCalendarPrev_default), { "as-child": "" }, {
+								default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
+									type: "button",
+									class: "celeste-range-calendar-nav"
+								}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
+								_: 1
+							}),
+							(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(formatMonth(month.value)), 1),
+							(0, vue.createVNode)((0, vue.unref)(RangeCalendarNext_default), { "as-child": "" }, {
+								default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
+									type: "button",
+									class: "celeste-range-calendar-nav"
+								}, [(0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
+								_: 1
+							})
+						]), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
+							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridHead_default), null, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
+									default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDays, (day) => {
+										return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarHeadCell_default), {
+											key: day,
+											class: "celeste-range-calendar-weekday"
+										}, {
+											default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
+											_: 2
+										}, 1024);
+									}), 128))]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
+								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
+									return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarGridRow_default), {
+										key: `week-${index}`,
+										class: "celeste-range-calendar-week"
 									}, {
-										default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
+										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
+											return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarCell_default), {
+												key: weekDate.toString(),
+												date: weekDate,
+												class: "celeste-range-calendar-cell"
+											}, {
+												default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarCellTrigger_default), {
+													day: weekDate,
+													month: month.value,
+													class: "celeste-range-calendar-day",
+													"data-marked": isMarked(weekDate) ? "" : void 0
+												}, {
+													default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(weekDate.day), 1)]),
+													_: 2
+												}, 1032, [
+													"day",
+													"month",
+													"data-marked"
+												])]),
+												_: 2
+											}, 1032, ["date"]);
+										}), 128))]),
 										_: 2
 									}, 1024);
 								}), 128))]),
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024), (0, vue.createVNode)((0, vue.unref)(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
-							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(month.rows, (weekDates, index) => {
-								return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarGridRow_default), {
-									key: `week-${index}`,
-									class: "celeste-range-calendar-week"
-								}, {
-									default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekDates, (weekDate) => {
-										return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(RangeCalendarCell_default), {
-											key: weekDate.toString(),
-											date: weekDate,
-											class: "celeste-range-calendar-cell"
-										}, {
-											default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(RangeCalendarCellTrigger_default), {
-												day: weekDate,
-												month: month.value,
-												class: "celeste-range-calendar-day",
-												"data-marked": isMarked(weekDate) ? "" : void 0
-											}, {
-												default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", _hoisted_4, (0, vue.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"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/range-calendar/range-calendar.vue
-var range_calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(range_calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dc79fc39"]]);
+var range_calendar_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(range_calendar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-87d63238"]]);
 //#endregion
 Object.defineProperty(exports, "range_calendar_default", {
 	enumerable: true,