@youcan/celeste 0.12.0 → 0.13.1

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

@@ -10,6 +10,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 +834,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 dir = require_use_direction.useDirection(() => props.dir);
 		function isMarked(date) {
 			return props.markedDates?.some((marked) => require_useCalendar.$ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
@@ -840,7 +842,10 @@ 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) }), {
+			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),
+				dir: (0, vue.unref)(dir)
+			}), {
 				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", {
@@ -913,13 +918,13 @@ var calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
 					}, 1024);
 				}), 128))])]),
 				_: 1
-			}, 16, ["class"]);
+			}, 16, ["class", "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-8b6a5725"]]);
 //#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 dir = require_use_direction.useDirection(() => props.dir);
 		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_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded), { dir: (0, vue.unref)(dir) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16);
+			}, 16, ["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-bfdab687"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_root_default", {
 	enumerable: true,

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

@@ -3,6 +3,7 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
 const require_dist = require("./dist.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 +40,26 @@ 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 dir = require_use_direction.useDirection(() => props.dir);
 		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
+				"data-error": __props.hasError,
+				dir: (0, vue.unref)(dir)
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 16, ["class", "data-error"]);
+			}, 16, [
+				"class",
+				"data-error",
+				"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-12ddf69b"]]);
 //#endregion
 Object.defineProperty(exports, "digit_input_default", {
 	enumerable: true,

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,24 @@ 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 dir = require_use_direction.useDirection(() => props.dir);
 		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_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class),
+				dir: (0, vue.unref)(dir)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "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-154e9b38"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_default", {
 	enumerable: true,

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

@@ -2,6 +2,7 @@ const require_clsx = require("./clsx.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 +33,12 @@ 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 dir = require_use_direction.useDirection(() => props.dir);
 		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)), {
+			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), { dir: (0, vue.unref)(dir) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

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

@@ -10,6 +10,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 +1077,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 dir = require_use_direction.useDirection(() => props.dir);
 		const monthFormatter = (0, vue.computed)(() => new require_useCalendar.$12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
@@ -1090,7 +1092,10 @@ 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) }), {
+			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),
+				dir: (0, vue.unref)(dir)
+			}), {
 				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(),
@@ -1163,13 +1168,13 @@ var range_calendar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (
 					}, 1024)]);
 				}), 128))])]),
 				_: 1
-			}, 16, ["class"]);
+			}, 16, ["class", "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-ebdaadb8"]]);
 //#endregion
 Object.defineProperty(exports, "range_calendar_default", {
 	enumerable: true,

package/dist/cjs/chunks/scroll-area.cjs

@@ -6,6 +6,7 @@ const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_useNonce = require("./useNonce.cjs");
 const require_scroll_bar = require("./scroll-bar.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/ScrollArea/ScrollAreaCornerImpl.js
 var ScrollAreaCornerImpl_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -159,8 +160,12 @@ var scroll_area_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_scroll_bar.ScrollAreaRoot_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-scroll-area", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_scroll_bar.ScrollAreaRoot_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-scroll-area", props.class),
+				dir: (0, vue.unref)(dir)
+			}), {
 				default: (0, vue.withCtx)(() => [
 					(0, vue.createVNode)((0, vue.unref)(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
 						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
@@ -171,13 +176,13 @@ var scroll_area_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 					(0, vue.createVNode)((0, vue.unref)(ScrollAreaCorner_default))
 				]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/scroll-area/scroll-area.vue
-var scroll_area_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(scroll_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-af5a144a"]]);
+var scroll_area_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(scroll_area_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0933ded6"]]);
 //#endregion
 Object.defineProperty(exports, "scroll_area_default", {
 	enumerable: true,

package/dist/cjs/chunks/scroll-bar.cjs

@@ -9,6 +9,7 @@ const require_useDirection = require("./useDirection.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_Presence = require("./Presence.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+require("../use-direction.cjs");
 require("../use-chart-motion.cjs");
 require("../use-locale.cjs");
 require("../use-sidebar.cjs");

package/dist/cjs/chunks/segmented-control.cjs

@@ -3,10 +3,11 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_ToggleGroupRoot = require("./ToggleGroupRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+const require_use_direction = require("../use-direction.cjs");
 const require_use_tab_observer = require("../use-tab-observer.cjs");
 let vue = require("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"];
 var segmented_control_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "segmented-control",
 	props: {
@@ -35,16 +36,20 @@ var segmented_control_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const dir = require_use_direction.useDirection(() => props.dir);
 		const { listRef, indicator, ready } = require_use_tab_observer.useTabObserver("[data-state=\"on\"]");
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ToggleGroupRoot.ToggleGroupRoot_default), (0, vue.mergeProps)({
 				ref_key: "listRef",
 				ref: listRef,
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-segmented-control", props.class)
-			}, (0, vue.unref)(forwarded), { type: "single" }), {
+			}, (0, vue.unref)(forwarded), {
+				type: "single",
+				dir: (0, vue.unref)(dir)
+			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createElementVNode)("div", {
+					hidden: !(0, vue.unref)(ready),
 					class: "celeste-segmented-control-indicator",
-					"data-ready": (0, vue.unref)(ready),
 					style: (0, vue.normalizeStyle)({
 						width: `${(0, vue.unref)(indicator).width}px`,
 						height: `${(0, vue.unref)(indicator).height}px`,
@@ -52,13 +57,13 @@ var segmented_control_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 					})
 				}, null, 12, _hoisted_1)]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/segmented-control/segmented-control.vue
-var segmented_control_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(segmented_control_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9a13a9a8"]]);
+var segmented_control_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(segmented_control_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e04f0e52"]]);
 //#endregion
 Object.defineProperty(exports, "segmented_control_default", {
 	enumerable: true,

package/dist/cjs/chunks/select.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_BubbleSelect = require("./BubbleSelect.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/select/select.vue
@@ -34,11 +36,18 @@ var select_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 dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_BubbleSelect.SelectRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select", props.class) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_BubbleSelect.SelectRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-select", props.class),
+				dir: (0, vue.unref)(dir)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/cjs/chunks/slider.cjs

@@ -11,6 +11,7 @@ const require_useSize = require("./useSize.cjs");
 const require_Collection = require("./Collection.cjs");
 const require_VisuallyHiddenInput = require("./VisuallyHiddenInput.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/Slider/utils.js
 function getNextSortedValues(prevValues = [], nextValue, atIndex) {
@@ -784,8 +785,12 @@ var slider_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 dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SliderRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-slider", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SliderRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-slider", props.class),
+				dir: (0, vue.unref)(dir)
+			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(SliderTrack_default), { class: "celeste-slider-track" }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(SliderRange_default), { class: "celeste-slider-range" })]),
 					_: 1
@@ -796,7 +801,7 @@ var slider_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					});
 				}), 128))]),
 				_: 1
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/cjs/chunks/tab-menu-list.cjs

@@ -62,7 +62,7 @@ var TabsList_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/tab-menu/tab-menu-list.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ready"];
+var _hoisted_1 = ["hidden"];
 var tab_menu_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "tab-menu-list",
 	props: {
@@ -112,8 +112,8 @@ var tab_menu_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-tab-menu-list", props.class)
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true), (0, vue.createElementVNode)("div", {
+					hidden: !(0, vue.unref)(ready),
 					class: "celeste-tab-menu-indicator",
-					"data-ready": (0, vue.unref)(ready),
 					style: (0, vue.normalizeStyle)({
 						width: `${(0, vue.unref)(indicator).width}px`,
 						transform: `translate3d(${(0, vue.unref)(indicator).left}px, 0, 0)`
@@ -132,7 +132,7 @@ var tab_menu_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 });
 //#endregion
 //#region src/components/tab-menu/tab-menu-list.vue
-var tab_menu_list_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(tab_menu_list_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bf1363bf"]]);
+var tab_menu_list_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(tab_menu_list_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-baf19a75"]]);
 //#endregion
 Object.defineProperty(exports, "tab_menu_list_default", {
 	enumerable: true,

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

@@ -1,6 +1,7 @@
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_TabsRoot = require("./TabsRoot.cjs");
+const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
 //#region src/components/tab-menu/tab-menu.vue?vue&type=script&setup=true&lang.ts
 var tab_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -17,18 +18,23 @@ var tab_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		const props = __props;
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(props, __emit);
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_TabsRoot.TabsRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: "celeste-tab-menu-root" }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_TabsRoot.TabsRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: "celeste-tab-menu-root",
+				dir: (0, vue.unref)(dir)
+			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 16);
+			}, 16, ["dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/tab-menu/tab-menu.vue
-var tab_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(tab_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bd0a38f2"]]);
+var tab_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(tab_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0965db3b"]]);
 //#endregion
 Object.defineProperty(exports, "tab_menu_default", {
 	enumerable: true,

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

@@ -109,7 +109,7 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, v
 });
 //#endregion
 //#region src/components/text-input/text-input.vue
-var text_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-74d9ab66"]]);
+var text_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d61fa3e2"]]);
 //#endregion
 Object.defineProperty(exports, "text_input_default", {
 	enumerable: true,

package/dist/cjs/command-root.cjs

@@ -1,5 +1,7 @@
 const require_ComboboxRoot = require("./chunks/ComboboxRoot.cjs");
+const require_ConfigProvider = require("./chunks/ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./chunks/useForwardPropsEmits.cjs");
+const require_use_direction = require("./use-direction.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/command/command-root.vue
@@ -49,11 +51,18 @@ var command_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return delegated;
 		});
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: ["celeste-command-root", props.class] }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: ["celeste-command-root", props.class],
+				dir: (0, vue.unref)(dir)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/cjs/index.cjs

@@ -59,6 +59,7 @@ const require_link_button = require("./chunks/link-button.cjs");
 const require_social_button = require("./chunks/social-button.cjs");
 const require_color_picker = require("./chunks/color-picker.cjs");
 const require_use_delegated_props = require("./use-delegated-props.cjs");
+const require_use_direction = require("./use-direction.cjs");
 const require_bar_chart = require("./chunks/bar-chart.cjs");
 const require_use_chart_motion = require("./use-chart-motion.cjs");
 const require_use_locale = require("./use-locale.cjs");
@@ -400,6 +401,7 @@ exports.truncColorValue = require_color.truncColorValue;
 exports.uid = require_crypto.uid;
 exports.useChartMotion = require_use_chart_motion.useChartMotion;
 exports.useDelegatedProps = require_use_delegated_props.useDelegatedProps;
+exports.useDirection = require_use_direction.useDirection;
 exports.useLocale = require_use_locale.useLocale;
 exports.useSidebar = require_use_sidebar.useSidebar;
 exports.useTabObserver = require_use_tab_observer.useTabObserver;

package/dist/cjs/use-direction.cjs

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+//#region src/composables/use-direction.ts
+var revision = (0, vue.ref)(0);
+var observer;
+function observeDocument() {
+	if (observer || typeof document === "undefined") return;
+	observer = new MutationObserver(() => revision.value++);
+	observer.observe(document.documentElement, {
+		attributeFilter: ["dir"],
+		subtree: true
+	});
+}
+function documentDirection() {
+	return typeof document !== "undefined" && document.documentElement.dir === "rtl" ? "rtl" : "ltr";
+}
+function useDirection(override) {
+	const instance = (0, vue.getCurrentInstance)();
+	const resolved = (0, vue.ref)(documentDirection());
+	observeDocument();
+	function read() {
+		const node = instance?.vnode.el;
+		const element = node instanceof HTMLElement ? node : node?.parentElement;
+		resolved.value = element ? getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr" : documentDirection();
+	}
+	(0, vue.onMounted)(read);
+	(0, vue.watch)(revision, read);
+	return (0, vue.computed)(() => (0, vue.toValue)(override) ?? resolved.value);
+}
+//#endregion
+exports.useDirection = useDirection;

package/dist/cjs/use-tab-observer.cjs

@@ -23,7 +23,7 @@ function useTabObserver(activeSelector) {
 			width: active.offsetWidth,
 			height: active.offsetHeight
 		};
-		if (!ready.value) requestAnimationFrame(() => requestAnimationFrame(() => ready.value = true));
+		ready.value = true;
 	}
 	require_dist.useResizeObserver(listRef, update);
 	require_dist.useMutationObserver(listRef, update, {