vlite3 0.4.8 → 0.5.2

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

@@ -25,9 +25,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: (event: MouseEvent) => any;
 }>, {
-    disabled: boolean;
-    class: string;
     variant: "default" | "pill" | "underline" | "ghost";
+    class: string;
+    disabled: boolean;
     active: boolean;
     orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,21 @@
+import { NavbarTabItem } from '../../types/navbar.type';
+export type NavbarTabsVariant = 'line' | 'pill' | 'solid' | 'ghost';
+export type NavbarTabsSize = 'sm' | 'md' | 'lg';
+interface Props {
+    items: NavbarTabItem[];
+    variant?: NavbarTabsVariant;
+    size?: NavbarTabsSize;
+    activeClass?: string;
+    inactiveClass?: string;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: NavbarTabsVariant;
+    size: NavbarTabsSize;
+    class: string;
+    activeClass: string;
+    inactiveClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRef: HTMLElement;
+}, HTMLDivElement>;
+export default _default;

package/components/Navbar/NavbarTabs.vue.js

@@ -0,0 +1,179 @@
+import { defineComponent as N, ref as f, onMounted as T, nextTick as y, onUnmounted as W, watch as I, openBlock as s, createElementBlock as b, normalizeClass as c, createVNode as v, Transition as L, withCtx as k, createElementVNode as l, createCommentVNode as g, Fragment as j, renderList as A, createBlock as w, unref as _, withModifiers as D, toDisplayString as F } from "vue";
+import { useRoute as H, RouterLink as P } from "vue-router";
+import p from "../Icon.vue.js";
+const U = {
+  key: 0,
+  class: "absolute left-0 top-0 bottom-0 z-10 flex items-center pointer-events-none"
+}, q = { class: "truncate" }, G = {
+  key: 0,
+  class: "absolute right-0 top-0 bottom-0 z-10 flex items-center justify-end pointer-events-none"
+}, Q = /* @__PURE__ */ N({
+  __name: "NavbarTabs",
+  props: {
+    items: {},
+    variant: { default: "solid" },
+    size: { default: "md" },
+    activeClass: { default: "" },
+    inactiveClass: { default: "" },
+    class: { default: "" }
+  },
+  setup(a) {
+    const n = a, i = f(null), C = f(!1), R = f(!1), u = () => {
+      const o = i.value;
+      o && (C.value = o.scrollLeft > 2, R.value = o.scrollLeft + o.clientWidth < o.scrollWidth - 2);
+    }, z = (o) => {
+      const t = i.value;
+      if (!t) return;
+      const e = t.clientWidth * 0.6;
+      t.scrollBy({ left: o === "right" ? e : -e, behavior: "smooth" });
+    };
+    T(() => {
+      y(() => {
+        u(), i.value?.addEventListener("scroll", u, { passive: !0 });
+      });
+    }), W(() => {
+      i.value?.removeEventListener("scroll", u);
+    });
+    const h = H();
+    I(
+      () => h.path,
+      () => y(u)
+    );
+    const m = f(/* @__PURE__ */ new Map()), S = (o, t) => {
+      const e = o?.$el ?? o;
+      e instanceof HTMLElement ? m.value.set(t, e) : m.value.delete(t);
+    };
+    I(
+      () => h.path,
+      (o) => {
+        y(() => {
+          const t = n.items.findIndex((r) => x(r));
+          if (t === -1) return;
+          m.value.get(t)?.scrollIntoView({ block: "nearest", inline: "center", behavior: "smooth" });
+        });
+      },
+      { immediate: !0 }
+    );
+    const B = {
+      line: "flex border-b border-border gap-0",
+      pill: "flex gap-1 p-1 bg-secondary/80 rounded-lg",
+      solid: "flex gap-0",
+      ghost: "flex gap-1"
+    }, $ = {
+      sm: "px-2.5 py-1.5 text-xs",
+      md: "px-3.5 py-2 text-sm",
+      lg: "px-5 py-2.5 text-base"
+    }, E = {
+      line: "text-primary border-b-2 border-primary -mb-px",
+      pill: "bg-background text-foreground shadow-sm",
+      solid: "bg-primary-light text-primary-dark",
+      ghost: "bg-accent text-accent-foreground"
+    }, V = {
+      line: "text-muted-foreground border-b-2 border-transparent hover:text-foreground hover:border-border",
+      pill: "text-muted-foreground hover:text-foreground hover:bg-accent/60",
+      solid: "text-muted-foreground hover:text-foreground hover:bg-accent",
+      ghost: "text-muted-foreground hover:text-foreground hover:bg-accent/60"
+    }, x = (o) => {
+      const t = h.path;
+      if (!o.to) return !1;
+      const e = typeof o.to == "string" ? o.to : o.to.path;
+      if (!e) return !1;
+      if (o.exact || e === "/")
+        return t === e;
+      if (t === e) return !0;
+      if (t.startsWith(e)) {
+        const r = t[e.length];
+        return r === "/" || r === "?" || r === "#" || r === void 0;
+      }
+      return !1;
+    }, M = (o) => {
+      const t = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none transition-all duration-150  focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = o.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", d = x(o) ? n.activeClass || E[n.variant] : n.inactiveClass || V[n.variant];
+      return [t, $[n.size], d, e].filter(Boolean).join(" ");
+    };
+    return (o, t) => (s(), b("div", {
+      class: c(["relative flex items-center w-full min-w-0 border-b", n.class])
+    }, [
+      v(L, { name: "fade-x" }, {
+        default: k(() => [
+          C.value ? (s(), b("div", U, [
+            t[2] || (t[2] = l("div", { class: "w-8 h-full bg-gradient-to-r from-background to-transparent" }, null, -1)),
+            l("button", {
+              type: "button",
+              class: "pointer-events-auto absolute left-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
+              "aria-label": "Scroll tabs left",
+              tabindex: "-1",
+              onClick: t[0] || (t[0] = (e) => z("left"))
+            }, [
+              v(p, {
+                icon: "lucide:chevron-left",
+                class: "w-4 h-4"
+              })
+            ])
+          ])) : g("", !0)
+        ]),
+        _: 1
+      }),
+      l("nav", {
+        ref_key: "scrollRef",
+        ref: i,
+        role: "tablist",
+        class: c([
+          "flex-1 overflow-x-auto scroll-smooth navbar-tabs-no-scrollbar",
+          B[a.variant]
+        ]),
+        "aria-label": "Page tabs"
+      }, [
+        (s(!0), b(j, null, A(a.items, (e, r) => (s(), w(_(P), {
+          key: r,
+          ref_for: !0,
+          ref: (d) => S(d, r),
+          to: e.to || "",
+          role: "tab",
+          "aria-selected": x(e),
+          "aria-disabled": e.disabled || void 0,
+          tabindex: e.disabled ? -1 : 0,
+          class: c(M(e)),
+          onClick: D((d) => !e.disabled && e.to && o.$router.push(e.to), ["prevent"])
+        }, {
+          default: k(() => [
+            e.icon ? (s(), w(p, {
+              key: 0,
+              icon: e.icon,
+              class: c(["shrink-0", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
+            }, null, 8, ["icon", "class"])) : g("", !0),
+            l("span", q, F(e.label), 1),
+            e.iconRight ? (s(), w(p, {
+              key: 1,
+              icon: e.iconRight,
+              class: c(["shrink-0 opacity-70", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
+            }, null, 8, ["icon", "class"])) : g("", !0)
+          ]),
+          _: 2
+        }, 1032, ["to", "aria-selected", "aria-disabled", "tabindex", "class", "onClick"]))), 128))
+      ], 2),
+      v(L, { name: "fade-x" }, {
+        default: k(() => [
+          R.value ? (s(), b("div", G, [
+            t[3] || (t[3] = l("div", { class: "w-8 h-full bg-gradient-to-l from-background to-transparent" }, null, -1)),
+            l("button", {
+              type: "button",
+              class: "pointer-events-auto absolute right-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
+              "aria-label": "Scroll tabs right",
+              tabindex: "-1",
+              onClick: t[1] || (t[1] = (e) => z("right"))
+            }, [
+              v(p, {
+                icon: "lucide:chevron-right",
+                class: "w-4 h-4"
+              })
+            ])
+          ])) : g("", !0)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+export {
+  Q as default
+};

package/components/Navbar/NavbarTabs.vue3.js

@@ -0,0 +1,5 @@
+import o from "./NavbarTabs.vue.js";
+/* empty css                */
+export {
+  o as default
+};

package/components/Navbar/index.d.ts

@@ -1,3 +1,6 @@
 export { default as Navbar } from './Navbar.vue';
 export { default as NavbarItem } from './NavbarItem.vue';
 export { default as NavbarGroup } from './NavbarGroup.vue';
+export { default as NavbarTabs } from './NavbarTabs.vue';
+export type { NavbarTabsVariant, NavbarTabsSize } from './NavbarTabs.vue';
+export type { NavbarTabItem } from '../../types/navbar.type';

package/components/NavbarCommandPalette.vue.d.ts

@@ -0,0 +1,48 @@
+import { SidebarMenuItemSchema } from './SidebarMenu/types';
+export interface CommandPaletteItem {
+    id: string;
+    label: string;
+    labelI18n?: string;
+    description?: string;
+    descriptionI18n?: string;
+    icon?: string;
+    group?: string;
+    to?: string;
+    href?: string;
+    action?: () => void;
+    keywords?: string[];
+    disabled?: boolean;
+}
+export interface CommandPaletteGroup {
+    key: string;
+    label: string;
+    items: CommandPaletteItem[];
+}
+interface Props {
+    /** Items directly supplied to the palette (static list or pre-mapped) */
+    items?: CommandPaletteItem[];
+    /**
+     * Raw SidebarMenuItemSchema tree — the palette auto-flattens and groups these.
+     * Supports top-level links, nested children, and grouped items.
+     */
+    menuItems?: SidebarMenuItemSchema[];
+    /** Keyboard shortcut that opens the palette (default: Meta+K / Ctrl+K) */
+    shortcutKey?: string;
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** I18n translation key for placeholder */
+    placeholderI18n?: string;
+    /** Maximum number of results shown per group */
+    maxResultsPerGroup?: number;
+    /** Whether the palette is enabled at all — when false, nothing mounts or listens */
+    enabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    placeholder: string;
+    items: CommandPaletteItem[];
+    enabled: boolean;
+    menuItems: SidebarMenuItemSchema[];
+    shortcutKey: string;
+    maxResultsPerGroup: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/NumberInput.vue.d.ts

@@ -14,23 +14,23 @@ export interface NumberInputProps {
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 }
 declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: number) => any;
-    change: (value: number) => any;
     blur: (event: FocusEvent) => any;
+    change: (value: number) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<NumberInputProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: number) => any;
-    onChange?: (value: number) => any;
     onBlur?: (event: FocusEvent) => any;
+    onChange?: (value: number) => any;
     onFocus?: (event: FocusEvent) => any;
+    "onUpdate:modelValue"?: (value: number) => any;
 }>, {
-    disabled: boolean;
+    readonly: boolean;
     mode: "solid" | "outline" | "ghost";
-    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "split" | "stacked";
-    modelValue: number;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-    readonly: boolean;
+    disabled: boolean;
+    modelValue: number;
     step: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     inputRef: HTMLInputElement;

package/components/OTPInput/OTPInput.vue.d.ts

@@ -11,23 +11,23 @@ interface Props {
     size?: 'sm' | 'md' | 'lg';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
     change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
     complete: (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: string) => any;
     onChange?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
     onComplete?: (value: string) => any;
 }>, {
-    disabled: boolean;
     length: number;
-    type: "text" | "number";
+    variant: "solid" | "outline" | "ghost";
     size: "sm" | "md" | "lg";
+    type: "text" | "number";
+    error: boolean;
+    disabled: boolean;
     placeholder: string;
-    variant: "solid" | "outline" | "ghost";
-    attached: boolean;
     modelValue: string;
-    error: boolean;
     autofocus: boolean;
+    attached: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/Pagination/Pagination.vue.d.ts

@@ -11,12 +11,12 @@ declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {
     "onChange:itemsPerPage"?: (value: number) => any;
 }>, {
     disabled: boolean;
+    itemsPerPage: number;
     currentPage: number;
     totalItems: number;
     showEdges: boolean;
     showPageInfo: boolean;
     showItemsPerPage: boolean;
-    itemsPerPage: number;
     itemsPerPageOptions: number[];
     navType: "text" | "icon";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/components/PermissionMatrix/PermissionEditor.vue.d.ts

@@ -0,0 +1,36 @@
+import { PermissionGroup, PermissionToggleMode, PermissionMatrixSize } from './types';
+export interface PermissionEditorProps {
+    /** Permission groups with nested permissions */
+    groups: PermissionGroup[];
+    /** v-model: array of selected permission keys */
+    modelValue: string[];
+    /** Toggle display mode (default: 'checkbox') */
+    toggleMode?: PermissionToggleMode;
+    /** Show search input (default: true) */
+    searchable?: boolean;
+    /** Allow collapsing groups (default: true) */
+    collapsible?: boolean;
+    /** Read-only mode (default: false) */
+    readonly?: boolean;
+    /** Size variant (default: 'md') */
+    size?: PermissionMatrixSize;
+    /** Extra CSS classes */
+    class?: string;
+    /** Group keys to show expanded by default. Others will start collapsed.
+     *  If not provided or empty, all groups start expanded. */
+    defaultExpanded?: string[];
+}
+declare const _default: import('vue').DefineComponent<PermissionEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<PermissionEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string[]) => any;
+}>, {
+    readonly: boolean;
+    size: PermissionMatrixSize;
+    class: string;
+    searchable: boolean;
+    defaultExpanded: string[];
+    toggleMode: PermissionToggleMode;
+    collapsible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;