@leavepulse/ui 0.40.0 → 0.41.0

package/dist/assets/LpCommandPalette-DyT6aGdW.css

@@ -0,0 +1,85 @@
+
+/*
+ * Sizes for the split layout. Only the dialog's width animates: the list and
+ * the pane keep fixed widths, and the dialog — overflow hidden — uncovers the
+ * 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-19283172] {
+  --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-19283172] {
+  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-19283172] {
+    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-19283172] {
+    width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
+    min-height: min(76vh, 36rem);
+}
+}
+.lp-cmd-pane[data-v-19283172] {
+  width: var(--lp-cmd-pane);
+}
+/*
+ * 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-19283172],
+.lp-cmd-pane-leave-active[data-v-19283172] {
+  transition:
+    transform 300ms var(--ease-emphasized, ease),
+    opacity 300ms ease;
+}
+.lp-cmd-pane-enter-from[data-v-19283172],
+.lp-cmd-pane-leave-to[data-v-19283172] {
+  opacity: 0;
+  transform: translateX(40%);
+}
+.lp-cmd-para[data-v-19283172] {
+  animation: lp-cmd-para-in-19283172 260ms ease-out both;
+}
+@keyframes lp-cmd-para-in-19283172 {
+from {
+    opacity: 0;
+    transform: translateY(4px);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-cmd-split[data-v-19283172],
+  .lp-cmd-pane-enter-active[data-v-19283172],
+  .lp-cmd-pane-leave-active[data-v-19283172] {
+    transition: none;
+}
+.lp-cmd-para[data-v-19283172] {
+    animation: none;
+}
+}
+.lp-cmd-excerpt[data-v-19283172] {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+/* Each result eases in; honours reduced motion. */
+.lp-cmd-item[data-v-19283172] {
+  animation: lp-cmd-in-19283172 140ms ease-out both;
+}
+@keyframes lp-cmd-in-19283172 {
+from {
+    opacity: 0;
+    transform: translateY(3px);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-cmd-item[data-v-19283172] {
+    animation: none;
+}
+}

package/dist/assets/{LpShortcutsDialog-Cap_ALQM.css → LpShortcutsDialog-C6YoQ8_M.css}

@@ -1,12 +1,12 @@
 
 /* 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-7b1cdfeb] {
+.shortcut-groups[data-v-8af3bafc] {
   display: grid;
   gap: 18px;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 }
-.shortcut-group h3[data-v-7b1cdfeb] {
+.shortcut-group h3[data-v-8af3bafc] {
   margin: 0 0 6px;
   color: var(--color-muted);
   font-size: 0.7rem;
@@ -14,31 +14,31 @@
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
-.shortcut-group dl[data-v-7b1cdfeb] {
+.shortcut-group dl[data-v-8af3bafc] {
   display: flex;
   flex-direction: column;
   gap: 1px;
   margin: 0;
 }
-.shortcut-row[data-v-7b1cdfeb] {
+.shortcut-row[data-v-8af3bafc] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding: 5px 0;
 }
-.shortcut-row dt[data-v-7b1cdfeb] {
+.shortcut-row dt[data-v-8af3bafc] {
   color: var(--color-ink);
   font-size: 0.82rem;
   min-width: 0;
 }
-.shortcut-row dd[data-v-7b1cdfeb] {
+.shortcut-row dd[data-v-8af3bafc] {
   display: flex;
   flex-shrink: 0;
   gap: 3px;
   margin: 0;
 }
-kbd[data-v-7b1cdfeb] {
+kbd[data-v-8af3bafc] {
   display: inline-flex;
   min-width: 20px;
   align-items: center;

package/dist/chunks/{LpAddressInput-H5NdhK6c.js → LpAddressInput-CMjaPQVw.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-9EXWUM9B.js";
-import { _ as _sfc_main$7 } from "./LpModal-EyEdRuqF.js";
+import { _ as _sfc_main$7 } from "./LpModal-8bja5bWS.js";
 import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-BfqSA1ba.js → LpAppShell-Bcv6EhqU.js}

@@ -3,7 +3,7 @@ import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DZ20iBxY.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-DlTn5nXc.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_2 = { class: "relative flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };

package/dist/chunks/{LpConfirmDialog-BBRnMkV4.js → LpConfirmDialog-BNAvOR24.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createElementVNode, normalizeClass } 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$1 } from "./LpModal-EyEdRuqF.js";
+import { _ as _sfc_main$1 } from "./LpModal-8bja5bWS.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     loading: { type: Boolean },
     loadingLabel: { default: "Working…" },
-    glass: { type: Boolean }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open", "confirm", "cancel"],
   setup(__props, { emit: __emit }) {

package/dist/chunks/{LpDrawer-B8vBnCWF.js → LpDrawer-DgaS2s2i.js}

@@ -1,6 +1,7 @@
 import { ref, defineComponent, computed, watch, onBeforeUnmount, useSlots, openBlock, createElementBlock, Fragment, withDirectives, createElementVNode, normalizeStyle, unref, normalizeClass, vShow, toDisplayString, createCommentVNode, renderSlot, createVNode, withCtx, createBlock, createTextVNode } from "vue";
 import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose } from "vaul-vue";
 import { CLOSE_ICON } from "../components/dropdown.js";
+import { useGlass } from "../composables/useGlass.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
@@ -37,11 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     resizable: { type: Boolean },
     minSize: { default: "22rem" },
     maxSize: { default: "96vw" },
-    glass: { type: Boolean, default: false }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const frosted = useGlass(() => props.glass);
     const emit = __emit;
     const dir = computed(() => props.direction ?? props.side ?? "right");
     const isHorizontal = computed(() => dir.value === "left" || dir.value === "right");
@@ -52,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
     onBeforeUnmount(release);
     const contentClass = computed(() => {
-      const surface = props.glass ? "lp-glass-overlay" : "bg-surface-raised";
+      const surface = frosted.value ? "lp-glass-overlay" : "bg-surface-raised";
       const base = `fixed z-(--z-modal) flex flex-col border-line ${surface} shadow-panel outline-none`;
       const map = {
         left: "inset-y-0 left-0 border-r rounded-r-card",
@@ -268,7 +270,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         __props.edgeOpen && isHorizontal.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           withDirectives(createElementVNode("div", {
-            class: normalizeClass(["lp-scrim pointer-events-none fixed inset-0", { "lp-scrim--light": __props.glass }]),
+            class: normalizeClass(["lp-scrim pointer-events-none fixed inset-0", { "lp-scrim--light": unref(frosted) }]),
             style: normalizeStyle({ zIndex: unref(layer).scrim, opacity: peek.value, transition: peeking.value || reducedMotion() ? "none" : "opacity 0.18s ease-out" })
           }, null, 6), [
             [vShow, peeking.value || peek.value > 0]
@@ -309,7 +311,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(DrawerOverlay), {
                   style: normalizeStyle({ zIndex: unref(layer).scrim }),
-                  class: normalizeClass(["lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]", { "lp-scrim--light": __props.glass }])
+                  class: normalizeClass(["lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]", { "lp-scrim--light": unref(frosted) }])
                 }, null, 8, ["style", "class"]),
                 createVNode(unref(DrawerContent), {
                   class: normalizeClass(contentClass.value),

package/dist/chunks/{LpModal-EyEdRuqF.js → LpModal-8bja5bWS.js}

@@ -1,5 +1,6 @@
 import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createElementVNode, mergeProps, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
+import { useGlass } from "../composables/useGlass.js";
 import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
@@ -34,12 +35,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     width: {},
     fillBody: { type: Boolean },
     autoFocus: { default: "auto" },
-    glass: { type: Boolean, default: false }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
   setup(__props) {
     const { claim, release, layer } = useModalLayer();
     const props = __props;
+    const frosted = useGlass(() => props.glass);
     const onInteractOutside = (event) => {
       const target = event.target;
       if (target instanceof Element && target.closest("[data-lp-modal-aside]")) {
@@ -124,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
-                class: normalizeClass([{ "lp-scrim--light": __props.glass }, "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]"]),
+                class: normalizeClass([{ "lp-scrim--light": unref(frosted) }, "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]"]),
                 style: normalizeStyle({ zIndex: unref(layer).scrim })
               }, null, 8, ["class", "style"]),
               createElementVNode("div", {
@@ -146,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       ref_key: "panelRef",
                       ref: panelRef,
-                      class: normalizeClass(["flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [__props.glass ? "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
+                      class: normalizeClass(["flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [unref(frosted) ? "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
                       style: normalizeStyle({ ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} })
                     }, [
                       __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [

package/dist/chunks/{LpModalNav-BrDtP7b_.js → LpModalNav-w9kfwHqO.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } 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$1 } from "./LpModal-EyEdRuqF.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DZ20iBxY.js";
+import { _ as _sfc_main$1 } from "./LpModal-8bja5bWS.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-DlTn5nXc.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     navLabel: { default: "Sections" },
     navSide: { default: "start" },
     fillBody: { type: Boolean },
-    glass: { type: Boolean }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open", "update:modelValue"],
   setup(__props, { emit: __emit }) {

package/dist/chunks/{LpSidebar-DZ20iBxY.js → LpSidebar-DlTn5nXc.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$3 } from "./LpDrawer-B8vBnCWF.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-DgaS2s2i.js";
 import { _ as _sfc_main$1 } from "./LpInput-9EXWUM9B.js";
 import { _ as _sfc_main$2 } from "./LpSidebarNav-llOcs_Fn.js";
 const _hoisted_1 = {

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-H5NdhK6c.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-CMjaPQVw.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-BfqSA1ba.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-Bcv6EhqU.js";
 export {
   _sfc_main as default
 };

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

@@ -162,7 +162,8 @@ type __VLS_Props = {
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent, computed, ref, useId, shallowRef, useSlots, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, withModifiers, normalizeStyle, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
+import { defineComponent, computed, ref, useId, shallowRef, useSlots, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, resolveDynamicComponent, normalizeStyle, 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";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
+import { useGlass } from "../composables/useGlass.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-B5eZBHox.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DyT6aGdW.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" };
@@ -40,7 +41,7 @@ const _hoisted_14 = {
 };
 const _hoisted_15 = {
   key: 0,
-  class: "hidden min-h-0 w-[56%] shrink-0 flex-col border-l border-line md:flex"
+  class: "lp-cmd-pane hidden min-h-0 shrink-0 flex-col border-l border-line md:flex"
 };
 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" };
@@ -89,11 +90,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     groupLimit: { default: 0 },
     layoutFallback: { type: Boolean, default: true },
     previewPane: { type: Boolean, default: false },
-    glass: { type: Boolean, default: false }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open", "select", "run"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const frosted = useGlass(() => props.glass);
     const DEFAULT_LABELS = {
       navigate: "navigate",
       select: "select",
@@ -482,14 +484,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
-                class: normalizeClass([{ "lp-scrim--light": __props.glass }, "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"])
+                class: normalizeClass([{ "lp-scrim--light": unref(frosted) }, "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"])
               }, null, 8, ["class"]),
               createVNode(unref(DialogContent), {
-                class: normalizeClass(["fixed left-1/2 top-[12vh] z-(--z-modal) 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]", [__props.glass ? "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-resizing"]]),
-                style: normalizeStyle({
-                  width: paneOpen.value ? "min(92vw, 64rem)" : "min(92vw, 40rem)",
-                  minHeight: paneOpen.value ? "min(76vh, 36rem)" : "0px"
-                }),
+                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] z-(--z-modal) 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) ? "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                "data-pane": paneOpen.value ? "open" : void 0,
                 onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
                 }, ["prevent"]))
               }, {
@@ -568,7 +567,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createVNode(_sfc_main$2, {
                       ref_key: "scrollRef",
                       ref: scrollRef,
-                      class: "min-h-0 min-w-0 flex-1",
+                      class: "lp-cmd-list min-h-0 min-w-0 flex-1",
                       "content-class": "p-2"
                     }, {
                       default: withCtx(() => [
@@ -765,7 +764,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 3
-              }, 8, ["class", "style"])
+              }, 8, ["class", "data-pane"])
             ]),
             _: 3
           })
@@ -775,7 +774,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79f73da4"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-19283172"]]);
 export {
   LpCommandPalette as default
 };

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

@@ -28,7 +28,7 @@ type __VLS_Props = {
      */
     loading?: boolean;
     loadingLabel?: string;
-    /** Frosted glass panel, passed to LpModal. Off by default. */
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
 declare var __VLS_16: {};
@@ -44,6 +44,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {
+    glass: boolean;
     confirmLabel: string;
     cancelLabel: string;
     loadingLabel: string;

package/dist/components/LpConfirmDialog.vue.js

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

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

@@ -66,7 +66,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -137,7 +138,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 }> & Readonly<{

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-B8vBnCWF.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-DgaS2s2i.js";
 export {
   _sfc_main as default
 };

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

@@ -28,7 +28,8 @@ type __VLS_Props = {
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-EyEdRuqF.js";
+import { _ as _sfc_main } from "../chunks/LpModal-8bja5bWS.js";
 export {
   _sfc_main as default
 };

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

@@ -31,7 +31,7 @@ type __VLS_Props = {
      * column inside the body, and the rail is no longer in the body.
      */
     fillBody?: boolean;
-    /** Frosted glass panel, passed to LpModal. Off by default. */
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
 declare var __VLS_36: {}, __VLS_38: {}, __VLS_41: {};
@@ -50,6 +50,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    glass: boolean;
     mobileBreakpoint: Breakpoint;
     navWidth: string;
     navLabel: string;

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-BrDtP7b_.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-w9kfwHqO.js";
 export {
   _sfc_main as default
 };

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

@@ -1,18 +1,12 @@
-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[];
-}
+import { ShortcutGroup } from '../composables/useHotkeys';
 type __VLS_Props = {
     open?: boolean;
-    groups: ShortcutGroup[];
+    groups?: ShortcutGroup[];
+    /** Also list the bindings mounted right now (`useHotkeys` with `help`). */
+    live?: boolean;
     title?: string;
     description?: string;
-    /** Frosted glass panel, passed to LpModal. Off by default. */
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -22,6 +16,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     title: string;
     open: boolean;
+    glass: boolean;
+    groups: ShortcutGroup[];
+    live: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,20 +1,25 @@
-import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-EyEdRuqF.js";
-import { appleModifierLabel } from "../composables/useHotkeys.js";
+import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-8bja5bWS.js";
+import { mergeShortcutGroups, activeShortcuts, appleModifierLabel } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpShortcutsDialog-Cap_ALQM.css';const _hoisted_1 = { class: "shortcut-groups" };
+import '../assets/LpShortcutsDialog-C6YoQ8_M.css';const _hoisted_1 = { class: "shortcut-groups" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpShortcutsDialog",
   props: {
     open: { type: Boolean, default: false },
-    groups: {},
+    groups: { default: () => [] },
+    live: { type: Boolean, default: false },
     title: { default: "Keyboard shortcuts" },
     description: {},
-    glass: { type: Boolean }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    function keysOf(combo) {
+      return combo.split(/\+(?!$)/);
+    }
+    const shown = computed(() => props.live ? mergeShortcutGroups(props.groups, activeShortcuts.value) : props.groups);
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
@@ -27,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.groups, (group) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(shown.value, (group) => {
               return openBlock(), createElementBlock("section", {
                 key: group.title,
                 class: "shortcut-group"
@@ -41,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createElementVNode("dt", null, toDisplayString(entry.label), 1),
                       createElementVNode("dd", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(entry.combo.split("+"), (key, index) => {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(entry.combo), (key, index) => {
                           return openBlock(), createElementBlock("kbd", {
                             key: `${key}-${index}`
                           }, toDisplayString(unref(appleModifierLabel)(key.trim())), 1);
@@ -59,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b1cdfeb"]]);
+const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8af3bafc"]]);
 export {
   LpShortcutsDialog as default
 };

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-DZ20iBxY.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-DlTn5nXc.js";
 export {
   _sfc_main as default
 };

package/dist/composables/useGlass.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+/** Make `glass` the default for every overlay below the calling component. */
+export declare function provideGlass(enabled?: MaybeRefOrGetter<boolean>): void;
+/**
+ * The glass flag an overlay renders with: its own prop when set, otherwise the
+ * nearest `provideGlass`, otherwise off. The prop must default to `undefined`,
+ * not `false`, or an unset prop could not be told apart from an explicit off.
+ */
+export declare function useGlass(own: () => boolean | undefined): ComputedRef<boolean>;

package/dist/composables/useGlass.js

@@ -0,0 +1,13 @@
+import { inject, computed, toValue, provide } from "vue";
+const GLASS = /* @__PURE__ */ Symbol("lp-glass");
+function provideGlass(enabled = true) {
+  provide(GLASS, enabled);
+}
+function useGlass(own) {
+  const inherited = inject(GLASS, false);
+  return computed(() => own() ?? toValue(inherited));
+}
+export {
+  provideGlass,
+  useGlass
+};