@leavepulse/ui 0.44.0 → 0.45.1

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

@@ -16,6 +16,14 @@ export interface LogViewerLabels {
     /** `{n}` is replaced by the count. */
     identical: string;
     jump: string;
+    search: string;
+    clearSearch: string;
+    previousMatch: string;
+    nextMatch: string;
+    /** `{current}` and `{total}` are replaced. */
+    matchCount: string;
+    noMatches: string;
+    levels: string;
 }
 export type LogLevel = "trace" | "debug" | "info" | "warn" | "error" | "fatal" | "success";
 export interface LogLine {
@@ -87,8 +95,32 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * so a duplicate level word / timestamp doesn't repeat in the message body.
      */
     parse?: boolean;
+    /**
+     * Keep only the newest N lines on screen. The consumer can keep pushing
+     * into the same array (or hand over a longer one) and the viewer shows the
+     * tail; trimming the source itself is still the cheaper way to cap memory.
+     */
+    maxLines?: number;
+    /**
+     * A bar above the stream with a search box (Enter / Shift+Enter or F3 step
+     * through matches) and level chips. The term binds via `v-model:search`,
+     * the chosen levels via `v-model:levels`.
+     */
+    toolbar?: boolean;
     labels?: Partial<LogViewerLabels>;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+} & {
+    /** The toolbar's search term. Without the toolbar, `highlight` is the term. */
+    search?: string;
+    /** Levels to show. Empty shows every level. */
+    levels?: LogLevel[];
+}, {
+    next: () => void;
+    previous: () => void;
+    focusSearch: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:search": (value: string) => any;
+    "update:levels": (value: LogLevel[]) => any;
+} & {
     filter: (by: {
         source?: string;
         level?: LogLevel;
@@ -152,12 +184,31 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * so a duplicate level word / timestamp doesn't repeat in the message body.
      */
     parse?: boolean;
+    /**
+     * Keep only the newest N lines on screen. The consumer can keep pushing
+     * into the same array (or hand over a longer one) and the viewer shows the
+     * tail; trimming the source itself is still the cheaper way to cap memory.
+     */
+    maxLines?: number;
+    /**
+     * A bar above the stream with a search box (Enter / Shift+Enter or F3 step
+     * through matches) and level chips. The term binds via `v-model:search`,
+     * the chosen levels via `v-model:levels`.
+     */
+    toolbar?: boolean;
     labels?: Partial<LogViewerLabels>;
+} & {
+    /** The toolbar's search term. Without the toolbar, `highlight` is the term. */
+    search?: string;
+    /** Levels to show. Empty shows every level. */
+    levels?: LogLevel[];
 }> & Readonly<{
     onFilter?: ((by: {
         source?: string;
         level?: LogLevel;
     }) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+    "onUpdate:levels"?: ((value: LogLevel[]) => any) | undefined;
     "onReach-top"?: (() => any) | undefined;
 }>, {
     height: string;

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-YBOaFnc_.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-KypbgOyo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpMapPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMapPicker-NUzS9e37.js";
+import { _ as _sfc_main } from "../chunks/LpMapPicker-Cc84LaM3.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpMediaGallery.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMediaGallery-DfJmMW0I.js";
+import { _ as _sfc_main } from "../chunks/LpMediaGallery-YKr-cQPN.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

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

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-t5yn-siX.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-CCwyJP5C.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNumberField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNumberField-DWnQKktS.js";
+import { _ as _sfc_main } from "../chunks/LpNumberField-B77O-z28.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPagination.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPagination-DFngX7Xo.js";
+import { _ as _sfc_main } from "../chunks/LpPagination-BcDlo3r_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPasswordInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPasswordInput-CWVDuBJ5.js";
+import { _ as _sfc_main } from "../chunks/LpPasswordInput-eKzQhbQP.js";
 export {
   _sfc_main as default
 };

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

@@ -6,6 +6,17 @@ export interface PhoneDetail {
     dialCode: string;
     /** National part (digits after the dial code). */
     number: string;
+    /** Normalised "+380501234567"; empty when there are no digits. */
+    e164: string;
+    /** The length fits the country. False until the formatter has loaded. */
+    possible: boolean;
+    /** A real number for the country. False until the formatter has loaded. */
+    valid: boolean;
+    /**
+     * "MOBILE", "FIXED_LINE"… when known. The `min` metadata the field loads does
+     * not carry number types, so this stays undefined unless that changes.
+     */
+    type?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -16,6 +27,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     only?: string[];
     /** Default country (ISO2) used when the field is empty. */
     defaultCountry?: string;
+    /** Unset shows an example number for the active country. */
     placeholder?: string;
     disabled?: boolean;
     invalid?: boolean;
@@ -32,6 +44,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     only?: string[];
     /** Default country (ISO2) used when the field is empty. */
     defaultCountry?: string;
+    /** Unset shows an example number for the active country. */
     placeholder?: string;
     disabled?: boolean;
     invalid?: boolean;

package/dist/components/LpPhoneInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPhoneInput-CD-ZTeSd.js";
+import { _ as _sfc_main } from "../chunks/LpPhoneInput-BCbrrhgE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-BLco31Nx.js";
+import { _ as _sfc_main } from "../chunks/LpPie-BEJ2SfI6.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPopover.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPopover-p_e_shN3.js";
+import { _ as _sfc_main } from "../chunks/LpPopover-DCKeqiVn.js";
 export {
   _sfc_main as default
 };

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

@@ -52,9 +52,9 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: number;
+    duration: number;
     max: number;
     value: number;
-    duration: number;
     variant: "bar" | "ring";
     tone: "brand" | "action" | "danger" | "accent" | "auto";
     animateOnMount: boolean;

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

@@ -0,0 +1,51 @@
+import { type DateRange } from "./dateRange";
+declare const _default: typeof __VLS_export;
+export default _default;
+export interface RangeCalendarLabels extends Record<string, string> {
+    previous: string;
+    next: string;
+}
+/** How a range changed: picked by two clicks, or an end reshaped. */
+export type RangeChange = {
+    via: "pick" | "drag" | "keyboard";
+};
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Selected range, ISO "YYYY-MM-DD" ends (v-model). */
+    modelValue?: DateRange;
+    min?: string;
+    max?: string;
+    /** Days that cannot be picked at all. */
+    isDisabled?: (iso: string) => boolean;
+    /** Days a range may not include (struck through, and a range cannot span them). */
+    isDateUnavailable?: (iso: string) => boolean;
+    /** Months shown side by side. */
+    months?: number;
+    /** Longest allowed range, in days. */
+    maximumDays?: number;
+    locale?: string;
+    weekdayFormat?: "narrow" | "short" | "long";
+    labels?: Partial<RangeCalendarLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: DateRange, change: RangeChange) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Selected range, ISO "YYYY-MM-DD" ends (v-model). */
+    modelValue?: DateRange;
+    min?: string;
+    max?: string;
+    /** Days that cannot be picked at all. */
+    isDisabled?: (iso: string) => boolean;
+    /** Days a range may not include (struck through, and a range cannot span them). */
+    isDateUnavailable?: (iso: string) => boolean;
+    /** Months shown side by side. */
+    months?: number;
+    /** Longest allowed range, in days. */
+    maximumDays?: number;
+    locale?: string;
+    weekdayFormat?: "narrow" | "short" | "long";
+    labels?: Partial<RangeCalendarLabels>;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange, change: RangeChange) => any) | undefined;
+}>, {
+    weekdayFormat: "narrow" | "short" | "long";
+    months: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpRangeCalendar.vue.js

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

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

@@ -19,9 +19,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     mode: "slide" | "flip";
+    duration: number;
     direction: "up" | "down";
     align: "start" | "center" | "end";
-    duration: 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/LpRollingText.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRollingText-CM5gkSeF.js";
+import { _ as _sfc_main } from "../chunks/LpRollingText-DB7upf-5.js";
 export {
   _sfc_main as default
 };

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

@@ -4,9 +4,9 @@ type __VLS_Props = {
     contentClass?: string;
     barInsetTop?: string;
 };
-declare var __VLS_44: {};
+declare var __VLS_46: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_44) => any;
+    default?: (props: typeof __VLS_46) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     viewportEl: import("vue").ComputedRef<HTMLElement | null>;

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-Bry1fdOM.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSection.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSection-aM6J_u51.js";
+import { _ as _sfc_main } from "../chunks/LpSection-tKEH0jYf.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSegmented.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSegmented-Dejd7cIx.js";
+import { _ as _sfc_main } from "../chunks/LpSegmented-C09EEam2.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSelect.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSelect-DrRD9I7L.js";
+import { _ as _sfc_main } from "../chunks/LpSelect-DNIL6MB9.js";
 export {
   _sfc_main as default
 };

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

@@ -8,6 +8,12 @@ type __VLS_Props = {
     description?: string;
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
+    /**
+     * A key that toggles the reference, e.g. "F1". Bound only while the dialog
+     * is mounted, also inside inputs and over other overlays, and the browser's
+     * own use of the key (Chrome opens its help page on F1) is suppressed.
+     */
+    hotkey?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,9 +1,14 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-DPwGKBPv.js";
-import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, appleModifierLabel } from "../composables/useHotkeys.js";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-BzTVeNqe.js";
+import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, useHotkeys, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpShortcutsDialog-ChUyU7oV.css';const _hoisted_1 = { class: "shortcut-groups" };
+import '../assets/LpShortcutsDialog-CqYX3yy6.css';const _hoisted_1 = { class: "shortcut-groups" };
+const _hoisted_2 = ["aria-label", "title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "shortcut-then"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpShortcutsDialog",
   props: {
@@ -12,18 +17,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     live: { type: Boolean, default: false },
     title: { default: void 0 },
     description: {},
-    glass: { type: Boolean, default: void 0 }
+    glass: { type: Boolean, default: void 0 },
+    hotkey: {}
   },
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const text = useLabels("shortcuts", { title: "Keyboard shortcuts" });
+    const text = useLabels("shortcuts", {
+      title: "Keyboard shortcuts",
+      then: "then",
+      conflict: "Also bound elsewhere: only one of them runs",
+      group: "General"
+    });
     const apple = useAppleKeyboard();
-    function keysOf(combo) {
-      return combo.split(/\+(?!$)/);
+    function keysOf(chord) {
+      return chord.split(/\+(?!$)/);
+    }
+    function stepsOf(combo) {
+      return combo.trim().split(/\s+/);
     }
     const shown = computed(() => props.live ? mergeShortcutGroups(props.groups, activeShortcuts.value) : props.groups);
     const emit = __emit;
+    useHotkeys(
+      () => props.hotkey ? [
+        {
+          key: props.hotkey,
+          allowInInput: true,
+          overLayers: true,
+          repeat: false,
+          help: { group: text.value.group, label: props.title ?? text.value.title },
+          handler: () => emit("update:open", !props.open)
+        }
+      ] : []
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: props.glass,
@@ -47,12 +73,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: entry.combo,
                       class: "shortcut-row"
                     }, [
-                      createElementVNode("dt", null, toDisplayString(entry.label), 1),
+                      createElementVNode("dt", null, [
+                        createTextVNode(toDisplayString(entry.label) + " ", 1),
+                        entry.conflict ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: "shortcut-conflict",
+                          role: "img",
+                          "aria-label": unref(text).conflict,
+                          title: unref(text).conflict
+                        }, "!", 8, _hoisted_2)) : createCommentVNode("", true)
+                      ]),
                       createElementVNode("dd", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(entry.combo), (key, index) => {
-                          return openBlock(), createElementBlock("kbd", {
-                            key: `${key}-${index}`
-                          }, toDisplayString(unref(appleModifierLabel)(key.trim(), unref(apple))), 1);
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(stepsOf(entry.combo), (step, stepIndex) => {
+                          return openBlock(), createElementBlock(Fragment, {
+                            key: `${step}-${stepIndex}`
+                          }, [
+                            stepIndex ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(text).then), 1)) : createCommentVNode("", true),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(step), (key, index) => {
+                              return openBlock(), createElementBlock("kbd", {
+                                key: `${key}-${index}`
+                              }, toDisplayString(unref(appleModifierLabel)(key.trim(), unref(apple))), 1);
+                            }), 128))
+                          ], 64);
                         }), 128))
                       ])
                     ]);
@@ -67,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7784bfc"]]);
+const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c4cf3fa"]]);
 export {
   LpShortcutsDialog as default
 };

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-BgwUNWpJ.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-Bwws_X29.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-Bqxz8aWT.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-kx-LdqNU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStat.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStat-dXtyrdX9.js";
+import { _ as _sfc_main } from "../chunks/LpStat-B-7udBRP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepper.vue.js

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

package/dist/components/LpSwitch.vue.js

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

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

@@ -1,9 +1,16 @@
 import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+import { type CsvOptions } from "./exportData";
 export interface TableColumn<Row> {
     key: string;
     label: string;
     align?: "left" | "right" | "center";
     width?: string;
+    /**
+     * Keep the cell on one line. For ids, codes, dates and amounts, which a
+     * narrow screen otherwise breaks at a hyphen or a space ("ORD-" / "1040");
+     * the table scrolls sideways instead.
+     */
+    nowrap?: boolean;
     /** Allow clicking the header to sort by this column. */
     sortable?: boolean;
     /** The value this column sorts by, when the cell holds something else. */
@@ -22,6 +29,8 @@ export interface TableColumn<Row> {
      * vocabulary; the menu should say what the column itself says.
      */
     valueLabel?: (value: unknown) => string;
+    /** The value a CSV export writes for this column; the raw cell by default. */
+    exportValue?: (row: Row) => unknown;
     /** Keep this column out of the show/hide list — an actions column has no
      *  name to offer and nothing to gain from being hidden. */
     alwaysVisible?: boolean;
@@ -37,6 +46,41 @@ export interface TableLabels {
     filter: string;
     showAll: string;
     columns: string;
+    exportCsv: string;
+    selectAll: string;
+    shortcutsGroup: string;
+    filterColumn: string;
+    filterSearch: string;
+    filterAll: string;
+    filterNone: string;
+    filterInvert: string;
+    filterOnly: string;
+    filterOnlyShown: string;
+    filterAddShown: string;
+    filterNoValues: string;
+    filterNothingShown: string;
+    clearFilter: string;
+    clearFilters: string;
+    noMatches: string;
+    resetFilters: string;
+    rowCount: string;
+    rowsTotal: string;
+    selectedCount: string;
+    clearSelection: string;
+    pageSelected: string;
+    selectAllMatching: string;
+    allMatchingSelected: string;
+}
+export interface TableExportOptions extends CsvOptions {
+    /**
+     * Which rows: every row in the current order, the rows the header filters
+     * leave, or the selected ones. With `load` only the loaded page is known.
+     */
+    scope?: "all" | "filtered" | "selected";
+    /** File name without extension. */
+    filename?: string;
+    /** Return the CSV without offering a download. */
+    download?: boolean;
 }
 export interface SortState {
     key: string;
@@ -91,8 +135,15 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         rowKey?: keyof T | ((row: T) => string | number);
         emptyLabel?: string;
         emptyIcon?: string;
-        /** Render a leading checkbox column; selection binds via v-model:selected. */
-        selectable?: boolean;
+        /**
+         * Rows can be selected (v-model:selected). `true` shows a tick column,
+         * where pressing a tick and sweeping ticks the run. `"hold"` keeps the
+         * column out of sight until it is needed: a long press on a row selects it
+         * (and the same press goes on selecting the rows it is dragged across), the
+         * column slides in, and while anything is selected a click on a row toggles
+         * it. Emptying the selection, or Escape, slides the column away again.
+         */
+        selectable?: boolean | "hold";
         /** Selected row keys (v-model:selected). */
         selected?: (string | number)[];
         /** Active sort (v-model:sort). When set, the parent owns ordering (server
@@ -112,17 +163,41 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         filterLabel?: string;
         showAllLabel?: string;
         columnsLabel?: string;
+        /** Offer a CSV download in a toolbar above the table and in its menu. */
+        exportable?: boolean;
+        /** File name for that download, without extension. */
+        exportFilename?: string;
         /** All of the wording above in one object, and the config-level scope "table". */
         labels?: Partial<TableLabels>;
+        /** Row height: `compact` for dense data, `comfortable` (default) otherwise. */
+        density?: "comfortable" | "compact";
+        /**
+         * Always show the bar above the table with the row count. It shows on its
+         * own while filters are active or rows are selected.
+         */
+        summary?: boolean;
+        /**
+         * Remember sort, value filters and hidden columns across visits under this
+         * key (localStorage). Only plain filter values (text, numbers) are kept.
+         */
+        persist?: string;
+        /**
+         * With `load`: the user chose "select all N" beyond the loaded page
+         * (v-model:allMatching). The keys in `selected` are then only the loaded
+         * ones; acting on everything that matches is the consumer's to do.
+         */
+        allMatching?: boolean;
     } & {
         "onUpdate:selected"?: ((value: (string | number)[]) => any) | undefined;
         "onUpdate:sort"?: ((value: SortState | null) => any) | undefined;
+        "onUpdate:allMatching"?: ((value: boolean) => any) | undefined;
         onRowClick?: ((row: T) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         reload: () => void;
+        exportCsv: (options?: TableExportOptions) => string;
     }>) => void;
     attrs: any;
     slots: {
@@ -130,10 +205,17 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
             row: T;
             value: unknown;
         }) => any) | undefined;
+    } & {
+        bulk?: (props: {
+            selected: (string | number)[];
+            allMatching: boolean;
+            clear: () => void;
+        }) => any;
     };
     emit: {
         (e: "update:selected", value: (string | number)[]): void;
         (e: "update:sort", value: SortState | null): void;
+        (e: "update:allMatching", value: boolean): void;
         (e: "rowClick", row: T): void;
     };
 }>) => import("vue").VNode & {