vlite3 1.4.1 → 1.4.2

package/components/AppShell/AppShell.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ap
     mobileMenuVariant: "sidepanel" | "dropdown";
     breadcrumb: boolean;
     renderNestedTabs: boolean;
+    categoryRoutePrefix: string;
     logoClass: string;
     sidebarToggle: boolean;
     breadcrumbVariant: import('../Breadcrumb').BreadcrumbVariant;

package/components/AppShell/AppShell.vue.js

@@ -1,14 +1,16 @@
-import { defineComponent as u, computed as d, markRaw as e, openBlock as f, createBlock as i, resolveDynamicComponent as m, createSlots as c, renderList as p, withCtx as b, renderSlot as _, normalizeProps as g, guardReactiveProps as h } from "vue";
-import { useAppShell as y } from "./useAppShell.js";
-import o from "./AppShellLayoutSidebarFirst.vue.js";
-import v from "./AppShellLayoutDashboard.vue.js";
-import B from "./AppShellLayoutDock.vue.js";
-import C from "./AppShellLayoutClassic.vue.js";
-import $ from "./AppShellLayoutHeaderShell.vue.js";
-const S = {
+import { defineComponent as f, computed as o, provide as d, markRaw as e, openBlock as m, createBlock as c, resolveDynamicComponent as p, createSlots as _, renderList as b, withCtx as g, renderSlot as y, normalizeProps as h, guardReactiveProps as v } from "vue";
+import { useAppShell as C } from "./useAppShell.js";
+import { normalizeRoutePrefix as B, CATEGORY_MENU_ROUTE_PREFIX_KEY as P } from "../CategoryMenu/utils.js";
+import l from "./AppShellLayoutSidebarFirst.vue.js";
+import R from "./AppShellLayoutDashboard.vue.js";
+import $ from "./AppShellLayoutDock.vue.js";
+import S from "./AppShellLayoutClassic.vue.js";
+import k from "./AppShellLayoutHeaderShell.vue.js";
+import x from "./AppShellLayoutStorefront.vue.js";
+const A = {
   inheritAttrs: !1
-}, V = /* @__PURE__ */ u({
-  ...S,
+}, Y = /* @__PURE__ */ f({
+  ...A,
   __name: "AppShell",
   props: {
     variant: { default: "sidebar" },
@@ -39,38 +41,43 @@ const S = {
     breadcrumbLabels: {},
     breadcrumbHomeIcon: { default: "lucide:home" },
     breadcrumbClass: { default: "" },
-    layoutMode: { default: "variant1" }
+    layoutMode: { default: "variant1" },
+    categoryRoutePrefix: { default: "" }
   },
   emits: ["toggle-mobile"],
-  setup(l) {
-    const a = l;
-    y(a, !0);
-    const s = d(() => {
+  setup(n) {
+    const a = n;
+    C(a, !0);
+    const s = o(() => B(a.categoryRoutePrefix));
+    d(P, s);
+    const u = o(() => {
       switch (a.layoutMode) {
         case "variant1":
-          return e(o);
+          return e(l);
         case "variant2":
-          return e(v);
+          return e(R);
         case "variant3":
-          return e(B);
+          return e($);
         case "variant4":
-          return e(C);
+          return e(S);
         case "variant5":
-          return e($);
+          return e(k);
+        case "variant6":
+          return e(x);
         default:
-          return e(o);
+          return e(l);
       }
     });
-    return (t, k) => (f(), i(m(s.value), null, c({ _: 2 }, [
-      p(t.$slots, (A, r) => ({
+    return (t, E) => (m(), c(p(u.value), null, _({ _: 2 }, [
+      b(t.$slots, (T, r) => ({
         name: r,
-        fn: b((n) => [
-          _(t.$slots, r, g(h(n ?? {})))
+        fn: g((i) => [
+          y(t.$slots, r, h(v(i ?? {})))
         ])
       }))
     ]), 1024));
   }
 });
 export {
-  V as default
+  Y as default
 };

package/components/AppShell/AppShellLayoutStorefront.vue.d.ts

@@ -0,0 +1,54 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        announcement?(_: {}): any;
+        'mobile-trigger'?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+        }): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        nav?(_: {}): any;
+        nav?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        center?(_: {}): any;
+        center?(_: {}): any;
+        search?(_: {}): any;
+        search?(_: {}): any;
+        actions?(_: {}): any;
+        actions?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        'mobile-search'?(_: {}): any;
+        categories?(_: {
+            categoryRoutePrefix: string;
+        }): any;
+        categories?(_: {
+            categoryRoutePrefix: string;
+        }): any;
+        main?(_: {}): any;
+        footer?(_: {}): any;
+        'mobile-sidebar-header'?(_: {}): any;
+        'mobile-sidebar'?(_: {}): any;
+        'mobile-nav'?(_: {}): any;
+        'mobile-sidebar-footer'?(_: {}): any;
+    };
+    refs: {
+        layoutMainRef: HTMLElement;
+        mainScrollRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    layoutMainRef: HTMLElement;
+    mainScrollRef: HTMLDivElement;
+}, 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/AppShell/AppShellLayoutStorefront.vue.js

@@ -0,0 +1,222 @@
+import { defineComponent as T, inject as P, computed as v, openBlock as r, createElementBlock as t, renderSlot as o, createCommentVNode as i, createElementVNode as d, normalizeClass as a, unref as s, createVNode as b, isRef as y, createSlots as R, withCtx as $ } from "vue";
+import V from "../Icon.vue.js";
+import j from "../SidePanel.vue.js";
+import x from "../Navbar/NavbarTabs.vue.js";
+/* empty css                        */
+import N from "../Breadcrumb/Breadcrumb.vue.js";
+/* empty css                                */
+import { APPSHELL_LAYOUT_KEY as B } from "./useAppShell.js";
+import { normalizeRoutePrefix as E } from "../CategoryMenu/utils.js";
+const L = { class: "vlite-app-layout flex flex-col w-full h-full min-h-0 bg-body text-foreground overflow-hidden" }, M = {
+  key: 0,
+  class: "shrink-0 w-full"
+}, O = { class: "w-full mx-auto max-w-7xl px-3 sm:px-4 md:px-6 lg:px-8" }, A = { class: "flex items-center gap-2 min-w-0" }, U = ["aria-label"], Y = { class: "w-full mx-auto max-w-7xl px-3 sm:px-4 md:px-6 lg:px-8" }, D = {
+  key: 0,
+  class: "shrink-0 w-full"
+}, H = {
+  key: 2,
+  class: "shrink-0 w-full border-t border-border bg-background"
+}, I = { class: "flex flex-col h-full" }, K = {
+  class: "flex-1 overflow-y-auto px-3.5 py-4 space-y-4 scrollbar-thin scrollbar-stable",
+  style: { "will-change": "transform", contain: "layout style" }
+}, q = {
+  key: 0,
+  class: "mt-auto border-t border-border px-3.5 py-3"
+}, te = /* @__PURE__ */ T({
+  __name: "AppShellLayoutStorefront",
+  setup(F) {
+    const w = P(B), {
+      props: l,
+      isMobileMenuOpen: n,
+      isSidebarVisible: G,
+      toggleSidebar: J,
+      pageTitle: Q,
+      breadcrumbData: g,
+      breakpointClasses: m,
+      nestedTabsItems: p,
+      activeNestedTab: c,
+      handleNestedTabClick: k,
+      mainScrollRef: C,
+      layoutMainRef: S
+    } = w, z = v(() => [
+      "w-full shrink-0 bg-background transition-shadow duration-200",
+      {
+        fixed: "fixed top-0 left-0 z-50",
+        sticky: "sticky top-0 z-50",
+        relative: "relative z-20",
+        absolute: "absolute top-0 left-0 w-full z-50"
+      }[l.position || "sticky"],
+      l.border ? "border-b border-border" : "",
+      l.glass ? "bg-background/90 backdrop-blur-md" : "",
+      l.floating ? "m-3 rounded-lg border border-border shadow-sm overflow-hidden" : "",
+      l.class
+    ].filter(Boolean).join(" ")), h = v(() => E(l.categoryRoutePrefix));
+    return (e, u) => (r(), t("div", L, [
+      e.$slots.announcement ? (r(), t("div", M, [
+        o(e.$slots, "announcement")
+      ])) : i("", !0),
+      d("header", {
+        class: a(z.value)
+      }, [
+        d("div", O, [
+          d("div", {
+            class: a(["grid w-full grid-cols-[auto_minmax(0,1fr)_auto] md:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3", s(l).height])
+          }, [
+            d("div", A, [
+              o(e.$slots, "mobile-trigger", {
+                isOpen: s(n),
+                toggle: () => n.value = !s(n)
+              }, () => [
+                d("button", {
+                  type: "button",
+                  class: a(["inline-flex items-center justify-center w-9 h-9 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent", [s(m).mobileTrigger, s(l).mobileTriggerClass]]),
+                  "aria-label": s(n) ? "Close menu" : "Open menu",
+                  onClick: u[0] || (u[0] = (f) => n.value = !s(n))
+                }, [
+                  b(V, {
+                    icon: s(n) ? "lucide:x" : "lucide:menu",
+                    class: "w-5 h-5"
+                  }, null, 8, ["icon"])
+                ], 10, U)
+              ]),
+              e.$slots.left ? (r(), t("div", {
+                key: 0,
+                class: a(["items-center gap-2 min-w-0", s(m).desktopContent])
+              }, [
+                o(e.$slots, "left")
+              ], 2)) : i("", !0),
+              e.$slots.nav ? (r(), t("nav", {
+                key: 1,
+                class: a(["items-center gap-1 min-w-0", s(m).desktopContent]),
+                "aria-label": "Primary navigation"
+              }, [
+                o(e.$slots, "nav")
+              ], 2)) : i("", !0)
+            ]),
+            e.$slots.logo || e.$slots.center ? (r(), t("div", {
+              key: 0,
+              class: a(["min-w-0 justify-self-center flex items-center justify-center", s(l).logoClass])
+            }, [
+              o(e.$slots, "logo", {}, () => [
+                o(e.$slots, "center")
+              ])
+            ], 2)) : i("", !0),
+            d("div", {
+              class: a(["flex items-center justify-end gap-2 min-w-0 justify-self-end", s(l).rightClass])
+            }, [
+              e.$slots.search ? (r(), t("div", {
+                key: 0,
+                class: a(["items-center min-w-0 w-full max-w-sm", s(m).desktopContent])
+              }, [
+                o(e.$slots, "search")
+              ], 2)) : i("", !0),
+              o(e.$slots, "actions", {}, () => [
+                o(e.$slots, "right")
+              ])
+            ], 2)
+          ], 2),
+          e.$slots["mobile-search"] || e.$slots.search ? (r(), t("div", {
+            key: 0,
+            class: a(["pb-3", s(m).mobileTrigger])
+          }, [
+            o(e.$slots, "mobile-search", {}, () => [
+              o(e.$slots, "search")
+            ])
+          ], 2)) : i("", !0)
+        ]),
+        e.$slots.categories ? (r(), t("div", {
+          key: 0,
+          class: a(["w-full border-t border-border bg-background", [s(m).desktopContent, s(l).menuClass]])
+        }, [
+          d("div", Y, [
+            o(e.$slots, "categories", { categoryRoutePrefix: h.value })
+          ])
+        ], 2)) : i("", !0)
+      ], 2),
+      e.$slots.main ? (r(), t("main", {
+        key: 1,
+        ref_key: "layoutMainRef",
+        ref: S,
+        class: "flex-1 overflow-hidden w-full relative flex flex-col min-h-0"
+      }, [
+        s(l).renderNestedTabs && s(p).length > 0 ? (r(), t("div", D, [
+          b(x, {
+            modelValue: s(c),
+            "onUpdate:modelValue": u[1] || (u[1] = (f) => y(c) ? c.value = f : null),
+            onChange: s(k),
+            items: s(p)
+          }, null, 8, ["modelValue", "onChange", "items"])
+        ])) : i("", !0),
+        s(l).breadcrumb && s(l).breadcrumbPosition === "main" && s(g).items.value.length > 1 ? (r(), t("div", {
+          key: 1,
+          class: a(["shrink-0 w-full border-b border-border px-6 py-2", s(l).breadcrumbClass])
+        }, [
+          b(s(N), {
+            items: s(g).items.value,
+            variant: s(l).breadcrumbVariant,
+            separator: s(l).breadcrumbSeparator,
+            size: s(l).breadcrumbSize
+          }, null, 8, ["items", "variant", "separator", "size"])
+        ], 2)) : i("", !0),
+        d("div", {
+          ref_key: "mainScrollRef",
+          ref: C,
+          style: { "will-change": "transform", contain: "layout style" },
+          class: a(["flex-1 overflow-y-auto w-full relative h-full scrollbar-thin scrollbar-stable", s(l).contentClass])
+        }, [
+          o(e.$slots, "main")
+        ], 2)
+      ], 512)) : i("", !0),
+      e.$slots.footer ? (r(), t("footer", H, [
+        o(e.$slots, "footer")
+      ])) : i("", !0),
+      b(j, {
+        show: s(n),
+        "onUpdate:show": u[2] || (u[2] = (f) => y(n) ? n.value = f : null),
+        position: "left",
+        size: "sm",
+        triggerClass: s(m).mobileTrigger,
+        class: a(["z-60", s(m).mobileTrigger]),
+        headerClass: "pl-3! pr-4.5! py-3!",
+        bodyClass: "p-0!"
+      }, R({
+        default: $(() => [
+          d("div", I, [
+            d("div", K, [
+              o(e.$slots, "mobile-sidebar", {}, () => [
+                o(e.$slots, "mobile-nav", {}, () => [
+                  o(e.$slots, "nav")
+                ]),
+                o(e.$slots, "categories", { categoryRoutePrefix: h.value }),
+                o(e.$slots, "left")
+              ])
+            ]),
+            e.$slots["mobile-sidebar-footer"] || e.$slots.actions || e.$slots.right ? (r(), t("div", q, [
+              o(e.$slots, "mobile-sidebar-footer", {}, () => [
+                o(e.$slots, "actions", {}, () => [
+                  o(e.$slots, "right")
+                ])
+              ])
+            ])) : i("", !0)
+          ])
+        ]),
+        _: 2
+      }, [
+        e.$slots["mobile-sidebar-header"] || e.$slots.logo || e.$slots.center ? {
+          name: "header",
+          fn: $(() => [
+            o(e.$slots, "mobile-sidebar-header", {}, () => [
+              o(e.$slots, "logo", {}, () => [
+                o(e.$slots, "center")
+              ])
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["show", "triggerClass", "class"])
+    ]));
+  }
+});
+export {
+  te as default
+};

package/components/AppShell/AppShellLayoutStorefront.vue2.js

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

package/components/AsyncSelect/createAsyncSelect.js

@@ -3,6 +3,7 @@ import Q from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import "../../core/config.js";
 /* empty css            */
+/* empty css                                    */
 /* empty css                            */
 import R from "../Button.vue.js";
 import T from "../MultiSelect/MultiSelect.vue.js";
@@ -10,7 +11,7 @@ import U from "../Modal.vue.js";
 function j(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !L(t);
 }
-const ne = (t) => /* @__PURE__ */ E({
+const re = (t) => /* @__PURE__ */ E({
   name: t.name,
   inheritAttrs: !1,
   props: {
@@ -213,5 +214,5 @@ const ne = (t) => /* @__PURE__ */ E({
   }
 });
 export {
-  ne as createAsyncSelect
+  re as createAsyncSelect
 };

package/components/CategoryManager/CategoryManager.vue2.js

@@ -11,12 +11,13 @@ import "vue-draggable-plus";
 /* empty css                                          */
 import "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
+/* empty css                                    */
 /* empty css                            */
 import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import Ue from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                                         */
@@ -42,7 +43,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
 }, Le = {
   key: 0,
   class: "absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-background/60 backdrop-blur-[1px] transition-opacity"
-}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, St = /* @__PURE__ */ Ce({
+}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, Ct = /* @__PURE__ */ Ce({
   __name: "CategoryManager",
   props: {
     modelValue: { default: () => [] },
@@ -517,5 +518,5 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
   }
 });
 export {
-  St as default
+  Ct as default
 };

package/components/CategoryMenu/CategoryMenu.vue.d.ts

@@ -0,0 +1,22 @@
+import { CategoryMenuProps, CategoryMenuItem } from './types';
+declare const _default: import('vue').DefineComponent<CategoryMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: any) => any;
+}, string, import('vue').PublicProps, Readonly<CategoryMenuProps> & Readonly<{
+    onSelect?: (item: any) => any;
+}>, {
+    class: string;
+    variant: import('./types').CategoryMenuVariant;
+    items: CategoryMenuItem[];
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl";
+    maxDepth: number;
+    showIcons: boolean;
+    showAllItem: boolean;
+    allItemLabel: string;
+    activeId: string | number | null;
+    routePrefix: string;
+    showImages: boolean;
+    showDescriptions: boolean;
+    megaColumns: number;
+    multiExpand: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/CategoryMenu/CategoryMenu.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as y, computed as i, markRaw as r, inject as C, openBlock as m, createElementBlock as B, createBlock as p, unref as E, normalizeClass as f, resolveDynamicComponent as k } from "vue";
+import h from "./CategoryMenuVariant1.vue.js";
+import R from "./CategoryMenuVariant2.vue.js";
+import { CATEGORY_MENU_ROUTE_PREFIX_KEY as A, buildCategoryRoute as D } from "./utils.js";
+import P from "../SidebarMenu/SidebarMenu.vue.js";
+/* empty css                              */
+import "vue-router";
+import "@iconify/vue";
+import "v-tooltip-lite/style.css";
+import "v-tooltip-lite";
+import "../../core/config.js";
+/* empty css            */
+/* empty css                                    */
+/* empty css                            */
+/* empty css            */
+/* empty css                                  */
+const S = {
+  key: 0,
+  class: "w-full text-center text-xs text-muted-foreground py-3"
+}, j = {
+  name: "CategoryMenu"
+}, Q = /* @__PURE__ */ y({
+  ...j,
+  props: {
+    items: { default: () => [] },
+    variant: { default: "tabs" },
+    maxDepth: { default: 2 },
+    showIcons: { type: Boolean, default: !0 },
+    showAllItem: { type: Boolean, default: !1 },
+    allItemLabel: { default: "All" },
+    multiExpand: { type: Boolean, default: !1 },
+    activeId: { default: null },
+    routePrefix: { default: "" },
+    mobileBreakpoint: { default: "md" },
+    megaColumns: { default: 4 },
+    showImages: { type: Boolean, default: !0 },
+    showDescriptions: { type: Boolean, default: !0 },
+    class: { default: "" }
+  },
+  emits: ["select"],
+  setup(v, { emit: w }) {
+    const e = v, s = w, x = i(() => {
+      switch (e.variant) {
+        case "tabs":
+          return r(h);
+        case "mega":
+          return r(R);
+        default:
+          return r(h);
+      }
+    }), a = C(
+      A,
+      void 0
+    ), o = i(() => {
+      const l = typeof a == "object" && a && "value" in a ? a.value : a;
+      return String(e.routePrefix || l || "");
+    }), g = i(() => {
+      if (e.variant !== "sidebar") return [];
+      const l = (t, c = []) => {
+        const d = t.children && t.children.length > 0 ? t.children.map((b) => l(b, [...c, t])) : void 0, u = !!d?.length;
+        return {
+          id: t.id !== void 0 ? String(t.id) : void 0,
+          label: t.title || t.name || "Untitled",
+          to: u ? void 0 : D(o.value, t, c),
+          icon: e.showIcons ? t.icon : void 0,
+          badge: t.badge,
+          children: d,
+          // Parent nodes are expanders in tree/sidebar mode; leaves select/navigate.
+          action: u ? void 0 : () => s("select", t)
+        };
+      }, n = e.items.map((t) => l(t));
+      return e.showAllItem && n.unshift({
+        id: "all",
+        label: e.allItemLabel,
+        to: o.value ? o.value : void 0,
+        icon: e.showIcons ? "lucide:layout-grid" : void 0,
+        action: () => s("select", { id: "all", title: e.allItemLabel })
+      }), n;
+    }), I = (l) => s("select", l), _ = i(() => !e.items || e.items.length === 0);
+    return (l, n) => _.value ? (m(), B("div", S, " No categories to display. ")) : e.variant === "sidebar" ? (m(), p(E(P), {
+      key: 1,
+      items: g.value,
+      "allow-multiple": e.multiExpand,
+      "default-expanded": e.activeId ? [String(e.activeId)] : [],
+      class: f(e.class)
+    }, null, 8, ["items", "allow-multiple", "default-expanded", "class"])) : (m(), p(k(x.value), {
+      key: 2,
+      items: e.items,
+      "max-depth": e.maxDepth,
+      "show-icons": e.showIcons,
+      "show-all-item": e.showAllItem,
+      "all-item-label": e.allItemLabel,
+      "multi-expand": e.multiExpand,
+      "active-id": e.activeId,
+      "route-prefix": o.value,
+      "mega-columns": e.megaColumns,
+      "show-images": e.showImages,
+      "show-descriptions": e.showDescriptions,
+      class: f(e.class),
+      onSelect: I
+    }, null, 40, ["items", "max-depth", "show-icons", "show-all-item", "all-item-label", "multi-expand", "active-id", "route-prefix", "mega-columns", "show-images", "show-descriptions", "class"]));
+  }
+});
+export {
+  Q as default
+};

package/components/CategoryMenu/CategoryMenu.vue2.js

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

package/components/CategoryMenu/CategoryMenuVariant1.vue.d.ts

@@ -0,0 +1,17 @@
+import { CategoryMenuItem } from './types';
+interface Props {
+    items: CategoryMenuItem[];
+    maxDepth: number;
+    showIcons: boolean;
+    showAllItem: boolean;
+    allItemLabel: string;
+    activeId: string | number | null | undefined;
+    routePrefix?: string;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: import('../CategoryManager').CategoryItem) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: (item: import('../CategoryManager').CategoryItem) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;