@leavepulse/ui 0.33.1 → 0.35.0

package/dist/components/LpCommandPalette.vue.js

@@ -1,38 +1,47 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
+import { defineComponent, computed, ref, shallowRef, onBeforeUnmount, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, normalizeClass } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-D8xyKXcF.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-CEY-pajO.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
-const _hoisted_2 = ["placeholder", "onKeydown"];
-const _hoisted_3 = {
+import '../assets/LpCommandPalette-BERCHiev.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+const _hoisted_2 = ["title", "onClick"];
+const _hoisted_3 = ["placeholder", "onKeydown"];
+const _hoisted_4 = {
   key: 0,
   class: "px-2 py-10 text-center text-sm text-muted"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 0,
   class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
-const _hoisted_5 = ["data-cmd-index", "disabled", "onClick", "onPointerenter"];
-const _hoisted_6 = { class: "min-w-0 flex-1" };
-const _hoisted_7 = { class: "block truncate font-medium" };
-const _hoisted_8 = {
+const _hoisted_6 = ["data-cmd-index", "disabled", "onClick", "onPointerenter"];
+const _hoisted_7 = { class: "min-w-0 flex-1" };
+const _hoisted_8 = { class: "block truncate font-medium" };
+const _hoisted_9 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_9 = {
+const _hoisted_10 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 1,
   class: "shrink-0 text-xs text-muted"
 };
+const _hoisted_13 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_14 = { class: "flex items-center gap-1" };
+const _hoisted_15 = { class: "flex items-center gap-1" };
+const _hoisted_16 = {
+  key: 0,
+  class: "flex items-center gap-1"
+};
+const _hoisted_17 = { class: "ml-auto flex items-center gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandPalette",
   props: {
@@ -40,20 +49,107 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     commands: {},
     placeholder: { default: "Type a command or search…" },
     emptyText: { default: "No results" },
-    hotkey: { type: Boolean, default: true }
+    hotkey: { type: Boolean, default: true },
+    search: {},
+    debounce: { default: 250 },
+    minChars: { default: 1 },
+    recent: {},
+    recentLimit: { default: 5 },
+    recentLabel: { default: "Recent" },
+    resultsLabel: { default: "Results" },
+    labels: {}
   },
-  emits: ["update:open", "select"],
+  emits: ["update:open", "select", "run"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const DEFAULT_LABELS = {
+      navigate: "navigate",
+      select: "select",
+      close: "close",
+      back: "back",
+      searching: "Searching…"
+    };
+    const text = computed(() => ({ ...DEFAULT_LABELS, ...props.labels }));
     const emit = __emit;
     const query = ref("");
     const selectedIndex = ref(0);
     const inputRef = ref(null);
     const scrollRef = ref(null);
+    const trail = shallowRef([]);
+    const mode = computed(() => trail.value[trail.value.length - 1] ?? null);
+    const modeItems = shallowRef([]);
+    function enter(c) {
+      trail.value = [...trail.value, c];
+      query.value = "";
+      selectedIndex.value = 0;
+      modeItems.value = Array.isArray(c.children) ? c.children : [];
+      refresh();
+      inputRef.value?.focus();
+    }
+    function popTo(depth) {
+      const next = trail.value.slice(0, Math.max(0, depth));
+      trail.value = next;
+      query.value = "";
+      selectedIndex.value = 0;
+      const parent = next[next.length - 1];
+      modeItems.value = parent && Array.isArray(parent.children) ? parent.children : [];
+      refresh();
+      inputRef.value?.focus();
+    }
+    function back() {
+      if (!trail.value.length) return false;
+      popTo(trail.value.length - 1);
+      return true;
+    }
+    const found = shallowRef([]);
+    const searching = ref(false);
+    let timer;
+    let controller;
+    let token = 0;
+    function fetcher() {
+      const current = mode.value;
+      if (current) {
+        return typeof current.children === "function" ? (q) => current.children(q) : null;
+      }
+      return props.search ?? null;
+    }
+    function cancel() {
+      if (timer) clearTimeout(timer);
+      timer = void 0;
+      controller?.abort();
+      controller = void 0;
+      token += 1;
+      searching.value = false;
+    }
+    function refresh() {
+      cancel();
+      found.value = [];
+      const run2 = fetcher();
+      if (!run2) return;
+      const q = query.value.trim();
+      const inMode = mode.value !== null;
+      if (!inMode && q.length < Math.max(1, props.minChars)) return;
+      searching.value = true;
+      const mine = ++token;
+      timer = setTimeout(async () => {
+        controller = new AbortController();
+        try {
+          const hits = await run2(q, controller.signal);
+          if (mine !== token) return;
+          found.value = hits;
+        } catch {
+          if (mine === token) found.value = [];
+        } finally {
+          if (mine === token) searching.value = false;
+        }
+      }, props.debounce);
+    }
+    onBeforeUnmount(cancel);
+    const source = computed(() => mode.value ? modeItems.value : props.commands);
     const ranked = computed(() => {
       const q = query.value.trim().toLowerCase();
-      if (!q) return props.commands.filter((c) => !c.hidden);
-      return props.commands.map((c) => {
+      if (!q) return source.value.filter((c) => !c.hidden);
+      return source.value.map((c) => {
         const label = c.label.toLowerCase().includes(q);
         const kw = (c.keywords ?? []).some((k) => k.toLowerCase().includes(q));
         const desc = c.description?.toLowerCase().includes(q) ?? false;
@@ -61,17 +157,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return { c, score };
       }).filter((e) => e.score > 0).sort((a, b) => b.score - a.score || a.c.label.localeCompare(b.c.label)).map((e) => e.c);
     });
+    const fetched = computed(() => {
+      if (!found.value.length) return [];
+      const seen = new Set(ranked.value.map((c) => c.id));
+      return found.value.filter((c) => !seen.has(c.id)).map((c) => c.group ? c : { ...c, group: props.resultsLabel });
+    });
+    const recentItems = computed(() => {
+      if (mode.value || query.value.trim() || !props.recent?.length) return [];
+      const byId = new Map(props.commands.map((c) => [c.id, c]));
+      const out = [];
+      for (const id of props.recent) {
+        const c = byId.get(id);
+        if (c && !c.disabled && !out.includes(c)) out.push(c);
+        if (out.length >= props.recentLimit) break;
+      }
+      return out;
+    });
     const grouped = computed(() => {
       const order = [];
       const map = /* @__PURE__ */ new Map();
-      for (const c of ranked.value) {
-        const g = c.group ?? "";
-        if (!map.has(g)) {
-          map.set(g, []);
-          order.push(g);
+      const push = (c, group) => {
+        if (!map.has(group)) {
+          map.set(group, []);
+          order.push(group);
         }
-        map.get(g).push(c);
-      }
+        map.get(group).push(c);
+      };
+      const recent = recentItems.value;
+      for (const c of recent) push(c, props.recentLabel);
+      for (const c of ranked.value) if (!recent.includes(c)) push(c, c.group ?? "");
+      for (const c of fetched.value) push(c, c.group ?? "");
       return order.map((name) => ({ name, items: map.get(name) }));
     });
     const flat = computed(() => grouped.value.flatMap((g) => g.items));
@@ -90,9 +205,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         let at = -1;
         let term = "";
         for (const t of terms) {
-          const found = lower.indexOf(t, i);
-          if (found !== -1 && (at === -1 || found < at || found === at && t.length > term.length)) {
-            at = found;
+          const found2 = lower.indexOf(t, i);
+          if (found2 !== -1 && (at === -1 || found2 < at || found2 === at && t.length > term.length)) {
+            at = found2;
             term = t;
           }
         }
@@ -106,7 +221,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return parts;
     }
-    watch(query, () => selectedIndex.value = 0);
+    watch(query, () => {
+      selectedIndex.value = 0;
+      refresh();
+    });
     watch(
       () => flat.value.length,
       (len) => {
@@ -138,14 +256,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!c || c.disabled) return;
       emit("select", c);
       c.onSelect?.();
+      if (c.children) {
+        enter(c);
+        return;
+      }
+      emit("run", c.id, c);
+      if (c.keepOpen) {
+        query.value = "";
+        selectedIndex.value = 0;
+        inputRef.value?.focus();
+        return;
+      }
       emit("update:open", false);
     }
+    function onBackspace(event) {
+      if (query.value) return;
+      if (back()) event.preventDefault();
+    }
+    function onEscape(event) {
+      if (!trail.value.length) return;
+      event.preventDefault();
+      event.stopPropagation();
+      back();
+    }
     watch(
       () => props.open,
       async (o) => {
+        cancel();
+        query.value = "";
+        selectedIndex.value = 0;
+        trail.value = [];
+        modeItems.value = [];
+        found.value = [];
         if (o) {
-          query.value = "";
-          selectedIndex.value = 0;
           await nextTick();
           inputRef.value?.focus();
         }
@@ -190,24 +333,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_1, [
-                    createVNode(_sfc_main$1, {
+                    !searching.value ? (openBlock(), createBlock(_sfc_main$1, {
+                      key: 0,
                       name: "lucide:search",
                       size: 18,
                       class: "shrink-0 text-muted"
-                    }),
+                    })) : (openBlock(), createBlock(_sfc_main$1, {
+                      key: 1,
+                      name: "lucide:loader-circle",
+                      size: 18,
+                      class: "shrink-0 animate-spin text-muted"
+                    })),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(trail.value, (step, i) => {
+                      return openBlock(), createElementBlock("button", {
+                        key: step.id,
+                        type: "button",
+                        class: "flex shrink-0 items-center gap-1.5 rounded-md bg-brand-soft px-2 py-1 text-xs font-medium text-brand transition-opacity hover:opacity-80",
+                        title: text.value.back,
+                        onClick: ($event) => popTo(i)
+                      }, [
+                        step.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                          key: 0,
+                          name: step.icon,
+                          size: 13
+                        }, null, 8, ["name"])) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(step.label) + " ", 1),
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:x",
+                          size: 12,
+                          class: "opacity-60"
+                        })
+                      ], 8, _hoisted_2);
+                    }), 128)),
                     withDirectives(createElementVNode("input", {
                       ref_key: "inputRef",
                       ref: inputRef,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
                       type: "text",
-                      placeholder: __props.placeholder,
+                      placeholder: mode.value?.childPlaceholder ?? __props.placeholder,
                       class: "h-12 min-w-0 flex-1 bg-transparent text-sm text-ink outline-none placeholder:text-muted",
                       onKeydown: [
                         withKeys(withModifiers(moveDown, ["prevent"]), ["down"]),
                         withKeys(withModifiers(moveUp, ["prevent"]), ["up"]),
-                        withKeys(withModifiers(runSelected, ["prevent"]), ["enter"])
+                        withKeys(withModifiers(runSelected, ["prevent"]), ["enter"]),
+                        withKeys(onBackspace, ["backspace"]),
+                        withKeys(onEscape, ["esc"])
                       ]
-                    }, null, 40, _hoisted_2), [
+                    }, null, 40, _hoisted_3), [
                       [vModelText, query.value]
                     ]),
                     _cache[5] || (_cache[5] = createElementVNode("kbd", { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" }, "esc", -1))
@@ -219,12 +391,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "content-class": "p-2"
                   }, {
                     default: withCtx(() => [
-                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true),
+                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(searching.value ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(grouped.value, (group) => {
                         return openBlock(), createElementBlock(Fragment, {
                           key: group.name
                         }, [
-                          group.name ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(group.name), 1)) : createCommentVNode("", true),
+                          group.name ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(group.name), 1)) : createCommentVNode("", true),
                           (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
                             return openBlock(), createElementBlock("button", {
                               key: c.id,
@@ -241,53 +413,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 size: 16,
                                 class: "shrink-0"
                               }, null, 8, ["name"])) : createCommentVNode("", true),
-                              createElementVNode("span", _hoisted_6, [
-                                createElementVNode("span", _hoisted_7, [
+                              createElementVNode("span", _hoisted_7, [
+                                createElementVNode("span", _hoisted_8, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.label), (p, pi) => {
                                     return openBlock(), createElementBlock(Fragment, {
                                       key: `l${pi}`
                                     }, [
-                                      p.hit ? (openBlock(), createElementBlock("mark", _hoisted_8, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                      p.hit ? (openBlock(), createElementBlock("mark", _hoisted_9, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                         createTextVNode(toDisplayString(p.text), 1)
                                       ], 64))
                                     ], 64);
                                   }), 128))
                                 ]),
-                                c.description ? (openBlock(), createElementBlock("span", _hoisted_9, [
+                                c.description ? (openBlock(), createElementBlock("span", _hoisted_10, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.description), (p, pi) => {
                                     return openBlock(), createElementBlock(Fragment, {
                                       key: `d${pi}`
                                     }, [
-                                      p.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                      p.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                         createTextVNode(toDisplayString(p.text), 1)
                                       ], 64))
                                     ], 64);
                                   }), 128))
                                 ])) : createCommentVNode("", true)
                               ]),
-                              c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_11, toDisplayString(c.shortcut), 1)) : createCommentVNode("", true)
-                            ], 42, _hoisted_5);
+                              c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_12, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
+                                key: 2,
+                                name: "lucide:chevron-right",
+                                size: 14,
+                                class: "shrink-0 text-muted"
+                              })) : createCommentVNode("", true)
+                            ], 42, _hoisted_6);
                           }), 128))
                         ], 64);
                       }), 128))
                     ]),
                     _: 1
                   }, 512),
-                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" }, [
-                    createElementVNode("span", { class: "flex items-center gap-1" }, [
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑"),
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓"),
-                      createTextVNode(" navigate ")
+                  createElementVNode("div", _hoisted_13, [
+                    createElementVNode("span", _hoisted_14, [
+                      _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
+                      _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
+                      createTextVNode(" " + toDisplayString(text.value.navigate), 1)
                     ]),
-                    createElementVNode("span", { class: "flex items-center gap-1" }, [
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵"),
-                      createTextVNode(" select ")
+                    createElementVNode("span", _hoisted_15, [
+                      _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
+                      createTextVNode(" " + toDisplayString(text.value.select), 1)
                     ]),
-                    createElementVNode("span", { class: "ml-auto flex items-center gap-1" }, [
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc"),
-                      createTextVNode(" close ")
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_16, [
+                      _cache[9] || (_cache[9] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
+                      createTextVNode(" " + toDisplayString(text.value.back), 1)
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("span", _hoisted_17, [
+                      _cache[10] || (_cache[10] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc", -1)),
+                      createTextVNode(" " + toDisplayString(text.value.close), 1)
                     ])
-                  ], -1))
+                  ])
                 ]),
                 _: 1
               })
@@ -300,7 +481,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a23a2f5f"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0e03a58"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpModalNav.vue.d.ts

@@ -0,0 +1,74 @@
+import { SidebarItem, SidebarSection } from './sidebar';
+export type { SidebarItem, SidebarSection } from './sidebar';
+type Breakpoint = "sm" | "md" | "lg" | "xl";
+type __VLS_Props = {
+    open?: boolean;
+    /** Active section id (v-model). */
+    modelValue?: string;
+    /** Flat sections, or grouped ones — the shapes LpSidebar already takes. */
+    items?: SidebarItem[];
+    sections?: SidebarSection[];
+    title?: string;
+    description?: string;
+    /**
+     * Defaults wider than `LpModal`'s `md`: the rail comes out of the content's
+     * width, and at `md` what is left is too narrow to be worth splitting.
+     */
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    width?: string;
+    /** Width of the nav rail (any CSS length). */
+    navWidth?: string;
+    /** Put a filter above the nav — see LpSidebar's `searchable`. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Skeleton rows in place of the nav while the sections load. */
+    loading?: boolean;
+    /** Breakpoint below which the rail becomes a drawer. */
+    mobileBreakpoint?: Breakpoint;
+    /** Label for the button that opens that drawer. */
+    navLabel?: string;
+    /**
+     * Let the body fill the height instead of scrolling itself. On by default,
+     * unlike a plain modal: the rail is only a full-height column if the two
+     * of them agree on a height to fill.
+     */
+    fillBody?: boolean;
+};
+declare var __VLS_24: {}, __VLS_33: {}, __VLS_36: {
+    item: SidebarItem;
+    active: boolean;
+}, __VLS_39: {}, __VLS_41: {}, __VLS_44: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_24) => any;
+} & {
+    navHeader?: (props: typeof __VLS_33) => any;
+} & {
+    navItem?: (props: typeof __VLS_36) => any;
+} & {
+    navFooter?: (props: typeof __VLS_39) => any;
+} & {
+    default?: (props: typeof __VLS_41) => any;
+} & {
+    footer?: (props: typeof __VLS_44) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    fillBody: boolean;
+    mobileBreakpoint: Breakpoint;
+    navWidth: string;
+    navLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpModalNav.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpModalNav-B7W9VAne.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpTable.vue.js

@@ -5,7 +5,7 @@ import { _ as _sfc_main$4 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "../chunks/LpScrollArea-D8xyKXcF.js";
 import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-Ckoi05Am.css';const _hoisted_1 = { class: "w-full border-collapse text-sm" };
+import '../assets/LpTable-DfSwPCJ-.css';const _hoisted_1 = { class: "w-full border-collapse text-sm" };
 const _hoisted_2 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_3 = {
   key: 0,
@@ -13,7 +13,10 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = ["aria-sort"];
 const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { key: "lp-table-empty" };
+const _hoisted_6 = {
+  key: "lp-table-empty",
+  class: "lp-row-empty"
+};
 const _hoisted_7 = ["colspan"];
 const _hoisted_8 = ["onContextmenu", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -290,7 +293,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("thead", {
                   ref_key: "headEl",
                   ref: headEl,
-                  class: normalizeClass(__props.stickyHeader ? "sticky top-0 z-10" : "")
+                  class: normalizeClass(__props.stickyHeader ? "sticky top-0 z-10 bg-surface-soft" : "")
                 }, [
                   createElementVNode("tr", _hoisted_2, [
                     __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_3, [
@@ -406,7 +409,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d139c3bb"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fada8e7"]]);
 export {
   LpTable as default
 };

package/dist/index.d.ts

@@ -28,7 +28,7 @@ export type { ColorPickerLabels } from './components/LpColorPicker.vue';
 export { clampHsv, DEFAULT_SWATCHES, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv, } from './components/color';
 export type { ColorFormat, Hsv, Rgb } from './components/color';
 export { default as LpCommandPalette } from './components/LpCommandPalette.vue';
-export type { Command } from './components/LpCommandPalette.vue';
+export type { Command, PaletteLabels } from './components/LpCommandPalette.vue';
 export { default as LpConfirmDialog } from './components/LpConfirmDialog.vue';
 export { default as LpContextMenu } from './components/LpContextMenu.vue';
 export type { ContextMenuItemDef } from './components/LpContextMenu.vue';
@@ -58,6 +58,7 @@ export { default as LpLogViewer } from './components/LpLogViewer.vue';
 export type { LogLevel, LogLine } from './components/LpLogViewer.vue';
 export { default as LpMediaGallery } from './components/LpMediaGallery.vue';
 export { default as LpModal } from './components/LpModal.vue';
+export { default as LpModalNav } from './components/LpModalNav.vue';
 export { default as LpNotificationBell } from './components/LpNotificationBell.vue';
 export type { NotificationItem, NotificationLabels, } from './components/LpNotificationBell.vue';
 export { default as LpNumberField } from './components/LpNumberField.vue';