@youcan/celeste 0.15.0 → 0.16.0

package/dist/cjs/chunks/drawer-description.cjs

@@ -0,0 +1,69 @@
+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_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_DrawerRoot = require("./DrawerRoot.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/Drawer/DrawerDescription.js
+var DrawerDescription_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerDescription",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "p"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_useForwardExpose.useForwardExpose();
+		const rootContext = require_DrawerRoot.injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(rootContext).descriptionId }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-description.vue?vue&type=script&setup=true&lang.ts
+var drawer_description_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "drawer-description",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegated = require_dist.reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DrawerDescription_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-description", props.class) }, (0, vue.unref)(delegated)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-description.vue
+var drawer_description_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(drawer_description_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2570c59f"]]);
+//#endregion
+Object.defineProperty(exports, "drawer_description_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_description_default;
+	}
+});

package/dist/cjs/chunks/drawer-footer.cjs

@@ -0,0 +1,30 @@
+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/drawer/drawer-footer.vue?vue&type=script&setup=true&lang.ts
+var drawer_footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "drawer-footer",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-drawer-footer", props.class)) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-footer.vue
+var drawer_footer_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(drawer_footer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-92c5134c"]]);
+//#endregion
+Object.defineProperty(exports, "drawer_footer_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_footer_default;
+	}
+});

package/dist/cjs/chunks/drawer-header.cjs

@@ -0,0 +1,75 @@
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_DrawerClose = require("./DrawerClose.cjs");
+const require_drawer_description = require("./drawer-description.cjs");
+const require_drawer_title = require("./drawer-title.cjs");
+const require_compact_button = require("./compact-button.cjs");
+let vue = require("vue");
+//#region src/components/drawer/drawer-header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-size", "data-divider"];
+var _hoisted_2 = {
+	key: 0,
+	class: "icon"
+};
+var _hoisted_3 = { class: "content" };
+var drawer_header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "drawer-header",
+	props: {
+		title: {},
+		description: {},
+		icon: {},
+		dismissible: {
+			type: Boolean,
+			default: true
+		},
+		divider: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-drawer-header", props.class)),
+				"data-size": __props.description ? "lg" : "sm",
+				"data-divider": __props.divider
+			}, [
+				__props.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, [(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)(__props.icon) }, null, 2)])) : (0, vue.createCommentVNode)("", true),
+				(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createVNode)(require_drawer_title.drawer_title_default, null, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.title), 1)]),
+					_: 1
+				}), __props.description ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_description.drawer_description_default, { key: 0 }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.description), 1)]),
+					_: 1
+				})) : (0, vue.createCommentVNode)("", true)]),
+				(0, vue.renderSlot)(_ctx.$slots, "actions", {}, void 0, true),
+				__props.dismissible ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DrawerClose.DrawerClose_default), {
+					key: 1,
+					"as-child": ""
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_compact_button.compact_button_default, {
+						icon: "i-celeste-close-line",
+						variant: "ghost",
+						size: "lg"
+					})]),
+					_: 1
+				})) : (0, vue.createCommentVNode)("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-header.vue
+var drawer_header_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(drawer_header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fb4512f2"]]);
+//#endregion
+Object.defineProperty(exports, "drawer_header_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_header_default;
+	}
+});

package/dist/cjs/chunks/drawer-title.cjs

@@ -0,0 +1,69 @@
+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_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_DrawerRoot = require("./DrawerRoot.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/Drawer/DrawerTitle.js
+var DrawerTitle_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerTitle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "h2"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_DrawerRoot.injectDrawerRootContext();
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(rootContext).titleId }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-title.vue?vue&type=script&setup=true&lang.ts
+var drawer_title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "drawer-title",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegated = require_dist.reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DrawerTitle_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-title", props.class) }, (0, vue.unref)(delegated)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-title.vue
+var drawer_title_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(drawer_title_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-208ff7c2"]]);
+//#endregion
+Object.defineProperty(exports, "drawer_title_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_title_default;
+	}
+});

package/dist/cjs/chunks/drawer-trigger.cjs

@@ -0,0 +1,75 @@
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_DrawerRoot = require("./DrawerRoot.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/Drawer/DrawerTrigger.js
+var DrawerTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_DrawerRoot.injectDrawerRootContext();
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		(0, vue.watch)(currentElement, (el) => {
+			rootContext.triggerElement.value = el;
+		}, { immediate: true });
+		(0, vue.onUnmounted)(() => {
+			if (rootContext.triggerElement.value === currentElement.value) rootContext.triggerElement.value = void 0;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				"aria-haspopup": "dialog",
+				"aria-expanded": (0, vue.unref)(rootContext).open.value,
+				"aria-controls": (0, vue.unref)(rootContext).open.value ? (0, vue.unref)(rootContext).contentId : void 0,
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+				onClick: (0, vue.unref)(rootContext).onOpenToggle
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-expanded",
+				"aria-controls",
+				"data-state",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-trigger.vue
+var drawer_trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "drawer-trigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DrawerTrigger_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "drawer_trigger_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_trigger_default;
+	}
+});

package/dist/cjs/chunks/drawer.cjs

@@ -0,0 +1,54 @@
+const require_dist = require("./dist.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_DrawerRoot = require("./DrawerRoot.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/drawer/drawer.vue
+var drawer_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "drawer",
+	props: {
+		side: { default: "right" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: { type: Boolean },
+		modal: {
+			type: [Boolean, String],
+			default: true
+		},
+		snapPoints: {},
+		snapPoint: {},
+		defaultSnapPoint: {},
+		snapToSequentialPoints: { type: Boolean }
+	},
+	emits: [
+		"update:open",
+		"update:openComplete",
+		"update:snapPoint"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const directions = {
+			right: "right",
+			left: "left",
+			bottom: "down",
+			top: "up"
+		};
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(require_dist.reactiveOmit(props, "side"), emits);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DrawerRoot.DrawerRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { "swipe-direction": directions[__props.side] }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["swipe-direction"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "drawer_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_default;
+	}
+});

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

@@ -11,7 +11,7 @@ const require_DropdownMenuPortal = require("./DropdownMenuPortal.cjs");
 const require_DropdownMenuRoot = require("./DropdownMenuRoot.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentModal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentModal.js
 var MenuRootContentModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuRootContentModal",
 	props: {
@@ -136,7 +136,7 @@ var MenuRootContentModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentNonModal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuRootContentNonModal.js
 var MenuRootContentNonModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuRootContentNonModal",
 	props: {
@@ -255,7 +255,7 @@ var MenuRootContentNonModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuContent.js
 var MenuContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuContent",
 	props: {
@@ -386,7 +386,7 @@ var MenuContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuContent.js
 var DropdownMenuContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DropdownMenuContent",
 	props: {

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

@@ -2,7 +2,7 @@ const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.c
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_MenuGroup = require("./MenuGroup.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuGroup.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuGroup.js
 var DropdownMenuGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DropdownMenuGroup",
 	props: {

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

@@ -9,7 +9,7 @@ const require_MenuContentImpl = require("./MenuContentImpl.cjs");
 const require_MenuItemImpl = require("./MenuItemImpl.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuItem.js
 var MenuItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuItem",
 	props: {
@@ -85,7 +85,7 @@ var MenuItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuItem.js
 var DropdownMenuItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DropdownMenuItem",
 	props: {

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

@@ -6,7 +6,7 @@ const require_useForwardProps = require("./useForwardProps.cjs");
 const require_MenuGroup = require("./MenuGroup.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuLabel.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuLabel.js
 var MenuLabel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuLabel",
 	props: {
@@ -32,7 +32,7 @@ var MenuLabel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuLabel.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuLabel.js
 var DropdownMenuLabel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DropdownMenuLabel",
 	props: {

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

@@ -4,7 +4,7 @@ const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuSeparator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuSeparator.js
 var MenuSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuSeparator",
 	props: {
@@ -31,7 +31,7 @@ var MenuSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSeparator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSeparator.js
 var DropdownMenuSeparator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DropdownMenuSeparator",
 	props: {

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

@@ -11,7 +11,7 @@ const require_DropdownMenuPortal = require("./DropdownMenuPortal.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.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuSubContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuSubContent.js
 var MenuSubContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "MenuSubContent",
 	props: {
@@ -169,7 +169,7 @@ var MenuSubContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSubContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSubContent.js
 var DropdownMenuSubContent_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "DropdownMenuSubContent",
 	props: {

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

@@ -11,7 +11,7 @@ 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.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/MenuSubTrigger.js
+//#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: {
@@ -157,7 +157,7 @@ var MenuSubTrigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSubTrigger.js
+//#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: {

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

@@ -3,7 +3,7 @@ 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.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuSub.js
+//#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: {

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

@@ -6,7 +6,7 @@ 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.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/DropdownMenu/DropdownMenuTrigger.js
+//#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: {

package/dist/cjs/chunks/getActiveElement.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/getActiveElement.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/getActiveElement.js
 function getActiveElement() {
 	let activeElement = document.activeElement;
 	if (activeElement == null) return null;

package/dist/cjs/chunks/handleAndDispatchCustomEvent.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/handleAndDispatchCustomEvent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/handleAndDispatchCustomEvent.js
 function handleAndDispatchCustomEvent(name, handler, detail) {
 	const target = detail.originalEvent.target;
 	const event = new CustomEvent(name, {

package/dist/cjs/chunks/isValueEqualOrExist.cjs

@@ -1,6 +1,6 @@
 const require_ohash_D__AXeF1 = require("./ohash.D__AXeF1.cjs");
 const require_nullish = require("./nullish.cjs");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/isValueEqualOrExist.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/isValueEqualOrExist.js
 /**
 * The function `isValueEqualOrExist` checks if a value is equal to or exists in another value or
 * array.

package/dist/cjs/chunks/modal-content.cjs

@@ -1,6 +1,7 @@
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_DialogRoot = require("./DialogRoot.cjs");
 const require_DialogPortal = require("./DialogPortal.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
@@ -40,15 +41,19 @@ var modal_content_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 root = require_DialogRoot.injectDialogRootContext();
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogPortal.DialogPortal_default), null, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DialogPortal.DialogOverlay_default), { class: "celeste-modal-overlay" }), (0, vue.createVNode)(vue.Transition, { name: "fade" }, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DialogPortal.DialogContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-modal-content", props.class) }), {
-						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(root).modal.value ? (0, vue.unref)(require_DialogPortal.DialogOverlay_default) : "div"), { class: (0, vue.normalizeClass)((0, vue.unref)(root).modal.value ? "celeste-modal-overlay" : "celeste-modal-viewport") }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(vue.Transition, { name: "fade" }, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DialogPortal.DialogContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-modal-content", props.class) }), {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+							_: 3
+						}, 16, ["class"])]),
 						_: 3
-					}, 16, ["class"])]),
+					})]),
 					_: 3
-				})]),
+				}, 8, ["class"]))]),
 				_: 3
 			});
 		};
@@ -56,7 +61,7 @@ var modal_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 });
 //#endregion
 //#region src/components/modal/modal-content.vue
-var modal_content_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(modal_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6c522ba3"]]);
+var modal_content_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(modal_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f6a37b86"]]);
 //#endregion
 Object.defineProperty(exports, "modal_content_default", {
 	enumerable: true,

package/dist/cjs/chunks/nullish.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/nullish.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/nullish.js
 function isNullish(value) {
 	return value === null || value === void 0;
 }

package/dist/cjs/chunks/pagination-content.cjs

@@ -5,7 +5,7 @@ const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 const require_PaginationRoot = require("./PaginationRoot.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/utils.js
 function range(start, end) {
 	const length = end - start + 1;
 	return Array.from({ length }, (_, idx) => idx + start);
@@ -56,7 +56,7 @@ function getRange(currentPage, pageCount, siblingCount, showEdges) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationList.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationList.js
 var PaginationList_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "PaginationList",
 	props: {

package/dist/cjs/chunks/pagination-ellipsis.cjs

@@ -4,7 +4,7 @@ const require_dist = require("./dist.cjs");
 const require_Primitive = require("./Primitive.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationEllipsis.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationEllipsis.js
 var PaginationEllipsis_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "PaginationEllipsis",
 	props: {