@leavepulse/ui 0.21.0 → 0.22.0

package/dist/chunks/{LpAddressInput-B411MOJa.js → LpAddressInput-Dah7asXy.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-BauZRyzm.js";
-import { _ as _sfc_main$7 } from "./LpModal-DKFdzKwV.js";
+import { _ as _sfc_main$7 } from "./LpModal-CNAFRgCU.js";
 import { _ as _sfc_main$6 } from "./LpSelect-D5mU4cZO.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };
 const _hoisted_2 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-CfM7fdr3.js → LpAppShell-DGZv907S.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createBlock } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$4 } from "./LpScrollArea-Du8tW8c5.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-Bd0148dd.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-JvMaaYsy.js";
 const _hoisted_1 = { class: "flex h-dvh overflow-hidden bg-surface text-ink" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_3 = { class: "flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };

package/dist/chunks/{LpConfirmDialog-D8pBGPOI.js → LpConfirmDialog-CkMzeKdp.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpModal-DKFdzKwV.js";
+import { _ as _sfc_main$1 } from "./LpModal-CNAFRgCU.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpDrawer-B4cNj39a.js → LpDrawer-DAJN5rGK.js}

@@ -3,7 +3,7 @@ import { usePointerSwipe } from "@vueuse/core";
 import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose } from "vaul-vue";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
 const _hoisted_2 = { class: "flex flex-col gap-1" };
 const _hoisted_3 = ["data-vaul-no-drag"];

package/dist/chunks/{LpFileTree-d9nXtSVo.js → LpFileTree-DWx77B1F.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, F
 import { formatSize, sortNodes, computeStats, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
 import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"

package/dist/chunks/{LpLogViewer-BXPBUV21.js → LpLogViewer-B1aLUVdz.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createBlock, resolveDynamicComponent, TransitionGroup, mergeProps, renderList, normalizeClass, createTextVNode, Transition } from "vue";
 import { _ as _sfc_main$3 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = { class: "relative overflow-hidden rounded-card border border-line bg-surface font-mono text-xs leading-relaxed" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpModal-DKFdzKwV.js → LpModal-CNAFRgCU.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useSlots, ref, watch, onBeforeUnmount, openB
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = { class: "fixed inset-0 z-(--z-modal) flex items-center justify-center pointer-events-none" };
 const _hoisted_2 = {
   key: 0,
@@ -22,7 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     description: {},
     size: { default: "md" },
     width: {},
-    fillBody: { type: Boolean }
+    fillBody: { type: Boolean },
+    autoFocus: { default: "auto" }
   },
   emits: ["update:open"],
   setup(__props) {
@@ -51,6 +52,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ].filter(Boolean).join(" ")
     );
     const panelRef = ref(null);
+    const AUTO_FOCUS_ORDER = [
+      "input:not([type=hidden]):not([disabled]):not([readonly])",
+      "textarea:not([disabled]):not([readonly])",
+      "select:not([disabled])",
+      "[data-lp-autofocus]",
+      "button:not([disabled]):not([data-lp-dialog-close])",
+      "[href]",
+      "[tabindex]:not([tabindex='-1'])"
+    ];
+    function onOpenAutoFocus(event) {
+      if (props.autoFocus === "none") return;
+      const panel = panelRef.value?.$el;
+      if (!(panel instanceof HTMLElement)) 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();
+        target.setAttribute("data-lp-focus-ring", "");
+        target.addEventListener(
+          "blur",
+          () => target.removeAttribute("data-lp-focus-ring"),
+          { once: true }
+        );
+        target.focus();
+        if (target instanceof HTMLInputElement && target.type === "text") {
+          target.select();
+        }
+        return;
+      }
+    }
     const tweening = ref(false);
     const resizing = ref(false);
     let ro;
@@ -142,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ref: panelRef,
                   class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", [widthClass.value, tweening.value ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
                   style: __props.width ? { width: __props.width } : void 0
-                }, describedByAttrs.value), {
+                }, describedByAttrs.value, { onOpenAutoFocus }), {
                   default: withCtx(() => [
                     __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
                       createElementVNode("div", _hoisted_3, [
@@ -165,6 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         })) : createCommentVNode("", true)
                       ]),
                       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"
                       }, {

package/dist/chunks/{LpNotificationBell-Nges4kJk.js → LpNotificationBell-HSGo1pcf.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-CrfyRJUG.js";
 import { _ as _sfc_main$5 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-2 px-3 py-2.5" };
 const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = {

package/dist/chunks/{LpScrollArea-Du8tW8c5.js → LpScrollArea-D8xyKXcF.js}

@@ -31,6 +31,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       atTop.value = el.scrollTop <= 1;
       atBottom.value = el.scrollTop + el.clientHeight >= el.scrollHeight - 1;
     }
+    function syncViewportFocusable(el) {
+      const scrollable = el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;
+      if (scrollable) el.setAttribute("tabindex", "0");
+      else el.removeAttribute("tabindex");
+    }
     function onViewportScroll(event) {
       if (props.fade) measureEdges(event.target);
       emit("scroll", event);
@@ -47,8 +52,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       [viewportEl, () => props.fade],
       ([el, enabled]) => {
         stopEdgeWatch();
-        if (!el || !enabled) return;
-        const remeasure = () => measureEdges(el);
+        if (!el) return;
+        const remeasure = () => {
+          if (enabled) measureEdges(el);
+          syncViewportFocusable(el);
+        };
         remeasure();
         if (typeof ResizeObserver !== "undefined") {
           edgeResize = new ResizeObserver(remeasure);

package/dist/chunks/{LpSidebar-Bd0148dd.js → LpSidebar-JvMaaYsy.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, createBlock } from "vue";
-import { _ as _sfc_main$2 } from "./LpDrawer-B4cNj39a.js";
-import { _ as _sfc_main$1 } from "./LpSidebarNav-BqGpNr4S.js";
+import { _ as _sfc_main$2 } from "./LpDrawer-DAJN5rGK.js";
+import { _ as _sfc_main$1 } from "./LpSidebarNav-BIYzk7e_.js";
 const _hoisted_1 = {
   key: 1,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-BqGpNr4S.js → LpSidebarNav-BIYzk7e_.js}

@@ -4,7 +4,7 @@ import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$4 } from "./LpBadge-CXzBPnwO.js";
 import { _ as _sfc_main$2 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex min-h-0 flex-1 flex-col gap-4"

package/dist/chunks/{LpTable-BBKlNR9j.js → LpTable-DTj52qlg.js}

@@ -1,8 +1,9 @@
-import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, createCommentVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, withModifiers, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, createCommentVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, unref, mergeProps, withModifiers, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpCheckbox-BO0zuuPh.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
+import { useRovingFocus } from "../composables/useRovingFocus.js";
 const _hoisted_1 = { class: "w-full border-collapse text-sm" };
 const _hoisted_2 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_3 = {
@@ -91,6 +92,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:selected", [...next]);
     }
     const colSpan = computed(() => props.columns.length + (props.selectable ? 1 : 0));
+    const rovingItems = computed(
+      () => displayRows.value.map((row, index) => ({
+        id: String(keyFor(row, index)),
+        label: String(row[props.columns[0]?.key ?? ""] ?? "")
+      }))
+    );
+    const rowByKey = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      displayRows.value.forEach((row, index) => map.set(String(keyFor(row, index)), row));
+      return map;
+    });
+    const roving = useRovingFocus(rovingItems, {
+      onActivate: (id) => {
+        const row = rowByKey.value.get(id);
+        if (!row) return;
+        emit("rowClick", row);
+      }
+    });
+    function onRowKeydown(event) {
+      if (event.key === " " && props.selectable && roving.activeId.value) {
+        event.preventDefault();
+        const key = roving.activeId.value;
+        const row = rowByKey.value.get(key);
+        if (row) {
+          const rowKey = keyFor(row, displayRows.value.indexOf(row));
+          toggleRow(rowKey, !selectedSet.value.has(rowKey));
+        }
+        return;
+      }
+      roving.onKeydown(event);
+    }
     const headEl = ref(null);
     const headHeight = ref(0);
     let ro;
@@ -164,7 +196,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])
             ], 2),
-            createElementVNode("tbody", null, [
+            createElementVNode("tbody", {
+              ref: (el) => unref(roving).setContainer(el)
+            }, [
               displayRows.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_6, [
                 createElementVNode("td", {
                   colspan: colSpan.value,
@@ -184,10 +218,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   items: menuFor(row)
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("tr", {
-                      class: normalizeClass(["border-b border-line/60 transition-colors last:border-0 hover:bg-surface-soft/60", selectedSet.value.has(keyFor(row, index)) ? "bg-brand-soft/40" : ""]),
-                      onClick: ($event) => emit("rowClick", row)
-                    }, [
+                    createElementVNode("tr", mergeProps({
+                      class: ["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))), {
+                      onClick: ($event) => emit("rowClick", row),
+                      onKeydown: onRowKeydown
+                    }), [
                       __props.selectable ? (openBlock(), createElementBlock("td", {
                         key: 0,
                         class: "w-px px-4 py-3",
@@ -212,12 +248,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ])
                         ], 2);
                       }), 128))
-                    ], 10, _hoisted_8)
+                    ], 16, _hoisted_8)
                   ]),
                   _: 2
                 }, 1032, ["items"]);
               }), 128))
-            ])
+            ], 512)
           ])
         ]),
         _: 3

package/dist/chunks/{LpTooltip-CIwoRCag.js → LpTooltip-D1hbjQWG.js}

@@ -5,25 +5,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTooltip",
   props: {
     content: {},
-    sideOffset: {}
+    sideOffset: {},
+    side: { default: "top" },
+    label: { type: Boolean },
+    delay: { default: 200 },
+    showOnPointerFocus: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipProvider), { "delay-duration": 200 }, {
+      return openBlock(), createBlock(unref(TooltipProvider), { "delay-duration": __props.delay }, {
         default: withCtx(() => [
-          createVNode(unref(TooltipRoot), null, {
+          createVNode(unref(TooltipRoot), {
+            "ignore-non-keyboard-focus": !__props.showOnPointerFocus
+          }, {
             default: withCtx(() => [
-              createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+              createVNode(unref(TooltipTrigger), {
+                "as-child": "",
+                "aria-label": __props.label ? __props.content : void 0
+              }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
-              }),
+              }, 8, ["aria-label"]),
               createVNode(unref(TooltipPortal), null, {
                 default: withCtx(() => [
                   createVNode(unref(TooltipContent), {
+                    side: __props.side,
                     "side-offset": __props.sideOffset ?? 6,
-                    class: normalizeClass([unref(PANEL_SURFACE), unref(TOOLTIP_ANIM), "z-(--z-tooltip) px-2.5 py-1.5 text-xs text-ink"])
+                    class: normalizeClass([
+                      unref(PANEL_SURFACE),
+                      unref(TOOLTIP_ANIM),
+                      "z-(--z-tooltip) max-w-[min(20rem,90vw)] px-2.5 py-1.5 text-xs text-ink"
+                    ])
                   }, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "content", {}, () => [
@@ -31,16 +45,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ])
                     ]),
                     _: 3
-                  }, 8, ["side-offset", "class"])
+                  }, 8, ["side", "side-offset", "class"])
                 ]),
                 _: 3
               })
             ]),
             _: 3
-          })
+          }, 8, ["ignore-non-keyboard-focus"])
         ]),
         _: 3
-      });
+      }, 8, ["delay-duration"]);
     };
   }
 });

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCommandPalette.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-D8xyKXcF.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpCommandPalette-CEY-pajO.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpDrawer.vue.js

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

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpLogViewer.vue.js

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

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

@@ -15,16 +15,26 @@ type __VLS_Props = {
      * regions (e.g. multi-pane catalogues) — the panes scroll, not the modal.
      */
     fillBody?: boolean;
+    /**
+     * Where the keyboard lands when the dialog opens. Default `"auto"` picks
+     * the first meaningful control in the body — a field to type in, or failing
+     * that the primary action — instead of the close button, which is what
+     * happens if the DOM order is left to decide.
+     *
+     * `"none"` leaves reka's own behaviour alone; pass a CSS selector to name
+     * the element yourself.
+     */
+    autoFocus?: "auto" | "none" | string;
 };
-declare var __VLS_35: {}, __VLS_54: {}, __VLS_62: {}, __VLS_64: {};
+declare var __VLS_37: {}, __VLS_56: {}, __VLS_64: {}, __VLS_66: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_35) => any;
+    title?: (props: typeof __VLS_37) => any;
 } & {
-    default?: (props: typeof __VLS_54) => any;
+    default?: (props: typeof __VLS_56) => any;
 } & {
-    default?: (props: typeof __VLS_62) => any;
+    default?: (props: typeof __VLS_64) => any;
 } & {
-    footer?: (props: typeof __VLS_64) => any;
+    footer?: (props: typeof __VLS_66) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;
@@ -32,6 +42,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    autoFocus: "auto" | "none" | string;
 }, {}, {}, {}, 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/LpModal.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-D8xyKXcF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-DKFdzKwV.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-CNAFRgCU.js";
 import { appleModifierLabel } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpShortcutsDialog-B7H-RZLQ.css';const _hoisted_1 = { class: "shortcut-groups" };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpTable.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTable-BBKlNR9j.js";
+import { _ as _sfc_main } from "../chunks/LpTable-DTj52qlg.js";
 export {
   _sfc_main as default
 };

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

@@ -1,6 +1,21 @@
 type __VLS_Props = {
     content?: string;
     sideOffset?: number;
+    /** Which edge to prefer; flips automatically when there is no room. */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The tip names the control rather than describing it — for a trigger with
+     * no visible text of its own. Sets the accessible name instead of only
+     * adding a description.
+     */
+    label?: boolean;
+    /** Milliseconds before the tip appears on hover. */
+    delay?: number;
+    /**
+     * Show on any focus, not just keyboard focus. Off by default: a tip that
+     * pops up after every mouse click on the trigger is noise.
+     */
+    showOnPointerFocus?: boolean;
 };
 declare var __VLS_20: {}, __VLS_34: {};
 type __VLS_Slots = {} & {
@@ -8,7 +23,10 @@ type __VLS_Slots = {} & {
 } & {
     content?: (props: typeof __VLS_34) => 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_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    delay: number;
+    side: "top" | "right" | "bottom" | "left";
+}, {}, {}, {}, 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;

package/dist/components/LpTooltip.vue.js

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

package/dist/composables/useRovingFocus.d.ts

@@ -0,0 +1,49 @@
+import { MaybeRefOrGetter } from 'vue';
+export interface RovingItem {
+    /** Stable identity of the row. */
+    id: string;
+    /**
+     * What typeahead matches against. Omit to opt this row out of typeahead —
+     * a separator, say.
+     */
+    label?: string;
+    disabled?: boolean;
+}
+export interface UseRovingFocusOptions {
+    /**
+     * Which axis the arrows follow. `vertical` (default) uses ↑↓, `horizontal`
+     * uses ←→, `both` accepts either — for a grid whose wrapping the caller
+     * cannot describe here.
+     */
+    orientation?: "vertical" | "horizontal" | "both";
+    /** Wrap around at the ends instead of stopping. Default true. */
+    loop?: boolean;
+    /** Jump to an item by typing its first letters. Default true. */
+    typeahead?: boolean;
+    /** Called when the user activates the current item (Enter or Space). */
+    onActivate?: (id: string) => void;
+    /**
+     * Called when focus should leave the list without activating anything —
+     * Escape. Lets a dialog close, or a filter field take focus back.
+     */
+    onEscape?: () => void;
+}
+export declare function useRovingFocus(items: MaybeRefOrGetter<RovingItem[]>, options?: UseRovingFocusOptions): {
+    activeId: import('vue').Ref<string | undefined, string | undefined>;
+    focus: (id: string | undefined) => void;
+    move: (delta: number) => void;
+    first: () => void;
+    last: () => void;
+    onKeydown: (event: KeyboardEvent) => void;
+    setContainer: (el: HTMLElement | null) => void;
+    containerProps: import('vue').ComputedRef<{
+        ref: (el: unknown) => void;
+        onKeydown: (event: KeyboardEvent) => void;
+    }>;
+    itemProps: (id: string) => {
+        tabindex: number;
+        "data-active": string | undefined;
+        "data-roving-id": string;
+        onFocus: () => void;
+    };
+};