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

package/dist/shared/DialogContent-v2s55FXs.js

@@ -0,0 +1,71 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { dialogContentVariants } from "../dialog/dialog.variants.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogContent, useForwardPropsEmits } from "reka-ui";
+// src/components/dialog/DialogContent.vue
+var DialogContent_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		maximized: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		surface: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"maximized",
+			"size",
+			"surface"
+		]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		function focusAutofocusTarget(event) {
+			if (event.defaultPrevented || !(event.target instanceof HTMLElement)) return;
+			const target = event.target.querySelector("[autofocus]");
+			if (!target) return;
+			target.focus();
+			if (document.activeElement === target) event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogContent), mergeProps(unref(forwarded), {
+				"data-reka-dialog-content": "",
+				"data-maximized": __props.maximized || void 0,
+				class: unref(cn)(unref(dialogContentVariants)({
+					maximized: __props.maximized,
+					size: __props.size,
+					surface: __props.surface
+				}), __props.class, __props.maximized && "top-2 left-2 size-auto max-h-none max-w-none sm:max-w-none"),
+				onOpenAutoFocus: focusAutofocusTarget,
+				onFocus: focusAutofocusTarget
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-maximized", "class"]);
+		};
+	}
+});
+export { DialogContent_default as t };

package/dist/shared/DialogOverlay-C9qv0zme.js

@@ -0,0 +1,33 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { DialogOverlay } from "reka-ui";
+// src/components/dialog/DialogOverlay.vue
+var DialogOverlay_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogOverlay",
+	props: {
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		}
+	},
+	setup(__props) {
+		const delegated = createPropsRestProxy(__props, ["class"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogOverlay), mergeProps(delegated, {
+				"data-slot": "dialog-overlay",
+				"data-testid": "dialog-overlay",
+				class: unref(cn)("fixed inset-0 bg-black/70 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", __props.class)
+			}), null, 16, ["class"]);
+		};
+	}
+});
+export { DialogOverlay_default as t };

package/dist/shared/DialogPortal-DtCpLgtO.js

@@ -0,0 +1,36 @@
+import { createBlock, createCommentVNode, createElementVNode, defineComponent, mergeProps, openBlock, reactive, ref, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
+import { ConfigProvider, DialogPortal, injectConfigProviderContext, injectDialogRootContext } from "reka-ui";
+// src/components/dialog/DialogPortal.vue
+var DialogPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogPortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { open } = injectDialogRootContext();
+		const config = reactive(injectConfigProviderContext(null) ?? {});
+		const portalTarget = useTemplateRef("portalTarget");
+		const openCount = ref(0);
+		watch(open, (isOpen) => {
+			if (isOpen) openCount.value++;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), mergeProps({ key: openCount.value }, props), {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "portalTarget",
+					ref: portalTarget,
+					class: "pointer-events-none fixed inset-0 z-overlay *:pointer-events-auto empty:hidden"
+				}, [portalTarget.value ? (openBlock(), createBlock(unref(ConfigProvider), mergeProps({ key: 0 }, config, { "teleport-to": portalTarget.value }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["teleport-to"])) : createCommentVNode("", true)], 512)]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { DialogPortal_default as t };

package/dist/shared/{DialogTitle-CfkkTGuU.js → DialogTitle-Chomvpgq.js}

@@ -1,8 +1,7 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { Primitive, injectDialogRootContext } from "reka-ui";
-//#endregion
-//#region src/components/dialog/DialogTitle.vue
+// src/components/dialog/DialogTitle.vue
 var DialogTitle_default = /* @__PURE__ */ defineComponent({
 	__name: "DialogTitle",
 	props: {
@@ -39,5 +38,4 @@ var DialogTitle_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { DialogTitle_default as t };

package/dist/shared/{Input-39RLwDr2.js → Input-DOeNoniw.js}

@@ -1,7 +1,6 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.js";
 import { createElementBlock, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel, useTemplateRef, vModelText, withDirectives } from "vue";
-//#endregion
-//#region src/components/input/Input.vue
+// src/components/input/Input.vue
 var Input_default = /* @__PURE__ */ defineComponent({
 	__name: "Input",
 	props: /*@__PURE__*/ mergeModels({ class: { type: [
@@ -34,5 +33,4 @@ var Input_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Input_default as t };

package/dist/shared/{InputGroup-kjQKkhyB.js → InputGroup-BYt6BWpk.js}

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

package/dist/shared/{InputGroupAddon-DLDRT0CQ.js → InputGroupAddon-B1cn7czs.js}

@@ -1,10 +1,9 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.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
+// 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
+// src/components/input-group/InputGroupAddon.vue
 var InputGroupAddon_default = /* @__PURE__ */ defineComponent({
 	__name: "InputGroupAddon",
 	props: {
@@ -34,5 +33,4 @@ var InputGroupAddon_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { InputGroupAddon_default as t };

package/dist/shared/{InputGroupButton-BoEp2apg.js → InputGroupButton-tw5AYOoR.js}

@@ -1,9 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as Button_default } from "./Button-CilmsOkY.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as Button_default } from "./Button-Dj_H5v3V.js";
 import { 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
+// src/components/input-group/InputGroupButton.vue
 var InputGroupButton_default = /* @__PURE__ */ defineComponent({
 	__name: "InputGroupButton",
 	props: {
@@ -37,5 +36,4 @@ var InputGroupButton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { InputGroupButton_default as t };

package/dist/shared/{InputGroupInput-E2MlEVUU.js → InputGroupInput-C_kkIxvY.js}

@@ -1,8 +1,7 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as Input_default } from "./Input-39RLwDr2.js";
+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";
-//#endregion
-//#region src/components/input-group/InputGroupInput.vue
+// src/components/input-group/InputGroupInput.vue
 var InputGroupInput_default = /* @__PURE__ */ defineComponent({
 	__name: "InputGroupInput",
 	props: /*@__PURE__*/ mergeModels({ class: { type: [
@@ -28,5 +27,4 @@ var InputGroupInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { InputGroupInput_default as t };

package/dist/shared/{Label-Cx_lFofI.js → Label-kwhWNR2P.js}

@@ -1,9 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+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";
-//#endregion
-//#region src/components/label/Label.vue
+// src/components/label/Label.vue
 var Label_default = /* @__PURE__ */ defineComponent({
 	__name: "Label",
 	props: {
@@ -32,5 +31,4 @@ var Label_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 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-BdghJ23k.js → MenuAction-0z8BSoX9.js}

@@ -1,10 +1,10 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as TextTooltip_default } from "./TextTooltip-ClHQl84h.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as TextTooltip_default } from "./TextTooltip-BNlZI515.js";
 import { 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
+// src/components/menu/mouseDownUtil.ts
 var whileMouseDown = (elementOrEvent, callback, interval = 30) => {
 	const element = elementOrEvent instanceof HTMLElement ? elementOrEvent : elementOrEvent.target;
 	let iteration = 0;
@@ -20,14 +20,12 @@ var whileMouseDown = (elementOrEvent, callback, interval = 30) => {
 	const disposeLocal = useEventListener(element, "mouseup", dispose);
 	return { dispose };
 };
-//#endregion
-//#region src/components/menu/MenuAction.vue?vue&type=script&setup=true&lang.ts
+// 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
+// src/components/menu/MenuAction.vue
 var MenuAction_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuAction",
 	props: {
@@ -120,5 +118,4 @@ var MenuAction_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuAction_default as t };

package/dist/shared/{MenuContent-ChqlM3xA.js → MenuContent--tKCqaIO.js}

@@ -1,9 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+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";
-//#endregion
-//#region src/components/menu/MenuContent.vue
+// src/components/menu/MenuContent.vue
 var MenuContent_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "MenuContent",
@@ -76,5 +75,4 @@ var MenuContent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuContent_default as t };

package/dist/shared/{MenuItemContent--dPNoBmU.js → MenuItemContent-Be658c7e.js}

@@ -1,9 +1,9 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as Switch_default } from "./Switch-DsCzHpDU.js";
-import { t as Badge_default } from "./Badge-D3uWa3yk.js";
-import { t as OverlayIcon_default } from "./OverlayIcon-DntJI-mm.js";
+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";
-//#region src/components/menu/MenuItemContent.vue?vue&type=script&setup=true&lang.ts
+// 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 = {
@@ -19,8 +19,7 @@ var _hoisted_5 = {
 	key: 7,
 	class: "ml-auto rounded-sm border bg-secondary p-1 text-xs text-nowrap text-muted-foreground"
 };
-//#endregion
-//#region src/components/menu/MenuItemContent.vue
+// src/components/menu/MenuItemContent.vue
 var MenuItemContent_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuItemContent",
 	props: {
@@ -65,5 +64,4 @@ var MenuItemContent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuItemContent_default as t };

package/dist/shared/{MenuItems-BJKetPV-.js → MenuItems-BZTlERd6.js}

@@ -1,11 +1,10 @@
-import { t as MenuAction_default } from "./MenuAction-BdghJ23k.js";
-import { t as MenuItemContent_default } from "./MenuItemContent--dPNoBmU.js";
-import { t as MenuSeparator_default } from "./MenuSeparator-Dm6CkPqB.js";
-import { t as MenuSubmenu_default } from "./MenuSubmenu-QHWMyfKF.js";
+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";
-//#endregion
-//#region src/components/menu/MenuItems.vue
+// src/components/menu/MenuItems.vue
 var MenuItems_default = /* @__PURE__ */ defineComponent({
 	name: "MenuItems",
 	__name: "MenuItems",
@@ -65,5 +64,4 @@ var MenuItems_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuItems_default as t };

package/dist/shared/{MenuRadioGroup-Bpjt9sHI.js → MenuRadioGroup-B28YS1p1.js}

@@ -1,11 +1,10 @@
-import { t as TextTooltip_default } from "./TextTooltip-ClHQl84h.js";
-import { t as MenuItemContent_default } from "./MenuItemContent--dPNoBmU.js";
-import { t as MenuRadioItem_default } from "./MenuRadioItem-h7hh_RGU.js";
+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";
-//#endregion
-//#region src/components/menu/MenuRadioGroup.vue
+// src/components/menu/MenuRadioGroup.vue
 var MenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuRadioGroup",
 	props: /*@__PURE__*/ mergeModels({ options: {} }, {
@@ -61,5 +60,4 @@ var MenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuRadioGroup_default as t };

package/dist/shared/{MenuRadioItem-h7hh_RGU.js → MenuRadioItem-D8DFu-KU.js}

@@ -1,9 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+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";
-//#endregion
-//#region src/components/menu/MenuRadioItem.vue
+// src/components/menu/MenuRadioItem.vue
 var MenuRadioItem_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuRadioItem",
 	props: {
@@ -32,5 +31,4 @@ var MenuRadioItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuRadioItem_default as t };

package/dist/shared/{MenuSeparator-Dm6CkPqB.js → MenuSeparator-DrAiObmE.js}

@@ -1,8 +1,7 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as cn } from "./src-DTwuqov4.js";
 import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, unref } from "vue";
 import { DropdownMenuSeparator, useForwardProps } from "reka-ui";
-//#endregion
-//#region src/components/menu/MenuSeparator.vue
+// src/components/menu/MenuSeparator.vue
 var MenuSeparator_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuSeparator",
 	props: {
@@ -24,5 +23,4 @@ var MenuSeparator_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuSeparator_default as t };

package/dist/shared/{MenuSub-Dbnj2w-X.js → MenuSub-DSizq_fV.js}

@@ -1,7 +1,6 @@
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { DropdownMenuSub, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/menu/MenuSub.vue
+// src/components/menu/MenuSub.vue
 var MenuSub_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuSub",
 	props: {
@@ -19,5 +18,4 @@ var MenuSub_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuSub_default as t };

package/dist/shared/{MenuSubContent-M-g3fllh.js → MenuSubContent-ghzkX4hX.js}

@@ -1,9 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+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";
-//#endregion
-//#region src/components/menu/MenuSubContent.vue
+// src/components/menu/MenuSubContent.vue
 var MenuSubContent_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuSubContent",
 	props: {
@@ -65,5 +64,4 @@ var MenuSubContent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuSubContent_default as t };

package/dist/shared/{MenuSubTrigger-D6-3s2NL.js → MenuSubTrigger-BGRIm_Bf.js}

@@ -1,9 +1,8 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
+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";
-//#endregion
-//#region src/components/menu/MenuSubTrigger.vue
+// src/components/menu/MenuSubTrigger.vue
 var MenuSubTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuSubTrigger",
 	props: {
@@ -31,5 +30,4 @@ var MenuSubTrigger_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuSubTrigger_default as t };

package/dist/shared/{MenuSubmenu-QHWMyfKF.js → MenuSubmenu-CjPf8DXl.js}

@@ -1,10 +1,9 @@
-import { t as MenuRadioGroup_default } from "./MenuRadioGroup-Bpjt9sHI.js";
-import { t as MenuSub_default } from "./MenuSub-Dbnj2w-X.js";
-import { t as MenuSubContent_default } from "./MenuSubContent-M-g3fllh.js";
-import { t as MenuSubTrigger_default } from "./MenuSubTrigger-D6-3s2NL.js";
+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";
-//#endregion
-//#region src/components/menu/MenuSubmenu.vue
+// src/components/menu/MenuSubmenu.vue
 var MenuSubmenu_default = /* @__PURE__ */ defineComponent({
 	__name: "MenuSubmenu",
 	props: { item: {} },
@@ -39,5 +38,4 @@ var MenuSubmenu_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MenuSubmenu_default as t };

package/dist/shared/{MultiSelectContent-c1D5avjh.js → MultiSelectContent-9xyBQKz3.js}

@@ -1,10 +1,10 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { t as Button_default } from "./Button-CilmsOkY.js";
-import { a as selectItemVariants, i as selectEmptyMessageClass, s as stopEscapeToDocument, t as selectContentClass } from "./select.variants-BPn5Z7N1.js";
+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";
-//#region src/components/multi-select/MultiSelectContent.vue?vue&type=script&setup=true&lang.ts
+// 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"
@@ -19,8 +19,7 @@ var _hoisted_5 = {
 	key: 0,
 	class: "px-1 text-sm text-muted-foreground"
 };
-//#endregion
-//#region src/components/multi-select/MultiSelectContent.vue
+// src/components/multi-select/MultiSelectContent.vue
 var MultiSelectContent_default = /* @__PURE__ */ defineComponent({
 	__name: "MultiSelectContent",
 	props: /*@__PURE__*/ mergeModels({
@@ -158,5 +157,4 @@ var MultiSelectContent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { MultiSelectContent_default as t };

package/dist/shared/{MultiSelectTrigger-lmuXqETa.js → MultiSelectTrigger-DNySkpH9.js}

@@ -1,12 +1,11 @@
-import { t as cn } from "./src-CnJ6AzLP.js";
-import { n as selectCountBadgeClass, o as selectTriggerVariants, r as selectDropdownClass } from "./select.variants-BPn5Z7N1.js";
+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";
-//#region src/components/multi-select/MultiSelectTrigger.vue?vue&type=script&setup=true&lang.ts
+// 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" };
-//#endregion
-//#region src/components/multi-select/MultiSelectTrigger.vue
+// src/components/multi-select/MultiSelectTrigger.vue
 var MultiSelectTrigger_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "MultiSelectTrigger",
@@ -48,5 +47,4 @@ var MultiSelectTrigger_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 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 };