@youcan/celeste 0.13.0 → 0.14.0

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

@@ -3,7 +3,6 @@ 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");
@@ -1078,7 +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 direction = require_use_direction.useDirection();
+		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"
@@ -1093,89 +1092,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)(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"
+			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(),
+						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.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))]),
+										default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(weekdayLabel(day)), 1)]),
 										_: 2
 									}, 1024);
 								}), 128))]),
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024)]);
-					}), 128))])]),
-					_: 1
-				}, 16, ["class"])]),
+						}, 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))])]),
 				_: 1
-			}, 8, ["dir"]);
+			}, 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-87d63238"]]);
+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

@@ -2,7 +2,6 @@ const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_dist = require("./dist2.cjs");
 const require_Primitive = require("./Primitive.cjs");
-const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_useNonce = require("./useNonce.cjs");
 const require_scroll_bar = require("./scroll-bar.cjs");
@@ -161,29 +160,29 @@ 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 direction = require_use_direction.useDirection();
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			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_scroll_bar.ScrollAreaRoot_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-scroll-area", props.class) }), {
-					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)]),
-							_: 3
-						}),
-						(0, vue.createVNode)(require_scroll_bar.scroll_bar_default),
-						(0, vue.createVNode)(require_scroll_bar.scroll_bar_default, { orientation: "horizontal" }),
-						(0, vue.createVNode)((0, vue.unref)(ScrollAreaCorner_default))
-					]),
-					_: 3
-				}, 16, ["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)]),
+						_: 3
+					}),
+					(0, vue.createVNode)(require_scroll_bar.scroll_bar_default),
+					(0, vue.createVNode)(require_scroll_bar.scroll_bar_default, { orientation: "horizontal" }),
+					(0, vue.createVNode)((0, vue.unref)(ScrollAreaCorner_default))
+				]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 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-1bb37e0a"]]);
+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/segmented-control.cjs

@@ -1,6 +1,5 @@
 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_ToggleGroupRoot = require("./ToggleGroupRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
@@ -37,34 +36,34 @@ 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 direction = require_use_direction.useDirection();
+		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_ConfigProvider.ConfigProvider_default), { dir: props.dir ?? (0, vue.unref)(direction) }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((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" }), {
-					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",
-						style: (0, vue.normalizeStyle)({
-							width: `${(0, vue.unref)(indicator).width}px`,
-							height: `${(0, vue.unref)(indicator).height}px`,
-							transform: `translate3d(${(0, vue.unref)(indicator).left}px, ${(0, vue.unref)(indicator).top}px, 0)`
-						})
-					}, null, 12, _hoisted_1)]),
-					_: 3
-				}, 16, ["class"])]),
+			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",
+				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",
+					style: (0, vue.normalizeStyle)({
+						width: `${(0, vue.unref)(indicator).width}px`,
+						height: `${(0, vue.unref)(indicator).height}px`,
+						transform: `translate3d(${(0, vue.unref)(indicator).left}px, ${(0, vue.unref)(indicator).top}px, 0)`
+					})
+				}, null, 12, _hoisted_1)]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 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-1b4b28d6"]]);
+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

@@ -36,15 +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 direction = require_use_direction.useDirection();
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			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_BubbleSelect.SelectRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-select", props.class) }), {
+			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
-				}, 16, ["class"])]),
+				}, 8, ["dir"])]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/cjs/chunks/slider.cjs

@@ -3,7 +3,6 @@ const require_clamp = require("./clamp.cjs");
 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_useDirection = require("./useDirection.cjs");
 const require_useFormControl = require("./useFormControl.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
@@ -786,23 +785,23 @@ 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 direction = require_use_direction.useDirection();
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			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)(SliderRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-slider", props.class) }), {
-					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
-					}), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.modelValue, (_, key) => {
-						return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SliderThumb_default), {
-							key,
-							class: "celeste-slider-thumb"
-						});
-					}), 128))]),
+			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
-				}, 16, ["class"])]),
+				}), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.modelValue, (_, key) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(SliderThumb_default), {
+						key,
+						class: "celeste-slider-thumb"
+					});
+				}), 128))]),
 				_: 1
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

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

@@ -1,5 +1,4 @@
 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_TabsRoot = require("./TabsRoot.cjs");
 const require_use_direction = require("../use-direction.cjs");
@@ -21,21 +20,21 @@ var tab_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(props, __emit);
-		const direction = require_use_direction.useDirection();
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			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_TabsRoot.TabsRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: "celeste-tab-menu-root" }), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
-					_: 3
-				}, 16)]),
+			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
-			}, 8, ["dir"]);
+			}, 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-d5a36238"]]);
+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/command-root.cjs

@@ -51,15 +51,18 @@ var command_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return delegated;
 		});
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
-		const direction = require_use_direction.useDirection();
+		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			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)((0, vue.unref)(forwarded), { class: ["celeste-command-root", props.class] }), {
+			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
-				}, 16, ["class"])]),
+				}, 8, ["dir"])]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

package/dist/cjs/index.cjs

@@ -99,6 +99,7 @@ const require_tooltip_provider = require("./chunks/tooltip-provider.cjs");
 const require_tooltip_root = require("./chunks/tooltip-root.cjs");
 const require_tooltip = require("./chunks/tooltip.cjs");
 const require_label = require("./chunks/label2.cjs");
+const require_mochi = require("./chunks/mochi.cjs");
 const require_modal_body = require("./chunks/modal-body.cjs");
 const require_modal_close = require("./chunks/modal-close.cjs");
 const require_modal_content = require("./chunks/modal-content.cjs");
@@ -281,6 +282,7 @@ exports.HintText = require_hint_text.hint_text_default;
 exports.HueSlider = require_hue_slider.hue_slider_default;
 exports.Label = require_label.label_default;
 exports.LinkButton = require_link_button.link_button_default;
+exports.Mochi = require_mochi.mochi_default;
 exports.Modal = require_modal.modal_default;
 exports.ModalBody = require_modal_body.modal_body_default;
 exports.ModalClose = require_modal_close.modal_close_default;

package/dist/cjs/mochi.cjs

@@ -0,0 +1,2 @@
+const require_mochi = require("./chunks/mochi.cjs");
+module.exports = require_mochi.mochi_default;

package/dist/cjs/use-direction.cjs

@@ -14,18 +14,18 @@ function observeDocument() {
 function documentDirection() {
 	return typeof document !== "undefined" && document.documentElement.dir === "rtl" ? "rtl" : "ltr";
 }
-function useDirection() {
+function useDirection(override) {
 	const instance = (0, vue.getCurrentInstance)();
-	const direction = (0, vue.ref)(documentDirection());
+	const resolved = (0, vue.ref)(documentDirection());
 	observeDocument();
 	function read() {
 		const node = instance?.vnode.el;
 		const element = node instanceof HTMLElement ? node : node?.parentElement;
-		direction.value = element ? getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr" : documentDirection();
+		resolved.value = element ? getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr" : documentDirection();
 	}
 	(0, vue.onMounted)(read);
 	(0, vue.watch)(revision, read);
-	return direction;
+	return (0, vue.computed)(() => (0, vue.toValue)(override) ?? resolved.value);
 }
 //#endregion
 exports.useDirection = useDirection;

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './dropdown-menu';
 export * from './file-upload';
 export * from './hint-text';
 export * from './label';
+export * from './mochi';
 export * from './modal';
 export * from './pagination';
 export * from './popover';

package/dist/components/mochi/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mochi';
+export { default as Mochi } from './mochi';

package/dist/components/mochi/mochi.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    size?: number;
+    animate?: boolean;
+    thinking?: boolean;
+};
+type __VLS_ModelProps = {
+    'idle'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:idle": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:idle"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: number;
+    animate: boolean;
+    thinking: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/radio-group/radio-group.d.ts

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

package/dist/components/scroll-area/scroll-area.d.ts

@@ -3,9 +3,9 @@ import { HTMLAttributes } from 'vue';
 type __VLS_Props = ScrollAreaRootProps & {
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_20: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/segmented-control/segmented-control.d.ts

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

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

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

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

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