@comfyorg/design-system 1.2.0 → 1.3.0-alpha.0

package/dist/common/NotificationPopup.vue.js

@@ -0,0 +1,63 @@
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/common/NotificationPopup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-position"];
+var _hoisted_2 = { class: "flex min-h-0 flex-1 flex-col gap-4 p-4" };
+var _hoisted_3 = { class: "flex items-center gap-4" };
+var _hoisted_4 = {
+	key: 0,
+	class: "flex shrink-0 items-center justify-center rounded-lg bg-primary/90 p-3"
+};
+var _hoisted_5 = { class: "flex flex-1 flex-col gap-1 font-normal" };
+var _hoisted_6 = { class: "text-sm leading-[1.429]" };
+var _hoisted_7 = {
+	key: 0,
+	class: "text-sm leading-[1.21] text-muted-foreground"
+};
+var _hoisted_8 = {
+	key: 0,
+	class: "min-h-0 flex-1 overflow-y-auto text-sm text-muted-foreground"
+};
+var _hoisted_9 = {
+	key: 0,
+	class: "flex items-center justify-between px-4 pb-4"
+};
+var _hoisted_10 = { class: "flex items-center gap-4" };
+// src/components/common/NotificationPopup.vue
+var NotificationPopup_default = /* @__PURE__ */ defineComponent({
+	__name: "NotificationPopup",
+	props: {
+		icon: {},
+		title: {},
+		subtitle: {},
+		closeLabel: {},
+		position: { default: "bottom-left" }
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "status",
+				"data-position": __props.position,
+				class: normalizeClass(unref(cn)("pointer-events-auto absolute flex max-h-96 w-96 flex-col rounded-lg border bg-background shadow-md", __props.position === "bottom-left" && "bottom-4 left-4", __props.position === "bottom-right" && "right-4 bottom-4"))
+			}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+				__props.icon ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("i", { class: normalizeClass(unref(cn)("text-white", __props.icon)) }, null, 2)])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]),
+				__props.closeLabel ? (openBlock(), createBlock(unref(Button_default), {
+					key: 1,
+					class: "size-6 shrink-0 self-start",
+					size: "icon-sm",
+					variant: "muted-textonly",
+					"aria-label": __props.closeLabel,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "icon-[lucide--x] size-3.5" }, null, -1)])]),
+					_: 1
+				}, 8, ["aria-label"])) : createCommentVNode("", true)
+			]), _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)]), _ctx.$slots["footer-start"] || _ctx.$slots["footer-end"] ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("div", null, [renderSlot(_ctx.$slots, "footer-start")]), createElementVNode("div", _hoisted_10, [renderSlot(_ctx.$slots, "footer-end")])])) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+});
+export { NotificationPopup_default as default };

package/dist/common/OverlayIcon.vue.js

@@ -1,2 +1 @@
-import { t as OverlayIcon_default } from "../shared/OverlayIcon-DntJI-mm.js";
-export { OverlayIcon_default as default };
+export { t as default } from "../shared/OverlayIcon-C-din824.js";

package/dist/common/SanitizedHtml.vue.js

@@ -1,10 +1,9 @@
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock } from "vue";
 import createDOMPurify from "dompurify";
-//#region src/components/common/SanitizedHtml.vue?vue&type=script&setup=true&lang.ts
+// src/components/common/SanitizedHtml.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["innerHTML"];
 var _hoisted_2 = ["innerHTML"];
-//#endregion
-//#region src/components/common/SanitizedHtml.vue
+// src/components/common/SanitizedHtml.vue
 var SanitizedHtml_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SanitizedHtml",
@@ -56,5 +55,4 @@ var SanitizedHtml_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SanitizedHtml_default as default };

package/dist/common/TextDivider.vue.js

@@ -1,6 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
-//#region src/components/common/TextDivider.vue?vue&type=script&setup=true&lang.ts
+// src/components/common/TextDivider.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex items-center" };
 var _hoisted_2 = {
 	key: 0,
@@ -10,8 +10,7 @@ var _hoisted_3 = {
 	key: 1,
 	class: "ml-2 shrink-0"
 };
-//#endregion
-//#region src/components/common/TextDivider.vue
+// src/components/common/TextDivider.vue
 var TextDivider_default = /* @__PURE__ */ defineComponent({
 	__name: "TextDivider",
 	props: {
@@ -32,5 +31,4 @@ var TextDivider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TextDivider_default as default };

package/dist/common/TextTicker.vue.js

@@ -1,8 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, watch } from "vue";
 import { useElementHover, useElementSize, useRafFn } from "@vueuse/core";
-//#endregion
-//#region src/components/common/TextTicker.vue
+// src/components/common/TextTicker.vue
 var TextTicker_default = /* @__PURE__ */ defineComponent({
 	__name: "TextTicker",
 	props: { speed: { default: 70 } },
@@ -49,5 +48,4 @@ var TextTicker_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TextTicker_default as default };

package/dist/common/TextTickerMultiLine.vue.js

@@ -1,7 +1,7 @@
 import MarqueeLine_default from "./MarqueeLine.vue.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, useTemplateRef, withCtx } from "vue";
 import { useElementSize } from "@vueuse/core";
-//#region src/components/common/textTickerUtils.ts
+// src/components/common/textTickerUtils.ts
 function splitTextAtWordBoundary(text, ratio) {
 	if (ratio >= 1) return [text, ""];
 	const estimate = Math.floor(text.length * ratio);
@@ -10,12 +10,10 @@ function splitTextAtWordBoundary(text, ratio) {
 	if (breakIndex <= 0) return [text, ""];
 	return [text.substring(0, breakIndex), text.substring(breakIndex + 1)];
 }
-//#endregion
-//#region src/components/common/TextTickerMultiLine.vue?vue&type=script&setup=true&lang.ts
+// src/components/common/TextTickerMultiLine.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["textContent"];
 var _hoisted_2 = { class: "flex w-full flex-col" };
-//#endregion
-//#region src/components/common/TextTickerMultiLine.vue
+// src/components/common/TextTickerMultiLine.vue
 var TextTickerMultiLine_default = /* @__PURE__ */ defineComponent({
 	__name: "TextTickerMultiLine",
 	props: { text: {} },
@@ -50,5 +48,4 @@ var TextTickerMultiLine_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TextTickerMultiLine_default as default };

package/dist/common/UserAvatar.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    photoUrl?: string | null;
+    label: string;
+    iconClass?: string;
+    size?: 'normal' | 'large';
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/common/UserAvatar.vue.js

@@ -0,0 +1,45 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, ref, unref, watch } from "vue";
+// src/components/common/UserAvatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"src",
+	"alt",
+	"aria-label"
+];
+var _hoisted_2 = ["aria-label"];
+// src/components/common/UserAvatar.vue
+var UserAvatar_default = /* @__PURE__ */ defineComponent({
+	__name: "UserAvatar",
+	props: {
+		photoUrl: {},
+		label: {},
+		iconClass: { default: "size-4" },
+		size: { default: "normal" }
+	},
+	setup(__props) {
+		const imageError = ref(false);
+		const handleImageError = () => {
+			imageError.value = true;
+		};
+		const hasAvatar = computed(() => __props.photoUrl && !imageError.value);
+		watch(() => __props.photoUrl, () => {
+			imageError.value = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(cn)("inline-flex aspect-square items-center justify-center overflow-hidden rounded-full bg-muted", __props.size === "large" ? "size-12" : "size-8")) }, [hasAvatar.value ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.photoUrl ?? void 0,
+				alt: __props.label,
+				"aria-label": __props.label,
+				class: "size-full object-cover",
+				onError: handleImageError
+			}, null, 40, _hoisted_1)) : (openBlock(), createElementBlock("i", {
+				key: 1,
+				"data-testid": "avatar-icon",
+				"aria-label": __props.label,
+				class: normalizeClass(unref(cn)("icon-[lucide--user]", __props.iconClass))
+			}, null, 10, _hoisted_2))], 2);
+		};
+	}
+});
+export { UserAvatar_default as default };

package/dist/common/VerticalDivider.vue.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "../shared/_plugin-vue_export-helper-BOaGB7Aw.js";
+import { t as _plugin_vue_export_helper_default } from "../shared/_plugin-vue_export-helper-DjkACiAr.js";
 import { createElementBlock, openBlock } from "vue";
-//#region src/components/common/VerticalDivider.vue
+// src/components/common/VerticalDivider.vue
 var _sfc_main = {};
 var _hoisted_1 = {
 	role: "separator",
@@ -11,5 +11,4 @@ function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1);
 }
 var VerticalDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
-//#endregion
 export { VerticalDivider_default as default };

package/dist/common/VideoCompareSlider.vue.js

@@ -1,7 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useTemplateRef, watchEffect } from "vue";
 import { useEventListener, usePreferredReducedMotion } from "@vueuse/core";
-//#region src/components/common/VideoCompareSlider.vue?vue&type=script&setup=true&lang.ts
+// src/components/common/VideoCompareSlider.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = [
 	"src",
@@ -15,8 +15,7 @@ var _hoisted_3 = [
 ];
 var _hoisted_4 = ["aria-label", "aria-valuenow"];
 var KEY_STEP = 5;
-//#endregion
-//#region src/components/common/VideoCompareSlider.vue
+// src/components/common/VideoCompareSlider.vue
 var VideoCompareSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "VideoCompareSlider",
 	props: {
@@ -137,5 +136,4 @@ var VideoCompareSlider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { VideoCompareSlider_default as default };

package/dist/common/ViewportWidgetShell.vue.js

@@ -1,13 +1,12 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
-//#region src/components/common/ViewportWidgetShell.vue?vue&type=script&setup=true&lang.ts
+// src/components/common/ViewportWidgetShell.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "pointer-events-none absolute inset-x-0 top-0" };
 var _hoisted_2 = {
 	key: 0,
 	class: "pointer-events-none absolute inset-x-0 bottom-0"
 };
-//#endregion
-//#region src/components/common/ViewportWidgetShell.vue
+// src/components/common/ViewportWidgetShell.vue
 var ViewportWidgetShell_default = /* @__PURE__ */ defineComponent({
 	__name: "ViewportWidgetShell",
 	props: { bottomClass: {} },
@@ -54,5 +53,4 @@ var ViewportWidgetShell_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { ViewportWidgetShell_default as default };

package/dist/common/VirtualGrid.vue.js

@@ -1,8 +1,7 @@
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, watch } from "vue";
 import { useElementSize, useInfiniteScroll, useScroll, whenever } from "@vueuse/core";
 import { clamp, debounce } from "es-toolkit/compat";
-//#endregion
-//#region src/components/common/VirtualGrid.vue
+// src/components/common/VirtualGrid.vue
 var VirtualGrid_default = /* @__PURE__ */ defineComponent({
 	__name: "VirtualGrid",
 	props: {
@@ -103,5 +102,4 @@ var VirtualGrid_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { VirtualGrid_default as default };

package/dist/common/highlightQuery.d.ts

@@ -0,0 +1,6 @@
+interface HighlightQueryPart {
+    text: string;
+    highlighted: boolean;
+}
+export declare function highlightQuery(text: string, query: string): HighlightQueryPart[];
+export {};

package/dist/composables/useAttrsClass.js

@@ -1,5 +1,5 @@
 import { computed, useAttrs } from "vue";
-//#region src/components/composables/useAttrsClass.ts
+// src/components/composables/useAttrsClass.ts
 /**
 * Splits `class` out of `$attrs` so wrappers can merge it with `cn()` onto an
 * inner element while the remaining attrs fall through untouched.
@@ -14,5 +14,4 @@ function useAttrsClass() {
 		})
 	};
 }
-//#endregion
 export { useAttrsClass };

package/dist/composables/usePopoverSizing.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-//#region src/components/composables/usePopoverSizing.ts
+// src/components/composables/usePopoverSizing.ts
 /**
 * Composable for managing popover sizing styles
 * @param options Popover size configuration
@@ -14,5 +14,4 @@ function usePopoverSizing(options) {
 		return style;
 	});
 }
-//#endregion
 export { usePopoverSizing };

package/dist/confirm/ConfirmBody.vue.js

@@ -1,9 +1,8 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, toValue, unref } from "vue";
-//#region src/components/confirm/ConfirmBody.vue?vue&type=script&setup=true&lang.ts
+// src/components/confirm/ConfirmBody.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex flex-col border-t p-4 text-sm/5 wrap-break-word text-muted-foreground" };
-//#endregion
-//#region src/components/confirm/ConfirmBody.vue
+// src/components/confirm/ConfirmBody.vue
 var ConfirmBody_default = /* @__PURE__ */ defineComponent({
 	__name: "ConfirmBody",
 	props: {
@@ -23,5 +22,4 @@ var ConfirmBody_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { ConfirmBody_default as default };

package/dist/confirm/ConfirmFooter.vue.d.ts

@@ -0,0 +1,18 @@
+import { MaybeRefOrGetter } from 'vue';
+import { ButtonVariants } from '@comfyorg/design-system/button.variants';
+type __VLS_Props = {
+    cancelText: string;
+    confirmText: string;
+    confirmClass?: string;
+    confirmVariant?: ButtonVariants['variant'];
+    optionsDisabled?: MaybeRefOrGetter<boolean>;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/confirm/ConfirmFooter.vue.js

@@ -0,0 +1,53 @@
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, toValue, unref, withCtx } from "vue";
+// src/components/confirm/ConfirmFooter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex w-full flex-wrap items-center justify-end gap-4 p-4" };
+// src/components/confirm/ConfirmFooter.vue
+var ConfirmFooter_default = /* @__PURE__ */ defineComponent({
+	__name: "ConfirmFooter",
+	props: {
+		cancelText: {},
+		confirmText: {},
+		confirmClass: {},
+		confirmVariant: {},
+		optionsDisabled: {}
+	},
+	emits: ["cancel", "confirm"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const settled = ref(false);
+		const disabled = computed(() => settled.value || toValue(__props.optionsDisabled));
+		function settle(choice) {
+			if (settled.value) return;
+			settled.value = true;
+			if (choice === "cancel") emit("cancel");
+			else emit("confirm");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createVNode(unref(Button_default), {
+				disabled: disabled.value,
+				variant: "muted-textonly",
+				size: "lg",
+				autofocus: "",
+				onClick: _cache[0] || (_cache[0] = ($event) => settle("cancel"))
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelText), 1)]),
+				_: 1
+			}, 8, ["disabled"]), createVNode(unref(Button_default), {
+				disabled: disabled.value,
+				variant: __props.confirmVariant ?? "textonly",
+				size: "lg",
+				class: normalizeClass(__props.confirmClass),
+				onClick: _cache[1] || (_cache[1] = ($event) => settle("confirm"))
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText), 1)]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"variant",
+				"class"
+			])]);
+		};
+	}
+});
+export { ConfirmFooter_default as default };

package/dist/confirm/ConfirmHeader.vue.js

@@ -1,12 +1,11 @@
 import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
-//#region src/components/confirm/ConfirmHeader.vue?vue&type=script&setup=true&lang.ts
+// src/components/confirm/ConfirmHeader.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex items-center gap-2 p-4 text-sm font-normal" };
 var _hoisted_2 = {
 	key: 1,
 	class: "flex-auto"
 };
-//#endregion
-//#region src/components/confirm/ConfirmHeader.vue
+// src/components/confirm/ConfirmHeader.vue
 var ConfirmHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "ConfirmHeader",
 	props: {
@@ -23,5 +22,4 @@ var ConfirmHeader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { ConfirmHeader_default as default };

package/dist/content-card/CardBottom.vue.js

@@ -1,7 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
-//#endregion
-//#region src/components/content-card/CardBottom.vue
+// src/components/content-card/CardBottom.vue
 var CardBottom_default = /* @__PURE__ */ defineComponent({
 	__name: "CardBottom",
 	props: { fullHeight: {
@@ -15,5 +14,4 @@ var CardBottom_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { CardBottom_default as default };

package/dist/content-card/CardContainer.vue.js

@@ -1,9 +1,8 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
-//#region src/components/content-card/CardContainer.vue?vue&type=script&setup=true&lang.ts
+// src/components/content-card/CardContainer.vue?vue&type=script&setup=true&lang.ts
 var structureClasses = "flex flex-col overflow-hidden";
-//#endregion
-//#region src/components/content-card/CardContainer.vue
+// src/components/content-card/CardContainer.vue
 var CardContainer_default = /* @__PURE__ */ defineComponent({
 	__name: "CardContainer",
 	props: {
@@ -57,5 +56,4 @@ var CardContainer_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { CardContainer_default as default };

package/dist/content-card/CardTop.vue.js

@@ -1,7 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots } from "vue";
-//#endregion
-//#region src/components/content-card/CardTop.vue
+// src/components/content-card/CardTop.vue
 var CardTop_default = /* @__PURE__ */ defineComponent({
 	__name: "CardTop",
 	props: {
@@ -68,5 +67,4 @@ var CardTop_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { CardTop_default as default };

package/dist/dialog/Dialog.vue.js

@@ -1,7 +1,6 @@
 import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { DialogRoot, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/dialog/Dialog.vue
+// src/components/dialog/Dialog.vue
 var Dialog_default = /* @__PURE__ */ defineComponent({
 	__name: "Dialog",
 	props: {
@@ -21,5 +20,4 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Dialog_default as default };

package/dist/dialog/DialogClose.vue.js

@@ -1,24 +1 @@
-import { t as Button_default } from "../shared/Button-CilmsOkY.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogClose } from "reka-ui";
-//#endregion
-//#region src/components/dialog/DialogClose.vue
-var DialogClose_default = /* @__PURE__ */ defineComponent({
-	__name: "DialogClose",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogClose), { "as-child": "" }, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(Button_default), {
-					size: "icon",
-					variant: "muted-textonly"
-				}, {
-					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--x]" }, null, -1)])]),
-					_: 1
-				})])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-export { DialogClose_default as default };
+export { t as default } from "../shared/DialogClose-CrtPRSNX.js";

package/dist/dialog/DialogContent.vue.js

@@ -1,73 +1 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { dialogContentVariants } from "./dialog.variants.js";
-import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogContent, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/dialog/DialogContent.vue
-var DialogContent_default = /* @__PURE__ */ defineComponent({
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: {
-			type: [
-				Boolean,
-				null,
-				String,
-				Object,
-				Array
-			],
-			default: ""
-		},
-		maximized: {
-			type: Boolean,
-			default: false
-		},
-		size: {},
-		surface: {}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(__props, { emit: __emit }) {
-		const restProps = createPropsRestProxy(__props, [
-			"class",
-			"maximized",
-			"size",
-			"surface"
-		]);
-		const forwarded = useForwardPropsEmits(restProps, __emit);
-		function focusAutofocusTarget(event) {
-			if (event.defaultPrevented || !(event.target instanceof HTMLElement)) return;
-			const target = event.target.querySelector("[autofocus]");
-			if (!target) return;
-			target.focus();
-			if (document.activeElement === target) event.preventDefault();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogContent), mergeProps(unref(forwarded), {
-				"data-reka-dialog-content": "",
-				"data-maximized": __props.maximized || void 0,
-				class: unref(cn)(unref(dialogContentVariants)({
-					maximized: __props.maximized,
-					size: __props.size,
-					surface: __props.surface
-				}), __props.class, __props.maximized && "top-2 left-2 size-auto max-h-none max-w-none sm:max-w-none"),
-				onOpenAutoFocus: focusAutofocusTarget,
-				onFocus: focusAutofocusTarget
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["data-maximized", "class"]);
-		};
-	}
-});
-//#endregion
-export { DialogContent_default as default };
+export { t as default } from "../shared/DialogContent-v2s55FXs.js";

package/dist/dialog/DialogDescription.vue.js

@@ -1,8 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { DialogDescription } from "reka-ui";
-//#endregion
-//#region src/components/dialog/DialogDescription.vue
+// src/components/dialog/DialogDescription.vue
 var DialogDescription_default = /* @__PURE__ */ defineComponent({
 	__name: "DialogDescription",
 	props: {
@@ -29,5 +28,4 @@ var DialogDescription_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { DialogDescription_default as default };