@youcan/celeste 0.16.0 → 0.17.0

package/dist/components/dialog/dialog-description.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+export interface DialogDescriptionProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dialog/dialog-footer.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'vue';
+export interface DialogFooterProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_8: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dialog/dialog-header.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'vue';
+export interface DialogHeaderProps {
+    title: string;
+    description?: string;
+    icon?: string;
+    dismissible?: boolean;
+    class?: HTMLAttributes['class'];
+}
+declare const __VLS_export: import('vue').DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {
+    dismissible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/dialog/dialog-title.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+export interface DialogTitleProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dialog/dialog-trigger.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_8: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,28 @@
+import { breakpoint as breakpoints } from '@youcan/celeste-tokens/json/breakpoint';
+export interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    breakpoint?: keyof typeof breakpoints;
+}
+declare var __VLS_8: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    breakpoint: keyof typeof breakpoints;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,18 @@
+export * from './dialog-body';
+export { default as DialogBody } from './dialog-body';
+export * from './dialog-close';
+export { default as DialogClose } from './dialog-close';
+export * from './dialog-content';
+export { default as DialogContent } from './dialog-content';
+export * from './dialog-description';
+export { default as DialogDescription } from './dialog-description';
+export * from './dialog-footer';
+export { default as DialogFooter } from './dialog-footer';
+export * from './dialog-header';
+export { default as DialogHeader } from './dialog-header';
+export * from './dialog-title';
+export { default as DialogTitle } from './dialog-title';
+export * from './dialog-trigger';
+export { default as DialogTrigger } from './dialog-trigger';
+export * from './dialog';
+export { default as Dialog } from './dialog';

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './combobox';
 export * from './content-divider';
 export * from './counter-input';
 export * from './date-picker';
+export * from './dialog';
 export * from './digit-input';
 export * from './drawer';
 export * from './dropdown-menu';

package/dist/es/chunks/DrawerDescription.js

@@ -0,0 +1,32 @@
+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
+export { DrawerDescription_default as t };

package/dist/es/chunks/DrawerTitle.js

@@ -0,0 +1,32 @@
+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
+export { DrawerTitle_default as t };

package/dist/es/chunks/components.js

@@ -24,8 +24,6 @@ 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_description_default } from "./drawer-description.js";
-import { t as drawer_title_default } from "./drawer-title.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";
@@ -87,12 +85,30 @@ 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 digit_input_group_default } from "./digit-input-group.js";
-import { t as digit_input_default } from "./digit-input.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";
 import { t as file_upload_area_default } from "./file-upload-area.js";
 import { t as hint_text_default } from "./hint-text.js";
@@ -101,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";
@@ -213,6 +222,15 @@ 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,

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 };

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

@@ -1,36 +1,8 @@
 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 { t as DrawerDescription_default } from "./DrawerDescription.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({