@thkzt/eunoia 0.0.1-beta

package/dist/components/layout/Page.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as s, ref as r, createElementBlock as l, openBlock as i, createVNode as c, createStaticVNode as p } from "vue";
+import m from "./Header.vue.js";
+const f = /* @__PURE__ */ s({
+  __name: "Page",
+  setup(d) {
+    const e = r(null), o = () => {
+      e.value = { name: "Jane Doe" };
+    }, n = () => {
+      e.value = null;
+    }, a = () => {
+      e.value = { name: "Jane Doe" };
+    };
+    return (g, t) => (i(), l("article", null, [
+      c(m, {
+        user: e.value,
+        onLogin: o,
+        onLogout: n,
+        onCreateAccount: a
+      }, null, 8, ["user"]),
+      t[0] || (t[0] = p('<section class="mx-auto max-w-xl px-5 py-12 font-sans text-sm leading-6 text-neutral-800"><h2 class="mb-1 inline-block align-top text-3xl leading-none font-bold"> Pages in Storybook </h2><p class="my-4"> We recommend building UIs with a <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer" class="text-inherit"><strong>component-driven</strong></a> process starting with atomic components and ending with pages. </p><p class="my-4"> Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook: </p><ul class="my-4 list-disc pl-8"><li class="mb-2"> Use a higher-level connected component. Storybook helps you compose such data from the &quot;args&quot; of child component stories </li><li class="mb-2"> Assemble data in the page component from your services. You can mock these services out using Storybook. </li></ul><p class="my-4"> Get a guided tutorial on component-driven development at <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer" class="text-inherit">Storybook tutorials</a> . Read more in the <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer" class="text-inherit">docs</a> . </p><div class="my-10 text-[13px] leading-5"><span class="mr-2.5 inline-block rounded-full bg-green-100 px-3 py-1 align-top text-[11px] leading-3 font-bold text-green-700">Tip</span> Adjust the width of the canvas with the <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" class="mt-0.5 mr-1 inline-block h-3 w-3 align-top"><g fill="none" fill-rule="evenodd"><path id="a" d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z" fill="#1ea7fd"></path></g></svg> Viewports addon in the toolbar </div></section>', 1))
+    ]));
+  }
+});
+export {
+  f as default
+};

package/dist/components/layout/Page.vue2.js

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

package/dist/components/layout/Sidebar/Sidebar.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_PublicProps = {
+    "collapsed"?: boolean;
+};
+declare var __VLS_5: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    footer?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/layout/Sidebar/Sidebar.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as d, useModel as p, provide as f, createBlock as l, openBlock as t, mergeProps as c, withCtx as s, createElementVNode as i, createCommentVNode as m, renderSlot as a } from "vue";
+import n from "./primitives/SidebarRoot.vue.js";
+import u from "./primitives/SidebarFooter.vue.js";
+import { sidebarCollapsedKey as _ } from "./keys.js";
+const $ = { class: "scrollbar-subtle flex-1 overflow-y-auto" }, k = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "Sidebar",
+  props: {
+    collapsed: { type: Boolean, default: !1 },
+    collapsedModifiers: {}
+  },
+  emits: ["update:collapsed"],
+  setup(r) {
+    const o = p(r, "collapsed");
+    return f(_, o), (e, v) => (t(), l(n, c(e.$attrs, { collapsed: o.value }), {
+      default: s(() => [
+        i("div", $, [
+          a(e.$slots, "default")
+        ]),
+        e.$slots.footer && !o.value ? (t(), l(u, { key: 0 }, {
+          default: s(() => [
+            a(e.$slots, "footer")
+          ]),
+          _: 3
+        })) : m("", !0)
+      ]),
+      _: 3
+    }, 16, ["collapsed"]));
+  }
+});
+export {
+  k as default
+};

package/dist/components/layout/Sidebar/Sidebar.vue2.js

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

package/dist/components/layout/Sidebar/keys.d.ts

@@ -0,0 +1,2 @@
+import type { InjectionKey, Ref } from "vue";
+export declare const sidebarCollapsedKey: InjectionKey<Ref<boolean>>;

package/dist/components/layout/Sidebar/keys.js

@@ -0,0 +1,4 @@
+const e = Symbol("sidebar-collapsed");
+export {
+  e as sidebarCollapsedKey
+};

package/dist/components/layout/Sidebar/primitives/SidebarFooter.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/layout/Sidebar/primitives/SidebarFooter.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, createElementBlock as m, openBlock as n, mergeProps as c, unref as e, createVNode as i, createElementVNode as d, renderSlot as l } from "vue";
+import { tv as p } from "tailwind-variants";
+import { useForwardedAttrs as f } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import _ from "../../../core/Divider/Divider.vue.js";
+const u = { class: "p-3" }, B = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "SidebarFooter",
+  setup(A) {
+    const { classAttr: t, forwardedAttrs: r } = f(), o = p({
+      base: "mt-auto"
+    });
+    return (s, b) => (n(), m("div", c(e(r), {
+      class: e(o)({ class: e(t) })
+    }), [
+      i(_),
+      d("div", u, [
+        l(s.$slots, "default")
+      ])
+    ], 16));
+  }
+});
+export {
+  B as default
+};

package/dist/components/layout/Sidebar/primitives/SidebarFooter.vue2.js

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

package/dist/components/layout/Sidebar/primitives/SidebarRoot.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    collapsed?: boolean;
+};
+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<{}>, {
+    collapsed: boolean;
+}, {}, {}, {}, 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/layout/Sidebar/primitives/SidebarRoot.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as s, createElementBlock as l, openBlock as n, mergeProps as d, unref as e, renderSlot as i } from "vue";
+import { tv as f } from "tailwind-variants";
+import { useForwardedAttrs as p } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const k = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "SidebarRoot",
+  props: {
+    collapsed: { type: Boolean, default: !1 }
+  },
+  setup(c) {
+    const { classAttr: t, forwardedAttrs: o } = p(), a = f({
+      base: [
+        "flex h-full flex-col overflow-hidden border-r font-sans transition-[width] duration-200",
+        "border-neutral-200 bg-white",
+        "dark:border-neutral-800 dark:bg-neutral-900"
+      ],
+      variants: {
+        collapsed: {
+          false: "min-w-48",
+          true: "w-fit"
+        }
+      },
+      defaultVariants: {
+        collapsed: !1
+      }
+    });
+    return (r, u) => (n(), l("aside", d(e(o), {
+      class: e(a)({ collapsed: r.collapsed, class: e(t) })
+    }), [
+      i(r.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  k as default
+};

package/dist/components/layout/Sidebar/primitives/SidebarRoot.vue2.js

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

package/dist/components/layout/Sidebar/primitives/SidebarToggle.vue.d.ts

@@ -0,0 +1,13 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    locale?: LocaleMessages;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    "collapsed"?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/layout/Sidebar/primitives/SidebarToggle.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as d, mergeModels as m, toRef as p, useModel as i, createBlock as u, openBlock as f, unref as e, withCtx as b, createElementVNode as g, mergeProps as v, createVNode as x } from "vue";
+import { tv as h } from "tailwind-variants";
+import { useForwardedAttrs as _ } from "../../../../composables/useForwardedAttrs.js";
+import { useLocale as k } from "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import w from "../../../feedback/Tooltip/Tooltip.vue.js";
+import y from "../../../core/Icon/Icon.vue.js";
+const q = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "SidebarToggle",
+  props: /* @__PURE__ */ m({
+    locale: {}
+  }, {
+    collapsed: { type: Boolean, default: !1 },
+    collapsedModifiers: {}
+  }),
+  emits: ["update:collapsed"],
+  setup(o) {
+    const { classAttr: s, forwardedAttrs: l } = _(), n = o, r = k(
+      "sidebar",
+      p(() => n.locale)
+    ), t = i(o, "collapsed"), c = h({
+      base: [
+        "flex aspect-square w-10 items-center justify-center rounded-md p-1",
+        "text-neutral-400 hover:bg-black/10 hover:text-neutral-700",
+        "dark:hover:bg-white/10 dark:hover:text-neutral-200"
+      ]
+    });
+    return (A, a) => (f(), u(w, {
+      content: t.value ? e(r)("expand") : e(r)("collapse"),
+      placement: "right",
+      dense: ""
+    }, {
+      default: b(() => [
+        g("button", v({ type: "button" }, e(l), {
+          class: e(c)({ class: e(s) }),
+          onClick: a[0] || (a[0] = (B) => t.value = !t.value)
+        }), [
+          x(y, {
+            name: "sidebar",
+            size: "md"
+          })
+        ], 16)
+      ]),
+      _: 1
+    }, 8, ["content"]));
+  }
+});
+export {
+  q as default
+};

package/dist/components/layout/Sidebar/primitives/SidebarToggle.vue2.js

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

package/dist/components/layout/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Header } from "./Header.vue";
+export { default as Page } from "./Page.vue";
+export { default as Sidebar } from "./Sidebar/Sidebar.vue";
+export { default as SidebarToggle } from "./Sidebar/primitives/SidebarToggle.vue";

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

@@ -0,0 +1,10 @@
+import type { BreadcrumbItem as BreadcrumbItemType } from "./types";
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    items: BreadcrumbItemType[];
+    separator?: string;
+    ariaLabel?: string;
+    locale?: LocaleMessages;
+};
+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/Breadcrumb/Breadcrumb.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as f, toRef as p, createBlock as a, openBlock as r, mergeProps as o, unref as u, withCtx as _, createElementBlock as l, Fragment as m, renderList as b, createCommentVNode as d, createVNode as k } from "vue";
+import h from "./primitives/Breadcrumb.vue.js";
+import B from "./primitives/BreadcrumbItem.vue.js";
+import L from "./primitives/BreadcrumbSeparator.vue.js";
+import { useLocale as $ } from "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+const A = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "Breadcrumb",
+  props: {
+    items: {},
+    separator: {},
+    ariaLabel: {},
+    locale: {}
+  },
+  setup(n) {
+    const i = n, s = $(
+      "breadcrumb",
+      p(() => i.locale)
+    );
+    return (e, g) => (r(), a(h, o(e.$attrs, {
+      "aria-label": e.ariaLabel ?? u(s)("label")
+    }), {
+      default: _(() => [
+        (r(!0), l(m, null, b(e.items, (c, t) => (r(), l(m, { key: t }, [
+          t > 0 ? (r(), a(L, {
+            key: 0,
+            icon: e.separator
+          }, null, 8, ["icon"])) : d("", !0),
+          k(B, o({ ref_for: !0 }, c, {
+            active: t === e.items.length - 1
+          }), null, 16, ["active"])
+        ], 64))), 128))
+      ]),
+      _: 1
+    }, 16, ["aria-label"]));
+  }
+});
+export {
+  A as default
+};

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

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

package/dist/components/navigation/Breadcrumb/primitives/Breadcrumb.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    ariaLabel: 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/Breadcrumb/primitives/Breadcrumb.vue.js

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

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

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

package/dist/components/navigation/Breadcrumb/primitives/BreadcrumbItem.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+};
+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/Breadcrumb/primitives/BreadcrumbItem.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent as u, createElementBlock as i, openBlock as t, normalizeProps as d, guardReactiveProps as v, unref as r, createBlock as a, normalizeClass as s, withCtx as h, createCommentVNode as l, createTextVNode as m, toDisplayString as c } from "vue";
+import { tv as k } from "tailwind-variants";
+import { useForwardedAttrs as y } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import p from "../../../core/Icon/Icon.vue.js";
+import b from "../../../core/Link/Link.vue.js";
+import "highlight.js/lib/core";
+const B = ["aria-current"], V = /* @__PURE__ */ u({
+  inheritAttrs: !1,
+  __name: "BreadcrumbItem",
+  props: {
+    label: {},
+    href: {},
+    icon: {},
+    active: { type: Boolean }
+  },
+  setup(_) {
+    const { classAttr: o, forwardedAttrs: f } = y(), n = k({
+      base: "inline-flex items-center gap-1 text-sm",
+      variants: {
+        active: {
+          true: ["font-semibold", "text-primary-700", "dark:text-primary-300"],
+          false: [
+            "text-neutral-500 no-underline transition-colors hover:text-neutral-700",
+            "dark:text-neutral-400 dark:hover:text-neutral-200"
+          ]
+        }
+      }
+    });
+    return (e, g) => (t(), i("li", d(v(r(f))), [
+      e.href && !e.active ? (t(), a(r(b), {
+        key: 0,
+        href: e.href,
+        class: s(r(n)({ active: !1, class: r(o) }))
+      }, {
+        default: h(() => [
+          e.icon ? (t(), a(r(p), {
+            key: 0,
+            name: e.icon,
+            size: "xs"
+          }, null, 8, ["name"])) : l("", !0),
+          m(" " + c(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["href", "class"])) : (t(), i("span", {
+        key: 1,
+        class: s(r(n)({ active: !0, class: r(o) })),
+        "aria-current": e.active ? "page" : void 0
+      }, [
+        e.icon ? (t(), a(r(p), {
+          key: 0,
+          name: e.icon,
+          size: "xs"
+        }, null, 8, ["name"])) : l("", !0),
+        m(" " + c(e.label), 1)
+      ], 10, B))
+    ], 16));
+  }
+});
+export {
+  V as default
+};

package/dist/components/navigation/Breadcrumb/primitives/BreadcrumbItem.vue2.js

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

package/dist/components/navigation/Breadcrumb/primitives/BreadcrumbSeparator.vue.d.ts

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

package/dist/components/navigation/Breadcrumb/primitives/BreadcrumbSeparator.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as o, createElementBlock as n, openBlock as i, mergeProps as m, unref as e, createVNode as c, normalizeClass as l } from "vue";
+import { tv as p } from "tailwind-variants";
+import { useForwardedAttrs as f } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import d from "../../../core/Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const w = /* @__PURE__ */ o({
+  inheritAttrs: !1,
+  __name: "BreadcrumbSeparator",
+  props: {
+    icon: { default: "caret-right" }
+  },
+  setup(u) {
+    const { classAttr: r, forwardedAttrs: t } = f(), a = p({
+      base: ["text-neutral-400", "dark:text-neutral-500"]
+    });
+    return (s, _) => (i(), n("li", m({
+      role: "presentation",
+      "aria-hidden": "true",
+      class: "flex items-center"
+    }, e(t)), [
+      c(e(d), {
+        name: s.icon,
+        size: "xs",
+        class: l(e(a)({ class: e(r) }))
+      }, null, 8, ["name", "class"])
+    ], 16));
+  }
+});
+export {
+  w as default
+};

package/dist/components/navigation/Breadcrumb/primitives/BreadcrumbSeparator.vue2.js

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

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

@@ -0,0 +1,5 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: string;
+}

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

@@ -0,0 +1,10 @@
+import type { MenuItem } from "./types";
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    items: MenuItem[];
+    currentPath?: string;
+    ariaLabel?: string;
+    locale?: LocaleMessages;
+};
+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/Menu.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as b, toRef as d, computed as h, createBlock as a, openBlock as n, unref as s, withCtx as k, createElementBlock as i, Fragment as f, renderList as v, mergeProps as m } from "vue";
+import L from "./primitives/Menu.vue.js";
+import P from "./primitives/MenuItem.vue.js";
+import y from "./primitives/MenuSection.vue.js";
+import { useLocale as B } from "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+const D = /* @__PURE__ */ b({
+  __name: "Menu",
+  props: {
+    items: {},
+    currentPath: {},
+    ariaLabel: {},
+    locale: {}
+  },
+  setup(p) {
+    const o = p, l = B(
+      "menu",
+      d(() => o.locale)
+    );
+    function u(t, r) {
+      for (const e of t)
+        if (e.href === r || e.items && u(e.items, r)) return !0;
+      return !1;
+    }
+    function c(t, r) {
+      return r ? t.map((e) => e.items ? {
+        ...e,
+        parentActive: u(e.items, r),
+        items: c(e.items, r)
+      } : {
+        ...e,
+        active: e.href === r
+      }) : t;
+    }
+    const _ = h(
+      () => c(o.items, o.currentPath)
+    );
+    return (t, r) => (n(), a(L, {
+      "aria-label": t.ariaLabel ?? s(l)("label")
+    }, {
+      default: k(() => [
+        (n(!0), i(f, null, v(_.value, (e, g) => (n(), i(f, { key: g }, [
+          e.items ? (n(), a(y, m({
+            key: 0,
+            ref_for: !0
+          }, e, {
+            level: 1,
+            "current-path": t.currentPath,
+            "toggle-section-label": s(l)("toggle-section")
+          }), null, 16, ["current-path", "toggle-section-label"])) : (n(), a(P, m({
+            key: 1,
+            ref_for: !0
+          }, e, { level: 1 }), null, 16))
+        ], 64))), 128))
+      ]),
+      _: 1
+    }, 8, ["aria-label"]));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    ariaLabel?: 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;
+    };
+};