@leavepulse/ui 0.41.0 → 0.43.0

package/dist/assets/{LpCommandPalette-DyT6aGdW.css → LpCommandPalette-s_kKuCRf.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-19283172] {
+.lp-cmd-dialog[data-v-10500f32] {
   --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] {
+.lp-cmd-split[data-v-10500f32] {
   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] {
+.lp-cmd-split .lp-cmd-list[data-v-10500f32] {
     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] {
+.lp-cmd-dialog[data-pane="open"][data-v-10500f32] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-19283172] {
+.lp-cmd-pane[data-v-10500f32] {
   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] {
+.lp-cmd-pane-enter-active[data-v-10500f32],
+.lp-cmd-pane-leave-active[data-v-10500f32] {
   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] {
+.lp-cmd-pane-enter-from[data-v-10500f32],
+.lp-cmd-pane-leave-to[data-v-10500f32] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-19283172] {
-  animation: lp-cmd-para-in-19283172 260ms ease-out both;
+.lp-cmd-para[data-v-10500f32] {
+  animation: lp-cmd-para-in-10500f32 260ms ease-out both;
 }
-@keyframes lp-cmd-para-in-19283172 {
+@keyframes lp-cmd-para-in-10500f32 {
 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] {
+.lp-cmd-split[data-v-10500f32],
+  .lp-cmd-pane-enter-active[data-v-10500f32],
+  .lp-cmd-pane-leave-active[data-v-10500f32] {
     transition: none;
 }
-.lp-cmd-para[data-v-19283172] {
+.lp-cmd-para[data-v-10500f32] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-19283172] {
+.lp-cmd-excerpt[data-v-10500f32] {
   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;
+.lp-cmd-item[data-v-10500f32] {
+  animation: lp-cmd-in-10500f32 140ms ease-out both;
 }
-@keyframes lp-cmd-in-19283172 {
+@keyframes lp-cmd-in-10500f32 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-19283172] {
+.lp-cmd-item[data-v-10500f32] {
     animation: none;
 }
 }

package/dist/chunks/{LpAddressInput-CMjaPQVw.js → LpAddressInput-B-Zvxsn7.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-8bja5bWS.js";
+import { _ as _sfc_main$7 } from "./LpModal-Bt0pQCI_.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-Bcv6EhqU.js → LpAppShell-BGQVIY-3.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-DlTn5nXc.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-ClBUwoEz.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-BNAvOR24.js → LpConfirmDialog-Q-bxff8z.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-8bja5bWS.js";
+import { _ as _sfc_main$1 } from "./LpModal-Bt0pQCI_.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",

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

@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
     onBeforeUnmount(release);
     const contentClass = computed(() => {
-      const surface = frosted.value ? "lp-glass-overlay" : "bg-surface-raised";
+      const surface = frosted.value ? layer.value.nested ? "lp-glass-overlay--nested" : "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",
@@ -270,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": unref(frosted) }]),
+            class: normalizeClass(["lp-scrim pointer-events-none fixed inset-0", { "lp-scrim--light": unref(frosted), "lp-scrim--nested": unref(layer).nested }]),
             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]
@@ -311,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": unref(frosted) }])
+                  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), "lp-scrim--nested": unref(layer).nested }])
                 }, null, 8, ["style", "class"]),
                 createVNode(unref(DrawerContent), {
                   class: normalizeClass(contentClass.value),

package/dist/chunks/{LpLightbox-oLqyjOln.js → LpLightbox-2sYVMY-S.js}

@@ -1,8 +1,9 @@
-import { defineComponent, computed, ref, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, createElementVNode, createElementBlock, createCommentVNode, renderSlot, normalizeClass, withModifiers, normalizeStyle, Fragment, renderList } from "vue";
+import { defineComponent, watch, onBeforeUnmount, computed, ref, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, createElementVNode, createElementBlock, createCommentVNode, renderSlot, withModifiers, Fragment, renderList } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { fileNameOf } from "../components/lightbox.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { useModalLayer } from "../components/modalDepth.js";
 const _hoisted_1 = { class: "flex shrink-0 items-center gap-1 p-3 text-sm text-white/70 [--chrome-from:-8px] animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_60ms_both] motion-reduce:animate-none" };
 const _hoisted_2 = {
   key: 0,
@@ -55,6 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { claim, release, layer } = useModalLayer();
+    watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
+    onBeforeUnmount(release);
     const zoom = useZoomPan({ max: props.maxZoom });
     const scale = computed(() => zoom.scale.value);
     const isZoomed = computed(() => zoom.zoomed.value);
@@ -234,9 +238,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "lp-scrim lp-scrim--deep fixed inset-0 z-(--z-lightbox-overlay) data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
+              createVNode(unref(DialogOverlay), {
+                class: normalizeClass(["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]", { "lp-scrim--nested": unref(layer).nested }]),
+                style: normalizeStyle({ zIndex: unref(layer).scrim })
+              }, null, 8, ["class", "style"]),
               createVNode(unref(DialogContent), {
-                class: "fixed inset-0 z-(--z-lightbox) flex flex-col outline-none data-[state=open]:animate-[lightbox-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[lightbox-out_140ms_cubic-bezier(0.4,0,1,1)] motion-reduce:animate-none",
+                class: "fixed inset-0 flex flex-col outline-none data-[state=open]:animate-[lightbox-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[lightbox-out_140ms_cubic-bezier(0.4,0,1,1)] motion-reduce:animate-none",
+                style: normalizeStyle({ zIndex: unref(layer).panel }),
                 onKeydown
               }, {
                 default: withCtx(() => [
@@ -432,7 +440,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 3
-              })
+              }, 8, ["style"])
             ]),
             _: 3
           })

package/dist/chunks/{LpMediaGallery-Cid7PGYx.js → LpMediaGallery-FF-NquIo.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpLightbox-oLqyjOln.js";
+import { _ as _sfc_main$2 } from "./LpLightbox-2sYVMY-S.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

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

@@ -126,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
-                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]"]),
+                class: normalizeClass([{ "lp-scrim--light": unref(frosted), "lp-scrim--nested": unref(layer).nested }, "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", {
@@ -148,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", [unref(frosted) ? "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) ? unref(layer).nested ? "lp-glass-overlay--nested" : "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-w9kfwHqO.js → LpModalNav-YaifHrXC.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-8bja5bWS.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DlTn5nXc.js";
+import { _ as _sfc_main$1 } from "./LpModal-Bt0pQCI_.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-ClBUwoEz.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpSidebar-DlTn5nXc.js → LpSidebar-ClBUwoEz.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-DgaS2s2i.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-BZ6k3hvo.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-CMjaPQVw.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-B-Zvxsn7.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

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