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

package/dist/shared/InputGroupButton-tw5AYOoR.js

@@ -0,0 +1,39 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as Button_default } from "./Button-Dj_H5v3V.js";
+import { inputGroupButtonVariants } from "../input-group/inputGroup.variants.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+// 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"
+			]);
+		};
+	}
+});
+export { InputGroupButton_default as t };

package/dist/shared/InputGroupInput-C_kkIxvY.js

@@ -0,0 +1,30 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as Input_default } from "./Input-DOeNoniw.js";
+import { createBlock, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel } from "vue";
+// 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"]);
+		};
+	}
+});
+export { InputGroupInput_default as t };

package/dist/shared/Label-kwhWNR2P.js

@@ -0,0 +1,34 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Label, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+// 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"]);
+		};
+	}
+});
+export { Label_default as t };

package/dist/shared/LayoutField-C8KCaVF0.js

@@ -0,0 +1,34 @@
+import { t as Tooltip_default } from "./Tooltip-4rCebVao.js";
+import { t as TooltipContent_default } from "./TooltipContent-0GR7hBNu.js";
+import { t as TooltipTrigger_default } from "./TooltipTrigger-64EIE5f2.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/field/LayoutField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "relative top-px ml-0.5 icon-[lucide--info] size-3 group-hover:text-primary"
+};
+// src/components/field/LayoutField.vue
+var LayoutField_default = /* @__PURE__ */ defineComponent({
+	__name: "LayoutField",
+	props: {
+		label: {},
+		tooltip: {},
+		singleline: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex gap-2", __props.singleline ? "items-center justify-between" : "flex-col")) }, [createVNode(unref(Tooltip_default), { disabled: !__props.tooltip }, {
+				default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(cn)("group truncate text-sm text-muted-foreground", __props.tooltip ? "cursor-help" : "", __props.singleline ? "flex-1" : "")) }, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.tooltip ? (openBlock(), createElementBlock("i", _hoisted_1)) : createCommentVNode("", true)], 2)]),
+					_: 1
+				}), createVNode(unref(TooltipContent_default), { side: "left" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.tooltip), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["disabled"]), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { LayoutField_default as t };

package/dist/shared/MenuAction-0z8BSoX9.js

@@ -0,0 +1,121 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as TextTooltip_default } from "./TextTooltip-BNlZI515.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";
+// 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 };
+};
+// src/components/menu/MenuAction.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"aria-disabled": "true"
+};
+// 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);
+		};
+	}
+});
+export { MenuAction_default as t };

package/dist/shared/MenuContent--tKCqaIO.js

@@ -0,0 +1,78 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { menuContentClass } from "../menu/menuStyles.js";
+import { createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuContent, DropdownMenuPortal, injectDropdownMenuRootContext, useForwardPropsEmits } from "reka-ui";
+// src/components/menu/MenuContent.vue
+var MenuContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "MenuContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: {},
+		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: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		to: {},
+		width: { default: "default" },
+		maxHeight: { default: "available" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"to",
+			"width",
+			"maxHeight"
+		]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		const rootContext = injectDropdownMenuRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuPortal), {
+				key: Number(unref(rootContext).open.value),
+				to: __props.to
+			}, {
+				default: withCtx(() => [createVNode(unref(DropdownMenuContent), mergeProps({
+					...unref(forwarded),
+					..._ctx.$attrs
+				}, { class: unref(cn)(unref(menuContentClass), __props.width === "trigger" && "w-(--reka-dropdown-menu-trigger-width) min-w-0 overflow-hidden", __props.width === "compact" && "w-max min-w-46.5", __props.maxHeight === "available" && "max-h-(--reka-dropdown-menu-content-available-height)", __props.maxHeight === "compact" && "max-h-64", __props.maxHeight === "viewport" && "max-h-[min(40vh,var(--reka-dropdown-menu-content-available-height))]", __props.class) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, ["to"]);
+		};
+	}
+});
+export { MenuContent_default as t };

package/dist/shared/MenuItemContent-Be658c7e.js

@@ -0,0 +1,67 @@
+import { t as Badge_default } from "./Badge-DFHO3AFi.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as OverlayIcon_default } from "./OverlayIcon-C-din824.js";
+import { t as Switch_default } from "./Switch-qavkHWMz.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, toDisplayString, toValue, unref, withCtx } from "vue";
+// src/components/menu/MenuItemContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "min-w-0 flex-1" };
+var _hoisted_2 = { class: "block truncate" };
+var _hoisted_3 = {
+	key: 0,
+	class: "block max-w-64 text-xs whitespace-normal text-muted-foreground"
+};
+var _hoisted_4 = {
+	key: 4,
+	"data-testid": "menu-item-submenu-indicator",
+	class: "ml-auto icon-[lucide--chevron-right]"
+};
+var _hoisted_5 = {
+	key: 7,
+	class: "ml-auto rounded-sm border bg-secondary p-1 text-xs text-nowrap text-muted-foreground"
+};
+// src/components/menu/MenuItemContent.vue
+var MenuItemContent_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuItemContent",
+	props: {
+		hasSubmenu: { type: Boolean },
+		item: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				__props.item.overlayIcon ? (openBlock(), createBlock(unref(OverlayIcon_default), normalizeProps(mergeProps({ key: 0 }, __props.item.overlayIcon)), null, 16)) : __props.item.icon ? (openBlock(), createElementBlock("i", {
+					key: 1,
+					class: normalizeClass(__props.item.icon)
+				}, null, 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(toValue(__props.item.label)), 1), __props.item.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(toValue(__props.item.description)), 1)) : createCommentVNode("", true)]),
+				__props.item.trailingIcon ? (openBlock(), createElementBlock("i", {
+					key: 2,
+					class: normalizeClass(unref(cn)(__props.item.trailingIcon, "ml-auto"))
+				}, null, 2)) : createCommentVNode("", true),
+				__props.item.badge ? (openBlock(), createBlock(unref(Badge_default), {
+					key: 3,
+					variant: "pill",
+					severity: "default",
+					class: "ml-3 px-1.5 uppercase"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.item.badge), 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				__props.hasSubmenu ? (openBlock(), createElementBlock("i", _hoisted_4)) : __props.item.presentation === "switch" ? (openBlock(), createBlock(unref(Switch_default), {
+					key: 5,
+					"model-value": toValue(__props.item.checked),
+					class: "pointer-events-none ml-4",
+					"aria-hidden": "true",
+					readonly: "",
+					tabindex: "-1"
+				}, null, 8, ["model-value"])) : __props.item.checked !== void 0 ? (openBlock(), createElementBlock("i", {
+					key: 6,
+					"data-testid": "menu-item-indicator",
+					class: normalizeClass(unref(cn)("ml-auto icon-[lucide--check]", !toValue(__props.item.checked) && "invisible"))
+				}, null, 2)) : createCommentVNode("", true),
+				!__props.hasSubmenu && toValue(__props.item.shortcut) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(toValue(__props.item.shortcut)), 1)) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+export { MenuItemContent_default as t };

package/dist/shared/MenuItems-BZTlERd6.js

@@ -0,0 +1,67 @@
+import { t as MenuAction_default } from "./MenuAction-0z8BSoX9.js";
+import { t as MenuItemContent_default } from "./MenuItemContent-Be658c7e.js";
+import { t as MenuSeparator_default } from "./MenuSeparator-DrAiObmE.js";
+import { t as MenuSubmenu_default } from "./MenuSubmenu-CjPf8DXl.js";
+import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, normalizeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toValue, unref, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+// src/components/menu/MenuItems.vue
+var MenuItems_default = /* @__PURE__ */ defineComponent({
+	name: "MenuItems",
+	__name: "MenuItems",
+	props: {
+		items: {},
+		itemContent: { type: Function }
+	},
+	emits: ["select", "activate"],
+	setup(__props, { emit: __emit }) {
+		const [DefineItemContent, ReuseItemContent] = createReusableTemplate();
+		const emit = __emit;
+		const visibleItems = computed(() => __props.items.filter((item) => toValue(item.visible) !== false));
+		return (_ctx, _cache) => {
+			const _component_MenuItems = resolveComponent("MenuItems", true);
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineItemContent), null, {
+				default: withCtx(({ item, hasSubmenu }) => [__props.itemContent ? (openBlock(), createBlock(resolveDynamicComponent(__props.itemContent), normalizeProps(mergeProps({ key: 0 }, {
+					item,
+					hasSubmenu
+				})), null, 16)) : renderSlot(_ctx.$slots, "item", {
+					item,
+					hasSubmenu
+				}, () => [createVNode(MenuItemContent_default, {
+					item,
+					"has-submenu": hasSubmenu
+				}, null, 8, ["item", "has-submenu"])], void 0, 1)]),
+				_: 3
+			}), (openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.key ?? toValue(item.label) ?? index }, [item.separator ? (openBlock(), createBlock(MenuSeparator_default, { key: 0 })) : item.items || item.radioGroup ? (openBlock(), createBlock(MenuSubmenu_default, {
+					key: 1,
+					item
+				}, {
+					content: withCtx(({ items: childItems }) => [createVNode(_component_MenuItems, {
+						items: childItems,
+						"item-content": __props.itemContent ?? _ctx.$slots.item,
+						onSelect: _cache[0] || (_cache[0] = ($event) => emit("select")),
+						onActivate: _cache[1] || (_cache[1] = ($event) => emit("activate", $event))
+					}, null, 8, ["items", "item-content"])]),
+					default: withCtx(() => [createVNode(unref(ReuseItemContent), {
+						item,
+						"has-submenu": true
+					}, null, 8, ["item"])]),
+					_: 2
+				}, 1032, ["item"])) : (openBlock(), createBlock(MenuAction_default, {
+					key: 2,
+					item,
+					"allow-commandless": Boolean(__props.itemContent ?? _ctx.$slots.item),
+					onSelect: _cache[2] || (_cache[2] = ($event) => emit("select")),
+					onActivate: _cache[3] || (_cache[3] = ($event) => emit("activate", $event))
+				}, {
+					default: withCtx(() => [createVNode(unref(ReuseItemContent), {
+						item,
+						"has-submenu": false
+					}, null, 8, ["item"])]),
+					_: 2
+				}, 1032, ["item", "allow-commandless"]))], 64);
+			}), 128))], 64);
+		};
+	}
+});
+export { MenuItems_default as t };

package/dist/shared/MenuRadioGroup-B28YS1p1.js

@@ -0,0 +1,63 @@
+import { t as TextTooltip_default } from "./TextTooltip-BNlZI515.js";
+import { t as MenuItemContent_default } from "./MenuItemContent-Be658c7e.js";
+import { t as MenuRadioItem_default } from "./MenuRadioItem-D8DFu-KU.js";
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, mergeModels, openBlock, renderList, unref, useModel, withCtx } from "vue";
+import { DropdownMenuRadioGroup } from "reka-ui";
+import { createReusableTemplate } from "@vueuse/core";
+// src/components/menu/MenuRadioGroup.vue
+var MenuRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuRadioGroup",
+	props: /*@__PURE__*/ mergeModels({ options: {} }, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const selected = useModel(__props, "modelValue");
+		const emit = __emit;
+		const [DefineItem, ReuseItem] = createReusableTemplate({ props: { option: {
+			type: Object,
+			required: true
+		} } });
+		function select(option, event) {
+			selected.value = option.value;
+			option.command?.();
+			emit("select", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineItem), null, {
+				default: withCtx(({ option }) => [createVNode(MenuRadioItem_default, {
+					value: option.value,
+					onSelect: ($event) => select(option, $event)
+				}, {
+					default: withCtx(() => [createVNode(MenuItemContent_default, {
+						item: {
+							label: option.label,
+							icon: option.icon,
+							checked: selected.value === option.value
+						},
+						"has-submenu": false
+					}, null, 8, ["item"])]),
+					_: 2
+				}, 1032, ["value", "onSelect"])]),
+				_: 1
+			}), createVNode(unref(DropdownMenuRadioGroup), { "model-value": selected.value }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+					return openBlock(), createElementBlock(Fragment, { key: option.value }, [option.tooltip ? (openBlock(), createBlock(unref(TextTooltip_default), {
+						key: 0,
+						text: option.tooltip,
+						side: "right"
+					}, {
+						default: withCtx(() => [createVNode(unref(ReuseItem), { option }, null, 8, ["option"])]),
+						_: 2
+					}, 1032, ["text"])) : (openBlock(), createBlock(unref(ReuseItem), {
+						key: 1,
+						option
+					}, null, 8, ["option"]))], 64);
+				}), 128))]),
+				_: 1
+			}, 8, ["model-value"])], 64);
+		};
+	}
+});
+export { MenuRadioGroup_default as t };

package/dist/shared/MenuRadioItem-D8DFu-KU.js

@@ -0,0 +1,34 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { menuItemClass } from "../menu/menuStyles.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuRadioItem, useForwardPropsEmits } from "reka-ui";
+// src/components/menu/MenuRadioItem.vue
+var MenuRadioItem_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuRadioItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuRadioItem), mergeProps(unref(forwarded), { class: unref(cn)(unref(menuItemClass), "w-full", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { MenuRadioItem_default as t };

package/dist/shared/MenuSeparator-DrAiObmE.js

@@ -0,0 +1,26 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { DropdownMenuSeparator, useForwardProps } from "reka-ui";
+// src/components/menu/MenuSeparator.vue
+var MenuSeparator_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSeparator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwarded = useForwardProps(restProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuSeparator), mergeProps(unref(forwarded), { class: unref(cn)("my-1 h-px bg-border/50", __props.class) }), null, 16, ["class"]);
+		};
+	}
+});
+export { MenuSeparator_default as t };

package/dist/shared/MenuSub-DSizq_fV.js

@@ -0,0 +1,21 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuSub, useForwardPropsEmits } from "reka-ui";
+// src/components/menu/MenuSub.vue
+var MenuSub_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSub",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuSub), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { MenuSub_default as t };