vlite3 0.7.13 → 0.7.14

package/components/Button.vue.js

@@ -51,7 +51,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         sm: "h-7.5 px-3",
         sm2: "h-8 px-3",
         md: "h-9 px-4 py-2",
-        lg: "h-10 px-6",
+        lg: "h-10 px-4",
         xl: "h-12 px-10"
       }, C = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",

package/components/{CommandPaletteContent.vue.d.ts → CommandPalette/CommandPaletteContent.vue.d.ts}

@@ -1,5 +1,5 @@
-import { SidebarMenuItemSchema } from './SidebarMenu/types';
-import { CommandPaletteItem } from './NavbarCommandPalette.vue';
+import { SidebarMenuItemSchema } from '../SidebarMenu/types';
+import { CommandPaletteItem } from './types';
 type __VLS_Props = {
     close: () => void;
     items: CommandPaletteItem[];
@@ -7,7 +7,7 @@ type __VLS_Props = {
     placeholder: string;
     placeholderI18n?: string;
     maxResultsPerGroup: number;
-    onOpenDynamicModal: (body: any, props: any) => void;
+    onOpenDynamicModal: (body: any, modalProps: any) => void;
 };
 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, {
     inputRef: HTMLInputElement;

package/components/CommandPalette/CommandPaletteContent.vue.js

@@ -0,0 +1,7 @@
+import t from "./CommandPaletteContent.vue2.js";
+/* empty css                           */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-1ace469f"]]);
+export {
+  r as default
+};

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -0,0 +1,180 @@
+import { defineComponent as j, computed as r, ref as g, watch as U, onMounted as z, nextTick as A, openBlock as i, createElementBlock as c, createElementVNode as o, createVNode as y, withDirectives as H, unref as u, vModelText as J, createTextVNode as f, toDisplayString as l, createCommentVNode as V, Fragment as _, renderList as B, isMemoSame as Q, createBlock as W } from "vue";
+import { useRouter as X } from "vue-router";
+import k from "../Icon.vue.js";
+import { $t as E } from "../../utils/i18n.js";
+import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
+import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
+import ee from "./CommandPaletteItem.vue2.js";
+const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3.5 border-b border-border/60 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
+  key: 0,
+  class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
+  "aria-live": "polite"
+}, le = { class: "text-sm font-medium text-muted-foreground" }, ae = { class: "text-foreground font-semibold" }, de = { class: "text-xs text-muted-foreground/60 mt-1" }, ie = ["aria-label"], ue = ["aria-label"], ce = {
+  key: 0,
+  class: "my-1.5 mx-3 h-px bg-border/40",
+  "aria-hidden": "true"
+}, me = {
+  class: "px-4 py-2.5 border-t border-border/40 flex items-center gap-4 shrink-0 bg-muted/30",
+  "aria-hidden": "true"
+}, pe = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, xe = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, fe = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, be = { class: "ml-auto text-[11px] text-muted-foreground/50" }, Ce = /* @__PURE__ */ j({
+  __name: "CommandPaletteContent",
+  props: {
+    close: { type: Function },
+    items: {},
+    menuItems: {},
+    placeholder: {},
+    placeholderI18n: {},
+    maxResultsPerGroup: {},
+    onOpenDynamicModal: { type: Function }
+  },
+  setup(b) {
+    const n = b, a = (e, s) => {
+      const t = E(e);
+      return t !== e ? t : s;
+    }, G = r(() => {
+      if (n.placeholderI18n) {
+        const e = E(n.placeholderI18n);
+        if (e !== n.placeholderI18n) return e;
+      }
+      return n.placeholder;
+    }), $ = r(() => a("vlite.commandPalette.noResults", "No results for")), L = r(
+      () => a("vlite.commandPalette.noResultsDesc", "Try a different term or browse with arrow keys")
+    ), O = r(() => a("vlite.commandPalette.navigate", "Navigate")), T = r(() => a("vlite.commandPalette.open", "Open")), F = r(() => a("vlite.commandPalette.close", "Close")), P = r(() => a("vlite.commandPalette.result", "result")), w = r(() => a("vlite.commandPalette.results", "results")), m = g(""), R = g(null), C = g(null), q = X(), { flatList: v } = Y({
+      items: () => n.items,
+      menuItems: () => n.menuItems,
+      query: () => m.value,
+      maxResultsPerGroup: () => n.maxResultsPerGroup
+    }), p = r(() => v.value.total), I = (e) => {
+      if (!e.disabled) {
+        if (n.close(), e.modalBody) {
+          n.onOpenDynamicModal(e.modalBody, e.modalProps);
+          return;
+        }
+        if (e.action) {
+          e.action();
+          return;
+        }
+        if (e.to) {
+          q.push(e.to).catch(() => {
+          });
+          return;
+        }
+        e.href && window.open(e.href, "_blank", "noopener,noreferrer");
+      }
+    }, { activeIndex: h, isPointerLocked: K, handleKeydown: N, handleItemMouseenter: S } = Z({
+      flatList: v,
+      listRef: C,
+      onExecute: I,
+      onClose: n.close
+    });
+    return U(m, () => {
+      h.value = 0;
+    }), z(() => {
+      A(() => R.value?.focus());
+    }), (e, s) => (i(), c("div", te, [
+      o("div", oe, [
+        y(k, {
+          icon: "lucide:search",
+          class: "w-4 h-4 text-muted-foreground shrink-0"
+        }),
+        H(o("input", {
+          ref_key: "inputRef",
+          ref: R,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => m.value = t),
+          type: "text",
+          autocomplete: "off",
+          autocorrect: "off",
+          spellcheck: "false",
+          placeholder: G.value,
+          class: "flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground/60 outline-none min-w-0",
+          "aria-autocomplete": "list",
+          "aria-controls": "cp-listbox",
+          onKeydown: s[1] || (s[1] = //@ts-ignore
+          (...t) => u(N) && u(N)(...t))
+        }, null, 40, se), [
+          [J, m.value]
+        ]),
+        o("button", {
+          type: "button",
+          class: "shrink-0 p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+          "aria-label": "Close",
+          tabindex: "-1",
+          onClick: s[2] || (s[2] = //@ts-ignore
+          (...t) => b.close && b.close(...t))
+        }, [
+          y(k, {
+            icon: "lucide:x",
+            class: "w-3.5 h-3.5"
+          })
+        ])
+      ]),
+      o("div", {
+        id: "cp-listbox",
+        ref_key: "listRef",
+        ref: C,
+        role: "listbox",
+        class: "flex-1 overflow-y-auto py-2 scrollbar-thin cp-scroll-container",
+        "aria-label": `${p.value} ${p.value === 1 ? P.value : w.value}`
+      }, [
+        p.value === 0 ? (i(), c("div", re, [
+          y(k, {
+            icon: "lucide:search-x",
+            class: "w-9 h-9 text-muted-foreground/40 mb-3"
+          }),
+          o("p", le, [
+            f(l($.value) + " ", 1),
+            o("span", ae, '"' + l(m.value) + '"', 1)
+          ]),
+          o("p", de, l(L.value), 1)
+        ])) : V("", !0),
+        (i(!0), c(_, null, B(u(v).groups, (t) => (i(), c(_, {
+          key: t.key
+        }, [
+          o("div", {
+            class: "px-4 py-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none",
+            "aria-label": `Group: ${t.label}`
+          }, l(t.label), 9, ie),
+          o("div", {
+            role: "group",
+            "aria-label": t.label,
+            class: "px-2"
+          }, [
+            (i(!0), c(_, null, B(t.rows, (d, ve, he, x) => {
+              const M = [d.index === u(h), d.item.id];
+              if (x && x.key === d.item.id && Q(x, M)) return x;
+              const D = (i(), W(ee, {
+                key: d.item.id,
+                item: d.item,
+                index: d.index,
+                "is-active": d.index === u(h),
+                "is-pointer-locked": u(K),
+                onExecute: I,
+                onMouseenter: u(S)
+              }, null, 8, ["item", "index", "is-active", "is-pointer-locked", "onMouseenter"]));
+              return D.memo = M, D;
+            }, s, 3), 128))
+          ], 8, ue),
+          t.rows.length && t.rows[t.rows.length - 1].isLastInGroup ? (i(), c("div", ce)) : V("", !0)
+        ], 64))), 128))
+      ], 8, ne),
+      o("div", me, [
+        o("span", pe, [
+          s[5] || (s[5] = o("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "↑↓", -1)),
+          f(" " + l(O.value), 1)
+        ]),
+        o("span", xe, [
+          s[6] || (s[6] = o("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "↵", -1)),
+          f(" " + l(T.value), 1)
+        ]),
+        o("span", fe, [
+          s[7] || (s[7] = o("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "Esc", -1)),
+          f(" " + l(F.value), 1)
+        ]),
+        o("span", be, l(p.value) + " " + l(p.value === 1 ? P.value : w.value), 1)
+      ])
+    ]));
+  }
+});
+export {
+  Ce as default
+};

package/components/CommandPalette/CommandPaletteItem.vue.d.ts

@@ -0,0 +1,15 @@
+import { CommandPaletteItem } from './types';
+type __VLS_Props = {
+    item: CommandPaletteItem;
+    isActive: boolean;
+    isPointerLocked: boolean;
+    index: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    mouseenter: (index: number) => any;
+    execute: (item: CommandPaletteItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onMouseenter?: (index: number) => any;
+    onExecute?: (item: CommandPaletteItem) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/components/CommandPalette/CommandPaletteItem.vue2.js

@@ -0,0 +1,7 @@
+import t from "./CommandPaletteItem.vue3.js";
+/* empty css                       */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
+export {
+  r as default
+};

package/components/CommandPalette/CommandPaletteItem.vue3.js

@@ -0,0 +1,60 @@
+import { defineComponent as f, openBlock as i, createElementBlock as n, normalizeClass as c, createElementVNode as o, createVNode as x, toDisplayString as s, unref as a, createCommentVNode as r, createBlock as g } from "vue";
+import m from "../Icon.vue.js";
+import { getEffectiveLabel as b, getEffectiveDesc as k } from "./useCommandPaletteItems.js";
+const v = ["id", "aria-selected", "aria-disabled", "data-active"], h = { class: "flex-1 min-w-0" }, y = { class: "block font-medium truncate text-inherit leading-tight" }, w = {
+  key: 0,
+  class: "block text-xs text-muted-foreground/70 truncate mt-0.5"
+}, A = {
+  key: 1,
+  class: "shrink-0 hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono border border-border/60 bg-background/80 text-muted-foreground ml-1"
+}, L = /* @__PURE__ */ f({
+  __name: "CommandPaletteItem",
+  props: {
+    item: {},
+    isActive: { type: Boolean },
+    isPointerLocked: { type: Boolean },
+    index: {}
+  },
+  emits: ["execute", "mouseenter"],
+  setup(e, { emit: l }) {
+    const d = l;
+    return (B, t) => (i(), n("button", {
+      id: `cp-item-${e.item.id}`,
+      type: "button",
+      role: "option",
+      "aria-selected": e.isActive,
+      "aria-disabled": e.item.disabled || void 0,
+      "data-active": e.isActive,
+      class: c(["command-palette-item w-full flex items-center gap-3 px-3! py-2.5 mx-1 rounded-lg text-sm text-left cursor-pointer select-none focus-visible:outline-none cp-item-transition", [
+        e.isActive ? "bg-gray-200/80 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+        e.item.disabled ? "opacity-40 cursor-not-allowed" : "",
+        e.isPointerLocked ? "pointer-events-none" : ""
+      ]]),
+      style: { width: "calc(100% - 8px)" },
+      onClick: t[0] || (t[0] = (u) => d("execute", e.item)),
+      onMouseenter: t[1] || (t[1] = (u) => d("mouseenter", e.index))
+    }, [
+      o("span", {
+        class: c(["shrink-0 flex items-center justify-center w-7 h-7 rounded-md", e.isActive ? "bg-gray-300/80 text-gray-900" : "bg-muted/80 text-muted-foreground"])
+      }, [
+        x(m, {
+          icon: e.item.icon ?? "lucide:arrow-right",
+          class: "w-3.5 h-3.5"
+        }, null, 8, ["icon"])
+      ], 2),
+      o("span", h, [
+        o("span", y, s(a(b)(e.item)), 1),
+        e.item.description || e.item.descriptionI18n ? (i(), n("span", w, s(a(k)(e.item)), 1)) : r("", !0)
+      ]),
+      e.item.href ? (i(), g(m, {
+        key: 0,
+        icon: "lucide:external-link",
+        class: "shrink-0 w-3 h-3 text-muted-foreground/50"
+      })) : r("", !0),
+      e.isActive ? (i(), n("kbd", A, " ↵ ")) : r("", !0)
+    ], 42, v));
+  }
+});
+export {
+  L as default
+};

package/components/CommandPalette/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CommandPaletteContent } from './CommandPaletteContent.vue';
+export { default as CommandPaletteItemComponent } from './CommandPaletteItem.vue';
+export * from './types';
+export * from './useCommandPaletteItems';
+export * from './useCommandPaletteNav';

package/components/CommandPalette/types.d.ts

@@ -0,0 +1,40 @@
+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;
+    modalBody?: any;
+    modalProps?: Record<string, any>;
+    show?: boolean | (() => boolean);
+    children?: CommandPaletteItem[];
+}
+export interface CommandPaletteGroup {
+    key: string;
+    label: string;
+    items: CommandPaletteItem[];
+}
+/** A pre-indexed row used by the flat render list — index is baked in at compute time */
+export interface FlatRow {
+    item: CommandPaletteItem;
+    /** Absolute 0-based position across all groups — used directly in v-memo */
+    index: number;
+    /** Whether a divider should be rendered after this row's group */
+    isLastInGroup: boolean;
+}
+export interface FlatGrouped {
+    key: string;
+    label: string;
+    rows: FlatRow[];
+}
+export interface FlatList {
+    groups: FlatGrouped[];
+    total: number;
+}

package/components/CommandPalette/useCommandPaletteItems.d.ts

@@ -0,0 +1,15 @@
+import { SidebarMenuItemSchema } from '../SidebarMenu/types';
+import { CommandPaletteItem, CommandPaletteGroup, FlatList } from './types';
+export declare function getEffectiveLabel(item: CommandPaletteItem): string;
+export declare function getEffectiveDesc(item: CommandPaletteItem): string;
+export declare function flattenCommandItems(items: CommandPaletteItem[], parentLabel?: string, depth?: number): CommandPaletteItem[];
+export declare function flattenSidebarItems(items: SidebarMenuItemSchema[], parentLabel?: string, depth?: number): CommandPaletteItem[];
+export declare function useCommandPaletteItems(options: {
+    items: () => CommandPaletteItem[];
+    menuItems: () => SidebarMenuItemSchema[];
+    query: () => string;
+    maxResultsPerGroup: () => number;
+}): {
+    filteredGroups: import('vue').ComputedRef<CommandPaletteGroup[]>;
+    flatList: import('vue').ComputedRef<FlatList>;
+};

package/components/CommandPalette/useCommandPaletteItems.js

@@ -0,0 +1,99 @@
+import { computed as f } from "vue";
+import { $t as d } from "../../utils/i18n.js";
+function b(e) {
+  if (e.labelI18n) {
+    const r = d(e.labelI18n);
+    if (r !== e.labelI18n) return r;
+  }
+  return e.label;
+}
+function I(e) {
+  if (e.descriptionI18n) {
+    const r = d(e.descriptionI18n);
+    if (r !== e.descriptionI18n) return r;
+  }
+  return e.description ?? "";
+}
+function m(e) {
+  return typeof e == "function" ? e() : e !== void 0 ? e : !0;
+}
+function p(e, r, s = 0) {
+  const l = [];
+  for (const t of e) {
+    if (!m(t.show)) continue;
+    const o = s === 0 ? t.label : r ?? "Navigation";
+    (t.to || t.href || t.action || t.modalBody) && l.push({
+      ...t,
+      id: t.id ?? t.to ?? t.label ?? Math.random().toString(),
+      group: t.group ?? o
+    }), t.children?.length && l.push(...p(t.children, o, s + 1));
+  }
+  return l;
+}
+function g(e, r, s = 0) {
+  const l = [];
+  for (const t of e) {
+    if (!m(t.show)) continue;
+    const o = s === 0 ? t.label : r ?? "Navigation";
+    (t.to || t.href || t.action || t.modalBody) && l.push({
+      id: t.id ?? (typeof t.to == "string" ? t.to : "") ?? t.label ?? Math.random().toString(),
+      label: t.label,
+      labelI18n: t.labelI18n,
+      icon: t.icon,
+      group: t.group ?? o,
+      to: typeof t.to == "string" ? t.to : t.to?.path,
+      href: t.href,
+      action: t.action ? () => t.action(t) : void 0,
+      disabled: t.disabled,
+      modalBody: t.modalBody,
+      modalProps: t.modalProps
+    }), t.children?.length && l.push(...g(t.children, o, s + 1));
+  }
+  return l;
+}
+function u(e) {
+  return e.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}
+function y(e, r) {
+  const s = u(b(e)), l = u(I(e)), t = (e.keywords ?? []).map(u).join(" "), o = u(r);
+  return s === o ? 100 : s.startsWith(o) ? 80 : s.includes(o) ? 60 : l.includes(o) || t.includes(o) ? 40 : 0;
+}
+function w(e) {
+  const r = f(() => {
+    const t = g(e.menuItems()), o = p(e.items()), i = /* @__PURE__ */ new Set(), c = [];
+    for (const n of [...o, ...t])
+      n.id && !i.has(n.id) && (i.add(n.id), c.push(n));
+    return c;
+  }), s = f(() => {
+    const t = e.query().trim();
+    let o = r.value.filter((n) => !n.disabled);
+    t && (o = o.map((n) => ({ item: n, s: y(n, t) })).filter(({ s: n }) => n > 0).sort((n, a) => a.s - n.s).map(({ item: n }) => n));
+    const i = /* @__PURE__ */ new Map();
+    for (const n of o) {
+      const a = n.group ?? "Actions";
+      i.has(a) || i.set(a, []), i.get(a).push(n);
+    }
+    const c = [];
+    for (const [n, a] of i)
+      c.push({ key: n, label: n, items: a.slice(0, e.maxResultsPerGroup()) });
+    return c;
+  }), l = f(() => {
+    let t = 0;
+    return { groups: s.value.map((i, c) => {
+      const n = i.items.map((a, h) => ({
+        item: a,
+        index: t++,
+        isLastInGroup: h === i.items.length - 1 && c < s.value.length - 1
+      }));
+      return { key: i.key, label: i.label, rows: n };
+    }), total: t };
+  });
+  return { filteredGroups: s, flatList: l };
+}
+export {
+  p as flattenCommandItems,
+  g as flattenSidebarItems,
+  I as getEffectiveDesc,
+  b as getEffectiveLabel,
+  w as useCommandPaletteItems
+};

package/components/CommandPalette/useCommandPaletteNav.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { FlatList, CommandPaletteItem } from './types';
+export declare function useCommandPaletteNav(options: {
+    flatList: Ref<FlatList>;
+    listRef: Ref<HTMLElement | null>;
+    onExecute: (item: CommandPaletteItem) => void;
+    onClose: () => void;
+}): {
+    activeIndex: Ref<number, number>;
+    isPointerLocked: Ref<boolean, boolean>;
+    handleKeydown: (e: KeyboardEvent) => void;
+    handleItemMouseenter: (index: number) => void;
+};

package/components/CommandPalette/useCommandPaletteNav.js

@@ -0,0 +1,49 @@
+import { ref as c, onUnmounted as m, nextTick as d } from "vue";
+function w(r) {
+  const t = c(0), o = c(!1);
+  let l = null;
+  const a = () => {
+    o.value = !0, l && clearTimeout(l), l = setTimeout(() => {
+      o.value = !1;
+    }, 200);
+  };
+  let n = null;
+  const f = (e) => {
+    o.value || (n !== null && cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+      t.value = e, n = null;
+    }));
+  }, u = () => {
+    d(() => {
+      const e = r.listRef.value?.querySelector('[data-active="true"]');
+      e && e.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    });
+  }, s = (e) => {
+    if (e.key === "Escape") {
+      r.onClose();
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault(), a(), t.value = Math.min(t.value + 1, r.flatList.value.total - 1), u();
+      return;
+    }
+    if (e.key === "ArrowUp") {
+      e.preventDefault(), a(), t.value = Math.max(t.value - 1, 0), u();
+      return;
+    }
+    if (e.key === "Enter") {
+      e.preventDefault();
+      for (const v of r.flatList.value.groups)
+        for (const i of v.rows)
+          if (i.index === t.value) {
+            r.onExecute(i.item);
+            return;
+          }
+    }
+  };
+  return m(() => {
+    n !== null && cancelAnimationFrame(n), l && clearTimeout(l);
+  }), { activeIndex: t, isPointerLocked: o, handleKeydown: s, handleItemMouseenter: f };
+}
+export {
+  w as useCommandPaletteNav
+};

package/components/NavbarCommandPalette.vue.d.ts

@@ -1,54 +1,31 @@
 import { SidebarMenuItemSchema } from './SidebarMenu/types';
-export interface CommandPlateSchema {
-    id?: string;
-    label: string;
-    labelI18n?: string;
-    description?: string;
-    descriptionI18n?: string;
-    icon?: string;
-    group?: string;
-    to?: string;
-    href?: string;
-    action?: () => void;
-    keywords?: string[];
-    disabled?: boolean;
-    modalBody?: any;
-    modalProps?: Record<string, any>;
-    show?: boolean | (() => boolean);
-    children?: CommandPlateSchema[];
-}
-export type CommandPaletteItem = CommandPlateSchema;
-export interface CommandPaletteGroup {
-    key: string;
-    label: string;
-    items: CommandPaletteItem[];
-}
+export type { CommandPaletteItem, CommandPaletteGroup } from './CommandPalette';
+export type CommandPlateSchema = import('./CommandPalette').CommandPaletteItem;
 interface Props {
     /** Items directly supplied to the palette (static list or pre-mapped) */
-    items?: CommandPaletteItem[];
+    items?: import('./CommandPalette').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 */
+    /** 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 */
+    /** When false, nothing renders and no shortcut listener is registered */
     enabled?: boolean;
     triggerClass?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     placeholder: string;
-    items: CommandPaletteItem[];
+    items: import('./CommandPalette').CommandPaletteItem[];
     enabled: boolean;
     menuItems: SidebarMenuItemSchema[];
-    shortcutKey: string;
     maxResultsPerGroup: number;
+    shortcutKey: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/NavbarCommandPalette.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as x, ref as m, shallowRef as k, onMounted as C, onUnmounted as P, watch as M, computed as y, openBlock as I, createElementBlock as E, Fragment as K, createElementVNode as a, normalizeClass as D, createVNode as c, toDisplayString as p, mergeProps as O, createCommentVNode as B } from "vue";
-import G from "./Icon.vue.js";
+import { defineComponent as x, ref as m, shallowRef as k, onMounted as C, onUnmounted as P, watch as I, computed as y, openBlock as M, createElementBlock as E, Fragment as K, createElementVNode as a, normalizeClass as D, createVNode as c, toDisplayString as p, unref as O, mergeProps as B, createCommentVNode as G } from "vue";
+import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
-import L from "./CommandPaletteContent.vue.js";
-import { $t as N } from "../utils/i18n.js";
-const R = { class: "block truncate -text-fs-1.5" }, U = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, F = /* @__PURE__ */ x({
+import N from "./CommandPalette/CommandPaletteContent.vue.js";
+import { $t as R } from "../utils/i18n.js";
+/* empty css                                      */
+const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, q = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {
     items: { default: () => [] },
@@ -15,77 +16,76 @@ const R = { class: "block truncate -text-fs-1.5" }, U = { class: "ml-auto inline
     enabled: { type: Boolean, default: !0 },
     triggerClass: {}
   },
-  setup(t) {
-    const o = t, l = m(!1), s = m(!1), f = k(null), d = m({}), b = () => {
-      l.value = !0;
+  setup(o) {
+    const t = o, n = m(!1), s = m(!1), f = k(null), d = m({}), b = () => {
+      n.value = !0;
     }, u = () => {
-      l.value = !1;
-    }, h = (e, n) => {
-      u(), f.value = e, d.value = n || {}, s.value = !0;
+      n.value = !1;
+    }, h = (e, l) => {
+      u(), f.value = e, d.value = l || {}, s.value = !0;
     }, r = (e) => {
-      if (!o.enabled) return;
-      (e.metaKey || e.ctrlKey) && e.key === o.shortcutKey && (e.preventDefault(), l.value ? u() : b());
+      t.enabled && (e.metaKey || e.ctrlKey) && e.key === t.shortcutKey && (e.preventDefault(), n.value ? u() : b());
     };
     C(() => {
-      o.enabled && window.addEventListener("keydown", r);
+      t.enabled && window.addEventListener("keydown", r);
     }), P(() => {
       window.removeEventListener("keydown", r);
-    }), M(
-      () => o.enabled,
+    }), I(
+      () => t.enabled,
       (e) => {
-        e ? window.addEventListener("keydown", r) : (window.removeEventListener("keydown", r), l.value && u());
+        e ? window.addEventListener("keydown", r) : (window.removeEventListener("keydown", r), n.value && u());
       }
     );
     const w = y(() => {
-      if (o.placeholderI18n) {
-        const e = N(o.placeholderI18n);
-        if (e !== o.placeholderI18n) return e;
+      if (t.placeholderI18n) {
+        const e = R(t.placeholderI18n);
+        if (e !== t.placeholderI18n) return e;
       }
-      return o.placeholder;
+      return t.placeholder;
     }), g = y(
       () => typeof navigator < "u" ? /mac/i.test(navigator.platform) : !0
     );
-    return (e, n) => t.enabled ? (I(), E(K, { key: 0 }, [
+    return (e, l) => o.enabled ? (M(), E(K, { key: 0 }, [
       a("button", {
         type: "button",
-        class: D(["command-palette-trigger inline-flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-muted-foreground bg-muted/60 hover:bg-muted border border-border/60 focus-visible:outline-none justify-between focus-visible:ring-2 focus-visible:ring-primary/50 select-none cursor-pointer shrink-0", t.triggerClass]),
+        class: D(["command-palette-trigger inline-flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-muted-foreground bg-muted/60 hover:bg-muted border border-border/60 focus-visible:outline-none justify-between focus-visible:ring-2 focus-visible:ring-primary/50 select-none cursor-pointer shrink-0", o.triggerClass]),
         "aria-label": "Open command palette",
         onClick: b
       }, [
-        c(G, {
+        c(L, {
           icon: "lucide:search",
           class: "w-3.5 h-3.5 shrink-0"
         }),
-        a("span", R, p(w.value.split(",")[0]) + "...", 1),
-        a("kbd", U, [
+        a("span", U, p(w.value.split(",")[0]) + "...", 1),
+        a("kbd", V, [
           a("span", null, p(g.value ? "⌘" : "Ctrl"), 1),
-          a("span", null, p(t.shortcutKey.toUpperCase()), 1)
+          a("span", null, p(o.shortcutKey.toUpperCase()), 1)
         ])
       ], 2),
       c(v, {
-        show: l.value,
-        "onUpdate:show": n[0] || (n[0] = (i) => l.value = i),
+        show: n.value,
+        "onUpdate:show": l[0] || (l[0] = (i) => n.value = i),
         maxWidth: "max-w-2xl",
         bodyClass: "!p-0 flex flex-col h-full",
-        body: L,
+        body: O(N),
         bodyProps: {
-          items: t.items,
-          menuItems: t.menuItems,
-          placeholder: t.placeholder,
-          placeholderI18n: t.placeholderI18n,
-          maxResultsPerGroup: t.maxResultsPerGroup,
+          items: o.items,
+          menuItems: o.menuItems,
+          placeholder: o.placeholder,
+          placeholderI18n: o.placeholderI18n,
+          maxResultsPerGroup: o.maxResultsPerGroup,
           onOpenDynamicModal: h
         }
-      }, null, 8, ["show", "bodyProps"]),
-      c(v, O(d.value, {
+      }, null, 8, ["show", "body", "bodyProps"]),
+      c(v, B(d.value, {
         show: s.value,
-        "onUpdate:show": n[1] || (n[1] = (i) => s.value = i),
+        "onUpdate:show": l[1] || (l[1] = (i) => s.value = i),
         body: f.value,
         bodyProps: d.value
       }), null, 16, ["show", "body", "bodyProps"])
-    ], 64)) : B("", !0);
+    ], 64)) : G("", !0);
   }
 });
 export {
-  F as default
+  q as default
 };

package/index.d.ts

@@ -65,7 +65,7 @@ export { default as GoogleLogin } from './components/GoogleLogin.vue';
 export { default as ColorPicker } from './components/ColorPicker/ColorPicker.vue';
 export { default as ConfirmationModal } from './components/ConfirmationModal.vue';
 export { default as ToastNotification } from './components/ToastNotification.vue';
-export { default as CommandPaletteContent } from './components/CommandPaletteContent.vue';
+export { default as CommandPaletteContent } from './components/CommandPalette/CommandPaletteContent.vue';
 export { default as NavbarCommandPalette } from './components/NavbarCommandPalette.vue';
 export { default as DateRangePicker } from './components/DateRangePicker.vue';
 export { $t } from './utils/i18n';

package/index.js

@@ -107,7 +107,7 @@ import { default as Dt } from "./components/GoogleLogin.vue.js";
 import { default as Nt } from "./components/ColorPicker/ColorPicker.vue.js";
 import { default as At } from "./components/ConfirmationModal.vue.js";
 import { default as Ft } from "./components/ToastNotification.vue.js";
-import { default as Mt } from "./components/CommandPaletteContent.vue.js";
+import { default as Mt } from "./components/CommandPalette/CommandPaletteContent.vue.js";
 import { default as wt } from "./components/NavbarCommandPalette.vue.js";
 import { default as Lt } from "./components/DateRangePicker.vue.js";
 import { createVLite as Kt } from "./core/index.js";

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.7.13",
+  "version": "0.7.14",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -894,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-66452678]::-webkit-outer-spin-button,input[data-v-66452678]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-66452678]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-d2085008]{animation:blink-animation-d2085008 1s infinite}@keyframes blink-animation-d2085008{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-112b16b5] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-112b16b5] input,.custom-fields-table[data-v-112b16b5] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-112b16b5] input,.custom-fields-table[data-v-112b16b5] textarea,.custom-fields-table[data-v-112b16b5] select,.custom-fields-table[data-v-112b16b5] .input-wrapper,.custom-fields-table[data-v-112b16b5] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-112b16b5] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-112b16b5] input:focus,.custom-fields-table[data-v-112b16b5] textarea:focus,.custom-fields-table[data-v-112b16b5] select:focus,.custom-fields-table[data-v-112b16b5] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-112b16b5] .w-full{width:100%;height:100%}.list-enter-active[data-v-112b16b5]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-112b16b5]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-a86554e2]{display:flex;flex-direction:column}.form-field-item[data-v-a86554e2]:has([role=switch]),.form-field-item[data-v-a86554e2]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-1a2b21d0]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-09b401c2]{max-height:70vh}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-fc14e574]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background)}.custom-list-header[data-v-fc14e574]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-fc14e574]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-fc14e574],.custom-list-header+.custom-list-header[data-v-fc14e574]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-fc14e574]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-e9fed8ed]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto}.custom-table[data-v-e9fed8ed]{width:100%;border-collapse:collapse}.custom-th[data-v-e9fed8ed]{background-color:var(--color-gray-150);color:var(--color-foreground);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}.custom-th.text-center[data-v-e9fed8ed]{text-align:center;min-width:100px}.custom-th[data-v-e9fed8ed]:first-child{border-left:none}.custom-td[data-v-e9fed8ed]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-e9fed8ed]{text-align:center}.custom-td[data-v-e9fed8ed]:first-child{border-left:none}.custom-group-row td[data-v-e9fed8ed]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-e9fed8ed]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-e9fed8ed]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-e9fed8ed]{border-bottom:none}.custom-active-cell[data-v-e9fed8ed]{cursor:pointer}.custom-active-cell[data-v-e9fed8ed]:hover{background-color:var(--color-accent)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-e919f56b] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}
+input[data-v-66452678]::-webkit-outer-spin-button,input[data-v-66452678]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-66452678]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.blink-bg[data-v-d2085008]{animation:blink-animation-d2085008 1s infinite}@keyframes blink-animation-d2085008{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-112b16b5] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-112b16b5] input,.custom-fields-table[data-v-112b16b5] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-112b16b5] input,.custom-fields-table[data-v-112b16b5] textarea,.custom-fields-table[data-v-112b16b5] select,.custom-fields-table[data-v-112b16b5] .input-wrapper,.custom-fields-table[data-v-112b16b5] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-112b16b5] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-112b16b5] input:focus,.custom-fields-table[data-v-112b16b5] textarea:focus,.custom-fields-table[data-v-112b16b5] select:focus,.custom-fields-table[data-v-112b16b5] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-112b16b5] .w-full{width:100%;height:100%}.list-enter-active[data-v-112b16b5]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-112b16b5]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-a86554e2]{display:flex;flex-direction:column}.form-field-item[data-v-a86554e2]:has([role=switch]),.form-field-item[data-v-a86554e2]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-1a2b21d0]{width:100%}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-12cf2491]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.45em}.breadcrumb--sm[data-v-12cf2491]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-12cf2491]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-12cf2491]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-12cf2491]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-12cf2491]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-12cf2491]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-12cf2491]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-12cf2491]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-12cf2491]{gap:0}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-12cf2491] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-12cf2491]{display:none}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-09b401c2]{max-height:70vh}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-09b401c2]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-fc14e574]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background)}.custom-list-header[data-v-fc14e574]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-fc14e574]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-fc14e574]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-fc14e574],.custom-list-header+.custom-list-header[data-v-fc14e574]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-fc14e574]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-e9fed8ed]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto}.custom-table[data-v-e9fed8ed]{width:100%;border-collapse:collapse}.custom-th[data-v-e9fed8ed]{background-color:var(--color-gray-150);color:var(--color-foreground);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}.custom-th.text-center[data-v-e9fed8ed]{text-align:center;min-width:100px}.custom-th[data-v-e9fed8ed]:first-child{border-left:none}.custom-td[data-v-e9fed8ed]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-e9fed8ed]{text-align:center}.custom-td[data-v-e9fed8ed]:first-child{border-left:none}.custom-group-row td[data-v-e9fed8ed]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-e9fed8ed]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-e9fed8ed]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-e9fed8ed]{border-bottom:none}.custom-active-cell[data-v-e9fed8ed]{cursor:pointer}.custom-active-cell[data-v-e9fed8ed]:hover{background-color:var(--color-accent)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.first-toast-enter-active[data-v-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1ace469f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1ace469f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1ace469f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1ace469f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
 

package/components/CommandPaletteContent.vue.js

@@ -1,7 +0,0 @@
-import t from "./CommandPaletteContent.vue2.js";
-/* empty css                           */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e919f56b"]]);
-export {
-  r as default
-};

package/components/CommandPaletteContent.vue2.js

@@ -1,311 +0,0 @@
-import { defineComponent as Z, computed as c, ref as _, watch as ee, onMounted as te, nextTick as G, openBlock as u, createElementBlock as f, createElementVNode as s, createVNode as w, withDirectives as oe, vModelText as ne, createTextVNode as I, toDisplayString as i, createCommentVNode as b, Fragment as P, renderList as O, normalizeClass as T, createBlock as re } from "vue";
-import { useRouter as le } from "vue-router";
-import h from "./Icon.vue.js";
-import { $t as C } from "../utils/i18n.js";
-const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, ae = { class: "flex items-center gap-3 px-4 py-3.5 border-b border-border/60 shrink-0" }, ce = ["placeholder", "aria-activedescendant"], ie = ["aria-label"], de = {
-  key: 0,
-  class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
-  "aria-live": "polite"
-}, ue = { class: "text-sm font-medium text-muted-foreground" }, fe = { class: "text-foreground font-semibold" }, pe = { class: "text-xs text-muted-foreground/60 mt-1" }, me = ["aria-label"], xe = ["aria-label"], ve = ["id", "aria-selected", "aria-disabled", "data-active", "onClick", "onMouseenter"], be = { class: "flex-1 min-w-0" }, he = { class: "block font-medium truncate text-inherit leading-tight" }, ge = {
-  key: 0,
-  class: "block text-xs text-muted-foreground/70 truncate mt-0.5"
-}, ye = {
-  key: 1,
-  class: "shrink-0 hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-mono border border-border/60 bg-background/80 text-muted-foreground ml-1"
-}, ke = {
-  key: 0,
-  class: "my-1.5 mx-3 h-px bg-border/40",
-  "aria-hidden": "true"
-}, _e = {
-  class: "px-4 py-2.5 border-t border-border/40 flex items-center gap-4 shrink-0 bg-muted/30",
-  "aria-hidden": "true"
-}, we = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, Ie = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, Ce = { class: "flex items-center gap-1 text-[11px] text-muted-foreground/60" }, Me = { class: "ml-auto text-[11px] text-muted-foreground/50" }, Be = /* @__PURE__ */ Z({
-  __name: "CommandPaletteContent",
-  props: {
-    close: { type: Function },
-    items: {},
-    menuItems: {},
-    placeholder: {},
-    placeholderI18n: {},
-    maxResultsPerGroup: {},
-    onOpenDynamicModal: { type: Function }
-  },
-  setup(M) {
-    const d = M, p = (t, o) => {
-      const n = C(t);
-      return n !== t ? n : o;
-    }, j = c(() => {
-      if (d.placeholderI18n) {
-        const t = C(d.placeholderI18n);
-        if (t !== d.placeholderI18n) return t;
-      }
-      return d.placeholder;
-    }), z = c(() => p("vlite.commandPalette.noResults", "No results for")), L = c(
-      () => p("vlite.commandPalette.noResultsDesc", "Try a different term or browse with arrow keys")
-    ), K = c(() => p("vlite.commandPalette.navigate", "Navigate")), U = c(() => p("vlite.commandPalette.open", "Open")), W = c(() => p("vlite.commandPalette.close", "Close")), R = c(() => p("vlite.commandPalette.result", "result")), D = c(() => p("vlite.commandPalette.results", "results"));
-    function N(t) {
-      if (t.labelI18n) {
-        const o = C(t.labelI18n);
-        if (o !== t.labelI18n) return o;
-      }
-      return t.label;
-    }
-    function B(t) {
-      if (t.descriptionI18n) {
-        const o = C(t.descriptionI18n);
-        if (o !== t.descriptionI18n) return o;
-      }
-      return t.description ?? "";
-    }
-    const v = _(""), a = _(0), $ = _(null), S = _(null), H = le();
-    function E(t) {
-      return typeof t == "function" ? t() : t !== void 0 ? t : !0;
-    }
-    function V(t, o, n = 0) {
-      const r = [];
-      for (const e of t) {
-        if (!E(e.show)) continue;
-        const l = n === 0 ? e.label : o ?? "Navigation";
-        (e.to || e.href || e.action || e.modalBody) && r.push({
-          ...e,
-          id: e.id ?? e.to ?? e.label ?? Math.random().toString(),
-          group: e.group ?? l
-        }), e.children?.length && r.push(...V(e.children, l, n + 1));
-      }
-      return r;
-    }
-    function q(t, o, n = 0) {
-      const r = [];
-      for (const e of t) {
-        if (!E(e.show)) continue;
-        const l = n === 0 ? e.label : o ?? "Navigation";
-        (e.to || e.href || e.action || e.modalBody) && r.push({
-          id: e.id ?? (typeof e.to == "string" ? e.to : "") ?? e.label ?? Math.random().toString(),
-          label: e.label,
-          labelI18n: e.labelI18n,
-          icon: e.icon,
-          group: e.group ?? l,
-          to: typeof e.to == "string" ? e.to : e.to?.path,
-          href: e.href,
-          action: e.action ? () => e.action(e) : void 0,
-          disabled: e.disabled,
-          modalBody: e.modalBody,
-          modalProps: e.modalProps
-        }), e.children?.length && r.push(...q(e.children, l, n + 1));
-      }
-      return r;
-    }
-    const J = c(() => {
-      const t = q(d.menuItems || []), o = V(d.items || []), n = /* @__PURE__ */ new Set(), r = [];
-      for (const e of [...o, ...t])
-        e.id && !n.has(e.id) && (n.add(e.id), r.push(e));
-      return r;
-    });
-    function g(t) {
-      return t.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-    }
-    function Q(t, o) {
-      const n = g(N(t)), r = g(B(t)), e = (t.keywords ?? []).map(g).join(" "), l = g(o);
-      return n === l ? 100 : n.startsWith(l) ? 80 : n.includes(l) ? 60 : r.includes(l) || e.includes(l) ? 40 : 0;
-    }
-    const y = c(() => {
-      const t = v.value.trim();
-      let o = J.value.filter((e) => !e.disabled);
-      t && (o = o.map((e) => ({ item: e, s: Q(e, t) })).filter(({ s: e }) => e > 0).sort((e, l) => l.s - e.s).map(({ item: e }) => e));
-      const n = /* @__PURE__ */ new Map();
-      for (const e of o) {
-        const l = e.group ?? "Actions";
-        n.has(l) || n.set(l, []), n.get(l).push(e);
-      }
-      const r = [];
-      for (const [e, l] of n)
-        r.push({
-          key: e,
-          label: e,
-          items: l.slice(0, d.maxResultsPerGroup)
-        });
-      return r;
-    }), k = c(() => y.value.flatMap((t) => t.items)), m = c(() => k.value.length), X = (t) => {
-      if (t.key === "Escape") {
-        d.close();
-        return;
-      }
-      if (t.key === "ArrowDown") {
-        t.preventDefault(), a.value = Math.min(a.value + 1, m.value - 1), A();
-        return;
-      }
-      if (t.key === "ArrowUp") {
-        t.preventDefault(), a.value = Math.max(a.value - 1, 0), A();
-        return;
-      }
-      if (t.key === "Enter") {
-        t.preventDefault();
-        const o = k.value[a.value];
-        o && F(o);
-      }
-    }, A = () => {
-      G(() => {
-        S.value?.querySelector('[data-active="true"]')?.scrollIntoView({ block: "nearest" });
-      });
-    };
-    ee(v, () => {
-      a.value = 0;
-    });
-    const F = (t) => {
-      if (!t.disabled) {
-        if (d.close(), t.modalBody) {
-          d.onOpenDynamicModal(t.modalBody, t.modalProps);
-          return;
-        }
-        if (t.action) {
-          t.action();
-          return;
-        }
-        if (t.to) {
-          H.push(t.to).catch(() => {
-          });
-          return;
-        }
-        t.href && window.open(t.href, "_blank", "noopener,noreferrer");
-      }
-    }, x = (t, o) => {
-      let n = 0;
-      for (let r = 0; r < t; r++)
-        n += y.value[r].items.length;
-      return n + o;
-    };
-    return te(() => {
-      G(() => {
-        $.value?.focus();
-      });
-    }), (t, o) => (u(), f("div", se, [
-      s("div", ae, [
-        w(h, {
-          icon: "lucide:search",
-          class: "w-4 h-4 text-muted-foreground shrink-0"
-        }),
-        oe(s("input", {
-          ref_key: "inputRef",
-          ref: $,
-          "onUpdate:modelValue": o[0] || (o[0] = (n) => v.value = n),
-          type: "text",
-          autocomplete: "off",
-          autocorrect: "off",
-          spellcheck: "false",
-          placeholder: j.value,
-          class: "flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground/60 outline-none min-w-0",
-          "aria-autocomplete": "list",
-          "aria-activedescendant": k.value[a.value] ? `cp-item-${k.value[a.value].id}` : void 0,
-          "aria-controls": "cp-listbox",
-          onKeydown: X
-        }, null, 40, ce), [
-          [ne, v.value]
-        ]),
-        s("button", {
-          type: "button",
-          class: "shrink-0 p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
-          "aria-label": "Close",
-          tabindex: "-1",
-          onClick: o[1] || (o[1] = //@ts-ignore
-          (...n) => M.close && M.close(...n))
-        }, [
-          w(h, {
-            icon: "lucide:x",
-            class: "w-3.5 h-3.5"
-          })
-        ])
-      ]),
-      s("div", {
-        id: "cp-listbox",
-        ref_key: "listRef",
-        ref: S,
-        role: "listbox",
-        class: "flex-1 overflow-y-auto py-2 scrollbar-thin",
-        "aria-label": `${m.value} ${m.value === 1 ? R.value : D.value}`
-      }, [
-        m.value === 0 ? (u(), f("div", de, [
-          w(h, {
-            icon: "lucide:search-x",
-            class: "w-9 h-9 text-muted-foreground/40 mb-3"
-          }),
-          s("p", ue, [
-            I(i(z.value) + " ", 1),
-            s("span", fe, '"' + i(v.value) + '"', 1)
-          ]),
-          s("p", pe, i(L.value), 1)
-        ])) : b("", !0),
-        (u(!0), f(P, null, O(y.value, (n, r) => (u(), f(P, {
-          key: n.key
-        }, [
-          s("div", {
-            class: "px-4 py-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none",
-            "aria-label": `Group: ${n.label}`
-          }, i(n.label), 9, me),
-          s("div", {
-            role: "group",
-            "aria-label": n.label,
-            class: "px-2"
-          }, [
-            (u(!0), f(P, null, O(n.items, (e, l) => (u(), f("button", {
-              key: e.id,
-              id: `cp-item-${e.id}`,
-              type: "button",
-              role: "option",
-              "aria-selected": x(r, l) === a.value,
-              "aria-disabled": e.disabled || void 0,
-              "data-active": x(r, l) === a.value,
-              class: T(["command-palette-item w-full flex items-center gap-3 px-3! py-2.5 mx-1 rounded-lg text-sm transition-colors duration-100 text-left cursor-pointer select-none focus-visible:outline-none", [
-                x(r, l) === a.value ? "bg-gray-200/80 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
-                e.disabled ? "opacity-40 cursor-not-allowed" : ""
-              ]]),
-              style: { width: "calc(100% - 8px)" },
-              onClick: (Y) => F(e),
-              onMouseenter: (Y) => a.value = x(r, l)
-            }, [
-              s("span", {
-                class: T([
-                  "shrink-0 flex items-center justify-center w-7 h-7 rounded-md",
-                  x(r, l) === a.value ? "bg-gray-300/80 text-gray-900" : "bg-muted/80 text-muted-foreground"
-                ])
-              }, [
-                w(h, {
-                  icon: e.icon ?? "lucide:arrow-right",
-                  class: "w-3.5 h-3.5"
-                }, null, 8, ["icon"])
-              ], 2),
-              s("span", be, [
-                s("span", he, i(N(e)), 1),
-                e.description || e.descriptionI18n ? (u(), f("span", ge, i(B(e)), 1)) : b("", !0)
-              ]),
-              e.href ? (u(), re(h, {
-                key: 0,
-                icon: "lucide:external-link",
-                class: "shrink-0 w-3 h-3 text-muted-foreground/50"
-              })) : b("", !0),
-              x(r, l) === a.value ? (u(), f("kbd", ye, " ↵ ")) : b("", !0)
-            ], 42, ve))), 128))
-          ], 8, xe),
-          r < y.value.length - 1 ? (u(), f("div", ke)) : b("", !0)
-        ], 64))), 128))
-      ], 8, ie),
-      s("div", _e, [
-        s("span", we, [
-          o[2] || (o[2] = s("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "↑↓", -1)),
-          I(" " + i(K.value), 1)
-        ]),
-        s("span", Ie, [
-          o[3] || (o[3] = s("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "↵", -1)),
-          I(" " + i(U.value), 1)
-        ]),
-        s("span", Ce, [
-          o[4] || (o[4] = s("kbd", { class: "px-1 rounded border border-border/60 bg-background text-[10px]" }, "Esc", -1)),
-          I(" " + i(W.value), 1)
-        ]),
-        s("span", Me, i(m.value) + " " + i(m.value === 1 ? R.value : D.value), 1)
-      ])
-    ]));
-  }
-});
-export {
-  Be as default
-};