@youcan/celeste 0.16.0 → 0.17.1

package/dist/celeste.css

@@ -3356,80 +3356,6 @@ to {
 }
 .celeste-date-picker-action[data-v-ac6d198e] {
   flex: 1;
-}.celeste-digit-input-group[data-v-442c7563] {
-  display: flex;
-  align-items: center;
-  max-width: 100%;
-  gap: var(--spacing-10);
-}.celeste-digit-input-slot[data-v-aa4bbe75] {
-  --celeste-digit-input-border-color: var(--color-stroke-soft-200);
-  --celeste-digit-input-drop-shadow: var(--shadow-regular-xs);
-  --celeste-digit-input-placeholder-color: var(--color-text-soft-400);
-  display: flex;
-  box-sizing: border-box;
-  flex: 1 1 0;
-  align-items: center;
-  justify-content: center;
-  min-width: 32px;
-  max-width: 64px;
-  padding: 0;
-  transition: all var(--animation-fast) ease-out;
-  border: 1px solid var(--celeste-digit-input-border-color);
-  border-radius: var(--radius-10);
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  background-color: var(--color-bg-white-0);
-  box-shadow: var(--celeste-digit-input-drop-shadow);
-  color: var(--color-text-strong-950);
-  font: var(--title-h5-title);
-  text-align: center;
-  aspect-ratio: 1;
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]::-moz-placeholder {
-  -moz-transition: color var(--animation-fast) ease-out;
-  transition: color var(--animation-fast) ease-out;
-  color: var(--celeste-digit-input-placeholder-color);
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]::placeholder {
-  transition: color var(--animation-fast) ease-out;
-  color: var(--celeste-digit-input-placeholder-color);
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]:focus {
-  --celeste-digit-input-border-color: var(--color-stroke-strong-950);
-  --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
-  outline-color: var(--color-stroke-soft-200);
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]:disabled {
-  --celeste-digit-input-border-color: transparent;
-  --celeste-digit-input-drop-shadow: none;
-  --celeste-digit-input-placeholder-color: var(--color-text-disabled-300);
-  background-color: var(--color-bg-weak-50);
-  box-shadow: none;
-  color: var(--color-text-disabled-300);
-  pointer-events: none;
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]:disabled::-moz-placeholder {
-  color: currentcolor;
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]:disabled::placeholder {
-  color: currentcolor;
-}
-[data-error=true] .celeste-digit-input-slot[data-v-aa4bbe75] {
-  --celeste-digit-input-border-color: var(--color-state-error-base);
-}
-[data-error=true] .celeste-digit-input-slot[data-v-aa4bbe75]:focus {
-  --celeste-digit-input-border-color: var(--color-state-error-base);
-  outline-color: var(--color-state-error-lighter);
-}
-.celeste-digit-input-slot[data-v-aa4bbe75]:hover:not(:focus, :disabled) {
-  --celeste-digit-input-border-color: transparent;
-  --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
-  background-color: var(--color-bg-weak-50);
-}.celeste-digit-input[data-v-12ddf69b] {
-  display: flex;
-  align-items: center;
-  max-width: 100%;
-  gap: var(--spacing-10);
 }
 .celeste-drawer-body[data-v-8f9ed572] {
   flex: 1 1 auto;
@@ -3437,6 +3363,15 @@ to {
   overflow-y: auto;
   overscroll-behavior: contain;
 }
+.celeste-modal-body[data-v-8872ed90] {
+  padding: var(--spacing-16);
+}
+.celeste-modal-body[data-v-8872ed90] +  .celeste-modal-footer {
+  border-block-start: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-dialog-body[data-v-5b25c361] {
+  padding: var(--spacing-16);
+}
 
 .celeste-drawer-overlay[data-v-3dfcd198] {
   position: fixed;
@@ -3615,8 +3550,53 @@ to {
     transform: translateY(-100%);
 }
 }
-
-.celeste-drawer-description[data-v-2570c59f] {
+.celeste-modal-overlay[data-v-582c8a70],
+.celeste-modal-viewport[data-v-582c8a70] {
+  display: flex;
+  position: fixed;
+  z-index: 50;
+  flex-direction: column;
+  padding: var(--spacing-16);
+  overflow-y: auto;
+  inset: 0;
+}
+.celeste-modal-overlay[data-v-582c8a70] {
+  background: var(--color-overlay-overlay);
+  backdrop-filter: blur(5px);
+}
+.celeste-modal-overlay[data-state=open][data-v-582c8a70] {
+  animation: celeste-fade-in var(--animation-fast) ease-out;
+}
+.celeste-modal-overlay[data-state=closed][data-v-582c8a70] {
+  animation: celeste-fade-out var(--animation-fast) ease-in;
+}
+.celeste-modal-viewport[data-v-582c8a70] {
+  pointer-events: none;
+}
+.celeste-modal-viewport .celeste-modal-content[data-v-582c8a70] {
+  pointer-events: auto;
+}
+.celeste-modal-content[data-v-582c8a70] {
+  position: relative;
+  width: 440px;
+  max-width: 100%;
+  margin: auto;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-20);
+  background: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+}
+.fade-enter-active[data-v-582c8a70],
+.fade-leave-active[data-v-582c8a70] {
+  transition: all var(--animation-fast) cubic-bezier(0.18, 0.89, 0.43, 1.19);
+}
+.fade-enter-from[data-v-582c8a70],
+.fade-leave-to[data-v-582c8a70] {
+  visibility: hidden;
+  opacity: 0;
+  scale: 0.95;
+}
+.celeste-dialog-description[data-v-fd5ff31d] {
   margin: 0;
   color: var(--color-text-sub-600);
   font: var(--paragraph-sm);
@@ -3630,6 +3610,20 @@ to {
   border-top: 1px solid var(--color-stroke-soft-200);
   gap: var(--spacing-16);
 }
+.celeste-modal-footer[data-v-f3331df1] {
+  padding: var(--spacing-16);
+}
+.celeste-dialog-footer[data-v-d868b08a] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-12);
+}
+
+.celeste-drawer-description[data-v-2570c59f] {
+  margin: 0;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}
 
 .celeste-drawer-title[data-v-208ff7c2] {
   margin: 0;
@@ -3676,7 +3670,173 @@ to {
     min-width: 0;
     gap: var(--spacing-4);
 }
-[data-v-9a689ae5] .celeste-dropdown-menu-content {
+.celeste-modal-header[data-v-b6848d2f] {
+  --modal-header-icon-size: 24px;
+  display: flex;
+  gap: var(--spacing-14);
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: var(--spacing-16);
+  border-block-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-modal-header .icon[data-v-b6848d2f] {
+  display: flex;
+  align-items: center;
+  color: var(--color-icon-sub-600);
+}
+.celeste-modal-header .icon > i[data-v-b6848d2f] {
+  width: var(--modal-header-icon-size);
+  height: var(--modal-header-icon-size);
+}
+.celeste-modal-header .content[data-v-b6848d2f] {
+  display: grid;
+  gap: var(--spacing-4);
+  flex: 2;
+}
+.celeste-modal-header .content .title[data-v-b6848d2f],
+.celeste-modal-header .content .description[data-v-b6848d2f] {
+  margin: 0;
+}
+.celeste-modal-header .content .title[data-v-b6848d2f] {
+  color: var(--color-text-strong-950);
+  font: var(--label-sm);
+}
+.celeste-modal-header .content .description[data-v-b6848d2f] {
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-modal-header[data-dismissible=false][data-v-b6848d2f] {
+  align-items: flex-start;
+}
+.celeste-modal-header[data-dismissible=false] .content .title[data-v-b6848d2f] {
+  align-items: stretch;
+  font: var(--label-md);
+}
+.celeste-modal-header[data-dismissible=false] .content .description[data-v-b6848d2f] {
+  font: var(--paragraph-sm);
+}
+.celeste-modal-header[data-alignment=vertical][data-v-b6848d2f] {
+  flex-direction: column;
+  align-items: center;
+}
+.celeste-modal-header[data-alignment=vertical] .content[data-v-b6848d2f] {
+  text-align: center;
+}
+.celeste-modal-header[data-alignment=vertical] .close[data-v-b6848d2f] {
+  position: absolute;
+  inset-inline-end: var(--spacing-16);
+}
+.celeste-modal-header[data-v-b6848d2f]:has(.description) {
+  --modal-header-icon-size: 20px;
+}
+.celeste-modal-header:has(.description) .icon[data-v-b6848d2f] {
+  padding: var(--spacing-10);
+  border: 1px solid transparent;
+  border-radius: var(--radius-full);
+}
+.celeste-modal-header:has(.description)[data-dismissible=false] .icon[data-v-b6848d2f] {
+  padding: var(--spacing-8);
+  border-radius: var(--radius-10);
+}
+.celeste-modal-header:has(.description)[data-type=default] .icon[data-v-b6848d2f] {
+  border-color: var(--color-stroke-soft-200);
+}
+.celeste-modal-header:has(.description)[data-type=success] .icon[data-v-b6848d2f] {
+  background: var(--color-state-success-lighter);
+  color: var(--color-state-success-base);
+}
+.celeste-modal-header:has(.description)[data-type=information] .icon[data-v-b6848d2f] {
+  background: var(--color-state-information-lighter);
+  color: var(--color-state-information-base);
+}
+.celeste-modal-header:has(.description)[data-type=warning] .icon[data-v-b6848d2f] {
+  background: var(--color-state-warning-lighter);
+  color: var(--color-state-warning-base);
+}
+.celeste-modal-header:has(.description)[data-type=error] .icon[data-v-b6848d2f] {
+  background: var(--color-state-error-lighter);
+  color: var(--color-state-error-base);
+}
+.celeste-dialog-title[data-v-b3eb21b2] {
+  margin: 0;
+  color: var(--color-text-strong-950);
+  font: var(--label-lg);
+}
+.celeste-digit-input-group[data-v-442c7563] {
+  display: flex;
+  align-items: center;
+  max-width: 100%;
+  gap: var(--spacing-10);
+}.celeste-digit-input-slot[data-v-aa4bbe75] {
+  --celeste-digit-input-border-color: var(--color-stroke-soft-200);
+  --celeste-digit-input-drop-shadow: var(--shadow-regular-xs);
+  --celeste-digit-input-placeholder-color: var(--color-text-soft-400);
+  display: flex;
+  box-sizing: border-box;
+  flex: 1 1 0;
+  align-items: center;
+  justify-content: center;
+  min-width: 32px;
+  max-width: 64px;
+  padding: 0;
+  transition: all var(--animation-fast) ease-out;
+  border: 1px solid var(--celeste-digit-input-border-color);
+  border-radius: var(--radius-10);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--celeste-digit-input-drop-shadow);
+  color: var(--color-text-strong-950);
+  font: var(--title-h5-title);
+  text-align: center;
+  aspect-ratio: 1;
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]::-moz-placeholder {
+  -moz-transition: color var(--animation-fast) ease-out;
+  transition: color var(--animation-fast) ease-out;
+  color: var(--celeste-digit-input-placeholder-color);
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]::placeholder {
+  transition: color var(--animation-fast) ease-out;
+  color: var(--celeste-digit-input-placeholder-color);
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]:focus {
+  --celeste-digit-input-border-color: var(--color-stroke-strong-950);
+  --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
+  outline-color: var(--color-stroke-soft-200);
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]:disabled {
+  --celeste-digit-input-border-color: transparent;
+  --celeste-digit-input-drop-shadow: none;
+  --celeste-digit-input-placeholder-color: var(--color-text-disabled-300);
+  background-color: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--color-text-disabled-300);
+  pointer-events: none;
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]:disabled::-moz-placeholder {
+  color: currentcolor;
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]:disabled::placeholder {
+  color: currentcolor;
+}
+[data-error=true] .celeste-digit-input-slot[data-v-aa4bbe75] {
+  --celeste-digit-input-border-color: var(--color-state-error-base);
+}
+[data-error=true] .celeste-digit-input-slot[data-v-aa4bbe75]:focus {
+  --celeste-digit-input-border-color: var(--color-state-error-base);
+  outline-color: var(--color-state-error-lighter);
+}
+.celeste-digit-input-slot[data-v-aa4bbe75]:hover:not(:focus, :disabled) {
+  --celeste-digit-input-border-color: transparent;
+  --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
+  background-color: var(--color-bg-weak-50);
+}.celeste-digit-input[data-v-12ddf69b] {
+  display: flex;
+  align-items: center;
+  max-width: 100%;
+  gap: var(--spacing-10);
+}[data-v-9a689ae5] .celeste-dropdown-menu-content {
   --dropdown-min-width: 250px;
   --dropdown-max-width: 350px;
   display: flex;
@@ -5074,143 +5234,6 @@ to {
 100% {
     transform: translateY(calc(var(--mochi-size) * 0.295));
 }
-}.celeste-modal-body[data-v-8872ed90] {
-  padding: var(--spacing-16);
-}
-.celeste-modal-body[data-v-8872ed90] +  .celeste-modal-footer {
-  border-block-start: 1px solid var(--color-stroke-soft-200);
-}.celeste-modal-overlay[data-v-f6a37b86],
-.celeste-modal-viewport[data-v-f6a37b86] {
-  display: flex;
-  position: fixed;
-  z-index: 50;
-  flex-direction: column;
-  padding: var(--spacing-16);
-  overflow-y: auto;
-  inset: 0;
-}
-.celeste-modal-overlay[data-v-f6a37b86] {
-  background: var(--color-overlay-overlay);
-  backdrop-filter: blur(5px);
-}
-.celeste-modal-overlay[data-state=open][data-v-f6a37b86] {
-  animation: celeste-fade-in var(--animation-fast) ease-out;
-}
-.celeste-modal-overlay[data-state=closed][data-v-f6a37b86] {
-  animation: celeste-fade-out var(--animation-fast) ease-in;
-}
-.celeste-modal-viewport[data-v-f6a37b86] {
-  pointer-events: none;
-}
-.celeste-modal-viewport .celeste-modal-content[data-v-f6a37b86] {
-  pointer-events: auto;
-}
-.celeste-modal-content[data-v-f6a37b86] {
-  position: relative;
-  max-width: 100%;
-  margin: auto;
-  border: 1px solid var(--color-stroke-soft-200);
-  border-radius: var(--radius-20);
-  background: var(--color-bg-white-0);
-  box-shadow: var(--shadow-regular-md);
-}
-.fade-enter-active[data-v-f6a37b86],
-.fade-leave-active[data-v-f6a37b86] {
-  transition: all var(--animation-fast) cubic-bezier(0.18, 0.89, 0.43, 1.19);
-}
-.fade-enter-from[data-v-f6a37b86],
-.fade-leave-to[data-v-f6a37b86] {
-  visibility: hidden;
-  opacity: 0;
-  scale: 0.95;
-}.celeste-modal-footer[data-v-f3331df1] {
-  padding: var(--spacing-16);
-}.celeste-modal-header[data-v-b6848d2f] {
-  --modal-header-icon-size: 24px;
-  display: flex;
-  gap: var(--spacing-14);
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: var(--spacing-16);
-  border-block-end: 1px solid var(--color-stroke-soft-200);
-}
-.celeste-modal-header .icon[data-v-b6848d2f] {
-  display: flex;
-  align-items: center;
-  color: var(--color-icon-sub-600);
-}
-.celeste-modal-header .icon > i[data-v-b6848d2f] {
-  width: var(--modal-header-icon-size);
-  height: var(--modal-header-icon-size);
-}
-.celeste-modal-header .content[data-v-b6848d2f] {
-  display: grid;
-  gap: var(--spacing-4);
-  flex: 2;
-}
-.celeste-modal-header .content .title[data-v-b6848d2f],
-.celeste-modal-header .content .description[data-v-b6848d2f] {
-  margin: 0;
-}
-.celeste-modal-header .content .title[data-v-b6848d2f] {
-  color: var(--color-text-strong-950);
-  font: var(--label-sm);
-}
-.celeste-modal-header .content .description[data-v-b6848d2f] {
-  color: var(--color-text-sub-600);
-  font: var(--paragraph-xs);
-}
-.celeste-modal-header[data-dismissible=false][data-v-b6848d2f] {
-  align-items: flex-start;
-}
-.celeste-modal-header[data-dismissible=false] .content .title[data-v-b6848d2f] {
-  align-items: stretch;
-  font: var(--label-md);
-}
-.celeste-modal-header[data-dismissible=false] .content .description[data-v-b6848d2f] {
-  font: var(--paragraph-sm);
-}
-.celeste-modal-header[data-alignment=vertical][data-v-b6848d2f] {
-  flex-direction: column;
-  align-items: center;
-}
-.celeste-modal-header[data-alignment=vertical] .content[data-v-b6848d2f] {
-  text-align: center;
-}
-.celeste-modal-header[data-alignment=vertical] .close[data-v-b6848d2f] {
-  position: absolute;
-  inset-inline-end: var(--spacing-16);
-}
-.celeste-modal-header[data-v-b6848d2f]:has(.description) {
-  --modal-header-icon-size: 20px;
-}
-.celeste-modal-header:has(.description) .icon[data-v-b6848d2f] {
-  padding: var(--spacing-10);
-  border: 1px solid transparent;
-  border-radius: var(--radius-full);
-}
-.celeste-modal-header:has(.description)[data-dismissible=false] .icon[data-v-b6848d2f] {
-  padding: var(--spacing-8);
-  border-radius: var(--radius-10);
-}
-.celeste-modal-header:has(.description)[data-type=default] .icon[data-v-b6848d2f] {
-  border-color: var(--color-stroke-soft-200);
-}
-.celeste-modal-header:has(.description)[data-type=success] .icon[data-v-b6848d2f] {
-  background: var(--color-state-success-lighter);
-  color: var(--color-state-success-base);
-}
-.celeste-modal-header:has(.description)[data-type=information] .icon[data-v-b6848d2f] {
-  background: var(--color-state-information-lighter);
-  color: var(--color-state-information-base);
-}
-.celeste-modal-header:has(.description)[data-type=warning] .icon[data-v-b6848d2f] {
-  background: var(--color-state-warning-lighter);
-  color: var(--color-state-warning-base);
-}
-.celeste-modal-header:has(.description)[data-type=error] .icon[data-v-b6848d2f] {
-  background: var(--color-state-error-lighter);
-  color: var(--color-state-error-base);
 }
 [data-v-a4412aff] * {
   box-sizing: border-box;

package/dist/cjs/chunks/DrawerDescription.cjs

@@ -0,0 +1,37 @@
+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
+Object.defineProperty(exports, "DrawerDescription_default", {
+	enumerable: true,
+	get: function() {
+		return DrawerDescription_default;
+	}
+});

package/dist/cjs/chunks/DrawerTitle.cjs

@@ -0,0 +1,37 @@
+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
+Object.defineProperty(exports, "DrawerTitle_default", {
+	enumerable: true,
+	get: function() {
+		return DrawerTitle_default;
+	}
+});

package/dist/cjs/chunks/components.cjs

@@ -24,8 +24,6 @@ const require_popover_content = require("./popover-content.cjs");
 const require_popover_trigger = require("./popover-trigger.cjs");
 const require_range_calendar = require("./range-calendar.cjs");
 const require_drawer_content = require("./drawer-content.cjs");
-const require_drawer_description = require("./drawer-description.cjs");
-const require_drawer_title = require("./drawer-title.cjs");
 const require_drawer_trigger = require("./drawer-trigger.cjs");
 const require_drawer_body = require("./drawer-body.cjs");
 const require_dropdown_menu_group = require("./dropdown-menu-group.cjs");
@@ -87,12 +85,30 @@ const require_combobox_root = require("./combobox-root.cjs");
 const require_combobox_separator = require("./combobox-separator.cjs");
 const require_combobox = require("./combobox.cjs");
 const require_date_picker = require("./date-picker.cjs");
-const require_digit_input_group = require("./digit-input-group.cjs");
-const require_digit_input = require("./digit-input.cjs");
+const require_modal_body = require("./modal-body.cjs");
+const require_dialog_body = require("./dialog-body.cjs");
 const require_drawer_close = require("./drawer-close.cjs");
+const require_modal_close = require("./modal-close.cjs");
+const require_dialog_close = require("./dialog-close.cjs");
+const require_modal_content = require("./modal-content.cjs");
+const require_dialog_content = require("./dialog-content.cjs");
+const require_dialog_description = require("./dialog-description.cjs");
 const require_drawer_footer = require("./drawer-footer.cjs");
+const require_modal_footer = require("./modal-footer.cjs");
+const require_dialog_footer = require("./dialog-footer.cjs");
+const require_drawer_description = require("./drawer-description.cjs");
+const require_drawer_title = require("./drawer-title.cjs");
 const require_drawer_header = require("./drawer-header.cjs");
+const require_modal_header = require("./modal-header.cjs");
+const require_dialog_header = require("./dialog-header.cjs");
+const require_dialog_title = require("./dialog-title.cjs");
+const require_modal_trigger = require("./modal-trigger.cjs");
+const require_dialog_trigger = require("./dialog-trigger.cjs");
+const require_dialog = require("./dialog.cjs");
 const require_drawer = require("./drawer.cjs");
+const require_modal = require("./modal.cjs");
+const require_digit_input_group = require("./digit-input-group.cjs");
+const require_digit_input = require("./digit-input.cjs");
 const require_dropdown_menu = require("./dropdown-menu.cjs");
 const require_file_upload_area = require("./file-upload-area.cjs");
 const require_hint_text = require("./hint-text.cjs");
@@ -101,13 +117,6 @@ const require_tooltip_root = require("./tooltip-root.cjs");
 const require_tooltip = require("./tooltip.cjs");
 const require_label = require("./label2.cjs");
 const require_mochi = require("./mochi.cjs");
-const require_modal_body = require("./modal-body.cjs");
-const require_modal_close = require("./modal-close.cjs");
-const require_modal_content = require("./modal-content.cjs");
-const require_modal_footer = require("./modal-footer.cjs");
-const require_modal_header = require("./modal-header.cjs");
-const require_modal_trigger = require("./modal-trigger.cjs");
-const require_modal = require("./modal.cjs");
 const require_pagination = require("./pagination.cjs");
 const require_progress_bar = require("./progress-bar.cjs");
 const require_progress_circle = require("./progress-circle.cjs");
@@ -213,6 +222,15 @@ var components_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	ContentDivider: () => require_content_divider.content_divider_default,
 	CounterInput: () => require_counter_input.counter_input_default,
 	DatePicker: () => require_date_picker.date_picker_default,
+	Dialog: () => require_dialog.dialog_default,
+	DialogBody: () => require_dialog_body.dialog_body_default,
+	DialogClose: () => require_dialog_close.dialog_close_default,
+	DialogContent: () => require_dialog_content.dialog_content_default,
+	DialogDescription: () => require_dialog_description.dialog_description_default,
+	DialogFooter: () => require_dialog_footer.dialog_footer_default,
+	DialogHeader: () => require_dialog_header.dialog_header_default,
+	DialogTitle: () => require_dialog_title.dialog_title_default,
+	DialogTrigger: () => require_dialog_trigger.dialog_trigger_default,
 	DigitInput: () => require_digit_input.digit_input_default,
 	DigitInputGroup: () => require_digit_input_group.digit_input_group_default,
 	DigitInputSlot: () => require_digit_input_slot.digit_input_slot_default,

package/dist/cjs/chunks/dialog-body.cjs

@@ -0,0 +1,46 @@
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_drawer_body = require("./drawer-body.cjs");
+const require_modal_body = require("./modal-body.cjs");
+const require_context = require("../context.cjs");
+let vue = require("vue");
+//#region src/components/dialog/dialog-body.vue?vue&type=script&setup=true&lang.ts
+var dialog_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "dialog-body",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		const { drawer } = require_context.injectDialogContext();
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_body.drawer_body_default, {
+				key: 0,
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-body", props.class))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_body.modal_body_default, {
+				key: 1,
+				class: (0, vue.normalizeClass)(props.class)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class"]));
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/dialog-body.vue
+var dialog_body_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(dialog_body_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5b25c361"]]);
+//#endregion
+Object.defineProperty(exports, "dialog_body_default", {
+	enumerable: true,
+	get: function() {
+		return dialog_body_default;
+	}
+});