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

package/dist/popover/PopoverContent.vue.js

@@ -1,91 +1 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { usePopoverViewportDismiss } from "./usePopoverViewportDismiss.js";
-import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { PopoverContent, PopoverPortal, injectPopoverRootContext, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/popover/PopoverContent.vue
-var PopoverContent_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "PopoverContent",
-	props: {
-		forceMount: { type: Boolean },
-		memoDependencies: {},
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: { default: "center" },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: { default: 8 },
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		dir: {},
-		asChild: { type: Boolean },
-		as: {},
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		dismissOnViewportChange: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(__props, { emit: __emit }) {
-		const restProps = createPropsRestProxy(__props, [
-			"align",
-			"sideOffset",
-			"collisionPadding",
-			"class",
-			"dismissOnViewportChange"
-		]);
-		const emits = __emit;
-		const delegatedProps = computed(() => ({
-			align: __props.align,
-			sideOffset: __props.sideOffset,
-			collisionPadding: __props.collisionPadding,
-			...restProps
-		}));
-		const forwarded = useForwardPropsEmits(delegatedProps, emits);
-		const rootContext = injectPopoverRootContext();
-		usePopoverViewportDismiss(computed({
-			get: () => __props.dismissOnViewportChange && rootContext.open.value,
-			set: (open) => rootContext.onOpenChange(open)
-		}), rootContext.triggerElement);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopoverPortal), { key: Number(restProps.forceMount || unref(rootContext).open.value) }, {
-				default: withCtx(() => [createVNode(unref(PopoverContent), mergeProps({ "data-slot": "popover-content" }, {
-					...unref(forwarded),
-					..._ctx.$attrs
-				}, { class: unref(cn)("z-overlay w-72 origin-(--reka-popover-content-transform-origin) rounded-md border bg-background p-4 text-foreground shadow-md outline-none", "overflow-auto [:where(&)]:max-h-(--reka-popover-content-available-height) [:where(&)]:max-w-(--reka-popover-content-available-width)", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", __props.class) }), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, ["class"])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-export { PopoverContent_default as default };
+export { t as default } from "../shared/PopoverContent-DNqL6t-O.js";

package/dist/popover/usePopoverViewportDismiss.js

@@ -1,6 +1,6 @@
 import { toValue } from "vue";
 import { useEventListener } from "@vueuse/core";
-//#region src/components/popover/usePopoverViewportDismiss.ts
+// src/components/popover/usePopoverViewportDismiss.ts
 function usePopoverViewportDismiss(open, anchor) {
 	useEventListener(() => open.value ? window : void 0, "resize", () => {
 		open.value = false;
@@ -9,5 +9,4 @@ function usePopoverViewportDismiss(open, anchor) {
 		if (event.target === document || event.target instanceof Window || event.target instanceof Element && event.target.contains(toValue(anchor) ?? null)) open.value = false;
 	}, { capture: true });
 }
-//#endregion
 export { usePopoverViewportDismiss };

package/dist/radio-group/RadioGroup.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 { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
-//#endregion
-//#region src/components/radio-group/RadioGroup.vue
+// src/components/radio-group/RadioGroup.vue
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "RadioGroup",
 	props: {
@@ -41,5 +40,4 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { RadioGroup_default as default };

package/dist/radio-group/RadioGroupItem.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 { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { RadioGroupIndicator, RadioGroupItem, useForwardPropsEmits } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
-//#endregion
-//#region src/components/radio-group/RadioGroupItem.vue
+// src/components/radio-group/RadioGroupItem.vue
 var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
 	__name: "RadioGroupItem",
 	props: {
@@ -38,5 +37,4 @@ var RadioGroupItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { RadioGroupItem_default as default };

package/dist/search-input/AsyncSearchInput.vue.js

@@ -1,15 +1,14 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, onMounted, openBlock, ref, toRef, toValue, unref, useModel, vModelText, watch, withDirectives, withKeys } from "vue";
 import { refDebounced } from "@vueuse/core";
-//#region src/components/search-input/AsyncSearchInput.vue?vue&type=script&setup=true&lang.ts
+// src/components/search-input/AsyncSearchInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"placeholder",
 	"aria-label",
 	"autofocus"
 ];
 var _hoisted_2 = ["aria-label"];
-//#endregion
-//#region src/components/search-input/AsyncSearchInput.vue
+// src/components/search-input/AsyncSearchInput.vue
 var AsyncSearchInput_default = /* @__PURE__ */ defineComponent({
 	__name: "AsyncSearchInput",
 	props: /*@__PURE__*/ mergeModels({
@@ -100,5 +99,4 @@ var AsyncSearchInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { AsyncSearchInput_default as default };

package/dist/search-input/SearchAutocomplete.vue.js

@@ -1,10 +1,9 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { t as Button_default } from "../shared/Button-CilmsOkY.js";
-import { n as searchInputVariants, t as searchInputSizeConfig } from "../shared/searchInput.variants-NOge_52E.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { n as searchInputVariants, t as searchInputSizeConfig } from "../shared/searchInput.variants-BdYHNjce.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
 import { ComboboxAnchor, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxPortal, ComboboxRoot } from "reka-ui";
-//#endregion
-//#region src/components/search-input/SearchAutocomplete.vue
+// src/components/search-input/SearchAutocomplete.vue
 var SearchAutocomplete_default = /* @__PURE__ */ defineComponent({
 	__name: "SearchAutocomplete",
 	props: /*@__PURE__*/ mergeModels({
@@ -230,5 +229,4 @@ var SearchAutocomplete_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SearchAutocomplete_default as default };

package/dist/search-input/SearchInput.vue.js

@@ -1,11 +1,10 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { t as Button_default } from "../shared/Button-CilmsOkY.js";
-import { n as searchInputVariants, t as searchInputSizeConfig } from "../shared/searchInput.variants-NOge_52E.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { n as searchInputVariants, t as searchInputSizeConfig } from "../shared/searchInput.variants-BdYHNjce.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderSlot, unref, useModel, withCtx, withModifiers } from "vue";
 import { ComboboxAnchor, ComboboxInput, ComboboxRoot } from "reka-ui";
 import { watchDebounced } from "@vueuse/core";
-//#endregion
-//#region src/components/search-input/SearchInput.vue
+// src/components/search-input/SearchInput.vue
 var SearchInput_default = /* @__PURE__ */ defineComponent({
 	__name: "SearchInput",
 	props: /*@__PURE__*/ mergeModels({
@@ -123,5 +122,4 @@ var SearchInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SearchInput_default as default };

package/dist/select/DropdownControl.vue.js

@@ -1,11 +1,10 @@
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString } from "vue";
-//#region src/components/select/DropdownControl.vue?vue&type=script&setup=true&lang.ts
+// src/components/select/DropdownControl.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "relative flex min-h-6 items-center gap-2.5" };
 var _hoisted_2 = { class: "text-left font-sans text-xs text-muted-foreground" };
 var _hoisted_3 = ["value"];
 var _hoisted_4 = ["value"];
-//#endregion
-//#region src/components/select/DropdownControl.vue
+// src/components/select/DropdownControl.vue
 var DropdownControl_default = /* @__PURE__ */ defineComponent({
 	__name: "DropdownControl",
 	props: {
@@ -44,5 +43,4 @@ var DropdownControl_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { DropdownControl_default as default };

package/dist/select/Select.vue.js

@@ -1,2 +1 @@
-import { t as Select_default } from "../shared/Select-CP3OZjtL.js";
-export { Select_default as default };
+export { t as default } from "../shared/Select-DtVgv7Po.js";

package/dist/select/SelectContent.vue.js

@@ -1,2 +1 @@
-import { t as SelectContent_default } from "../shared/SelectContent-C8aNlcFf.js";
-export { SelectContent_default as default };
+export { t as default } from "../shared/SelectContent-Ba1mCDWM.js";

package/dist/select/SelectItem.vue.d.ts

@@ -2,6 +2,10 @@ import { SelectItemProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = SelectItemProps & {
     class?: HTMLAttributes['class'];
+    /** Classes for the item's text, which holds the slot. */
+    textClass?: HTMLAttributes['class'];
+    /** Keeps the check's column on unchecked items too, so text that ends at the right lines up. */
+    reserveIndicator?: boolean;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectItem.vue.js

@@ -1,2 +1 @@
-import { t as SelectItem_default } from "../shared/SelectItem-tU4CIa5J.js";
-export { SelectItem_default as default };
+export { t as default } from "../shared/SelectItem-DaOr3TFS.js";

package/dist/select/SelectScrollDownButton.vue.js

@@ -1,2 +1 @@
-import { t as SelectScrollDownButton_default } from "../shared/SelectScrollDownButton-Dvig5MVc.js";
-export { SelectScrollDownButton_default as default };
+export { t as default } from "../shared/SelectScrollDownButton-DYmxtida.js";

package/dist/select/SelectScrollUpButton.vue.js

@@ -1,2 +1 @@
-import { t as SelectScrollUpButton_default } from "../shared/SelectScrollUpButton-lv-npT6v.js";
-export { SelectScrollUpButton_default as default };
+export { t as default } from "../shared/SelectScrollUpButton-DiyvSb9O.js";

package/dist/select/SelectTrigger.vue.js

@@ -1,2 +1 @@
-import { t as SelectTrigger_default } from "../shared/SelectTrigger-CCDiZW91.js";
-export { SelectTrigger_default as default };
+export { t as default } from "../shared/SelectTrigger-BBicbVsI.js";

package/dist/select/SelectValue.vue.js

@@ -1,2 +1 @@
-import { t as SelectValue_default } from "../shared/SelectValue-DFZFSiQp.js";
-export { SelectValue_default as default };
+export { t as default } from "../shared/SelectValue-BjaQc-WU.js";

package/dist/select/useSelectSearch.js

@@ -1,6 +1,6 @@
 import { computed, toValue } from "vue";
 import { useFuse } from "@vueuse/integrations/useFuse";
-//#region src/components/select/useSelectSearch.ts
+// src/components/select/useSelectSearch.ts
 function useSelectSearch(query, options) {
 	const { results } = useFuse(query, options, {
 		fuseOptions: {
@@ -11,5 +11,4 @@ function useSelectSearch(query, options) {
 	});
 	return computed(() => query.value.trim() ? results.value.map(({ item }) => item) : toValue(options));
 }
-//#endregion
 export { useSelectSearch };

package/dist/shared/{Badge-D3uWa3yk.js → Badge-DFHO3AFi.js}

@@ -1,8 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as Button_default } from "./Button-CilmsOkY.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as Button_default } from "./Button-Dj_H5v3V.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { cva } from "cva";
-//#region src/components/badge/badge.variants.ts
+// src/components/badge/badge.variants.ts
 var badgeVariants = cva({
 	base: "inline-flex shrink-0 items-center justify-center gap-1 font-medium whitespace-nowrap",
 	variants: {
@@ -39,8 +39,7 @@ var badgeVariants = cva({
 		severity: "secondary"
 	}
 });
-//#endregion
-//#region src/components/badge/Badge.vue
+// src/components/badge/Badge.vue
 var Badge_default = /* @__PURE__ */ defineComponent({
 	__name: "Badge",
 	props: {
@@ -88,5 +87,4 @@ var Badge_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Badge_default as t };

package/dist/shared/{Button-CilmsOkY.js → Button-Dj_H5v3V.js}

@@ -1,9 +1,9 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as TextTooltip_default } from "./TextTooltip-ClHQl84h.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as TextTooltip_default } from "./TextTooltip-BNlZI515.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 import { Primitive } from "reka-ui";
 import { cva } from "cva";
-//#region src/button.variants.ts
+// src/button.variants.ts
 var buttonVariants = cva({
 	base: "relative inline-flex cursor-pointer touch-manipulation appearance-none items-center justify-center gap-2 rounded-md border-none font-inter text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([width]):not([height])]:size-4",
 	variants: {
@@ -43,8 +43,7 @@ var buttonVariants = cva({
 		size: "md"
 	}
 });
-//#endregion
-//#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
+// src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	class: "icon-[lucide--loader-circle] animate-spin",
@@ -59,8 +58,7 @@ var _hoisted_3 = {
 	"aria-hidden": "true",
 	class: "pointer-events-none absolute -top-1 -right-1 size-2 rounded-full bg-foreground"
 };
-//#endregion
-//#region src/components/button/Button.vue
+// src/components/button/Button.vue
 var Button_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "Button",
@@ -137,5 +135,4 @@ var Button_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Button_default as t };

package/dist/shared/{Card-l7baUdn0.js → Card-BrvqUM49.js}

@@ -1,7 +1,7 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 import { cva } from "cva";
-//#region src/components/card/card.variants.ts
+// src/components/card/card.variants.ts
 var cardVariants = cva({
 	base: "border",
 	variants: { surface: {
@@ -10,8 +10,7 @@ var cardVariants = cva({
 	} },
 	defaultVariants: { surface: "background" }
 });
-//#endregion
-//#region src/components/card/Card.vue
+// src/components/card/Card.vue
 var Card_default = /* @__PURE__ */ defineComponent({
 	__name: "Card",
 	props: {
@@ -30,5 +29,4 @@ var Card_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Card_default as t };

package/dist/shared/{CardFooter-BM6EmVi7.js → CardFooter-BV_I0pM-.js}

@@ -1,7 +1,6 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#endregion
-//#region src/components/card/CardFooter.vue
+// src/components/card/CardFooter.vue
 var CardFooter_default = /* @__PURE__ */ defineComponent({
 	__name: "CardFooter",
 	props: { class: { type: [
@@ -17,5 +16,4 @@ var CardFooter_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { CardFooter_default as t };

package/dist/shared/{CardHeader-B5To28Jp.js → CardHeader-CMutruBx.js}

@@ -1,7 +1,6 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#endregion
-//#region src/components/card/CardHeader.vue
+// src/components/card/CardHeader.vue
 var CardHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "CardHeader",
 	props: { class: { type: [
@@ -17,5 +16,4 @@ var CardHeader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { CardHeader_default as t };