@leavepulse/ui 0.72.8 → 0.73.4

package/dist/components/LpLightbox.vue.js

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

package/dist/components/LpLoader.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLoader-DVwkOmt9.js";
+import { _ as _sfc_main } from "../chunks/LpLoader-DPTNhqLu.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

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

package/dist/components/LpMapPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMapPicker-DRGgh89B.js";
+import { _ as _sfc_main } from "../chunks/LpMapPicker-DeJRMfFN.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpMediaGallery.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMediaGallery-Bkram-MO.js";
+import { _ as _sfc_main } from "../chunks/LpMediaGallery-B7Km8N9l.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-DQpV2kdn.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-BmxEyqOx.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-3244LUVc.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-u8-ZjRON.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPaletteTheme.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPaletteTheme-DiLYKQiZ.js";
+import { _ as _sfc_main } from "../chunks/LpPaletteTheme-CWAIjBCi.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPasswordInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPasswordInput-BkHKQDhM.js";
+import { _ as _sfc_main } from "../chunks/LpPasswordInput-Ih7Lv43S.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-DrZepi0p.js";
+import { _ as _sfc_main } from "../chunks/LpPie-Idujdb3M.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPipeline.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPipeline-B3aOVOkV.js";
+import { _ as _sfc_main } from "../chunks/LpPipeline-QCZWWB0G.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRepeater.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRepeater-D7ZmnIYd.js";
+import { _ as _sfc_main } from "../chunks/LpRepeater-DghUJ3bc.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpScramble.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScramble-Bn9OoOtC.js";
+import { _ as _sfc_main } from "../chunks/LpScramble-DeT_D36q.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSecretField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSecretField-BbmqM9ye.js";
+import { _ as _sfc_main } from "../chunks/LpSecretField-osKPNdNT.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShift.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpShift-CCq7dofl.js";
+import { _ as _sfc_main } from "../chunks/LpShift-kKUeG9NS.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpSidebarRow.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarRow-BRYhNDSo.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarRow-SjV0Ouhq.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStat.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStat-BVf2UvEc.js";
+import { _ as _sfc_main } from "../chunks/LpStat-DXqKD1h5.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStatus.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStatus-DglxttQ7.js";
+import { _ as _sfc_main } from "../chunks/LpStatus-DfZREVe0.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepMark.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepMark-DpzKVyh8.js";
+import { _ as _sfc_main } from "../chunks/LpStepMark-TaAyuNsH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepper.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepper-DpsocBNJ.js";
+import { _ as _sfc_main } from "../chunks/LpStepper-CKSTFzHE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwap.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwap-C96c0LWh.js";
+import { _ as _sfc_main } from "../chunks/LpSwap-KIS24N8W.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwitch.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwitch-BnXd1llc.js";
+import { _ as _sfc_main } from "../chunks/LpSwitch-DlZHmj-M.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTabFace.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTabFace-DPCwKkH2.js";
+import { _ as _sfc_main } from "../chunks/LpTabFace-JFJLW0kA.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -1,19 +1,19 @@
 import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onMounted, onBeforeUnmount, useId, h, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, Transition, renderSlot, mergeProps, normalizeStyle, TransitionGroup, unref, withModifiers, nextTick } from "vue";
 import { usePaletteScope, suppressPaletteDiscovery, usePaletteCommands } from "../composables/usePaletteCommands.js";
 import { menuPaletteCommands } from "./commandPalette.js";
-import { _ as _sfc_main$1 } from "../chunks/LpDataList-Jxyl9H5w.js";
-import { _ as _sfc_main$9 } from "../chunks/LpCheckbox-Cs4SHaHX.js";
+import { _ as _sfc_main$1 } from "../chunks/LpDataList-CcAA-rD9.js";
+import { _ as _sfc_main$9 } from "../chunks/LpCheckbox-B0kJ-t6T.js";
 import { _ as _sfc_main$8 } from "../chunks/LpContextMenu-rx2tCjwk.js";
 import { _ as _sfc_main$d } from "../chunks/LpEmptyState-EQHiRYhG.js";
-import { _ as _sfc_main$5 } from "../chunks/LpBadge-wUYLN4U9.js";
+import { _ as _sfc_main$5 } from "../chunks/LpBadge-0A6sPks3.js";
 import { _ as _sfc_main$3 } from "../chunks/LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$c } from "../chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$e } from "../chunks/LpPagination-BIIiYHXR.js";
 import { _ as _sfc_main$a } from "../chunks/LpPopover-DmZ3wUtP.js";
 import { _ as _sfc_main$7 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$6 } from "../chunks/LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$4 } from "../chunks/LpShift-CCq7dofl.js";
-import { _ as _sfc_main$b } from "../chunks/LpTableFilter-CiVBpaq0.js";
+import { _ as _sfc_main$4 } from "../chunks/LpShift-kKUeG9NS.js";
+import { _ as _sfc_main$b } from "../chunks/LpTableFilter-47ANnx_a.js";
 import { useKitStorage } from "../composables/usePersisted.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useTableFacets } from "./tableFacets.js";
@@ -23,7 +23,7 @@ import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { compareValues } from "./tableSort.js";
-import { _ as _sfc_main$2 } from "../chunks/LpButton-CFb44IjC.js";
+import { _ as _sfc_main$2 } from "../chunks/LpButton-BgdewXxF.js";
 import { toCsv, downloadFile, fileStem } from "./exportData.js";
 import { summarizeShown, parseTableState, serializeTableState } from "./tableFilter.js";
 import { resolveRowMenu } from "./tableRowMenu.js";

package/dist/components/LpTableFilter.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTableFilter-CiVBpaq0.js";
+import { _ as _sfc_main } from "../chunks/LpTableFilter-47ANnx_a.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTableOfContents.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTableOfContents-CraicEs4.js";
+import { _ as _sfc_main } from "../chunks/LpTableOfContents-BN5zvpnx.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTabs.vue.js

@@ -6,7 +6,7 @@ import { usePillTransition } from "../composables/usePillTransition.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-rx2tCjwk.js";
 import { _ as _sfc_main$3 } from "../chunks/LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$2 } from "../chunks/LpTabFace-DPCwKkH2.js";
+import { _ as _sfc_main$2 } from "../chunks/LpTabFace-JFJLW0kA.js";
 import { pickTab, BOTTOM_BAR, BOTTOM_ITEM, BOTTOM_MARKER } from "./tabs.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpTabs-CDchzoRL.css';const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/LpTagsInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTagsInput-C-mDG648.js";
+import { _ as _sfc_main } from "../chunks/LpTagsInput-CHoiid8u.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTextarea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTextarea-TE-yZv2U.js";
+import { _ as _sfc_main } from "../chunks/LpTextarea-CU7C1pLO.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeStudio.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeStudio-BpORDvH6.js";
+import { _ as _sfc_main } from "../chunks/LpThemeStudio-zyOH3dF2.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BnEn_mvf.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BXJhQYGD.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-IwTXjbbU.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-C1D35SKk.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-B1gIbS0n.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-1OufbBtQ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTour.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTour-BZq-mUMv.js";
+import { _ as _sfc_main } from "../chunks/LpTour-XshJslGg.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTruncate.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTruncate-CflAIwiJ.js";
+import { _ as _sfc_main } from "../chunks/LpTruncate-qgKA-3K3.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpUptimeBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpUptimeBar-DqNvvMBK.js";
+import { _ as _sfc_main } from "../chunks/LpUptimeBar-qhvvmmoI.js";
 export {
   _sfc_main as default
 };

package/dist/components/RevealToggle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/RevealToggle-BEit1n6Z.js";
+import { _ as _sfc_main } from "../chunks/RevealToggle-6MlmohxS.js";
 export {
   _sfc_main as default
 };

package/dist/components/TourCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/TourCard-DNclH3u_.js";
+import { _ as _sfc_main } from "../chunks/TourCard-BuB-i4kv.js";
 export {
   _sfc_main as default
 };

package/dist/composables/scroll.d.ts

@@ -19,4 +19,6 @@ export interface ScrollToElementOptions {
     margin?: number;
 }
 /** Scroll the nearest scroller, and only it, so that `el` is in view. */
+/** The element's own `scroll-margin-top`, the gap it asks to keep above it when scrolled to. */
+export declare function scrollMarginTop(el: Element): number;
 export declare function scrollToElement(el: Element | null | undefined, { block, behavior, margin }?: ScrollToElementOptions): void;

package/dist/composables/scroll.js

@@ -15,6 +15,9 @@ function atScrollEnd(el, slack = 2) {
   if (!box) return true;
   return box.scrollTop + box.clientHeight >= box.scrollHeight - slack;
 }
+function scrollMarginTop(el) {
+  return Number.parseFloat(getComputedStyle(el).scrollMarginTop) || 0;
+}
 function scrollToElement(el, { block = "nearest", behavior = "auto", margin = 0 } = {}) {
   if (!el) return;
   const doc = el.ownerDocument;
@@ -33,6 +36,7 @@ function scrollToElement(el, { block = "nearest", behavior = "auto", margin = 0
 }
 export {
   atScrollEnd,
+  scrollMarginTop,
   scrollParent,
   scrollToElement
 };

package/dist/composables/scrollMemory.d.ts

@@ -0,0 +1 @@
+export declare function useScrollMemory(viewport: () => HTMLElement | null | undefined, path: () => string | undefined, hash: () => string | undefined): void;

package/dist/composables/scrollMemory.js

@@ -0,0 +1,111 @@
+import { watch, nextTick, onMounted, onBeforeUnmount } from "vue";
+import { scrollMarginTop } from "./scroll.js";
+const SETTLE_MS = 1500;
+const DIALOG_WAIT_MS = 2e3;
+const SETTLE_STOP = ["wheel", "touchstart", "keydown", "pointerdown"];
+const positions = /* @__PURE__ */ new Map();
+function addressKey() {
+  return `${location.pathname}${location.search}`;
+}
+function useScrollMemory(viewport, path, hash) {
+  if (typeof window === "undefined") return;
+  let current = addressKey();
+  let shown = path();
+  let travelled = false;
+  let stopHold;
+  let pending = 0;
+  const onPop = () => {
+    travelled = true;
+  };
+  window.addEventListener("popstate", onPop);
+  function anchor(value) {
+    if (!value || value === "#") return null;
+    const id = decodeURIComponent(value.replace(/^#/, ""));
+    return document.getElementById(id);
+  }
+  function reach(value, behavior) {
+    const view = viewport();
+    const target = anchor(value);
+    if (!view || !target || !view.contains(target)) return false;
+    const top = target.getBoundingClientRect().top - view.getBoundingClientRect().top + view.scrollTop - scrollMarginTop(target);
+    view.scrollTo({ top: Math.max(0, top), behavior });
+    return true;
+  }
+  function hold(land) {
+    stopHold?.();
+    const view = viewport();
+    const content = view?.firstElementChild;
+    land();
+    if (!content) return;
+    const watcher = new ResizeObserver(land);
+    const timer = window.setTimeout(() => stop(), SETTLE_MS);
+    const stop = () => {
+      watcher.disconnect();
+      window.clearTimeout(timer);
+      for (const name of SETTLE_STOP) window.removeEventListener(name, stop, true);
+      if (stopHold === stop) stopHold = void 0;
+    };
+    for (const name of SETTLE_STOP) window.addEventListener(name, stop, { capture: true, passive: true });
+    watcher.observe(content);
+    stopHold = stop;
+  }
+  function arrive() {
+    const back = travelled;
+    travelled = false;
+    current = addressKey();
+    shown = path();
+    const view = viewport();
+    if (!view) return;
+    const saved = positions.get(current);
+    if (back && saved !== void 0) {
+      hold(() => view.scrollTo({ top: saved, behavior: "instant" }));
+      return;
+    }
+    if (hash()) {
+      hold(() => {
+        if (!reach(hash(), "instant")) view.scrollTo({ top: 0, behavior: "instant" });
+      });
+      return;
+    }
+    stopHold?.();
+    view.scrollTo({ top: 0, left: 0, behavior: "instant" });
+  }
+  function afterDialogs(run) {
+    const since = performance.now();
+    const mine = ++pending;
+    const tick = () => {
+      if (mine !== pending) return;
+      const locked = document.querySelector('[role="dialog"]') || getComputedStyle(document.body).overflow === "hidden";
+      if (locked && performance.now() - since < DIALOG_WAIT_MS) requestAnimationFrame(tick);
+      else run();
+    };
+    requestAnimationFrame(tick);
+  }
+  watch(
+    path,
+    () => {
+      const view = viewport();
+      if (view) positions.set(current, view.scrollTop);
+      void nextTick(() => requestAnimationFrame(arrive));
+    },
+    { flush: "pre" }
+  );
+  watch(hash, (next, previous) => {
+    if (next === previous) return;
+    if (path() !== shown) return;
+    afterDialogs(() => {
+      travelled = false;
+      if (!reach(next, "smooth")) viewport()?.scrollTo({ top: 0, behavior: "smooth" });
+    });
+  });
+  onMounted(() => {
+    if (hash()) requestAnimationFrame(() => hold(() => void reach(hash(), "instant")));
+  });
+  onBeforeUnmount(() => {
+    stopHold?.();
+    window.removeEventListener("popstate", onPop);
+  });
+}
+export {
+  useScrollMemory
+};

package/dist/composables/useFitScale.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from "vue";
+export declare function useFitScale(box: Ref<HTMLElement | null | undefined>, content: Ref<HTMLElement | null | undefined>, min?: number): {
+    scale: Ref<number, number>;
+    clipped: Ref<boolean, boolean>;
+};

package/dist/composables/useFitScale.js

@@ -0,0 +1,30 @@
+import { ref, onMounted, watch, onBeforeUnmount } from "vue";
+function useFitScale(box, content, min = 0.6) {
+  const scale = ref(1);
+  const clipped = ref(false);
+  let observer;
+  function measure() {
+    const room = box.value?.clientWidth ?? 0;
+    const width = content.value?.scrollWidth ?? 0;
+    if (!room || !width) return;
+    const natural = width / scale.value;
+    const next = Math.max(min, Math.min(1, Math.floor(room / natural * 100) / 100));
+    if (next !== scale.value) scale.value = next;
+    clipped.value = natural * next > room + 0.5;
+  }
+  function observe() {
+    observer?.disconnect();
+    if (typeof ResizeObserver === "undefined") return;
+    observer = new ResizeObserver(measure);
+    if (box.value) observer.observe(box.value);
+    if (content.value) observer.observe(content.value);
+    measure();
+  }
+  onMounted(observe);
+  watch([box, content], observe, { flush: "post" });
+  onBeforeUnmount(() => observer?.disconnect());
+  return { scale, clipped };
+}
+export {
+  useFitScale
+};

package/dist/composables/useShift.d.ts

@@ -32,4 +32,6 @@ export interface UseShift {
     /** Re-measure and ease to the current natural size. Rarely needed by hand. */
     retune: () => void;
 }
+/** Set on the box while it eases its width: where that width will land. */
+export declare const TARGET_WIDTH = "--lp-shift-to-w";
 export declare function useShift(options?: UseShiftOptions): UseShift;

package/dist/composables/useShift.js

@@ -1,5 +1,6 @@
 import { ref, watch, toValue, onBeforeUnmount } from "vue";
 import { prefersReducedMotion } from "./easing.js";
+const TARGET_WIDTH = "--lp-shift-to-w";
 const TWEEN_MS = 160;
 const RETARGET_AFTER_MS = 40;
 function useShift(options = {}) {
@@ -54,6 +55,7 @@ function useShift(options = {}) {
     if (wantsWidth()) node.style.width = "";
     const toHeight = wantsHeight() ? node.offsetHeight : 0;
     const toWidth = wantsWidth() ? node.offsetWidth : 0;
+    const exactWidth = wantsWidth() ? Math.ceil(node.getBoundingClientRect().width) : 0;
     restoreScroll(tops);
     lastHeight = toHeight;
     lastWidth = toWidth;
@@ -67,6 +69,7 @@ function useShift(options = {}) {
     void node.offsetHeight;
     if (movesHeight) node.style.height = `${toHeight}px`;
     if (movesWidth) node.style.width = `${toWidth}px`;
+    if (movesWidth) node.style.setProperty(TARGET_WIDTH, `${exactWidth}px`);
     restoreScroll(tops);
     inFlight = true;
     tweenStart = performance.now();
@@ -78,6 +81,7 @@ function useShift(options = {}) {
       resizing.value = false;
       if (wantsHeight()) node.style.height = "";
       if (wantsWidth()) node.style.width = "";
+      node.style.removeProperty(TARGET_WIDTH);
       lastHeight = node.offsetHeight;
       lastWidth = node.offsetWidth;
     }, wait);
@@ -140,5 +144,6 @@ function useShift(options = {}) {
   return { el, tweening, resizing, retune };
 }
 export {
+  TARGET_WIDTH,
   useShift
 };