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

package/dist/field/FieldError.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+type FieldErrorItem = string | {
+    message: string | undefined;
+} | undefined;
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: FieldErrorItem[];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/field/FieldError.vue.js

@@ -0,0 +1,37 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";
+// src/components/field/FieldError.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 2,
+	class: "m-0 flex list-disc flex-col gap-1 pl-4"
+};
+// src/components/field/FieldError.vue
+var FieldError_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldError",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		errors: { default: () => [] }
+	},
+	setup(__props) {
+		const messages = computed(() => {
+			return [...new Set(__props.errors.map((error) => typeof error === "string" ? error : error?.message))].filter((message) => !!message);
+		});
+		return (_ctx, _cache) => {
+			return _ctx.$slots.default || messages.value.length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				role: "alert",
+				"data-slot": "field-error",
+				class: normalizeClass(unref(cn)("text-sm font-normal text-destructive", __props.class))
+			}, [_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : messages.value.length === 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(messages.value[0]), 1)], 64)) : (openBlock(), createElementBlock("ul", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(messages.value, (message) => {
+				return openBlock(), createElementBlock("li", { key: message }, toDisplayString(message), 1);
+			}), 128))]))], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { FieldError_default as default };

package/dist/field/FieldGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/field/FieldGroup.vue.js

@@ -0,0 +1,22 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/field/FieldGroup.vue
+var FieldGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldGroup",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "field-group",
+				class: normalizeClass(unref(cn)("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", __props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { FieldGroup_default as default };

package/dist/field/FieldLabel.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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/field/FieldLabel.vue.js

@@ -0,0 +1,26 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as Label_default } from "../shared/Label-kwhWNR2P.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+// src/components/field/FieldLabel.vue
+var FieldLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldLabel",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Label_default), {
+				"data-slot": "field-label",
+				class: normalizeClass(unref(cn)("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/10", __props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+export { FieldLabel_default as default };

package/dist/field/FieldSwitch.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id?: string;
+    label: string;
+    tooltip?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/field/FieldSwitch.vue.js

@@ -0,0 +1,43 @@
+import { t as Switch_default } from "../shared/Switch-qavkHWMz.js";
+import { t as LayoutField_default } from "../shared/LayoutField-C8KCaVF0.js";
+import { createBlock, createVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
+// src/components/field/FieldSwitch.vue
+var FieldSwitch_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldSwitch",
+	props: /*@__PURE__*/ mergeModels({
+		id: {},
+		label: {},
+		tooltip: {}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(LayoutField_default, {
+				singleline: "",
+				label: __props.label,
+				tooltip: __props.tooltip
+			}, {
+				default: withCtx(() => [createVNode(unref(Switch_default), {
+					id: __props.id,
+					modelValue: modelValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					"aria-label": __props.label,
+					class: "transition-transform active:scale-90"
+				}, null, 8, [
+					"id",
+					"modelValue",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["label", "tooltip"]);
+		};
+	}
+});
+export { FieldSwitch_default as default };

package/dist/field/LayoutField.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    label: string;
+    tooltip?: string;
+    singleline?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => 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/field/LayoutField.vue.js

@@ -0,0 +1 @@
+export { t as default } from "../shared/LayoutField-C8KCaVF0.js";

package/dist/field/ModelInfoField.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    label: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'label-action'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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/field/ModelInfoField.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+// src/components/field/ModelInfoField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-2 px-4 py-2 text-sm text-foreground" };
+var _hoisted_2 = { class: "relative flex items-center justify-between" };
+var _hoisted_3 = { class: "select-none" };
+// src/components/field/ModelInfoField.vue
+var ModelInfoField_default = /* @__PURE__ */ defineComponent({
+	__name: "ModelInfoField",
+	props: { label: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.label), 1), renderSlot(_ctx.$slots, "label-action")]), renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+export { ModelInfoField_default as default };

package/dist/field/field.variants.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'cva';
+export declare const fieldVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+export type FieldVariants = VariantProps<typeof fieldVariants>;

package/dist/hover-card/HoverCard.vue.d.ts

@@ -0,0 +1,18 @@
+import { HoverCardRootProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<HoverCardRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<HoverCardRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => 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/hover-card/HoverCard.vue.js

@@ -0,0 +1,24 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { HoverCardRoot, useForwardPropsEmits } from "reka-ui";
+// src/components/hover-card/HoverCard.vue
+var HoverCard_default = /* @__PURE__ */ defineComponent({
+	__name: "HoverCard",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		openDelay: {},
+		closeDelay: {},
+		enableTouch: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(HoverCardRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { HoverCard_default as default };

package/dist/hover-card/HoverCardContent.vue.d.ts

@@ -0,0 +1,18 @@
+import { HoverCardContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = HoverCardContentProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => 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/hover-card/HoverCardContent.vue.js

@@ -0,0 +1,66 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { HoverCardContent, HoverCardPortal, injectHoverCardRootContext, useForwardProps } from "reka-ui";
+// src/components/hover-card/HoverCardContent.vue
+var HoverCardContent_default = /* @__PURE__ */ defineComponent({
+	__name: "HoverCardContent",
+	props: {
+		forceMount: { type: Boolean },
+		memoDependencies: {},
+		side: { default: "bottom" },
+		sideOffset: { default: 8 },
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const rest = createPropsRestProxy(__props, [
+			"class",
+			"side",
+			"sideOffset"
+		]);
+		const forwarded = useForwardProps(computed(() => rest));
+		const { open } = injectHoverCardRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(HoverCardPortal), { key: Number(rest.forceMount || unref(open)) }, {
+				default: withCtx(() => [createVNode(unref(HoverCardContent), mergeProps(unref(forwarded), {
+					side: __props.side,
+					"side-offset": __props.sideOffset,
+					class: unref(cn)("z-overlay rounded-lg border border-border/50 bg-secondary p-2.5 shadow-md outline-none", __props.class)
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"side",
+					"side-offset",
+					"class"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+export { HoverCardContent_default as default };

package/dist/hover-card/HoverCardTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import { HoverCardTriggerProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<HoverCardTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HoverCardTriggerProps> & 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/hover-card/HoverCardTrigger.vue.js

@@ -0,0 +1,21 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { HoverCardTrigger, useForwardProps } from "reka-ui";
+// src/components/hover-card/HoverCardTrigger.vue
+var HoverCardTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "HoverCardTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const forwarded = useForwardProps(__props);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(HoverCardTrigger), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { HoverCardTrigger_default as default };

package/dist/icon/ComfyLogo.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    size?: number | string;
+    color?: string;
+    class?: string;
+    mode?: 'outline' | 'fill';
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/icon/ComfyLogo.vue.js

@@ -0,0 +1,31 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock } from "vue";
+// src/components/icon/ComfyLogo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["width", "height"];
+// src/components/icon/ComfyLogo.vue
+var ComfyLogo_default = /* @__PURE__ */ defineComponent({
+	__name: "ComfyLogo",
+	props: {
+		size: { default: 16 },
+		color: { default: "currentColor" },
+		class: {},
+		mode: { default: "outline" }
+	},
+	setup(__props) {
+		const iconClass = computed(() => __props.class || "");
+		const attributes = computed(() => ({
+			stroke: __props.mode === "outline" ? __props.color : void 0,
+			strokeWidth: __props.mode === "outline" ? 1 : void 0,
+			fill: __props.mode === "fill" ? __props.color : "none"
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				class: normalizeClass(iconClass.value),
+				width: __props.size,
+				height: __props.size,
+				viewBox: "0 0 18 18",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, [createElementVNode("path", mergeProps({ d: "M14.8193 0.600586C15.1248 0.600586 15.3296 0.70893 15.459 0.881836C15.5914 1.05888 15.6471 1.33774 15.5527 1.66895L14.8037 4.30176C14.7063 4.64386 14.4729 4.97024 14.1641 5.21191C13.8544 5.45415 13.496 5.58984 13.1699 5.58984H13.1689L9.5791 5.59668H7.90625C7.52654 5.59668 7.19496 5.84986 7.09082 6.21289L5.69434 11.0889C5.63007 11.3133 5.66134 11.5534 5.77734 11.7529L5.83203 11.8359C5.99177 12.0491 6.24252 12.1758 6.50977 12.1758H6.51074L8.88281 12.1709H11.4971C11.7643 12.171 11.9541 12.254 12.084 12.3906L12.1357 12.4521C12.2685 12.6295 12.3249 12.9089 12.2305 13.2402L11.4805 15.8721C11.383 16.2144 11.1498 16.5415 10.8408 16.7832C10.5314 17.0252 10.1736 17.161 9.84766 17.1611H9.84668L6.25684 17.168H3.64258C3.33762 17.1679 3.13349 17.0588 3.00391 16.8857C2.87135 16.7087 2.81482 16.43 2.90918 16.0986L3.39551 14.3887C3.46841 14.1327 3.41794 13.8576 3.25879 13.6445V13.6436C3.09901 13.4303 2.84745 13.3037 2.58008 13.3037H1.18066C0.875088 13.3037 0.670398 13.1953 0.541016 13.0225C0.408483 12.8451 0.351891 12.5655 0.446289 12.2344L2.11914 6.38965L2.30371 5.74707V5.74609C2.40139 5.40341 2.63456 5.07671 2.94336 4.83496C3.25302 4.59258 3.61143 4.45705 3.9375 4.45703H5.6123C5.94484 4.45703 6.24083 4.26316 6.37891 3.9707L6.42773 3.83984L6.98145 1.89551C7.07894 1.55317 7.31212 1.22614 7.62109 0.984375C7.93074 0.742127 8.2892 0.606445 8.61523 0.606445H8.61621L12.1982 0.600586H14.8193Z" }, attributes.value), null, 16)], 10, _hoisted_1);
+		};
+	}
+});
+export { ComfyLogo_default as default };

package/dist/icon/PuzzleIcon.vue.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    size?: number | string;
+    color?: string;
+    class?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/icon/PuzzleIcon.vue.js

@@ -0,0 +1,38 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock } from "vue";
+// src/components/icon/PuzzleIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["width", "height"];
+var _hoisted_2 = { "clip-path": "url(#clip0_1099_16244)" };
+var _hoisted_3 = ["stroke"];
+// src/components/icon/PuzzleIcon.vue
+var PuzzleIcon_default = /* @__PURE__ */ defineComponent({
+	__name: "PuzzleIcon",
+	props: {
+		size: { default: 16 },
+		color: { default: "currentColor" },
+		class: {}
+	},
+	setup(__props) {
+		const iconClass = computed(() => __props.class || "");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: __props.size,
+				height: __props.size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				class: normalizeClass(iconClass.value)
+			}, [createElementVNode("g", _hoisted_2, [createElementVNode("path", {
+				d: "M4.99992 3.00016C4.99992 2.07969 5.74611 1.3335 6.66658 1.3335C7.58706 1.3335 8.33325 2.07969 8.33325 3.00016V4.00016H8.99992C9.9318 4.00016 10.3977 4.00016 10.7653 4.1524C11.2553 4.35539 11.6447 4.74474 11.8477 5.2348C11.9999 5.60234 11.9999 6.06828 11.9999 7.00016H12.9999C13.9204 7.00016 14.6666 7.74635 14.6666 8.66683C14.6666 9.5873 13.9204 10.3335 12.9999 10.3335H11.9999V11.4668C11.9999 12.5869 11.9999 13.147 11.7819 13.5748C11.5902 13.9511 11.2842 14.2571 10.9079 14.4488C10.4801 14.6668 9.92002 14.6668 8.79992 14.6668H8.33325V13.5002C8.33325 12.6717 7.66168 12.0002 6.83325 12.0002C6.00482 12.0002 5.33325 12.6717 5.33325 13.5002V14.6668H4.53325C3.41315 14.6668 2.85309 14.6668 2.42527 14.4488C2.04895 14.2571 1.74299 13.9511 1.55124 13.5748C1.33325 13.147 1.33325 12.5869 1.33325 11.4668V10.3335H2.33325C3.25373 10.3335 3.99992 9.5873 3.99992 8.66683C3.99992 7.74635 3.25373 7.00016 2.33325 7.00016H1.33325C1.33325 6.06828 1.33325 5.60234 1.48549 5.2348C1.68848 4.74474 2.07783 4.35539 2.56789 4.1524C2.93543 4.00016 3.40137 4.00016 4.33325 4.00016H4.99992V3.00016Z",
+				stroke: __props.color,
+				"stroke-width": "1.2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, 8, _hoisted_3)]), _cache[0] || (_cache[0] = createElementVNode("defs", null, [createElementVNode("clipPath", { id: "clip0_1099_16244" }, [createElementVNode("rect", {
+				width: "16",
+				height: "16",
+				fill: "white"
+			})])], -1))], 10, _hoisted_1);
+		};
+	}
+});
+export { PuzzleIcon_default as default };

package/dist/icon/TinyChevronIcon.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    rotateUp?: boolean;
+};
+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/icon/TinyChevronIcon.vue.js

@@ -0,0 +1,29 @@
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock } from "vue";
+// src/components/icon/TinyChevronIcon.vue
+var TinyChevronIcon_default = /* @__PURE__ */ defineComponent({
+	__name: "TinyChevronIcon",
+	props: { rotateUp: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				class: normalizeClass(["h-[5px] min-h-[5px] w-[8px] min-w-[8px]", { "rotate-180": __props.rotateUp }]),
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "8",
+				height: "5",
+				viewBox: "0 0 8 5",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+				d: "M0.650391 0.649902L3.65039 3.6499L6.65039 0.649902",
+				stroke: "currentColor",
+				"stroke-width": "1.3",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, null, -1)])], 2);
+		};
+	}
+});
+export { TinyChevronIcon_default as default };

package/dist/icon/VerifiedIcon.vue.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    size?: number | string;
+    color?: string;
+    class?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/icon/VerifiedIcon.vue.js

@@ -0,0 +1,30 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock } from "vue";
+// src/components/icon/VerifiedIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["width", "height"];
+var _hoisted_2 = ["fill"];
+// src/components/icon/VerifiedIcon.vue
+var VerifiedIcon_default = /* @__PURE__ */ defineComponent({
+	__name: "VerifiedIcon",
+	props: {
+		size: { default: 16 },
+		color: { default: "#60A5FA" },
+		class: {}
+	},
+	setup(__props) {
+		const iconClass = computed(() => __props.class || "");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: __props.size,
+				height: __props.size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				class: normalizeClass(iconClass.value)
+			}, [createElementVNode("path", {
+				d: "M8.00049 1.3335C8.73661 1.33367 9.33332 1.93038 9.3335 2.6665V2.83447C9.82278 2.96041 10.2851 3.15405 10.7095 3.40479L10.8286 3.28564C11.3493 2.76525 12.1937 2.76519 12.7144 3.28564C13.235 3.80626 13.2348 4.65067 12.7144 5.17139L12.5952 5.29053C12.846 5.71486 13.0396 6.17725 13.1655 6.6665H13.3335C14.0699 6.6665 14.6665 7.26411 14.6665 8.00049C14.6663 8.73672 14.0698 9.3335 13.3335 9.3335H13.1655C13.0396 9.82284 12.846 10.2851 12.5952 10.7095L12.7144 10.8286C13.235 11.3493 13.235 12.1937 12.7144 12.7144C12.1937 13.235 11.3493 13.235 10.8286 12.7144L10.7095 12.5952C10.2851 12.846 9.82284 13.0396 9.3335 13.1655V13.3335C9.3335 14.0698 8.73672 14.6663 8.00049 14.6665C7.26411 14.6665 6.6665 14.0699 6.6665 13.3335V13.1655C6.17725 13.0396 5.71486 12.846 5.29053 12.5952L5.17139 12.7144C4.65067 13.2348 3.80626 13.235 3.28564 12.7144C2.76519 12.1937 2.76525 11.3493 3.28564 10.8286L3.40479 10.7095C3.15405 10.2851 2.96041 9.82278 2.83447 9.3335H2.6665C1.93038 9.33332 1.33367 8.73661 1.3335 8.00049C1.3335 7.26422 1.93027 6.66668 2.6665 6.6665H2.83447C2.96043 6.17722 3.15403 5.71488 3.40479 5.29053L3.28564 5.17139C2.76536 4.65065 2.76508 3.80621 3.28564 3.28564C3.80621 2.76508 4.65065 2.76536 5.17139 3.28564L5.29053 3.40479C5.71488 3.15403 6.17722 2.96043 6.6665 2.83447V2.6665C6.66668 1.93027 7.26422 1.3335 8.00049 1.3335ZM7.3335 8.00049L6.00049 6.6665L4.6665 8.00049L7.3335 10.6665L11.3335 6.6665L10.0005 5.3335L7.3335 8.00049Z",
+				fill: __props.color
+			}, null, 8, _hoisted_2)], 10, _hoisted_1);
+		};
+	}
+});
+export { VerifiedIcon_default as default };

package/dist/input/Input.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void | undefined;
+    select: () => void | undefined;
+    blur: () => void | undefined;
+    setSelectionRange: (start: number, end: number) => void | undefined;
+    selectAll: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;