@youcan/celeste 0.13.0 → 0.14.0

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

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

@@ -36,21 +36,21 @@ var combobox_root_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 	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_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded)), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ComboboxRoot.ComboboxRoot_default), (0, vue.mergeProps)({ class: "celeste-combobox-root" }, (0, vue.unref)(forwarded), { dir: (0, vue.unref)(dir) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}, 16)]),
+				}, 8, ["dir"])]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/combobox/combobox-root.vue
-var combobox_root_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7e1e8d15"]]);
+var combobox_root_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(combobox_root_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bfdab687"]]);
 //#endregion
 Object.defineProperty(exports, "combobox_root_default", {
 	enumerable: true,

package/dist/cjs/chunks/components.cjs

@@ -91,6 +91,7 @@ const require_tooltip_provider = require("./tooltip-provider.cjs");
 const require_tooltip_root = require("./tooltip-root.cjs");
 const require_tooltip = require("./tooltip.cjs");
 const require_label = require("./label2.cjs");
+const require_mochi = require("./mochi.cjs");
 const require_modal_body = require("./modal-body.cjs");
 const require_modal_close = require("./modal-close.cjs");
 const require_modal_content = require("./modal-content.cjs");
@@ -222,6 +223,7 @@ var components_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	HueSlider: () => require_hue_slider.hue_slider_default,
 	Label: () => require_label.label_default,
 	LinkButton: () => require_link_button.link_button_default,
+	Mochi: () => require_mochi.mochi_default,
 	Modal: () => require_modal.modal_default,
 	ModalBody: () => require_modal_body.modal_body_default,
 	ModalClose: () => require_modal_close.modal_close_default,

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

@@ -1,7 +1,6 @@
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_dist = require("./dist.cjs");
-const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_PinInputRoot = require("./PinInputRoot.cjs");
 const require_use_direction = require("../use-direction.cjs");
@@ -41,24 +40,26 @@ var digit_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 		const emits = __emit;
 		const delegatedProps = require_dist.reactiveOmit(props, "class", "hasError");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
-		const 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_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-					class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
-					"data-error": __props.hasError
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
-					_: 3
-				}, 16, ["class", "data-error"])]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
+				"data-error": __props.hasError,
+				dir: (0, vue.unref)(dir)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, [
+				"class",
+				"data-error",
+				"dir"
+			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/digit-input/digit-input.vue
-var digit_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(digit_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-20a3fbb5"]]);
+var digit_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(digit_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-12ddf69b"]]);
 //#endregion
 Object.defineProperty(exports, "digit_input_default", {
 	enumerable: true,

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

@@ -28,21 +28,24 @@ var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
-		const 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_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class),
+				dir: (0, vue.unref)(dir)
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_ConfigProvider.ConfigProvider_default), { dir: (0, vue.unref)(dir) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}, 16, ["class"])]),
+				}, 8, ["dir"])]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu.vue
-var dropdown_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fa4c1e84"]]);
+var dropdown_menu_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dropdown_menu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-154e9b38"]]);
 //#endregion
 Object.defineProperty(exports, "dropdown_menu_default", {
 	enumerable: true,

package/dist/cjs/chunks/mochi.cjs

@@ -0,0 +1,168 @@
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+//#region src/components/mochi/mochi.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-anim"];
+var DROP_DURATION = 2010;
+var HIDE_DURATION = 420;
+var SETTLE_DURATION = 500;
+var mochi_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "mochi",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: { default: 40 },
+		animate: {
+			type: Boolean,
+			default: false
+		},
+		thinking: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"idle": {
+			type: Boolean,
+			default: false
+		},
+		"idleModifiers": {}
+	}),
+	emits: ["update:idle"],
+	setup(__props) {
+		(0, vue.useCssVars)((_ctx) => ({
+			"v51b30026": sizePx.value,
+			"v54792142": rotate.value
+		}));
+		const props = __props;
+		const idle = (0, vue.useModel)(__props, "idle");
+		const durations = {
+			"blink-twice": 440,
+			"blink-once": 160,
+			"look-blink-twice": 3e3,
+			"look-blink-once": 2800
+		};
+		const weights = [
+			["blink-twice", 35],
+			["blink-once", 35],
+			["look-blink-twice", 15],
+			["look-blink-once", 15]
+		];
+		const rotation = {
+			bottom: "0deg",
+			right: "-90deg",
+			top: "180deg",
+			left: "90deg"
+		};
+		const order = [
+			"bottom",
+			"right",
+			"top",
+			"left"
+		];
+		const anim = (0, vue.ref)("");
+		const peek = (0, vue.ref)("");
+		const peekSide = (0, vue.ref)("bottom");
+		const sizePx = (0, vue.computed)(() => `${props.size}px`);
+		const rotate = (0, vue.computed)(() => rotation[peekSide.value]);
+		let retired = false;
+		let frame;
+		let timer;
+		let peekTimer;
+		function pick() {
+			let r = Math.random() * 100;
+			for (const [name, weight] of weights) {
+				r -= weight;
+				if (r <= 0) return name;
+			}
+			return "blink-twice";
+		}
+		function cycle() {
+			clearTimeout(timer);
+			cancelAnimationFrame(frame ?? 0);
+			anim.value = "";
+			if (!props.animate || peek.value) return;
+			frame = requestAnimationFrame(() => {
+				const next = pick();
+				anim.value = next;
+				timer = setTimeout(cycle, durations[next] + 800 + Math.random() * 1600);
+			});
+		}
+		function later(fn, ms) {
+			clearTimeout(peekTimer);
+			peekTimer = setTimeout(fn, ms);
+		}
+		function drop() {
+			peekSide.value = "bottom";
+			peek.value = "drop";
+			cycle();
+			later(() => {
+				peek.value = "out";
+			}, DROP_DURATION);
+		}
+		function settle() {
+			peekSide.value = "bottom";
+			peek.value = "home";
+			later(() => {
+				peek.value = "";
+				cycle();
+			}, SETTLE_DURATION);
+		}
+		function hop() {
+			peek.value = "hidden";
+			later(() => {
+				const next = order[(order.indexOf(peekSide.value) + 1) % order.length];
+				if (next === "bottom") {
+					retired = true;
+					settle();
+					idle.value = false;
+					return;
+				}
+				peekSide.value = next;
+				peek.value = "out";
+			}, HIDE_DURATION);
+		}
+		function poke() {
+			if (peek.value === "out") hop();
+			else if (!peek.value && props.animate && !retired) idle.value = true;
+		}
+		(0, vue.watch)(() => idle.value && props.animate, (active) => {
+			if (active && !retired && !peek.value) drop();
+			else if (!active && peek.value && peek.value !== "home") {
+				peek.value = "hidden";
+				later(settle, HIDE_DURATION);
+			}
+		}, { immediate: true });
+		(0, vue.watch)(() => props.animate, cycle);
+		(0, vue.onMounted)(cycle);
+		(0, vue.onBeforeUnmount)(() => {
+			cancelAnimationFrame(frame ?? 0);
+			clearTimeout(timer);
+			clearTimeout(peekTimer);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-mochi", peek.value && `celeste-mochi-peek-${peek.value}`, props.thinking && "celeste-mochi-thinking", props.class)),
+				"data-anim": anim.value || void 0,
+				"aria-hidden": "true"
+			}, [(0, vue.createElementVNode)("div", { class: "celeste-mochi-stage" }, [(0, vue.createElementVNode)("div", { class: "celeste-mochi-chan" }, [(0, vue.createElementVNode)("div", {
+				class: "celeste-mochi-body",
+				onClick: poke
+			}), _cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "celeste-mochi-eyes" }, [(0, vue.createElementVNode)("div", { class: "celeste-mochi-eye celeste-mochi-eye-l" }), (0, vue.createElementVNode)("div", { class: "celeste-mochi-eye celeste-mochi-eye-r" })], -1))])])], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/components/mochi/mochi.vue
+var mochi_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(mochi_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ce7048d3"]]);
+//#endregion
+Object.defineProperty(exports, "mochi_default", {
+	enumerable: true,
+	get: function() {
+		return mochi_default;
+	}
+});

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

@@ -1,5 +1,4 @@
 const require_clsx = require("./clsx.cjs");
-const require_ConfigProvider = require("./ConfigProvider.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_RadioGroupRoot = require("./RadioGroupRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
@@ -34,15 +33,12 @@ var radio_group_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
-		const 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_RadioGroupRoot.RadioGroupRoot_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded)), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["class"])]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_RadioGroupRoot.RadioGroupRoot_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-radio-wrapper", props.class) }, (0, vue.unref)(forwarded), { dir: (0, vue.unref)(dir) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["dir"]);
+			}, 16, ["class", "dir"]);
 		};
 	}
 });