@youcan/celeste 0.21.2 → 0.22.0

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

@@ -1,195 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
-const require_useId = require("./useId.cjs");
-const require_utils = require("./utils.cjs");
-const require_MenuAnchor = require("./MenuAnchor.cjs");
-const require_MenuRoot = require("./MenuRoot.cjs");
-const require_MenuContentImpl = require("./MenuContentImpl.cjs");
-const require_MenuItemImpl = require("./MenuItemImpl.cjs");
-const require_MenuSub = require("./MenuSub.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuSubTrigger.js
-var MenuSubTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "MenuSubTrigger",
-	props: {
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		textValue: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const menuContext = require_MenuRoot.injectMenuContext();
-		const rootContext = require_MenuRoot.injectMenuRootContext();
-		const subContext = require_MenuSub.injectMenuSubContext();
-		const contentContext = require_MenuContentImpl.injectMenuContentContext();
-		(0, vue.watch)(menuContext.open, (open) => {
-			if (open) contentContext.activeSubmenuContext.value = {
-				onOpenChange: menuContext.onOpenChange,
-				trigger: subContext.trigger
-			};
-			else if (contentContext.activeSubmenuContext.value?.trigger.value === subContext.trigger.value) contentContext.activeSubmenuContext.value = void 0;
-		});
-		const openTimerRef = (0, vue.ref)(null);
-		subContext.triggerId ||= require_useId.useId(void 0, "reka-menu-sub-trigger");
-		function clearOpenTimer() {
-			if (openTimerRef.value) window.clearTimeout(openTimerRef.value);
-			openTimerRef.value = null;
-		}
-		(0, vue.onUnmounted)(() => {
-			clearOpenTimer();
-		});
-		function handlePointerMove(event) {
-			if (!require_utils.isMouseEvent(event)) return;
-			if (contentContext.onItemEnter(event)) return;
-			if (!props.disabled && !menuContext.open.value && !openTimerRef.value) {
-				contentContext.onPointerGraceIntentChange(null);
-				openTimerRef.value = window.setTimeout(() => {
-					menuContext.onOpenChange(true);
-					clearOpenTimer();
-				}, 100);
-			}
-		}
-		async function handlePointerLeave(event) {
-			if (!require_utils.isMouseEvent(event)) return;
-			clearOpenTimer();
-			const contentRect = menuContext.content.value?.getBoundingClientRect();
-			if (contentRect?.width) {
-				const side = menuContext.content.value?.dataset.side;
-				const rightSide = side === "right";
-				const bleed = rightSide ? -5 : 5;
-				const contentNearEdge = contentRect[rightSide ? "left" : "right"];
-				const contentFarEdge = contentRect[rightSide ? "right" : "left"];
-				contentContext.onPointerGraceIntentChange({
-					area: [
-						{
-							x: event.clientX + bleed,
-							y: event.clientY
-						},
-						{
-							x: contentNearEdge,
-							y: contentRect.top
-						},
-						{
-							x: contentFarEdge,
-							y: contentRect.top
-						},
-						{
-							x: contentFarEdge,
-							y: contentRect.bottom
-						},
-						{
-							x: contentNearEdge,
-							y: contentRect.bottom
-						}
-					],
-					side
-				});
-				window.clearTimeout(contentContext.pointerGraceTimerRef.value);
-				contentContext.pointerGraceTimerRef.value = window.setTimeout(() => contentContext.onPointerGraceIntentChange(null), 300);
-			} else {
-				if (contentContext.onTriggerLeave(event)) return;
-				contentContext.onPointerGraceIntentChange(null);
-			}
-		}
-		async function handleKeyDown(event) {
-			const isTypingAhead = contentContext.searchRef.value !== "";
-			if (props.disabled || isTypingAhead && event.key === " ") return;
-			if (require_utils.SUB_OPEN_KEYS[rootContext.dir.value].includes(event.key)) {
-				menuContext.onOpenChange(true);
-				await (0, vue.nextTick)();
-				menuContext.content.value?.focus();
-				event.preventDefault();
-			}
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(require_MenuAnchor.MenuAnchor_default, { "as-child": "" }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_MenuItemImpl.MenuItemImpl_default, (0, vue.mergeProps)(props, {
-					id: (0, vue.unref)(subContext).triggerId,
-					ref: (vnode) => {
-						if (!vnode) return void 0;
-						(0, vue.unref)(subContext)?.onTriggerChange(vnode?.$el);
-					},
-					"aria-haspopup": "menu",
-					"aria-expanded": (0, vue.unref)(menuContext).open.value,
-					"aria-controls": (0, vue.unref)(subContext).contentId,
-					"data-state": (0, vue.unref)(require_utils.getOpenState)((0, vue.unref)(menuContext).open.value),
-					onClick: _cache[0] || (_cache[0] = async (event) => {
-						if (props.disabled || event.defaultPrevented) return;
-						/**
-						* We manually focus because iOS Safari doesn't always focus on click (e.g. buttons)
-						* and we rely heavily on `onFocusOutside` for submenus to close when switching
-						* between separate submenus.
-						*/
-						event.currentTarget?.focus();
-						if (!(0, vue.unref)(menuContext).open.value) (0, vue.unref)(menuContext).onOpenChange(true);
-					}),
-					onPointermove: handlePointerMove,
-					onPointerleave: handlePointerLeave,
-					onKeydown: handleKeyDown
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, [
-					"id",
-					"aria-expanded",
-					"aria-controls",
-					"data-state"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSubTrigger.js
-var DropdownMenuSubTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "DropdownMenuSubTrigger",
-	props: {
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		textValue: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		require_useForwardExpose.useForwardExpose();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MenuSubTrigger_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/dropdown-menu/dropdown-menu-sub-trigger.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -214,9 +29,9 @@ var dropdown_menu_sub_trigger_vue_vue_type_script_setup_true_lang_default = /*@_
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwardedProps = require_useForwardProps.useForwardProps(delegatedProps);
+		const forwardedProps = (0, reka_ui.useForwardProps)(delegatedProps);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuSubTrigger_default), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuSubTrigger), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(clsx.default)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
 				default: (0, vue.withCtx)(() => [
 					_ctx.$slots.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "prefix", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),

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

@@ -1,41 +1,5 @@
-const require_dist = require("./dist2.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
-const require_MenuSub = require("./MenuSub.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSub.js
-var DropdownMenuSub_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "DropdownMenuSub",
-	props: {
-		defaultOpen: {
-			type: Boolean,
-			required: false
-		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	},
-	emits: ["update:open"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const open = require_dist.useVModel(props, "open", __emit, {
-			passive: props.open === void 0,
-			defaultValue: props.defaultOpen ?? false
-		});
-		require_useForwardExpose.useForwardExpose();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_MenuSub.MenuSub_default), {
-				open: (0, vue.unref)(open),
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(open) ? open.value = $event : null)
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { open: (0, vue.unref)(open) })]),
-				_: 3
-			}, 8, ["open"]);
-		};
-	}
-});
+let reka_ui = require("reka-ui");
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub.vue
 var dropdown_menu_sub_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -46,9 +10,9 @@ var dropdown_menu_sub_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(__props, __emit);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuSub_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuSub), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

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

@@ -1,92 +1,6 @@
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
-const require_useId = require("./useId.cjs");
-const require_MenuAnchor = require("./MenuAnchor.cjs");
-const require_DropdownMenuRoot = require("./DropdownMenuRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuTrigger.js
-var DropdownMenuTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "DropdownMenuTrigger",
-	props: {
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = require_DropdownMenuRoot.injectDropdownMenuRootContext();
-		const { forwardRef, currentElement: triggerElement } = require_useForwardExpose.useForwardExpose();
-		(0, vue.onMounted)(() => {
-			rootContext.triggerElement = triggerElement;
-		});
-		rootContext.triggerId ||= require_useId.useId(void 0, "reka-dropdown-menu-trigger");
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_MenuAnchor.MenuAnchor_default), { "as-child": "" }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
-					id: (0, vue.unref)(rootContext).triggerId,
-					ref: (0, vue.unref)(forwardRef),
-					type: _ctx.as === "button" ? "button" : void 0,
-					"as-child": props.asChild,
-					as: _ctx.as,
-					"aria-haspopup": "menu",
-					"aria-expanded": (0, vue.unref)(rootContext).open.value,
-					"aria-controls": (0, vue.unref)(rootContext).open.value ? (0, vue.unref)(rootContext).contentId : void 0,
-					"data-disabled": _ctx.disabled ? "" : void 0,
-					disabled: _ctx.disabled,
-					"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
-					onClick: _cache[0] || (_cache[0] = async (event) => {
-						if (!_ctx.disabled && event.button === 0 && event.ctrlKey === false) {
-							(0, vue.unref)(rootContext)?.onOpenToggle();
-							await (0, vue.nextTick)();
-							if ((0, vue.unref)(rootContext).open.value) event.preventDefault();
-						}
-					}),
-					onKeydown: _cache[1] || (_cache[1] = (0, vue.withKeys)((event) => {
-						if (_ctx.disabled) return;
-						if (["Enter", " "].includes(event.key)) (0, vue.unref)(rootContext).onOpenToggle();
-						if (event.key === "ArrowDown") (0, vue.unref)(rootContext).onOpenChange(true);
-						if ([
-							"Enter",
-							" ",
-							"ArrowDown"
-						].includes(event.key)) event.preventDefault();
-					}, [
-						"enter",
-						"space",
-						"arrow-down"
-					]))
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"id",
-					"type",
-					"as-child",
-					"as",
-					"aria-expanded",
-					"aria-controls",
-					"data-disabled",
-					"disabled",
-					"data-state"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
+let reka_ui = require("reka-ui");
 //#region src/components/dropdown-menu/dropdown-menu-trigger.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dropdown-menu-trigger",
@@ -96,9 +10,9 @@ var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		as: {}
 	},
 	setup(__props) {
-		const forwardedProps = require_useForwardProps.useForwardProps(__props);
+		const forwardedProps = (0, reka_ui.useForwardProps)(__props);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DropdownMenuTrigger_default), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-trigger" }, (0, vue.unref)(forwardedProps), { as: "div" }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuTrigger), (0, vue.mergeProps)({ class: "celeste-dropdown-menu-trigger" }, (0, vue.unref)(forwardedProps), { as: "div" }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);

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

@@ -1,11 +1,11 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_ConfigProvider = require("./ConfigProvider.cjs");
-const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
-const require_DropdownMenuRoot = require("./DropdownMenuRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/dropdown-menu/dropdown-menu.vue?vue&type=script&setup=true&lang.ts
 var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dropdown-menu",
@@ -27,14 +27,14 @@ var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 		const props = __props;
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(delegatedProps, emits);
 		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DropdownMenuRoot.DropdownMenuRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-dropdown-menu", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuRoot), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(clsx.default)("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.createVNode)((0, vue.unref)(reka_ui.ConfigProvider), { dir: (0, vue.unref)(dir) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
 				}, 8, ["dir"])]),

package/dist/cjs/chunks/extra-settings.cjs

@@ -1,9 +1,9 @@
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_select_content = require("./select-content.cjs");
-const require_select_trigger = require("./select-trigger.cjs");
-const require_select_item = require("./select-item.cjs");
 const require_compact_button = require("./compact-button.cjs");
+const require_select_content = require("./select-content.cjs");
 const require_select_icon = require("./select-icon.cjs");
+const require_select_item = require("./select-item.cjs");
+const require_select_trigger = require("./select-trigger.cjs");
 const require_select = require("./select.cjs");
 const require_tooltip = require("./tooltip.cjs");
 let vue = require("vue");

package/dist/cjs/chunks/fancy-button.cjs

@@ -1,7 +1,9 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_Primitive = require("./Primitive.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/button/fancy-button.vue?vue&type=script&setup=true&lang.ts
 var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "fancy-button",
@@ -21,10 +23,10 @@ var fancy_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
 				as: __props.as,
 				"as-child": __props.asChild,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-fbutton", `celeste-fbutton-${__props.intent}`, `celeste-fbutton-${__props.size}`, props.class))
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-fbutton", `celeste-fbutton-${__props.intent}`, `celeste-fbutton-${__props.size}`, props.class))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/cjs/chunks/file-upload-area.cjs

@@ -1,8 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_dist = require("./dist2.cjs");
 const require_button = require("./button.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/file-upload/file-upload-area.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-file-upload-area-content" };
 var _hoisted_2 = { class: "celeste-file-upload-area-label" };
@@ -44,7 +46,7 @@ var file_upload_area_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const emit = __emit;
 		const files = (0, vue.useModel)(__props, "modelValue");
 		const dropZoneRef = (0, vue.useTemplateRef)("dropZoneRef");
-		const { isOverDropZone } = require_dist.useDropZone(dropZoneRef, { onDrop });
+		const { isOverDropZone } = (0, _vueuse_core.useDropZone)(dropZoneRef, { onDrop });
 		const uploadComponent = (0, vue.computed)(() => {
 			return props.onTriggerClick ? "div" : "label";
 		});
@@ -104,7 +106,7 @@ var file_upload_area_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(uploadComponent.value), {
 				ref_key: "dropZoneRef",
 				ref: dropZoneRef,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-file-upload-area", props.class)),
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-file-upload-area", props.class)),
 				"data-over-drop-zone": (0, vue.unref)(isOverDropZone),
 				onClick: handleTriggerClick
 			}, {

package/dist/cjs/chunks/gradient-picker.cjs

@@ -1,12 +1,12 @@
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_popover_content = require("./popover-content.cjs");
-const require_popover_trigger = require("./popover-trigger.cjs");
 require("./button.cjs");
 const require_compact_button = require("./compact-button.cjs");
 require("./fancy-button.cjs");
 require("./link-button.cjs");
 require("./social-button.cjs");
-const require_tinycolor = require("./tinycolor.cjs");
+const require_popover_content = require("./popover-content.cjs");
+const require_popover_trigger = require("./popover-trigger.cjs");
 const require_popover = require("./popover.cjs");
 require("./text-input-affix.cjs");
 require("./text-input-button.cjs");
@@ -14,6 +14,8 @@ const require_text_input = require("./text-input.cjs");
 const require_gradient = require("../gradient.cjs");
 const require_tooltip = require("./tooltip.cjs");
 let vue = require("vue");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_rolldown_runtime.__toESM(tinycolor2, 1);
 //#region src/components/color-picker/gradient-picker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	type: "button",
@@ -136,7 +138,7 @@ var gradient_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 		const numeric = (raw) => raw.trim() !== "" && !Number.isNaN(Number(raw));
 		function hsva(color) {
-			const parsed = require_tinycolor.tinycolor(color);
+			const parsed = (0, tinycolor2.default)(color);
 			const { h, s, v } = parsed.toHsv();
 			return {
 				h,
@@ -146,7 +148,7 @@ var gradient_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			};
 		}
 		function colorOf(stop) {
-			const color = require_tinycolor.tinycolor({
+			const color = (0, tinycolor2.default)({
 				h: stop.h,
 				s: stop.s / 100,
 				v: stop.v / 100,
@@ -264,7 +266,7 @@ var gradient_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			const before = stops.findLast((stop) => stop.position <= position) ?? stops[0];
 			const ratio = after.position === before.position ? 0 : (position - before.position) / (after.position - before.position);
 			return {
-				...hsva(require_tinycolor.tinycolor.mix(colorOf({
+				...hsva(tinycolor2.default.mix(colorOf({
 					...before,
 					a: 1
 				}), colorOf({

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

@@ -1,6 +1,8 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/hint-text/hint-text.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["role"];
 var _hoisted_2 = { key: 1 };
@@ -23,7 +25,7 @@ var hint_text_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vu
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				role: props.state === "error" ? "alert" : "note",
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-hint-text", `celeste-hint-text-${__props.state}`, props.class))
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-hint-text", `celeste-hint-text-${__props.state}`, props.class))
 			}, [__props.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", {
 				key: 0,
 				class: (0, vue.normalizeClass)(__props.icon)

package/dist/cjs/chunks/{label2.cjs → label.cjs}

@@ -1,10 +1,11 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_Label = require("./Label.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 const require_tooltip = require("./tooltip.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/label/label.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -32,14 +33,14 @@ var label_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Label.Label_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Label), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
 				"aria-required": __props.required,
 				"aria-disabled": __props.disabled,
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-label", props.class)
+				class: (0, vue.unref)(clsx.default)("celeste-label", props.class)
 			}), {
 				default: (0, vue.withCtx)(() => [
 					(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true),
-					(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+					(0, vue.createVNode)((0, vue.unref)(reka_ui.Primitive), {
 						class: "celeste-label-button",
 						"as-child": ""
 					}, {

package/dist/cjs/chunks/link-bubble.cjs

@@ -1,11 +1,11 @@
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_switch = require("./switch.cjs");
 const require_button = require("./button.cjs");
 const require_compact_button = require("./compact-button.cjs");
 const require_link_button = require("./link-button.cjs");
 const require_text_input_affix = require("./text-input-affix.cjs");
 const require_text_input = require("./text-input.cjs");
-const require_label = require("./label2.cjs");
+const require_label = require("./label.cjs");
+const require_switch = require("./switch.cjs");
 let vue = require("vue");
 //#region src/components/rich-editor/link-bubble.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -28,7 +28,7 @@ var link_bubble_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const BubbleMenu = (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./menus.cjs")).then((m) => m.BubbleMenu));
+		const BubbleMenu = (0, vue.defineAsyncComponent)(() => import("@tiptap/vue-3/menus").then((m) => m.BubbleMenu));
 		const href = (0, vue.ref)("");
 		const openInNewTab = (0, vue.ref)(false);
 		const editing = (0, vue.ref)(false);

package/dist/cjs/chunks/link-button.cjs

@@ -1,7 +1,9 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_Primitive = require("./Primitive.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/button/link-button.vue?vue&type=script&setup=true&lang.ts
 var link_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "link-button",
@@ -23,11 +25,11 @@ var link_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), {
 				as: __props.as,
 				disabled: __props.disabled,
 				"as-child": __props.asChild,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-link-button", `celeste-link-button-${__props.intent}`, `celeste-link-button-${__props.size}`, __props.disabled && "celeste-link-button-disabled", __props.underline && "celeste-link-button-underline", props.class)),
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-link-button", `celeste-link-button-${__props.intent}`, `celeste-link-button-${__props.size}`, __props.disabled && "celeste-link-button-disabled", __props.underline && "celeste-link-button-underline", props.class)),
 				role: __props.as === "a" ? "link" : "button"
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),

package/dist/cjs/chunks/mochi.cjs

@@ -1,6 +1,8 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/mochi/mochi.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-anim"];
 var DROP_DURATION = 2010;
@@ -146,7 +148,7 @@ var mochi_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 		});
 		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)),
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("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", {