@leavepulse/ui 0.33.0 → 0.34.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/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-CjOGcj1e.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-CQBVaLpo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDisclosure.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDisclosure-y7wDBgLa.js";
+import { _ as _sfc_main } from "../chunks/LpDisclosure-ChQYmjlR.js";
 export {
   _sfc_main as default
 };

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

@@ -71,16 +71,16 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
         cause: "type" | "size";
     }[]) => any) | undefined;
 }>, {
+    icon: string;
+    hint: string;
     title: string;
     animate: boolean;
-    icon: string;
-    accept: string;
     multiple: boolean;
-    hint: string;
     tone: "sunken" | "flush" | "soft";
+    accept: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
-        over: boolean;
+        over: any;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -53,11 +53,11 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     expand: (node: FileNode) => any;
     select: (node: FileNode) => any;
-    summary: (summary: FileTreeSummary) => any;
     open: (node: FileNode) => any;
-    collapse: (node: FileNode) => any;
+    summary: (summary: FileTreeSummary) => any;
     "update:selected": (id: string) => any;
     "update:expanded": (ids: string[]) => any;
+    collapse: (node: FileNode) => any;
     "update:checked": (ids: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<{
     nodes: FileNode[];
@@ -92,11 +92,11 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }> & Readonly<{
     onExpand?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
-    onSummary?: ((summary: FileTreeSummary) => any) | undefined;
     onOpen?: ((node: FileNode) => any) | undefined;
-    onCollapse?: ((node: FileNode) => any) | undefined;
+    onSummary?: ((summary: FileTreeSummary) => any) | undefined;
     "onUpdate:selected"?: ((id: string) => any) | undefined;
     "onUpdate:expanded"?: ((ids: string[]) => any) | undefined;
+    onCollapse?: ((node: FileNode) => any) | undefined;
     "onUpdate:checked"?: ((ids: string[]) => any) | undefined;
 }>, {
     sort: boolean;

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

@@ -12,7 +12,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     required?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
-        id: string;
+        id: any;
     }) => any;
 } & {
     hint?: (props: {}) => any;

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

@@ -1,14 +1,3 @@
-/**
- * Custom Vue Flow node for a project SWIMLANE on LpTopologyCanvas: a sized
- * background zone that groups the nodes of one project (overlay network). It is
- * a NODE (not an overlay) so Vue Flow transforms it with pan/zoom for free.
- *
- * Purely decorative: the lane never intercepts pointer events (pan/drag pass
- * through to the canvas), is non-selectable / non-draggable (set on the node
- * object by the canvas), and sits below real nodes via a low z-index. The label
- * tab stays clickable-looking but is inert. Tailwind utilities only so styles
- * reach consumer apps via @source.
- */
 export interface LaneNodeData {
     label: string;
     /** Optional accent colour token for the lane border + label. */

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

@@ -44,13 +44,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:index"?: ((value: number) => any) | undefined;
 }>, {
-    loop: boolean;
     open: boolean;
-    maxZoom: number;
+    loop: boolean;
     index: number;
     copyable: boolean;
     rotatable: boolean;
     downloadable: boolean;
+    maxZoom: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -141,9 +141,9 @@ declare const __VLS_export: import('vue').DefineComponent<{
     "onReach-top"?: (() => any) | undefined;
 }>, {
     height: string;
-    wrap: boolean;
     emptyLabel: string;
     lineNumbers: boolean;
+    wrap: boolean;
     showTime: boolean;
     showLevel: boolean;
     tail: boolean;

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

@@ -49,8 +49,8 @@ declare const __VLS_export: import('vue').DefineComponent<{
 }>, {
     center: LatLon;
     height: string;
-    zoom: number;
     tiles: TileSource;
+    zoom: number;
     locatable: boolean;
     zoomInLabel: string;
     zoomOutLabel: string;

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

@@ -63,11 +63,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         lg?: number;
         xl?: number;
     };
-    gap: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4;
     ariaLabel: string;
     aspect: "square" | "video" | "auto";
     rotatable: boolean;
     downloadable: boolean;
+    gap: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4;
     openable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-D_o-56To.js";
+import { _ as _sfc_main } from "../chunks/LpModal-DAqXzsm-.js";
 export {
   _sfc_main as default
 };

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

@@ -152,8 +152,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 }>, {
     size: number;
     type: "pie" | "donut";
-    animate: boolean;
     duration: number;
+    animate: boolean;
     emptyLabel: string;
     innerRatio: number;
     maxSlices: number;
@@ -166,27 +166,9 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     hoverOffset: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     center?: (props: {
-        total: number;
-        active: {
-            d: string;
-            lift: string;
-            label: string;
-            value: number;
-            color: string;
-            fraction: number;
-            isOther: boolean;
-            count: number;
-        } | null;
-        selection: {
-            d: string;
-            lift: string;
-            label: string;
-            value: number;
-            color: string;
-            fraction: number;
-            isOther: boolean;
-            count: number;
-        }[];
+        total: any;
+        active: any;
+        selection: any;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -20,9 +20,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
-    align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
+    align: "start" | "center" | "end";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;