@youcan/celeste 0.14.1 → 0.16.0

package/dist/es/chunks/drawer-description.js

@@ -0,0 +1,61 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { f as reactiveOmit } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { n as injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, 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/Drawer/DrawerDescription.js
+var DrawerDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerDescription",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "p"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).descriptionId }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-description.vue
+var drawer_description_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "drawer-description",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegated = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerDescription_default), mergeProps({ class: unref(clsx)("celeste-drawer-description", props.class) }, unref(delegated)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-2570c59f"]]);
+//#endregion
+export { drawer_description_default as t };

package/dist/es/chunks/drawer-footer.js

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

package/dist/es/chunks/drawer-header.js

@@ -0,0 +1,69 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as DrawerClose_default } from "./DrawerClose.js";
+import { t as drawer_description_default } from "./drawer-description.js";
+import { t as drawer_title_default } from "./drawer-title.js";
+import { t as compact_button_default } from "./compact-button.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "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" };
+//#endregion
+//#region src/components/drawer/drawer-header.vue
+var drawer_header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ 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 openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(clsx)("celeste-drawer-header", props.class)),
+				"data-size": __props.description ? "lg" : "sm",
+				"data-divider": __props.divider
+			}, [
+				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createElementVNode("i", { class: normalizeClass(__props.icon) }, null, 2)])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3, [createVNode(drawer_title_default, null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+					_: 1
+				}), __props.description ? (openBlock(), createBlock(drawer_description_default, { key: 0 }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.description), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				renderSlot(_ctx.$slots, "actions", {}, void 0, true),
+				__props.dismissible ? (openBlock(), createBlock(unref(DrawerClose_default), {
+					key: 1,
+					"as-child": ""
+				}, {
+					default: withCtx(() => [createVNode(compact_button_default, {
+						icon: "i-celeste-close-line",
+						variant: "ghost",
+						size: "lg"
+					})]),
+					_: 1
+				})) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-fb4512f2"]]);
+//#endregion
+export { drawer_header_default as t };

package/dist/es/chunks/drawer-title.js

@@ -0,0 +1,61 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { f as reactiveOmit } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { n as injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, 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/Drawer/DrawerTitle.js
+var DrawerTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTitle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "h2"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectDrawerRootContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).titleId }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-title.vue
+var drawer_title_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "drawer-title",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegated = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerTitle_default), mergeProps({ class: unref(clsx)("celeste-drawer-title", props.class) }, unref(delegated)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-208ff7c2"]]);
+//#endregion
+export { drawer_title_default as t };

package/dist/es/chunks/drawer-trigger.js

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

package/dist/es/chunks/drawer.js

@@ -0,0 +1,49 @@
+import { f as reactiveOmit } from "./dist.js";
+import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as DrawerRoot_default } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/drawer/drawer.vue
+var drawer_default = /* @__PURE__ */ 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 = useForwardPropsEmits(reactiveOmit(props, "side"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DrawerRoot_default), mergeProps(unref(forwarded), { "swipe-direction": directions[__props.side] }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["swipe-direction"]);
+		};
+	}
+});
+//#endregion
+export { drawer_default as t };

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

@@ -11,7 +11,7 @@ import { t as DropdownMenuPortal_default } from "./DropdownMenuPortal.js";
 import { n as injectDropdownMenuRootContext } from "./DropdownMenuRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createVNode, defineComponent, mergeProps, normalizeProps, openBlock, ref, renderSlot, unref, withCtx, withModifiers } from "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__ */ defineComponent({
 	__name: "MenuRootContentModal",
 	props: {
@@ -136,7 +136,7 @@ var MenuRootContentModal_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "MenuRootContentNonModal",
 	props: {
@@ -255,7 +255,7 @@ var MenuRootContentNonModal_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "MenuContent",
 	props: {
@@ -386,7 +386,7 @@ var MenuContent_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DropdownMenuContent",
 	props: {

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

@@ -2,7 +2,7 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as MenuGroup_default } from "./MenuGroup.js";
 import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "DropdownMenuGroup",
 	props: {

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

@@ -9,7 +9,7 @@ import { n as injectMenuContentContext } from "./MenuContentImpl.js";
 import { t as MenuItemImpl_default } from "./MenuItemImpl.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, openBlock, ref, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "MenuItem",
 	props: {
@@ -85,7 +85,7 @@ var MenuItem_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DropdownMenuItem",
 	props: {

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

@@ -6,7 +6,7 @@ import { t as useForwardProps } from "./useForwardProps.js";
 import { n as injectMenuGroupContext } from "./MenuGroup.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "MenuLabel",
 	props: {
@@ -32,7 +32,7 @@ var MenuLabel_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DropdownMenuLabel",
 	props: {

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

@@ -4,7 +4,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "MenuSeparator",
 	props: {
@@ -31,7 +31,7 @@ var MenuSeparator_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DropdownMenuSeparator",
 	props: {

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

@@ -11,7 +11,7 @@ import { t as DropdownMenuPortal_default } from "./DropdownMenuPortal.js";
 import { n as injectMenuSubContext } from "./MenuSub.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withModifiers } from "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__ */ defineComponent({
 	__name: "MenuSubContent",
 	props: {
@@ -169,7 +169,7 @@ var MenuSubContent_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DropdownMenuSubContent",
 	props: {

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

@@ -11,7 +11,7 @@ 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.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__ */ defineComponent({
 	__name: "MenuSubTrigger",
 	props: {
@@ -157,7 +157,7 @@ var MenuSubTrigger_default = /* @__PURE__ */ 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__ */ defineComponent({
 	__name: "DropdownMenuSubTrigger",
 	props: {

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

@@ -3,7 +3,7 @@ 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.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__ */ defineComponent({
 	__name: "DropdownMenuSub",
 	props: {

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

@@ -6,7 +6,7 @@ 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.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__ */ defineComponent({
 	__name: "DropdownMenuTrigger",
 	props: {

package/dist/es/chunks/getActiveElement.js

@@ -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/es/chunks/handleAndDispatchCustomEvent.js

@@ -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/es/chunks/isValueEqualOrExist.js

@@ -1,6 +1,6 @@
 import { t as isEqual } from "./ohash.D__AXeF1.js";
 import { t as isNullish } from "./nullish.js";
-//#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/es/chunks/modal-content.js

@@ -1,9 +1,10 @@
 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, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Transition, createBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/modal/modal-content.vue
 var modal_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -41,19 +42,23 @@ var modal_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const emits = __emit;
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		const root = injectDialogRootContext();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DialogPortal_default), null, {
-				default: withCtx(() => [createVNode(unref(DialogOverlay_default), { class: "celeste-modal-overlay" }), createVNode(Transition, { name: "fade" }, {
-					default: withCtx(() => [createVNode(unref(DialogContent_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-modal-content", props.class) }), {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				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") }, {
+					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(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+							_: 3
+						}, 16, ["class"])]),
 						_: 3
-					}, 16, ["class"])]),
+					})]),
 					_: 3
-				})]),
+				}, 8, ["class"]))]),
 				_: 3
 			});
 		};
 	}
-}), [["__scopeId", "data-v-6c522ba3"]]);
+}), [["__scopeId", "data-v-f6a37b86"]]);
 //#endregion
 export { modal_content_default as t };

package/dist/es/chunks/nullish.js

@@ -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/es/chunks/pagination-content.js

@@ -5,7 +5,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectPaginationRootContext } from "./PaginationRoot.js";
 import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "PaginationList",
 	props: {

package/dist/es/chunks/pagination-ellipsis.js

@@ -4,7 +4,7 @@ import { f as reactiveOmit } from "./dist.js";
 import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "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__ */ defineComponent({
 	__name: "PaginationEllipsis",
 	props: {

package/dist/es/chunks/pagination-first.js

@@ -5,7 +5,7 @@ import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useForwardProps } from "./useForwardProps.js";
 import { n as injectPaginationRootContext } from "./PaginationRoot.js";
 import { computed, createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationFirst.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationFirst.js
 var PaginationFirst_default = /* @__PURE__ */ defineComponent({
 	__name: "PaginationFirst",
 	props: {

package/dist/es/chunks/pagination-item.js

@@ -4,7 +4,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { n as injectPaginationRootContext } from "./PaginationRoot.js";
 import { computed, createBlock, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationListItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationListItem.js
 var PaginationListItem_default = /* @__PURE__ */ defineComponent({
 	__name: "PaginationListItem",
 	props: {

package/dist/es/chunks/pagination-last.js

@@ -5,7 +5,7 @@ import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useForwardProps } from "./useForwardProps.js";
 import { n as injectPaginationRootContext } from "./PaginationRoot.js";
 import { computed, createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationLast.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationLast.js
 var PaginationLast_default = /* @__PURE__ */ defineComponent({
 	__name: "PaginationLast",
 	props: {