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

package/dist/color-picker/useColorPicker.d.ts

@@ -0,0 +1,33 @@
+import { Ref } from 'vue';
+import { HSVA } from '@comfyorg/design-system/lib/color-picker/types';
+export declare const rgbChannels: readonly [{
+    readonly key: "r";
+}, {
+    readonly key: "g";
+}, {
+    readonly key: "b";
+}];
+export declare function useColorPicker(hsva: Ref<HSVA>): {
+    hex: {
+        draft: string;
+        beginEdit: () => void;
+        commit: () => void;
+        reset: () => void;
+    };
+    rgb: {
+        draft: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        beginEdit: () => void;
+        commit: () => void;
+        reset: () => void;
+    };
+    alpha: {
+        draft: number;
+        beginEdit: () => void;
+        commit: () => void;
+        reset: () => void;
+    };
+};

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    /** Leading-edge colour, e.g. `border-l-success`. */
+    accent: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    description?: (props: typeof __VLS_5) => any;
+} & {
+    actions?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: 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 __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/common/CanvasBanner.vue.js

@@ -0,0 +1,21 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/common/CanvasBanner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_2 = { class: "flex min-w-0 flex-col text-sm wrap-break-word" };
+var _hoisted_3 = { class: "font-medium text-foreground" };
+var _hoisted_4 = {
+	key: 0,
+	class: "text-muted-foreground"
+};
+// src/components/common/CanvasBanner.vue
+var CanvasBanner_default = /* @__PURE__ */ defineComponent({
+	__name: "CanvasBanner",
+	props: { accent: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("pointer-events-auto relative flex items-center gap-12 rounded-lg border border-l-4 bg-background p-4 shadow-md", __props.accent)) }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "icon"), createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "title")]), _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "description")])) : createCommentVNode("", true)])]), renderSlot(_ctx.$slots, "actions")], 2);
+		};
+	}
+});
+export { CanvasBanner_default as default };

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    orientation?: 'horizontal' | 'vertical';
+    width?: number;
+};
+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/ContentDivider.vue.js

@@ -0,0 +1,20 @@
+import { t as _plugin_vue_export_helper_default } from "../shared/_plugin-vue_export-helper-DjkACiAr.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, useCssVars } from "vue";
+// src/components/common/ContentDivider.vue
+var ContentDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ContentDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		width: { default: .3 }
+	},
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v5581bd6e": _ctx.width + "px" }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["content-divider bg-border", {
+				"content-divider--horizontal": __props.orientation === "horizontal",
+				"content-divider--vertical": __props.orientation === "vertical"
+			}]) }, null, 2);
+		};
+	}
+}), [["__scopeId", "data-v-dcb6a1f4"]]);
+export { ContentDivider_default as default };

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    renderFunction: () => HTMLElement;
+};
+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/CustomFormValue.vue.js

@@ -0,0 +1,26 @@
+import { createElementBlock, defineComponent, onMounted, openBlock, ref, watch } from "vue";
+// src/components/common/CustomFormValue.vue
+var CustomFormValue_default = /* @__PURE__ */ defineComponent({
+	__name: "CustomFormValue",
+	props: { renderFunction: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		const container = ref(null);
+		function renderContent() {
+			if (container.value) {
+				container.value.innerHTML = "";
+				const element = props.renderFunction();
+				container.value.appendChild(element);
+			}
+		}
+		onMounted(renderContent);
+		watch(() => props.renderFunction, renderContent);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "container",
+				ref: container
+			}, null, 512);
+		};
+	}
+});
+export { CustomFormValue_default as default };

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number;
+    duration?: string;
+};
+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/DotSpinner.vue.js

@@ -0,0 +1,32 @@
+import { t as _plugin_vue_export_helper_default } from "../shared/_plugin-vue_export-helper-DjkACiAr.js";
+import { createElementBlock, createStaticVNode, defineComponent, normalizeStyle, openBlock } from "vue";
+// src/components/common/DotSpinner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["width", "height"];
+// src/components/common/DotSpinner.vue
+var DotSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "DotSpinner",
+	props: {
+		size: { default: 24 },
+		duration: { default: "2s" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-testid": "dot-spinner",
+				class: "inline-flex items-center justify-center",
+				style: normalizeStyle({
+					width: __props.size + "px",
+					height: __props.size + "px"
+				})
+			}, [(openBlock(), createElementBlock("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: __props.size,
+				height: __props.size,
+				viewBox: "0 0 14 14",
+				class: "animate-spin fill-foreground",
+				style: normalizeStyle({ animationDuration: __props.duration })
+			}, [..._cache[0] || (_cache[0] = [createStaticVNode("<g clip-path=\"url(#clip0_776_9582)\" data-v-8e668792><path class=\"dot-animation\" style=\"animation-delay:0s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 2.21053C7.61042 2.21053 8.10526 1.71568 8.10526 1.10526C8.10526 0.494843 7.61042 0 7 0C6.38958 0 5.89474 0.494843 5.89474 1.10526C5.89474 1.71568 6.38958 2.21053 7 2.21053Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.25s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.21053 7C2.21053 7.61042 1.71568 8.10526 1.10526 8.10526C0.494843 8.10526 0 7.61042 0 7C0 6.38958 0.494843 5.89474 1.10526 5.89474C1.71568 5.89474 2.21053 6.38958 2.21053 7Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.5s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 7C14 7.61042 13.5052 8.10526 12.8947 8.10526C12.2843 8.10526 11.7895 7.61042 11.7895 7C11.7895 6.38958 12.2843 5.89474 12.8947 5.89474C13.5052 5.89474 14 6.38958 14 7Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.75s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.10526 12.8947C8.10526 13.5052 7.61041 14 6.99999 14C6.38957 14 5.89473 13.5052 5.89473 12.8947C5.89473 12.2843 6.38957 11.7895 6.99999 11.7895C7.61041 11.7895 8.10526 12.2843 8.10526 12.8947Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.125s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.05039 3.61349C2.48203 4.04513 3.18184 4.04513 3.61347 3.61349C4.0451 3.18186 4.0451 2.48205 3.61347 2.05042C3.18184 1.61878 2.48203 1.61878 2.05039 2.05042C1.61876 2.48205 1.61876 3.18186 2.05039 3.61349Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.625s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.9496 11.9496C11.518 12.3812 10.8182 12.3812 10.3865 11.9496C9.9549 11.5179 9.9549 10.8181 10.3865 10.3865C10.8182 9.95485 11.518 9.95485 11.9496 10.3865C12.3812 10.8181 12.3812 11.5179 11.9496 11.9496Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.875s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.05039 11.9496C2.48203 12.3812 3.18184 12.3812 3.61347 11.9496C4.0451 11.5179 4.0451 10.8181 3.61347 10.3865C3.18184 9.95485 2.48203 9.95485 2.05039 10.3865C1.61876 10.8181 1.61876 11.5179 2.05039 11.9496Z\" data-v-8e668792></path><path class=\"dot-animation\" style=\"animation-delay:0.375s;\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.9496 3.61349C11.518 4.04513 10.8182 4.04513 10.3865 3.61349C9.9549 3.18186 9.9549 2.48205 10.3865 2.05042C10.8182 1.61878 11.518 1.61878 11.9496 2.05042C12.3812 2.48205 12.3812 3.18186 11.9496 3.61349Z\" data-v-8e668792></path></g><defs data-v-8e668792><clipPath id=\"clip0_776_9582\" data-v-8e668792><rect width=\"14\" height=\"14\" fill=\"white\" data-v-8e668792></rect></clipPath></defs>", 2)])], 12, _hoisted_1))], 4);
+		};
+	}
+}), [["__scopeId", "data-v-8e668792"]]);
+export { DotSpinner_default as default };

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    modelValue: string;
+    isEditing?: boolean;
+    inputAttrs?: Record<string, string>;
+    labelClass?: string;
+    labelType?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    edit: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/common/EditableText.vue.js

@@ -0,0 +1,71 @@
+import { t as Input_default } from "../shared/Input-DOeNoniw.js";
+import { createBlock, createElementBlock, createTextVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+// src/components/common/EditableText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "editable-text inline" };
+// src/components/common/EditableText.vue
+var EditableText_default = /* @__PURE__ */ defineComponent({
+	__name: "EditableText",
+	props: {
+		modelValue: {},
+		isEditing: {
+			type: Boolean,
+			default: false
+		},
+		inputAttrs: { default: () => ({}) },
+		labelClass: {},
+		labelType: { default: "span" }
+	},
+	emits: ["edit", "cancel"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const inputValue = ref(__props.modelValue);
+		const inputRef = ref();
+		const isCanceling = ref(false);
+		function finishEditing() {
+			if (!isCanceling.value) emit("edit", inputValue.value);
+			isCanceling.value = false;
+		}
+		function cancelEditing() {
+			isCanceling.value = true;
+			inputValue.value = __props.modelValue;
+			emit("cancel");
+			inputRef.value?.blur();
+		}
+		watch(() => __props.isEditing, async (newVal) => {
+			if (newVal) {
+				inputValue.value = __props.modelValue;
+				await nextTick(() => {
+					if (!inputRef.value) return;
+					const fileName = inputValue.value.includes(".") ? inputValue.value.split(".").slice(0, -1).join(".") : inputValue.value;
+					inputRef.value.setSelectionRange(0, fileName.length);
+				});
+			}
+		}, { immediate: true });
+		const vFocus = { mounted: (el) => el.focus() };
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [!__props.isEditing ? (openBlock(), createBlock(resolveDynamicComponent(__props.labelType), {
+				key: 0,
+				class: normalizeClass(__props.labelClass)
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.modelValue), 1)]),
+				_: 1
+			}, 8, ["class"])) : withDirectives((openBlock(), createBlock(unref(Input_default), mergeProps({
+				key: 1,
+				ref_key: "inputRef",
+				ref: inputRef,
+				modelValue: inputValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+				type: "text",
+				class: "h-full rounded-none p-0 focus-visible:ring-0"
+			}, __props.inputAttrs, {
+				onBlur: finishEditing,
+				onKeydownCapture: [_cache[1] || (_cache[1] = withKeys(withModifiers(($event) => inputRef.value?.blur(), ["stop"]), ["enter"])), withKeys(withModifiers(cancelEditing, ["stop"]), ["escape"])],
+				onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+				onContextmenu: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
+				onPointerdownCapture: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"])),
+				onPointermoveCapture: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
+			}), null, 16, ["modelValue", "onKeydownCapture"])), [[vFocus]])]);
+		};
+	}
+});
+export { EditableText_default as default };

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    query: string;
+    text: string;
+    highlightClass?: string;
+};
+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/HighlightedText.vue.js

@@ -0,0 +1,49 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { Fragment, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref } from "vue";
+// src/components/common/highlightQuery.ts
+function highlightQuery(text, query) {
+	if (!query) return [{
+		text,
+		highlighted: false
+	}];
+	const pattern = Array.from(query).map((ch) => ch.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("[ ]?");
+	const regex = new RegExp(pattern, "gi");
+	const parts = [];
+	let lastIndex = 0;
+	for (const match of text.matchAll(regex)) {
+		if (match.index > lastIndex) parts.push({
+			text: text.slice(lastIndex, match.index),
+			highlighted: false
+		});
+		parts.push({
+			text: match[0],
+			highlighted: true
+		});
+		lastIndex = match.index + match[0].length;
+	}
+	if (lastIndex < text.length || parts.length === 0) parts.push({
+		text: text.slice(lastIndex),
+		highlighted: false
+	});
+	return parts;
+}
+// src/components/common/HighlightedText.vue
+var HighlightedText_default = /* @__PURE__ */ defineComponent({
+	__name: "HighlightedText",
+	props: {
+		query: {},
+		text: {},
+		highlightClass: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(unref(highlightQuery)(__props.text, __props.query), (part, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [part.highlighted ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(cn)("highlight", __props.highlightClass))
+				}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+			}), 128);
+		};
+	}
+});
+export { HighlightedText_default as default };

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    loading: boolean;
+    loadingMessage?: string;
+    size?: 'sm' | 'md';
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: 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 __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/common/LoadingOverlay.vue.js

@@ -0,0 +1,39 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/common/LoadingOverlay.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "absolute inset-0 z-50 flex items-center justify-center bg-background/50",
+	"data-testid": "loading-overlay"
+};
+var _hoisted_2 = { class: "flex flex-col items-center" };
+var _hoisted_3 = { class: "grid place-items-center" };
+var _hoisted_4 = { class: "col-start-1 row-start-1" };
+var _hoisted_5 = {
+	key: 0,
+	class: "mt-4 text-lg text-foreground"
+};
+// src/components/common/LoadingOverlay.vue
+var LoadingOverlay_default = /* @__PURE__ */ defineComponent({
+	__name: "LoadingOverlay",
+	props: {
+		loading: { type: Boolean },
+		loadingMessage: {},
+		size: { default: "md" }
+	},
+	setup(__props) {
+		const spinnerSizeClass = computed(() => {
+			switch (__props.size) {
+				case "sm": return "h-6 w-6 border-2";
+				default: return "h-12 w-12 border-4";
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, { name: "fade" }, {
+				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", { class: normalizeClass(unref(cn)("col-start-1 row-start-1 animate-spin rounded-full border-muted-foreground border-t-foreground", spinnerSizeClass.value)) }, null, 2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])]), __props.loadingMessage ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.loadingMessage), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true)]),
+				_: 3
+			});
+		};
+	}
+});
+export { LoadingOverlay_default as default };

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    text: string;
+};
+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/MarkdownText.vue.js

@@ -0,0 +1,91 @@
+import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString } from "vue";
+// src/components/common/MarkdownText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "wrap-break-word" };
+var _hoisted_2 = ["textContent"];
+var _hoisted_3 = { key: 1 };
+var _hoisted_4 = ["href"];
+var _hoisted_5 = { class: "text-blue-600" };
+var _hoisted_6 = { key: 1 };
+var _hoisted_7 = { key: 2 };
+var _hoisted_8 = {
+	key: 3,
+	class: "rounded-sm px-1 py-0.5 text-xs"
+};
+var _hoisted_9 = { key: 4 };
+// src/components/common/MarkdownText.vue
+var MarkdownText_default = /* @__PURE__ */ defineComponent({
+	__name: "MarkdownText",
+	props: { text: {} },
+	setup(__props) {
+		const hasMarkdown = computed(() => {
+			return /(\[.*?\]\(.*?\)|(\*\*|__)(.*?)(\*\*|__)|(\*|_)(.*?)(\*|_)|`(.*?)`)/.test(__props.text);
+		});
+		const parsedSegments = computed(() => {
+			if (!hasMarkdown.value) return [{
+				type: "text",
+				text: __props.text
+			}];
+			const segments = [];
+			const remainingText = __props.text;
+			let lastIndex = 0;
+			const linkRegex = /\[(.*?)\]\((.*?)\)/g;
+			let linkMatch;
+			while ((linkMatch = linkRegex.exec(remainingText)) !== null) {
+				if (linkMatch.index > lastIndex) segments.push({
+					type: "text",
+					text: remainingText.substring(lastIndex, linkMatch.index)
+				});
+				segments.push({
+					type: "link",
+					text: linkMatch[1],
+					url: linkMatch[2]
+				});
+				lastIndex = linkMatch.index + linkMatch[0].length;
+			}
+			if (lastIndex < remainingText.length) {
+				let rest = remainingText.substring(lastIndex);
+				rest = rest.replace(/(\*\*|__)(.*?)(\*\*|__)/g, (_, __, p2) => {
+					segments.push({
+						type: "bold",
+						text: p2
+					});
+					return "";
+				});
+				rest = rest.replace(/(\*|_)(.*?)(\*|_)/g, (_, __, p2) => {
+					segments.push({
+						type: "italic",
+						text: p2
+					});
+					return "";
+				});
+				rest = rest.replace(/`(.*?)`/g, (_, p1) => {
+					segments.push({
+						type: "code",
+						text: p1
+					});
+					return "";
+				});
+				if (rest) segments.push({
+					type: "text",
+					text: rest
+				});
+			}
+			return segments;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [!hasMarkdown.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				textContent: toDisplayString(__props.text)
+			}, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(parsedSegments.value, (segment, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [segment.type === "link" && "url" in segment ? (openBlock(), createElementBlock("a", {
+					key: 0,
+					href: segment.url,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					class: "hover:underline"
+				}, [createElementVNode("span", _hoisted_5, toDisplayString(segment.text), 1)], 8, _hoisted_4)) : segment.type === "bold" ? (openBlock(), createElementBlock("strong", _hoisted_6, toDisplayString(segment.text), 1)) : segment.type === "italic" ? (openBlock(), createElementBlock("em", _hoisted_7, toDisplayString(segment.text), 1)) : segment.type === "code" ? (openBlock(), createElementBlock("code", _hoisted_8, toDisplayString(segment.text), 1)) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(segment.text), 1))], 64);
+			}), 128))]))]);
+		};
+	}
+});
+export { MarkdownText_default as default };

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/common/MarqueeLine.vue.js

@@ -0,0 +1,11 @@
+import { t as _plugin_vue_export_helper_default } from "../shared/_plugin-vue_export-helper-DjkACiAr.js";
+import { createElementBlock, createElementVNode, openBlock, renderSlot } from "vue";
+// src/components/common/MarqueeLine.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "@container overflow-hidden mask-[linear-gradient(to_right,black_70%,transparent)] motion-safe:group-hover:mask-none" };
+var _hoisted_2 = { class: "inline-block min-w-full whitespace-nowrap [--_marquee-end:min(calc(-100%+100cqw),0px)] motion-safe:group-hover:animate-[marquee-scroll_2s_linear_infinite_alternate]" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])]);
+}
+var MarqueeLine_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+export { MarqueeLine_default as default };

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

@@ -0,0 +1,28 @@
+import { ButtonVariants } from '@comfyorg/design-system/button.variants';
+type __VLS_Props = {
+    class?: string;
+    icon?: string;
+    title?: string;
+    message: string;
+    textClass?: string;
+    buttonIcon?: string;
+    buttonLabel?: string;
+    buttonVariant?: ButtonVariants['variant'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    action: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/common/NoResultsPlaceholder.vue.js

@@ -0,0 +1,49 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/common/NoResultsPlaceholder.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col items-center bg-(--surface-ground) text-center" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mb-2 text-foreground"
+};
+// src/components/common/NoResultsPlaceholder.vue
+var NoResultsPlaceholder_default = /* @__PURE__ */ defineComponent({
+	__name: "NoResultsPlaceholder",
+	props: {
+		class: {},
+		icon: {},
+		title: {},
+		message: {},
+		textClass: {},
+		buttonIcon: {},
+		buttonLabel: {},
+		buttonVariant: {}
+	},
+	emits: ["action"],
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("h-full p-8", props.class)) }, [createElementVNode("div", _hoisted_1, [
+				__props.icon ? (openBlock(), createElementBlock("i", {
+					key: 0,
+					class: normalizeClass(unref(cn)(__props.icon, "mb-4 size-12 text-5xl"))
+				}, null, 2)) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "title", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true)]),
+				createElementVNode("p", { class: normalizeClass(unref(cn)("mb-4 text-center whitespace-pre-line", __props.textClass)) }, toDisplayString(__props.message), 3),
+				__props.buttonLabel ? (openBlock(), createBlock(unref(Button_default), {
+					key: 1,
+					variant: __props.buttonVariant ?? "textonly",
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("action"))
+				}, {
+					default: withCtx(() => [__props.buttonIcon ? (openBlock(), createElementBlock("i", {
+						key: 0,
+						class: normalizeClass(__props.buttonIcon)
+					}, null, 2)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.buttonLabel), 1)]),
+					_: 1
+				}, 8, ["variant"])) : createCommentVNode("", true)
+			])], 2);
+		};
+	}
+});
+export { NoResultsPlaceholder_default as default };

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    icon?: string;
+    title: string;
+    subtitle?: string;
+    closeLabel?: string;
+    position?: 'bottom-left' | 'bottom-right';
+};
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    'footer-start'?: (props: typeof __VLS_11) => any;
+} & {
+    'footer-end'?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};