@leavepulse/ui 0.20.9 → 0.22.0

package/dist/assets/{LpCommandPalette-C3LdDNHk.css → LpCommandPalette-CEY-pajO.css}

@@ -1,16 +1,16 @@
 
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-75a17488] {
-  animation: lp-cmd-in-75a17488 140ms ease-out both;
+.lp-cmd-item[data-v-a23a2f5f] {
+  animation: lp-cmd-in-a23a2f5f 140ms ease-out both;
 }
-@keyframes lp-cmd-in-75a17488 {
+@keyframes lp-cmd-in-a23a2f5f {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-75a17488] {
+.lp-cmd-item[data-v-a23a2f5f] {
     animation: none;
 }
 }

package/dist/assets/LpShortcutsDialog-B7H-RZLQ.css

@@ -0,0 +1,55 @@
+
+/* Two columns where there is room: the list is long enough that one column
+   pushes the last group off a laptop screen. */
+.shortcut-groups[data-v-d86b724b] {
+  display: grid;
+  gap: 18px;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+}
+.shortcut-group h3[data-v-d86b724b] {
+  margin: 0 0 6px;
+  color: var(--color-muted);
+  font-size: 0.7rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+.shortcut-group dl[data-v-d86b724b] {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  margin: 0;
+}
+.shortcut-row[data-v-d86b724b] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 5px 0;
+}
+.shortcut-row dt[data-v-d86b724b] {
+  color: var(--color-ink);
+  font-size: 0.82rem;
+  min-width: 0;
+}
+.shortcut-row dd[data-v-d86b724b] {
+  display: flex;
+  flex-shrink: 0;
+  gap: 3px;
+  margin: 0;
+}
+kbd[data-v-d86b724b] {
+  display: inline-flex;
+  min-width: 20px;
+  align-items: center;
+  justify-content: center;
+  padding: 2px 6px;
+  border: 1px solid var(--color-line-strong);
+  border-bottom-width: 2px;
+  border-radius: 5px;
+  background: color-mix(in srgb, var(--color-ink) 6%, transparent);
+  color: var(--color-muted-strong);
+  font-family: inherit;
+  font-size: 0.7rem;
+  line-height: 1.5;
+}

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/chunks/_plugin-vue_export-helper-1tPrXgE0.js

@@ -0,0 +1,10 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export {
+  _export_sfc as _
+};

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpShortcutsDialog", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];

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,8 +1,10 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
+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 '../assets/LpCommandPalette-C3LdDNHk.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+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" };
 const _hoisted_2 = ["placeholder", "onKeydown"];
 const _hoisted_3 = {
   key: 0,
@@ -149,16 +151,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     );
-    function onHotkey(e) {
-      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
-        e.preventDefault();
-        emit("update:open", !props.open);
-      }
-    }
-    onMounted(() => {
-      if (props.hotkey) window.addEventListener("keydown", onHotkey);
-    });
-    onBeforeUnmount(() => window.removeEventListener("keydown", onHotkey));
+    useHotkeys(
+      () => props.hotkey ? [
+        {
+          key: "k",
+          code: "KeyK",
+          ctrl: true,
+          allowInInput: true,
+          handler: () => emit("update:open", !props.open)
+        }
+      ] : []
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
@@ -297,14 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75a17488"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a23a2f5f"]]);
 export {
   LpCommandPalette as default
 };

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.d.ts

@@ -0,0 +1,25 @@
+export interface ShortcutEntry {
+    /** Rendered one <kbd> per "+"-separated key, so write it the way it reads. */
+    combo: string;
+    label: string;
+}
+export interface ShortcutGroup {
+    title: string;
+    entries: ShortcutEntry[];
+}
+type __VLS_Props = {
+    open?: boolean;
+    groups: ShortcutGroup[];
+    title?: string;
+    description?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    open: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;