@youcan/celeste 0.21.2 → 0.22.0

package/dist/es/chunks/dropdown-menu-sub-trigger.js

@@ -1,195 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { t as useId } from "./useId.js";
-import { c as getOpenState, l as isMouseEvent, o as SUB_OPEN_KEYS } from "./utils.js";
-import { t as MenuAnchor_default } from "./MenuAnchor.js";
-import { n as injectMenuContext, r as injectMenuRootContext } from "./MenuRoot.js";
-import { n as injectMenuContentContext } from "./MenuContentImpl.js";
-import { t as MenuItemImpl_default } from "./MenuItemImpl.js";
-import { n as injectMenuSubContext } from "./MenuSub.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, onUnmounted, openBlock, ref, renderSlot, unref, watch, withCtx } from "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__ */ 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 = injectMenuContext();
-		const rootContext = injectMenuRootContext();
-		const subContext = injectMenuSubContext();
-		const contentContext = injectMenuContentContext();
-		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 = ref(null);
-		subContext.triggerId ||= useId(void 0, "reka-menu-sub-trigger");
-		function clearOpenTimer() {
-			if (openTimerRef.value) window.clearTimeout(openTimerRef.value);
-			openTimerRef.value = null;
-		}
-		onUnmounted(() => {
-			clearOpenTimer();
-		});
-		function handlePointerMove(event) {
-			if (!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 (!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 (SUB_OPEN_KEYS[rootContext.dir.value].includes(event.key)) {
-				menuContext.onOpenChange(true);
-				await nextTick();
-				menuContext.content.value?.focus();
-				event.preventDefault();
-			}
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(MenuAnchor_default, { "as-child": "" }, {
-				default: withCtx(() => [createVNode(MenuItemImpl_default, mergeProps(props, {
-					id: unref(subContext).triggerId,
-					ref: (vnode) => {
-						if (!vnode) return void 0;
-						unref(subContext)?.onTriggerChange(vnode?.$el);
-					},
-					"aria-haspopup": "menu",
-					"aria-expanded": unref(menuContext).open.value,
-					"aria-controls": unref(subContext).contentId,
-					"data-state": unref(getOpenState)(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 (!unref(menuContext).open.value) unref(menuContext).onOpenChange(true);
-					}),
-					onPointermove: handlePointerMove,
-					onPointerleave: handlePointerLeave,
-					onKeydown: handleKeyDown
-				}), {
-					default: withCtx(() => [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__ */ 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;
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MenuSubTrigger_default), normalizeProps(guardReactiveProps(props)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { DropdownMenuSubTrigger, useForwardProps } from "reka-ui";
 //#region src/components/dropdown-menu/dropdown-menu-sub-trigger.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -218,7 +31,7 @@ var dropdown_menu_sub_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwardedProps = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuSubTrigger_default), mergeProps(unref(forwardedProps), { class: unref(clsx)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
+			return openBlock(), createBlock(unref(DropdownMenuSubTrigger), mergeProps(unref(forwardedProps), { class: unref(clsx$1)(props.class, "celeste-dropdown-menu-sub-trigger") }), {
 				default: withCtx(() => [
 					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),

package/dist/es/chunks/dropdown-menu-sub.js

@@ -1,41 +1,5 @@
-import { p as useVModel } from "./dist2.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as MenuSub_default } from "./MenuSub.js";
-import { createBlock, defineComponent, guardReactiveProps, isRef, normalizeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ 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 = useVModel(props, "open", __emit, {
-			passive: props.open === void 0,
-			defaultValue: props.defaultOpen ?? false
-		});
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MenuSub_default), {
-				open: unref(open),
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null)
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: unref(open) })]),
-				_: 3
-			}, 8, ["open"]);
-		};
-	}
-});
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuSub, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-sub.vue
 var dropdown_menu_sub_default = /* @__PURE__ */ defineComponent({
@@ -48,7 +12,7 @@ var dropdown_menu_sub_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const forwarded = useForwardPropsEmits(__props, __emit);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuSub_default), normalizeProps(guardReactiveProps(unref(forwarded))), {
+			return openBlock(), createBlock(unref(DropdownMenuSub), normalizeProps(guardReactiveProps(unref(forwarded))), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/es/chunks/dropdown-menu-trigger.js

@@ -1,91 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { t as useId } from "./useId.js";
-import { t as MenuAnchor_default } from "./MenuAnchor.js";
-import { n as injectDropdownMenuRootContext } from "./DropdownMenuRoot.js";
-import { createBlock, createVNode, defineComponent, mergeProps, nextTick, onMounted, openBlock, renderSlot, unref, withCtx, withKeys } from "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__ */ 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 = injectDropdownMenuRootContext();
-		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
-		onMounted(() => {
-			rootContext.triggerElement = triggerElement;
-		});
-		rootContext.triggerId ||= useId(void 0, "reka-dropdown-menu-trigger");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MenuAnchor_default), { "as-child": "" }, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					id: unref(rootContext).triggerId,
-					ref: unref(forwardRef),
-					type: _ctx.as === "button" ? "button" : void 0,
-					"as-child": props.asChild,
-					as: _ctx.as,
-					"aria-haspopup": "menu",
-					"aria-expanded": unref(rootContext).open.value,
-					"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
-					"data-disabled": _ctx.disabled ? "" : void 0,
-					disabled: _ctx.disabled,
-					"data-state": unref(rootContext).open.value ? "open" : "closed",
-					onClick: _cache[0] || (_cache[0] = async (event) => {
-						if (!_ctx.disabled && event.button === 0 && event.ctrlKey === false) {
-							unref(rootContext)?.onOpenToggle();
-							await nextTick();
-							if (unref(rootContext).open.value) event.preventDefault();
-						}
-					}),
-					onKeydown: _cache[1] || (_cache[1] = withKeys((event) => {
-						if (_ctx.disabled) return;
-						if (["Enter", " "].includes(event.key)) unref(rootContext).onOpenToggle();
-						if (event.key === "ArrowDown") unref(rootContext).onOpenChange(true);
-						if ([
-							"Enter",
-							" ",
-							"ArrowDown"
-						].includes(event.key)) event.preventDefault();
-					}, [
-						"enter",
-						"space",
-						"arrow-down"
-					]))
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"id",
-					"type",
-					"as-child",
-					"as",
-					"aria-expanded",
-					"aria-controls",
-					"data-disabled",
-					"disabled",
-					"data-state"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuTrigger, useForwardProps } from "reka-ui";
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu-trigger.vue
 var dropdown_menu_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -98,7 +13,7 @@ var dropdown_menu_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 	setup(__props) {
 		const forwardedProps = useForwardProps(__props);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuTrigger_default), mergeProps({ class: "celeste-dropdown-menu-trigger" }, unref(forwardedProps), { as: "div" }), {
+			return openBlock(), createBlock(unref(DropdownMenuTrigger), mergeProps({ class: "celeste-dropdown-menu-trigger" }, unref(forwardedProps), { as: "div" }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16);

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

@@ -1,11 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as ConfigProvider_default } from "./ConfigProvider.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as DropdownMenuRoot_default } from "./DropdownMenuRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { useDirection } from "../use-direction.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ConfigProvider, DropdownMenuRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu.vue
 var dropdown_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -31,11 +29,11 @@ var dropdown_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuRoot_default), mergeProps(unref(forwarded), {
-				class: unref(clsx)("celeste-dropdown-menu", props.class),
+			return openBlock(), createBlock(unref(DropdownMenuRoot), mergeProps(unref(forwarded), {
+				class: unref(clsx$1)("celeste-dropdown-menu", props.class),
 				dir: unref(dir)
 			}), {
-				default: withCtx(() => [createVNode(unref(ConfigProvider_default), { dir: unref(dir) }, {
+				default: withCtx(() => [createVNode(unref(ConfigProvider), { dir: unref(dir) }, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
 				}, 8, ["dir"])]),

package/dist/es/chunks/extra-settings.js

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as select_content_default } from "./select-content.js";
-import { t as select_trigger_default } from "./select-trigger.js";
-import { t as select_item_default } from "./select-item.js";
 import { t as compact_button_default } from "./compact-button.js";
+import { t as select_content_default } from "./select-content.js";
 import { t as select_icon_default } from "./select-icon.js";
+import { t as select_item_default } from "./select-item.js";
+import { t as select_trigger_default } from "./select-trigger.js";
 import { t as select_default } from "./select.js";
 import { t as tooltip_default } from "./tooltip.js";
 import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, withCtx } from "vue";

package/dist/es/chunks/fancy-button.js

@@ -1,7 +1,7 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive } from "reka-ui";
 //#endregion
 //#region src/components/button/fancy-button.vue
 var fancy_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -25,7 +25,7 @@ var fancy_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return openBlock(), createBlock(unref(Primitive), {
 				as: __props.as,
 				"as-child": __props.asChild,
-				class: normalizeClass(unref(clsx)("celeste-fbutton", `celeste-fbutton-${__props.intent}`, `celeste-fbutton-${__props.size}`, props.class))
+				class: normalizeClass(unref(clsx$1)("celeste-fbutton", `celeste-fbutton-${__props.intent}`, `celeste-fbutton-${__props.size}`, props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/es/chunks/file-upload-area.js

@@ -1,8 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { a as useDropZone } from "./dist2.js";
 import { t as button_default } from "./button.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, useModel, useTemplateRef, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { useDropZone } from "@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" };
@@ -106,7 +106,7 @@ var file_upload_area_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			return openBlock(), createBlock(resolveDynamicComponent(uploadComponent.value), {
 				ref_key: "dropZoneRef",
 				ref: dropZoneRef,
-				class: normalizeClass(unref(clsx)("celeste-file-upload-area", props.class)),
+				class: normalizeClass(unref(clsx$1)("celeste-file-upload-area", props.class)),
 				"data-over-drop-zone": unref(isOverDropZone),
 				onClick: handleTriggerClick
 			}, {

package/dist/es/chunks/gradient-picker.js

@@ -1,12 +1,11 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as popover_content_default } from "./popover-content.js";
-import { t as popover_trigger_default } from "./popover-trigger.js";
 import "./button.js";
 import { t as compact_button_default } from "./compact-button.js";
 import "./fancy-button.js";
 import "./link-button.js";
 import "./social-button.js";
-import { t as tinycolor } from "./tinycolor.js";
+import { t as popover_content_default } from "./popover-content.js";
+import { t as popover_trigger_default } from "./popover-trigger.js";
 import { t as popover_default } from "./popover.js";
 import "./text-input-affix.js";
 import "./text-input-button.js";
@@ -14,6 +13,7 @@ import { t as text_input_default } from "./text-input.js";
 import { parseGradient, stringifyGradient } from "../gradient.js";
 import { t as tooltip_default } from "./tooltip.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeStyle, openBlock, reactive, ref, renderList, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import tinycolor from "tinycolor2";
 //#region src/components/color-picker/gradient-picker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	type: "button",

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

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import clsx$1 from "clsx";
 //#region src/components/hint-text/hint-text.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["role"];
 var _hoisted_2 = { key: 1 };
@@ -25,7 +25,7 @@ var hint_text_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				role: props.state === "error" ? "alert" : "note",
-				class: normalizeClass(unref(clsx)("celeste-hint-text", `celeste-hint-text-${__props.state}`, props.class))
+				class: normalizeClass(unref(clsx$1)("celeste-hint-text", `celeste-hint-text-${__props.state}`, props.class))
 			}, [__props.icon ? (openBlock(), createElementBlock("i", {
 				key: 0,
 				class: normalizeClass(__props.icon)

package/dist/es/chunks/{label2.js → label.js}

@@ -1,10 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { t as tooltip_default } from "./tooltip.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Label, Primitive } from "reka-ui";
 //#region src/components/label/label.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -34,10 +33,10 @@ var label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label), mergeProps(unref(delegatedProps), {
 				"aria-required": __props.required,
 				"aria-disabled": __props.disabled,
-				class: unref(clsx)("celeste-label", props.class)
+				class: unref(clsx$1)("celeste-label", props.class)
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "default", {}, void 0, true),

package/dist/es/chunks/link-bubble.js

@@ -1,11 +1,11 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as switch_default } from "./switch.js";
 import { t as button_default } from "./button.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { t as link_button_default } from "./link-button.js";
 import { t as text_input_affix_default } from "./text-input-affix.js";
 import { t as text_input_default } from "./text-input.js";
-import { t as label_default } from "./label2.js";
+import { t as label_default } from "./label.js";
+import { t as switch_default } from "./switch.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, nextTick, onMounted, onUnmounted, openBlock, ref, toDisplayString, unref, withCtx, withKeys } from "vue";
 //#region src/components/rich-editor/link-bubble.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -30,7 +30,7 @@ var link_bubble_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const BubbleMenu = defineAsyncComponent(() => import("./menus.js").then((m) => m.BubbleMenu));
+		const BubbleMenu = defineAsyncComponent(() => import("@tiptap/vue-3/menus").then((m) => m.BubbleMenu));
 		const href = ref("");
 		const openInNewTab = ref(false);
 		const editing = ref(false);

package/dist/es/chunks/link-button.js

@@ -1,7 +1,7 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive } from "reka-ui";
 //#endregion
 //#region src/components/button/link-button.vue
 var link_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -28,7 +28,7 @@ var link_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				as: __props.as,
 				disabled: __props.disabled,
 				"as-child": __props.asChild,
-				class: normalizeClass(unref(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: normalizeClass(unref(clsx$1)("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: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),

package/dist/es/chunks/mochi.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, unref, useCssVars, useModel, watch } from "vue";
+import clsx$1 from "clsx";
 //#region src/components/mochi/mochi.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-anim"];
 var DROP_DURATION = 2010;
@@ -148,7 +148,7 @@ var mochi_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(clsx)("celeste-mochi", peek.value && `celeste-mochi-peek-${peek.value}`, props.thinking && "celeste-mochi-thinking", props.class)),
+				class: normalizeClass(unref(clsx$1)("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"
 			}, [createElementVNode("div", { class: "celeste-mochi-stage" }, [createElementVNode("div", { class: "celeste-mochi-chan" }, [createElementVNode("div", {

package/dist/es/chunks/modal-body.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/modal/modal-body.vue
 var modal_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -15,7 +15,7 @@ var modal_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-modal-body", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx$1)("celeste-modal-body", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-8872ed90"]]);

package/dist/es/chunks/modal-close.js

@@ -1,5 +1,5 @@
-import { t as DialogClose_default } from "./DialogClose.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose } from "reka-ui";
 //#endregion
 //#region src/components/modal/modal-close.vue
 var modal_close_default = /* @__PURE__ */ defineComponent({
@@ -11,7 +11,7 @@ var modal_close_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogClose_default), mergeProps(props, { "as-child": "" }), {
+			return openBlock(), createBlock(unref(DialogClose), mergeProps(props, { "as-child": "" }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/es/chunks/modal-content.js

@@ -1,10 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { n as injectDialogRootContext } from "./DialogRoot.js";
-import { n as DialogOverlay_default, r as DialogContent_default, t as DialogPortal_default } from "./DialogPortal.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { Transition, createBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { DialogContent, DialogOverlay, DialogPortal, injectDialogRootContext, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/modal/modal-content.vue
 var modal_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -44,10 +42,10 @@ var modal_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		const root = injectDialogRootContext();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogPortal_default), null, {
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(root).modal.value ? unref(DialogOverlay_default) : "div"), { class: normalizeClass(unref(root).modal.value ? "celeste-modal-overlay" : "celeste-modal-viewport") }, {
+			return openBlock(), createBlock(unref(DialogPortal), null, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(root).modal.value ? unref(DialogOverlay) : "div"), { class: normalizeClass(unref(root).modal.value ? "celeste-modal-overlay" : "celeste-modal-viewport") }, {
 					default: withCtx(() => [createVNode(Transition, { name: "fade" }, {
-						default: withCtx(() => [createVNode(unref(DialogContent_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-modal-content", props.class) }), {
+						default: withCtx(() => [createVNode(unref(DialogContent), mergeProps(unref(forwarded), { class: unref(clsx$1)("celeste-modal-content", props.class) }), {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 							_: 3
 						}, 16, ["class"])]),