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

package/dist/media/AudioPreview.vue.js

@@ -0,0 +1,26 @@
+import { Fragment, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList } from "vue";
+// src/components/media/AudioPreview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "flex flex-col gap-2 px-2"
+};
+var _hoisted_2 = ["src"];
+// src/components/media/AudioPreview.vue
+var AudioPreview_default = /* @__PURE__ */ defineComponent({
+	__name: "AudioPreview",
+	props: { audioUrls: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.audioUrls.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.audioUrls, (url, index) => {
+				return openBlock(), createElementBlock("audio", {
+					key: index,
+					src: url,
+					controls: "",
+					preload: "metadata",
+					class: "w-full"
+				}, null, 8, _hoisted_2);
+			}), 128))])) : createCommentVNode("", true);
+		};
+	}
+});
+export { AudioPreview_default as default };

package/dist/media/ImageLightbox.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    src: string;
+    alt?: string;
+    fallbackTitle: string;
+    closeLabel: 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/media/ImageLightbox.vue.js

@@ -0,0 +1,76 @@
+import { t as DialogClose_default } from "../shared/DialogClose-CrtPRSNX.js";
+import { t as DialogContent_default } from "../shared/DialogContent-v2s55FXs.js";
+import { t as DialogOverlay_default } from "../shared/DialogOverlay-C9qv0zme.js";
+import { t as DialogPortal_default } from "../shared/DialogPortal-DtCpLgtO.js";
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
+import { DialogDescription, DialogRoot, DialogTitle, VisuallyHidden } from "reka-ui";
+// src/components/media/ImageLightbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src", "alt"];
+// src/components/media/ImageLightbox.vue
+var ImageLightbox_default = /* @__PURE__ */ defineComponent({
+	__name: "ImageLightbox",
+	props: /*@__PURE__*/ mergeModels({
+		src: {},
+		alt: { default: "" },
+		fallbackTitle: {},
+		closeLabel: {}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const open = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), {
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(DialogPortal_default), null, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay_default)), createVNode(unref(DialogContent_default), {
+						surface: "none",
+						size: "fit"
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(VisuallyHidden), null, {
+								default: withCtx(() => [createVNode(unref(DialogTitle), null, {
+									default: withCtx(() => [createTextVNode(toDisplayString(__props.alt || __props.fallbackTitle), 1)]),
+									_: 1
+								}), __props.alt ? (openBlock(), createBlock(unref(DialogDescription), { key: 0 }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(__props.alt), 1)]),
+									_: 1
+								})) : createCommentVNode("", true)]),
+								_: 1
+							}),
+							createVNode(unref(DialogClose_default), null, {
+								default: withCtx(() => [createVNode(unref(Button_default), {
+									"aria-label": __props.closeLabel,
+									size: "icon",
+									variant: "muted-textonly",
+									class: "absolute -top-2 -right-2 z-10 translate-x-full text-white hover:text-white/80"
+								}, {
+									default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "icon-[lucide--x] size-5" }, null, -1)])]),
+									_: 1
+								}, 8, ["aria-label"])]),
+								_: 1
+							}),
+							createElementVNode("img", {
+								src: __props.src,
+								alt: __props.alt,
+								class: "max-h-[90vh] max-w-[90vw] rounded-sm object-contain"
+							}, null, 8, _hoisted_1)
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+export { ImageLightbox_default as default };

package/dist/media/MediaTitle.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    fileName: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/media/MediaTitle.vue.js

@@ -0,0 +1,17 @@
+import { createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+// src/components/media/MediaTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+// src/components/media/MediaTitle.vue
+var MediaTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "MediaTitle",
+	props: { fileName: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", {
+				class: "m-0 line-clamp-2 text-sm/tight break-all text-foreground",
+				title: __props.fileName
+			}, toDisplayString(__props.fileName), 9, _hoisted_1);
+		};
+	}
+});
+export { MediaTitle_default as default };

package/dist/media/Video.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    sources?: Array<{
+        src: string;
+        type: string;
+    }>;
+    posterSrc?: string;
+    autoplay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    playbackLabels?: {
+        play: string;
+        pause: string;
+    };
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    fallback?: (props: typeof __VLS_9) => 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/media/Video.vue.js

@@ -0,0 +1,100 @@
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, unref, useTemplateRef, watchEffect, withCtx } from "vue";
+import { usePreferredReducedMotion } from "@vueuse/core";
+// src/components/media/Video.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "relative"
+};
+var _hoisted_2 = [
+	"poster",
+	"autoplay",
+	"muted",
+	"loop",
+	"playsinline"
+];
+var _hoisted_3 = [
+	"src",
+	"type",
+	"onError"
+];
+// src/components/media/Video.vue
+var Video_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Video",
+	props: {
+		sources: { default: () => [] },
+		posterSrc: { default: "" },
+		autoplay: {
+			type: Boolean,
+			default: false
+		},
+		muted: {
+			type: Boolean,
+			default: false
+		},
+		loop: {
+			type: Boolean,
+			default: false
+		},
+		playsInline: {
+			type: Boolean,
+			default: false
+		},
+		playbackLabels: {}
+	},
+	setup(__props) {
+		const video = useTemplateRef("video");
+		const failed = ref(false);
+		const playing = ref(false);
+		const reducedMotion = usePreferredReducedMotion();
+		const shouldAutoplay = computed(() => __props.autoplay && reducedMotion.value !== "reduce");
+		watchEffect(() => {
+			if (__props.autoplay && !shouldAutoplay.value) video.value?.pause();
+		});
+		function togglePlayback() {
+			const element = video.value;
+			if (!element) return;
+			if (!element.paused) element.pause();
+			else element.play().catch(() => {
+				playing.value = false;
+			});
+		}
+		return (_ctx, _cache) => {
+			return __props.sources.length && !failed.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("video", mergeProps({
+				ref_key: "video",
+				ref: video
+			}, _ctx.$attrs, {
+				poster: __props.posterSrc || void 0,
+				autoplay: shouldAutoplay.value,
+				muted: __props.muted,
+				loop: __props.loop,
+				playsinline: __props.playsInline,
+				onPlay: _cache[0] || (_cache[0] = ($event) => playing.value = true),
+				onPause: _cache[1] || (_cache[1] = ($event) => playing.value = false),
+				onError: _cache[2] || (_cache[2] = ($event) => failed.value = true)
+			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sources, (source, index) => {
+				return openBlock(), createElementBlock("source", {
+					key: source.src,
+					src: source.src,
+					type: source.type,
+					onError: ($event) => failed.value = index === __props.sources.length - 1
+				}, null, 40, _hoisted_3);
+			}), 128))], 16, _hoisted_2), __props.playbackLabels ? (openBlock(), createBlock(unref(Button_default), {
+				key: 0,
+				variant: "overlay-white",
+				size: "icon",
+				class: "absolute right-3 bottom-3",
+				"aria-label": playing.value ? __props.playbackLabels.pause : __props.playbackLabels.play,
+				onClick: togglePlayback
+			}, {
+				default: withCtx(() => [createElementVNode("i", {
+					class: normalizeClass(playing.value ? "icon-[lucide--pause]" : "icon-[lucide--play]"),
+					"aria-hidden": "true"
+				}, null, 2)]),
+				_: 1
+			}, 8, ["aria-label"])) : createCommentVNode("", true)])) : renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 1);
+		};
+	}
+});
+export { Video_default as default };

package/dist/media/VideoPlayOverlay.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    visible?: boolean;
+    size?: 'sm' | 'md';
+    overlayClass?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/media/VideoPlayOverlay.vue.js

@@ -0,0 +1,26 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+// src/components/media/VideoPlayOverlay.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "pointer-events-none absolute inset-0 flex items-center justify-center" };
+// src/components/media/VideoPlayOverlay.vue
+var VideoPlayOverlay_default = /* @__PURE__ */ defineComponent({
+	__name: "VideoPlayOverlay",
+	props: {
+		visible: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: "md" },
+		overlayClass: { default: "bg-black/15" }
+	},
+	setup(__props) {
+		const iconSizeClass = computed(() => __props.size === "sm" ? "size-3" : "size-6");
+		return (_ctx, _cache) => {
+			return __props.visible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(unref(cn)("pointer-events-none absolute inset-0", __props.overlayClass)) }, null, 2), createElementVNode("div", _hoisted_1, [createElementVNode("i", {
+				"aria-hidden": "true",
+				class: normalizeClass(unref(cn)("icon-[lucide--play] text-white", iconSizeClass.value))
+			}, null, 2)])], 64)) : createCommentVNode("", true);
+		};
+	}
+});
+export { VideoPlayOverlay_default as default };

package/dist/media/VideoPreview.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    src: string;
+    label?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/media/VideoPreview.vue.js

@@ -0,0 +1,30 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, ref, toDisplayString, useTemplateRef } from "vue";
+// src/components/media/VideoPreview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = { class: "z-10 self-center" };
+// src/components/media/VideoPreview.vue
+var VideoPreview_default = /* @__PURE__ */ defineComponent({
+	__name: "VideoPreview",
+	props: {
+		src: {},
+		label: {}
+	},
+	setup(__props) {
+		const videoRef = useTemplateRef("videoRef");
+		const width = ref("");
+		const height = ref("");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("video", mergeProps({
+				ref_key: "videoRef",
+				ref: videoRef,
+				src: __props.src,
+				controls: ""
+			}, _ctx.$attrs, { onLoadedmetadata: _cache[0] || (_cache[0] = () => {
+				if (!videoRef.value) return;
+				width.value = `${videoRef.value.videoWidth}`;
+				height.value = `${videoRef.value.videoHeight}`;
+			}) }), null, 16, _hoisted_1), createElementVNode("span", _hoisted_2, [createTextVNode(toDisplayString(`${width.value} x ${height.value}`) + " ", 1), __props.label ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" | " + toDisplayString(__props.label), 1)], 64)) : createCommentVNode("", true)])], 64);
+		};
+	}
+});
+export { VideoPreview_default as default };

package/dist/media/ZoomPane.vue.d.ts

@@ -0,0 +1,17 @@
+declare var __VLS_1: {
+    style: {
+        transform: string;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/media/ZoomPane.vue.js

@@ -0,0 +1,60 @@
+import { computed, createElementBlock, defineComponent, isRef, normalizeStyle, openBlock, ref, renderSlot, useTemplateRef, withModifiers } from "vue";
+// src/components/media/ZoomPane.vue
+var ZoomPane_default = /* @__PURE__ */ defineComponent({
+	__name: "ZoomPane",
+	setup(__props) {
+		const zoomPane = useTemplateRef("zoomPane");
+		const zoom = ref(1);
+		const panX = ref(0);
+		const panY = ref(0);
+		function handleWheel(e) {
+			const zoomPaneEl = zoomPane.value;
+			if (!zoomPaneEl || (e.deltaY < 0 ? zoom.value > 1200 : zoom.value < -500)) return;
+			zoom.value -= e.deltaY;
+			const { x, y, width, height } = zoomPaneEl.getBoundingClientRect();
+			const offsetX = e.clientX - x - width / 2;
+			const offsetY = e.clientY - y - height / 2;
+			const scaler = 1.1 ** (e.deltaY / -30);
+			panY.value = panY.value * scaler - offsetY * (scaler - 1);
+			panX.value = panX.value * scaler - offsetX * (scaler - 1);
+		}
+		let dragging = false;
+		function handleDown(e) {
+			if (e.button !== 0 && e.button !== 1) return;
+			const zoomPaneEl = zoomPane.value;
+			if (!zoomPaneEl) return;
+			zoomPaneEl.parentElement?.focus();
+			zoomPaneEl.setPointerCapture(e.pointerId);
+			dragging = true;
+		}
+		function handleMove(e) {
+			if (!dragging) return;
+			panX.value += e.movementX;
+			panY.value += e.movementY;
+		}
+		const transform = computed(() => {
+			const scale = 1.1 ** (zoom.value / 30);
+			return `matrix(${[
+				scale,
+				0,
+				0,
+				scale,
+				panX.value,
+				panY.value
+			].join(",")})`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "zoomPane",
+				ref: zoomPane,
+				class: "place-content-center contain-size",
+				onWheel: handleWheel,
+				onPointerdown: withModifiers(handleDown, ["prevent"]),
+				onPointermove: handleMove,
+				onPointerup: _cache[0] || (_cache[0] = ($event) => isRef(dragging) ? dragging.value = false : dragging = false),
+				onPointercancel: _cache[1] || (_cache[1] = ($event) => isRef(dragging) ? dragging.value = false : dragging = false)
+			}, [renderSlot(_ctx.$slots, "default", { style: normalizeStyle({ transform: transform.value }) })], 544);
+		};
+	}
+});
+export { ZoomPane_default as default };

package/dist/menu/ContextMenu.vue.d.ts

@@ -0,0 +1,31 @@
+import { MenuItem } from './types';
+type __VLS_Props = {
+    id?: string;
+    model: MenuItem[];
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_16: {}, __VLS_33: {
+    item: MenuItem;
+    hasSubmenu: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    item?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & 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/menu/ContextMenu.vue.js

@@ -0,0 +1,50 @@
+import { t as ContextMenuContent_default } from "../shared/ContextMenuContent-RNyBBJOX.js";
+import { t as MenuItems_default } from "../shared/MenuItems-BZTlERd6.js";
+import { createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useModel, withCtx } from "vue";
+import { ContextMenuRoot, ContextMenuTrigger } from "reka-ui";
+// src/components/menu/ContextMenu.vue
+var ContextMenu_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ContextMenu",
+	props: /*@__PURE__*/ mergeModels({
+		id: {},
+		model: {}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props) {
+		const open = useModel(__props, "open");
+		function setOpen(value) {
+			open.value = value && __props.model.some((item) => toValue(item.visible) !== false);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenuRoot), {
+				open: open.value,
+				modal: false,
+				"onUpdate:open": setOpen
+			}, {
+				default: withCtx(() => [createVNode(unref(ContextMenuTrigger), { "as-child": "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}), createVNode(ContextMenuContent_default, mergeProps({ id: __props.id }, _ctx.$attrs, { class: "max-h-(--reka-context-menu-content-available-height)" }), {
+					default: withCtx(() => [createVNode(MenuItems_default, {
+						items: __props.model,
+						onSelect: _cache[0] || (_cache[0] = ($event) => open.value = false)
+					}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
+						name: "item",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
+						key: "0"
+					} : void 0]), 1032, ["items"])]),
+					_: 3
+				}, 16, ["id"])]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
+export { ContextMenu_default as default };

package/dist/menu/ContextMenuContent.vue.d.ts

@@ -0,0 +1,32 @@
+import { ContextMenuContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ContextMenuContentProps & {
+    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, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    closeAutoFocus: (event: Event) => any;
+    openAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => 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/menu/ContextMenuContent.vue.js

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

package/dist/menu/Menu.vue.d.ts

@@ -0,0 +1,41 @@
+import { DropdownMenuContentProps } from 'reka-ui';
+import { MenuItem, MenuItemAction } from './types';
+type MenuProps = {
+    items?: MenuItem[];
+    label?: string;
+    modal?: boolean;
+    to?: string | HTMLElement;
+} & Pick<DropdownMenuContentProps, 'align' | 'collisionPadding' | 'side' | 'sideOffset'>;
+type __VLS_Props = MenuProps;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {
+    open: boolean;
+}, __VLS_28: {}, __VLS_40: {
+    item: MenuItem;
+    hasSubmenu: boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_28) => any;
+} & {
+    item?: (props: typeof __VLS_40) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    activate: (item: MenuItemAction) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onActivate?: ((item: MenuItemAction) => 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;
+    };
+};