vlite3 1.3.11 → 1.4.2

package/components/Accordion/Accordion.vue.d.ts

@@ -29,10 +29,10 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
     variant: import('./types').AccordionVariant;
     size: import('./types').AccordionSize;
     disabled: boolean;
-    attached: boolean;
-    items: import('./types').AccordionItemSchema[];
     showIndex: boolean;
     iconVariant: import('./types').IconVariant;
+    attached: boolean;
+    items: import('./types').AccordionItemSchema[];
     allowMultiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Accordion/AccordionItem.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: AccordionVariant;
     size: AccordionSize;
     disabled: boolean;
-    attached: boolean;
     showIndex: boolean;
+    attached: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Accordion/AccordionItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as r, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as f, createVNode as p, withCtx as v, createElementVNode as V, toDisplayString as x, createCommentVNode as $, withDirectives as O, createBlock as T, resolveDynamicComponent as A, vShow as D } from "vue";
+import { defineComponent as B, computed as r, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as f, createVNode as p, withCtx as x, createElementVNode as V, toDisplayString as v, createCommentVNode as $, withDirectives as O, createBlock as T, resolveDynamicComponent as A, vShow as D } from "vue";
 import P from "./AccordionTrigger.vue.js";
 import N from "./AccordionContent.vue.js";
 import { $t as h } from "../../utils/i18n.js";
@@ -38,7 +38,7 @@ const S = { class: "font-medium" }, E = {
         md: "px-4 py-3 text-base",
         lg: "px-5 py-4 text-lg"
       }[a];
-      return t === "solid" ? `${i} ${s} bg-muted hover:bg-muted/80 ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
+      return t === "solid" ? `${i} ${s} bg-card ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
         sm: "py-2 text-base",
         md: "py-3 text-base",
         lg: "py-4 text-lg"
@@ -54,7 +54,11 @@ const S = { class: "font-medium" }, E = {
         md: "pb-4 pt-4 text-sm",
         lg: "pb-5 pt-5 text-base"
       }[a]} px-0`;
-    }), k = r(() => n.item.titleI18n ? h(n.item.titleI18n) : n.item.title), b = r(() => n.item.descriptionI18n ? h(n.item.descriptionI18n) : n.item.description);
+    }), k = r(
+      () => n.item.titleI18n ? h(n.item.titleI18n) : n.item.title
+    ), b = r(
+      () => n.item.descriptionI18n ? h(n.item.descriptionI18n) : n.item.description
+    );
     return (t, a) => (c(), m("div", {
       class: u([I.value, n.class, n.itemClass])
     }, [
@@ -78,9 +82,9 @@ const S = { class: "font-medium" }, E = {
           class: u(g.value),
           onClick: l
         }, {
-          default: v(() => [
-            V("span", S, x(k.value), 1),
-            b.value ? (c(), m("span", E, x(b.value), 1)) : $("", !0)
+          default: x(() => [
+            V("span", S, v(k.value), 1),
+            b.value ? (c(), m("span", E, v(b.value), 1)) : $("", !0)
           ]),
           _: 1
         }, 8, ["open", "size", "disabled", "icon", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
@@ -88,7 +92,7 @@ const S = { class: "font-medium" }, E = {
       O(p(N, {
         class: u(w.value)
       }, {
-        default: v(() => [
+        default: x(() => [
           f(t.$slots, "content", {
             item: e.item,
             close: l

package/components/Accordion/AccordionTrigger.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     size: AccordionSize;
-    chevron: boolean;
     showIndex: boolean;
     iconVariant: IconVariant;
+    chevron: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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
 };