vlite3 0.1.0 → 0.1.2

package/components/Modal.vue.js

@@ -0,0 +1,116 @@
+import { defineComponent as C, ref as w, watch as m, onUnmounted as B, openBlock as o, createElementBlock as n, Fragment as $, createElementVNode as d, normalizeClass as l, withModifiers as y, renderSlot as i, createCommentVNode as r, createBlock as b, Teleport as O, createVNode as h, Transition as S, withCtx as z, toDisplayString as v, resolveDynamicComponent as E, mergeProps as N } from "vue";
+import P from "./Button.vue.js";
+import { useKeyStroke as V } from "../composables/useKeyStroke.js";
+const j = {
+  key: 0,
+  class: "flex-none flex flex-col space-y-1.5 pb-0 border-b"
+}, D = { class: "text-lg font-semibold leading-none tracking-tight" }, K = {
+  key: 0,
+  class: "text-sm text-muted-foreground mb-2"
+}, F = /* @__PURE__ */ C({
+  __name: "Modal",
+  props: {
+    show: { type: Boolean, default: !1 },
+    title: {},
+    maxWidth: { default: "sm:max-w-lg" },
+    closeOutside: { type: Boolean, default: !0 },
+    backdrop: { type: Boolean, default: !0 },
+    description: {},
+    triggerClass: {},
+    bodyClass: {},
+    headerClass: {},
+    footerClass: {},
+    body: {},
+    bodyProps: {}
+  },
+  emits: ["close", "update:show", "onOpen"],
+  setup(e, { emit: x }) {
+    const c = e, u = x, a = w(c.show);
+    m(
+      () => c.show,
+      (t) => {
+        a.value = t, t && u("onOpen");
+      }
+    );
+    const g = () => {
+      a.value = !0;
+    }, s = () => {
+      a.value = !1, u("update:show", !1), u("close");
+    }, p = () => {
+      c.closeOutside && s();
+    }, { onKeyStroke: k } = V();
+    return k("Escape", s), m(a, (t) => {
+      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), B(() => {
+      document.body.style.overflow = "";
+    }), (t, f) => (o(), n($, null, [
+      d("span", {
+        onClick: y(g, ["stop"]),
+        class: l(`${e.triggerClass}`)
+      }, [
+        i(t.$slots, "trigger", {}, () => [
+          e.body ? i(t.$slots, "default", { key: 0 }) : r("", !0)
+        ])
+      ], 2),
+      (o(), b(O, { to: "body" }, [
+        h(S, {
+          "enter-active-class": "transition duration-200 ease-out",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "transition duration-150 ease-in",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: z(() => [
+            a.value ? (o(), n("div", {
+              key: 0,
+              class: l(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", e.backdrop && "backdrop-blur-[2px]"]),
+              onClick: p
+            }, [
+              d("div", {
+                class: l(["modal-body relative w-full rounded border border-border bg-body text-foreground shadow-lg flex flex-col max-h-[85vh] sm:max-h-[90vh]", [e.maxWidth]]),
+                onClick: f[0] || (f[0] = y(() => {
+                }, ["stop"]))
+              }, [
+                e.title ? (o(), n("div", j, [
+                  d("div", {
+                    class: l(["flex items-center justify-between bg-muted-light py-1 px-4 rounded-t-md", e.headerClass])
+                  }, [
+                    d("h3", D, v(e.title), 1),
+                    h(P, {
+                      rounded: "full",
+                      size: "sm",
+                      icon: "lucide:x",
+                      variant: "ghost",
+                      class: "hover:bg-gray-250/25!",
+                      onClick: s
+                    })
+                  ], 2)
+                ])) : r("", !0),
+                d("div", {
+                  class: l(["flex-1 overflow-y-auto px-4 py-4 min-h-0 shadow-xl", e.bodyClass])
+                }, [
+                  e.description ? (o(), n("p", K, v(e.description), 1)) : r("", !0),
+                  e.body ? (o(), b(E(e.body), N({ key: 1 }, e.bodyProps, { close: s }), null, 16)) : i(t.$slots, "default", {
+                    key: 2,
+                    close: s
+                  })
+                ], 2),
+                t.$slots.footer ? (o(), n("div", {
+                  key: 1,
+                  class: l([e.footerClass, "flex-none flex items-center px-4 py-2.5 border-t rounded-b-xl"])
+                }, [
+                  i(t.$slots, "footer", { close: s })
+                ], 2)) : r("", !0)
+              ], 2)
+            ], 2)) : r("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+});
+export {
+  F as default
+};

package/components/Modal.vue2.js

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

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -0,0 +1,40 @@
+import { IDropdownOptions } from '../../types';
+interface Props {
+    modelValue?: any[];
+    options?: IDropdownOptions;
+    placeholder?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    variant?: 'default' | 'outline' | 'solid';
+    size?: 'sm' | 'md' | 'lg';
+    maxVisible?: number;
+    loading?: boolean;
+    hasMore?: boolean;
+    remote?: boolean;
+    layout?: 'default' | 'grouped';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (query: string) => any;
+    "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
+    "load-more": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSearch?: (query: string) => any;
+    "onUpdate:modelValue"?: (value: any[]) => any;
+    onChange?: (value: any[]) => any;
+    "onLoad-more"?: () => any;
+}>, {
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    placeholder: string;
+    variant: "default" | "outline" | "solid";
+    modelValue: any[];
+    loading: boolean;
+    options: IDropdownOptions;
+    layout: "default" | "grouped";
+    hasMore: boolean;
+    searchable: boolean;
+    remote: boolean;
+    maxVisible: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/MultiSelect/MultiSelect.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent as z, ref as j, computed as i, openBlock as n, createBlock as m, unref as y, withCtx as f, createVNode as v, createElementVNode as d, normalizeClass as V, createElementBlock as p, toDisplayString as b, Fragment as w, renderList as E, withModifiers as k, createCommentVNode as h, createTextVNode as L } from "vue";
+import g from "../Icon.vue.js";
+import A from "../Dropdown/Dropdown.vue.js";
+import D from "../Dropdown/DropdownMenu.vue.js";
+import C from "../Badge.vue.js";
+const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }, T = {
+  key: 0,
+  class: "text-muted-foreground pl-1"
+}, U = { class: "truncate" }, q = ["onClick"], G = { class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground" }, R = /* @__PURE__ */ z({
+  __name: "MultiSelect",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    placeholder: { default: "Select items..." },
+    disabled: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !0 },
+    variant: { default: "outline" },
+    size: { default: "md" },
+    maxVisible: { default: 2 },
+    loading: { type: Boolean, default: !1 },
+    hasMore: { type: Boolean, default: !1 },
+    remote: { type: Boolean, default: !1 },
+    layout: { default: "default" }
+  },
+  emits: ["update:modelValue", "change", "load-more", "search"],
+  setup(l, { emit: $ }) {
+    const o = l, s = $, u = j(!1), c = i(() => o.options.filter((a) => {
+      const e = a.value ?? a.label;
+      return o.modelValue.includes(e);
+    })), B = i(() => c.value.slice(0, o.maxVisible)), x = i(() => c.value.length - o.maxVisible), O = (a) => {
+      const e = a.value ?? a.label, t = [...o.modelValue], r = t.indexOf(e);
+      r === -1 ? t.push(e) : t.splice(r, 1), s("update:modelValue", t), s("change", t);
+    }, M = (a) => {
+      const e = o.modelValue.filter((t) => t !== a);
+      s("update:modelValue", e), s("change", e);
+    }, S = () => {
+      s("update:modelValue", []), s("change", []);
+    }, N = i(() => [
+      "flex items-center justify-between w-full min-h-[40px] px-3 py-1.5 rounded-md border text-sm transition-colors cursor-pointer",
+      o.disabled ? "opacity-50 cursor-not-allowed bg-muted" : "bg-background hover:bg-accent",
+      o.variant === "outline" ? "border-input" : "border-transparent bg-muted",
+      u.value ? "border-primary" : ""
+    ].join(" "));
+    return i(() => o.size === "sm" ? "xs" : "sm"), (a, e) => (n(), m(y(A), {
+      isOpen: u.value,
+      "onUpdate:isOpen": e[3] || (e[3] = (t) => u.value = t),
+      "close-on-select": !1,
+      selectable: !0,
+      disabled: l.disabled
+    }, {
+      trigger: f(({ isOpen: t }) => [
+        d("div", {
+          class: V(N.value)
+        }, [
+          d("div", F, [
+            c.value.length === 0 ? (n(), p("span", T, b(l.placeholder), 1)) : (n(), p(w, { key: 1 }, [
+              (n(!0), p(w, null, E(B.value, (r) => (n(), m(C, {
+                key: r.value,
+                variant: "secondary",
+                class: "gap-1 pr-1 truncate max-w-[150px]"
+              }, {
+                default: f(() => [
+                  d("span", U, b(r.label), 1),
+                  l.disabled ? h("", !0) : (n(), p("button", {
+                    key: 0,
+                    onClick: k((H) => M(r.value), ["stop"]),
+                    class: "hover:bg-destructive/10 hover:text-destructive rounded-full p-0.5 transition-colors"
+                  }, [
+                    v(g, {
+                      icon: "lucide:x",
+                      class: "w-3 h-3"
+                    })
+                  ], 8, q))
+                ]),
+                _: 2
+              }, 1024))), 128)),
+              x.value > 0 ? (n(), m(C, {
+                key: 0,
+                variant: "secondary",
+                class: "font-normal text-muted-foreground"
+              }, {
+                default: f(() => [
+                  L(" +" + b(x.value), 1)
+                ]),
+                _: 1
+              })) : h("", !0)
+            ], 64))
+          ]),
+          d("div", G, [
+            c.value.length > 0 && !l.disabled ? (n(), m(g, {
+              key: 0,
+              icon: "lucide:x",
+              class: "w-4 h-4 hover:text-foreground transition-colors",
+              onClick: k(S, ["stop"])
+            })) : h("", !0),
+            e[4] || (e[4] = d("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
+            v(g, {
+              icon: "lucide:chevron-down",
+              class: V(["w-4 h-4 transition-transform duration-200", { "rotate-180": t }])
+            }, null, 8, ["class"])
+          ])
+        ], 2)
+      ]),
+      default: f(() => [
+        v(y(D), {
+          options: l.options,
+          selected: l.modelValue,
+          class: "min-w-[300px]",
+          loading: l.loading,
+          hasMore: l.hasMore,
+          searchable: l.searchable,
+          remote: l.remote,
+          layout: l.layout,
+          onSelect: O,
+          onClose: e[0] || (e[0] = (t) => u.value = !1),
+          onLoadMore: e[1] || (e[1] = (t) => a.$emit("load-more")),
+          onSearch: e[2] || (e[2] = (t) => a.$emit("search", t))
+        }, null, 8, ["options", "selected", "loading", "hasMore", "searchable", "remote", "layout"])
+      ]),
+      _: 1
+    }, 8, ["isOpen", "disabled"]));
+  }
+});
+export {
+  R as default
+};

package/components/MultiSelect/MultiSelect.vue2.js

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

package/components/MultiSelect/index.d.ts

@@ -0,0 +1 @@
+export { default as MultiSelect } from './MultiSelect.vue';

package/components/Navbar/Navbar.vue.d.ts

@@ -0,0 +1,51 @@
+import { NavbarProps } from '../../types/navbar.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'mobile-trigger'?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        'mobile-menu'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "toggle-mobile": () => any;
+}, string, import('vue').PublicProps, Readonly<NavbarProps> & Readonly<{
+    "onToggle-mobile"?: () => any;
+}>, {
+    class: string;
+    width: string;
+    height: string;
+    variant: import('../../types/navbar.type').NavbarVariant;
+    border: boolean;
+    position: import('../../types/navbar.type').NavbarPosition;
+    compact: boolean;
+    centerPosition: import('../../types/navbar.type').NavbarCenterPosition;
+    glass: boolean;
+    floating: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Navbar/Navbar.vue.js

@@ -0,0 +1,198 @@
+import { defineComponent as C, ref as v, useSlots as z, onMounted as S, onUnmounted as j, computed as f, provide as M, openBlock as n, createElementBlock as r, normalizeClass as m, Fragment as h, createElementVNode as s, renderSlot as l, createVNode as p, createBlock as y, resolveDynamicComponent as N, withCtx as b, createCommentVNode as w, toDisplayString as P, createTextVNode as E } from "vue";
+import x from "../Icon.vue.js";
+import V from "../SidePanel.vue.js";
+import A from "../Logo.vue.js";
+const O = { class: "flex items-center gap-4 shrink-0 z-10" }, D = { class: "shrink-0" }, L = { key: 1 }, U = { key: 2 }, W = { class: "hidden md:flex items-center gap-1 overflow-x-auto no-scrollbar mask-gradient" }, F = { class: "md:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background" }, T = { class: "hidden md:flex flex-col h-full w-full overflow-hidden" }, Y = { class: "h-16 flex items-center px-6 shrink-0 z-10" }, q = { class: "flex-1 px-4 py-4 overflow-y-auto space-y-4 scrollbar-thin" }, G = { class: "p-4 border-t border-border shrink-0 bg-background mt-auto" }, H = { class: "flex flex-col space-y-6 pt-4 h-full" }, I = {
+  key: 0,
+  class: "flex flex-col space-y-1"
+}, J = {
+  key: 1,
+  class: "flex flex-col space-y-4 flex-1 overflow-y-auto"
+}, K = { class: "mt-auto pt-4 border-t border-border" }, te = /* @__PURE__ */ C({
+  __name: "Navbar",
+  props: {
+    variant: { default: "header" },
+    position: { default: "sticky" },
+    centerPosition: { default: "center" },
+    glass: { type: Boolean, default: !0 },
+    border: { type: Boolean, default: !0 },
+    floating: { type: Boolean, default: !1 },
+    class: { default: "" },
+    height: { default: "h-16" },
+    width: { default: "w-64" },
+    compact: { type: Boolean, default: !1 },
+    logo: {},
+    logoAlt: {}
+  },
+  emits: ["toggle-mobile"],
+  setup(a, { emit: Q }) {
+    const t = a, d = v(!1), u = v(!1);
+    z();
+    const g = () => {
+      u.value = window.scrollY > 10;
+    };
+    S(() => {
+      window.addEventListener("scroll", g, { passive: !0 });
+    }), j(() => {
+      window.removeEventListener("scroll", g);
+    });
+    const k = f(() => {
+      const e = t.variant === "sidebar", o = {
+        fixed: "fixed top-0 left-0 z-40",
+        sticky: "sticky top-0 z-40",
+        relative: "relative z-10",
+        absolute: "absolute top-0 left-0 w-full z-40"
+      }, i = "transition-all duration-300 ease-in-out bg-body", B = [
+        t.glass && (u.value || e || t.floating) ? "backdrop-blur-md bg-background/80 supports-[backdrop-filter]:bg-background/60" : "bg-background",
+        t.border && !t.floating ? e ? "border-r border-border" : "border-b border-border" : "",
+        t.floating ? "m-4 rounded-xl shadow-lg border border-border/50" : "",
+        u.value && !t.floating && !e && t.position === "sticky" ? "shadow-sm" : ""
+      ];
+      let c = "";
+      return e ? c = `flex flex-col max-md:w-full ${t.compact ? "w-20" : t.width} h-auto md:h-full md:max-h-screen` : c = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${t.height}`, [i, o[t.position], ...B, c, t.class].join(" ");
+    }), $ = f(() => {
+      if (t.variant === "sidebar") return "flex-1 py-4 overflow-y-auto";
+      switch (t.centerPosition) {
+        case "left":
+          return "flex items-center justify-start";
+        case "right":
+          return "flex items-center justify-end ml-auto";
+        default:
+          return "hidden md:flex items-center justify-center mx-auto";
+      }
+    });
+    return M("navbar-context", {
+      compact: f(() => t.compact)
+    }), (e, o) => (n(), r("nav", {
+      class: m(k.value),
+      role: "navigation"
+    }, [
+      a.variant === "header" ? (n(), r(h, { key: 0 }, [
+        s("div", O, [
+          l(e.$slots, "mobile-trigger", {}, () => [
+            s("button", {
+              type: "button",
+              class: "md:hidden p-2 -ml-2 text-muted-foreground hover:bg-accent rounded-md shrink-0",
+              onClick: o[0] || (o[0] = (i) => d.value = !0)
+            }, [
+              p(x, {
+                icon: "lucide:menu",
+                class: "w-5 h-5"
+              }),
+              o[3] || (o[3] = s("span", { class: "sr-only" }, "Open Menu", -1))
+            ])
+          ]),
+          s("div", D, [
+            l(e.$slots, "logo", {}, () => [
+              (n(), y(N(t.logo ? "img" : "div"), {
+                src: t.logo,
+                class: "h-8 w-auto font-bold text-xl flex items-center gap-2"
+              }, {
+                default: b(() => [
+                  t.logo ? w("", !0) : (n(), y(A, {
+                    key: 0,
+                    class: "h-6 w-6"
+                  })),
+                  !t.logo && t.logoAlt ? (n(), r("span", L, P(t.logoAlt), 1)) : t.logo ? w("", !0) : (n(), r("span", U, "Brand"))
+                ]),
+                _: 1
+              }, 8, ["src"]))
+            ])
+          ]),
+          s("div", W, [
+            l(e.$slots, "left")
+          ])
+        ]),
+        s("div", {
+          class: m([
+            $.value,
+            // Width constraint to ensure it doesn't crush others, but allows simple resizing
+            "max-w-full"
+          ])
+        }, [
+          l(e.$slots, "center")
+        ], 2),
+        s("div", {
+          class: m(["flex items-center gap-2 shrink-0 max-w-[40%] z-10", {
+            // Always push to end unless Center is pushing it.
+            // If Center is 'center' (mx-auto) or 'right' (ml-auto), this naturally falls to end.
+            // If Center is 'left', we MUST have ml-auto here.
+            "ml-auto": a.centerPosition === "left" || a.centerPosition === "center"
+            // If center is 'right', Center has ml-auto. Right just sits next to it.
+            // But if we add ml-auto here too, they might split space? No, flexbox parses strictly.
+          }])
+        }, [
+          l(e.$slots, "right")
+        ], 2)
+      ], 64)) : (n(), r(h, { key: 1 }, [
+        s("div", F, [
+          l(e.$slots, "logo", {}, () => [
+            o[4] || (o[4] = s("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
+          ]),
+          s("button", {
+            type: "button",
+            class: "p-2 -mr-2 text-muted-foreground hover:bg-accent rounded-md",
+            onClick: o[1] || (o[1] = (i) => d.value = !0)
+          }, [
+            p(x, {
+              icon: "lucide:menu",
+              class: "w-5 h-5"
+            }),
+            o[5] || (o[5] = s("span", { class: "sr-only" }, "Open Menu", -1))
+          ])
+        ]),
+        s("div", T, [
+          s("div", Y, [
+            l(e.$slots, "logo", {}, () => [
+              o[6] || (o[6] = s("div", { class: "font-bold text-xl truncate" }, "Brand", -1))
+            ])
+          ]),
+          s("div", q, [
+            l(e.$slots, "left"),
+            l(e.$slots, "default"),
+            l(e.$slots, "center")
+          ]),
+          s("div", G, [
+            l(e.$slots, "right")
+          ])
+        ])
+      ], 64)),
+      p(V, {
+        show: d.value,
+        "onUpdate:show": o[2] || (o[2] = (i) => d.value = i),
+        position: "left",
+        size: "sm",
+        triggerClass: "sm:hidden",
+        class: "z-60 sm:hidden"
+      }, {
+        header: b(() => [
+          l(e.$slots, "logo", {}, () => [
+            o[7] || (o[7] = E("Brand", -1))
+          ])
+        ]),
+        default: b(() => [
+          s("div", H, [
+            a.variant === "header" ? (n(), r("div", I, [
+              l(e.$slots, "mobile-menu", {}, () => [
+                l(e.$slots, "left"),
+                o[8] || (o[8] = s("div", { class: "h-px bg-border my-2" }, null, -1)),
+                l(e.$slots, "center")
+              ])
+            ])) : (n(), r("div", J, [
+              l(e.$slots, "left"),
+              l(e.$slots, "default"),
+              l(e.$slots, "center")
+            ])),
+            s("div", K, [
+              l(e.$slots, "right")
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["show"])
+    ], 2));
+  }
+});
+export {
+  te as default
+};

package/components/Navbar/Navbar.vue2.js

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

package/components/Navbar/NavbarGroup.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    orientation?: 'horizontal' | 'vertical';
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Navbar/NavbarGroup.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as s, computed as r, openBlock as l, createElementBlock as n, normalizeClass as c, renderSlot as i } from "vue";
+const f = /* @__PURE__ */ s({
+  __name: "NavbarGroup",
+  props: {
+    orientation: { default: "horizontal" },
+    class: { default: "" }
+  },
+  setup(o) {
+    const e = o, t = r(() => [
+      "flex",
+      e.orientation === "vertical" ? "flex-col space-y-1" : "flex-row items-center space-x-1",
+      e.class
+    ].join(" "));
+    return (a, p) => (l(), n("div", {
+      class: c(t.value)
+    }, [
+      i(a.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/components/Navbar/NavbarGroup.vue2.js

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

package/components/Navbar/NavbarItem.vue.d.ts

@@ -0,0 +1,40 @@
+interface Props {
+    to?: string;
+    href?: string;
+    label?: string;
+    icon?: string;
+    iconRight?: string;
+    active?: boolean;
+    disabled?: boolean;
+    class?: string;
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'default' | 'pill' | 'underline' | 'ghost';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        badge?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {
+    disabled: boolean;
+    class: string;
+    variant: "default" | "pill" | "underline" | "ghost";
+    active: boolean;
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};