@leavepulse/ui 0.43.3 → 0.44.0

package/dist/chunks/{LpLogViewer-CaRy5MeS.js → LpLogViewer-YBOaFnc_.js}

@@ -2,10 +2,11 @@ import { defineComponent, ref, shallowRef, computed, onMounted, onBeforeUnmount,
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-CwW1QXe_.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-DQw5dGfG.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = {
   key: 0,
   class: "pointer-events-none absolute top-2 left-1/2 z-10 -translate-x-1/2 rounded-pill bg-brand px-2.5 py-1 text-[11px] font-medium text-ink-inverse"
@@ -23,25 +24,26 @@ const _hoisted_5 = {
   key: 0,
   class: "flex items-center justify-center gap-2 py-2 text-muted"
 };
-const _hoisted_6 = ["data-log-row"];
-const _hoisted_7 = {
+const _hoisted_6 = { class: "text-[11px]" };
+const _hoisted_7 = ["data-log-row"];
+const _hoisted_8 = {
   key: 0,
   class: "mr-3 w-10 shrink-0 select-none text-right tabular-nums text-muted/70"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 1,
   class: "mr-3 shrink-0 tabular-nums text-muted"
 };
-const _hoisted_9 = {
+const _hoisted_10 = {
   key: 3,
   class: "mr-2 shrink-0 text-muted-strong"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   key: 0,
   class: "rounded-xs bg-accent/30 text-ink"
 };
-const _hoisted_11 = ["title"];
-const _hoisted_12 = {
+const _hoisted_12 = ["title"];
+const _hoisted_13 = {
   key: 0,
   class: "absolute inset-x-0 bottom-3 flex justify-center"
 };
@@ -60,18 +62,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     compact: { type: Boolean },
     tail: { type: Boolean, default: true },
     height: { default: "20rem" },
-    emptyLabel: { default: "No logs yet" },
-    frozenLabel: { default: "Held — release Ctrl to resume" },
+    emptyLabel: {},
+    frozenLabel: {},
     loadingOlder: { type: Boolean },
     loadOlder: { type: Boolean },
     rowMenu: { type: Boolean, default: true },
     extraRowItems: {},
-    parse: { type: Boolean, default: false }
+    parse: { type: Boolean, default: false },
+    labels: {}
   },
   emits: ["filter", "reach-top"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const text = useLabels(
+      "logViewer",
+      {
+        empty: "No logs yet",
+        frozen: "Held — release Ctrl to resume",
+        noMatch: "No lines match",
+        loadingOlder: "loading older…",
+        copyMessage: "Copy message",
+        copyLine: "Copy line",
+        copyTimestamp: "Copy timestamp",
+        copied: "Copied to clipboard",
+        filterSource: "Filter by [{source}]",
+        filterLevel: "Filter by {level}",
+        identical: "{n} identical lines",
+        jump: "Jump to latest"
+      },
+      () => props.labels
+    );
     const levelMeta = {
       trace: { rail: "bg-line-strong", text: "text-muted", chip: "text-muted", sel: "selection:bg-muted/40" },
       debug: { rail: "bg-line-strong", text: "text-muted-strong", chip: "text-muted-strong", sel: "selection:bg-muted-strong/40" },
@@ -189,6 +210,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return folded;
     });
+    const lineIds = /* @__PURE__ */ new WeakMap();
+    let nextLineId = 0;
+    function lineKey(n) {
+      const line = sourceLines.value[n];
+      if (!line) return -1 - n;
+      let id = lineIds.get(line);
+      if (id === void 0) {
+        id = nextLineId++;
+        lineIds.set(line, id);
+      }
+      return id;
+    }
     const filteredEmpty = computed(
       () => props.lines.length > 0 && visibleLines.value.length === 0
     );
@@ -202,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return time;
     }
     const { copy: writeClipboard } = useClipboard();
-    const copy = (text) => writeClipboard(text, { toast: "Copied to clipboard" });
+    const copy = (value) => writeClipboard(value, { toast: text.value.copied });
     function lineText(line) {
       return [fmtTime(line.time), line.level?.toUpperCase(), line.source && `[${line.source}]`, line.message].filter(Boolean).join(" ");
     }
@@ -223,15 +256,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function menuFor(line, index) {
       if (!props.rowMenu) return [];
       const items = [
-        { label: "Copy message", icon: "lucide:copy", onSelect: () => copy(line.message) },
-        { label: "Copy line", icon: "lucide:clipboard-list", onSelect: () => copy(lineText(line)) }
+        { label: text.value.copyMessage, icon: "lucide:copy", onSelect: () => copy(line.message) },
+        { label: text.value.copyLine, icon: "lucide:clipboard-list", onSelect: () => copy(lineText(line)) }
       ];
       if (line.time != null) {
-        items.push({ label: "Copy timestamp", icon: "lucide:clock", onSelect: () => copy(fmtTime(line.time)) });
+        items.push({ label: text.value.copyTimestamp, icon: "lucide:clock", onSelect: () => copy(fmtTime(line.time)) });
       }
       if (line.source) {
         items.push({
-          label: `Filter by [${line.source}]`,
+          label: text.value.filterSource.replace("{source}", line.source),
           icon: "lucide:filter",
           separatorBefore: true,
           onSelect: () => emit("filter", { source: line.source })
@@ -239,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       if (line.level) {
         items.push({
-          label: `Filter by ${line.level}`,
+          label: text.value.filterLevel.replace("{level}", line.level),
           icon: "lucide:filter",
           separatorBefore: !line.source,
           onSelect: () => emit("filter", { level: line.level })
@@ -344,15 +377,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rideToBottom(true, true);
       pinned.value = true;
     }
+    const linesSignal = () => [props.lines, props.lines.length, props.lines[props.lines.length - 1]];
     watch(
-      () => props.lines.length,
+      linesSignal,
       () => {
         if (!pinned.value) captureScrollAnchor();
       },
       { flush: "pre" }
     );
     watch(
-      () => props.lines.length,
+      linesSignal,
       async () => {
         await nextTick();
         if (props.tail && pinned.value) {
@@ -412,7 +446,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "-translate-y-1 opacity-0"
         }, {
           default: withCtx(() => [
-            frozen.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.frozenLabel), 1)) : createCommentVNode("", true)
+            frozen.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.frozenLabel ?? unref(text).frozen), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }),
@@ -426,7 +460,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             __props.lines.length === 0 || filteredEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createElementVNode("span", _hoisted_3, toDisplayString(filteredEmpty.value ? "No lines match" : __props.emptyLabel), 1),
+              createElementVNode("span", _hoisted_3, toDisplayString(filteredEmpty.value ? unref(text).noMatch : __props.emptyLabel ?? unref(text).empty), 1),
               filteredEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_4, "“" + toDisplayString(__props.highlight) + "”", 1)) : createCommentVNode("", true)
             ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               __props.loadingOlder ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -435,7 +469,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   size: 14,
                   class: "animate-spin"
                 }),
-                _cache[2] || (_cache[2] = createElementVNode("span", { class: "text-[11px]" }, "loading older…", -1))
+                createElementVNode("span", _hoisted_6, toDisplayString(unref(text).loadingOlder), 1)
               ])) : createCommentVNode("", true),
               createVNode(_sfc_main$3, {
                 items: menuItems.value,
@@ -455,7 +489,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, null, 4)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(renderedLines.value, ({ line, n, count }) => {
                         return openBlock(), createElementBlock("li", {
-                          key: n,
+                          key: lineKey(n),
                           "data-log-row": n,
                           class: normalizeClass(["group relative flex items-start gap-0 px-0 leading-5 transition-colors hover:bg-surface-soft/60", metaFor(line.level).sel])
                         }, [
@@ -463,23 +497,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             class: normalizeClass(["absolute inset-y-0 left-0 w-0.5", metaFor(line.level).rail]),
                             "aria-hidden": "true"
                           }, null, 2),
-                          _cache[3] || (_cache[3] = createElementVNode("span", {
+                          _cache[2] || (_cache[2] = createElementVNode("span", {
                             class: "mr-2 w-0.5 shrink-0",
                             "aria-hidden": "true"
                           }, null, -1)),
-                          __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(n + 1), 1)) : createCommentVNode("", true),
-                          __props.showTime ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(fmtTime(line.time)), 1)) : createCommentVNode("", true),
+                          __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(n + 1), 1)) : createCommentVNode("", true),
+                          __props.showTime ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(fmtTime(line.time)), 1)) : createCommentVNode("", true),
                           __props.showLevel ? (openBlock(), createElementBlock("span", {
                             key: 2,
                             class: normalizeClass(["mr-3 w-12 shrink-0 text-[10px] font-semibold uppercase tracking-[0.06em]", metaFor(line.level).chip])
                           }, toDisplayString(line.level ?? "info"), 3)) : createCommentVNode("", true),
-                          line.source ? (openBlock(), createElementBlock("span", _hoisted_9, "[" + toDisplayString(line.source) + "]", 1)) : createCommentVNode("", true),
+                          line.source ? (openBlock(), createElementBlock("span", _hoisted_10, "[" + toDisplayString(line.source) + "]", 1)) : createCommentVNode("", true),
                           createElementVNode("span", {
                             class: normalizeClass(["min-w-0 pr-3", [metaFor(line.level).text, __props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
                           }, [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(splitHighlight(line.message), (part, p) => {
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(splitHighlight(virtualise.value ? line.message.replace(/\r?\n/g, " ↵ ") : line.message), (part, p) => {
                               return openBlock(), createElementBlock(Fragment, { key: p }, [
-                                part.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                part.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                   createTextVNode(toDisplayString(part.text), 1)
                                 ], 64))
                               ], 64);
@@ -492,13 +526,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 count > 1 ? (openBlock(), createElementBlock("span", {
                                   key: count,
                                   class: "ml-2 select-none rounded-pill bg-surface-soft px-1.5 align-[1px] text-[10px] font-semibold tabular-nums text-muted-strong",
-                                  title: `${count} identical lines`
-                                }, "×" + toDisplayString(count), 9, _hoisted_11)) : createCommentVNode("", true)
+                                  title: unref(text).identical.replace("{n}", String(count))
+                                }, "×" + toDisplayString(count), 9, _hoisted_12)) : createCommentVNode("", true)
                               ]),
                               _: 2
                             }, 1024)
                           ], 2)
-                        ], 10, _hoisted_6);
+                        ], 10, _hoisted_7);
                       }), 128)),
                       virtualise.value && padBottom.value > 0 ? (openBlock(), createElementBlock("li", {
                         key: "pad-bottom",
@@ -522,7 +556,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "translate-y-3 scale-90 opacity-0"
         }, {
           default: withCtx(() => [
-            showJump.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+            showJump.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
               createElementVNode("button", {
                 type: "button",
                 class: "group flex items-center gap-1.5 rounded-pill border border-line bg-surface-overlay px-3 py-1 text-xs font-medium text-ink shadow-[var(--shadow-panel)] backdrop-blur outline-none transition-colors hover:bg-surface-soft focus-visible:ring-2 focus-visible:ring-ring",
@@ -533,7 +567,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   size: 14,
                   class: "transition-transform duration-200 ease-[var(--ease-emphasized)] group-hover:translate-y-0.5"
                 }),
-                _cache[4] || (_cache[4] = createTextVNode(" Jump to latest ", -1))
+                createTextVNode(" " + toDisplayString(unref(text).jump), 1)
               ])
             ])) : createCommentVNode("", true)
           ]),

package/dist/chunks/{LpMapPicker-ul4oYno6.js → LpMapPicker-NUzS9e37.js}

@@ -3,6 +3,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = ["tabindex", "aria-label"];
 const _hoisted_2 = ["src", "onLoad"];
 const _hoisted_3 = { class: "absolute right-2 top-2 flex flex-col gap-1.5" };
@@ -26,15 +27,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     height: { default: "20rem" },
     locatable: { type: Boolean, default: true },
-    zoomInLabel: { default: "Zoom in" },
-    zoomOutLabel: { default: "Zoom out" },
-    locateLabel: { default: "Use my location" },
-    recentreLabel: { default: "Back to the pin" }
+    zoomInLabel: {},
+    zoomOutLabel: {},
+    locateLabel: {},
+    recentreLabel: {},
+    mapLabel: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const labelSet = useLabels("mapPicker", {
+      zoomIn: "Zoom in",
+      zoomOut: "Zoom out",
+      locate: "Use my location",
+      recentre: "Back to the pin",
+      map: "Map — arrows pan, +/− zoom, Enter drops the pin in the centre"
+    });
+    const text = computed(() => ({
+      zoomIn: props.zoomInLabel ?? labelSet.value.zoomIn,
+      zoomOut: props.zoomOutLabel ?? labelSet.value.zoomOut,
+      locate: props.locateLabel ?? labelSet.value.locate,
+      recentre: props.recentreLabel ?? labelSet.value.recentre,
+      map: props.mapLabel ?? labelSet.value.map
+    }));
     const PAN_STEP = 80;
     const ZOOM_MS = 220;
     const seenTiles = /* @__PURE__ */ new Set();
@@ -304,6 +320,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           e.preventDefault();
           recentre();
           break;
+        // Without this a keyboard could pan and zoom but never actually pick.
+        case "Enter":
+        case " ": {
+          const el = viewport.value;
+          if (!el) return;
+          e.preventDefault();
+          emit("update:modelValue", toLatLon({ x: el.clientWidth / 2, y: el.clientHeight / 2 }));
+          break;
+        }
       }
     }
     const canRecentre = computed(() => {
@@ -395,7 +420,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["absolute inset-0 touch-none select-none outline-none focus-visible:ring-2 focus-visible:ring-ring", __props.disabled ? "cursor-not-allowed opacity-55" : panning.value ? "cursor-grabbing" : "cursor-grab"]),
           tabindex: __props.disabled ? -1 : 0,
           role: "application",
-          "aria-label": __props.recentreLabel,
+          "aria-label": text.value.map,
           onPointerdown: onPointerDown,
           onPointermove: onPointerMove,
           onPointerup: onPointerUp,
@@ -445,8 +470,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(CONTROL),
             type: "button",
             disabled: __props.disabled || level.value >= maxZoom.value,
-            title: __props.zoomInLabel,
-            "aria-label": __props.zoomInLabel,
+            title: text.value.zoomIn,
+            "aria-label": text.value.zoomIn,
             onClick: _cache[0] || (_cache[0] = ($event) => zoomBy(1))
           }, [
             createVNode(_sfc_main$1, {
@@ -458,8 +483,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(CONTROL),
             type: "button",
             disabled: __props.disabled || level.value <= minZoom.value,
-            title: __props.zoomOutLabel,
-            "aria-label": __props.zoomOutLabel,
+            title: text.value.zoomOut,
+            "aria-label": text.value.zoomOut,
             onClick: _cache[1] || (_cache[1] = ($event) => zoomBy(-1))
           }, [
             createVNode(_sfc_main$1, {
@@ -471,8 +496,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(CONTROL),
             type: "button",
-            title: __props.recentreLabel,
-            "aria-label": __props.recentreLabel,
+            title: text.value.recentre,
+            "aria-label": text.value.recentre,
             onClick: recentre
           }, [
             createVNode(_sfc_main$1, {
@@ -485,8 +510,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(CONTROL),
             type: "button",
             disabled: __props.disabled || locating.value,
-            title: __props.locateLabel,
-            "aria-label": __props.locateLabel,
+            title: text.value.locate,
+            "aria-label": text.value.locate,
             onClick: locate
           }, [
             createVNode(_sfc_main$1, {

package/dist/chunks/{LpMediaGallery-FF-NquIo.js → LpMediaGallery-DfJmMW0I.js}

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock } from "vue";
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpLightbox-2sYVMY-S.js";
+import { _ as _sfc_main$2 } from "./LpLightbox-Mr0W_6HK.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];
@@ -38,6 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const open = ref(false);
     const index = ref(0);
+    watch(open, (value, was) => {
+      if (!value && was) emit("update:open", false);
+    });
     const visible = computed(
       () => props.max && props.items.length > props.max ? props.items.slice(0, props.max) : props.items
     );
@@ -118,8 +121,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const at = openIndexOf(i);
       if (at === -1) return;
       index.value = at;
+      if (!open.value) emit("update:open", true);
       open.value = true;
-      emit("update:open", true);
     }
     function openOverflow() {
       activate(visible.value.length);

package/dist/chunks/{LpModal-Bt0pQCI_.js → LpModal-DPwGKBPv.js}

@@ -1,6 +1,7 @@
-import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createElementVNode, mergeProps, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, useSlots, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createElementVNode, mergeProps, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { useGlass } from "../composables/useGlass.js";
+import { useLabels } from "../composables/useLpConfig.js";
 import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
@@ -12,12 +13,12 @@ const _hoisted_1 = {
   class: "flex min-h-0 flex-col"
 };
 const _hoisted_2 = {
-  key: 0,
+  key: 1,
   class: "flex shrink-0 items-start justify-between gap-4 p-5 pb-3"
 };
 const _hoisted_3 = { class: "flex flex-col gap-1" };
 const _hoisted_4 = {
-  key: 3,
+  key: 4,
   class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
 };
 const _hoisted_5 = {
@@ -35,12 +36,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     width: {},
     fillBody: { type: Boolean },
     autoFocus: { default: "auto" },
-    glass: { type: Boolean, default: void 0 }
+    glass: { type: Boolean, default: void 0 },
+    ariaLabel: {},
+    role: {},
+    labels: {}
   },
   emits: ["update:open"],
   setup(__props) {
-    const { claim, release, layer } = useModalLayer();
+    const panelRef = ref(null);
+    const { claim, release, layer } = useModalLayer({ element: () => panelRef.value?.parentElement });
     const props = __props;
+    const text = useLabels("modal", { close: "Close" }, () => props.labels);
     const frosted = useGlass(() => props.glass);
     const onInteractOutside = (event) => {
       const target = event.target;
@@ -48,9 +54,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         event.preventDefault();
       }
     };
-    const describedByAttrs = computed(
-      () => props.description ? {} : { "aria-describedby": void 0 }
-    );
+    const describedByAttrs = computed(() => ({
+      ...props.description ? {} : { "aria-describedby": void 0 },
+      ...props.role ? { role: props.role } : {}
+    }));
     const widthClass = computed(() => {
       if (props.width) return "";
       return {
@@ -74,9 +81,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         slots.footer ? "" : "pb-5"
       ].filter(Boolean).join(" ")
     );
-    const panelRef = ref(null);
     const AUTO_FOCUS_ORDER = [
-      "input:not([type=hidden]):not([disabled]):not([readonly])",
+      "input:not([type=hidden]):not([disabled]):not([readonly]):not([tabindex='-1'])",
       "textarea:not([disabled]):not([readonly])",
       "select:not([disabled])",
       "[data-lp-autofocus]",
@@ -84,25 +90,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "[href]",
       "[tabindex]:not([tabindex='-1'])"
     ];
+    function focusable(el) {
+      if (el.hasAttribute("disabled") || el.getAttribute("tabindex") === "-1") return false;
+      if (el.closest("[aria-hidden='true'], [data-hidden], [inert]")) return false;
+      if (typeof el.checkVisibility === "function") return el.checkVisibility({ visibilityProperty: true });
+      return el.getClientRects().length > 0;
+    }
     function onOpenAutoFocus(event) {
       if (props.autoFocus === "none") return;
       const panel = panelRef.value;
       if (!panel) return;
       const selectors = props.autoFocus === "auto" ? AUTO_FOCUS_ORDER : [props.autoFocus];
       for (const selector of selectors) {
-        const target = panel.querySelector(selector);
-        if (!target || target.hasAttribute("disabled")) continue;
-        event.preventDefault();
-        if (!target.closest("[data-lp-ring-owner]")) {
-          target.setAttribute("data-lp-focus-ring", "");
-          target.addEventListener(
-            "blur",
-            () => target.removeAttribute("data-lp-focus-ring"),
-            { once: true }
-          );
+        for (const target of panel.querySelectorAll(selector)) {
+          if (!focusable(target)) continue;
+          target.focus();
+          if (document.activeElement !== target) continue;
+          event.preventDefault();
+          if (!target.closest("[data-lp-ring-owner]")) {
+            target.setAttribute("data-lp-focus-ring", "");
+            target.addEventListener(
+              "blur",
+              () => target.removeAttribute("data-lp-focus-ring"),
+              { once: true }
+            );
+          }
+          return;
         }
-        target.focus();
-        return;
       }
     }
     const {
@@ -151,6 +165,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(["flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
                       style: normalizeStyle({ ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} })
                     }, [
+                      !(__props.title || _ctx.$slots.title) && __props.ariaLabel ? (openBlock(), createBlock(unref(DialogTitle), {
+                        key: 0,
+                        class: "sr-only"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(__props.ariaLabel), 1)
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true),
                       __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
                         createElementVNode("div", _hoisted_3, [
                           createVNode(unref(DialogTitle), { class: "text-base font-semibold text-ink" }, {
@@ -174,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(unref(DialogClose), {
                           "data-lp-dialog-close": "",
                           class: "group flex shrink-0 items-center rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
-                          "aria-label": "Close"
+                          "aria-label": unref(text).close
                         }, {
                           default: withCtx(() => [
                             createVNode(_sfc_main$1, {
@@ -184,15 +207,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }, null, 8, ["class"])
                           ]),
                           _: 1
-                        })
+                        }, 8, ["aria-label"])
                       ])) : createCommentVNode("", true),
                       __props.fillBody ? (openBlock(), createElementBlock("div", {
-                        key: 1,
+                        key: 2,
                         class: normalizeClass(["flex min-h-0 flex-1 flex-col overflow-hidden text-sm text-ink/90", bodyPad.value])
                       }, [
                         renderSlot(_ctx.$slots, "default")
                       ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
-                        key: 2,
+                        key: 3,
                         class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", unref(resizing) ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
                         "content-class": bodyPad.value
                       }, {

package/dist/chunks/{LpModalNav-YaifHrXC.js → LpModalNav-DPg5H9f3.js}

@@ -1,8 +1,9 @@
-import { defineComponent, ref, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
+import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+import { _ as _sfc_main$2 } from "./LpButton-kqJBHIIb.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-Bt0pQCI_.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-ClBUwoEz.js";
+import { _ as _sfc_main$1 } from "./LpModal-DPwGKBPv.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-BgwUNWpJ.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",
@@ -20,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     searchPlaceholder: {},
     loading: { type: Boolean },
     mobileBreakpoint: { default: "lg" },
-    navLabel: { default: "Sections" },
+    navLabel: {},
     navSide: { default: "start" },
     fillBody: { type: Boolean },
     glass: { type: Boolean, default: void 0 }
@@ -29,6 +30,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const text = useLabels("modalNav", { nav: "Sections" });
+    const navName = computed(() => props.navLabel ?? text.value.nav);
     const navOpen = ref(false);
     const active = computed({
       get: () => props.modelValue ?? "",
@@ -76,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               variant: "ghost",
               size: "sm",
               square: "",
-              "aria-label": __props.navLabel,
+              "aria-label": navName.value,
               class: normalizeClass(triggerClass.value),
               onClick: _cache[4] || (_cache[4] = ($event) => navOpen.value = true)
             }, {