@leavepulse/ui 0.20.2 → 0.20.3

package/dist/chunks/{LpAddressInput-CCtskgfZ.js → LpAddressInput-DZxdRaVk.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-g2dGpF7l.js";
+import { _ as _sfc_main$7 } from "./LpModal-DLgOAP4p.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/{LpConfirmDialog-Z9hsfm2D.js → LpConfirmDialog-JEbhyY_y.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-g2dGpF7l.js";
+import { _ as _sfc_main$1 } from "./LpModal-DLgOAP4p.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpModal-g2dGpF7l.js → LpModal-DLgOAP4p.js}

@@ -57,21 +57,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let mo;
     let raf = 0;
     let settleTimer;
+    let lastHeight = 0;
+    let inFlight = false;
     const retune = (el) => {
-      const from = el.offsetHeight;
+      if (inFlight) return;
+      const from = lastHeight;
       el.style.height = "";
       el.style.maxHeight = "none";
       const to = el.offsetHeight;
       el.style.maxHeight = "";
-      if (to === 0 || to === from) return;
+      lastHeight = to;
+      if (to === 0 || from === 0 || to === from) return;
       el.style.height = `${from}px`;
       void el.offsetHeight;
       el.style.height = `${to}px`;
+      inFlight = true;
       resizing.value = true;
       clearTimeout(settleTimer);
       settleTimer = setTimeout(() => {
+        inFlight = false;
         resizing.value = false;
         el.style.height = "";
+        lastHeight = el.offsetHeight;
       }, TWEEN_MS);
     };
     watch(
@@ -85,8 +92,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         clearTimeout(settleTimer);
         tweening.value = false;
         resizing.value = false;
+        lastHeight = 0;
+        inFlight = false;
         const el = panelRef.value?.$el;
         if (!isOpen || !(el instanceof HTMLElement)) return;
+        lastHeight = el.offsetHeight;
         el.style.height = `${el.offsetHeight}px`;
         raf = requestAnimationFrame(() => {
           tweening.value = true;

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpModal.vue.js

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

package/dist/index.js

@@ -1,5 +1,5 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-CCtskgfZ.js";
+import { _ as _2 } from "./chunks/LpAddressInput-DZxdRaVk.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";
@@ -14,7 +14,7 @@ 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-Z9hsfm2D.js";
+import { _ as _15 } from "./chunks/LpConfirmDialog-JEbhyY_y.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";
@@ -32,7 +32,7 @@ import { _ as _28 } from "./chunks/LpLightbox-CzhFe9wZ.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _29 } from "./chunks/LpLink-DHwOEp4e.js";
 import { _ as _30 } from "./chunks/LpLogViewer-tmKPNTuU.js";
-import { _ as _31 } from "./chunks/LpModal-g2dGpF7l.js";
+import { _ as _31 } from "./chunks/LpModal-DLgOAP4p.js";
 import { _ as _32 } from "./chunks/LpNotificationBell-DHze8wYN.js";
 import { _ as _33 } from "./chunks/LpNumberField-C5ar-OwE.js";
 import { _ as _34 } from "./chunks/LpOtpInput-DqaT0Z75.js";

package/package.json

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

package/src/components/LpModal.vue

@@ -99,6 +99,10 @@ let ro: ResizeObserver | undefined
 let mo: MutationObserver | undefined
 let raf = 0
 let settleTimer: ReturnType<typeof setTimeout> | undefined
+/** Where the panel last settled, so a retune has a height to ease FROM. */
+let lastHeight = 0
+/** True while a tween owns the height, so observers don't cancel it midway. */
+let inFlight = false
 
 // The height is driven imperatively rather than through a style binding. By the
 // time replacement content is in the DOM the panel has already reflowed to its
@@ -106,7 +110,12 @@ let settleTimer: ReturnType<typeof setTimeout> | undefined
 // height for the transition to start from. Writing the OLD height, forcing a
 // reflow, then writing the new one gives the transition both ends.
 const retune = (el: HTMLElement) => {
-  const from = el.offsetHeight
+  // One swap wakes both observers — the mutation as content lands, the resize as
+  // it reflows — and the second call would clear the pin the first just wrote.
+  if (inFlight) return
+  // Remembered, not measured: by the time either observer fires the panel has
+  // already reflowed, so the element can only report where it is going.
+  const from = lastHeight
   el.style.height = ""
   // `max-h` comes from a class, so the panel already reports the clipped figure
   // once the cap bites. Pinning that would leave a short panel sitting over
@@ -115,24 +124,30 @@ const retune = (el: HTMLElement) => {
   el.style.maxHeight = "none"
   const to = el.offsetHeight
   el.style.maxHeight = ""
+  lastHeight = to
   // Nothing moved, so there is nothing to ease — and leaving the height unset
   // keeps the panel free to size itself.
-  if (to === 0 || to === from) return
+  if (to === 0 || from === 0 || to === from) return
   el.style.height = `${from}px`
   void el.offsetHeight
   el.style.height = `${to}px`
 
+  inFlight = true
   // While the panel is still catching up, the body is shorter than the content
   // it already holds, so the scroll area would flash a bar for an overflow that
   // resolves itself the moment the transition lands.
   resizing.value = true
   clearTimeout(settleTimer)
   settleTimer = setTimeout(() => {
+    inFlight = false
     resizing.value = false
     // Released once the panel has arrived. A height left pinned in pixels stops
     // being a starting point and becomes a cap: content that grows afterwards
     // is clipped, and `max-h` can no longer size the panel itself.
     el.style.height = ""
+    // Re-read rather than trusting `to`: `max-h` may have clamped the panel
+    // short of it, and the next tween has to start from where it really sits.
+    lastHeight = el.offsetHeight
   }, TWEEN_MS)
 }
 
@@ -150,9 +165,13 @@ watch(
     tweening.value = false
     resizing.value = false
 
+    lastHeight = 0
+    inFlight = false
+
     const el = panelRef.value?.$el
     if (!isOpen || !(el instanceof HTMLElement)) return
 
+    lastHeight = el.offsetHeight
     el.style.height = `${el.offsetHeight}px`
     // The opening panel must not animate its height in from the pre-content box,
     // so the transition only arms once that first pin has painted. The pin is