@leavepulse/ui 0.74.2 → 0.76.0

package/README.md

@@ -83,6 +83,50 @@ app.use(lpConfig({
 
 A component's own `labels` prop wins over the configuration.
 
+### Back and Forward for overlays
+
+`provideOverlayHistory()` (at the app root, like `provideGlass()`) makes the
+browser's Back button close overlays instead of leaving the page:
+
+```ts
+import { provideOverlayHistory } from "@leavepulse/ui"
+
+// in App.vue's setup; pass the router so a Back that only closes a dialog is not a navigation
+provideOverlayHistory(true, { router })
+```
+
+- Opening an `LpModal` or `LpDrawer` (and what is built on them:
+  `LpConfirmDialog`, `LpShortcutsDialog`) adds one history entry. Back closes
+  the topmost overlay; nested ones close one per press, top first.
+- Closing through the UI (close button, Escape, the scrim, the app setting
+  `open` to false) takes the entry back out, so Back is never spent on a step
+  that shows nothing. A `guard` that keeps the overlay open on Back keeps its
+  entry too.
+- `LpTabs` inside an open overlay record each switch: Back returns to the
+  previous tab before it closes the overlay. Page-level tabs stay out (an app
+  keeps those in its URL); `history` on `LpTabs` opts out inside an overlay or
+  in on a page without a router.
+- Forward after Back does nothing by default: the step is undone at once, so
+  no dead entry is left. The kit only sees a boolean `open`, and what the app
+  put into the overlay may be gone by then. `history="reopen"` (or
+  `provideOverlayHistory("reopen")`) re-opens it on Forward by emitting
+  `update:open` true while the overlay is still mounted.
+- `history` on a single overlay wins over the app-wide mode: `false` keeps an
+  overlay out of history, for one the app already opens from its route query
+  (it would otherwise take two entries for one dialog).
+- A real navigation (a link, `router.push` to another path) closes the open
+  overlays, and the entries they leave under the new page are skipped, so Back
+  from it lands on the page in one press. A push that keeps the path (a query
+  or hash, such as an overlay driven by the route query) leaves them open.
+
+The URL never changes and the router's own `history.state` data is copied into
+each entry. The `router` option is vue-router's instance (anything with a
+`listening` switch works): without it the router sees each Back that closes an
+overlay as a visit to the page it is already on (guards and `afterEach` run
+again, nothing remounts). A Forward onto a kit entry still reaches it that
+way, because the entry it starts from belongs to the router. Plain
+`pushState` and `popstate` only, so WebKit (Safari, WebKitGTK) works too.
+
 ### Nuxt
 
 ```ts

package/dist/assets/{LpShortcutsDialog-BUp_BX4s.css → LpShortcutsDialog-C6uzPeMf.css}

@@ -1,12 +1,12 @@
 
 /* Two columns where there is room: the list is long enough that one column
    pushes the last group off a laptop screen. */
-.shortcut-groups[data-v-611c415f] {
+.shortcut-groups[data-v-f948ed00] {
   display: grid;
   gap: 18px;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 }
-.shortcut-group h3[data-v-611c415f] {
+.shortcut-group h3[data-v-f948ed00] {
   margin: 0 0 6px;
   color: var(--color-muted);
   font-size: 0.7rem;
@@ -14,25 +14,25 @@
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
-.shortcut-group dl[data-v-611c415f] {
+.shortcut-group dl[data-v-f948ed00] {
   display: flex;
   flex-direction: column;
   gap: 1px;
   margin: 0;
 }
-.shortcut-row[data-v-611c415f] {
+.shortcut-row[data-v-f948ed00] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding: 5px 0;
 }
-.shortcut-row dt[data-v-611c415f] {
+.shortcut-row dt[data-v-f948ed00] {
   color: var(--color-ink);
   font-size: 0.82rem;
   min-width: 0;
 }
-.shortcut-conflict[data-v-611c415f] {
+.shortcut-conflict[data-v-f948ed00] {
   display: inline-flex;
   width: 14px;
   height: 14px;
@@ -47,7 +47,7 @@
   vertical-align: middle;
   cursor: help;
 }
-.shortcut-row dd[data-v-611c415f] {
+.shortcut-row dd[data-v-f948ed00] {
   display: flex;
   flex-shrink: 0;
   gap: 3px;

package/dist/assets/{LpTable-DHvorDiU.css → LpTable-Bv-EcQs7.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-c1911001],
-.lp-row-leave-active[data-v-c1911001] {
+.lp-row-enter-active[data-v-d2bafc29],
+.lp-row-leave-active[data-v-d2bafc29] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-c1911001] {
+.lp-row-move[data-v-d2bafc29] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-c1911001],
-.lp-row-leave-to[data-v-c1911001] {
+.lp-row-enter-from[data-v-d2bafc29],
+.lp-row-leave-to[data-v-d2bafc29] {
   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-c1911001] {
+.lp-row-empty.lp-row-leave-active[data-v-d2bafc29] {
   display: none;
 }
 
@@ -54,7 +54,7 @@
  * once anything is selected. An earlier version collapsed the column to nothing
  * and floated the hover box over the first cell, where it sat on the text.
  */
-.lp-tick[data-v-c1911001] {
+.lp-tick[data-v-d2bafc29] {
   display: flex;
   align-items: center;
   max-width: 0;
@@ -66,17 +66,17 @@
     padding var(--duration-medium) var(--ease-emphasized),
     opacity var(--duration-fast) ease;
 }
-.lp-tick-open[data-v-c1911001] {
+.lp-tick-open[data-v-d2bafc29] {
   max-width: 3.25rem;
   padding-inline: 1rem;
   opacity: 1;
 }
-.lp-tick-hidden[data-v-c1911001],
-.lp-tick-cue[data-v-c1911001] {
+.lp-tick-hidden[data-v-d2bafc29],
+.lp-tick-cue[data-v-d2bafc29] {
   opacity: 0;
 }
-tr:hover .lp-tick-cue[data-v-c1911001],
-.lp-tick-cue[data-v-c1911001]:focus-within {
+tr:hover .lp-tick-cue[data-v-d2bafc29],
+.lp-tick-cue[data-v-d2bafc29]:focus-within {
   opacity: 1;
 }
 
@@ -84,24 +84,24 @@ tr:hover .lp-tick-cue[data-v-c1911001],
    turned down the rows change without animating rather than not changing. */
 /* Only where there is a hover to reveal it; a finger long-presses instead. */
 @media (hover: none) {
-tr:hover .lp-tick-cue[data-v-c1911001] {
+tr:hover .lp-tick-cue[data-v-d2bafc29] {
     opacity: 0;
 }
 
   /* Nor is there anything for the column's width to hold until then: on a
      touch screen it stays closed until a long press starts selecting, and
      eases open like the rest of the column. */
-.lp-tick-hidden[data-v-c1911001],
-  .lp-tick-cue[data-v-c1911001] {
+.lp-tick-hidden[data-v-d2bafc29],
+  .lp-tick-cue[data-v-d2bafc29] {
     max-width: 0;
     padding-inline: 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-c1911001],
-  .lp-row-leave-active[data-v-c1911001],
-  .lp-row-move[data-v-c1911001],
-  .lp-tick[data-v-c1911001] {
+.lp-row-enter-active[data-v-d2bafc29],
+  .lp-row-leave-active[data-v-d2bafc29],
+  .lp-row-move[data-v-d2bafc29],
+  .lp-tick[data-v-d2bafc29] {
     transition: none;
 }
 }

package/dist/assets/LpTabs-CJ0rYQbx.css

@@ -0,0 +1,18 @@
+
+.lp-tab-badge-enter-active[data-v-1d673b52],
+.lp-tab-badge-leave-active[data-v-1d673b52] {
+  transition:
+    opacity var(--duration-fast) var(--ease-emphasized),
+    transform var(--duration-fast) var(--ease-emphasized);
+}
+.lp-tab-badge-enter-from[data-v-1d673b52],
+.lp-tab-badge-leave-to[data-v-1d673b52] {
+  opacity: 0;
+  transform: scale(0.6);
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-tab-badge-enter-active[data-v-1d673b52],
+  .lp-tab-badge-leave-active[data-v-1d673b52] {
+    transition: none;
+}
+}

package/dist/chunks/{LpAddressInput-Al3HT5ey.js → LpAddressInput-De_LTYM7.js}

@@ -7,7 +7,7 @@ import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$1 } from "./LpFormField-Ch69Jd-X.js";
 import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$5 } from "./LpInput-Tw-yxT4I.js";
-import { _ as _sfc_main$7 } from "./LpModal-BnjZ2iem.js";
+import { _ as _sfc_main$7 } from "./LpModal-C0tGg_D_.js";
 import { _ as _sfc_main$6 } from "./LpSelect-Cxq4yBGd.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpAppShell-CpSSm5WT.js → LpAppShell-Cpy_t1U_.js}

@@ -7,7 +7,7 @@ import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$6 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$5 } from "./LpShift-CCq7dofl.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-BoNLKgh-.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-D6zO8vLm.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpConfirmDialog-DY2VjDji.js → LpConfirmDialog-CphJR6Q9.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, openBlock, createBlock, createSl
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-BnjZ2iem.js";
+import { _ as _sfc_main$1 } from "./LpModal-C0tGg_D_.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,
@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loadingLabel: {},
     action: {},
     glass: { type: Boolean, default: void 0 },
+    history: { type: [Boolean, String], default: void 0 },
     labels: {}
   },
   emits: ["update:open", "confirm", "cancel"],
@@ -76,6 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: __props.glass,
+        history: __props.history,
         open: __props.open,
         title: __props.title,
         description: __props.description,
@@ -130,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["glass", "open", "title", "description"]);
+      ]), 1032, ["glass", "history", "open", "title", "description"]);
     };
   }
 });

package/dist/chunks/{LpConfirmHost-DvSZTJ4N.js → LpConfirmHost-QSJ0zl63.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-DY2VjDji.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-CphJR6Q9.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpDrawer-RRamxbLV.js → LpDrawer-DQZixOqJ.js}

@@ -4,6 +4,7 @@ import { CLOSE_ICON } from "../components/dropdown.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useCloseGuard } from "../composables/useCloseGuard.js";
 import { useGlass } from "../composables/useGlass.js";
+import { useOverlayHistory } from "../composables/useOverlayHistory.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
@@ -48,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     guard: { type: [Boolean, Function] },
     glass: { type: Boolean, default: void 0 },
     ariaLabel: {},
+    history: { type: [Boolean, String], default: void 0 },
     labels: {}
   },
   emits: ["update:open"],
@@ -87,6 +89,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (await allowClose()) emit("update:open", false);
     }
     __expose({ close: requestClose });
+    useOverlayHistory({
+      mode: () => props.history,
+      open: () => !!props.open,
+      close: async () => {
+        if (!await allowClose()) return false;
+        emit("update:open", false);
+        return true;
+      },
+      reopen: () => emit("update:open", true),
+      navigated: () => emit("update:open", false)
+    });
     function guardClose(event) {
       if (!armed()) return;
       event.preventDefault();

package/dist/chunks/{LpModal-BnjZ2iem.js → LpModal-C0tGg_D_.js}

@@ -2,6 +2,7 @@ import { defineComponent, ref, computed, useSlots, watch, onBeforeUnmount, openB
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { useCloseGuard } from "../composables/useCloseGuard.js";
 import { useGlass } from "../composables/useGlass.js";
+import { useOverlayHistory } from "../composables/useOverlayHistory.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
@@ -47,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     role: {},
     dismissible: { type: Boolean, default: true },
     guard: { type: [Boolean, Function], default: void 0 },
+    history: { type: [Boolean, String], default: void 0 },
     labels: {}
   },
   emits: ["update:open"],
@@ -64,6 +66,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function close() {
       void onOpenChange(false);
     }
+    useOverlayHistory({
+      mode: () => props.history,
+      open: () => !!props.open,
+      close: async () => {
+        if (!await allowClose()) return false;
+        emit("update:open", false);
+        return true;
+      },
+      reopen: () => emit("update:open", true),
+      navigated: () => emit("update:open", false)
+    });
     __expose({ close });
     function onEscape(event) {
       guardOutside(event);

package/dist/chunks/{LpModalNav-DQpV2kdn.js → LpModalNav-iDDtT9c1.js}

@@ -3,8 +3,8 @@ import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-BnjZ2iem.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-BoNLKgh-.js";
+import { _ as _sfc_main$1 } from "./LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-D6zO8vLm.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpSidebar-BoNLKgh-.js → LpSidebar-D6zO8vLm.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, useId, openBlock, createElementBlock, F
 import { useHotkeys, parseCombo } from "../composables/useHotkeys.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$5 } from "./LpDrawer-RRamxbLV.js";
+import { _ as _sfc_main$5 } from "./LpDrawer-DQZixOqJ.js";
 import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$3 } from "./LpInput-Tw-yxT4I.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-CpSSm5WT.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-Cpy_t1U_.js";
 export {
   _sfc_main as default
 };

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

@@ -1,3 +1,4 @@
+import type { OverlayHistoryMode } from "../composables/useOverlayHistory";
 export type ConfirmLabels = {
     confirm: string;
     cancel: string;
@@ -44,6 +45,8 @@ type __VLS_Props = {
     action?: () => unknown;
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
+    /** Browser history for the dialog, passed to LpModal. Follows `provideOverlayHistory` when unset. */
+    history?: OverlayHistoryMode;
     labels?: Partial<ConfirmLabels>;
 };
 declare var __VLS_16: {};
@@ -59,6 +62,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {
+    history: OverlayHistoryMode;
     glass: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-DvSZTJ4N.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-QSJ0zl63.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,5 @@
 import { type CloseGuard } from "../composables/useCloseGuard";
+import { type OverlayHistoryMode } from "../composables/useOverlayHistory";
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -86,6 +87,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     glass?: boolean;
     /** Accessible name for a drawer without a visible `title`. */
     ariaLabel?: string;
+    /**
+     * Browser Back closes it, and opening it adds a history entry. Unset
+     * follows `provideOverlayHistory` (off without one); `"reopen"` also
+     * opens it again on Forward; `false` keeps it out of history, for an
+     * overlay the app already drives from its route.
+     */
+    history?: OverlayHistoryMode;
     labels?: Partial<{
         close: string;
     }>;
@@ -178,12 +186,20 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     glass?: boolean;
     /** Accessible name for a drawer without a visible `title`. */
     ariaLabel?: string;
+    /**
+     * Browser Back closes it, and opening it adds a history entry. Unset
+     * follows `provideOverlayHistory` (off without one); `"reopen"` also
+     * opens it again on Forward; `false` keeps it out of history, for an
+     * overlay the app already drives from its route.
+     */
+    history?: OverlayHistoryMode;
     labels?: Partial<{
         close: string;
     }>;
 }> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    history: OverlayHistoryMode;
     size: "sm" | "md" | "lg" | "xl";
     side: "left" | "right";
     glass: boolean;

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-RRamxbLV.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-DQZixOqJ.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,5 @@
 import { type CloseGuard } from "../composables/useCloseGuard";
+import { type OverlayHistoryMode } from "../composables/useOverlayHistory";
 type __VLS_Props = {
     open?: boolean;
     title?: string;
@@ -52,6 +53,13 @@ type __VLS_Props = {
      * form's state, `:guard="form.dirty"`. See `useCloseGuard`.
      */
     guard?: CloseGuard;
+    /**
+     * Browser Back closes it, and opening it adds a history entry. Unset
+     * follows `provideOverlayHistory` (off without one); `"reopen"` also
+     * opens it again on Forward; `false` keeps it out of history, for an
+     * overlay the app already drives from its route.
+     */
+    history?: OverlayHistoryMode;
     labels?: Partial<{
         close: string;
     }>;
@@ -91,6 +99,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    history: OverlayHistoryMode;
     size: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
     autoFocus: "auto" | "none" | string;
     glass: boolean;

package/dist/components/LpModal.vue.js

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

package/dist/components/LpModalNav.vue.js

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

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

@@ -1,3 +1,4 @@
+import type { OverlayHistoryMode } from "../composables/useOverlayHistory";
 import { type ShortcutGroup } from "../composables/useHotkeys";
 type __VLS_Props = {
     open?: boolean;
@@ -8,6 +9,8 @@ type __VLS_Props = {
     description?: string;
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
+    /** Browser history for the dialog, passed to LpModal. Follows `provideOverlayHistory` when unset. */
+    history?: OverlayHistoryMode;
     /**
      * 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
@@ -20,6 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    history: OverlayHistoryMode;
     title: string;
     open: boolean;
     glass: boolean;

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode } from "vue";
 import LpKeys from "./LpKeys.vue.js";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-BnjZ2iem.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-C0tGg_D_.js";
 import { mergeShortcutGroups, activeShortcuts, useHotkeys } 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-BUp_BX4s.css';const _hoisted_1 = { class: "shortcut-groups" };
+import '../assets/LpShortcutsDialog-C6uzPeMf.css';const _hoisted_1 = { class: "shortcut-groups" };
 const _hoisted_2 = ["aria-label", "title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpShortcutsDialog",
@@ -15,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: { default: void 0 },
     description: {},
     glass: { type: Boolean, default: void 0 },
+    history: { type: [Boolean, String], default: void 0 },
     hotkey: {}
   },
   emits: ["update:open"],
@@ -42,6 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: props.glass,
+        history: props.history,
         open: props.open,
         size: "lg",
         title: props.title ?? unref(text).title,
@@ -85,11 +87,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 1
-      }, 8, ["glass", "open", "title", "description"]);
+      }, 8, ["glass", "history", "open", "title", "description"]);
     };
   }
 });
-const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-611c415f"]]);
+const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f948ed00"]]);
 export {
   LpShortcutsDialog as default
 };

package/dist/components/LpSidebar.vue.js

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

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

@@ -1,4 +1,5 @@
 import { type CsvOptions } from "./exportData";
+import { type TableFilters } from "./tableFilter";
 import { type TableRowMenuResult } from "./tableRowMenu";
 export interface TableColumn<Row> {
     key: string;
@@ -29,6 +30,21 @@ export interface TableColumn<Row> {
      * vocabulary; the menu should say what the column itself says.
      */
     valueLabel?: (value: unknown) => string;
+    /**
+     * The column's whole vocabulary, when it is known apart from the rows. The
+     * funnel lists these first and then anything else the rows hold, so a value
+     * is offered even while nothing on the page has it: the rows may already be
+     * narrowed by the same column upstream (a control above the table, a server
+     * query), and a funnel built only from what arrived could not widen it again.
+     */
+    filterValues?: readonly unknown[];
+    /**
+     * Show how many rows hold each value in the funnel (the default). Turn off
+     * when the rows are already narrowed by this column before they reach the
+     * table: the counts would then claim that the values filtered out upstream
+     * hold no rows at all.
+     */
+    filterCounts?: boolean;
     /** 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
@@ -171,6 +187,23 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         /** Active sort (v-model:sort). When set, the parent owns ordering (server
          *  side); otherwise the table sorts its own rows client-side. */
         sort?: SortState | null;
+        /**
+         * The header filters (v-model:filters): per column key, the values hidden.
+         * When set, the parent owns them, so a control above the table that
+         * filters the same column (see `useTableFilterChoice`) and the column's
+         * funnel are one state: each shows what the other picked, and the table's
+         * resets clear both. Left unset, the table keeps them itself. With
+         * `persist`, remembered filters fill only the columns the parent leaves
+         * unfiltered, and arrive through `update:filters`.
+         */
+        filters?: TableFilters;
+        /**
+         * The rows are narrowed by filters outside the table (a search, a period).
+         * An empty table then says nothing matches rather than that there is
+         * nothing at all, and its reset button also emits `resetFilters`, for the
+         * parent to clear its own.
+         */
+        filtered?: boolean;
         /** Pin the header while the body scrolls. Pair with a height on the wrapper. */
         stickyHeader?: boolean;
         /** Per-row right-click menu. Return [] (or omit the prop) to disable it for
@@ -213,7 +246,9 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         allMatching?: boolean;
     } & {
         "onUpdate:selected"?: ((value: (string | number)[]) => any) | undefined;
+        onResetFilters?: (() => any) | undefined;
         "onUpdate:sort"?: ((value: SortState | null) => any) | undefined;
+        "onUpdate:filters"?: ((value: TableFilters) => any) | undefined;
         "onUpdate:allMatching"?: ((value: boolean) => any) | undefined;
         onRowClick?: ((row: T) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -240,6 +275,8 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
     emit: {
         (e: "update:selected", value: (string | number)[]): void;
         (e: "update:sort", value: SortState | null): void;
+        (e: "update:filters", value: TableFilters): void;
+        (e: "resetFilters"): void;
         (e: "update:allMatching", value: boolean): void;
         (e: "rowClick", row: T): void;
     };