@leavepulse/ui 0.60.0 → 0.62.0

package/dist/chunks/{LpTour-C29-1wha.js → LpTour-ByaL36fN.js}

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, computed, shallowRef, ref, watch, onBeforeUnmount, openBlock, createBlock, Teleport, createElementBlock, withModifiers, Fragment, renderList, normalizeStyle, normalizeClass, createCommentVNode, unref, withCtx, createVNode, renderSlot, mergeModels, nextTick } from "vue";
+import { defineComponent, useModel, computed, shallowRef, ref, watch, onBeforeUnmount, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, withModifiers, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, createCommentVNode, unref, renderSlot, mergeModels, nextTick } from "vue";
 import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { hints } from "../composables/useHints.js";
@@ -8,7 +8,7 @@ import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { scrollToElement } from "../composables/scroll.js";
 import { PANEL_SURFACE } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./TourCard-AjN0uhs1.js";
-import { holeOf, panelsAround } from "../components/tour.js";
+import { holeOf, panelsAround, holeClip } from "../components/tour.js";
 const _hoisted_1 = ["aria-label"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTour",
@@ -55,6 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const panels = computed(
       () => hole.value ? panelsAround(hole.value, viewport.value) : [{ x: 0, y: 0, width: viewport.value.width, height: viewport.value.height }]
     );
+    const radius = ref(8);
+    const clip = computed(() => holeClip(hole.value, viewport.value, radius.value));
     const reference = {
       getBoundingClientRect: () => {
         const h = hole.value;
@@ -173,7 +175,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       cancelAnimationFrame(frame);
       frame = 0;
       target.value = null;
-      box.value = null;
       runAll(cleanups);
     }
     function finish() {
@@ -194,6 +195,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (value) => {
         if (value) {
           direction = 1;
+          box.value = null;
+          radius.value = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--radius-control")) || 8;
           document.addEventListener("click", onTargetClick, true);
           document.addEventListener("contextmenu", onTargetClick, true);
           frame ||= requestAnimationFrame(track);
@@ -226,28 +229,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const CARD = `${PANEL_SURFACE} rounded-card w-80 max-w-[calc(100vw-24px)] p-4 text-sm text-ink outline-none`;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
-        open.value ? (openBlock(), createElementBlock("div", {
+        createVNode(Transition, {
+          "enter-active-class": "transition-opacity duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none",
+          "leave-active-class": "transition-opacity duration-[var(--duration-medium)] ease-out motion-reduce:transition-none",
+          "enter-from-class": "opacity-0",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            open.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "lp-tour pointer-events-none fixed inset-0 z-(--z-tour)",
+              onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              createElementVNode("div", {
+                class: "lp-scrim absolute inset-0 transition-[clip-path] duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none",
+                style: normalizeStyle({ clipPath: clip.value })
+              }, null, 4),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(panels.value, (panel, i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i,
+                  class: "pointer-events-auto absolute left-0 top-0",
+                  style: normalizeStyle({ transform: `translate(${panel.x}px, ${panel.y}px)`, width: `${panel.width}px`, height: `${panel.height}px` })
+                }, null, 4);
+              }), 128)),
+              hole.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["absolute left-0 top-0 rounded-control ring-2 ring-brand transition-[transform,width,height] duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none", step.value?.try ? "pointer-events-none animate-pulse" : "pointer-events-auto"]),
+                style: normalizeStyle({ transform: `translate(${hole.value.x}px, ${hole.value.y}px)`, width: `${hole.value.width}px`, height: `${hole.value.height}px` })
+              }, null, 6)) : createCommentVNode("", true)
+            ], 32)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        unref(wide) ? (openBlock(), createBlock(unref(PopoverRoot), {
           key: 0,
-          class: "lp-tour pointer-events-none fixed inset-0 z-(--z-tour)",
-          onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(panels.value, (panel, i) => {
-            return openBlock(), createElementBlock("div", {
-              key: i,
-              class: "lp-scrim pointer-events-auto absolute left-0 top-0 transition-[transform,width,height] duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none",
-              style: normalizeStyle({ transform: `translate(${panel.x}px, ${panel.y}px)`, width: `${panel.width}px`, height: `${panel.height}px` })
-            }, null, 4);
-          }), 128)),
-          hole.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["absolute left-0 top-0 rounded-control ring-2 ring-brand transition-[transform,width,height] duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] motion-reduce:transition-none", step.value?.try ? "pointer-events-none animate-pulse" : "pointer-events-auto"]),
-            style: normalizeStyle({ transform: `translate(${hole.value.x}px, ${hole.value.y}px)`, width: `${hole.value.width}px`, height: `${hole.value.height}px` })
-          }, null, 6)) : createCommentVNode("", true)
-        ], 32)) : createCommentVNode("", true),
-        open.value && unref(wide) ? (openBlock(), createBlock(unref(PopoverRoot), {
-          key: 1,
-          open: ready.value
+          open: open.value && ready.value
         }, {
           default: withCtx(() => [
             createVNode(unref(PopoverAnchor), { reference }),
@@ -259,7 +276,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "collision-padding": 12,
                   "update-position-strategy": "always",
                   "trap-focus": false,
-                  class: normalizeClass([CARD, "z-[calc(var(--z-tour)+1)] data-[state=open]:animate-[popover-in_var(--duration-medium)_var(--ease-emphasized)] motion-reduce:animate-none"]),
+                  class: normalizeClass([CARD, "z-[calc(var(--z-tour)+1)] data-[state=open]:animate-[popover-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[popover-out_var(--duration-fast)_ease-out] motion-reduce:animate-none"]),
                   role: "dialog",
                   "aria-label": step.value?.title,
                   onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
@@ -300,34 +317,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["open"])) : createCommentVNode("", true),
-        open.value && !unref(wide) && ready.value ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass([CARD, "pointer-events-auto fixed inset-x-3 bottom-3 z-[calc(var(--z-tour)+1)] w-auto animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] motion-reduce:animate-none"]),
-          role: "dialog",
-          "aria-label": step.value?.title,
-          onPointerdown: _cache[5] || (_cache[5] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          renderSlot(_ctx.$slots, "card", {
-            step: step.value,
-            index: index.value,
-            next,
-            back,
-            dismiss
-          }, () => [
-            createVNode(_sfc_main$1, {
-              step: step.value,
-              index: index.value,
-              last: last.value,
-              progress: progress.value,
-              labels: unref(labels),
-              onNext: next,
-              onBack: back,
-              onPerform: perform,
-              onDismiss: dismiss
-            }, null, 8, ["step", "index", "last", "progress", "labels"])
-          ])
-        ], 42, _hoisted_1)) : createCommentVNode("", true)
+        createVNode(Transition, { "leave-active-class": "animate-[rise-out_var(--duration-fast)_ease-out] motion-reduce:animate-none" }, {
+          default: withCtx(() => [
+            open.value && !unref(wide) && ready.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([CARD, "pointer-events-auto fixed inset-x-3 bottom-3 z-[calc(var(--z-tour)+1)] w-auto animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] motion-reduce:animate-none"]),
+              role: "dialog",
+              "aria-label": step.value?.title,
+              onPointerdown: _cache[5] || (_cache[5] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              renderSlot(_ctx.$slots, "card", {
+                step: step.value,
+                index: index.value,
+                next,
+                back,
+                dismiss
+              }, () => [
+                createVNode(_sfc_main$1, {
+                  step: step.value,
+                  index: index.value,
+                  last: last.value,
+                  progress: progress.value,
+                  labels: unref(labels),
+                  onNext: next,
+                  onBack: back,
+                  onPerform: perform,
+                  onDismiss: dismiss
+                }, null, 8, ["step", "index", "last", "progress", "labels"])
+              ])
+            ], 42, _hoisted_1)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
       ]);
     };
   }

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpHintLayer", "LpHints", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpKeys", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRangeSlider", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpTour", "LpUptimeBar", "LpVideoBackdrop"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpHintLayer", "LpHints", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpKeys", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRangeSlider", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwap", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpTour", "LpUptimeBar", "LpVideoBackdrop"];

package/dist/components/LpAddressInput.vue.js

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

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

@@ -34,6 +34,12 @@ type __VLS_Props = {
      * of the page from the start should not be shouted on load.
      */
     live?: "assertive" | "polite" | false;
+    /**
+     * Work is under way: the icon becomes a spinning loader (unless `icon` is
+     * given, which then spins instead) and the alert is announced politely.
+     * A loader drawn as a still icon read as a frozen page.
+     */
+    busy?: boolean;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
@@ -42,6 +48,7 @@ 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<{}>, {
     variant: "info" | "danger" | "success" | "warning";
     live: "assertive" | "polite" | false;
+    busy: boolean;
 }, {}, {}, {}, 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/LpAlert.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAlert--KLL4NLk.js";
+import { _ as _sfc_main } from "../chunks/LpAlert-BAOujnXy.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

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

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

@@ -2,6 +2,14 @@ export interface AutocompleteOption {
     value: string;
     label?: string;
     description?: string;
+    /** A picture beside the option: an avatar, an icon of a server. */
+    image?: string;
+}
+/** What the field's value stands for: a name for an id, with an optional muted hint and picture. */
+export interface AutocompleteSelection {
+    label: string;
+    hint?: string;
+    image?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -31,6 +39,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     pattern?: RegExp | string;
     /** Allowed-character RegExp; hard-blocks other input (see LpInput). */
     restrict?: RegExp;
+    /**
+     * What the current value stands for, shown in the field itself while it is
+     * not being edited: a picked id reads as a person (avatar in place of the
+     * icon, name, muted hint) instead of digits nobody recognises, and nothing
+     * appears or jumps below the field. Focusing it brings the raw text back.
+     * When room runs short the hint gives way first; the name stays.
+     */
+    selected?: AutocompleteSelection | null;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     select: (value: string) => any;
     "update:modelValue": (value: string) => any;
@@ -60,6 +76,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     pattern?: RegExp | string;
     /** Allowed-character RegExp; hard-blocks other input (see LpInput). */
     restrict?: RegExp;
+    /**
+     * What the current value stands for, shown in the field itself while it is
+     * not being edited: a picked id reads as a person (avatar in place of the
+     * icon, name, muted hint) instead of digits nobody recognises, and nothing
+     * appears or jumps below the field. Focusing it brings the raw text back.
+     * When room runs short the hint gives way first; the name stays.
+     */
+    selected?: AutocompleteSelection | null;
 }> & Readonly<{
     onSelect?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;

package/dist/components/LpAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAutocomplete-PnL2ntKl.js";
+import { _ as _sfc_main } from "../chunks/LpAutocomplete-D9mY5Tqk.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAvatar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAvatar-CwGs1JCQ.js";
+import { _ as _sfc_main } from "../chunks/LpAvatar-K6MOMfgn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCard-B2D0GIUU.js";
+import { _ as _sfc_main } from "../chunks/LpCard-D9HVgX8Y.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpChart.vue.js

@@ -5,7 +5,7 @@ import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useReveal } from "../composables/useReveal.js";
 import { normalise, pointCount, resolveLabels, extent, axisTicks, plotHeight, plotWidth, xAt, yAt, areaPath, linePath, barPath, markerIndex, chartSummary, niceScale, nearestIndex, formatTick } from "./chart.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-BnN1k7ga.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-Cv_F2iCG.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-CvBF8TeL.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-BO1ZTY51.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, onBeforeUnmount, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
-import { _ as _sfc_main$3 } from "../chunks/LpAvatar-CwGs1JCQ.js";
+import { _ as _sfc_main$3 } from "../chunks/LpAvatar-K6MOMfgn.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";

package/dist/components/LpContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextMenu-BnN1k7ga.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-Cv_F2iCG.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-DEqh2ySW.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-DTwUj0L-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-DCZA7sQ-.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-D-XLPZ6T.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpHints.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpHints-BTpvisgP.js";
+import { _ as _sfc_main } from "../chunks/LpHints-B_85eSmm.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

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

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpPaletteHeader.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpAvatar-CwGs1JCQ.js";
+import { _ as _sfc_main$1 } from "../chunks/LpAvatar-K6MOMfgn.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$3 } from "../chunks/HighlightText-BvnYZkhi.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpPie.vue.js

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

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-32sAXNM-.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-BBSRg34G.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** Identity of the current content; a new value plays the swap. */
+    swapKey: string | number;
+    /** Turn the motion off (the content still swaps). */
+    disabled?: boolean;
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpSwap.vue.js

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

package/dist/components/LpTable.vue.js

@@ -1,6 +1,6 @@
 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-DV9W6T3H.js";
-import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-BnN1k7ga.js";
+import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-Cv_F2iCG.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$a } from "../chunks/LpPagination-BFl0I7tL.js";
 import { _ as _sfc_main$8 } from "../chunks/LpPopover-DCKeqiVn.js";
@@ -18,7 +18,7 @@ import { _ as _sfc_main$1 } from "../chunks/LpButton-CJSD7N0Z.js";
 import { toCsv, downloadFile, fileStem } from "./exportData.js";
 import { summarizeShown, parseTableState, serializeTableState, countValues } from "./tableFilter.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-BZZf_rrt.css';const _hoisted_1 = {
+import '../assets/LpTable-DpXyPzs8.css';const _hoisted_1 = {
   key: 0,
   class: "flex justify-end"
 };
@@ -53,7 +53,7 @@ const _hoisted_16 = {
   class: "lp-row-empty"
 };
 const _hoisted_17 = ["colspan"];
-const _hoisted_18 = ["onContextmenu", "data-paint-key", "onClick", "onPointerdown"];
+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({
@@ -899,6 +899,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: ["group border-b border-line/60 outline-none transition-colors last:border-0 hover:bg-surface-soft/60 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring data-[active]:bg-surface-soft/40", selectedSet.value.has(keyFor(row, index)) ? "bg-brand-soft/40" : ""]
                         }, { ref_for: true }, unref(roving).itemProps(String(keyFor(row, index))), {
                           "data-paint-key": __props.selectable ? String(keyFor(row, index)) : void 0,
+                          "data-lp-context-row": __props.rowMenu ? "" : void 0,
                           onClick: ($event) => onRowClick(row, keyFor(row, index)),
                           onPointerdown: ($event) => onRowPointerDown($event, keyFor(row, index)),
                           onKeydown: onRowKeydown
@@ -957,7 +958,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d2375a8"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9d69d56"]]);
 export {
   LpTable as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-CeBG0e_D.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-ZFFftBQn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-BcKs7vX7.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-D3OisETH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTour.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTour-C29-1wha.js";
+import { _ as _sfc_main } from "../chunks/LpTour-ByaL36fN.js";
 export {
   _sfc_main as default
 };

package/dist/components/tour.d.ts

@@ -8,6 +8,15 @@ type Size = {
 export declare function holeOf(target: Box, padding: number, viewport: Size): Box;
 /** The four dim panels around a hole: top, bottom, left, right. */
 export declare function panelsAround(hole: Box, viewport: Size): Box[];
+/**
+ * The dimmed, blurred layer as one clip: the whole viewport with the hole cut
+ * out (evenodd), corners rounded like the ring drawn around it. One layer
+ * instead of the four panels, because each panel blurred the page on its own
+ * and the blur's edges showed as seams where they met. The point count never
+ * changes, so the clip eases between steps on every engine; with no target
+ * the hole shrinks to a dot in the middle.
+ */
+export declare function holeClip(hole: Box | null, viewport: Size, radius: number): string;
 /**
  * Open the context menu of an element as a right-click would, at its centre.
  * Lets a tour step show a row's menu without the user hunting for it; the menu

package/dist/components/tour.js

@@ -14,6 +14,27 @@ function panelsAround(hole, viewport) {
     { x: hole.x + hole.width, y: hole.y, width: Math.max(0, viewport.width - hole.x - hole.width), height: hole.height }
   ];
 }
+const CORNER_STEPS = 6;
+function holeClip(hole, viewport, radius) {
+  const h = hole ?? { x: viewport.width / 2, y: viewport.height / 2, width: 0, height: 0 };
+  const r = Math.max(0, Math.min(radius, h.width / 2, h.height / 2));
+  const px = (n) => `${Math.round(n * 100) / 100}px`;
+  const corners = [
+    [h.x + h.width - r, h.y + r, -90],
+    [h.x + h.width - r, h.y + h.height - r, 0],
+    [h.x + r, h.y + h.height - r, 90],
+    [h.x + r, h.y + r, 180]
+  ];
+  const points = [];
+  for (const [cx, cy, start] of corners) {
+    for (let i = 0; i <= CORNER_STEPS; i++) {
+      const angle = (start + 90 * i / CORNER_STEPS) * Math.PI / 180;
+      points.push(`${px(cx + r * Math.cos(angle))} ${px(cy + r * Math.sin(angle))}`);
+    }
+  }
+  const outer = [`0px 0px`, `${px(viewport.width)} 0px`, `${px(viewport.width)} ${px(viewport.height)}`, `0px ${px(viewport.height)}`, `0px 0px`];
+  return `polygon(evenodd, ${[...outer, ...points, points[0]].join(", ")})`;
+}
 function openContextMenu(el) {
   const box = el.getBoundingClientRect();
   el.dispatchEvent(
@@ -32,6 +53,7 @@ function openContextMenu(el) {
   };
 }
 export {
+  holeClip,
   holeOf,
   openContextMenu,
   panelsAround

package/dist/composables/useHintSystem.d.ts

@@ -75,6 +75,8 @@ export declare const HINT_SIGNALS: {
     /** An item's actions were opened in the palette (Tab). */
     readonly paletteActions: "lp.palette-actions";
 };
+/** The element a left click just landed on that also has a right-click menu (a table row rather than the table). */
+export declare function noteContextTarget(el: Element): void;
 /** Right click instead of the "…" button. */
 export declare function contextMenuTip(text?: Partial<Pick<HintTip, "title" | "text"> & {
     stepText: string;

package/dist/composables/useHintSystem.js

@@ -15,6 +15,20 @@ const HINT_SIGNALS = {
   /** An item's actions were opened in the palette (Tab). */
   paletteActions: "lp.palette-actions"
 };
+let lastContextTarget = null;
+function noteContextTarget(el) {
+  lastContextTarget = new WeakRef(el);
+}
+const onScreen = (el) => {
+  const box = el.getBoundingClientRect();
+  return el.isConnected && box.width > 0 && box.bottom > 0 && box.top < window.innerHeight;
+};
+function rightClickTarget() {
+  const last = lastContextTarget?.deref();
+  if (last && onScreen(last)) return last;
+  const visible = (selector) => [...document.querySelectorAll(selector)].find(onScreen) ?? null;
+  return visible("[data-lp-context-row]") ?? visible("main [data-lp-context-menu]") ?? visible("[data-lp-context-menu]");
+}
 function contextMenuTip(text = {}) {
   return {
     id: "lp.tip.context-menu",
@@ -22,10 +36,7 @@ function contextMenuTip(text = {}) {
     text: text.text ?? "Rows and cards open their actions on right-click, even where no … button shows it.",
     when: (count) => count(HINT_SIGNALS.contextMenu) === 0 && (count(HINT_SIGNALS.menuButton) >= 5 || count(HINT_SIGNALS.contextTarget) >= 25),
     step: () => {
-      const target = [...document.querySelectorAll("[data-lp-context-menu]")].find((el) => {
-        const box = el.getBoundingClientRect();
-        return box.width > 0 && box.bottom > 0 && box.top < window.innerHeight;
-      });
+      const target = rightClickTarget();
       return target ? { target, title: text.title ?? "Right-click works here", text: text.stepText ?? "Right-click this to see what it can do.", try: true } : null;
     }
   };
@@ -413,6 +424,7 @@ export {
   hintKey,
   hintSummary,
   localHintStorage,
+  noteContextTarget,
   paletteTip,
   provideHintSystem,
   runningHintSystem,