@leavepulse/ui 0.40.1 → 0.42.0

package/dist/assets/{LpCommandPalette-DDGFwOom.css → LpCommandPalette-Esv0a-gS.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-7bcd1140] {
   --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-7bcd1140] {
   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-7bcd1140] {
     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-7bcd1140] {
     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-7bcd1140] {
   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-7bcd1140],
+.lp-cmd-pane-leave-active[data-v-7bcd1140] {
   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-7bcd1140],
+.lp-cmd-pane-leave-to[data-v-7bcd1140] {
   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-7bcd1140] {
+  animation: lp-cmd-para-in-7bcd1140 260ms ease-out both;
 }
-@keyframes lp-cmd-para-in-27071a60 {
+@keyframes lp-cmd-para-in-7bcd1140 {
 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-7bcd1140],
+  .lp-cmd-pane-enter-active[data-v-7bcd1140],
+  .lp-cmd-pane-leave-active[data-v-7bcd1140] {
     transition: none;
 }
-.lp-cmd-para[data-v-27071a60] {
+.lp-cmd-para[data-v-7bcd1140] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-27071a60] {
+.lp-cmd-excerpt[data-v-7bcd1140] {
   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-7bcd1140] {
+  animation: lp-cmd-in-7bcd1140 140ms ease-out both;
 }
-@keyframes lp-cmd-in-27071a60 {
+@keyframes lp-cmd-in-7bcd1140 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-27071a60] {
+.lp-cmd-item[data-v-7bcd1140] {
     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;
 };