@leavepulse/ui 0.38.0 → 0.38.1

package/dist/assets/{LpCommandPalette-C0yStVNy.css → LpCommandPalette-BV6-oPGZ.css}

@@ -1,21 +1,21 @@
 
-.lp-cmd-excerpt[data-v-2a5d3558] {
+.lp-cmd-excerpt[data-v-cc5b91ea] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-2a5d3558] {
-  animation: lp-cmd-in-2a5d3558 140ms ease-out both;
+.lp-cmd-item[data-v-cc5b91ea] {
+  animation: lp-cmd-in-cc5b91ea 140ms ease-out both;
 }
-@keyframes lp-cmd-in-2a5d3558 {
+@keyframes lp-cmd-in-cc5b91ea {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-2a5d3558] {
+.lp-cmd-item[data-v-cc5b91ea] {
     animation: none;
 }
 }

package/dist/components/LpCommandPalette.vue.js

@@ -6,7 +6,7 @@ import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-C0yStVNy.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-BV6-oPGZ.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["title", "onClick"];
 const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
 const _hoisted_4 = { class: "flex min-h-0 flex-1" };
@@ -457,7 +457,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           await nextTick();
           inputRef.value?.focus();
         }
-      }
+      },
+      { immediate: true }
     );
     useHotkeys(
       () => props.hotkey ? [
@@ -754,7 +755,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a5d3558"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc5b91ea"]]);
 export {
   LpCommandPalette as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.38.0",
+  "version": "0.38.1",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpCommandPalette.vue

@@ -780,6 +780,11 @@ function onEscape(event: KeyboardEvent) {
 // into the mode someone left three screens deep is never what they meant by
 // ⌘K, and a pending request from last time is dropped rather than landing in
 // the new list.
+//
+// Immediate, because a palette mounted already open — lazily, on the first
+// ⌘K — never sees `open` change, and reka's own auto-focus is turned off
+// below: without this the first open left focus on the page and the first
+// keystrokes went nowhere.
 watch(
   () => props.open,
   async (o) => {
@@ -795,6 +800,7 @@ watch(
       inputRef.value?.focus()
     }
   },
+  { immediate: true },
 )
 
 // Through useHotkeys rather than a listener of its own: the palette is the one