@leavepulse/ui 0.55.0 → 0.57.0

package/dist/chunks/LpTour-C1TC2GyY.js

@@ -0,0 +1,315 @@
+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 { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
+import { prefersReducedMotion } from "../composables/easing.js";
+import { hints } from "../composables/useHints.js";
+import { useHotkeys } from "../composables/useHotkeys.js";
+import { useLabels } from "../composables/useLpConfig.js";
+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-BQS3ztqj.js";
+import { holeOf, panelsAround } from "../components/tour.js";
+const _hoisted_1 = ["aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpTour",
+  props: /* @__PURE__ */ mergeModels({
+    steps: {},
+    padding: { default: 6 },
+    labels: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {},
+    "step": { default: 0 },
+    "stepModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["finish", "dismiss"], ["update:open", "update:step"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = useModel(__props, "open");
+    const index = useModel(__props, "step");
+    const DEFAULT_LABELS = {
+      next: "Next",
+      back: "Back",
+      done: "Done",
+      close: "Close tour",
+      progress: "{n} of {total}",
+      perform: "Do it for me",
+      tryIt: "Try it: press the highlighted control."
+    };
+    const labels = useLabels("tour", DEFAULT_LABELS, () => props.labels);
+    const WAIT_MS = 800;
+    const TRY_SETTLE_MS = 120;
+    const wide = useMediaQuery("(min-width: 640px)");
+    const step = computed(() => props.steps[index.value]);
+    const target = shallowRef(null);
+    const box = ref(null);
+    const viewport = ref({ width: 0, height: 0 });
+    const ready = ref(false);
+    const cleanups = [];
+    const leaving = [];
+    let frame = 0;
+    let token = 0;
+    let direction = 1;
+    const hole = computed(() => box.value ? holeOf(box.value, props.padding, viewport.value) : null);
+    const panels = computed(
+      () => hole.value ? panelsAround(hole.value, viewport.value) : [{ x: 0, y: 0, width: viewport.value.width, height: viewport.value.height }]
+    );
+    const reference = {
+      getBoundingClientRect: () => {
+        const h = hole.value;
+        return h ? new DOMRect(h.x, h.y, h.width, h.height) : new DOMRect(viewport.value.width / 2, viewport.value.height / 2, 0, 0);
+      }
+    };
+    const last = computed(() => index.value >= props.steps.length - 1);
+    const progress = computed(() => labels.value.progress.replace("{n}", String(index.value + 1)).replace("{total}", String(props.steps.length)));
+    const smooth = () => !prefersReducedMotion();
+    function resolve(raw) {
+      if (!raw) return null;
+      if (typeof raw === "function") return raw();
+      if (typeof raw !== "string") return raw.isConnected ? raw : null;
+      return hints.element(raw) ?? document.querySelector(raw);
+    }
+    function waitFor(raw, mine) {
+      const started = performance.now();
+      return new Promise((done) => {
+        const tick = () => {
+          if (mine !== token) return done(null);
+          const el = resolve(raw);
+          if (el && el.getClientRects().length) return done(el);
+          if (performance.now() - started > WAIT_MS) return done(null);
+          requestAnimationFrame(tick);
+        };
+        tick();
+      });
+    }
+    function measure() {
+      viewport.value = { width: window.innerWidth, height: window.innerHeight };
+      const el = target.value;
+      if (!el || !el.isConnected) {
+        box.value = null;
+        return;
+      }
+      const r = el.getBoundingClientRect();
+      const prev = box.value;
+      if (!prev || prev.x !== r.x || prev.y !== r.y || prev.width !== r.width || prev.height !== r.height) {
+        box.value = { x: r.x, y: r.y, width: r.width, height: r.height };
+      }
+    }
+    function track() {
+      measure();
+      frame = requestAnimationFrame(track);
+    }
+    async function show() {
+      const mine = ++token;
+      ready.value = false;
+      leave();
+      const current = step.value;
+      if (!current) return;
+      await current.enter?.({ onLeave: (fn) => leaving.push(fn), onEnd: (fn) => cleanups.push(fn) });
+      if (mine !== token) return;
+      if (!current.target) {
+        target.value = null;
+        measure();
+        ready.value = true;
+        return;
+      }
+      const el = current.enter ? await waitFor(current.target, mine) : resolve(current.target);
+      if (mine !== token) return;
+      if (!el || !el.getClientRects().length) return skip();
+      target.value = el;
+      scrollToElement(el, { block: wide.value ? "nearest" : "center", behavior: smooth() ? "smooth" : "auto", margin: 48 });
+      await nextTick();
+      measure();
+      ready.value = true;
+    }
+    function skip() {
+      const nextIndex = index.value + direction;
+      if (nextIndex < 0 || nextIndex >= props.steps.length) return direction > 0 ? finish() : show();
+      index.value = nextIndex;
+    }
+    function next() {
+      direction = 1;
+      if (last.value) return finish();
+      index.value += 1;
+    }
+    function back() {
+      if (index.value === 0) return;
+      direction = -1;
+      index.value -= 1;
+    }
+    function forward() {
+      if (!step.value?.try) next();
+    }
+    async function perform() {
+      await step.value?.perform?.();
+      setTimeout(next, TRY_SETTLE_MS);
+    }
+    function leave() {
+      for (const cleanup of leaving.splice(0).reverse()) cleanup();
+    }
+    function end() {
+      token++;
+      leave();
+      cancelAnimationFrame(frame);
+      frame = 0;
+      target.value = null;
+      box.value = null;
+      for (const cleanup of cleanups.splice(0).reverse()) cleanup();
+    }
+    function finish() {
+      open.value = false;
+      emit("finish");
+    }
+    function dismiss() {
+      const at = index.value;
+      open.value = false;
+      emit("dismiss", at);
+    }
+    function onTargetClick(event) {
+      if (!step.value?.try || !target.value) return;
+      if (event.target instanceof Node && target.value.contains(event.target)) setTimeout(next, TRY_SETTLE_MS);
+    }
+    watch(
+      open,
+      (value) => {
+        if (value) {
+          direction = 1;
+          document.addEventListener("click", onTargetClick, true);
+          frame ||= requestAnimationFrame(track);
+          void show();
+        } else {
+          document.removeEventListener("click", onTargetClick, true);
+          end();
+        }
+      },
+      { immediate: true }
+    );
+    watch(index, () => {
+      if (open.value) void show();
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("click", onTargetClick, true);
+      if (open.value) end();
+    });
+    useHotkeys(
+      () => [
+        { key: "Escape", handler: dismiss, overLayers: true, allowInInput: true },
+        { key: "ArrowRight", handler: forward, overLayers: true },
+        { key: "Enter", handler: forward, overLayers: true },
+        { key: "ArrowLeft", handler: back, overLayers: true }
+      ],
+      { enabled: open, priority: 100 }
+    );
+    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", {
+          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
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(PopoverAnchor), { reference }),
+            createVNode(unref(PopoverPortal), null, {
+              default: withCtx(() => [
+                createVNode(unref(PopoverContent), {
+                  side: step.value?.side ?? "bottom",
+                  "side-offset": 12,
+                  "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"]),
+                  role: "dialog",
+                  "aria-label": step.value?.title,
+                  onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"])),
+                  onInteractOutside: _cache[2] || (_cache[2] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onEscapeKeyDown: _cache[3] || (_cache[3] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onFocusOutside: _cache[4] || (_cache[4] = withModifiers(() => {
+                  }, ["prevent"]))
+                }, {
+                  default: withCtx(() => [
+                    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"])
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["side", "class", "aria-label"])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 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)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpUptimeBar-ugcv25xj.js → LpUptimeBar-B4ltCfno.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, Fragment, renderList, normalizeStyle, createBlock, createTextVNode } from "vue";
 import { _ as _sfc_main$3 } from "./LpNumberFlow-z4WPZcZu.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-CXVKcOXT.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-suFCM34F.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import '../assets/LpUptimeBar-B98o9krI.css';const _hoisted_1 = {

package/dist/chunks/TourCard-BQS3ztqj.js

@@ -0,0 +1,100 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
+import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import LpKeys from "../components/LpKeys.vue.js";
+const _hoisted_1 = { class: "flex items-start justify-between gap-3" };
+const _hoisted_2 = {
+  class: "font-medium",
+  "aria-live": "polite"
+};
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = {
+  key: 0,
+  class: "mt-1.5 text-muted"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "mt-2 text-xs text-brand"
+};
+const _hoisted_6 = { class: "mt-4 flex items-center justify-between gap-2" };
+const _hoisted_7 = { class: "text-xs tabular-nums text-muted" };
+const _hoisted_8 = { class: "flex gap-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TourCard",
+  props: {
+    step: {},
+    index: {},
+    last: { type: Boolean },
+    progress: {},
+    labels: {}
+  },
+  emits: ["next", "back", "perform", "dismiss"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("p", _hoisted_2, toDisplayString(__props.step?.title), 1),
+          createElementVNode("button", {
+            type: "button",
+            class: "text-muted hover:text-ink",
+            "aria-label": __props.labels.close,
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("dismiss"))
+          }, [
+            createVNode(_sfc_main$1, {
+              name: "lucide:x",
+              class: "size-4"
+            })
+          ], 8, _hoisted_3)
+        ]),
+        __props.step?.text ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.step.text), 1)) : createCommentVNode("", true),
+        __props.step?.keys ? (openBlock(), createBlock(LpKeys, {
+          key: 1,
+          combo: __props.step.keys,
+          size: "sm",
+          class: "mt-2"
+        }, null, 8, ["combo"])) : createCommentVNode("", true),
+        __props.step?.try ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.labels.tryIt), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("span", _hoisted_7, toDisplayString(__props.progress), 1),
+          createElementVNode("div", _hoisted_8, [
+            __props.index > 0 ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              size: "sm",
+              variant: "ghost",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("back"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.labels.back), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            __props.step?.try && __props.step.perform ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              size: "sm",
+              variant: "outline",
+              onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("perform"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.labels.perform), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              size: "sm",
+              variant: __props.step?.try ? "ghost" : void 0,
+              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("next"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.last ? __props.labels.done : __props.labels.next), 1)
+              ]),
+              _: 1
+            }, 8, ["variant"])
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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", "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", "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", "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"];

package/dist/components/LpActionBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpActionBar-CnfFVIwC.js";
+import { _ as _sfc_main } from "../chunks/LpActionBar-C3hkVsFz.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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

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

@@ -20,6 +20,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     href?: string;
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
+    /**
+     * Busy state: blocks clicks like `disabled` without dimming, fades the label out
+     * in place and shows a spinner over it, so the width never jumps. Sets `aria-busy`.
+     */
+    loading?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     variant?: "ghost" | "action" | "muted" | "outline" | "danger" | "solid" | "light" | "soft" | undefined;
     size?: "md" | "sm" | "lg" | "xs" | undefined;
@@ -38,6 +43,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     href?: string;
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
+    /**
+     * Busy state: blocks clicks like `disabled` without dimming, fades the label out
+     * in place and shows a spinner over it, so the width never jumps. Sets `aria-busy`.
+     */
+    loading?: boolean;
 }> & Readonly<{}>, {
     type: "button" | "submit" | "reset";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/LpButton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main } from "../chunks/LpButton-BdfZFNqi.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpConfirmHost.vue.js

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

package/dist/components/LpDateRangePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDateRangePicker-Drd7EbIz.js";
+import { _ as _sfc_main } from "../chunks/LpDateRangePicker-CxV5jW7p.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

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

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

@@ -0,0 +1,33 @@
+export interface HintNote {
+    title: string;
+    text?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Ids to mark, most important first. */
+    fresh: string[];
+    notes: Record<string, HintNote>;
+    /** At most this many dots at once, so a page full of news stays calm. */
+    limit?: number;
+    labels?: Partial<{
+        gotIt: string;
+        badge: string;
+    }>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    read: (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Ids to mark, most important first. */
+    fresh: string[];
+    notes: Record<string, HintNote>;
+    /** At most this many dots at once, so a page full of news stays calm. */
+    limit?: number;
+    labels?: Partial<{
+        gotIt: string;
+        badge: string;
+    }>;
+}> & Readonly<{
+    onRead?: ((id: string) => any) | undefined;
+}>, {
+    limit: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpHintLayer.vue.js

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

package/dist/components/LpImageEditor.vue.js

@@ -4,7 +4,7 @@ import { isSideways, coverScale, cropGeometry } from "./imageCrop.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { useReveal } from "../composables/useReveal.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
-import { _ as _sfc_main$1 } from "../chunks/LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$1 } from "../chunks/LpButton-BdfZFNqi.js";
 import "reka-ui";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpPie.vue.js

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

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpTable.vue.js

@@ -14,7 +14,7 @@ import { usePaintSelect } from "../composables/usePaintSelect.js";
 import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { compareValues } from "./tableSort.js";
-import { _ as _sfc_main$1 } from "../chunks/LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$1 } from "../chunks/LpButton-BdfZFNqi.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";

package/dist/components/LpTableOfContents.vue.js

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

package/dist/components/LpTooltip.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTooltip-CXVKcOXT.js";
+import { _ as _sfc_main } from "../chunks/LpTooltip-suFCM34F.js";
 export {
   _sfc_main as default
 };