@thkzt/eunoia 0.0.1-beta

package/dist/components/navigation/Menu/primitives/Menu.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as s, createElementBlock as l, openBlock as n, mergeProps as i, unref as e, renderSlot as p } from "vue";
+import { tv as c } from "tailwind-variants";
+import { useForwardedAttrs as m } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const f = ["aria-label"], g = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "Menu",
+  props: {
+    ariaLabel: {}
+  },
+  setup(d) {
+    const { classAttr: t, forwardedAttrs: a } = m(), o = c({
+      base: "flex list-none flex-col gap-2"
+    });
+    return (r, u) => (n(), l("nav", i(e(a), {
+      "aria-label": r.ariaLabel,
+      class: e(o)({ class: e(t) })
+    }), [
+      p(r.$slots, "default")
+    ], 16, f));
+  }
+});
+export {
+  g as default
+};

package/dist/components/navigation/Menu/primitives/Menu.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Menu.vue.js";
+export {
+  f as default
+};

package/dist/components/navigation/Menu/primitives/MenuItem.vue.d.ts

@@ -0,0 +1,3 @@
+import type { MenuItem } from "../types";
+declare const _default: import("vue").DefineComponent<MenuItem, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuItem> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/navigation/Menu/primitives/MenuItem.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent as c, inject as m, computed as d, createElementBlock as p, openBlock as v, mergeProps as b, unref as r, createVNode as i, withCtx as t, normalizeStyle as g, normalizeClass as y, createTextVNode as h, toDisplayString as k } from "vue";
+import { tv as x } from "tailwind-variants";
+import { useForwardedAttrs as _ } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import "vue-icons-plus/pi";
+import w from "../../../core/Link/Link.vue.js";
+import A from "../../../feedback/Tooltip/Tooltip.vue.js";
+import C from "./MenuLabel.vue.js";
+import { sidebarCollapsedKey as B } from "../../../layout/Sidebar/keys.js";
+import "highlight.js/lib/core";
+const M = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "MenuItem",
+  props: {
+    label: {},
+    href: {},
+    ariaLabel: {},
+    icon: {},
+    level: {},
+    items: {},
+    active: { type: Boolean },
+    parentActive: { type: Boolean }
+  },
+  setup(o) {
+    const { classAttr: s, forwardedAttrs: l } = _(), n = m(B, void 0), a = o, u = d(() => {
+      if (!(a.level <= 1))
+        return `${a.level * 0.75}rem`;
+    }), f = x({
+      base: [
+        "flex w-full cursor-pointer items-center rounded-lg px-3 py-2 text-sm no-underline transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "text-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 focus-visible:bg-neutral-100 focus-visible:text-neutral-900 focus-visible:ring-neutral-100 focus-visible:ring-offset-white hover:focus-visible:bg-neutral-200 hover:focus-visible:ring-neutral-200",
+        "dark:text-neutral-100 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:focus-visible:bg-neutral-700 dark:focus-visible:text-neutral-200 dark:focus-visible:ring-neutral-700 dark:focus-visible:ring-offset-neutral-800 dark:hover:focus-visible:bg-neutral-600 dark:hover:focus-visible:ring-neutral-600"
+      ],
+      variants: {
+        active: {
+          true: [
+            "font-semibold",
+            "bg-primary-200 text-primary-800 hover:bg-primary-300 hover:text-primary-900 focus-visible:bg-primary-100 focus-visible:text-primary-900 focus-visible:ring-primary-200 focus-visible:ring-offset-white",
+            "dark:bg-primary-950 dark:text-primary-200 dark:hover:bg-primary-900 dark:hover:text-primary-100 dark:focus-visible:bg-primary-900 dark:focus-visible:text-primary-100 dark:focus-visible:ring-primary-800 dark:focus-visible:ring-offset-neutral-800"
+          ]
+        }
+      }
+    });
+    return (e, $) => (v(), p("li", b(r(l), { class: r(s) }), [
+      i(A, {
+        content: e.label,
+        disabled: !r(n),
+        placement: "right",
+        dense: "",
+        class: "w-full"
+      }, {
+        default: t(() => [
+          i(r(w), {
+            href: e.href,
+            class: y(r(f)({ active: e.active })),
+            "aria-current": e.active ? "page" : void 0,
+            tabindex: "0",
+            style: g({ paddingLeft: u.value })
+          }, {
+            default: t(() => [
+              i(C, { icon: e.icon }, {
+                default: t(() => [
+                  h(k(e.label), 1)
+                ]),
+                _: 1
+              }, 8, ["icon"])
+            ]),
+            _: 1
+          }, 8, ["href", "class", "aria-current", "style"])
+        ]),
+        _: 1
+      }, 8, ["content", "disabled"])
+    ], 16));
+  }
+});
+export {
+  M as default
+};

package/dist/components/navigation/Menu/primitives/MenuItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./MenuItem.vue.js";
+export {
+  f as default
+};

package/dist/components/navigation/Menu/primitives/MenuLabel.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    icon?: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navigation/Menu/primitives/MenuLabel.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, inject as d, createElementBlock as s, openBlock as r, mergeProps as u, unref as e, createElementVNode as f, createCommentVNode as o, normalizeClass as _, createBlock as b, renderSlot as y } from "vue";
+import { tv as n } from "tailwind-variants";
+import { useForwardedAttrs as k } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import C from "../../../core/Icon/Icon.vue.js";
+import { sidebarCollapsedKey as h } from "../../../layout/Sidebar/keys.js";
+import "highlight.js/lib/core";
+const v = {
+  key: 0,
+  class: "truncate"
+}, $ = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "MenuLabel",
+  props: {
+    icon: {}
+  },
+  setup(A) {
+    const { classAttr: a, forwardedAttrs: i } = k(), c = d(h, void 0), l = n({
+      base: "flex items-center gap-2"
+    }), m = n({
+      base: "flex aspect-square h-6 w-6 items-center justify-center rounded-md p-1",
+      variants: {
+        icon: {
+          true: "bg-primary-700 text-neutral-50"
+        }
+      }
+    });
+    return (t, g) => (r(), s("span", u(e(i), {
+      class: e(l)({ class: e(a) })
+    }), [
+      f("div", {
+        class: _(e(m)({ icon: !!t.icon }))
+      }, [
+        t.icon ? (r(), b(e(C), {
+          key: 0,
+          name: t.icon,
+          size: "sm"
+        }, null, 8, ["name"])) : o("", !0)
+      ], 2),
+      e(c) ? o("", !0) : (r(), s("span", v, [
+        y(t.$slots, "default")
+      ]))
+    ], 16));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/navigation/Menu/primitives/MenuLabel.vue2.js

@@ -0,0 +1,4 @@
+import f from "./MenuLabel.vue.js";
+export {
+  f as default
+};

package/dist/components/navigation/Menu/primitives/MenuSection.vue.d.ts

@@ -0,0 +1,7 @@
+import type { MenuItem } from "../types";
+type __VLS_Props = MenuItem & {
+    currentPath?: string;
+    toggleSectionLabel?: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/navigation/Menu/primitives/MenuSection.vue.js

@@ -0,0 +1,127 @@
+import { defineComponent as L, inject as B, computed as z, ref as M, resolveComponent as N, createElementBlock as a, openBlock as l, mergeProps as s, unref as e, createElementVNode as u, createVNode as p, createCommentVNode as m, withCtx as b, withKeys as g, normalizeStyle as V, normalizeClass as c, withModifiers as K, createBlock as d, createTextVNode as P, toDisplayString as j, Fragment as h, renderList as E } from "vue";
+import { tv as k } from "tailwind-variants";
+import F from "./MenuItem.vue.js";
+import I from "./MenuLabel.vue.js";
+import { useForwardedAttrs as D } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import { useSanitizedId as T } from "../../../../composables/useSanitizedId.js";
+import "../../../../composables/useTheme.js";
+import q from "../../../core/Icon/Icon.vue.js";
+import G from "../../../feedback/Tooltip/Tooltip.vue.js";
+import { sidebarCollapsedKey as H } from "../../../layout/Sidebar/keys.js";
+import "highlight.js/lib/core";
+const J = { class: "flex list-none flex-col gap-1" }, O = ["aria-expanded", "aria-controls", "aria-label", "role", "tabindex"], Q = { key: 0 }, R = ["id"], ae = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "MenuSection",
+  props: {
+    label: {},
+    href: {},
+    ariaLabel: {},
+    icon: {},
+    level: {},
+    items: {},
+    active: { type: Boolean },
+    parentActive: { type: Boolean },
+    currentPath: {},
+    toggleSectionLabel: {}
+  },
+  setup(y) {
+    const { classAttr: x, forwardedAttrs: _ } = D(), t = B(H, void 0), f = y, w = z(() => {
+      if (!(f.level <= 1))
+        return `${f.level * 0.75}rem`;
+    }), v = T("menu-section"), o = M(!0), S = k({
+      base: [
+        "flex w-full cursor-pointer items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm no-underline transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "text-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 focus-visible:bg-neutral-100 focus-visible:text-neutral-900 focus-visible:ring-neutral-100 focus-visible:ring-offset-white hover:focus-visible:bg-neutral-200 hover:focus-visible:ring-neutral-200",
+        "dark:text-neutral-100 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:focus-visible:bg-neutral-700 dark:focus-visible:text-neutral-200 dark:focus-visible:ring-neutral-700 dark:focus-visible:ring-offset-neutral-800 dark:hover:focus-visible:bg-neutral-600 dark:hover:focus-visible:ring-neutral-600"
+      ],
+      variants: {
+        parentActive: {
+          true: ["font-semibold", "text-neutral-900", "dark:text-neutral-50"]
+        }
+      }
+    }), A = k({
+      base: "flex flex-col gap-2 transition-all duration-300",
+      variants: {
+        open: {
+          true: "max-h-[1000px]",
+          false: "max-h-0 overflow-hidden"
+        }
+      }
+    });
+    return (r, n) => {
+      const C = N("MenuSection", !0);
+      return l(), a("li", s(e(_), { class: e(x) }), [
+        u("ul", J, [
+          p(G, {
+            content: r.label,
+            disabled: !e(t),
+            placement: "right",
+            dense: "",
+            class: "w-full"
+          }, {
+            default: b(() => [
+              u("li", {
+                class: c(e(S)({ parentActive: r.parentActive })),
+                style: V({ paddingLeft: w.value }),
+                "aria-expanded": e(t) ? void 0 : o.value,
+                "aria-controls": e(t) ? void 0 : e(v),
+                "aria-label": e(t) ? void 0 : r.toggleSectionLabel,
+                role: e(t) ? void 0 : "button",
+                tabindex: e(t) ? void 0 : 0,
+                onClick: n[0] || (n[0] = (i) => !e(t) && (o.value = !o.value)),
+                onKeydown: [
+                  n[1] || (n[1] = g((i) => !e(t) && (o.value = !o.value), ["enter"])),
+                  n[2] || (n[2] = g(K((i) => !e(t) && (o.value = !o.value), ["prevent"]), ["space"]))
+                ]
+              }, [
+                p(I, { icon: r.icon }, {
+                  default: b(() => [
+                    P(j(r.label), 1)
+                  ]),
+                  _: 1
+                }, 8, ["icon"]),
+                e(t) ? m("", !0) : (l(), d(e(q), {
+                  key: 0,
+                  name: "caret-right",
+                  size: "sm",
+                  class: c([
+                    "shrink-0 transition-transform duration-200",
+                    o.value && "rotate-90"
+                  ])
+                }, null, 8, ["class"]))
+              ], 46, O)
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"]),
+          e(t) ? m("", !0) : (l(), a("li", Q, [
+            u("ul", {
+              id: e(v),
+              class: c(e(A)({ open: o.value })),
+              role: "group"
+            }, [
+              (l(!0), a(h, null, E(r.items, (i, $) => (l(), a(h, { key: $ }, [
+                i.items ? (l(), d(C, s({
+                  key: 0,
+                  ref_for: !0
+                }, i, {
+                  level: r.level + 1,
+                  "current-path": r.currentPath,
+                  "toggle-section-label": r.toggleSectionLabel
+                }), null, 16, ["level", "current-path", "toggle-section-label"])) : (l(), d(F, s({
+                  key: 1,
+                  ref_for: !0
+                }, i, {
+                  level: r.level + 1
+                }), null, 16, ["level"]))
+              ], 64))), 128))
+            ], 10, R)
+          ]))
+        ])
+      ], 16);
+    };
+  }
+});
+export {
+  ae as default
+};

package/dist/components/navigation/Menu/primitives/MenuSection.vue2.js

@@ -0,0 +1,4 @@
+import f from "./MenuSection.vue.js";
+export {
+  f as default
+};

package/dist/components/navigation/Menu/types.d.ts

@@ -0,0 +1,10 @@
+export interface MenuItem {
+    label: string;
+    href?: string;
+    ariaLabel?: string;
+    icon?: string;
+    level?: number;
+    items?: MenuItem[];
+    active?: boolean;
+    parentActive?: boolean;
+}

package/dist/components/navigation/UserMenu/UserMenu.vue.d.ts

@@ -0,0 +1,19 @@
+import { type LocaleMessages } from "@/composables";
+import type { UserMenuItem } from "./types";
+type __VLS_Props = {
+    image?: string;
+    name?: string;
+    items: UserMenuItem[];
+    dense?: boolean;
+    locale?: LocaleMessages;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (label: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((label: string) => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+    name: string;
+    image: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/navigation/UserMenu/UserMenu.vue.js

@@ -0,0 +1,143 @@
+import { defineComponent as A, toRef as N, ref as b, computed as $, watch as w, onBeforeUnmount as R, createElementBlock as I, openBlock as c, createVNode as T, createBlock as y, createCommentVNode as U, mergeProps as V, unref as K, withCtx as O, Fragment as z, renderList as F } from "vue";
+import { useLocale as H } from "../../../composables/useLocale.js";
+import { useSanitizedId as P } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import j from "./primitives/UserMenuTrigger.vue.js";
+import q from "./primitives/UserMenuContent.vue.js";
+import x from "./primitives/UserMenuItem.vue.js";
+const ne = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  __name: "UserMenu",
+  props: {
+    image: { default: void 0 },
+    name: { default: void 0 },
+    items: {},
+    dense: { type: Boolean },
+    locale: { default: void 0 }
+  },
+  emits: ["select"],
+  setup(E, { emit: D }) {
+    const o = E, _ = D, B = H(
+      "user-menu",
+      N(() => o.locale)
+    ), g = P("user-menu"), i = `${g}-menu`, h = `--${g}`, M = { "anchor-name": h }, t = b(!1), a = b(-1), d = b(null), k = $(
+      () => o.items.reduce((e, n, l) => (n.disabled || e.push(l), e), [])
+    ), L = $(() => {
+      if (!(!t.value || a.value < 0))
+        return `${i}-item-${a.value}`;
+    });
+    function r() {
+      t.value = !0, a.value = -1;
+    }
+    function u() {
+      t.value = !1, a.value = -1;
+    }
+    function C() {
+      t.value ? u() : r();
+    }
+    function f(e) {
+      const n = k.value;
+      if (n.length === 0) return -1;
+      const l = n.findIndex((s) => s > e);
+      return l >= 0 ? n[l] : n[0];
+    }
+    function m(e) {
+      const n = k.value;
+      if (n.length === 0) return -1;
+      for (let l = n.length - 1; l >= 0; l--)
+        if (n[l] < e) return n[l];
+      return n[n.length - 1];
+    }
+    function v(e) {
+      _("select", e), u();
+    }
+    function S(e) {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), t.value ? a.value = f(a.value) : (r(), a.value = f(-1));
+          break;
+        case "ArrowUp":
+          e.preventDefault(), t.value ? a.value = m(a.value) : (r(), a.value = m(o.items.length));
+          break;
+        case "Enter":
+          if (e.preventDefault(), t.value && a.value >= 0) {
+            const n = o.items[a.value];
+            n.disabled || v(n.label);
+          } else t.value || r();
+          break;
+        case " ":
+          if (e.preventDefault(), t.value && a.value >= 0) {
+            const n = o.items[a.value];
+            n.disabled || v(n.label);
+          } else t.value || r();
+          break;
+        case "Escape":
+          e.preventDefault(), u();
+          break;
+        case "Tab":
+          u();
+          break;
+        case "Home":
+          t.value && (e.preventDefault(), a.value = f(-1));
+          break;
+        case "End":
+          t.value && (e.preventDefault(), a.value = m(o.items.length));
+          break;
+      }
+    }
+    function p(e) {
+      d.value && !d.value.contains(e.target) && u();
+    }
+    return w(t, (e) => {
+      e ? document.addEventListener("mousedown", p) : document.removeEventListener("mousedown", p);
+    }), w(a, (e) => {
+      if (e >= 0 && t.value) {
+        const n = document.getElementById(`${i}-item-${e}`);
+        n == null || n.scrollIntoView({ block: "nearest" });
+      }
+    }), R(() => {
+      document.removeEventListener("mousedown", p);
+    }), (e, n) => (c(), I("div", {
+      ref_key: "containerRef",
+      ref: d,
+      class: "relative inline-block",
+      style: M
+    }, [
+      T(j, V(e.$attrs, {
+        image: e.image,
+        name: e.name,
+        "is-open": t.value,
+        "menu-id": i,
+        "aria-label": K(B)("toggle"),
+        onToggle: C,
+        onKeydown: S
+      }), null, 16, ["image", "name", "is-open", "aria-label"]),
+      t.value ? (c(), y(q, {
+        key: 0,
+        id: i,
+        "anchor-name": h,
+        "active-descendant-id": L.value
+      }, {
+        default: O(() => [
+          (c(!0), I(z, null, F(e.items, (l, s) => (c(), y(x, {
+            id: `${i}-item-${s}`,
+            key: l.label,
+            label: l.label,
+            href: l.href,
+            icon: l.icon,
+            variant: l.variant,
+            disabled: l.disabled,
+            "is-active": a.value === s,
+            dense: e.dense,
+            onSelect: v,
+            onMouseenter: (G) => a.value = s
+          }, null, 8, ["id", "label", "href", "icon", "variant", "disabled", "is-active", "dense", "onMouseenter"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["active-descendant-id"])) : U("", !0)
+    ], 512));
+  }
+});
+export {
+  ne as default
+};

package/dist/components/navigation/UserMenu/UserMenu.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UserMenu.vue.js";
+export {
+  f as default
+};

package/dist/components/navigation/UserMenu/primitives/UserMenuContent.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id?: string;
+    anchorName: string;
+    activeDescendantId?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navigation/UserMenu/primitives/UserMenuContent.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as i, computed as c, createElementBlock as l, openBlock as m, mergeProps as p, unref as t, renderSlot as u } from "vue";
+import { tv as f } from "tailwind-variants";
+import { useForwardedAttrs as b } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const h = ["id", "aria-activedescendant"], y = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "UserMenuContent",
+  props: {
+    id: {},
+    anchorName: {},
+    activeDescendantId: {}
+  },
+  setup(o) {
+    const { classAttr: r, forwardedAttrs: n } = b(), a = f({
+      base: [
+        "z-50 mt-1.5 scrollbar-subtle min-w-48 overflow-auto rounded-lg border p-1 shadow-lg",
+        "border-neutral-300 bg-white",
+        "dark:border-neutral-600 dark:bg-neutral-800"
+      ]
+    }), s = o, d = c(
+      () => ({
+        position: "fixed",
+        "position-anchor": s.anchorName,
+        "position-area": "bottom"
+      })
+    );
+    return (e, v) => (m(), l("ul", p({ id: e.id }, t(n), {
+      class: t(a)({ class: t(r) }),
+      style: d.value,
+      role: "menu",
+      "aria-activedescendant": e.activeDescendantId
+    }), [
+      u(e.$slots, "default")
+    ], 16, h));
+  }
+});
+export {
+  y as default
+};

package/dist/components/navigation/UserMenu/primitives/UserMenuContent.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UserMenuContent.vue.js";
+export {
+  f as default
+};

package/dist/components/navigation/UserMenu/primitives/UserMenuItem.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    id?: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    dense?: boolean;
+    disabled?: boolean;
+    isActive?: boolean;
+    variant?: "default" | "danger";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (label: string) => any;
+    mouseenter: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((label: string) => any) | undefined;
+    onMouseenter?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;