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

package/dist/shared/MenuSubContent-ghzkX4hX.js

@@ -0,0 +1,67 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { menuContentClass } from "../menu/menuStyles.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+import { DropdownMenuSubContent, useForwardPropsEmits } from "reka-ui";
+// src/components/menu/MenuSubContent.vue
+var MenuSubContent_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSubContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		memoDependencies: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		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
+		] },
+		width: { default: "default" },
+		maxHeight: { default: "available" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"entryFocus",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"width",
+			"maxHeight"
+		]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuSubContent), mergeProps(unref(forwarded), {
+				class: unref(cn)(unref(menuContentClass), __props.width === "compact" && "min-w-46.5", __props.maxHeight === "available" && "max-h-(--reka-dropdown-menu-content-available-height)", __props.maxHeight === "compact" && "max-h-64", __props.class),
+				onPointermove: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { MenuSubContent_default as t };

package/dist/shared/MenuSubTrigger-BGRIm_Bf.js

@@ -0,0 +1,33 @@
+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 { DropdownMenuSubTrigger, useForwardProps } from "reka-ui";
+// src/components/menu/MenuSubTrigger.vue
+var MenuSubTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSubTrigger",
+	props: {
+		graceDuration: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		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(DropdownMenuSubTrigger), mergeProps(unref(forwarded), { class: unref(cn)(unref(menuItemClass), __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { MenuSubTrigger_default as t };

package/dist/shared/MenuSubmenu-CjPf8DXl.js

@@ -0,0 +1,41 @@
+import { t as MenuRadioGroup_default } from "./MenuRadioGroup-B28YS1p1.js";
+import { t as MenuSub_default } from "./MenuSub-DSizq_fV.js";
+import { t as MenuSubContent_default } from "./MenuSubContent-ghzkX4hX.js";
+import { t as MenuSubTrigger_default } from "./MenuSubTrigger-BGRIm_Bf.js";
+import { computed, createBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toValue, withCtx } from "vue";
+// src/components/menu/MenuSubmenu.vue
+var MenuSubmenu_default = /* @__PURE__ */ defineComponent({
+	__name: "MenuSubmenu",
+	props: { item: {} },
+	setup(__props) {
+		const disabled = computed(() => toValue(__props.item.disabled) || (__props.item.items ?? __props.item.radioGroup.options).length === 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(MenuSub_default, null, {
+				default: withCtx(() => [createVNode(MenuSubTrigger_default, {
+					"aria-label": toValue(__props.item.label),
+					disabled: disabled.value,
+					class: normalizeClass(toValue(__props.item.class))
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"aria-label",
+					"disabled",
+					"class"
+				]), createVNode(MenuSubContent_default, {
+					"side-offset": 2,
+					"align-offset": -5
+				}, {
+					default: withCtx(() => [__props.item.items ? renderSlot(_ctx.$slots, "content", { items: __props.item.items }, void 0, void 0, 0) : (openBlock(), createBlock(MenuRadioGroup_default, {
+						key: 1,
+						"model-value": toValue(__props.item.radioGroup.value),
+						options: __props.item.radioGroup.options
+					}, null, 8, ["model-value", "options"]))]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+export { MenuSubmenu_default as t };

package/dist/shared/MultiSelectContent-9xyBQKz3.js

@@ -0,0 +1,160 @@
+import { t as Button_default } from "./Button-Dj_H5v3V.js";
+import { useSelectSearch } from "../select/useSelectSearch.js";
+import { a as selectItemVariants, i as selectEmptyMessageClass, s as stopEscapeToDocument, t as selectContentClass } from "./select.variants-cRXaATWS.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxViewport, FocusScope, injectComboboxRootContext } from "reka-ui";
+// src/components/multi-select/MultiSelectContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "px-2 pt-2 pb-0"
+};
+var _hoisted_2 = { class: "flex items-center gap-2 rounded-lg border px-3 py-1.5 text-sm" };
+var _hoisted_3 = {
+	key: 0,
+	class: "px-1 text-sm text-muted-foreground"
+};
+var _hoisted_4 = { class: "flex size-4 shrink-0 items-center justify-center rounded-sm transition-all duration-200 group-data-[state=checked]:bg-primary group-data-[state=unchecked]:bg-secondary [&>span]:flex" };
+var _hoisted_5 = {
+	key: 0,
+	class: "px-1 text-sm text-muted-foreground"
+};
+// src/components/multi-select/MultiSelectContent.vue
+var MultiSelectContent_default = /* @__PURE__ */ defineComponent({
+	__name: "MultiSelectContent",
+	props: /*@__PURE__*/ mergeModels({
+		searchLabel: {},
+		emptyText: {},
+		clearAllLabel: {},
+		formatSelectedCount: { type: Function },
+		options: {},
+		showSearchBox: { type: Boolean },
+		showClearButton: { type: Boolean },
+		actionsPlacement: {},
+		searchPlaceholder: {},
+		listMaxHeight: {},
+		popoverStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		contentStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {},
+		"searchQuery": { required: true },
+		"searchQueryModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["escape"], ["update:modelValue", "update:searchQuery"]),
+	setup(__props, { emit: __emit }) {
+		const { open } = injectComboboxRootContext();
+		const emit = __emit;
+		const selectedItems = useModel(__props, "modelValue");
+		const searchQuery = useModel(__props, "searchQuery");
+		const hasActions = computed(() => Boolean(__props.formatSelectedCount) || __props.showClearButton);
+		const actionsClass = computed(() => cn("flex shrink-0 items-center justify-between", __props.actionsPlacement === "header" ? "mt-2 border-b px-2 pb-4" : "-mx-2 mt-2 border-t px-4 pt-3 pb-1"));
+		const searchResults = useSelectSearch(searchQuery, () => __props.options);
+		const filteredOptions = computed(() => {
+			if (!searchQuery.value.trim()) return __props.options;
+			return [...selectedItems.value.filter((item) => !searchResults.value.some(({ value }) => value === item.value)), ...searchResults.value];
+		});
+		function onKeydown(event) {
+			if (event.key !== "Escape") return;
+			stopEscapeToDocument(event);
+			emit("escape");
+		}
+		function preventFocusDismiss(event) {
+			event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxPortal), { key: Number(unref(open)) }, {
+				default: withCtx(() => [createVNode(unref(ComboboxContent), {
+					position: "popper",
+					"side-offset": 8,
+					align: "start",
+					style: normalizeStyle([__props.popoverStyle, __props.contentStyle]),
+					class: normalizeClass(unref(cn)(unref(selectContentClass), "flex flex-col")),
+					onKeydown,
+					onFocusOutside: preventFocusDismiss
+				}, {
+					default: withCtx(() => [createVNode(unref(FocusScope), {
+						class: "contents",
+						onMountAutoFocus: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"]))
+					}, {
+						default: withCtx(() => [
+							__props.showSearchBox ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[4] || (_cache[4] = createElementVNode("i", { class: "icon-[lucide--search] text-muted-foreground" }, null, -1)), createVNode(unref(ComboboxInput), {
+								modelValue: searchQuery.value,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+								placeholder: __props.searchPlaceholder,
+								"aria-label": __props.searchLabel,
+								class: "w-full border-none bg-transparent outline-none"
+							}, null, 8, [
+								"modelValue",
+								"placeholder",
+								"aria-label"
+							])])])) : createCommentVNode("", true),
+							hasActions.value && __props.actionsPlacement === "header" ? (openBlock(), createElementBlock("div", {
+								key: 1,
+								class: normalizeClass(actionsClass.value)
+							}, [__props.formatSelectedCount ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.formatSelectedCount(selectedItems.value.length)), 1)) : createCommentVNode("", true), __props.showClearButton ? (openBlock(), createBlock(unref(Button_default), {
+								key: 1,
+								variant: "textonly",
+								size: "md",
+								onClick: _cache[1] || (_cache[1] = withModifiers(($event) => selectedItems.value = [], ["stop"]))
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.clearAllLabel), 1)]),
+								_: 1
+							})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+							createVNode(unref(ComboboxViewport), {
+								class: normalizeClass(unref(cn)("flex flex-col gap-0 p-0 text-sm", "scrollbar-custom overflow-y-auto", "min-w-(--reka-combobox-trigger-width)")),
+								style: normalizeStyle({ maxHeight: `min(${__props.listMaxHeight}, 50vh)` })
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (opt) => {
+									return openBlock(), createBlock(unref(ComboboxItem), {
+										key: opt.value,
+										value: opt,
+										class: normalizeClass(unref(cn)("group", unref(selectItemVariants)({ layout: "multi" })))
+									}, {
+										default: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(ComboboxItemIndicator), null, {
+											default: withCtx(() => [..._cache[5] || (_cache[5] = [createElementVNode("i", { class: "icon-[lucide--check] text-xs font-bold text-foreground" }, null, -1)])]),
+											_: 1
+										})]), createElementVNode("span", null, toDisplayString(opt.name), 1)]),
+										_: 2
+									}, 1032, ["value", "class"]);
+								}), 128)), createVNode(unref(ComboboxEmpty), { class: normalizeClass(unref(selectEmptyMessageClass)) }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(__props.emptyText), 1)]),
+									_: 1
+								}, 8, ["class"])]),
+								_: 1
+							}, 8, ["class", "style"]),
+							hasActions.value && __props.actionsPlacement === "footer" ? (openBlock(), createElementBlock("div", {
+								key: 2,
+								class: normalizeClass(actionsClass.value)
+							}, [__props.formatSelectedCount ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.formatSelectedCount(selectedItems.value.length)), 1)) : createCommentVNode("", true), __props.showClearButton ? (openBlock(), createBlock(unref(Button_default), {
+								key: 1,
+								variant: "textonly",
+								size: "md",
+								onClick: _cache[2] || (_cache[2] = withModifiers(($event) => selectedItems.value = [], ["stop"]))
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.clearAllLabel), 1)]),
+								_: 1
+							})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["style", "class"])]),
+				_: 1
+			});
+		};
+	}
+});
+export { MultiSelectContent_default as t };

package/dist/shared/MultiSelectTrigger-DNySkpH9.js

@@ -0,0 +1,50 @@
+import { n as selectCountBadgeClass, o as selectTriggerVariants, r as selectDropdownClass } from "./select.variants-cRXaATWS.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ComboboxAnchor, ComboboxTrigger } from "reka-ui";
+// src/components/multi-select/MultiSelectTrigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-1 items-center overflow-hidden py-2 pl-2 whitespace-nowrap" };
+var _hoisted_2 = { class: "truncate text-sm" };
+// src/components/multi-select/MultiSelectTrigger.vue
+var MultiSelectTrigger_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "MultiSelectTrigger",
+	props: {
+		class: { type: [
+			Array,
+			Object,
+			String,
+			Number,
+			null,
+			Boolean
+		] },
+		label: {},
+		accessibleLabel: {},
+		selectedItems: {},
+		size: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxAnchor), { "as-child": "" }, {
+				default: withCtx(() => [createVNode(unref(ComboboxTrigger), mergeProps(_ctx.$attrs, {
+					"aria-label": __props.accessibleLabel,
+					class: unref(cn)(unref(selectTriggerVariants)({
+						size: __props.size,
+						border: __props.selectedItems.length ? "active" : "none"
+					}), __props.class)
+				}), {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [__props.selectedItems.length === 0 ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(__props.size === "md" ? "text-xs" : "text-sm")
+					}, toDisplayString(__props.label), 3)) : renderSlot(_ctx.$slots, "default", { selected: __props.selectedItems }, () => [createElementVNode("span", _hoisted_2, toDisplayString(__props.selectedItems.map(({ name }) => name).join(", ")), 1)], void 0, 1), __props.selectedItems.length ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass(unref(cn)("pointer-events-none absolute -top-1.5 -right-1.5 z-10", unref(selectCountBadgeClass)))
+					}, toDisplayString(__props.selectedItems.length), 3)) : createCommentVNode("", true)]), createElementVNode("div", { class: normalizeClass(unref(selectDropdownClass)) }, [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--chevron-down] text-muted-foreground" }, null, -1)])], 2)]),
+					_: 3
+				}, 16, ["aria-label", "class"])]),
+				_: 3
+			});
+		};
+	}
+});
+export { MultiSelectTrigger_default as t };

package/dist/shared/NavIcon-FTJH75HH.js

@@ -0,0 +1,12 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
+// src/components/navigation/NavIcon.vue
+var NavIcon_default = /* @__PURE__ */ defineComponent({
+	__name: "NavIcon",
+	props: { icon: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("i", { class: normalizeClass([__props.icon, "size-4 shrink-0 text-foreground"]) }, null, 2);
+		};
+	}
+});
+export { NavIcon_default as t };

package/dist/shared/NavItem-sQJ-77Zw.js

@@ -0,0 +1,77 @@
+import { t as Badge_default } from "./Badge-DFHO3AFi.js";
+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 { t as NavIcon_default } from "./NavIcon-FTJH75HH.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/navigation/NavItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "icon-[lucide--folder] text-foreground"
+};
+// src/components/navigation/NavItem.vue
+var NavItem_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "NavItem",
+	props: {
+		icon: {},
+		badge: {},
+		suffixIcon: {},
+		active: { type: Boolean },
+		onClick: { type: Function }
+	},
+	setup(__props) {
+		const textRef = ref(null);
+		const isOverflowing = ref(false);
+		const checkOverflow = () => {
+			if (!textRef.value) return;
+			isOverflowing.value = textRef.value.scrollWidth > textRef.value.clientWidth + 1;
+		};
+		const tooltipText = computed(() => textRef.value?.textContent ?? "");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Tooltip_default), { disabled: !isOverflowing.value }, {
+				default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+					default: withCtx(() => [createElementVNode("div", mergeProps(_ctx.$attrs, {
+						class: unref(cn)("flex cursor-pointer items-center-safe gap-2 rounded-md p-3 text-sm text-foreground transition-colors select-none", __props.active ? "bg-muted" : "hover:bg-accent"),
+						role: "button",
+						onMouseenter: checkOverflow,
+						onClick: _cache[0] || (_cache[0] = (...args) => __props.onClick && __props.onClick(...args))
+					}), [
+						__props.icon ? (openBlock(), createBlock(NavIcon_default, {
+							key: 0,
+							icon: __props.icon
+						}, null, 8, ["icon"])) : (openBlock(), createElementBlock("i", _hoisted_1)),
+						createElementVNode("span", {
+							ref_key: "textRef",
+							ref: textRef,
+							class: "min-w-0 truncate"
+						}, [renderSlot(_ctx.$slots, "default")], 512),
+						__props.badge !== void 0 ? (openBlock(), createBlock(unref(Badge_default), {
+							key: 2,
+							severity: "contrast",
+							variant: "circle",
+							class: "ml-auto min-h-5 min-w-5 px-1"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.badge), 1)]),
+							_: 1
+						})) : __props.suffixIcon ? (openBlock(), createElementBlock("i", {
+							key: 3,
+							class: normalizeClass(unref(cn)("ml-auto shrink-0", __props.suffixIcon)),
+							"aria-hidden": "true"
+						}, null, 2)) : createCommentVNode("", true)
+					], 16)]),
+					_: 3
+				}), createVNode(unref(TooltipContent_default), {
+					side: "right",
+					class: "w-max whitespace-nowrap"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(tooltipText.value), 1)]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["disabled"]);
+		};
+	}
+});
+export { NavItem_default as t };

package/dist/shared/NavTitle-BM22yfCR.js

@@ -0,0 +1,40 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+// src/components/navigation/NavTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-0 text-xs font-bold text-muted-foreground uppercase" };
+// src/components/navigation/NavTitle.vue
+var NavTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "NavTitle",
+	props: {
+		title: {},
+		modelValue: {
+			type: Boolean,
+			default: false
+		},
+		collapsible: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const isCollapsed = computed({
+			get: () => __props.modelValue,
+			set: (value) => emit("update:modelValue", value)
+		});
+		const toggleCollapse = () => {
+			isCollapsed.value = !isCollapsed.value;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cn)("m-0 flex items-center justify-between px-3 py-0 pt-5", __props.collapsible && "cursor-pointer select-none")),
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggleCollapse())
+			}, [createElementVNode("h3", _hoisted_1, toDisplayString(__props.title), 1), __props.collapsible ? (openBlock(), createElementBlock("i", {
+				key: 0,
+				class: normalizeClass(unref(cn)("size-3 text-muted-foreground transition-transform duration-200", isCollapsed.value ? "icon-[lucide--chevron-right]" : "icon-[lucide--chevron-down]"))
+			}, null, 2)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { NavTitle_default as t };

package/dist/shared/OverlayIcon-C-din824.js

@@ -0,0 +1,43 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+// src/components/common/OverlayIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "relative inline-flex items-center justify-center" };
+// src/components/common/OverlayIcon.vue
+var OverlayIcon_default = /* @__PURE__ */ defineComponent({
+	__name: "OverlayIcon",
+	props: {
+		mainIcon: {},
+		subIcon: {},
+		positionX: { default: "right" },
+		positionY: { default: "bottom" },
+		offsetX: { default: 0 },
+		offsetY: { default: 0 },
+		subIconScale: { default: .6 }
+	},
+	setup(__props) {
+		const textShadow = [
+			`-1px -1px 0 rgba(0, 0, 0, 0.7)`,
+			`1px -1px 0 rgba(0, 0, 0, 0.7)`,
+			`-1px 1px 0 rgba(0, 0, 0, 0.7)`,
+			`1px 1px 0 rgba(0, 0, 0, 0.7)`,
+			`-1px 0 0 rgba(0, 0, 0, 0.7)`,
+			`1px 0 0 rgba(0, 0, 0, 0.7)`,
+			`0 -1px 0 rgba(0, 0, 0, 0.7)`,
+			`0 1px 0 rgba(0, 0, 0, 0.7)`
+		].join(", ");
+		const subIconStyle = computed(() => ({
+			scale: __props.subIconScale,
+			transformOrigin: `${__props.positionX} ${__props.positionY}`,
+			textShadow,
+			...__props.offsetX !== 0 && { [__props.positionX === "left" ? "left" : "right"]: `${__props.offsetX}px` },
+			...__props.offsetY !== 0 && { [__props.positionY === "top" ? "top" : "bottom"]: `${__props.offsetY}px` }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("i", { class: normalizeClass(__props.mainIcon) }, null, 2), createElementVNode("i", {
+				class: normalizeClass(unref(cn)(__props.subIcon, "pointer-events-none absolute leading-none", __props.positionX === "left" ? "left-0" : "right-0", __props.positionY === "top" ? "top-0" : "bottom-0")),
+				style: normalizeStyle(subIconStyle.value)
+			}, null, 6)]);
+		};
+	}
+});
+export { OverlayIcon_default as t };

package/dist/shared/PopoverContent-DNqL6t-O.js

@@ -0,0 +1,89 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { usePopoverViewportDismiss } from "../popover/usePopoverViewportDismiss.js";
+import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { PopoverContent, PopoverPortal, injectPopoverRootContext, useForwardPropsEmits } from "reka-ui";
+// 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
+			});
+		};
+	}
+});
+export { PopoverContent_default as t };