@leavepulse/ui 0.73.4 → 0.73.6

package/dist/assets/{LpCommandPalette-Rtbg669l.css → LpCommandPalette-DOIZHw-g.css}

@@ -5,34 +5,34 @@
  * pane from its right edge as it grows. Animating the columns themselves made
  * every line of the list and the pane re-wrap on every frame.
  */
-.lp-cmd-dialog[data-v-8d42f8db] {
+.lp-cmd-dialog[data-v-2880ef37] {
   --lp-cmd-list: min(92vw, 40rem);
   --lp-cmd-pane: max(0px, min(26rem, 96vw - var(--lp-cmd-list)));
   width: var(--lp-cmd-list);
 }
-.lp-cmd-split[data-v-8d42f8db] {
+.lp-cmd-split[data-v-2880ef37] {
   transition:
     width 300ms var(--ease-emphasized, ease),
     min-height 300ms var(--ease-emphasized, ease);
 }
 @media (min-width: 768px) {
-.lp-cmd-split .lp-cmd-list[data-v-8d42f8db] {
+.lp-cmd-split .lp-cmd-list[data-v-2880ef37] {
     flex: 0 0 auto;
     /* the dialog's 1px border on each side */
     width: calc(var(--lp-cmd-list) - 2px);
 }
-.lp-cmd-dialog[data-pane="open"][data-v-8d42f8db] {
+.lp-cmd-dialog[data-pane="open"][data-v-2880ef37] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-8d42f8db] {
+.lp-cmd-pane[data-v-2880ef37] {
   width: var(--lp-cmd-pane);
 }
-.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-8d42f8db] {
+.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-2880ef37] {
   width: 100%;
 }
-.lp-cmd-dialog[data-editing][data-v-8d42f8db] {
+.lp-cmd-dialog[data-editing][data-v-2880ef37] {
   width: var(--lp-cmd-list);
   min-height: 0;
 }
@@ -40,43 +40,43 @@
  * The pane rides in from the right edge while the dialog opens up to it, and
  * leaves the same way, for as long as the dialog takes to close over it.
  */
-.lp-cmd-pane-enter-active[data-v-8d42f8db],
-.lp-cmd-pane-leave-active[data-v-8d42f8db] {
+.lp-cmd-pane-enter-active[data-v-2880ef37],
+.lp-cmd-pane-leave-active[data-v-2880ef37] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-8d42f8db],
-.lp-cmd-pane-leave-to[data-v-8d42f8db] {
+.lp-cmd-pane-enter-from[data-v-2880ef37],
+.lp-cmd-pane-leave-to[data-v-2880ef37] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-8d42f8db] {
+.lp-cmd-para[data-v-2880ef37] {
   --rise: 4px;
   animation: rise-in 260ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-8d42f8db],
-  .lp-cmd-pane-enter-active[data-v-8d42f8db],
-  .lp-cmd-pane-leave-active[data-v-8d42f8db] {
+.lp-cmd-split[data-v-2880ef37],
+  .lp-cmd-pane-enter-active[data-v-2880ef37],
+  .lp-cmd-pane-leave-active[data-v-2880ef37] {
     transition: none;
 }
-.lp-cmd-para[data-v-8d42f8db] {
+.lp-cmd-para[data-v-2880ef37] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-8d42f8db] {
+.lp-cmd-excerpt[data-v-2880ef37] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-8d42f8db] {
+.lp-cmd-item[data-v-2880ef37] {
   --rise: 3px;
   animation: rise-in 140ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-8d42f8db] {
+.lp-cmd-item[data-v-2880ef37] {
     animation: none;
 }
 }

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

@@ -1,7 +1,7 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    tone?: "info" | "error" | "action" | "muted" | "outline" | "success" | "warning" | "neutral" | "brand" | "danger" | "ok" | "accent" | undefined;
+    tone?: "info" | "error" | "action" | "muted" | "outline" | "success" | "warning" | "accent" | "neutral" | "brand" | "danger" | "ok" | undefined;
     /** `sm` is the one that does not disturb a text-sm line it sits on. */
     size?: "md" | "sm" | "lg" | undefined;
     dot?: boolean;
@@ -12,7 +12,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     remove: () => any;
 }, string, import("vue").PublicProps, Readonly<{
-    tone?: "info" | "error" | "action" | "muted" | "outline" | "success" | "warning" | "neutral" | "brand" | "danger" | "ok" | "accent" | undefined;
+    tone?: "info" | "error" | "action" | "muted" | "outline" | "success" | "warning" | "accent" | "neutral" | "brand" | "danger" | "ok" | undefined;
     /** `sm` is the one that does not disturb a text-sm line it sits on. */
     size?: "md" | "sm" | "lg" | undefined;
     dot?: boolean;

package/dist/components/LpCommandPalette.vue.js

@@ -23,7 +23,7 @@ import { parseCommandQuery, searchCommandItems, applyQueryFilters, parsePaletteQ
 import { PALETTE_MODES, fallbackRows, readRecent, resolveRecentItems, recentVisible, commandHasPreview, matchModePrefix, modeChipLabel, pushRecent, toRecentItem } from "./commandPalette.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-Rtbg669l.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DOIZHw-g.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 = ["readonly", "aria-activedescendant", "placeholder", "onKeydown"];
 const _hoisted_4 = { class: "shrink-0 rounded-small border border-line px-1.5 py-0.5 text-[10px] text-muted" };
@@ -677,6 +677,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       run(c);
     }
     async function run(row) {
+      if (!props.open) return;
       if (!row || row.disabled || executing.value) return;
       const c = fallbackOf.get(row) ?? row;
       const group = moreOf.get(row);
@@ -1291,7 +1292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8d42f8db"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2880ef37"]]);
 export {
   LpCommandPalette as default
 };

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

@@ -42,9 +42,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     disabled: boolean;
     align: "start" | "center" | "end";
+    touch: "hold" | "none";
     side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
-    touch: "hold" | "none";
     openDelay: number;
     closeDelay: number;
     arrow: boolean;

package/dist/composables/useMergedClass.js

@@ -1,8 +1,22 @@
 import { useAttrs, computed, toValue } from "vue";
-import { cn } from "tailwind-variants";
+import { extendTailwindMerge } from "tailwind-merge";
+import { cx } from "tailwind-variants";
+const kitMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      radius: ["control", "card", "pill", "inner", "small"],
+      shadow: ["panel"],
+      ease: ["emphasized", "travel", "settle"]
+    }
+  }
+});
+function merge(...classes) {
+  const joined = cx(...classes);
+  return joined ? kitMerge(joined) : "";
+}
 function useMergedClass(own) {
   const attrs = useAttrs();
-  return computed(() => cn(toValue(own), attrs.class) ?? "");
+  return computed(() => merge(toValue(own), attrs.class));
 }
 function useMergedAttrs(own) {
   const attrs = useAttrs();
@@ -15,7 +29,7 @@ function useMergedAttrs(own) {
   };
 }
 function mergeClass(...classes) {
-  return cn(...classes) ?? "";
+  return merge(...classes);
 }
 export {
   mergeClass,

package/package.json

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

package/src/components/LpCommandPalette.vue

@@ -1250,6 +1250,10 @@ function onRowClick(event: MouseEvent, c: Command) {
 }
 
 async function run(row: Command | undefined) {
+  // A closing palette has already reset to its first rows, where the command
+  // just run sits again as recent: an Enter that lands during the fade ran it
+  // a second time (two snapshots for one pick).
+  if (!props.open) return
   if (!row || row.disabled || executing.value) return
   const c = fallbackOf.get(row) ?? row
   // The highlight stays on the same index, which is now the first row that

package/src/composables/useMergedClass.ts

@@ -1,5 +1,6 @@
 import { computed, useAttrs, type ComputedRef, type MaybeRefOrGetter, toValue } from "vue"
-import { cn } from "tailwind-variants"
+import { extendTailwindMerge } from "tailwind-merge"
+import { cx } from "tailwind-variants"
 
 /*
  * "The class the consumer passed should win."
@@ -23,6 +24,28 @@ import { cn } from "tailwind-variants"
  * the component said nothing about shadows.
  */
 
+/*
+ * tailwind-merge knows Tailwind's own scales only, so the kit's named tokens
+ * (`rounded-card`, `shadow-panel`, `ease-emphasized`) looked like unrelated
+ * classes to it: `class="rounded-card"` on a box that rounds itself
+ * `rounded-control` kept both, and stylesheet order picked the control radius.
+ * Named here from tokens.css, so a consumer's token wins like any utility.
+ */
+const kitMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      radius: ["control", "card", "pill", "inner", "small"],
+      shadow: ["panel"],
+      ease: ["emphasized", "travel", "settle"],
+    },
+  },
+})
+
+function merge(...classes: (string | undefined | null | false)[]): string {
+  const joined = cx(...classes)
+  return joined ? kitMerge(joined) : ""
+}
+
 /**
  * Merges the component's own classes with the `class` attribute the consumer
  * passed, resolving Tailwind conflicts in the consumer's favour.
@@ -43,7 +66,7 @@ export function useMergedClass(
   const attrs = useAttrs()
   // `cn` returns undefined when everything it was given was empty; a class
   // binding is happier with "" than with undefined.
-  return computed(() => cn(toValue(own), attrs.class as string | undefined) ?? "")
+  return computed(() => merge(toValue(own), attrs.class as string | undefined))
 }
 
 /**
@@ -82,5 +105,5 @@ export function useMergedAttrs(own: MaybeRefOrGetter<string | undefined>): {
  * component merging a class onto a child rather than its own root.
  */
 export function mergeClass(...classes: (string | undefined | null | false)[]): string {
-  return cn(...classes) ?? ""
+  return merge(...classes)
 }