@leavepulse/ui 0.69.0 → 0.70.1

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

@@ -0,0 +1,65 @@
+import { type MeterTone } from "./meter";
+import { type StatusKind } from "./status";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    state: StatusKind;
+    /** The word shown, when the state's own name is not the right one ("Ready", "In a match"). */
+    label?: string;
+    /** Overrides the state's tone, for an app whose "offline" is an alarm rather than a rest state. */
+    tone?: MeterTone;
+    /** Overrides whether the light pulses. */
+    pulse?: boolean;
+    /**
+     * `inline` (default) is a light and a word in running text or a table cell;
+     * `pill` puts them on a chip, which is LpBadge's own: the chip is the
+     * badge, the state (light, word, pulse, tone) is what this adds to it.
+     */
+    variant?: "inline" | "pill";
+    size?: "sm" | "md";
+    /**
+     * Light only. The word is still there for screen readers and as a native
+     * hint on hover, so a dense list can drop it visually without going silent.
+     */
+    hideLabel?: boolean;
+    /**
+     * Speak changes as they happen (`role="status"`). Off by default: a table
+     * of twenty servers announcing each flip would drown everything else.
+     * Turn it on for the one status the user is waiting on.
+     */
+    announce?: boolean;
+    labels?: Partial<Record<StatusKind, string>>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    state: StatusKind;
+    /** The word shown, when the state's own name is not the right one ("Ready", "In a match"). */
+    label?: string;
+    /** Overrides the state's tone, for an app whose "offline" is an alarm rather than a rest state. */
+    tone?: MeterTone;
+    /** Overrides whether the light pulses. */
+    pulse?: boolean;
+    /**
+     * `inline` (default) is a light and a word in running text or a table cell;
+     * `pill` puts them on a chip, which is LpBadge's own: the chip is the
+     * badge, the state (light, word, pulse, tone) is what this adds to it.
+     */
+    variant?: "inline" | "pill";
+    size?: "sm" | "md";
+    /**
+     * Light only. The word is still there for screen readers and as a native
+     * hint on hover, so a dense list can drop it visually without going silent.
+     */
+    hideLabel?: boolean;
+    /**
+     * Speak changes as they happen (`role="status"`). Off by default: a table
+     * of twenty servers announcing each flip would drown everything else.
+     * Turn it on for the one status the user is waiting on.
+     */
+    announce?: boolean;
+    labels?: Partial<Record<StatusKind, string>>;
+}> & Readonly<{}>, {
+    size: "sm" | "md";
+    variant: "inline" | "pill";
+    pulse: boolean;
+    hideLabel: boolean;
+    announce: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpStatus.vue.js

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

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

@@ -0,0 +1,31 @@
+import type { StepStatus } from "./pipeline";
+/** A job's state, plus `current`: the step a person is on in a flow they drive. */
+export type StepMarkStatus = StepStatus | "current";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    status: StepMarkStatus;
+    /** `status` (default) colours a job's outcome; `step` is a wizard's step (see above). */
+    variant?: "status" | "step";
+    size?: "sm" | "md" | "lg";
+    /** Shown inside a pending mark: the step's number in a numbered flow. */
+    number?: number | string;
+    /** Shown inside a pending mark instead of the number. */
+    icon?: string;
+    /** Accessible name; without it the mark is hidden from assistive tech. */
+    label?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    status: StepMarkStatus;
+    /** `status` (default) colours a job's outcome; `step` is a wizard's step (see above). */
+    variant?: "status" | "step";
+    size?: "sm" | "md" | "lg";
+    /** Shown inside a pending mark: the step's number in a numbered flow. */
+    number?: number | string;
+    /** Shown inside a pending mark instead of the number. */
+    icon?: string;
+    /** Accessible name; without it the mark is hidden from assistive tech. */
+    label?: string;
+}> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    variant: "status" | "step";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpStepMark.vue.js

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

package/dist/components/LpStepper.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepper-C2slwObu.js";
+import { _ as _sfc_main } from "../chunks/LpStepper-BbnS5jUr.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwap.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwap-D82jiecV.js";
+import { _ as _sfc_main } from "../chunks/LpSwap-DzE6M3Mg.js";
 export {
   _sfc_main as default
 };

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

@@ -20,8 +20,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     action?: (value: boolean) => unknown;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    done: (value: boolean) => any;
     error: (error: unknown) => any;
+    done: (value: boolean) => any;
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<{
     modelValue?: boolean;
@@ -43,8 +43,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     action?: (value: boolean) => unknown;
 }> & Readonly<{
-    onDone?: ((value: boolean) => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
+    onDone?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     labelPosition: "start" | "end";

package/dist/components/LpSwitch.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwitch-CZy9_IoA.js";
+import { _ as _sfc_main } from "../chunks/LpSwitch-DrzKrZZV.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -1,28 +1,31 @@
-import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createElementVNode, Transition, renderSlot, mergeProps, normalizeStyle, createBlock, TransitionGroup, unref, withModifiers, nextTick } from "vue";
-import { _ as _sfc_main$7 } from "../chunks/LpCheckbox-Da5oZPHo.js";
-import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-CRnjoqSt.js";
-import { _ as _sfc_main$b } from "../chunks/LpEmptyState-om1UnFjV.js";
-import { _ as _sfc_main$2 } from "../chunks/LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$a } from "../chunks/LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$c } from "../chunks/LpPagination-Bx-VG4Ag.js";
-import { _ as _sfc_main$8 } from "../chunks/LpPopover-DVnkHaOu.js";
-import { _ as _sfc_main$5 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
-import { _ as _sfc_main$4 } from "../chunks/LpRollingText-DB7upf-5.js";
+import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, Transition, renderSlot, mergeProps, normalizeStyle, TransitionGroup, unref, withModifiers, nextTick } from "vue";
+import { _ as _sfc_main$8 } from "../chunks/LpCheckbox-DHc2bHDe.js";
+import { _ as _sfc_main$7 } from "../chunks/LpContextMenu-Cj96ENDC.js";
+import { _ as _sfc_main$c } from "../chunks/LpEmptyState-KTKipws2.js";
+import { _ as _sfc_main$4 } from "../chunks/LpBadge-BBq1Er9T.js";
+import { _ as _sfc_main$2 } from "../chunks/LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$b } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$d } from "../chunks/LpPagination-VNCX6pFC.js";
+import { _ as _sfc_main$9 } from "../chunks/LpPopover-DmZ3wUtP.js";
+import { _ as _sfc_main$6 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$5 } from "../chunks/LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$9 } from "../chunks/LpTableFilter-CuIbgdW0.js";
+import { _ as _sfc_main$a } from "../chunks/LpTableFilter-DyvHGbOk.js";
 import { useKitStorage } from "../composables/usePersisted.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
+import { useTableFacets } from "./tableFacets.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";
 import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { useLabels } from "../composables/useLpConfig.js";
+import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { compareValues } from "./tableSort.js";
-import { _ as _sfc_main$1 } from "../chunks/LpButton-DNR-YAq5.js";
+import { _ as _sfc_main$1 } from "../chunks/LpButton-CVxBfGjd.js";
 import { toCsv, downloadFile, fileStem } from "./exportData.js";
-import { summarizeShown, parseTableState, serializeTableState, countValues } from "./tableFilter.js";
+import { summarizeShown, parseTableState, serializeTableState } from "./tableFilter.js";
 import { resolveRowMenu } from "./tableRowMenu.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-BPERfJIk.css';const _hoisted_1 = {
+import '../assets/LpTable-DHxEQ_-3.css';const _hoisted_1 = {
   key: 0,
   class: "flex justify-end"
 };
@@ -36,33 +39,32 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "truncate" };
 const _hoisted_5 = { class: "text-muted" };
-const _hoisted_6 = ["aria-label", "onClick"];
-const _hoisted_7 = { class: "flex items-center gap-2 whitespace-nowrap text-muted" };
-const _hoisted_8 = {
+const _hoisted_6 = { class: "flex items-center gap-2 whitespace-nowrap text-muted" };
+const _hoisted_7 = {
   key: 0,
   class: "flex items-center gap-2"
 };
-const _hoisted_9 = {
+const _hoisted_8 = {
   key: 0,
   class: "flex items-center gap-2"
 };
-const _hoisted_10 = { class: "hidden sm:inline" };
-const _hoisted_11 = { class: "border-b border-line bg-surface-soft" };
-const _hoisted_12 = ["inert"];
-const _hoisted_13 = ["aria-sort"];
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = ["aria-label", "data-lp-filter"];
-const _hoisted_16 = {
+const _hoisted_9 = { class: "hidden sm:inline" };
+const _hoisted_10 = { class: "border-b border-line bg-surface-soft" };
+const _hoisted_11 = ["inert"];
+const _hoisted_12 = ["aria-sort"];
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = ["aria-label", "data-lp-filter"];
+const _hoisted_15 = {
   key: 0,
   class: "sr-only"
 };
-const _hoisted_17 = {
+const _hoisted_16 = {
   key: "lp-table-empty",
   class: "lp-row-empty"
 };
-const _hoisted_18 = ["colspan"];
-const _hoisted_19 = ["onContextmenu", "data-paint-key", "data-lp-context-row", "onClick", "onPointerdown"];
-const _hoisted_20 = ["onPointerdown"];
+const _hoisted_17 = ["colspan"];
+const _hoisted_18 = ["onContextmenu", "data-paint-key", "data-lp-context-row", "onClick", "onPointerdown"];
+const _hoisted_19 = ["onPointerdown"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -229,32 +231,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hiddenColumns = ref(/* @__PURE__ */ new Set());
     const tableEl = ref(null);
     const tableWidth = ref(Number.POSITIVE_INFINITY);
-    let widthObserver;
-    watch(
-      tableEl,
-      (table) => {
-        widthObserver?.disconnect();
-        const el = table?.closest("[data-reka-scroll-area-viewport]") ?? table?.parentElement;
-        if (!el || typeof ResizeObserver === "undefined") return;
-        widthObserver = new ResizeObserver(() => tableWidth.value = el.clientWidth);
-        widthObserver.observe(el);
-        tableWidth.value = el.clientWidth;
-      },
-      { flush: "post" }
+    useResizeObserver(
+      () => tableEl.value?.closest("[data-reka-scroll-area-viewport]") ?? tableEl.value?.parentElement,
+      (_, el) => tableWidth.value = el.clientWidth,
+      { immediate: true }
     );
     const visibleColumns = computed(
       () => props.columns.filter(
         (c) => !hiddenColumns.value.has(c.key) && !(c.hideBelow && tableWidth.value < c.hideBelow)
       )
     );
+    const facetColumns = computed(() => props.columns.filter((col) => col.filterable).map((col) => col.key));
+    const localFacets = useTableFacets({
+      rows: () => props.load ? [] : props.rows,
+      columns: () => facetColumns.value,
+      hidden: () => hiddenValues.value
+    });
     function valuesOf(col) {
-      if (props.load && facets.value[col.key]) return facets.value[col.key];
-      const seen = [];
-      for (const row of sourceRows.value) {
-        const v = row[col.key];
-        if (!seen.includes(v)) seen.push(v);
-      }
-      return seen;
+      if (props.load) return facets.value[col.key] ?? [...new Set(sourceRows.value.map((row) => row[col.key]))];
+      return localFacets.distinct(col.key);
     }
     function showAllValues(key) {
       withMotion(() => hiddenValues.value = { ...hiddenValues.value, [key]: /* @__PURE__ */ new Set() });
@@ -265,15 +260,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function labelOf(col, value) {
       return col.valueLabel?.(value) ?? String(value ?? "—");
     }
-    function filterOptions(col) {
-      let counts;
-      if (!props.load) {
-        const others = Object.entries(hiddenValues.value).filter(([key, set]) => key !== col.key && set.size);
-        const rows = others.length ? props.rows.filter((row) => others.every(([key, hidden]) => !hidden.has(row[key]))) : props.rows;
-        counts = countValues(rows, col.key);
-      }
-      return valuesOf(col).map((value) => ({ value, label: labelOf(col, value), count: counts?.get(value) ?? (counts ? 0 : void 0) }));
-    }
+    const facetOptions = computed(() => new Map(props.columns.filter((col) => col.filterable).map((col) => {
+      return [col.key, computed(() => {
+        const counts = props.load ? void 0 : localFacets.counts(col.key);
+        return valuesOf(col).map((value) => ({
+          value,
+          label: labelOf(col, value),
+          count: counts?.get(value) ?? (counts ? 0 : void 0)
+        }));
+      })];
+    })));
     const activeFilters = computed(
       () => props.columns.filter((col) => col.filterable && hiddenValues.value[col.key]?.size).map((col) => {
         const hidden = hiddenValues.value[col.key];
@@ -442,7 +438,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    watch([activeSort, hiddenValues], () => {
+    watch([activeSort, hiddenValues, () => props.pageSize], () => {
       if (!props.load) return;
       if (page.value !== 1) page.value = 1;
       else fetchPage(props.debounce);
@@ -625,26 +621,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const headEl = ref(null);
     const headHeight = ref(0);
-    let ro;
+    useResizeObserver(
+      () => props.stickyHeader ? headEl.value : null,
+      (_, el) => headHeight.value = el.offsetHeight,
+      { immediate: true }
+    );
     watch(
-      [headEl, () => props.stickyHeader],
-      ([el, sticky]) => {
-        ro?.disconnect();
-        if (!el || !sticky || typeof ResizeObserver === "undefined") {
-          headHeight.value = 0;
-          return;
-        }
-        ro = new ResizeObserver(() => {
-          headHeight.value = el.offsetHeight;
-        });
-        ro.observe(el);
-        headHeight.value = el.offsetHeight;
-      },
-      { immediate: true, flush: "post" }
+      () => props.stickyHeader,
+      (sticky) => {
+        if (!sticky) headHeight.value = 0;
+      }
     );
     onBeforeUnmount(() => {
-      ro?.disconnect();
-      widthObserver?.disconnect();
       if (motionTimer) clearTimeout(motionTimer);
     });
     const barInsetTop = computed(
@@ -677,26 +665,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             showBar.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
               activeFilters.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(activeFilters.value, (f) => {
-                  return openBlock(), createElementBlock("span", {
+                  return openBlock(), createBlock(_sfc_main$4, {
                     key: f.col.key,
-                    class: "inline-flex max-w-72 animate-[chip-in_var(--duration-fast)_var(--ease-emphasized)] items-center gap-1 rounded-pill bg-brand-soft py-0.5 pr-1 pl-2.5 text-ink motion-reduce:animate-none"
-                  }, [
-                    createElementVNode("span", _hoisted_4, [
-                      createElementVNode("span", _hoisted_5, toDisplayString(f.col.label) + ":", 1),
-                      createTextVNode(" " + toDisplayString(f.text), 1)
+                    tone: "brand",
+                    removable: "",
+                    "remove-label": text.value.clearFilter.replace("{column}", f.col.label),
+                    class: "max-w-72 animate-[chip-in_var(--duration-fast)_var(--ease-emphasized)] font-normal text-ink motion-reduce:animate-none",
+                    onRemove: ($event) => showAllValues(f.col.key)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", _hoisted_4, [
+                        createElementVNode("span", _hoisted_5, toDisplayString(f.col.label) + ":", 1),
+                        createTextVNode(" " + toDisplayString(f.text), 1)
+                      ])
                     ]),
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "grid size-4 shrink-0 place-items-center rounded-pill text-muted outline-none transition-colors duration-fast hover:bg-ink/10 hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
-                      "aria-label": text.value.clearFilter.replace("{column}", f.col.label),
-                      onClick: ($event) => showAllValues(f.col.key)
-                    }, [
-                      createVNode(_sfc_main$2, {
-                        name: "lucide:x",
-                        size: 12
-                      })
-                    ], 8, _hoisted_6)
-                  ]);
+                    _: 2
+                  }, 1032, ["remove-label", "onRemove"]);
                 }), 128)),
                 activeFilters.value.length > 1 ? (openBlock(), createElementBlock("button", {
                   key: 0,
@@ -710,8 +694,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "ml-auto shrink-0"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_7, [
-                    createVNode(_sfc_main$4, {
+                  createElementVNode("div", _hoisted_6, [
+                    createVNode(_sfc_main$5, {
                       value: statusText.value,
                       align: "end",
                       class: normalizeClass(["tabular-nums", __props.selectable && __props.selected.length ? "font-medium text-ink" : ""]),
@@ -724,7 +708,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "leave-to-class": "opacity-0"
                     }, {
                       default: withCtx(() => [
-                        __props.selectable && __props.selected.length ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                        __props.selectable && __props.selected.length ? (openBlock(), createElementBlock("span", _hoisted_7, [
                           createVNode(Transition, {
                             "enter-active-class": "transition-opacity duration-fast motion-reduce:transition-none",
                             "leave-active-class": "transition-opacity duration-fast motion-reduce:transition-none",
@@ -732,8 +716,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "leave-to-class": "opacity-0"
                           }, {
                             default: withCtx(() => [
-                              __props.load && pageAllSelected.value && !__props.allMatching && total.value > pageKeys.value.length ? (openBlock(), createElementBlock("span", _hoisted_9, [
-                                createElementVNode("span", _hoisted_10, toDisplayString(text.value.pageSelected.replace("{count}", String(pageKeys.value.length))), 1),
+                              __props.load && pageAllSelected.value && !__props.allMatching && total.value > pageKeys.value.length ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                                createElementVNode("span", _hoisted_9, toDisplayString(text.value.pageSelected.replace("{count}", String(pageKeys.value.length))), 1),
                                 createElementVNode("button", {
                                   type: "button",
                                   class: "rounded-control px-1.5 py-0.5 font-medium text-brand outline-none transition-colors duration-fast hover:bg-brand-soft focus-visible:ring-2 focus-visible:ring-ring",
@@ -765,14 +749,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        createVNode(_sfc_main$5, mergeProps(scrollAttrs.value, {
+        createVNode(_sfc_main$6, mergeProps(scrollAttrs.value, {
           fade: false,
           class: "min-h-0 flex-1 rounded-card border border-line bg-surface",
           style: __props.load && floor.value ? { minHeight: `${floor.value + 2}px` } : void 0,
           "bar-inset-top": barInsetTop.value
         }), {
           default: withCtx(() => [
-            createVNode(_sfc_main$6, {
+            createVNode(_sfc_main$7, {
               items: contextMenu.value,
               always: "",
               "no-hint": !__props.rowMenu,
@@ -792,7 +776,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ref: headEl,
                     class: normalizeClass(__props.stickyHeader ? "sticky top-0 z-10 bg-surface-soft" : "")
                   }, [
-                    createElementVNode("tr", _hoisted_11, [
+                    createElementVNode("tr", _hoisted_10, [
                       __props.selectable ? (openBlock(), createElementBlock("th", {
                         key: 0,
                         class: normalizeClass(["w-px p-0", cellY.value])
@@ -801,12 +785,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass(["lp-tick lp-tick-open", ticksShown.value ? "" : "lp-tick-hidden"]),
                           inert: !ticksShown.value
                         }, [
-                          createVNode(_sfc_main$7, {
+                          createVNode(_sfc_main$8, {
                             "model-value": allChecked.value,
                             indeterminate: someChecked.value,
                             "onUpdate:modelValue": toggleAll
                           }, null, 8, ["model-value", "indeterminate"])
-                        ], 10, _hoisted_12)
+                        ], 10, _hoisted_11)
                       ], 2)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (col) => {
                         return openBlock(), createElementBlock("th", {
@@ -815,7 +799,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass(["px-4 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted", [alignClass(col.align), cellY.value]]),
                           "aria-sort": activeSort.value?.key === col.key ? activeSort.value.dir === "asc" ? "ascending" : "descending" : void 0
                         }, [
-                          col.sortable || col.filterable ? (openBlock(), createBlock(_sfc_main$6, {
+                          col.sortable || col.filterable ? (openBlock(), createBlock(_sfc_main$7, {
                             key: 0,
                             items: headerMenu(col)
                           }, {
@@ -838,13 +822,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     activeSort.value?.key === col.key ? "opacity-100" : "opacity-40 group-hover/sort:opacity-70"
                                   ])
                                 }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                              ], 10, _hoisted_14)
+                              ], 10, _hoisted_13)
                             ]),
                             _: 2
                           }, 1032, ["items"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                             createTextVNode(toDisplayString(col.label), 1)
                           ], 64)),
-                          col.filterable ? (openBlock(), createBlock(_sfc_main$8, {
+                          col.filterable ? (openBlock(), createBlock(_sfc_main$9, {
                             key: 2,
                             align: "start",
                             "panel-class": "w-72",
@@ -861,11 +845,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   name: hiddenValues.value[col.key]?.size ? "lucide:filter-x" : "lucide:filter",
                                   size: 12
                                 }, null, 8, ["name"])
-                              ], 10, _hoisted_15)
+                              ], 10, _hoisted_14)
                             ]),
                             default: withCtx(() => [
-                              createVNode(_sfc_main$9, {
-                                options: filterOptions(col),
+                              createVNode(_sfc_main$a, {
+                                options: facetOptions.value.get(col.key)?.value ?? [],
                                 hidden: hiddenValues.value[col.key] ?? /* @__PURE__ */ new Set(),
                                 labels: filterLabels(),
                                 "onUpdate:hidden": (next) => setHidden(col.key, next)
@@ -873,7 +857,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1032, ["aria-label"])) : createCommentVNode("", true)
-                        ], 14, _hoisted_13);
+                        ], 14, _hoisted_12);
                       }), 128))
                     ])
                   ], 2),
@@ -900,20 +884,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               key: col.key,
                               class: normalizeClass(["px-4", [alignClass(col.align), cellY.value]])
                             }, [
-                              createVNode(_sfc_main$a, {
+                              createVNode(_sfc_main$b, {
                                 class: "inline-block h-3 align-middle",
                                 style: normalizeStyle({ width: skeletonWidth(n, ci) })
                               }, null, 8, ["style"]),
-                              n === 1 && ci === 0 ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(text.value.loading), 1)) : createCommentVNode("", true)
+                              n === 1 && ci === 0 ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(text.value.loading), 1)) : createCommentVNode("", true)
                             ], 2);
                           }), 128))
                         ]);
-                      }), 128)) : displayRows.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_17, [
+                      }), 128)) : displayRows.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_16, [
                         createElementVNode("td", {
                           colspan: colSpan.value,
                           class: "p-0"
                         }, [
-                          createVNode(_sfc_main$b, {
+                          createVNode(_sfc_main$c, {
                             compact: "",
                             icon: failed.value ? "lucide:circle-alert" : filteredOut.value ? "lucide:filter-x" : __props.emptyIcon,
                             title: failed.value ? text.value.error : filteredOut.value ? text.value.noMatches : text.value.empty
@@ -933,7 +917,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }, 8, ["icon", "title"])
-                        ], 8, _hoisted_18)
+                        ], 8, _hoisted_17)
                       ])) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
                         return openBlock(), createElementBlock("tr", mergeProps({
@@ -957,12 +941,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", {
                               class: normalizeClass(["lp-tick lp-tick-open", ticksShown.value ? "" : "lp-tick-cue"])
                             }, [
-                              createVNode(_sfc_main$7, {
+                              createVNode(_sfc_main$8, {
                                 "model-value": selectedSet.value.has(keyFor(row, index)),
                                 "onUpdate:modelValue": (v) => toggleRow(keyFor(row, index), v)
                               }, null, 8, ["model-value", "onUpdate:modelValue"])
                             ], 2)
-                          ], 42, _hoisted_20)) : createCommentVNode("", true),
+                          ], 42, _hoisted_19)) : createCommentVNode("", true),
                           (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (col, ci) => {
                             return openBlock(), createElementBlock("td", {
                               key: col.key,
@@ -977,7 +961,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               ], true)
                             ], 2);
                           }), 128))
-                        ], 16, _hoisted_19);
+                        ], 16, _hoisted_18);
                       }), 128))
                     ]),
                     _: 3
@@ -989,7 +973,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["style", "bar-inset-top"]),
-        __props.load && total.value > __props.pageSize ? (openBlock(), createBlock(_sfc_main$c, {
+        __props.load && total.value > __props.pageSize ? (openBlock(), createBlock(_sfc_main$d, {
           key: 1,
           page: page.value,
           "onUpdate:page": _cache[3] || (_cache[3] = ($event) => page.value = $event),
@@ -1001,7 +985,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea1300a4"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18479205"]]);
 export {
   LpTable as default
 };

package/dist/components/LpTableFilter.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTableFilter-CuIbgdW0.js";
+import { _ as _sfc_main } from "../chunks/LpTableFilter-DyvHGbOk.js";
 export {
   _sfc_main as default
 };

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

@@ -8,7 +8,12 @@ type __VLS_Props = {
     links: TocLink[];
     /** Heading shown above the list (defaults to the `title` label). */
     title?: string;
-    /** px offset from the top used as the scroll-spy trigger line. */
+    /**
+     * The least distance, px from the top, of the scroll-spy trigger line. The
+     * line sits at a quarter of the view when that is lower: a heading a
+     * couple of lines down already starts what is being read, and a fixed line
+     * near the top kept the previous section lit under it.
+     */
     offset?: number;
     labels?: Partial<{
         title: string;

package/dist/components/LpTableOfContents.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTableOfContents-C_4VBktT.js";
+import { _ as _sfc_main } from "../chunks/LpTableOfContents-rYvo8z5T.js";
 export {
   _sfc_main as default
 };