@leavepulse/ui 0.40.1 → 0.41.0

package/dist/assets/{LpCommandPalette-DDGFwOom.css → LpCommandPalette-DyT6aGdW.css}

@@ -5,81 +5,81 @@
  * 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-27071a60] {
+.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-27071a60] {
+.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-27071a60] {
+.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-27071a60] {
+.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-27071a60] {
+.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-27071a60],
-.lp-cmd-pane-leave-active[data-v-27071a60] {
+.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-27071a60],
-.lp-cmd-pane-leave-to[data-v-27071a60] {
+.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-27071a60] {
-  animation: lp-cmd-para-in-27071a60 260ms ease-out both;
+.lp-cmd-para[data-v-19283172] {
+  animation: lp-cmd-para-in-19283172 260ms ease-out both;
 }
-@keyframes lp-cmd-para-in-27071a60 {
+@keyframes lp-cmd-para-in-19283172 {
 from {
     opacity: 0;
     transform: translateY(4px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-27071a60],
-  .lp-cmd-pane-enter-active[data-v-27071a60],
-  .lp-cmd-pane-leave-active[data-v-27071a60] {
+.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-27071a60] {
+.lp-cmd-para[data-v-19283172] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-27071a60] {
+.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-27071a60] {
-  animation: lp-cmd-in-27071a60 140ms ease-out both;
+.lp-cmd-item[data-v-19283172] {
+  animation: lp-cmd-in-19283172 140ms ease-out both;
 }
-@keyframes lp-cmd-in-27071a60 {
+@keyframes lp-cmd-in-19283172 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-27071a60] {
+.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

@@ -3,10 +3,11 @@ import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, Di
 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-DDGFwOom.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" };
@@ -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,10 +484,10 @@ 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(["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]", [__props.glass ? "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                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"]))
@@ -772,7 +774,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27071a60"]]);
+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
+};