@leavepulse/ui 0.36.0 → 0.37.0

package/dist/assets/{LpCommandPalette-BERCHiev.css → LpCommandPalette-B-g1fa8r.css}

@@ -1,16 +1,16 @@
 
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-d0e03a58] {
-  animation: lp-cmd-in-d0e03a58 140ms ease-out both;
+.lp-cmd-item[data-v-dbc1130a] {
+  animation: lp-cmd-in-dbc1130a 140ms ease-out both;
 }
-@keyframes lp-cmd-in-d0e03a58 {
+@keyframes lp-cmd-in-dbc1130a {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-d0e03a58] {
+.lp-cmd-item[data-v-dbc1130a] {
     animation: none;
 }
 }

package/dist/assets/{LpTable-DfSwPCJ-.css → LpTable-BbOFmZfc.css}

@@ -11,17 +11,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-1fada8e7],
-.lp-row-leave-active[data-v-1fada8e7] {
+.lp-row-enter-active[data-v-63738e53],
+.lp-row-leave-active[data-v-63738e53] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-1fada8e7] {
+.lp-row-move[data-v-63738e53] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-1fada8e7],
-.lp-row-leave-to[data-v-1fada8e7] {
+.lp-row-enter-from[data-v-63738e53],
+.lp-row-leave-to[data-v-63738e53] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -35,7 +35,7 @@
  * drops out of the table layout entirely. Nothing sits below this row to be
  * dragged around, so simply not animating its exit costs nothing.
  */
-.lp-row-empty.lp-row-leave-active[data-v-1fada8e7] {
+.lp-row-empty.lp-row-leave-active[data-v-63738e53] {
   display: none;
 }
 
@@ -50,9 +50,9 @@
 /* A filter that redraws the list is information, not decoration: with motion
    turned down the rows change without animating rather than not changing. */
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-1fada8e7],
-  .lp-row-leave-active[data-v-1fada8e7],
-  .lp-row-move[data-v-1fada8e7] {
+.lp-row-enter-active[data-v-63738e53],
+  .lp-row-leave-active[data-v-63738e53],
+  .lp-row-move[data-v-63738e53] {
     transition: none;
 }
 }

package/dist/chunks/{LpAddressInput-D4t8WFD-.js → LpAddressInput-C8NZWkH_.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-9EXWUM9B.js";
-import { _ as _sfc_main$7 } from "./LpModal-7LvuAA7U.js";
+import { _ as _sfc_main$7 } from "./LpModal-D3QxgWaT.js";
 import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpConfirmDialog-CxbizvSB.js → LpConfirmDialog-B6RAvDES.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createElementVNode, normalizeClass } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-7LvuAA7U.js";
+import { _ as _sfc_main$1 } from "./LpModal-D3QxgWaT.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",

package/dist/chunks/{LpModal-7LvuAA7U.js → LpModal-D3QxgWaT.js}

@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "flex items-start",
                   style: normalizeStyle(hasAside.value ? { maxHeight: "min(90vh, calc(100dvh - 2rem))" } : void 0)
                 }, [
-                  _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
+                  __props.open && _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
                     renderSlot(_ctx.$slots, "aside")
                   ])) : createCommentVNode("", true),
                   createVNode(unref(DialogContent), mergeProps({
@@ -205,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 16, ["class", "style"]),
-                  _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
+                  __props.open && _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
                     renderSlot(_ctx.$slots, "asideEnd")
                   ])) : createCommentVNode("", true)
                 ], 4)

package/dist/chunks/{LpModalNav-DBMGlq_x.js → LpModalNav-K6N5YpQk.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-7LvuAA7U.js";
+import { _ as _sfc_main$1 } from "./LpModal-D3QxgWaT.js";
 import { _ as _sfc_main$4 } from "./LpSidebar-DcYavim2.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-D4t8WFD-.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-C8NZWkH_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,10 +1,11 @@
-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 { defineComponent, computed, ref, shallowRef, 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 { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-BERCHiev.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-B-g1fa8r.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 = {
@@ -102,10 +103,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return true;
     }
     const found = shallowRef([]);
-    const searching = ref(false);
-    let timer;
-    let controller;
-    let token = 0;
+    const task = useAsyncTask();
+    const searching = task.pending;
     function fetcher() {
       const current = mode.value;
       if (current) {
@@ -114,12 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.search ?? null;
     }
     function cancel() {
-      if (timer) clearTimeout(timer);
-      timer = void 0;
-      controller?.abort();
-      controller = void 0;
-      token += 1;
-      searching.value = false;
+      task.cancel();
     }
     function refresh() {
       cancel();
@@ -129,22 +123,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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);
+      task.run((signal) => run2(q, signal), {
+        delay: props.debounce,
+        apply: (hits) => found.value = hits,
+        fail: () => found.value = []
+      });
     }
-    onBeforeUnmount(cancel);
     const source = computed(() => mode.value ? modeItems.value : props.commands);
     const ranked = computed(() => {
       const q = query.value.trim().toLowerCase();
@@ -333,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_1, [
-                    !searching.value ? (openBlock(), createBlock(_sfc_main$1, {
+                    !unref(searching) ? (openBlock(), createBlock(_sfc_main$1, {
                       key: 0,
                       name: "lucide:search",
                       size: 18,
@@ -391,7 +375,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "content-class": "p-2"
                   }, {
                     default: withCtx(() => [
-                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(searching.value ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
+                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(grouped.value, (group) => {
                         return openBlock(), createElementBlock(Fragment, {
                           key: group.name
@@ -481,7 +465,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0e03a58"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbc1130a"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-7LvuAA7U.js";
+import { _ as _sfc_main } from "../chunks/LpModal-D3QxgWaT.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-7LvuAA7U.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-D3QxgWaT.js";
 import { appleModifierLabel } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpShortcutsDialog-B7H-RZLQ.css';const _hoisted_1 = { class: "shortcut-groups" };

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

@@ -26,10 +26,47 @@ export interface SortState {
     key: string;
     dir: "asc" | "desc";
 }
+/**
+ * What a server-backed table asks for. `hidden` mirrors the header filter: the
+ * values unticked per column, so a value the server has never sent before shows
+ * up instead of being silently excluded.
+ */
+export interface TableQuery {
+    page: number;
+    pageSize: number;
+    sort: SortState | null;
+    hidden: Record<string, unknown[]>;
+}
+/**
+ * One page of a server-backed table. `facets` are the distinct values of the
+ * filterable columns across the whole result — one page cannot know them, and a
+ * filter built from twenty-five rows would offer whatever happened to be on it.
+ */
+export interface TablePage<Row> {
+    rows: Row[];
+    total: number;
+    facets?: Record<string, unknown[]>;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<{
         columns: TableColumn<T>[];
-        rows: T[];
+        /** The rows, for a table that holds its data. Ignored when `load` is set. */
+        rows?: T[];
+        /**
+         * Fetch the rows instead of being handed them: paging, sorting and the
+         * header filters then happen on the server. Debounced and abortable, the
+         * same way as the command palette's `search` — a stale page never lands
+         * over a fresher one.
+         */
+        load?: (query: TableQuery, signal: AbortSignal) => TablePage<T> | Promise<TablePage<T>>;
+        /** Rows per page with `load`. */
+        pageSize?: number;
+        /** Wait after a sort or filter change before `load` runs. */
+        debounce?: number;
+        loadingLabel?: string;
+        errorLabel?: string;
         /** Stable id per row — required for selection; falls back to index otherwise. */
         rowKey?: keyof T | ((row: T) => string | number);
         emptyLabel?: string;
@@ -62,7 +99,9 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        reload: () => void;
+    }>) => void;
     attrs: any;
     slots: {
         [x: `cell-${string}`]: ((props: {
@@ -78,8 +117,6 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {