@youcan/celeste 0.15.0 → 0.17.0

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

@@ -5,7 +5,7 @@ import { t as Primitive } from "./Primitive.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useForwardProps } from "./useForwardProps.js";
 import { computed, createBlock, defineComponent, mergeProps, onMounted, 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/Combobox/ComboboxTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxTrigger.js
 var ComboboxTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxTrigger",
 	props: {

package/dist/es/chunks/components.js

@@ -23,6 +23,9 @@ import { t as dropdown_menu_sub_trigger_default } from "./dropdown-menu-sub-trig
 import { t as popover_content_default } from "./popover-content.js";
 import { t as popover_trigger_default } from "./popover-trigger.js";
 import { t as range_calendar_default } from "./range-calendar.js";
+import { t as drawer_content_default } from "./drawer-content.js";
+import { t as drawer_trigger_default } from "./drawer-trigger.js";
+import { t as drawer_body_default } from "./drawer-body.js";
 import { t as dropdown_menu_group_default } from "./dropdown-menu-group.js";
 import { t as dropdown_menu_sub_default } from "./dropdown-menu-sub.js";
 import { t as dropdown_menu_trigger_default } from "./dropdown-menu-trigger.js";
@@ -82,6 +85,28 @@ import { t as combobox_root_default } from "./combobox-root.js";
 import { t as combobox_separator_default } from "./combobox-separator.js";
 import { t as combobox_default } from "./combobox.js";
 import { t as date_picker_default } from "./date-picker.js";
+import { t as modal_body_default } from "./modal-body.js";
+import { t as dialog_body_default } from "./dialog-body.js";
+import { t as drawer_close_default } from "./drawer-close.js";
+import { t as modal_close_default } from "./modal-close.js";
+import { t as dialog_close_default } from "./dialog-close.js";
+import { t as modal_content_default } from "./modal-content.js";
+import { t as dialog_content_default } from "./dialog-content.js";
+import { t as dialog_description_default } from "./dialog-description.js";
+import { t as drawer_footer_default } from "./drawer-footer.js";
+import { t as modal_footer_default } from "./modal-footer.js";
+import { t as dialog_footer_default } from "./dialog-footer.js";
+import { t as drawer_description_default } from "./drawer-description.js";
+import { t as drawer_title_default } from "./drawer-title.js";
+import { t as drawer_header_default } from "./drawer-header.js";
+import { t as modal_header_default } from "./modal-header.js";
+import { t as dialog_header_default } from "./dialog-header.js";
+import { t as dialog_title_default } from "./dialog-title.js";
+import { t as modal_trigger_default } from "./modal-trigger.js";
+import { t as dialog_trigger_default } from "./dialog-trigger.js";
+import { t as dialog_default } from "./dialog.js";
+import { t as drawer_default } from "./drawer.js";
+import { t as modal_default } from "./modal.js";
 import { t as digit_input_group_default } from "./digit-input-group.js";
 import { t as digit_input_default } from "./digit-input.js";
 import { t as dropdown_menu_default } from "./dropdown-menu.js";
@@ -92,13 +117,6 @@ import { t as tooltip_root_default } from "./tooltip-root.js";
 import { t as tooltip_default } from "./tooltip.js";
 import { t as label_default } from "./label2.js";
 import { t as mochi_default } from "./mochi.js";
-import { t as modal_body_default } from "./modal-body.js";
-import { t as modal_close_default } from "./modal-close.js";
-import { t as modal_content_default } from "./modal-content.js";
-import { t as modal_footer_default } from "./modal-footer.js";
-import { t as modal_header_default } from "./modal-header.js";
-import { t as modal_trigger_default } from "./modal-trigger.js";
-import { t as modal_default } from "./modal.js";
 import { t as pagination_default } from "./pagination.js";
 import { t as progress_bar_default } from "./progress-bar.js";
 import { t as progress_circle_default } from "./progress-circle.js";
@@ -204,9 +222,27 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	ContentDivider: () => content_divider_default,
 	CounterInput: () => counter_input_default,
 	DatePicker: () => date_picker_default,
+	Dialog: () => dialog_default,
+	DialogBody: () => dialog_body_default,
+	DialogClose: () => dialog_close_default,
+	DialogContent: () => dialog_content_default,
+	DialogDescription: () => dialog_description_default,
+	DialogFooter: () => dialog_footer_default,
+	DialogHeader: () => dialog_header_default,
+	DialogTitle: () => dialog_title_default,
+	DialogTrigger: () => dialog_trigger_default,
 	DigitInput: () => digit_input_default,
 	DigitInputGroup: () => digit_input_group_default,
 	DigitInputSlot: () => digit_input_slot_default,
+	Drawer: () => drawer_default,
+	DrawerBody: () => drawer_body_default,
+	DrawerClose: () => drawer_close_default,
+	DrawerContent: () => drawer_content_default,
+	DrawerDescription: () => drawer_description_default,
+	DrawerFooter: () => drawer_footer_default,
+	DrawerHeader: () => drawer_header_default,
+	DrawerTitle: () => drawer_title_default,
+	DrawerTrigger: () => drawer_trigger_default,
 	DropdownMenu: () => dropdown_menu_default,
 	DropdownMenuContent: () => dropdown_menu_content_default,
 	DropdownMenuGroup: () => dropdown_menu_group_default,

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

@@ -1,7 +1,7 @@
 import { t as clsx } from "./clsx.js";
 import { t as Primitive } from "./Primitive.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, 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/component/BaseSeparator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/component/BaseSeparator.js
 var BaseSeparator_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseSeparator",
 	props: {
@@ -52,7 +52,7 @@ var BaseSeparator_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/Separator/Separator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Separator/Separator.js
 var Separator_default = /* @__PURE__ */ defineComponent({
 	__name: "Separator",
 	props: {

package/dist/es/chunks/counter-input.js

@@ -15,7 +15,7 @@ import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
 import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx, withModifiers } from "vue";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, onMounted, onScopeDispose, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx, withModifiers } from "vue";
 //#region ../../node_modules/.pnpm/@internationalized+number@3.6.7/node_modules/@internationalized/number/dist/private/NumberFormatter.mjs
 var $1dfb119a85e764e5$var$formatterCache = /* @__PURE__ */ new Map();
 var $1dfb119a85e764e5$var$supportsSignDisplay = false;
@@ -357,43 +357,86 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
 	return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/utils.js
+var HOLD_DELAY = 400;
+var REPEAT_INTERVAL = 60;
+var TOUCH_MOVE_TOLERANCE = 10;
 function usePressedHold(options) {
 	const { disabled } = options;
 	const timeout = ref();
 	const triggerHook = createEventHook();
-	const resetTimeout = () => window.clearTimeout(timeout.value);
-	const onIncrementPressStart = (delay) => {
+	const isPressed = ref(false);
+	const target = computed(() => unrefElement(options.target));
+	let activePointerId;
+	let activePointerType = "";
+	let startX = 0;
+	let startY = 0;
+	let holdTriggered = false;
+	const resetTimeout = () => {
+		if (timeout.value === void 0) return;
+		window.clearTimeout(timeout.value);
+		timeout.value = void 0;
+	};
+	const resetPress = () => {
 		resetTimeout();
-		if (disabled.value) return;
-		triggerHook.trigger();
-		timeout.value = window.setTimeout(() => {
-			onIncrementPressStart(60);
-		}, delay);
+		activePointerId = void 0;
+		activePointerType = "";
+		holdTriggered = false;
+		isPressed.value = false;
 	};
-	const handlePressStart = () => {
-		onIncrementPressStart(400);
+	const trigger = () => {
+		if (disabled.value) {
+			resetPress();
+			return false;
+		}
+		triggerHook.trigger();
+		return true;
 	};
-	const handlePressEnd = () => {
+	const scheduleRepeat = (delay) => {
 		resetTimeout();
+		timeout.value = window.setTimeout(() => {
+			holdTriggered = true;
+			if (trigger()) scheduleRepeat(REPEAT_INTERVAL);
+		}, delay);
 	};
-	const isPressed = ref(false);
-	const target = computed(() => unrefElement(options.target));
 	const onPressStart = (event) => {
-		if (event.button !== 0 || isPressed.value) return;
+		if (event.button !== 0 || isPressed.value || disabled.value) return;
 		event.preventDefault();
+		activePointerId = event.pointerId;
+		activePointerType = event.pointerType;
+		startX = event.clientX;
+		startY = event.clientY;
+		holdTriggered = false;
 		isPressed.value = true;
-		handlePressStart();
+		if (event.pointerType === "mouse") {
+			holdTriggered = true;
+			if (trigger()) scheduleRepeat(HOLD_DELAY);
+			return;
+		}
+		scheduleRepeat(HOLD_DELAY);
 	};
-	const onPressRelease = () => {
-		isPressed.value = false;
-		handlePressEnd();
+	const onPressMove = (event) => {
+		if (event.pointerId !== activePointerId || activePointerType === "mouse") return;
+		const distanceX = event.clientX - startX;
+		const distanceY = event.clientY - startY;
+		if (distanceX * distanceX + distanceY * distanceY > TOUCH_MOVE_TOLERANCE ** 2) resetPress();
+	};
+	const onPressRelease = (event) => {
+		if (event.pointerId !== activePointerId) return;
+		const shouldTriggerTap = activePointerType !== "mouse" && !holdTriggered;
+		resetPress();
+		if (shouldTriggerTap) trigger();
+	};
+	const onPressCancel = (event) => {
+		if (event.pointerId === activePointerId) resetPress();
 	};
 	if (isClient) {
 		useEventListener(target || window, "pointerdown", onPressStart);
+		useEventListener(window, "pointermove", onPressMove);
 		useEventListener(window, "pointerup", onPressRelease);
-		useEventListener(window, "pointercancel", onPressRelease);
+		useEventListener(window, "pointercancel", onPressCancel);
 	}
+	onScopeDispose(resetPress);
 	return {
 		isPressed,
 		onTrigger: triggerHook.on
@@ -421,7 +464,7 @@ function handleDecimalOperation(operator, value1, value2) {
 	return result;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldRoot.js
 var [injectNumberFieldRootContext, provideNumberFieldRootContext] = /*#__PURE__*/ createContext("NumberFieldRoot");
 var NumberFieldRoot_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -648,7 +691,7 @@ var NumberFieldRoot_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/NumberField/NumberFieldDecrement.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldDecrement.js
 var NumberFieldDecrement_default = /* @__PURE__ */ defineComponent({
 	__name: "NumberFieldDecrement",
 	props: {
@@ -704,7 +747,7 @@ var NumberFieldDecrement_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/NumberField/NumberFieldIncrement.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldIncrement.js
 var NumberFieldIncrement_default = /* @__PURE__ */ defineComponent({
 	__name: "NumberFieldIncrement",
 	props: {
@@ -760,7 +803,7 @@ var NumberFieldIncrement_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/NumberField/NumberFieldInput.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldInput.js
 var NumberFieldInput_default = /* @__PURE__ */ defineComponent({
 	__name: "NumberFieldInput",
 	props: {
@@ -858,6 +901,7 @@ var NumberFieldInput_default = /* @__PURE__ */ defineComponent({
 				onWheel: handleWheelEvent,
 				onBeforeinput: _cache[0] || (_cache[0] = (event) => {
 					if (event.isComposing) return;
+					if (event.inputType.startsWith("delete") || event.inputType.startsWith("history")) return;
 					const target = event.target;
 					let nextValue = target.value.slice(0, target.selectionStart ?? void 0) + (event.data ?? "") + target.value.slice(target.selectionEnd ?? void 0);
 					if (!unref(rootContext).validate(nextValue)) event.preventDefault();

package/dist/es/chunks/createContext.js

@@ -1,5 +1,5 @@
 import { inject, provide } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/createContext.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/createContext.js
 /**
 * @param providerComponentName - The name(s) of the component(s) providing the context.
 *

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

@@ -0,0 +1,39 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as drawer_body_default } from "./drawer-body.js";
+import { t as modal_body_default } from "./modal-body.js";
+import { injectDialogContext } from "../context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-body.vue
+var dialog_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dialog-body",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_body_default, {
+				key: 0,
+				class: normalizeClass(unref(clsx)("celeste-dialog-body", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"])) : (openBlock(), createBlock(modal_body_default, {
+				key: 1,
+				class: normalizeClass(props.class)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"]));
+		};
+	}
+}), [["__scopeId", "data-v-5b25c361"]]);
+//#endregion
+export { dialog_body_default as t };

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

@@ -0,0 +1,26 @@
+import { injectDialogContext } from "../context.js";
+import { t as drawer_close_default } from "./drawer-close.js";
+import { t as modal_close_default } from "./modal-close.js";
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-close.vue
+var dialog_close_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-close",
+	setup(__props) {
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_close_default, {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})) : (openBlock(), createBlock(modal_close_default, { key: 1 }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}));
+		};
+	}
+});
+//#endregion
+export { dialog_close_default as t };

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

@@ -0,0 +1,34 @@
+import { t as drawer_content_default } from "./drawer-content.js";
+import { injectDialogContext } from "../context.js";
+import { t as modal_content_default } from "./modal-content.js";
+import { createBlock, defineComponent, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-content.vue
+var dialog_content_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-content",
+	props: { style: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_content_default, { key: 0 }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})) : (openBlock(), createBlock(modal_content_default, {
+				key: 1,
+				style: normalizeStyle(props.style)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["style"]));
+		};
+	}
+});
+//#endregion
+export { dialog_content_default as t };

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

@@ -0,0 +1,30 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as DialogDescription_default } from "./DialogDescription.js";
+import { t as DrawerDescription_default } from "./DrawerDescription.js";
+import { injectDialogContext } from "../context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-description.vue
+var dialog_description_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dialog-description",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(unref(drawer) ? unref(DrawerDescription_default) : unref(DialogDescription_default)), { class: normalizeClass(unref(clsx)("celeste-dialog-description", props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-fd5ff31d"]]);
+//#endregion
+export { dialog_description_default as t };

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

@@ -0,0 +1,39 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { injectDialogContext } from "../context.js";
+import { t as drawer_footer_default } from "./drawer-footer.js";
+import { t as modal_footer_default } from "./modal-footer.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-footer.vue
+var dialog_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dialog-footer",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_footer_default, {
+				key: 0,
+				class: normalizeClass(props.class)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"])) : (openBlock(), createBlock(modal_footer_default, {
+				key: 1,
+				class: normalizeClass(unref(clsx)("celeste-dialog-footer", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"]));
+		};
+	}
+}), [["__scopeId", "data-v-d868b08a"]]);
+//#endregion
+export { dialog_footer_default as t };

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

@@ -0,0 +1,34 @@
+import { injectDialogContext } from "../context.js";
+import { t as drawer_header_default } from "./drawer-header.js";
+import { t as modal_header_default } from "./modal-header.js";
+import { createBlock, defineComponent, mergeProps, normalizeProps, openBlock, unref } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-header.vue
+var dialog_header_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-header",
+	props: {
+		title: {},
+		description: {},
+		icon: {},
+		dismissible: {
+			type: Boolean,
+			default: true
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_header_default, mergeProps({ key: 0 }, props, { divider: "" }), null, 16)) : (openBlock(), createBlock(modal_header_default, normalizeProps(mergeProps({ key: 1 }, props)), null, 16));
+		};
+	}
+});
+//#endregion
+export { dialog_header_default as t };

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

@@ -0,0 +1,30 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as DialogTitle_default } from "./DialogTitle.js";
+import { t as DrawerTitle_default } from "./DrawerTitle.js";
+import { injectDialogContext } from "../context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-title.vue
+var dialog_title_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "dialog-title",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(unref(drawer) ? unref(DrawerTitle_default) : unref(DialogTitle_default)), { class: normalizeClass(unref(clsx)("celeste-dialog-title", props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-b3eb21b2"]]);
+//#endregion
+export { dialog_title_default as t };

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

@@ -0,0 +1,26 @@
+import { t as drawer_trigger_default } from "./drawer-trigger.js";
+import { injectDialogContext } from "../context.js";
+import { t as modal_trigger_default } from "./modal-trigger.js";
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/dialog-trigger.vue
+var dialog_trigger_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog-trigger",
+	setup(__props) {
+		const { drawer } = injectDialogContext();
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_trigger_default, {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})) : (openBlock(), createBlock(modal_trigger_default, { key: 1 }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}));
+		};
+	}
+});
+//#endregion
+export { dialog_trigger_default as t };

package/dist/es/chunks/dialog.js

@@ -0,0 +1,71 @@
+import { c as useMediaQuery, p as useVModel } from "./dist2.js";
+import { provideDialogContext } from "../context.js";
+import { t as drawer_default } from "./drawer.js";
+import { t as modal_default } from "./modal.js";
+import { createBlock, defineComponent, isRef, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../celeste-tokens/dist/json/breakpoint.json
+var breakpoint = {
+	"sm": {
+		"$value": 640,
+		"$type": "dimension"
+	},
+	"md": {
+		"$value": 768,
+		"$type": "dimension"
+	},
+	"lg": {
+		"$value": 1024,
+		"$type": "dimension"
+	},
+	"xl": {
+		"$value": 1280,
+		"$type": "dimension"
+	},
+	"2xl": {
+		"$value": 1536,
+		"$type": "dimension"
+	}
+};
+//#endregion
+//#region src/components/dialog/dialog.vue
+var dialog_default = /* @__PURE__ */ defineComponent({
+	__name: "dialog",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: { type: Boolean },
+		breakpoint: { default: "sm" }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const open = useVModel(props, "open", __emit, {
+			passive: true,
+			defaultValue: props.defaultOpen
+		});
+		const drawer = useMediaQuery(() => `(width < ${breakpoint[props.breakpoint].$value}px)`);
+		provideDialogContext({ drawer });
+		return (_ctx, _cache) => {
+			return unref(drawer) ? (openBlock(), createBlock(drawer_default, {
+				key: 0,
+				open: unref(open),
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
+				side: "bottom"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["open"])) : (openBlock(), createBlock(modal_default, {
+				key: 1,
+				open: unref(open),
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => isRef(open) ? open.value = $event : null)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["open"]));
+		};
+	}
+});
+//#endregion
+export { dialog_default as t };