@youcan/celeste 0.12.0 → 0.13.1

package/dist/components/combobox/combobox-root.d.ts

@@ -1,8 +1,8 @@
 import { ComboboxRootProps } from 'reka-ui';
 type __VLS_Props = ComboboxRootProps;
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -3,9 +3,9 @@ import { HTMLAttributes } from 'vue';
 type __VLS_Props = DropdownMenuRootProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (payload: boolean) => any;

package/dist/components/select/select.d.ts

@@ -3,9 +3,9 @@ import { HTMLAttributes } from 'vue';
 type __VLS_Props = SelectRootProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;

package/dist/composables/index.d.ts

@@ -1,5 +1,6 @@
 export * from './use-chart-motion';
 export * from './use-delegated-props';
+export * from './use-direction';
 export * from './use-locale';
 export * from './use-sidebar';
 export * from './use-tab-observer';

package/dist/composables/use-direction.d.ts

@@ -0,0 +1,3 @@
+import { Direction } from 'reka-ui';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+export declare function useDirection(override?: MaybeRefOrGetter<Direction | undefined>): ComputedRef<Direction>;

package/dist/es/chunks/ConfigProvider.js

@@ -1,6 +1,57 @@
 import { t as createContext } from "./createContext.js";
-import "vue";
+import { defineComponent, renderSlot, toRefs } from "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__*/ createContext("ConfigProvider");
+var ConfigProvider_default = /* @__PURE__ */ 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 } = toRefs(props);
+		provideConfigProviderContext({
+			dir,
+			locale,
+			scrollBody,
+			nonce,
+			teleportTo,
+			useId: props.useId
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
 //#endregion
-export { injectConfigProviderContext as t };
+export { injectConfigProviderContext as n, ConfigProvider_default as t };

package/dist/es/chunks/FocusScope.js

@@ -2,7 +2,7 @@ import { t as getActiveElement } from "./getActiveElement.js";
 import { a as isClient, h as tryOnBeforeUnmount, n as createGlobalState, r as createSharedComposable, s as isIOS } from "./dist.js";
 import { s as useEventListener } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as injectConfigProviderContext } from "./ConfigProvider.js";
 import { t as defu } from "./defu.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { computed, createBlock, defineComponent, nextTick, openBlock, reactive, ref, renderSlot, unref, watch, watchEffect, withCtx } from "vue";

package/dist/es/chunks/Teleport.js

@@ -1,5 +1,5 @@
 import { l as useMounted } from "./dist2.js";
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as injectConfigProviderContext } from "./ConfigProvider.js";
 import { Teleport, computed, createBlock, createCommentVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Teleport/Teleport.js
 var Teleport_default = /* @__PURE__ */ defineComponent({

package/dist/es/chunks/calendar.js

@@ -10,6 +10,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 +836,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 dir = useDirection$1(() => props.dir);
 		function isMarked(date) {
 			return props.markedDates?.some((marked) => $ad063034c8620db8$export$91b62ebf2ba703ee(marked, date)) ?? false;
 		}
@@ -842,7 +844,10 @@ 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) }), {
+			return openBlock(), createBlock(unref(CalendarRoot_default), mergeProps(unref(forwarded), {
+				class: unref(clsx)("celeste-calendar", props.class),
+				dir: unref(dir)
+			}), {
 				default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [
 					createVNode(unref(CalendarPrev_default), { "as-child": "" }, {
 						default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
@@ -915,9 +920,9 @@ var calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					}, 1024);
 				}), 128))])]),
 				_: 1
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-b0c6d2f8"]]);
+}), [["__scopeId", "data-v-8b6a5725"]]);
 //#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 dir = useDirection(() => props.dir);
 		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(ComboboxRoot_default), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded), { dir: unref(dir) }), {
+				default: withCtx(() => [createVNode(unref(ConfigProvider_default), { dir: unref(dir) }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16);
+			}, 16, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-909a5de3"]]);
+}), [["__scopeId", "data-v-bfdab687"]]);
 //#endregion
 export { combobox_root_default as t };

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

@@ -3,6 +3,7 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { f as reactiveOmit } from "./dist.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as PinInputRoot_default } from "./PinInputRoot.js";
+import { useDirection } from "../use-direction.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/digit-input/digit-input.vue
@@ -40,16 +41,22 @@ 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 dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PinInputRoot_default), mergeProps(unref(forwarded), {
 				class: unref(clsx)("celeste-digit-input", props.class),
-				"data-error": __props.hasError
+				"data-error": __props.hasError,
+				dir: unref(dir)
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 16, ["class", "data-error"]);
+			}, 16, [
+				"class",
+				"data-error",
+				"dir"
+			]);
 		};
 	}
-}), [["__scopeId", "data-v-f3b019f4"]]);
+}), [["__scopeId", "data-v-12ddf69b"]]);
 //#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,20 @@ var dropdown_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const dir = useDirection(() => props.dir);
 		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(DropdownMenuRoot_default), mergeProps(unref(forwarded), {
+				class: unref(clsx)("celeste-dropdown-menu", props.class),
+				dir: unref(dir)
+			}), {
+				default: withCtx(() => [createVNode(unref(ConfigProvider_default), { dir: unref(dir) }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-1cc87774"]]);
+}), [["__scopeId", "data-v-154e9b38"]]);
 //#endregion
 export { dropdown_menu_default as t };

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

@@ -2,6 +2,7 @@ import { t as clsx } from "./clsx.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as RadioGroupRoot_default } from "./RadioGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import { useDirection } from "../use-direction.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/radio-group/radio-group.vue
@@ -32,11 +33,12 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RadioGroupRoot_default), mergeProps({ class: unref(clsx)("celeste-radio-wrapper", props.class) }, unref(forwarded)), {
+			return openBlock(), createBlock(unref(RadioGroupRoot_default), mergeProps({ class: unref(clsx)("celeste-radio-wrapper", props.class) }, unref(forwarded), { dir: unref(dir) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

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

@@ -10,6 +10,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 +1079,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 dir = useDirection$1(() => props.dir);
 		const monthFormatter = computed(() => new $12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
@@ -1092,7 +1094,10 @@ 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) }), {
+			return openBlock(), createBlock(unref(RangeCalendarRoot_default), mergeProps(unref(forwarded), {
+				class: unref(clsx)("celeste-range-calendar", props.class),
+				dir: unref(dir)
+			}), {
 				default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
 					return openBlock(), createElementBlock("div", {
 						key: month.value.toString(),
@@ -1165,9 +1170,9 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					}, 1024)]);
 				}), 128))])]),
 				_: 1
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-dc79fc39"]]);
+}), [["__scopeId", "data-v-ebdaadb8"]]);
 //#endregion
 export { range_calendar_default as t };

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

@@ -6,6 +6,7 @@ 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,8 +160,12 @@ var scroll_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
+		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScrollAreaRoot_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-scroll-area", props.class) }), {
+			return openBlock(), createBlock(unref(ScrollAreaRoot_default), mergeProps(unref(delegatedProps), {
+				class: unref(clsx)("celeste-scroll-area", props.class),
+				dir: unref(dir)
+			}), {
 				default: withCtx(() => [
 					createVNode(unref(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
@@ -171,9 +176,9 @@ var scroll_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					createVNode(unref(ScrollAreaCorner_default))
 				]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-af5a144a"]]);
+}), [["__scopeId", "data-v-0933ded6"]]);
 //#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

@@ -3,10 +3,11 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 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";
 //#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,16 +38,20 @@ var segmented_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const dir = useDirection(() => props.dir);
 		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" }), {
+			}, unref(forwarded), {
+				type: "single",
+				dir: unref(dir)
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("div", {
+					hidden: !unref(ready),
 					class: "celeste-segmented-control-indicator",
-					"data-ready": unref(ready),
 					style: normalizeStyle({
 						width: `${unref(indicator).width}px`,
 						height: `${unref(indicator).height}px`,
@@ -54,9 +59,9 @@ var segmented_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 					})
 				}, null, 12, _hoisted_1)]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-9a13a9a8"]]);
+}), [["__scopeId", "data-v-e04f0e52"]]);
 //#endregion
 export { segmented_control_default as t };

package/dist/es/chunks/select.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 SelectRoot_default } from "./BubbleSelect.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/select/select.vue
 var select_default = /* @__PURE__ */ defineComponent({
@@ -34,11 +36,18 @@ var select_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-select", props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(SelectRoot_default), mergeProps(unref(forwarded), {
+				class: unref(clsx)("celeste-select", props.class),
+				dir: unref(dir)
+			}), {
+				default: withCtx(() => [createVNode(unref(ConfigProvider_default), { dir: unref(dir) }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["dir"])]),
 				_: 3
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/es/chunks/slider.js

@@ -11,6 +11,7 @@ import { t as useSize } from "./useSize.js";
 import { t as useCollection } from "./Collection.js";
 import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import { useDirection as useDirection$1 } from "../use-direction.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toRaw, toRefs, unref, 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/Slider/utils.js
 function getNextSortedValues(prevValues = [], nextValue, atIndex) {
@@ -784,8 +785,12 @@ var slider_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const dir = useDirection$1(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SliderRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-slider", props.class) }), {
+			return openBlock(), createBlock(unref(SliderRoot_default), mergeProps(unref(forwarded), {
+				class: unref(clsx)("celeste-slider", props.class),
+				dir: unref(dir)
+			}), {
 				default: withCtx(() => [createVNode(unref(SliderTrack_default), { class: "celeste-slider-track" }, {
 					default: withCtx(() => [createVNode(unref(SliderRange_default), { class: "celeste-slider-range" })]),
 					_: 1
@@ -796,7 +801,7 @@ var slider_default = /* @__PURE__ */ defineComponent({
 					});
 				}), 128))]),
 				_: 1
-			}, 16, ["class"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/es/chunks/tab-menu-list.js

@@ -62,7 +62,7 @@ var TabsList_default = /* @__PURE__ */ 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"];
 //#endregion
 //#region src/components/tab-menu/tab-menu-list.vue
 var tab_menu_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -114,8 +114,8 @@ var tab_menu_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				class: unref(clsx)("celeste-tab-menu-list", props.class)
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("div", {
+					hidden: !unref(ready),
 					class: "celeste-tab-menu-indicator",
-					"data-ready": unref(ready),
 					style: normalizeStyle({
 						width: `${unref(indicator).width}px`,
 						transform: `translate3d(${unref(indicator).left}px, 0, 0)`
@@ -131,6 +131,6 @@ var tab_menu_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-bf1363bf"]]);
+}), [["__scopeId", "data-v-baf19a75"]]);
 //#endregion
 export { tab_menu_list_default as t };

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

@@ -1,6 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as TabsRoot_default } from "./TabsRoot.js";
+import { useDirection } from "../use-direction.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/tab-menu/tab-menu.vue
@@ -18,14 +19,19 @@ var tab_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = useForwardPropsEmits(__props, __emit);
+		const props = __props;
+		const forwarded = useForwardPropsEmits(props, __emit);
+		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TabsRoot_default), mergeProps(unref(forwarded), { class: "celeste-tab-menu-root" }), {
+			return openBlock(), createBlock(unref(TabsRoot_default), mergeProps(unref(forwarded), {
+				class: "celeste-tab-menu-root",
+				dir: unref(dir)
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 16);
+			}, 16, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-bd0a38f2"]]);
+}), [["__scopeId", "data-v-0965db3b"]]);
 //#endregion
 export { tab_menu_default as t };

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

@@ -108,6 +108,6 @@ var text_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 10, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-74d9ab66"]]);
+}), [["__scopeId", "data-v-d61fa3e2"]]);
 //#endregion
 export { text_input_default as t };

package/dist/es/chunks/useDirection.js

@@ -1,4 +1,4 @@
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as injectConfigProviderContext } from "./ConfigProvider.js";
 import { computed, ref } from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useDirection.js
 /**

package/dist/es/chunks/useId.js

@@ -1,4 +1,4 @@
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as injectConfigProviderContext } from "./ConfigProvider.js";
 import * as vue from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useId.js
 var count = 0;

package/dist/es/chunks/useLocale.js

@@ -1,4 +1,4 @@
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as injectConfigProviderContext } from "./ConfigProvider.js";
 import { computed, ref } from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useLocale.js
 /**

package/dist/es/chunks/useNonce.js

@@ -1,4 +1,4 @@
-import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { n as injectConfigProviderContext } from "./ConfigProvider.js";
 import { computed, ref } from "vue";
 //#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useNonce.js
 function useNonce(nonce) {

package/dist/es/command-root.js

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