@leavepulse/ui 0.43.4 → 0.44.0

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

@@ -70,6 +70,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
+    /** Accessible name for a drawer without a visible `title`. */
+    ariaLabel?: string;
+    labels?: Partial<{
+        close: string;
+    }>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -142,6 +147,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
+    /** Accessible name for a drawer without a visible `title`. */
+    ariaLabel?: string;
+    labels?: Partial<{
+        close: string;
+    }>;
 }> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {

package/dist/components/LpDrawer.vue.js

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

package/dist/components/LpDropzone.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, withModifiers, createElementVNode, renderSlot, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, withModifiers, createElementVNode, renderSlot, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useReveal } from "../composables/useReveal.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpDropzone-BBoWvi-J.css';const _hoisted_1 = ["disabled"];
+import '../assets/LpDropzone-i4BdMi1H.css';const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 0,
   class: "text-sm font-medium text-ink"
@@ -92,15 +92,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       el.value = "";
     }
     function windowPaste(event) {
-      if (props.disabled) return;
+      if (props.disabled || event.defaultPrevented) return;
       const target = event.target;
       if (target?.closest("input, textarea, [contenteditable]")) return;
       onPaste(event);
     }
+    let listening = false;
+    function listen(on) {
+      if (on === listening || typeof window === "undefined") return;
+      listening = on;
+      if (on) window.addEventListener("paste", windowPaste);
+      else window.removeEventListener("paste", windowPaste);
+    }
+    let mounted = false;
     onMounted(() => {
-      if (props.pasteTarget) window.addEventListener("paste", windowPaste);
+      mounted = true;
+      listen(props.pasteTarget);
+    });
+    watch(
+      () => props.pasteTarget,
+      (on) => mounted && listen(on)
+    );
+    onBeforeUnmount(() => {
+      mounted = false;
+      listen(false);
     });
-    onBeforeUnmount(() => window.removeEventListener("paste", windowPaste));
     __expose({ browse: () => input.value?.click() });
     const { class: rootClass, attrs: rest } = useMergedAttrs(() => [
       "lp-dropzone relative flex w-full flex-col items-center gap-2 rounded-card px-6 py-8 text-center transition-colors duration-[var(--duration-fast)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-55",
@@ -163,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e560a6d"]]);
+const LpDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6f6d375e"]]);
 export {
   LpDropzone as default
 };

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

@@ -1,6 +1,15 @@
 import { type FileNode } from "./fileTree";
 export type { FileNode } from "./fileTree";
 /** Rolled-up stats for the ticked entries — what a backup picker summarises. */
+export interface FileTreeLabels {
+    [key: string]: string;
+    empty: string;
+    emptyDescription: string;
+    file: string;
+    files: string;
+    folder: string;
+    folders: string;
+}
 export interface FileTreeSummary {
     /** Ticked files (directories excluded — they're containers, not payload). */
     files: number;
@@ -43,6 +52,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** Empty-state copy when `nodes` is empty. */
     emptyLabel?: string;
     emptyDescription?: string;
+    labels?: Partial<FileTreeLabels>;
 }, {
     reveal: (id: string) => void;
     expandAll: () => void;
@@ -89,6 +99,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** Empty-state copy when `nodes` is empty. */
     emptyLabel?: string;
     emptyDescription?: string;
+    labels?: Partial<FileTreeLabels>;
 }> & Readonly<{
     onExpand?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
@@ -102,12 +113,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     sort: boolean;
     loading: boolean;
     skeletonRows: number;
-    emptyLabel: string;
     iconSize: number;
     checkable: boolean;
     showSize: boolean;
     showModified: boolean;
-    emptyDescription: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** Replace the row's label (icons, chevron and indent stay). */
     row(props: {

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpFileTreeNode.vue.js

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

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

@@ -5,14 +5,23 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     hint?: string;
     error?: string;
     required?: boolean;
+    /** Id of the control; generated when unset. The label points at it. */
+    id?: string;
+    invalid?: boolean;
+    disabled?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     label?: string;
     hint?: string;
     error?: string;
     required?: boolean;
+    /** Id of the control; generated when unset. The label points at it. */
+    id?: string;
+    invalid?: boolean;
+    disabled?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
         id: string;
+        describedBy: string | undefined;
     }) => any;
 } & {
     hint?: (props: {}) => any;

package/dist/components/LpFormField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFormField-CazBc2-a.js";
+import { _ as _sfc_main } from "../chunks/LpFormField-CIk5qosh.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpImageEditor.vue.js

@@ -1,13 +1,15 @@
-import { defineComponent, computed, shallowRef, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList, toDisplayString, createBlock, createTextVNode } from "vue";
+import { defineComponent, shallowRef, ref, watch, computed, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList, toDisplayString, createBlock, createTextVNode } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+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-5VXXCjwF.js";
+import { _ as _sfc_main$1 } from "../chunks/LpButton-kqJBHIIb.js";
 import "reka-ui";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpImageEditor-Ct7Y3aNu.css';const _hoisted_1 = ["aria-label"];
+import '../assets/LpImageEditor-CbMA82g8.css';const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 0,
@@ -33,15 +35,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { el: revealAnchor, revealed } = useReveal({ immediate: () => !props.animate });
-    const text = computed(() => ({
-      rotateLeft: "Rotate left",
-      rotateRight: "Rotate right",
-      zoomIn: "Zoom in",
-      zoomOut: "Zoom out",
-      reset: "Reset",
-      canvas: "Crop area — arrows pan, +/− zoom, R rotates, Alt+wheel turns freely",
-      ...props.labels
-    }));
+    const text = useLabels(
+      "imageEditor",
+      {
+        rotateLeft: "Rotate left",
+        rotateRight: "Rotate right",
+        zoomIn: "Zoom in",
+        zoomOut: "Zoom out",
+        reset: "Reset",
+        canvas: "Crop area — arrows pan, +/− zoom, R rotates, Alt+wheel turns freely"
+      },
+      () => props.labels
+    );
     const ASPECTS = {
       free: null,
       square: 1,
@@ -54,17 +59,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rotation = ref(0);
     const viewport = ref(null);
     const zoom = useZoomPan({ min: 1, max: 6 });
-    watch(viewport, (el) => zoom.setViewport(el));
+    const frameSize = ref(null);
+    let frameObserver = null;
+    watch(viewport, (el) => {
+      zoom.setViewport(el);
+      frameObserver?.disconnect();
+      frameObserver = null;
+      if (!el) return;
+      frameSize.value = { width: el.clientWidth, height: el.clientHeight };
+      if (typeof ResizeObserver !== "undefined") {
+        frameObserver = new ResizeObserver(([entry]) => {
+          frameSize.value = { width: entry.contentRect.width, height: entry.contentRect.height };
+        });
+        frameObserver.observe(el);
+      }
+    });
     const upright = computed(() => (rotation.value % 360 + 360) % 360);
     const edited = computed(() => upright.value !== 0 || zoom.scale.value !== 1);
+    let generation = 0;
     watch(
       () => props.file,
       async (file) => {
         revoke();
         rotation.value = 0;
         zoom.reset();
+        const mine = ++generation;
         objectUrl.value = URL.createObjectURL(file);
-        source.value = await decode(file, objectUrl.value);
+        const decoded = await decode(file, objectUrl.value);
+        if (mine !== generation) {
+          if (decoded instanceof ImageBitmap) decoded.close();
+          return;
+        }
+        source.value = decoded;
       },
       { immediate: true }
     );
@@ -91,7 +117,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (source.value instanceof ImageBitmap) source.value.close();
       source.value = null;
     }
-    onBeforeUnmount(revoke);
+    onBeforeUnmount(() => {
+      generation++;
+      revoke();
+      frameObserver?.disconnect();
+    });
     function rotate(by) {
       rotation.value += by;
       const { x, y } = zoom.offset.value;
@@ -110,13 +140,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (ratio) return ratio;
       const size = sourceSize.value;
       if (!size) return 1;
-      const turned = upright.value % 180 !== 0;
+      const turned = isSideways(rotation.value);
       const w = turned ? size.height : size.width;
       const h = turned ? size.width : size.height;
       return w / h;
     });
     const frameStyle = computed(() => ({ aspectRatio: String(boxRatio.value) }));
+    const sized = computed(() => {
+      const size = sourceSize.value;
+      const frame = frameSize.value;
+      if (!size || !frame || !frame.width || !frame.height) return null;
+      const cover = coverScale(size.width, size.height, frame.width, frame.height, rotation.value);
+      const width = size.width * cover;
+      const height = size.height * cover;
+      return {
+        width: `${width}px`,
+        height: `${height}px`,
+        left: "50%",
+        top: "50%",
+        marginLeft: `${-width / 2}px`,
+        marginTop: `${-height / 2}px`,
+        maxWidth: "none"
+      };
+    });
     const imageStyle = computed(() => ({
+      ...sized.value,
       ...zoom.style.value,
       // Rotation sits innermost, after the composable's scale and translate, so a
       // drag still moves the picture the way the pointer went once it is turned.
@@ -133,37 +181,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const frame = viewport.value;
       if (!picture || !size || !frame) return null;
       if (!edited.value && props.aspect === "free") return null;
-      const turned = upright.value % 180 !== 0;
-      const uprightW = turned ? size.height : size.width;
-      const uprightH = turned ? size.width : size.height;
-      const cover = Math.max(frame.clientWidth / uprightW, frame.clientHeight / uprightH);
-      const shown = cover * zoom.scale.value;
-      const cropW = Math.min(uprightW, frame.clientWidth / shown);
-      const cropH = Math.min(uprightH, frame.clientHeight / shown);
-      const centreX = clamp(
-        uprightW / 2 - zoom.offset.value.x / cover,
-        cropW / 2,
-        uprightW - cropW / 2
-      );
-      const centreY = clamp(
-        uprightH / 2 - zoom.offset.value.y / cover,
-        cropH / 2,
-        uprightH - cropH / 2
-      );
-      const scale = Math.min(1, props.maxEdge / Math.max(cropW, cropH));
+      const crop = cropGeometry({
+        sourceWidth: size.width,
+        sourceHeight: size.height,
+        frameWidth: frameSize.value?.width ?? frame.clientWidth,
+        frameHeight: frameSize.value?.height ?? frame.clientHeight,
+        rotation: rotation.value,
+        scale: zoom.scale.value,
+        offset: zoom.offset.value
+      });
+      const scale = Math.min(1, props.maxEdge / Math.max(crop.width, crop.height));
       const canvas = document.createElement("canvas");
-      canvas.width = Math.max(1, Math.round(cropW * scale));
-      canvas.height = Math.max(1, Math.round(cropH * scale));
+      canvas.width = Math.max(1, Math.round(crop.width * scale));
+      canvas.height = Math.max(1, Math.round(crop.height * scale));
       const ctx = canvas.getContext("2d");
       if (!ctx) return null;
       ctx.translate(canvas.width / 2, canvas.height / 2);
-      ctx.rotate(upright.value * Math.PI / 180);
       ctx.scale(scale, scale);
-      const readW = turned ? cropH : cropW;
-      const readH = turned ? cropW : cropH;
-      const readX = (turned ? centreY : centreX) - readW / 2;
-      const readY = (turned ? centreX : centreY) - readH / 2;
-      ctx.drawImage(picture, readX, readY, readW, readH, -readW / 2, -readH / 2, readW, readH);
+      ctx.translate(-crop.centre.x, -crop.centre.y);
+      ctx.rotate(rotation.value * Math.PI / 180);
+      ctx.drawImage(picture, -size.width / 2, -size.height / 2);
       return await new Promise(
         (resolve) => canvas.toBlob(resolve, outputType.value, props.quality)
       );
@@ -173,9 +210,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.type !== "source") return props.type;
       return ENCODABLE.has(props.file.type) ? props.file.type : "image/png";
     });
-    function clamp(value, low, high) {
-      return Math.min(Math.max(value, low), Math.max(low, high));
-    }
     function onWheel(event) {
       if (event.altKey) {
         event.preventDefault();
@@ -232,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: viewport,
           tabindex: "0",
           role: "application",
-          "aria-label": text.value.canvas,
+          "aria-label": unref(text).canvas,
           class: "relative w-full overflow-hidden rounded-card border border-line bg-surface-soft focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           style: normalizeStyle(frameStyle.value),
           onWheel: withModifiers(onWheel, ["prevent"]),
@@ -250,7 +284,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             src: objectUrl.value,
             alt: "",
             draggable: "false",
-            class: normalizeClass(["lp-editor__image absolute inset-0 size-full select-none object-cover motion-reduce:transition-none", [
+            class: normalizeClass(["lp-editor__image absolute select-none motion-reduce:transition-none", [
+              sized.value ? "" : "inset-0 size-full object-cover",
               unref(zoom).panning.value ? "cursor-grabbing" : "cursor-grab",
               __props.animate && !unref(revealed) ? "lp-editor__image--waiting" : ""
             ]]),
@@ -280,8 +315,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$1, {
               size: "sm",
               variant: "ghost",
-              title: text.value.rotateLeft,
-              "aria-label": text.value.rotateLeft,
+              title: unref(text).rotateLeft,
+              "aria-label": unref(text).rotateLeft,
               onClick: _cache[4] || (_cache[4] = ($event) => rotate(-90))
             }, {
               default: withCtx(() => [
@@ -295,8 +330,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$1, {
               size: "sm",
               variant: "ghost",
-              title: text.value.rotateRight,
-              "aria-label": text.value.rotateRight,
+              title: unref(text).rotateRight,
+              "aria-label": unref(text).rotateRight,
               onClick: _cache[5] || (_cache[5] = ($event) => rotate(90))
             }, {
               default: withCtx(() => [
@@ -313,8 +348,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "sm",
               variant: "ghost",
               disabled: unref(zoom).scale.value <= 1,
-              title: text.value.zoomOut,
-              "aria-label": text.value.zoomOut,
+              title: unref(text).zoomOut,
+              "aria-label": unref(text).zoomOut,
               onClick: _cache[6] || (_cache[6] = ($event) => unref(zoom).zoomBy(1 / 1.2))
             }, {
               default: withCtx(() => [
@@ -329,8 +364,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$1, {
               size: "sm",
               variant: "ghost",
-              title: text.value.zoomIn,
-              "aria-label": text.value.zoomIn,
+              title: unref(text).zoomIn,
+              "aria-label": unref(text).zoomIn,
               onClick: _cache[7] || (_cache[7] = ($event) => unref(zoom).zoomBy(1.2))
             }, {
               default: withCtx(() => [
@@ -354,7 +389,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 name: "lucide:undo-2",
                 size: 15
               }),
-              createTextVNode(" " + toDisplayString(text.value.reset), 1)
+              createTextVNode(" " + toDisplayString(unref(text).reset), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true)
@@ -363,7 +398,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a19a8cf6"]]);
+const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b510205a"]]);
 export {
   LpImageEditor as default
 };

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

@@ -2,7 +2,7 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     modelValue?: string;
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "md" | "sm" | "lg" | undefined;
     invalid?: boolean;
     placeholder?: string;
     type?: string;
@@ -37,7 +37,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     modelValue?: string;
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "md" | "sm" | "lg" | undefined;
     invalid?: boolean;
     placeholder?: string;
     type?: string;
@@ -67,7 +67,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     type: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     leading?: (props: {}) => any;
 } & {

package/dist/components/LpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInput-9EXWUM9B.js";
+import { _ as _sfc_main } from "../chunks/LpInput-C0e8y8_d.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
 import { type LightboxItem } from "./lightbox";
+export type LightboxLabels = {
+    viewer: string;
+    /** `{index}` and `{total}` are filled in. */
+    position: string;
+    previous: string;
+    next: string;
+    zoomIn: string;
+    zoomOut: string;
+    rotate: string;
+    copy: string;
+    download: string;
+    close: string;
+    failed: string;
+    spoiler: string;
+    reveal: string;
+};
 type __VLS_Props = {
     open?: boolean;
     /** Images to page through. */
@@ -17,6 +33,7 @@ type __VLS_Props = {
     loop?: boolean;
     /** Largest zoom level. */
     maxZoom?: number;
+    labels?: Partial<LightboxLabels>;
 };
 type __VLS_Slots = {
     /** Replace the caption block under the image. */

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-2sYVMY-S.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-Mr0W_6HK.js";
 export {
   _sfc_main as default
 };

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

@@ -1,8 +1,11 @@
 import { type Component } from "vue";
+import { type LinkTarget } from "./link";
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     href?: string;
+    /** Router destination; rendered through the configured link component. */
+    to?: LinkTarget;
     external?: boolean;
     /** Shorthand for `tone="muted"`. */
     muted?: boolean;
@@ -14,11 +17,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     tone?: "brand" | "ink" | "muted" | "soft";
     /**
-     * Root element/component. Defaults to a native <a>. Pass a router link
-     * component (e.g. NuxtLink or RouterLink) to keep client-side navigation;
-     * the kit stays DOM-agnostic, the consumer supplies the link component.
-     * Router links take their destination through their own prop (`to`), which
-     * falls through as a plain attribute.
+     * Root element/component. By default an internal `to`/`href` renders the
+     * link component set with provideLpConfig (NuxtLink under the Nuxt module),
+     * anything else a native <a>. Pass a component here to override per link.
      */
     as?: string | Component;
     /**
@@ -42,6 +43,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     revealOn?: "self" | "group";
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     href?: string;
+    /** Router destination; rendered through the configured link component. */
+    to?: LinkTarget;
     external?: boolean;
     /** Shorthand for `tone="muted"`. */
     muted?: boolean;
@@ -53,11 +56,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     tone?: "brand" | "ink" | "muted" | "soft";
     /**
-     * Root element/component. Defaults to a native <a>. Pass a router link
-     * component (e.g. NuxtLink or RouterLink) to keep client-side navigation;
-     * the kit stays DOM-agnostic, the consumer supplies the link component.
-     * Router links take their destination through their own prop (`to`), which
-     * falls through as a plain attribute.
+     * Root element/component. By default an internal `to`/`href` renders the
+     * link component set with provideLpConfig (NuxtLink under the Nuxt module),
+     * anything else a native <a>. Pass a component here to override per link.
      */
     as?: string | Component;
     /**
@@ -80,7 +81,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     revealOn?: "self" | "group";
 }> & Readonly<{}>, {
-    as: string | Component;
     variant: "default" | "underline" | "reveal";
     revealOn: "self" | "group";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/LpLink.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLink-DCND-zyu.js";
+import { _ as _sfc_main } from "../chunks/LpLink-Krkjhe_y.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,22 @@
 import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+export interface LogViewerLabels {
+    [key: string]: string;
+    empty: string;
+    frozen: string;
+    noMatch: string;
+    loadingOlder: string;
+    copyMessage: string;
+    copyLine: string;
+    copyTimestamp: string;
+    copied: string;
+    /** `{source}` is replaced by the line's source. */
+    filterSource: string;
+    /** `{level}` is replaced by the line's level. */
+    filterLevel: string;
+    /** `{n}` is replaced by the count. */
+    identical: string;
+    jump: string;
+}
 export type LogLevel = "trace" | "debug" | "info" | "warn" | "error" | "fatal" | "success";
 export interface LogLine {
     /** Body of the line. */
@@ -69,6 +87,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * so a duplicate level word / timestamp doesn't repeat in the message body.
      */
     parse?: boolean;
+    labels?: Partial<LogViewerLabels>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     filter: (by: {
         source?: string;
@@ -133,6 +152,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * so a duplicate level word / timestamp doesn't repeat in the message body.
      */
     parse?: boolean;
+    labels?: Partial<LogViewerLabels>;
 }> & Readonly<{
     onFilter?: ((by: {
         source?: string;
@@ -142,12 +162,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     height: string;
     wrap: boolean;
-    emptyLabel: string;
     lineNumbers: boolean;
     showTime: boolean;
     showLevel: boolean;
     tail: boolean;
-    frozenLabel: string;
     rowMenu: boolean;
     parse: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpLogViewer.vue.js

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