@leavepulse/ui 0.43.4 → 0.44.0

package/dist/components/LpCheckbox.vue.js

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

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

@@ -21,6 +21,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     height?: string;
     /** Auto-collapse a leading import/package block (no markers needed). */
     foldImports?: boolean;
+    labels?: Partial<Record<"unlock" | "lock" | "copy" | "copied" | "imports" | "details" | "lines", string>>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     "update:locked": (value: boolean) => any;
@@ -44,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     height?: string;
     /** Auto-collapse a leading import/package block (no markers needed). */
     foldImports?: boolean;
+    labels?: Partial<Record<"unlock" | "lock" | "copy" | "copied" | "imports" | "details" | "lines", string>>;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:locked"?: ((value: boolean) => any) | undefined;

package/dist/components/LpCodeBlock.vue.js

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

package/dist/components/LpColorPicker.vue.js

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

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

@@ -39,7 +39,7 @@ export interface Command {
      * `onSelect` still runs when the mode opens, so a command can both act and
      * drill in.
      */
-    children?: Command[] | ((query: string) => Command[] | Promise<Command[]>);
+    children?: Command[] | ((query: string, signal: AbortSignal) => Command[] | Promise<Command[]>);
     /** Placeholder while inside this command's mode. */
     childPlaceholder?: string;
     /**
@@ -72,7 +72,7 @@ export interface Command {
     onSelect?: () => void;
 }
 /** Footer hints and the mode chip, spelled out so an app can translate them. */
-export interface PaletteLabels {
+export type PaletteLabels = {
     navigate: string;
     select: string;
     close: string;
@@ -95,7 +95,12 @@ export interface PaletteLabels {
      * text is never displayed. Kept so existing `labels` objects still type-check.
      */
     noPreview?: string;
-}
+    /** Accessible name and description of the dialog, read by screen readers only. */
+    title?: string;
+    description?: string;
+    /** The key hint printed beside the box and in the footer. */
+    esc?: string;
+};
 type __VLS_Props = {
     open?: boolean;
     commands: Command[];

package/dist/components/LpCommandPalette.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, useId, shallowRef, useSlots, watch, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
+import { defineComponent, ref, useId, computed, shallowRef, useSlots, watch, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } 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-D8xyKXcF.js";
@@ -7,65 +7,68 @@ import { useGlass } from "../composables/useGlass.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { useModalLayer } from "./modalDepth.js";
+import { useLabels } from "../composables/useLpConfig.js";
 import { parseCommandQuery, rankCommandItems } from "./commandSearch.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-B-0Est4Z.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DCP5g2ik.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 = {
+const _hoisted_4 = { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" };
+const _hoisted_5 = {
   key: 0,
   class: "px-2 py-10 text-center text-sm text-muted"
 };
-const _hoisted_5 = ["aria-labelledby"];
-const _hoisted_6 = ["id"];
-const _hoisted_7 = { class: "min-w-0 flex-1" };
-const _hoisted_8 = { class: "block truncate font-medium" };
-const _hoisted_9 = {
+const _hoisted_6 = ["aria-labelledby"];
+const _hoisted_7 = ["id"];
+const _hoisted_8 = { class: "min-w-0 flex-1" };
+const _hoisted_9 = { class: "block truncate font-medium" };
+const _hoisted_10 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_12 = {
+const _hoisted_13 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_13 = {
+const _hoisted_14 = {
   key: 1,
   class: "shrink-0 text-xs text-muted"
 };
-const _hoisted_14 = {
+const _hoisted_15 = {
   key: 0,
   class: "lp-cmd-pane hidden min-h-0 shrink-0 flex-col border-l border-line md:flex"
 };
-const _hoisted_15 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
-const _hoisted_16 = { class: "min-w-0 text-base font-semibold" };
-const _hoisted_17 = {
+const _hoisted_16 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
+const _hoisted_17 = { class: "min-w-0 text-base font-semibold" };
+const _hoisted_18 = {
   key: 0,
   class: "lp-cmd-para mt-0.5 text-xs text-muted"
 };
-const _hoisted_18 = {
+const _hoisted_19 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_19 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
-const _hoisted_20 = { class: "flex items-center gap-1" };
+const _hoisted_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
 const _hoisted_21 = { class: "flex items-center gap-1" };
-const _hoisted_22 = {
+const _hoisted_22 = { class: "flex items-center gap-1" };
+const _hoisted_23 = {
   key: 0,
   class: "flex items-center gap-1"
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_24 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_25 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_26 = { class: "rounded border border-line px-1 text-[10px]" };
 const STAGGER_MS = 45;
 const STAGGER_MAX = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -93,7 +96,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const frosted = useGlass(() => props.glass);
-    const { claim, release, layer } = useModalLayer();
+    const contentRef = ref(null);
+    const { claim, release, layer } = useModalLayer({ element: () => contentRef.value?.$el });
     const DEFAULT_LABELS = {
       navigate: "navigate",
       select: "select",
@@ -107,9 +111,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       openInNewTab: "Open in new tab",
       copyLink: "Copy link",
       linkCopied: "Link copied",
-      noPreview: "No preview"
+      noPreview: "No preview",
+      title: "Command palette",
+      description: "Search and run a command.",
+      esc: "esc"
     };
-    const text = computed(() => ({ ...DEFAULT_LABELS, ...props.labels }));
+    const text = useLabels("palette", DEFAULT_LABELS, () => props.labels);
     const emit = __emit;
     const query = ref("");
     const listId = `lp-cmd-${useId()}`;
@@ -150,12 +157,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const selectedActions = computed(() => actionsOf(flat.value[selectedIndex.value]));
     function onTab(event) {
-      event.preventDefault();
-      event.stopPropagation();
       if (event.shiftKey) return;
       const c = flat.value[selectedIndex.value];
       const actions = selectedActions.value;
       if (!c || !actions.length) return;
+      event.preventDefault();
+      event.stopPropagation();
       enter({ id: `${c.id}:actions`, label: c.label, icon: c.icon, children: actions });
     }
     function enter(c) {
@@ -194,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function fetcher() {
       const current = mode.value;
       if (current) {
-        return typeof current.children === "function" ? (q) => current.children(q) : null;
+        return typeof current.children === "function" ? current.children : null;
       }
       return props.search ?? null;
     }
@@ -300,8 +307,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         else viewport.scrollTop = 0;
       }
     );
+    const flatIndex = computed(() => new Map(flat.value.map((c, i) => [c, i])));
     function flatIndexOf(c) {
-      return flat.value.indexOf(c);
+      return flatIndex.value.get(c) ?? -1;
     }
     function highlight(value, extra = []) {
       const terms = [...new Set([...local.value.terms, ...extra.map((t) => t.toLowerCase())].filter((t) => t.length >= 2))].sort(
@@ -376,6 +384,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onPaletteKeydown(event) {
       if (event.isComposing) return;
       if (!["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(event.key)) return;
+      const typing = event.target instanceof HTMLInputElement && event.target.value !== "";
+      if (typing && (event.key === "Home" || event.key === "End")) return;
       event.preventDefault();
       event.stopPropagation();
       if (event.key === "ArrowDown") moveDown();
@@ -472,6 +482,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           code: "KeyK",
           ctrl: true,
           allowInInput: true,
+          overLayers: true,
+          repeat: false,
           handler: () => emit("update:open", !props.open)
         }
       ] : []
@@ -489,6 +501,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle({ zIndex: unref(layer).scrim })
               }, null, 8, ["class", "style"]),
               createVNode(unref(DialogContent), {
+                ref_key: "contentRef",
+                ref: contentRef,
                 class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
                 style: normalizeStyle({ zIndex: unref(layer).panel }),
                 "data-pane": paneOpen.value ? "open" : void 0,
@@ -498,15 +512,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(unref(DialogTitle), { class: "sr-only" }, {
-                    default: withCtx(() => [..._cache[4] || (_cache[4] = [
-                      createTextVNode("Command palette", -1)
-                    ])]),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(text).title), 1)
+                    ]),
                     _: 1
                   }),
                   createVNode(unref(DialogDescription), { class: "sr-only" }, {
-                    default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                      createTextVNode("Search and run a command.", -1)
-                    ])]),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(text).description), 1)
+                    ]),
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_1, [
@@ -526,7 +540,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         key: step.id,
                         type: "button",
                         class: "flex shrink-0 items-center gap-1.5 rounded-md bg-brand-soft px-2 py-1 text-xs font-medium text-brand transition-opacity hover:opacity-80",
-                        title: text.value.back,
+                        title: unref(text).back,
                         onClick: ($event) => popTo(i)
                       }, [
                         step.icon ? (openBlock(), createBlock(_sfc_main$1, {
@@ -563,7 +577,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 40, _hoisted_3), [
                       [vModelText, query.value]
                     ]),
-                    _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" }, "esc", -1))
+                    createElementVNode("kbd", _hoisted_4, toDisplayString(unref(text).esc), 1)
                   ]),
                   createElementVNode("div", {
                     class: "flex min-h-0 flex-1",
@@ -576,7 +590,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "content-class": "p-2"
                     }, {
                       default: withCtx(() => [
-                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
+                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(searching) ? unref(text).searching : __props.emptyText), 1)) : createCommentVNode("", true),
                         createElementVNode("div", {
                           id: listId,
                           role: "listbox"
@@ -591,7 +605,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: 0,
                                 id: `${listId}-g${gi}`,
                                 class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
-                              }, toDisplayString(group.name), 9, _hoisted_6)) : createCommentVNode("", true),
+                              }, toDisplayString(group.name), 9, _hoisted_7)) : createCommentVNode("", true),
                               (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
                                 return openBlock(), createBlock(resolveDynamicComponent(c.href ? "a" : "button"), {
                                   id: optionId(flatIndexOf(c)),
@@ -618,24 +632,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                       size: 16,
                                       class: normalizeClass(["shrink-0", { "mt-0.5": c.excerpt }])
                                     }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                                    createElementVNode("span", _hoisted_7, [
-                                      createElementVNode("span", _hoisted_8, [
+                                    createElementVNode("span", _hoisted_8, [
+                                      createElementVNode("span", _hoisted_9, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.label, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `l${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_9, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ]),
-                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_11, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.description, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `d${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
@@ -650,14 +664,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `e${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_13, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ], 4)) : createCommentVNode("", true)
                                     ]),
-                                    c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_13, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
+                                    c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_14, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 2,
                                       name: "lucide:chevron-right",
                                       size: 14,
@@ -667,7 +681,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   _: 2
                                 }, 1064, ["id", "href", "type", "aria-selected", "aria-disabled", "data-cmd-index", "disabled", "class", "onClick", "onPointerenter"]);
                               }), 128))
-                            ], 8, _hoisted_5);
+                            ], 8, _hoisted_6);
                           }), 128))
                         ]),
                         failed.value ? (openBlock(), createElementBlock("div", {
@@ -680,7 +694,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             size: 15,
                             class: "shrink-0"
                           }),
-                          createElementVNode("span", null, toDisplayString(text.value.searchFailed), 1),
+                          createElementVNode("span", null, toDisplayString(unref(text).searchFailed), 1),
                           createElementVNode("button", {
                             type: "button",
                             class: "rounded-md px-1.5 py-0.5 font-medium text-brand outline-none transition-colors hover:bg-brand-soft focus-visible:ring-2 focus-visible:ring-ring",
@@ -688,14 +702,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               refresh();
                               inputRef.value?.focus();
                             })
-                          }, toDisplayString(text.value.retry), 1)
+                          }, toDisplayString(unref(text).retry), 1)
                         ], 2)) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 512),
                     createVNode(Transition, { name: "lp-cmd-pane" }, {
                       default: withCtx(() => [
-                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_14, [
+                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_15, [
                           createVNode(_sfc_main$2, {
                             ref_key: "previewRef",
                             ref: previewRef,
@@ -707,16 +721,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: active.value.id
                               }, [
                                 renderSlot(_ctx.$slots, "preview", { command: active.value }, () => [
-                                  createElementVNode("div", _hoisted_15, [
+                                  createElementVNode("div", _hoisted_16, [
                                     active.value.icon ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 0,
                                       name: active.value.icon,
                                       size: 16,
                                       class: "shrink-0 text-muted"
                                     }, null, 8, ["name"])) : createCommentVNode("", true),
-                                    createElementVNode("h3", _hoisted_16, toDisplayString(active.value.label), 1)
+                                    createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
                                   ]),
-                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(paragraphs.value, (para, i) => {
                                     return openBlock(), createElementBlock("p", {
                                       key: i,
@@ -727,7 +741,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                         return openBlock(), createElementBlock(Fragment, {
                                           key: `p${pi}`
                                         }, [
-                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_18, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_19, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                             createTextVNode(toDisplayString(p.text), 1)
                                           ], 64))
                                         ], 64);
@@ -744,27 +758,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 3
                     })
                   ], 32),
-                  createElementVNode("div", _hoisted_19, [
-                    createElementVNode("span", _hoisted_20, [
-                      _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
-                      _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
-                      createTextVNode(" " + toDisplayString(text.value.navigate), 1)
-                    ]),
+                  createElementVNode("div", _hoisted_20, [
                     createElementVNode("span", _hoisted_21, [
-                      _cache[9] || (_cache[9] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
-                      createTextVNode(" " + toDisplayString(text.value.select), 1)
+                      _cache[4] || (_cache[4] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
+                      _cache[5] || (_cache[5] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).navigate), 1)
+                    ]),
+                    createElementVNode("span", _hoisted_22, [
+                      _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).select), 1)
                     ]),
-                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_22, [
-                      _cache[10] || (_cache[10] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "tab", -1)),
-                      createTextVNode(" " + toDisplayString(text.value.actions), 1)
+                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
+                      _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "tab", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).actions), 1)
                     ])) : createCommentVNode("", true),
-                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
-                      _cache[11] || (_cache[11] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
-                      createTextVNode(" " + toDisplayString(text.value.back), 1)
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                      _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).back), 1)
                     ])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_24, [
-                      _cache[12] || (_cache[12] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc", -1)),
-                      createTextVNode(" " + toDisplayString(text.value.close), 1)
+                    createElementVNode("span", _hoisted_25, [
+                      createElementVNode("kbd", _hoisted_26, toDisplayString(unref(text).esc), 1),
+                      createTextVNode(" " + toDisplayString(unref(text).close), 1)
                     ])
                   ])
                 ]),
@@ -779,7 +793,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-89a89377"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fa6825e"]]);
 export {
   LpCommandPalette as default
 };

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

@@ -1,3 +1,9 @@
+export type ConfirmLabels = {
+    confirm: string;
+    cancel: string;
+    loading: string;
+    failed: string;
+};
 type __VLS_Props = {
     open?: boolean;
     title?: string;
@@ -25,11 +31,20 @@ type __VLS_Props = {
      * The confirm action is in flight: the button disables and swaps to
      * `loadingLabel`, and confirming no longer closes the dialog — the owner
      * closes it once the work settles, so a failure can stay on screen.
+     * Setting it from the `confirm` handler is enough; the dialog waits a tick
+     * for it before deciding to close.
      */
     loading?: boolean;
     loadingLabel?: string;
+    /**
+     * The work behind the confirm button. When given, the dialog runs it,
+     * shows the loading state itself, closes once it resolves and stays open
+     * with the error's message when it rejects.
+     */
+    action?: () => unknown;
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
+    labels?: Partial<ConfirmLabels>;
 };
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {
@@ -45,9 +60,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onConfirm?: (() => any) | undefined;
 }>, {
     glass: boolean;
-    confirmLabel: string;
-    cancelLabel: string;
-    loadingLabel: 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/LpConfirmDialog.vue.js

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

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    /** Frosted glass panel. Follows `provideGlass` when unset. */
+    glass?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    glass: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/LpConfirmHost.vue.js

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

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

@@ -7,7 +7,7 @@ export interface ContextMenuItemDef {
     disabled?: boolean;
     separatorBefore?: boolean;
     onSelect?: () => void;
-    /** Nested submenu. When present, onSelect is ignored. */
+    /** Nested submenu, to any depth. When present, onSelect is ignored. */
     children?: ContextMenuItemDef[];
     /**
      * Renders as a tick-box rather than a plain item, and the menu stays open on
@@ -27,11 +27,9 @@ type __VLS_Props = {
      */
     always?: boolean;
 };
-declare var __VLS_1: {}, __VLS_18: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_16) => 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_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpContextMenu.vue.js

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

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

@@ -1,4 +1,6 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
     /** Selected date "YYYY-MM-DD" (v-model). */
     modelValue?: string;
     placeholder?: string;
@@ -17,10 +19,28 @@ type __VLS_Props = {
     defaultTime?: string;
     /** Label of the button that closes the popover in `time` mode. */
     doneLabel?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<{
+    /** Selected date "YYYY-MM-DD" (v-model). */
+    modelValue?: string;
+    placeholder?: string;
+    min?: string;
+    max?: string;
+    isDisabled?: (iso: string) => boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: "sm" | "md" | "lg";
+    /** Intl format for the displayed date. */
+    format?: Intl.DateTimeFormatOptions;
+    /** Also pick a minute; the model becomes "YYYY-MM-DDTHH:mm". */
+    time?: boolean;
+    /** Time a freshly picked day starts at, "HH:mm". */
+    defaultTime?: string;
+    /** Label of the button that closes the popover in `time` mode. */
+    doneLabel?: string;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
@@ -29,5 +49,3 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     defaultTime: string;
     doneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/LpDatePicker.vue.js

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