@comfyorg/design-system 1.0.1 → 1.2.0

package/dist/shared/Button-CilmsOkY.js

@@ -0,0 +1,141 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as TextTooltip_default } from "./TextTooltip-ClHQl84h.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
+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: {
+		variant: {
+			secondary: "bg-secondary text-foreground hover:bg-accent",
+			primary: "bg-primary text-foreground hover:bg-primary/90",
+			inverted: "bg-foreground text-background hover:bg-foreground/80",
+			destructive: "bg-destructive text-foreground hover:bg-destructive/90",
+			textonly: "bg-transparent text-foreground hover:bg-accent",
+			"muted-textonly": "bg-transparent text-muted-foreground hover:bg-accent",
+			"destructive-textonly": "bg-transparent text-destructive hover:bg-destructive/10",
+			outline: "border border-solid bg-transparent text-foreground hover:bg-accent",
+			link: "bg-transparent text-muted-foreground hover:text-foreground",
+			"overlay-white": "bg-white text-gray-600 hover:bg-white/90",
+			base: "bg-background text-foreground hover:bg-accent",
+			tertiary: "bg-muted text-foreground hover:bg-muted/80",
+			subscribe: "border-transparent bg-credit text-charcoal-800 hover:opacity-80",
+			"brand-ghost": "bg-white/8 text-primary-warm-white hover:bg-white/20 focus-visible:ring-2 focus-visible:ring-brand-yellow",
+			"brand-solid": "bg-brand-yellow text-primary-comfy-ink hover:bg-brand-yellow/90 focus-visible:ring-2 focus-visible:ring-primary-warm-white",
+			"brand-ghost-accent": "bg-white/8 text-primary-warm-white hover:bg-brand-yellow hover:text-primary-comfy-ink focus-visible:ring-2 focus-visible:ring-brand-yellow"
+		},
+		size: {
+			sm: "h-6 rounded-sm px-2 py-1 text-xs",
+			md: "h-8 rounded-lg p-2 text-xs",
+			lg: "h-10 rounded-lg px-4 py-2 text-sm",
+			"icon-sm": "size-5 p-0",
+			icon: "size-8 rounded-lg",
+			"icon-lg": "size-10 rounded-lg",
+			link: "gap-1 px-0 py-2 text-sm/5 font-normal hover:underline",
+			brand: "h-12 rounded-2xl px-5 font-formula text-sm font-semibold tracking-[0.7px] uppercase lg:h-13 xl:h-14 2xl:h-16",
+			"brand-icon": "size-10 rounded-2xl xl:size-12",
+			unset: ""
+		}
+	},
+	defaultVariants: {
+		variant: "secondary",
+		size: "md"
+	}
+});
+//#endregion
+//#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "icon-[lucide--loader-circle] animate-spin",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "sr-only"
+};
+var _hoisted_3 = {
+	key: 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
+var Button_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Button",
+	props: {
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		icon: {},
+		indicator: { type: Boolean },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		tooltip: {},
+		tooltipSide: {},
+		variant: {},
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const WithoutTooltip = (_, { slots }) => slots.default?.()[0];
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.tooltip === void 0 ? WithoutTooltip : unref(TextTooltip_default)), {
+				text: __props.tooltip,
+				side: __props.tooltipSide
+			}, createSlots({
+				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
+					as: __props.as,
+					"as-child": __props.asChild,
+					disabled: __props.disabled || __props.loading,
+					"aria-busy": __props.loading || void 0,
+					"data-variant": __props.variant,
+					class: unref(cn)(unref(buttonVariants)({
+						variant: __props.variant,
+						size: __props.size
+					}), __props.class)
+				}, _ctx.$attrs), {
+					default: withCtx(() => [
+						__props.loading ? (openBlock(), createElementBlock("i", _hoisted_1)) : createCommentVNode("", true),
+						__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [__props.icon ? (openBlock(), createElementBlock("i", {
+							key: 0,
+							class: normalizeClass(__props.icon),
+							"aria-hidden": "true"
+						}, null, 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 64)),
+						__props.indicator ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)
+					]),
+					_: 3
+				}, 16, [
+					"as",
+					"as-child",
+					"disabled",
+					"aria-busy",
+					"data-variant",
+					"class"
+				])]),
+				_: 2
+			}, [_ctx.$slots.tooltip ? {
+				name: "content",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
+				key: "0"
+			} : void 0]), 1032, ["text", "side"]);
+		};
+	}
+});
+//#endregion
+export { Button_default as t };

package/dist/shared/Card-l7baUdn0.js

@@ -0,0 +1,34 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { cva } from "cva";
+//#region src/components/card/card.variants.ts
+var cardVariants = cva({
+	base: "border",
+	variants: { surface: {
+		background: "overflow-hidden rounded-2xl bg-background",
+		secondary: "rounded-lg bg-secondary"
+	} },
+	defaultVariants: { surface: "background" }
+});
+//#endregion
+//#region src/components/card/Card.vue
+var Card_default = /* @__PURE__ */ defineComponent({
+	__name: "Card",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)(unref(cardVariants)({ surface: __props.surface }), __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { Card_default as t };

package/dist/shared/CardFooter-BM6EmVi7.js

@@ -0,0 +1,21 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/card/CardFooter.vue
+var CardFooter_default = /* @__PURE__ */ defineComponent({
+	__name: "CardFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex items-center justify-end gap-4 p-4", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { CardFooter_default as t };

package/dist/shared/CardHeader-B5To28Jp.js

@@ -0,0 +1,21 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/card/CardHeader.vue
+var CardHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "CardHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex h-12 shrink-0 items-center justify-between gap-2 border-b px-4", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { CardHeader_default as t };

package/dist/shared/ContextMenuContent-CNQHJQ81.js

@@ -0,0 +1,64 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { menuContentClass } from "../menu/menuStyles.js";
+import { createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ContextMenuContent, ContextMenuPortal, injectContextMenuRootContext, useForwardPropsEmits } from "reka-ui";
+//#endregion
+//#region src/components/menu/ContextMenuContent.vue
+var ContextMenuContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ContextMenuContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		memoDependencies: {},
+		sideFlip: { type: Boolean },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		const rootContext = injectContextMenuRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenuPortal), { key: Number(unref(rootContext).open.value) }, {
+				default: withCtx(() => [createVNode(unref(ContextMenuContent), mergeProps({
+					...unref(forwarded),
+					..._ctx.$attrs
+				}, { class: unref(cn)(unref(menuContentClass), __props.class) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ContextMenuContent_default as t };

package/dist/shared/DialogTitle-CfkkTGuU.js

@@ -0,0 +1,43 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive, injectDialogRootContext } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogTitle.vue
+var DialogTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "h2" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		}
+	},
+	setup(__props) {
+		const dialogRoot = injectDialogRootContext(null);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				id: unref(dialogRoot)?.titleId,
+				as: __props.as,
+				"as-child": __props.asChild,
+				class: normalizeClass(unref(cn)("min-w-0 text-base font-semibold wrap-break-word text-foreground", __props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"id",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { DialogTitle_default as t };

package/dist/shared/Input-39RLwDr2.js

@@ -0,0 +1,38 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel, useTemplateRef, vModelText, withDirectives } from "vue";
+//#endregion
+//#region src/components/input/Input.vue
+var Input_default = /* @__PURE__ */ defineComponent({
+	__name: "Input",
+	props: /*@__PURE__*/ mergeModels({ class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } }, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const modelValue = useModel(__props, "modelValue");
+		const inputRef = useTemplateRef("inputEl");
+		__expose({
+			focus: () => inputRef.value?.focus(),
+			select: () => inputRef.value?.select(),
+			blur: () => inputRef.value?.blur(),
+			setSelectionRange: (start, end) => inputRef.value?.setSelectionRange(start, end),
+			selectAll: () => inputRef.value?.setSelectionRange(0, inputRef.value.value.length)
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("input", {
+				ref: "inputEl",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				class: normalizeClass(unref(cn)("flex h-10 w-full min-w-0 appearance-none rounded-lg border-none bg-secondary px-4 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-1 aria-invalid:ring-destructive", __props.class))
+			}, null, 2)), [[vModelText, modelValue.value]]);
+		};
+	}
+});
+//#endregion
+export { Input_default as t };

package/dist/shared/InputGroup-kjQKkhyB.js

@@ -0,0 +1,25 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/input-group/InputGroup.vue
+var InputGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "InputGroup",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "input-group",
+				role: "group",
+				class: normalizeClass(unref(cn)("group/input-group relative flex h-10 w-full min-w-0 items-center rounded-lg bg-secondary text-sm text-foreground outline-none", "has-[>[data-align=inline-start]]:*:data-[slot=input-group-control]:pl-2", "has-[>[data-align=inline-end]]:*:data-[slot=input-group-control]:pr-2", "has-[[data-slot=input-group-control]:focus-visible]:ring-1 has-[[data-slot=input-group-control]:focus-visible]:ring-ring", "has-[[data-slot=input-group-control][aria-invalid=true]]:ring-1 has-[[data-slot=input-group-control][aria-invalid=true]]:ring-destructive", __props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { InputGroup_default as t };

package/dist/shared/InputGroupAddon-DLDRT0CQ.js

@@ -0,0 +1,38 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { inputGroupAddonVariants } from "../input-group/inputGroup.variants.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/input-group/InputGroupAddon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-align"];
+//#endregion
+//#region src/components/input-group/InputGroupAddon.vue
+var InputGroupAddon_default = /* @__PURE__ */ defineComponent({
+	__name: "InputGroupAddon",
+	props: {
+		align: { default: "inline-start" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		function focusControl(event) {
+			if (!(event.target instanceof Element) || event.target.closest("button")) return;
+			if (!(event.currentTarget instanceof HTMLElement)) return;
+			event.currentTarget.parentElement?.querySelector("input")?.focus();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "group",
+				"data-slot": "input-group-addon",
+				"data-align": __props.align,
+				class: normalizeClass(unref(cn)(unref(inputGroupAddonVariants)({ align: __props.align }), __props.class)),
+				onClick: focusControl
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { InputGroupAddon_default as t };

package/dist/shared/InputGroupButton-BoEp2apg.js

@@ -0,0 +1,41 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as Button_default } from "./Button-CilmsOkY.js";
+import { inputGroupButtonVariants } from "../input-group/inputGroup.variants.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/input-group/InputGroupButton.vue
+var InputGroupButton_default = /* @__PURE__ */ defineComponent({
+	__name: "InputGroupButton",
+	props: {
+		variant: { default: "muted-textonly" },
+		size: { default: "xs" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button_default), {
+				type: "button",
+				"data-slot": "input-group-button",
+				"data-size": __props.size,
+				variant: __props.variant,
+				size: "unset",
+				class: normalizeClass(unref(cn)(unref(inputGroupButtonVariants)({ size: __props.size }), __props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"data-size",
+				"variant",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { InputGroupButton_default as t };

package/dist/shared/InputGroupInput-E2MlEVUU.js

@@ -0,0 +1,32 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as Input_default } from "./Input-39RLwDr2.js";
+import { createBlock, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel } from "vue";
+//#endregion
+//#region src/components/input-group/InputGroupInput.vue
+var InputGroupInput_default = /* @__PURE__ */ defineComponent({
+	__name: "InputGroupInput",
+	props: /*@__PURE__*/ mergeModels({ class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } }, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Input_default), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				"data-slot": "input-group-control",
+				class: normalizeClass(unref(cn)("flex-1 rounded-none bg-transparent text-inherit focus-visible:ring-0 aria-invalid:ring-0", __props.class))
+			}, null, 8, ["modelValue", "class"]);
+		};
+	}
+});
+//#endregion
+export { InputGroupInput_default as t };

package/dist/shared/Label-Cx_lFofI.js

@@ -0,0 +1,36 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Label, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+//#endregion
+//#region src/components/label/Label.vue
+var Label_default = /* @__PURE__ */ defineComponent({
+	__name: "Label",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const forwarded = useForwardProps(reactiveOmit(props, "class"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Label), mergeProps(unref(forwarded), {
+				"data-slot": "label",
+				class: unref(cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", props.class)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { Label_default as t };

package/dist/shared/MenuAction-BdghJ23k.js

@@ -0,0 +1,124 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as TextTooltip_default } from "./TextTooltip-ClHQl84h.js";
+import { menuItemClass } from "../menu/menuStyles.js";
+import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, isRef, normalizeClass, onBeforeUnmount, openBlock, renderSlot, resolveDynamicComponent, toValue, unref, withCtx } from "vue";
+import { DropdownMenuCheckboxItem, DropdownMenuItem } from "reka-ui";
+import { createReusableTemplate, useEventListener } from "@vueuse/core";
+//#region src/components/menu/mouseDownUtil.ts
+var whileMouseDown = (elementOrEvent, callback, interval = 30) => {
+	const element = elementOrEvent instanceof HTMLElement ? elementOrEvent : elementOrEvent.target;
+	let iteration = 0;
+	const intervalId = setInterval(() => {
+		callback(iteration++);
+	}, interval);
+	const dispose = () => {
+		clearInterval(intervalId);
+		disposeGlobal();
+		disposeLocal();
+	};
+	const disposeGlobal = useEventListener(document, "mouseup", dispose);
+	const disposeLocal = useEventListener(element, "mouseup", dispose);
+	return { dispose };
+};
+//#endregion
+//#region src/components/menu/MenuAction.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"aria-disabled": "true"
+};
+//#endregion
+//#region src/components/menu/MenuAction.vue
+var MenuAction_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuAction",
+	props: {
+		allowCommandless: {
+			type: Boolean,
+			default: false
+		},
+		item: {}
+	},
+	emits: ["select", "activate"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const [DefineItem, ReuseItem] = createReusableTemplate();
+		const disabled = computed(() => toValue(__props.item.disabled) === true);
+		const focusableDisabled = computed(() => disabled.value && __props.item.focusableWhenDisabled === true);
+		const unfocusable = computed(() => disabled.value ? !__props.item.focusableWhenDisabled : !__props.item.command && !__props.allowCommandless);
+		let pointerRepeating = false;
+		let stopRepeating;
+		onBeforeUnmount(() => stopRepeating?.());
+		function mouseDown(event) {
+			if (event.button !== 0 || toValue(__props.item.disabled) || !__props.item.command || __props.item.pressAndHoldInterval === void 0) return;
+			stopRepeating?.();
+			pointerRepeating = false;
+			const { dispose } = whileMouseDown(event, () => {
+				const firstRepeat = !pointerRepeating;
+				pointerRepeating = true;
+				__props.item.command?.({
+					originalEvent: event,
+					item: __props.item
+				});
+				if (firstRepeat) emit("activate", __props.item);
+			}, __props.item.pressAndHoldInterval);
+			stopRepeating = dispose;
+		}
+		function select(event) {
+			if (disabled.value || !__props.item.command) {
+				event.preventDefault();
+				return;
+			}
+			if (pointerRepeating) {
+				pointerRepeating = false;
+				event.preventDefault();
+				return;
+			}
+			if (__props.item.checked !== void 0) event.preventDefault();
+			__props.item.command({
+				originalEvent: event,
+				item: __props.item
+			});
+			emit("activate", __props.item);
+			if (event.defaultPrevented) return;
+			if (__props.item.pressAndHoldInterval !== void 0) {
+				event.preventDefault();
+				return;
+			}
+			emit("select");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineItem), null, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.item.checked === void 0 ? unref(DropdownMenuItem) : unref(DropdownMenuCheckboxItem)), {
+					"aria-label": toValue(__props.item.label),
+					"aria-description": toValue(__props.item.description),
+					disabled: unfocusable.value,
+					"as-child": focusableDisabled.value,
+					class: normalizeClass(unref(cn)(unref(menuItemClass), __props.item.variant === "destructive" && "text-destructive", focusableDisabled.value && "opacity-50", toValue(__props.item.class))),
+					"model-value": toValue(__props.item.checked),
+					onMousedown: mouseDown,
+					onKeydownCapture: _cache[0] || (_cache[0] = ($event) => isRef(pointerRepeating) ? pointerRepeating.value = false : pointerRepeating = false),
+					onSelect: select
+				}, {
+					default: withCtx(() => [focusableDisabled.value ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
+					_: 3
+				}, 40, [
+					"aria-label",
+					"aria-description",
+					"disabled",
+					"as-child",
+					"class",
+					"model-value"
+				]))]),
+				_: 3
+			}), __props.item.tooltip ? (openBlock(), createBlock(unref(TextTooltip_default), {
+				key: 0,
+				text: __props.item.tooltip,
+				side: "right"
+			}, {
+				default: withCtx(() => [createVNode(unref(ReuseItem))]),
+				_: 1
+			}, 8, ["text"])) : (openBlock(), createBlock(unref(ReuseItem), { key: 1 }))], 64);
+		};
+	}
+});
+//#endregion
+export { MenuAction_default as t };