@leavepulse/ui 0.77.3 → 0.78.1

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

@@ -16,7 +16,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /**
      * Saves the new state, as LpSwitch's `action`: the box ticks at once and
      * spins while this runs; a failure unticks it and becomes an error toast
-     * (or the `error` event, when the app listens).
+     * (or the `error` event, when the app listens). From the mixed state,
+     * `v-model:indeterminate` gets it back as well.
      */
     action?: (value: boolean) => unknown;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -24,6 +25,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     error: (error: unknown) => any;
     done: (value: boolean) => any;
     "update:modelValue": (value: boolean) => any;
+    "update:indeterminate": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** Contextual palette metadata; false excludes this control. */
     palette?: PaletteControlOptions;
@@ -39,7 +41,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /**
      * Saves the new state, as LpSwitch's `action`: the box ticks at once and
      * spins while this runs; a failure unticks it and becomes an error toast
-     * (or the `error` event, when the app listens).
+     * (or the `error` event, when the app listens). From the mixed state,
+     * `v-model:indeterminate` gets it back as well.
      */
     action?: (value: boolean) => unknown;
 }> & Readonly<{
@@ -47,6 +50,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onError?: ((error: unknown) => any) | undefined;
     onDone?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
 }>, {
     palette: PaletteControlOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/LpCheckbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCheckbox-Cs4SHaHX.js";
+import { _ as _sfc_main } from "../chunks/LpCheckbox-D6RuDW4X.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeBlock-DRC8VbXW.js";
+import { _ as _sfc_main } from "../chunks/LpCodeBlock-DBqy4RLd.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCodeDisplay.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeDisplay-CE9TxCA4.js";
+import { _ as _sfc_main } from "../chunks/LpCodeDisplay-D3BUAhV1.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCollapse.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCollapse-CWS9M_lm.js";
+import { _ as _sfc_main } from "../chunks/LpCollapse-DrAw5DBZ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-1y1QJHZR.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-COHzV68R.js";
 export {
   _sfc_main as default
 };

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

@@ -1,3 +1,4 @@
+import { type OverlayHistoryMode } from "../composables/useOverlayHistory";
 import { type Component } from "vue";
 import { type HighlightPart, type PaletteQuery } from "./commandSearch";
 import { type PaletteMode, type RecentEntry, type RecentItem } from "./commandPalette";
@@ -232,6 +233,12 @@ export type PaletteLabels = Partial<Record<PaletteMode, string>> & {
 };
 type __VLS_Props = {
     open?: boolean;
+    /**
+     * Browser Back closes it, and opening it adds a history entry. Unset
+     * follows `provideOverlayHistory` (off without one); `"reopen"` also opens
+     * it again on Forward; `false` keeps it out of history.
+     */
+    history?: OverlayHistoryMode;
     commands?: Command[];
     /** Include live commands registered by enclosing LpCommandScope components. */
     context?: boolean;
@@ -363,6 +370,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onRun?: ((id: string, command: Command) => any) | undefined;
     onRemember?: ((item: RecentItem, command: Command) => any) | undefined;
 }>, {
+    history: OverlayHistoryMode;
     placeholder: string;
     context: boolean;
     hotkey: boolean;

package/dist/components/LpCommandPalette.vue.js

@@ -1,13 +1,16 @@
 import { defineComponent, computed, h, shallowRef, ref, watch, useId, useSlots, onBeforeUnmount, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, vShow, Transition, renderSlot } from "vue";
+import { useModelOverlayHistory } from "../composables/useOverlayHistory.js";
+import { nodeWindow } from "../composables/realm.js";
+import { clamp } from "../composables/clamp.js";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { usePaletteScope, suppressPaletteDiscovery, mergePaletteCommands } from "../composables/usePaletteCommands.js";
 import { useToast } from "../composables/useToast.js";
-import { _ as _sfc_main$3 } from "../chunks/LpButton-CFb44IjC.js";
+import { _ as _sfc_main$3 } from "../chunks/LpButton-DSHioIfD.js";
 import { _ as _sfc_main$6 } from "../chunks/PalettePreviewBoundary-B0Hhu3Yw.js";
-import { _ as _sfc_main$5 } from "../chunks/LpAvatar-Cg6Az3wz.js";
-import { _ as _sfc_main$1 } from "../chunks/LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "../chunks/LpLoader-DVwkOmt9.js";
-import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-MyEnVB_5.js";
+import { _ as _sfc_main$5 } from "../chunks/LpAvatar-cQVsNk6F.js";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$2 } from "../chunks/LpLoader-Bf1yZwaU.js";
+import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-CqvwfZs2.js";
 import MenuShortcut from "./MenuShortcut.vue.js";
 import { staggerDelay } from "./reveal.js";
 import { usePersisted } from "../composables/usePersisted.js";
@@ -19,13 +22,13 @@ import { hints } from "../composables/useHints.js";
 import { runningHintSystem, HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { useModalLayer } from "./modalDepth.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { parseCommandQuery, searchCommandItems, applyQueryFilters, parsePaletteQuery, highlightParts } from "./commandSearch.js";
-import { PALETTE_MODES, fallbackRows, readRecent, resolveRecentItems, recentVisible, commandHasPreview, matchModePrefix, modeChipLabel, pushRecent, toRecentItem } from "./commandPalette.js";
-import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
+import { parsePaletteQuery, parseCommandQuery, searchCommandItems, applyQueryFilters, highlightParts } from "./commandSearch.js";
+import { PALETTE_MODES, modeChipLabel, fallbackRows, readRecent, resolveRecentItems, recentVisible, commandHasPreview, matchModePrefix, isSafeHref, absoluteHref, commandKey, recentKey, pushRecent, moreRowId, toRecentItem } from "./commandPalette.js";
+import { useView, usePortalTarget, useOutsideGuard, viewWindow } from "../composables/useView.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-DOIZHw-g.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DDJKICKh.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_3 = ["readonly", "aria-label", "aria-expanded", "aria-controls", "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" };
 const _hoisted_5 = {
   key: 0,
@@ -107,6 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandPalette",
   props: {
     open: { type: Boolean },
+    history: { type: [Boolean, String], default: void 0 },
     commands: { default: () => [] },
     context: { type: Boolean, default: true },
     modes: {},
@@ -201,12 +205,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const text = useLabels("palette", DEFAULT_LABELS, () => props.labels);
     const pinnedHeading = computed(() => props.pinnedLabel ?? text.value.pinned);
     const emit = __emit;
+    useModelOverlayHistory({
+      mode: () => props.history,
+      open: () => !!props.open,
+      setOpen: (open) => emit("update:open", open),
+      allowClose: async () => true
+    });
     const query = ref("");
     const listId = `lp-cmd-${useId()}`;
     function optionId(index) {
       return `${listId}-${index}`;
     }
-    const activeId = computed(() => flat.value.length ? optionId(selectedIndex.value) : void 0);
+    const listShown = computed(() => !editing.value && !promptCommand.value && flat.value.length > 0);
+    const activeId = computed(() => listShown.value ? optionId(selectedIndex.value) : void 0);
+    const inputName = computed(
+      () => promptCommand.value?.label ?? (mode.value ? modeChipLabel(mode.value) : text.value.title)
+    );
     const selectedIndex = ref(0);
     const selectedId = ref(null);
     const inputRef = ref(null);
@@ -216,25 +230,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mode = computed(() => trail.value[trail.value.length - 1] ?? null);
     const modeItems = shallowRef([]);
     const { copy } = useClipboard();
+    const view = useView();
+    function linkOf(c) {
+      return c?.href && isSafeHref(c.href) ? c.href : void 0;
+    }
     function actionsOf(c) {
       if (!c || c.disabled || moreOf.has(c)) return [];
       const own = c.actions ?? [];
-      const href = c.href;
+      const href = linkOf(c);
       if (!href) return own;
-      const link = new URL(href, window.location.href).href;
       return [
         ...own,
         {
           id: `${c.id}:open-in-new-tab`,
           label: text.value.openInNewTab,
           icon: "lucide:external-link",
-          onSelect: () => window.open(href, "_blank", "noopener")
+          onSelect: () => viewWindow(view.value).open(href, "_blank", "noopener")
         },
         {
           id: `${c.id}:copy-link`,
           label: text.value.copyLink,
           icon: "lucide:link",
-          onSelect: () => void copy(link, { toast: text.value.linkCopied || false })
+          onSelect: () => void copy(absoluteHref(href, viewWindow(view.value).document.baseURI), { toast: text.value.linkCopied || false })
         }
       ];
     }
@@ -274,9 +291,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           next.push(fresh);
           level = Array.isArray(fresh.children) ? fresh.children : [];
         }
+        const fetcherBefore = mode.value?.children;
         trail.value = next;
-        const last = next[next.length - 1];
-        if (last && Array.isArray(last.children)) modeItems.value = last.children;
+        const children = next[next.length - 1]?.children;
+        if (Array.isArray(children)) modeItems.value = children;
+        else if (children !== fetcherBefore) refresh(true);
       }
     );
     function enter(c, parentQuery = query.value) {
@@ -299,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       select(0);
       refresh();
       void nextTick(() => {
-        const index = state.selectedId ? flat.value.findIndex((c) => c.id === state.selectedId) : -1;
+        const index = state.selectedId ? flat.value.findIndex((c) => rowId(c) === state.selectedId) : -1;
         select(index >= 0 ? index : 0);
       });
       inputRef.value?.focus();
@@ -323,9 +342,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       task.cancel();
     }
     const failed = ref(false);
-    function refresh() {
+    function refresh(keepRows = false) {
       cancel();
-      found.value = [];
+      if (!keepRows) found.value = [];
       failed.value = false;
       const run2 = fetcher();
       if (!run2) return;
@@ -353,7 +372,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fetched = computed(() => {
       if (!found.value.length) return [];
       const seen = new Set(ranked.value.map((c) => c.id));
-      const rows = found.value.filter((c) => !seen.has(c.id)).map((c) => c.group ? c : { ...c, group: props.resultsLabel });
+      const rows = [];
+      for (const c of found.value) {
+        if (seen.has(c.id)) continue;
+        seen.add(c.id);
+        rows.push(c.group ? c : { ...c, group: props.resultsLabel });
+      }
       return applyQueryFilters(rows, parseCommandQuery(query.value));
     });
     const fallbackOf = /* @__PURE__ */ new WeakMap();
@@ -371,10 +395,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const recentPath = /* @__PURE__ */ new WeakMap();
     const syntheticModes = /* @__PURE__ */ new WeakSet();
+    function pathOf(c) {
+      return recentPath.get(c) ?? trail.value.map((step) => step.id);
+    }
+    function historyItem(c) {
+      const path = pathOf(c);
+      return toRecentItem(c, path, !path.length && !rootCommands.value.some((root) => root.id === c.id));
+    }
     function remember(c) {
       if (c.remember === false || trail.value.some((step) => syntheticModes.has(step))) return;
-      const path = recentPath.get(c) ?? trail.value.map((step) => step.id);
-      const item = toRecentItem(c, path);
+      const item = historyItem(c);
       emit("remember", item, c);
       const key = props.recentKey;
       if (!key || props.recent) return;
@@ -395,10 +425,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       const out = [];
       for (const { command, path } of found2) {
+        if (out.length >= props.recentLimit) break;
         if (out.includes(command) || !recentVisible(command, terms, props.recentLabel)) continue;
         recentPath.set(command, path);
         out.push(command);
-        if (out.length >= props.recentLimit) break;
       }
       return out;
     });
@@ -413,16 +443,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     function isPinned(command) {
-      const path = recentPath.get(command) ?? trail.value.map((step) => step.id);
-      return pinList.value.some((item) => typeof item === "string" ? !path.length && item === command.id : item.id === command.id && item.path.join("\0") === path.join("\0"));
+      const key = commandKey(command.id, pathOf(command));
+      return pinList.value.some((item) => recentKey(item) === key);
     }
     function togglePin(command) {
       if (!command || moreOf.has(command) || command.children || trail.value.some((step) => syntheticModes.has(step))) return;
-      const path = recentPath.get(command) ?? trail.value.map((step) => step.id);
-      const next = isPinned(command) ? pinList.value.filter((item) => typeof item === "string" ? item !== command.id : item.id !== command.id || item.path.join("\0") !== path.join("\0")) : pushRecent(pinList.value, toRecentItem(command, path), Infinity);
+      const key = commandKey(command.id, pathOf(command));
+      const next = isPinned(command) ? pinList.value.filter((item) => recentKey(item) !== key) : pushRecent(pinList.value, historyItem(command), Infinity);
       if (props.pinned === void 0) storedPinned.value = next;
       emit("update:pinned", next);
     }
+    function rowId(c) {
+      return commandKey(c.id, recentPath.get(c));
+    }
     const grouped = computed(() => {
       const order = [];
       const map = /* @__PURE__ */ new Map();
@@ -435,9 +468,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       const pinned = pinnedItems.value;
       for (const c of pinned) push(c, pinnedHeading.value);
-      const recent = recentItems.value.filter((c) => !pinned.some((p) => p.id === c.id));
-      for (const c of recent) push(c, props.recentLabel);
-      for (const c of ranked.value) if (!recent.includes(c) && !pinned.some((p) => p.id === c.id)) push(c, c.group ?? "");
+      const shown = new Set(pinned.map(rowId));
+      const recent = recentItems.value.filter((c) => !shown.has(rowId(c)));
+      for (const c of recent) {
+        push(c, props.recentLabel);
+        shown.add(rowId(c));
+      }
+      for (const c of ranked.value) if (!shown.has(rowId(c))) push(c, c.group ?? "");
       for (const c of fetched.value) push(c, c.group ?? "");
       const tail = /* @__PURE__ */ new Map();
       for (const c of fallbacks.value) {
@@ -458,13 +495,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const limit = props.groupLimit;
       if (!limit || items.length <= limit + 1 || expanded.value.has(name)) return items;
       const more = {
-        id: `lp-cmd-more:${name}`,
+        id: moreRowId(name),
         label: text.value.showMore.replace("{count}", String(items.length - limit)),
         icon: "lucide:chevron-down",
         keepOpen: true
       };
       moreOf.set(more, name);
-      firstHidden.set(more, items[limit].id);
+      firstHidden.set(more, rowId(items[limit]));
       return [...items.slice(0, limit), more];
     }
     const flat = computed(() => grouped.value.flatMap((g) => g.items));
@@ -556,15 +593,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     watch([query, trail, () => props.open], () => {
       expanded.value = /* @__PURE__ */ new Set();
+      keyboardSelection.value = true;
     });
     watch(
-      () => flat.value.map((c) => c.id).join("|"),
+      () => flat.value.map(rowId).join("|"),
       () => {
-        const index = selectedId.value ? flat.value.findIndex((c) => c.id === selectedId.value) : -1;
+        const index = selectedId.value ? flat.value.findIndex((c) => rowId(c) === selectedId.value) : -1;
+        keyboardSelection.value = true;
         select(index >= 0 ? index : 0);
       }
     );
-    watch([selectedIndex, () => flat.value.map((c) => c.id).join("|")], async () => {
+    watch([selectedIndex, () => flat.value.map(rowId).join("|")], async () => {
       await nextTick();
       scrollSelectedIntoView();
     });
@@ -577,8 +616,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const keyboardSelection = ref(false);
     function select(index, keyboard = false) {
       const len = flat.value.length;
-      selectedIndex.value = len ? Math.max(0, Math.min(index, len - 1)) : 0;
-      selectedId.value = flat.value[selectedIndex.value]?.id ?? null;
+      selectedIndex.value = len ? clamp(index, 0, len - 1) : 0;
+      const row = flat.value[selectedIndex.value];
+      selectedId.value = row ? rowId(row) : null;
       if (keyboard) keyboardSelection.value = true;
     }
     function moveDown() {
@@ -600,7 +640,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (!["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(event.key)) return;
-      const typing = event.target instanceof HTMLInputElement && event.target.value !== "";
+      const typing = inputRef.value?.value !== "";
       if (typing && (event.key === "Home" || event.key === "End")) return;
       event.preventDefault();
       event.stopPropagation();
@@ -610,8 +650,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else if (event.key === "End") select(flat.value.length - 1, true);
       else movePage(event.key === "PageDown" ? 1 : -1);
     }
-    function onPointerMove() {
+    let hovered = null;
+    function onPointerMove(event) {
+      if (!keyboardSelection.value || !event.movementX && !event.movementY) return;
       keyboardSelection.value = false;
+      if (hovered) select(flatIndexOf(hovered));
     }
     function onCloseAutoFocus(event) {
       if (!afterClose) return;
@@ -633,7 +676,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return !!field;
       };
       if (focus()) return;
-      const observer = new MutationObserver(() => {
+      const observer = new (nodeWindow(root)).MutationObserver(() => {
         if (focus()) {
           observer.disconnect();
           stopEditorFocus = void 0;
@@ -650,29 +693,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => stopEditorFocus?.());
     function onPointerEnter(c) {
+      hovered = c;
       if (!keyboardSelection.value) select(flatIndexOf(c));
     }
+    function onPointerLeave() {
+      hovered = null;
+    }
     function runSelected(event) {
       if (promptCommand.value) {
         void submitPrompt();
         return;
       }
       const c = flat.value[selectedIndex.value];
-      if (c?.href && !c.disabled && (event?.ctrlKey || event?.metaKey)) {
+      if (c && linkOf(c) && !c.disabled && (event?.ctrlKey || event?.metaKey)) {
         openInNewTab(c);
         return;
       }
       run(c);
     }
     function openInNewTab(c) {
-      if (!c.href) return;
-      window.open(c.href, "_blank", "noopener");
+      const href = linkOf(c);
+      if (!href) return;
+      viewWindow(view.value).open(href, "_blank", "noopener");
       emit("run", c.id, c);
       remember(c);
       emit("update:open", false);
     }
     function onRowClick(event, c) {
-      if (c.href && (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0)) return;
+      if (linkOf(c) && (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0)) return;
       event.preventDefault();
       run(c);
     }
@@ -701,7 +749,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (!await execute(c, () => c.onSelect?.())) return;
-      if (!c.onSelect && c.href && !c.children) window.location.assign(c.href);
+      const href = linkOf(c);
+      if (!c.onSelect && href && !c.children) viewWindow(view.value).location.assign(href);
       if (c.children) {
         const carried = query.value;
         enter(c);
@@ -804,7 +853,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         failed.value = false;
         if (o) {
           await nextTick();
-          inputRef.value?.focus();
+          if (props.open) inputRef.value?.focus();
         }
       },
       { immediate: true }
@@ -910,8 +959,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       type: "text",
                       role: "combobox",
                       "aria-autocomplete": "list",
-                      "aria-expanded": "true",
-                      "aria-controls": listId,
+                      "aria-label": inputName.value,
+                      "aria-expanded": listShown.value,
+                      "aria-controls": listShown.value ? listId : void 0,
                       "aria-activedescendant": activeId.value,
                       placeholder: promptCommand.value?.prompt?.placeholder ?? mode.value?.childPlaceholder ?? __props.placeholder,
                       class: "h-12 min-w-0 flex-1 bg-transparent text-sm text-ink outline-none placeholder:text-muted",
@@ -1014,23 +1064,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
                               }, toDisplayString(group.name), 9, _hoisted_13)) : createCommentVNode("", true),
                               (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
-                                return openBlock(), createBlock(resolveDynamicComponent(c.href ? "a" : "button"), {
+                                return openBlock(), createBlock(resolveDynamicComponent(linkOf(c) ? "a" : "button"), {
                                   id: optionId(flatIndexOf(c)),
-                                  key: c.id,
-                                  href: c.disabled ? void 0 : c.href,
-                                  type: c.href ? void 0 : "button",
+                                  key: rowId(c),
+                                  href: c.disabled ? void 0 : linkOf(c),
+                                  type: linkOf(c) ? void 0 : "button",
                                   role: "option",
                                   tabindex: "-1",
                                   "aria-selected": flatIndexOf(c) === selectedIndex.value,
                                   "aria-disabled": c.disabled || void 0,
                                   "data-cmd-index": flatIndexOf(c),
-                                  disabled: c.href ? void 0 : c.disabled,
+                                  disabled: linkOf(c) ? void 0 : c.disabled,
                                   class: normalizeClass(["lp-cmd-item flex w-full gap-3 rounded-inner px-2.5 py-2 text-left text-sm outline-none transition-colors duration-[var(--duration-fast)] disabled:pointer-events-none disabled:opacity-45 aria-disabled:pointer-events-none aria-disabled:opacity-45", [
                                     c.excerpt ? "items-start" : "items-center",
                                     flatIndexOf(c) === selectedIndex.value ? "bg-brand-soft text-brand" : unref(moreOf).has(c) ? "text-muted hover:bg-surface-soft/60" : "text-ink hover:bg-surface-soft/60"
                                   ]]),
                                   onClick: ($event) => onRowClick($event, c),
-                                  onPointerenter: ($event) => onPointerEnter(c)
+                                  onPointerenter: ($event) => onPointerEnter(c),
+                                  onPointerleave: onPointerLeave
                                 }, {
                                   default: withCtx(() => [
                                     imageOf(c) ? (openBlock(), createBlock(_sfc_main$5, {
@@ -1292,7 +1343,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2880ef37"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04518689"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpCommandScope.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCommandScope-CtUhJe8T.js";
+import { _ as _sfc_main } from "../chunks/LpCommandScope-DRUvHiX7.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-BIWjBLmI.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-CwbObVGH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-Bx_IhQDS.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpContextSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextSwitcher-Dwh6dyID.js";
+import { _ as _sfc_main } from "../chunks/LpContextSwitcher-1C1tExdl.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCopyButton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCopyButton-xF7wFVoU.js";
+import { _ as _sfc_main } from "../chunks/LpCopyButton-sAMvWeLP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCountdown.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCountdown-DgeY3cLG.js";
+import { _ as _sfc_main } from "../chunks/LpCountdown-DVl7vXI1.js";
 export {
   _sfc_main as default
 };

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

@@ -39,8 +39,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     size?: "sm" | "md";
     labels?: Partial<DataListLabels>;
 }> & Readonly<{}>, {
-    layout: "auto" | "horizontal" | "stacked";
     size: "sm" | "md";
+    layout: "auto" | "horizontal" | "stacked";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: `label-${string}`]: ((props: {
         item: DataListItem;

package/dist/components/LpDataList.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDataList-Jxyl9H5w.js";
+import { _ as _sfc_main } from "../chunks/LpDataList-CaVfsozH.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import type { CalendarLabels } from "./calendar";
+import type { CalendarLabels, PickerFieldProps } from "./calendar";
 import { type DatePreset } from "./dateRange";
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -11,7 +11,7 @@ export interface DatePickerLabels extends Record<string, string> {
     tomorrow: string;
     inWeek: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<{
+declare const __VLS_export: import("vue").DefineComponent<PickerFieldProps & {
     /** Selected date "YYYY-MM-DD" (v-model). */
     modelValue?: string;
     placeholder?: string;
@@ -25,12 +25,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Tomorrow, In a week); a list replaces it. Off by default.
      */
     presets?: DatePreset[] | boolean;
-    clearable?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    size?: "sm" | "md" | "lg";
-    /** Locale of the shown date and the calendar; defaults to reka's ConfigProvider, then the browser. */
-    locale?: string;
     /** Intl format for the displayed date. */
     format?: Intl.DateTimeFormatOptions;
     /** Also pick a minute; the model becomes "YYYY-MM-DDTHH:mm". */
@@ -47,7 +41,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     blur: (event: FocusEvent) => any;
     "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import("vue").PublicProps, Readonly<PickerFieldProps & {
     /** Selected date "YYYY-MM-DD" (v-model). */
     modelValue?: string;
     placeholder?: string;
@@ -61,12 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Tomorrow, In a week); a list replaces it. Off by default.
      */
     presets?: DatePreset[] | boolean;
-    clearable?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    size?: "sm" | "md" | "lg";
-    /** Locale of the shown date and the calendar; defaults to reka's ConfigProvider, then the browser. */
-    locale?: string;
     /** Intl format for the displayed date. */
     format?: Intl.DateTimeFormatOptions;
     /** Also pick a minute; the model becomes "YYYY-MM-DDTHH:mm". */

package/dist/components/LpDatePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDatePicker-CA0QTfBC.js";
+import { _ as _sfc_main } from "../chunks/LpDatePicker-DwSDY0mt.js";
 export {
   _sfc_main as default
 };