@youcan/celeste 0.13.0 → 0.14.0

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

@@ -3,7 +3,6 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { t as createContext } from "./createContext.js";
 import { p as useVModel, s as useEventListener } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
-import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { a as handleCalendarInitialFocus, c as isBefore, d as toDate, f as $12a3c853105e5a70$export$ad991b66133851cf, g as $ad063034c8620db8$export$aa8b41735afcabd2, h as $ad063034c8620db8$export$a18c89cbd24170ff, i as getWeekStartsOn, l as isBetween, m as $ad063034c8620db8$export$91b62ebf2ba703ee, o as areAllDaysBetweenValid, p as $ad063034c8620db8$export$629b0a497aa65267, r as getDaysBetween, s as getDefaultDate, t as useCalendar, u as isBetweenInclusive, v as $ad063034c8620db8$export$ea39ec197993aef0 } from "./useCalendar.js";
 import { t as useDirection } from "./useDirection.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
@@ -1080,7 +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 direction = useDirection$1();
+		const dir = useDirection$1(() => props.dir);
 		const monthFormatter = computed(() => new $12a3c853105e5a70$export$ad991b66133851cf(props.locale ?? "en-US", {
 			month: "long",
 			year: "numeric"
@@ -1095,85 +1094,85 @@ var range_calendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			return /^[a-z]/i.test(day.trim()) ? day.slice(0, 2) : day;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
-				default: withCtx(() => [createVNode(unref(RangeCalendarRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-range-calendar", props.class) }), {
-					default: withCtx(({ weekDays, grid }) => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
-						return openBlock(), createElementBlock("div", {
-							key: month.value.toString(),
-							class: "celeste-range-calendar-month"
-						}, [createElementVNode("div", _hoisted_2, [
-							createVNode(unref(RangeCalendarPrev_default), { "as-child": "" }, {
-								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
-									type: "button",
-									class: "celeste-range-calendar-nav"
-								}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
-								_: 1
-							}),
-							createElementVNode("span", _hoisted_3, toDisplayString(formatMonth(month.value)), 1),
-							createVNode(unref(RangeCalendarNext_default), { "as-child": "" }, {
-								default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("button", {
-									type: "button",
-									class: "celeste-range-calendar-nav"
-								}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
-								_: 1
-							})
-						]), createVNode(unref(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
-							default: withCtx(() => [createVNode(unref(RangeCalendarGridHead_default), null, {
-								default: withCtx(() => [createVNode(unref(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
-									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
-										return openBlock(), createBlock(unref(RangeCalendarHeadCell_default), {
-											key: day,
-											class: "celeste-range-calendar-weekday"
-										}, {
-											default: withCtx(() => [createTextVNode(toDisplayString(weekdayLabel(day)), 1)]),
-											_: 2
-										}, 1024);
-									}), 128))]),
-									_: 2
-								}, 1024)]),
-								_: 2
-							}, 1024), createVNode(unref(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
-								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
-									return openBlock(), createBlock(unref(RangeCalendarGridRow_default), {
-										key: `week-${index}`,
-										class: "celeste-range-calendar-week"
+			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(),
+						class: "celeste-range-calendar-month"
+					}, [createElementVNode("div", _hoisted_2, [
+						createVNode(unref(RangeCalendarPrev_default), { "as-child": "" }, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
+								type: "button",
+								class: "celeste-range-calendar-nav"
+							}, [createElementVNode("i", { class: "i-celeste-arrow-left-s-line" })], -1)])]),
+							_: 1
+						}),
+						createElementVNode("span", _hoisted_3, toDisplayString(formatMonth(month.value)), 1),
+						createVNode(unref(RangeCalendarNext_default), { "as-child": "" }, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("button", {
+								type: "button",
+								class: "celeste-range-calendar-nav"
+							}, [createElementVNode("i", { class: "i-celeste-arrow-right-s-line" })], -1)])]),
+							_: 1
+						})
+					]), createVNode(unref(RangeCalendarGrid_default), { class: "celeste-range-calendar-grid" }, {
+						default: withCtx(() => [createVNode(unref(RangeCalendarGridHead_default), null, {
+							default: withCtx(() => [createVNode(unref(RangeCalendarGridRow_default), { class: "celeste-range-calendar-week" }, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+									return openBlock(), createBlock(unref(RangeCalendarHeadCell_default), {
+										key: day,
+										class: "celeste-range-calendar-weekday"
 									}, {
-										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
-											return openBlock(), createBlock(unref(RangeCalendarCell_default), {
-												key: weekDate.toString(),
-												date: weekDate,
-												class: "celeste-range-calendar-cell"
-											}, {
-												default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger_default), {
-													day: weekDate,
-													month: month.value,
-													class: "celeste-range-calendar-day",
-													"data-marked": isMarked(weekDate) ? "" : void 0
-												}, {
-													default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(weekDate.day), 1)]),
-													_: 2
-												}, 1032, [
-													"day",
-													"month",
-													"data-marked"
-												])]),
-												_: 2
-											}, 1032, ["date"]);
-										}), 128))]),
+										default: withCtx(() => [createTextVNode(toDisplayString(weekdayLabel(day)), 1)]),
 										_: 2
 									}, 1024);
 								}), 128))]),
 								_: 2
 							}, 1024)]),
 							_: 2
-						}, 1024)]);
-					}), 128))])]),
-					_: 1
-				}, 16, ["class"])]),
+						}, 1024), createVNode(unref(RangeCalendarGridBody_default), { class: "celeste-range-calendar-body" }, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
+								return openBlock(), createBlock(unref(RangeCalendarGridRow_default), {
+									key: `week-${index}`,
+									class: "celeste-range-calendar-week"
+								}, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
+										return openBlock(), createBlock(unref(RangeCalendarCell_default), {
+											key: weekDate.toString(),
+											date: weekDate,
+											class: "celeste-range-calendar-cell"
+										}, {
+											default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger_default), {
+												day: weekDate,
+												month: month.value,
+												class: "celeste-range-calendar-day",
+												"data-marked": isMarked(weekDate) ? "" : void 0
+											}, {
+												default: withCtx(() => [createElementVNode("span", _hoisted_4, toDisplayString(weekDate.day), 1)]),
+												_: 2
+											}, 1032, [
+												"day",
+												"month",
+												"data-marked"
+											])]),
+											_: 2
+										}, 1032, ["date"]);
+									}), 128))]),
+									_: 2
+								}, 1024);
+							}), 128))]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]);
+				}), 128))])]),
 				_: 1
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-87d63238"]]);
+}), [["__scopeId", "data-v-ebdaadb8"]]);
 //#endregion
 export { range_calendar_default as t };

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

@@ -2,7 +2,6 @@ import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as useResizeObserver } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
-import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useNonce } from "./useNonce.js";
 import { n as ScrollAreaRoot_default, r as injectScrollAreaRootContext, t as scroll_bar_default } from "./scroll-bar.js";
@@ -161,25 +160,25 @@ var scroll_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
-		const direction = useDirection();
+		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
-				default: withCtx(() => [createVNode(unref(ScrollAreaRoot_default), mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-scroll-area", props.class) }), {
-					default: withCtx(() => [
-						createVNode(unref(ScrollAreaViewport_default), { class: "celeste-scroll-area-viewport" }, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
-							_: 3
-						}),
-						createVNode(scroll_bar_default),
-						createVNode(scroll_bar_default, { orientation: "horizontal" }),
-						createVNode(unref(ScrollAreaCorner_default))
-					]),
-					_: 3
-				}, 16, ["class"])]),
+			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)]),
+						_: 3
+					}),
+					createVNode(scroll_bar_default),
+					createVNode(scroll_bar_default, { orientation: "horizontal" }),
+					createVNode(unref(ScrollAreaCorner_default))
+				]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-1bb37e0a"]]);
+}), [["__scopeId", "data-v-0933ded6"]]);
 //#endregion
 export { scroll_area_default as t };

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

@@ -1,12 +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 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, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+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 = ["hidden"];
 //#endregion
@@ -39,30 +38,30 @@ var segmented_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
-		const direction = useDirection();
+		const dir = useDirection(() => props.dir);
 		const { listRef, indicator, ready } = useTabObserver("[data-state=\"on\"]");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
-				default: withCtx(() => [createVNode(unref(ToggleGroupRoot_default), mergeProps({
-					ref_key: "listRef",
-					ref: listRef,
-					class: unref(clsx)("celeste-segmented-control", props.class)
-				}, unref(forwarded), { type: "single" }), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("div", {
-						hidden: !unref(ready),
-						class: "celeste-segmented-control-indicator",
-						style: normalizeStyle({
-							width: `${unref(indicator).width}px`,
-							height: `${unref(indicator).height}px`,
-							transform: `translate3d(${unref(indicator).left}px, ${unref(indicator).top}px, 0)`
-						})
-					}, null, 12, _hoisted_1)]),
-					_: 3
-				}, 16, ["class"])]),
+			return openBlock(), createBlock(unref(ToggleGroupRoot_default), mergeProps({
+				ref_key: "listRef",
+				ref: listRef,
+				class: unref(clsx)("celeste-segmented-control", props.class)
+			}, 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",
+					style: normalizeStyle({
+						width: `${unref(indicator).width}px`,
+						height: `${unref(indicator).height}px`,
+						transform: `translate3d(${unref(indicator).left}px, ${unref(indicator).top}px, 0)`
+					})
+				}, null, 12, _hoisted_1)]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-1b4b28d6"]]);
+}), [["__scopeId", "data-v-e04f0e52"]]);
 //#endregion
 export { segmented_control_default as t };

package/dist/es/chunks/select.js

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

package/dist/es/chunks/slider.js

@@ -3,7 +3,6 @@ import { t as clamp } from "./clamp.js";
 import { t as createContext } from "./createContext.js";
 import { l as useMounted, p as useVModel } from "./dist2.js";
 import { t as Primitive } from "./Primitive.js";
-import { t as ConfigProvider_default } from "./ConfigProvider.js";
 import { t as useDirection } from "./useDirection.js";
 import { t as useFormControl } from "./useFormControl.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
@@ -786,23 +785,23 @@ var slider_default = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
-		const direction = useDirection$1();
+		const dir = useDirection$1(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
-				default: withCtx(() => [createVNode(unref(SliderRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-slider", props.class) }), {
-					default: withCtx(() => [createVNode(unref(SliderTrack_default), { class: "celeste-slider-track" }, {
-						default: withCtx(() => [createVNode(unref(SliderRange_default), { class: "celeste-slider-range" })]),
-						_: 1
-					}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (_, key) => {
-						return openBlock(), createBlock(unref(SliderThumb_default), {
-							key,
-							class: "celeste-slider-thumb"
-						});
-					}), 128))]),
+			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
-				}, 16, ["class"])]),
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (_, key) => {
+					return openBlock(), createBlock(unref(SliderThumb_default), {
+						key,
+						class: "celeste-slider-thumb"
+					});
+				}), 128))]),
 				_: 1
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });

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

@@ -1,9 +1,8 @@
 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 TabsRoot_default } from "./TabsRoot.js";
 import { useDirection } from "../use-direction.js";
-import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/tab-menu/tab-menu.vue
 var tab_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -22,17 +21,17 @@ var tab_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const forwarded = useForwardPropsEmits(props, __emit);
-		const direction = useDirection();
+		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ConfigProvider_default), { dir: props.dir ?? unref(direction) }, {
-				default: withCtx(() => [createVNode(unref(TabsRoot_default), mergeProps(unref(forwarded), { class: "celeste-tab-menu-root" }), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
-					_: 3
-				}, 16)]),
+			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
-			}, 8, ["dir"]);
+			}, 16, ["dir"]);
 		};
 	}
-}), [["__scopeId", "data-v-d5a36238"]]);
+}), [["__scopeId", "data-v-0965db3b"]]);
 //#endregion
 export { tab_menu_default as t };

package/dist/es/command-root.js

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

package/dist/es/index.js

@@ -98,6 +98,7 @@ import { t as tooltip_provider_default } from "./chunks/tooltip-provider.js";
 import { t as tooltip_root_default } from "./chunks/tooltip-root.js";
 import { t as tooltip_default } from "./chunks/tooltip.js";
 import { t as label_default } from "./chunks/label2.js";
+import { t as mochi_default } from "./chunks/mochi.js";
 import { t as modal_body_default } from "./chunks/modal-body.js";
 import { t as modal_close_default } from "./chunks/modal-close.js";
 import { t as modal_content_default } from "./chunks/modal-content.js";
@@ -223,4 +224,4 @@ var Celeste = { install(vue) {
 	});
 } };
 //#endregion
-export { alert_default as Alert, alpha_slider_default as AlphaSlider, badge_default as Badge, bar_chart_default as BarChart, button_default as Button, CHART_DURATION, CHART_SERIES_COLORS, COLOR_NUMBER_VALIDATION_PATTERN, calendar_default as Calendar, Celeste, chart_card_default as ChartCard, chart_legend_default as ChartLegend, chart_plot_default as ChartPlot, checkbox_default as Checkbox, checkbox_card_default as CheckboxCard, checkbox_label_default as CheckboxLabel, collapsible_default as Collapsible, collapsible_content_default as CollapsibleContent, collapsible_trigger_default as CollapsibleTrigger, color_area_default as ColorArea, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, combobox_default as Combobox, combobox_anchor_default as ComboboxAnchor, combobox_empty_default as ComboboxEmpty, combobox_group_default as ComboboxGroup, combobox_input_default as ComboboxInput, combobox_item_default as ComboboxItem, combobox_list_default as ComboboxList, combobox_root_default as ComboboxRoot, combobox_separator_default as ComboboxSeparator, combobox_trigger_default as ComboboxTrigger, compact_button_default as CompactButton, content_divider_default as ContentDivider, counter_input_default as CounterInput, DEFAULT_SWATCH, date_picker_default as DatePicker, digit_input_default as DigitInput, digit_input_group_default as DigitInputGroup, digit_input_slot_default as DigitInputSlot, dropdown_menu_default as DropdownMenu, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_group_default as DropdownMenuGroup, dropdown_menu_item_default as DropdownMenuItem, dropdown_menu_label_default as DropdownMenuLabel, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_sub_default as DropdownMenuSub, dropdown_menu_sub_content_default as DropdownMenuSubContent, dropdown_menu_sub_trigger_default as DropdownMenuSubTrigger, dropdown_menu_trigger_default as DropdownMenuTrigger, fancy_button_default as FancyButton, file_upload_area_default as FileUploadArea, HEX_VALIDATION_PATTERN, hint_text_default as HintText, hue_slider_default as HueSlider, label_default as Label, link_button_default as LinkButton, modal_default as Modal, modal_body_default as ModalBody, modal_close_default as ModalClose, modal_content_default as ModalContent, modal_footer_default as ModalFooter, modal_header_default as ModalHeader, modal_trigger_default as ModalTrigger, pagination_default as Pagination, pagination_content_default as PaginationContent, pagination_ellipsis_default as PaginationEllipsis, pagination_first_default as PaginationFirst, pagination_item_default as PaginationItem, pagination_last_default as PaginationLast, pagination_next_default as PaginationNext, pagination_previous_default as PaginationPrevious, popover_default as Popover, popover_content_default as PopoverContent, popover_trigger_default as PopoverTrigger, progress_bar_default as ProgressBar, progress_circle_default as ProgressCircle, radio_group_default as RadioGroup, radio_group_card_default as RadioGroupCard, radio_group_item_default as RadioGroupItem, radio_group_label_default as RadioGroupLabel, range_calendar_default as RangeCalendar, range_picker_default as RangePicker, rich_editor_default as RichEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, scroll_area_default as ScrollArea, segmented_control_default as SegmentedControl, segmented_control_item_default as SegmentedControlItem, select_default as Select, select_content_default as SelectContent, select_group_default as SelectGroup, select_icon_default as SelectIcon, select_item_default as SelectItem, select_label_default as SelectLabel, select_separator_default as SelectSeparator, select_trigger_default as SelectTrigger, select_value_default as SelectValue, sheet_default as Sheet, sheet_close_default as SheetClose, sheet_content_default as SheetContent, sheet_description_default as SheetDescription, sheet_footer_default as SheetFooter, sheet_header_default as SheetHeader, sheet_title_default as SheetTitle, sheet_trigger_default as SheetTrigger, sidebar_default as Sidebar, sidebar_content_default as SidebarContent, sidebar_element_default as SidebarElement, sidebar_footer_default as SidebarFooter, sidebar_group_default as SidebarGroup, sidebar_group_content_default as SidebarGroupContent, sidebar_group_label_default as SidebarGroupLabel, sidebar_header_default as SidebarHeader, sidebar_menu_default as SidebarMenu, sidebar_menu_action_default as SidebarMenuAction, sidebar_menu_badge_default as SidebarMenuBadge, sidebar_menu_button_default as SidebarMenuButton, sidebar_menu_item_default as SidebarMenuItem, sidebar_menu_sub_default as SidebarMenuSub, sidebar_menu_sub_button_default as SidebarMenuSubButton, sidebar_menu_sub_item_default as SidebarMenuSubItem, sidebar_provider_default as SidebarProvider, sidebar_separator_default as SidebarSeparator, sidebar_trigger_default as SidebarTrigger, slider_default as Slider, social_button_default as SocialButton, sonner_default as Sonner, sonner_alert_default as SonnerAlert, status_badge_default as StatusBadge, switch_default as Switch, tab_menu_default as TabMenu, tab_menu_content_default as TabMenuContent, tab_menu_item_default as TabMenuItem, tab_menu_list_default as TabMenuList, table_default as Table, table_body_default as TableBody, table_caption_default as TableCaption, table_cell_default as TableCell, table_empty_default as TableEmpty, table_footer_default as TableFooter, table_head_default as TableHead, table_header_default as TableHeader, table_row_default as TableRow, tag_default as Tag, text_input_default as TextInput, text_input_affix_default as TextInputAffix, text_input_button_default as TextInputButton, textarea_default as Textarea, tooltip_default as Tooltip, tooltip_content_default as TooltipContent, tooltip_provider_default as TooltipProvider, tooltip_root_default as TooltipRoot, tooltip_trigger_default as TooltipTrigger, bumpColorValue, chartColor, chartTooltip, clamp, formatCompact, formatNumber, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, niceTicks, provideSidebarContext, resolveArrowDirection, toast, truncColorValue, uid, useChartMotion, useDelegatedProps, useDirection, useLocale, useSidebar, useTabObserver };
+export { alert_default as Alert, alpha_slider_default as AlphaSlider, badge_default as Badge, bar_chart_default as BarChart, button_default as Button, CHART_DURATION, CHART_SERIES_COLORS, COLOR_NUMBER_VALIDATION_PATTERN, calendar_default as Calendar, Celeste, chart_card_default as ChartCard, chart_legend_default as ChartLegend, chart_plot_default as ChartPlot, checkbox_default as Checkbox, checkbox_card_default as CheckboxCard, checkbox_label_default as CheckboxLabel, collapsible_default as Collapsible, collapsible_content_default as CollapsibleContent, collapsible_trigger_default as CollapsibleTrigger, color_area_default as ColorArea, color_picker_default as ColorPicker, color_swatch_default as ColorSwatch, combobox_default as Combobox, combobox_anchor_default as ComboboxAnchor, combobox_empty_default as ComboboxEmpty, combobox_group_default as ComboboxGroup, combobox_input_default as ComboboxInput, combobox_item_default as ComboboxItem, combobox_list_default as ComboboxList, combobox_root_default as ComboboxRoot, combobox_separator_default as ComboboxSeparator, combobox_trigger_default as ComboboxTrigger, compact_button_default as CompactButton, content_divider_default as ContentDivider, counter_input_default as CounterInput, DEFAULT_SWATCH, date_picker_default as DatePicker, digit_input_default as DigitInput, digit_input_group_default as DigitInputGroup, digit_input_slot_default as DigitInputSlot, dropdown_menu_default as DropdownMenu, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_group_default as DropdownMenuGroup, dropdown_menu_item_default as DropdownMenuItem, dropdown_menu_label_default as DropdownMenuLabel, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_sub_default as DropdownMenuSub, dropdown_menu_sub_content_default as DropdownMenuSubContent, dropdown_menu_sub_trigger_default as DropdownMenuSubTrigger, dropdown_menu_trigger_default as DropdownMenuTrigger, fancy_button_default as FancyButton, file_upload_area_default as FileUploadArea, HEX_VALIDATION_PATTERN, hint_text_default as HintText, hue_slider_default as HueSlider, label_default as Label, link_button_default as LinkButton, mochi_default as Mochi, modal_default as Modal, modal_body_default as ModalBody, modal_close_default as ModalClose, modal_content_default as ModalContent, modal_footer_default as ModalFooter, modal_header_default as ModalHeader, modal_trigger_default as ModalTrigger, pagination_default as Pagination, pagination_content_default as PaginationContent, pagination_ellipsis_default as PaginationEllipsis, pagination_first_default as PaginationFirst, pagination_item_default as PaginationItem, pagination_last_default as PaginationLast, pagination_next_default as PaginationNext, pagination_previous_default as PaginationPrevious, popover_default as Popover, popover_content_default as PopoverContent, popover_trigger_default as PopoverTrigger, progress_bar_default as ProgressBar, progress_circle_default as ProgressCircle, radio_group_default as RadioGroup, radio_group_card_default as RadioGroupCard, radio_group_item_default as RadioGroupItem, radio_group_label_default as RadioGroupLabel, range_calendar_default as RangeCalendar, range_picker_default as RangePicker, rich_editor_default as RichEditor, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, scroll_area_default as ScrollArea, segmented_control_default as SegmentedControl, segmented_control_item_default as SegmentedControlItem, select_default as Select, select_content_default as SelectContent, select_group_default as SelectGroup, select_icon_default as SelectIcon, select_item_default as SelectItem, select_label_default as SelectLabel, select_separator_default as SelectSeparator, select_trigger_default as SelectTrigger, select_value_default as SelectValue, sheet_default as Sheet, sheet_close_default as SheetClose, sheet_content_default as SheetContent, sheet_description_default as SheetDescription, sheet_footer_default as SheetFooter, sheet_header_default as SheetHeader, sheet_title_default as SheetTitle, sheet_trigger_default as SheetTrigger, sidebar_default as Sidebar, sidebar_content_default as SidebarContent, sidebar_element_default as SidebarElement, sidebar_footer_default as SidebarFooter, sidebar_group_default as SidebarGroup, sidebar_group_content_default as SidebarGroupContent, sidebar_group_label_default as SidebarGroupLabel, sidebar_header_default as SidebarHeader, sidebar_menu_default as SidebarMenu, sidebar_menu_action_default as SidebarMenuAction, sidebar_menu_badge_default as SidebarMenuBadge, sidebar_menu_button_default as SidebarMenuButton, sidebar_menu_item_default as SidebarMenuItem, sidebar_menu_sub_default as SidebarMenuSub, sidebar_menu_sub_button_default as SidebarMenuSubButton, sidebar_menu_sub_item_default as SidebarMenuSubItem, sidebar_provider_default as SidebarProvider, sidebar_separator_default as SidebarSeparator, sidebar_trigger_default as SidebarTrigger, slider_default as Slider, social_button_default as SocialButton, sonner_default as Sonner, sonner_alert_default as SonnerAlert, status_badge_default as StatusBadge, switch_default as Switch, tab_menu_default as TabMenu, tab_menu_content_default as TabMenuContent, tab_menu_item_default as TabMenuItem, tab_menu_list_default as TabMenuList, table_default as Table, table_body_default as TableBody, table_caption_default as TableCaption, table_cell_default as TableCell, table_empty_default as TableEmpty, table_footer_default as TableFooter, table_head_default as TableHead, table_header_default as TableHeader, table_row_default as TableRow, tag_default as Tag, text_input_default as TextInput, text_input_affix_default as TextInputAffix, text_input_button_default as TextInputButton, textarea_default as Textarea, tooltip_default as Tooltip, tooltip_content_default as TooltipContent, tooltip_provider_default as TooltipProvider, tooltip_root_default as TooltipRoot, tooltip_trigger_default as TooltipTrigger, bumpColorValue, chartColor, chartTooltip, clamp, formatCompact, formatNumber, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, niceTicks, provideSidebarContext, resolveArrowDirection, toast, truncColorValue, uid, useChartMotion, useDelegatedProps, useDirection, useLocale, useSidebar, useTabObserver };

package/dist/es/mochi.js

@@ -0,0 +1,2 @@
+import { t as mochi_default } from "./chunks/mochi.js";
+export { mochi_default as default };

package/dist/es/use-direction.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, onMounted, ref, watch } from "vue";
+import { computed, getCurrentInstance, onMounted, ref, toValue, watch } from "vue";
 //#region src/composables/use-direction.ts
 var revision = ref(0);
 var observer;
@@ -13,18 +13,18 @@ function observeDocument() {
 function documentDirection() {
 	return typeof document !== "undefined" && document.documentElement.dir === "rtl" ? "rtl" : "ltr";
 }
-function useDirection() {
+function useDirection(override) {
 	const instance = getCurrentInstance();
-	const direction = ref(documentDirection());
+	const resolved = 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();
 	}
 	onMounted(read);
 	watch(revision, read);
-	return direction;
+	return computed(() => toValue(override) ?? resolved.value);
 }
 //#endregion
 export { useDirection };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -52,8 +52,8 @@
     "reka-ui": "^2.10.1",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.13.0",
-    "@youcan/celeste-tokens": "0.13.0"
+    "@youcan/celeste-icons": "0.14.0",
+    "@youcan/celeste-tokens": "0.14.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.0",