@leavepulse/ui 0.20.5 → 0.20.7

package/dist/assets/{LpCommandPalette-Cp6Y-j7g.css → LpCommandPalette-C3LdDNHk.css}

@@ -1,16 +1,16 @@
 
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-7fba2dd8] {
-  animation: lp-cmd-in-7fba2dd8 140ms ease-out both;
+.lp-cmd-item[data-v-75a17488] {
+  animation: lp-cmd-in-75a17488 140ms ease-out both;
 }
-@keyframes lp-cmd-in-7fba2dd8 {
+@keyframes lp-cmd-in-75a17488 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-7fba2dd8] {
+.lp-cmd-item[data-v-75a17488] {
     animation: none;
 }
 }

package/dist/chunks/{LpAddressInput-CK6y3xZm.js → LpAddressInput-DaJ97mQ4.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-BauZRyzm.js";
-import { _ as _sfc_main$7 } from "./LpModal-BQvb6ekk.js";
+import { _ as _sfc_main$7 } from "./LpModal-2YEJI45Q.js";
 import { _ as _sfc_main$6 } from "./LpSelect-D5mU4cZO.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };
 const _hoisted_2 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-JWrWjNdC.js → LpAppShell-Ds3WkurD.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createBlock } 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$4 } from "./LpScrollArea-ZnycmmEI.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-CC5759Mh.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-B_UD_yUx.js";
 const _hoisted_1 = { class: "flex h-dvh overflow-hidden bg-surface text-ink" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_3 = { class: "flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };

package/dist/chunks/{LpConfirmDialog-ClefCHIT.js → LpConfirmDialog-Cwqzbfgo.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpModal-BQvb6ekk.js";
+import { _ as _sfc_main$1 } from "./LpModal-2YEJI45Q.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpDrawer-Dr1USsND.js → LpDrawer-DcxlpxJ7.js}

@@ -3,7 +3,7 @@ import { usePointerSwipe } from "@vueuse/core";
 import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose } from "vaul-vue";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
 const _hoisted_2 = { class: "flex flex-col gap-1" };
 const _hoisted_3 = ["data-vaul-no-drag"];
@@ -215,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(unref(DrawerPortal), null, {
               default: withCtx(() => [
-                createVNode(unref(DrawerOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
+                createVNode(unref(DrawerOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
                 createVNode(unref(DrawerContent), {
                   class: normalizeClass(contentClass.value),
                   style: normalizeStyle(sizeStyle.value),

package/dist/chunks/{LpFileTree-DcoePIZq.js → LpFileTree-BGNzXknB.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, F
 import { formatSize, sortNodes, computeStats, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
 import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"

package/dist/chunks/{LpLightbox-CzhFe9wZ.js → LpLightbox-Ci35Y_xP.js}

@@ -210,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-lightbox-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
+              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(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",
                 onKeydown

package/dist/chunks/{LpLogViewer-BDPbnCOU.js → LpLogViewer-DQod8kXW.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createBlock, resolveDynamicComponent, TransitionGroup, mergeProps, renderList, normalizeClass, createTextVNode, Transition } from "vue";
 import { _ as _sfc_main$3 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = { class: "relative overflow-hidden rounded-card border border-line bg-surface font-mono text-xs leading-relaxed" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpModal-BQvb6ekk.js → LpModal-2YEJI45Q.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useSlots, ref, watch, onBeforeUnmount, openB
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = { class: "fixed inset-0 z-(--z-modal) flex items-center justify-center pointer-events-none" };
 const _hoisted_2 = {
   key: 0,
@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
+              createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
               createElementVNode("div", _hoisted_1, [
                 createVNode(unref(DialogContent), mergeProps({
                   ref_key: "panelRef",

package/dist/chunks/{LpNotificationBell-DDzQY0YA.js → LpNotificationBell-D1gdEtuI.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-CrfyRJUG.js";
 import { _ as _sfc_main$5 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-2 px-3 py-2.5" };
 const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = {

package/dist/chunks/{LpScrollArea-ZnycmmEI.js → LpScrollArea-CXy8dkTN.js}

@@ -35,21 +35,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.fade) measureEdges(event.target);
       emit("scroll", event);
     }
-    let edgeObserver;
+    let edgeResize;
+    let edgeMutation;
+    function stopEdgeWatch() {
+      edgeResize?.disconnect();
+      edgeMutation?.disconnect();
+      edgeResize = void 0;
+      edgeMutation = void 0;
+    }
     watch(
       [viewportEl, () => props.fade],
       ([el, enabled]) => {
-        edgeObserver?.disconnect();
-        edgeObserver = void 0;
-        if (!el || !enabled || typeof ResizeObserver === "undefined") return;
-        measureEdges(el);
-        edgeObserver = new ResizeObserver(() => measureEdges(el));
-        edgeObserver.observe(el);
-        for (const child of Array.from(el.children)) edgeObserver.observe(child);
+        stopEdgeWatch();
+        if (!el || !enabled) return;
+        const remeasure = () => measureEdges(el);
+        remeasure();
+        if (typeof ResizeObserver !== "undefined") {
+          edgeResize = new ResizeObserver(remeasure);
+          edgeResize.observe(el);
+          for (const child of Array.from(el.children)) edgeResize.observe(child);
+        }
+        if (typeof MutationObserver !== "undefined") {
+          edgeMutation = new MutationObserver(() => {
+            if (edgeResize) {
+              edgeResize.disconnect();
+              edgeResize.observe(el);
+              for (const child of Array.from(el.children)) edgeResize.observe(child);
+            }
+            remeasure();
+          });
+          edgeMutation.observe(el, { childList: true, subtree: true });
+        }
       },
       { immediate: true, flush: "post" }
     );
-    onBeforeUnmount(() => edgeObserver?.disconnect());
+    onBeforeUnmount(stopEdgeWatch);
     function onThumbPointerDown() {
       dragging.value = true;
       const stop = () => {

package/dist/chunks/{LpSidebar-CC5759Mh.js → LpSidebar-B_UD_yUx.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, createBlock } from "vue";
-import { _ as _sfc_main$2 } from "./LpDrawer-Dr1USsND.js";
-import { _ as _sfc_main$1 } from "./LpSidebarNav-C0LjLp0O.js";
+import { _ as _sfc_main$2 } from "./LpDrawer-DcxlpxJ7.js";
+import { _ as _sfc_main$1 } from "./LpSidebarNav-S1QPTGcg.js";
 const _hoisted_1 = {
   key: 1,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-C0LjLp0O.js → LpSidebarNav-S1QPTGcg.js}

@@ -4,7 +4,7 @@ import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$4 } from "./LpBadge-CXzBPnwO.js";
 import { _ as _sfc_main$2 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex min-h-0 flex-1 flex-col gap-4"

package/dist/chunks/{LpTable-CWS2V4JO.js → LpTable-pZmjnEti.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { _ as _sfc_main$2 } from "./LpCheckbox-BO0zuuPh.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-CXy8dkTN.js";
 const _hoisted_1 = { class: "w-full border-collapse text-sm" };
 const _hoisted_2 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_3 = {

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCommandPalette.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } 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-ZnycmmEI.js";
-import '../assets/LpCommandPalette-Cp6Y-j7g.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-CXy8dkTN.js";
+import '../assets/LpCommandPalette-C3LdDNHk.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["placeholder", "onKeydown"];
 const _hoisted_3 = {
   key: 0,
@@ -167,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
+              createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
               createVNode(unref(DialogContent), {
                 class: "fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] w-[min(92vw,40rem)] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]",
                 onOpenAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {
@@ -304,7 +304,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fba2dd8"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75a17488"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpDrawer.vue.js

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

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-DcoePIZq.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-BGNzXknB.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-CzhFe9wZ.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-Ci35Y_xP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-BDPbnCOU.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-DQod8kXW.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-BQvb6ekk.js";
+import { _ as _sfc_main } from "../chunks/LpModal-2YEJI45Q.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-DDzQY0YA.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-D1gdEtuI.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-ZnycmmEI.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-CXy8dkTN.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-C0LjLp0O.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-S1QPTGcg.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTable-CWS2V4JO.js";
+import { _ as _sfc_main } from "../chunks/LpTable-pZmjnEti.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -1,9 +1,9 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-CK6y3xZm.js";
+import { _ as _2 } from "./chunks/LpAddressInput-DaJ97mQ4.js";
 import { _ as _3 } from "./chunks/LpMapPicker-DFKrd1Ne.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpAlert-BAYHDSS1.js";
-import { _ as _5 } from "./chunks/LpAppShell-JWrWjNdC.js";
+import { _ as _5 } from "./chunks/LpAppShell-Ds3WkurD.js";
 import { _ as _6 } from "./chunks/LpAutocomplete-DIgXmtCA.js";
 import { _ as _7 } from "./chunks/LpAvatar-B1Ez0ZAx.js";
 import { _ as _8 } from "./chunks/LpBadge-CXzBPnwO.js";
@@ -14,26 +14,26 @@ import { _ as _12 } from "./chunks/LpCard-BmrTvWOe.js";
 import { _ as _13 } from "./chunks/LpCheckbox-BO0zuuPh.js";
 import { _ as _14 } from "./chunks/LpCodeBlock-CSiOSPs8.js";
 import { default as default2 } from "./components/LpCommandPalette.vue.js";
-import { _ as _15 } from "./chunks/LpConfirmDialog-ClefCHIT.js";
+import { _ as _15 } from "./chunks/LpConfirmDialog-Cwqzbfgo.js";
 import { _ as _16 } from "./chunks/LpContextMenu-D0mzXqA7.js";
 import { _ as _17 } from "./chunks/LpDatePicker-dY2q4dr4.js";
 import { _ as _18 } from "./chunks/LpDisclosure-DP6yfgfM.js";
 import { _ as _19 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _20 } from "./chunks/LpDrawer-Dr1USsND.js";
+import { _ as _20 } from "./chunks/LpDrawer-DcxlpxJ7.js";
 import { _ as _21 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _22 } from "./chunks/LpEmptyState-CrfyRJUG.js";
-import { _ as _23 } from "./chunks/LpFileTree-DcoePIZq.js";
+import { _ as _23 } from "./chunks/LpFileTree-BGNzXknB.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _24 } from "./chunks/LpFormField-Bn-ZwC6z.js";
 import { _ as _25 } from "./chunks/LpIcon-CCnX5_2j.js";
 import { _ as _26 } from "./chunks/LpInfraNode-C_PHcthC.js";
 import { _ as _27 } from "./chunks/LpInput-BauZRyzm.js";
-import { _ as _28 } from "./chunks/LpLightbox-CzhFe9wZ.js";
+import { _ as _28 } from "./chunks/LpLightbox-Ci35Y_xP.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _29 } from "./chunks/LpLink-DHwOEp4e.js";
-import { _ as _30 } from "./chunks/LpLogViewer-BDPbnCOU.js";
-import { _ as _31 } from "./chunks/LpModal-BQvb6ekk.js";
-import { _ as _32 } from "./chunks/LpNotificationBell-DDzQY0YA.js";
+import { _ as _30 } from "./chunks/LpLogViewer-DQod8kXW.js";
+import { _ as _31 } from "./chunks/LpModal-2YEJI45Q.js";
+import { _ as _32 } from "./chunks/LpNotificationBell-D1gdEtuI.js";
 import { _ as _33 } from "./chunks/LpNumberField-C5ar-OwE.js";
 import { _ as _34 } from "./chunks/LpOtpInput-DqaT0Z75.js";
 import { _ as _35 } from "./chunks/LpPagination-CeGuNe_q.js";
@@ -44,17 +44,17 @@ import { _ as _38 } from "./chunks/LpPopover-8268UmlC.js";
 import { _ as _39 } from "./chunks/LpProgress-BhI0IbjC.js";
 import { _ as _40 } from "./chunks/LpRadio-CL-pI0_O.js";
 import { _ as _41 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
-import { _ as _42 } from "./chunks/LpScrollArea-ZnycmmEI.js";
+import { _ as _42 } from "./chunks/LpScrollArea-CXy8dkTN.js";
 import { _ as _43 } from "./chunks/LpSegmented-BmpanyAo.js";
 import { _ as _44 } from "./chunks/LpSelect-D5mU4cZO.js";
 import { _ as _45 } from "./chunks/LpServiceNode-Dc-Ut5RS.js";
-import { _ as _46 } from "./chunks/LpSidebar-CC5759Mh.js";
+import { _ as _46 } from "./chunks/LpSidebar-B_UD_yUx.js";
 import { _ as _47 } from "./chunks/LpSkeleton-eSFIo4kD.js";
 import { _ as _48 } from "./chunks/LpSlider-B1SF3pRV.js";
 import { _ as _49 } from "./chunks/LpStat-CdbEFOvn.js";
 import { _ as _50 } from "./chunks/LpStepper-5dFTrW21.js";
 import { _ as _51 } from "./chunks/LpSwitch-v6fnccSM.js";
-import { _ as _52 } from "./chunks/LpTable-CWS2V4JO.js";
+import { _ as _52 } from "./chunks/LpTable-pZmjnEti.js";
 import { _ as _53 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
 import { _ as _54 } from "./chunks/LpTabs-D7aTVPOb.js";
 import { _ as _55 } from "./chunks/LpTextarea-CRAkhemZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.20.5",
+  "version": "0.20.7",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpCommandPalette.vue

@@ -212,7 +212,7 @@ onBeforeUnmount(() => window.removeEventListener("keydown", onHotkey))
   <DialogRoot :open="open" @update:open="(v) => emit('update:open', v)">
     <DialogPortal>
       <DialogOverlay
-        class="lp-scrim fixed inset-0 z-(--z-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"
+        class="lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"
       />
       <DialogContent
         class="fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] w-[min(92vw,40rem)] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]"

package/src/components/LpDrawer.vue

@@ -345,7 +345,7 @@ const edgeStripClass = computed(() =>
   >
     <DrawerPortal>
       <DrawerOverlay
-        class="lp-scrim fixed inset-0 z-(--z-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"
+        class="lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"
       />
       <DrawerContent
         :class="contentClass"

package/src/components/LpLightbox.vue

@@ -273,7 +273,7 @@ const ARROW =
       <!-- Sits on the lightbox rung, not the shared modal one: opening this
            from inside a dialog must cover that dialog, not tie with it. -->
       <DialogOverlay
-        class="lp-scrim fixed inset-0 z-(--z-lightbox-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]"
+        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]"
       />
       <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"

package/src/components/LpModal.vue

@@ -219,7 +219,7 @@ onBeforeUnmount(() => {
   <DialogRoot :open="open" @update:open="(v) => $emit('update:open', v)">
     <DialogPortal>
       <DialogOverlay
-        class="lp-scrim fixed inset-0 z-(--z-overlay) backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]"
+        class="lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]"
       />
       <!-- Centred by a full-screen flex wrapper rather than by translating the
            panel off its own centre. With `top:50% / -translate-y-1/2` the panel

package/src/components/LpScrollArea.vue

@@ -101,24 +101,51 @@ function onViewportScroll(event: Event) {
 // that fills in, a panel that resizes, or content short enough to need no fade
 // at all never fire a scroll event. Watched only when `fade` is on, since
 // nothing else here depends on the measurements.
-let edgeObserver: ResizeObserver | undefined
+let edgeResize: ResizeObserver | undefined
+let edgeMutation: MutationObserver | undefined
+
+function stopEdgeWatch() {
+  edgeResize?.disconnect()
+  edgeMutation?.disconnect()
+  edgeResize = undefined
+  edgeMutation = undefined
+}
 
 watch(
   [viewportEl, () => props.fade],
   ([el, enabled]) => {
-    edgeObserver?.disconnect()
-    edgeObserver = undefined
-    if (!el || !enabled || typeof ResizeObserver === "undefined") return
-    measureEdges(el)
-    edgeObserver = new ResizeObserver(() => measureEdges(el))
-    edgeObserver.observe(el)
-    // The content box grows independently of the viewport's own size.
-    for (const child of Array.from(el.children)) edgeObserver.observe(child)
+    stopEdgeWatch()
+    if (!el || !enabled) return
+
+    const remeasure = () => measureEdges(el)
+    remeasure()
+
+    if (typeof ResizeObserver !== "undefined") {
+      edgeResize = new ResizeObserver(remeasure)
+      edgeResize.observe(el)
+      // Watching the children too, since a grid that reflows into more rows
+      // grows the content box without the viewport's own size moving.
+      for (const child of Array.from(el.children)) edgeResize.observe(child)
+    }
+    // Rows arriving after the first paint are the common case — a list waiting
+    // on a query renders empty, and observing only the boxes that existed then
+    // left the fade off until something else happened to trigger a measure.
+    if (typeof MutationObserver !== "undefined") {
+      edgeMutation = new MutationObserver(() => {
+        if (edgeResize) {
+          edgeResize.disconnect()
+          edgeResize.observe(el)
+          for (const child of Array.from(el.children)) edgeResize.observe(child)
+        }
+        remeasure()
+      })
+      edgeMutation.observe(el, { childList: true, subtree: true })
+    }
   },
   { immediate: true, flush: "post" },
 )
 
-onBeforeUnmount(() => edgeObserver?.disconnect())
+onBeforeUnmount(stopEdgeWatch)
 
 function onThumbPointerDown() {
   dragging.value = true

package/src/tokens/tokens.css

@@ -436,14 +436,34 @@
  */
 .lp-scrim {
   background-color: rgb(0 0 0 / var(--scrim-opacity, 0.5));
+  backdrop-filter: blur(var(--scrim-blur, 4px));
+  -webkit-backdrop-filter: blur(var(--scrim-blur, 4px));
 }
 
+/*
+ * The blur lives here rather than on each overlay as a `backdrop-blur-*`
+ * utility: a utility sits outside this rule and the fallback below cannot
+ * unset it, so on WebKitGTK every scrim carried a filter that never painted
+ * while the engines that do paint it disagreed with the token. One owner for
+ * both halves keeps the two cases in step.
+ */
 :root[data-lp-no-backdrop] .lp-scrim {
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
   --scrim-opacity: 0.62;
 }
 
+/*
+ * A lightbox is the one scrim that hides a whole page behind a photo, and it is
+ * usually opened FROM a dialog — so it is the layer the mild shared tint serves
+ * worst: without the blur, the content behind stayed readable around the image.
+ * It gets its own value instead of raising the shared one, which would darken
+ * every stacked pair.
+ */
+:root[data-lp-no-backdrop] .lp-scrim--deep {
+  --scrim-opacity: 0.78;
+}
+
 /* The overlay gradient rides above the base fill but under the content. */
 .lp-skin-panel::before {
   content: "";