@leavepulse/ui 0.55.0 → 0.57.0

package/dist/chunks/{LpActionBar-CnfFVIwC.js → LpActionBar-C3hkVsFz.js}

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, computed, ref, watch, onBeforeUnmount, openB
 import { useLabels } from "../composables/useLpConfig.js";
 import { useBarStack } from "../components/actionBar.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {

package/dist/chunks/{LpAddressInput-iOJhmRzy.js → LpAddressInput-NUHmplCd.js}

@@ -3,7 +3,7 @@ import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
 import { _ as _sfc_main$2 } from "./LpAutocomplete-C8IgSMsi.js";
-import { _ as _sfc_main$3 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$3 } from "./LpButton-BdfZFNqi.js";
 import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
 import { _ as _sfc_main$4 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$5 } from "./LpInput-D-YGQbEv.js";

package/dist/chunks/{LpAppShell-DcSXik4a.js → LpAppShell-Bl1Ch68N.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-C2oolgwy.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-hZ8D1cVr.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpButton-CKSwC6Mu.js → LpButton-BdfZFNqi.js}

@@ -1,7 +1,8 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createCommentVNode } from "vue";
 import { tv } from "tailwind-variants";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { resolveLink } from "../components/link.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -17,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     to: {},
     href: {},
     type: { default: "button" },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    loading: { type: Boolean }
   },
   setup(__props) {
     const button = tv({
@@ -54,7 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // icon-only square button — equal sides, no horizontal padding
         square: { true: "aspect-square p-0" },
         // soft elevation glow keyed to the variant's colour
-        glow: { true: "" }
+        glow: { true: "" },
+        // busy: the label fades out in place (no width jump) and a spinner sits on top
+        loading: { true: "relative cursor-progress !text-transparent hover:!text-transparent" }
       },
       compoundVariants: [
         { square: true, size: "xs", class: "size-8" },
@@ -91,10 +95,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isNativeButton = computed(() => resolved.value.is === "button");
     function blockDisabled(event) {
-      if (!props.disabled || isNativeButton.value) return;
+      if (!props.loading && (!props.disabled || isNativeButton.value)) return;
       event.preventDefault();
       event.stopImmediatePropagation();
     }
+    const SPINNER_TONE = {
+      solid: "text-ink-inverse",
+      action: "text-ink-inverse",
+      danger: "text-ink-inverse",
+      light: "text-[#0b1210]",
+      muted: "text-muted"
+    };
+    const spinnerTone = computed(() => SPINNER_TONE[props.variant ?? "solid"] ?? "text-ink");
     const linkProps = computed(() => {
       if (isNativeButton.value) return {};
       if (!props.disabled) return resolved.value.props;
@@ -106,7 +118,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         size: props.size,
         block: props.block,
         square: props.square,
-        glow: props.glow
+        glow: props.glow,
+        loading: props.loading
       })
     );
     return (_ctx, _cache) => {
@@ -115,14 +128,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         disabled: isNativeButton.value ? __props.disabled : void 0,
         "aria-disabled": !isNativeButton.value && __props.disabled ? "true" : void 0,
         tabindex: !isNativeButton.value && __props.disabled ? -1 : void 0,
+        "aria-busy": __props.loading ? "true" : void 0,
         class: unref(classes),
         onClickCapture: blockDisabled
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default"),
+          __props.loading ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["pointer-events-none absolute inset-0 flex items-center justify-center animate-[fade-in_var(--duration-fast)_var(--ease-emphasized)] motion-reduce:animate-none", spinnerTone.value]),
+            "aria-hidden": "true"
+          }, [
+            createVNode(_sfc_main$1, {
+              name: "lucide:loader-circle",
+              class: "size-[1.15em] animate-spin motion-reduce:animate-none"
+            })
+          ], 2)) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["type", "disabled", "aria-disabled", "tabindex", "class"]);
+      }, 16, ["type", "disabled", "aria-disabled", "tabindex", "aria-busy", "class"]);
     };
   }
 });

package/dist/chunks/{LpConfirmDialog-Ca-CTlxT.js → LpConfirmDialog-CrbUZgJE.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode, unref, createElementVNode, normalizeClass, nextTick } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };

package/dist/chunks/{LpConfirmHost-BAaSaT2b.js → LpConfirmHost-BgMIV8r9.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-Ca-CTlxT.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-CrbUZgJE.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpDateRangePicker-Drd7EbIz.js → LpDateRangePicker-CxV5jW7p.js}

@@ -1,9 +1,10 @@
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
+import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
+import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, clampRange } from "../components/dateRange.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
@@ -75,17 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function presetFits(preset) {
       return !!clampRange(preset.range(), props.min, props.max);
     }
-    const wide = ref(false);
-    let query;
-    const onQuery = () => {
-      wide.value = !!query?.matches;
-    };
-    onMounted(() => {
-      query = window.matchMedia("(min-width: 640px)");
-      onQuery();
-      query.addEventListener("change", onQuery);
-    });
-    onBeforeUnmount(() => query?.removeEventListener("change", onQuery));
+    const wide = useMediaQuery("(min-width: 640px)");
     const shellSize = {
       sm: "h-(--size-control-sm) text-xs",
       md: "h-(--size-control-md) text-sm",
@@ -175,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "is-disabled": __props.isDisabled,
                       "is-date-unavailable": __props.isDateUnavailable,
                       "maximum-days": __props.maximumDays,
-                      months: wide.value ? 2 : 1,
+                      months: unref(wide) ? 2 : 1,
                       locale: unref(locale),
                       class: "border-0 bg-transparent",
                       "onUpdate:modelValue": pick

package/dist/chunks/{LpDrawer-CBFVD624.js → LpDrawer-D9lLOC0C.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, mergeProps, createBlock, createTextVNode } from "vue";
 import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerTitle, DrawerHandle, DrawerDescription, DrawerClose } from "vaul-vue";
 import { CLOSE_ICON } from "../components/dropdown.js";
+import { prefersReducedMotion } from "../composables/easing.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
@@ -169,9 +170,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let track = null;
     const owner = /* @__PURE__ */ Symbol("edge-pull");
-    function reducedMotion() {
-      return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-    }
     function scrollsWithPull(target) {
       let el = target instanceof Element ? target : null;
       const pullsRight = dir.value === "left";
@@ -246,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 peek.value = 0;
               }, 60)
             );
-          }, reducedMotion() ? 0 : 180)
+          }, prefersReducedMotion() ? 0 : 180)
         );
       } else {
         peek.value = 0;
@@ -287,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const axis = dir.value === "right" ? off : -off;
       return {
         transform: `translateX(${axis}%)`,
-        transition: peeking.value || reducedMotion() ? "none" : "transform 0.18s cubic-bezier(0.32, 0.72, 0, 1)",
+        transition: peeking.value || prefersReducedMotion() ? "none" : "transform 0.18s cubic-bezier(0.32, 0.72, 0, 1)",
         pointerEvents: "none"
       };
     });
@@ -296,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __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), "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" })
+            style: normalizeStyle({ zIndex: unref(layer).scrim, opacity: peek.value, transition: peeking.value || unref(prefersReducedMotion)() ? "none" : "opacity 0.18s ease-out" })
           }, null, 6), [
             [vShow, peeking.value || peek.value > 0]
           ]),

package/dist/chunks/LpHintLayer-CI1oZ9Pd.js

@@ -0,0 +1,154 @@
+import { defineComponent, computed, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createBlock, Teleport, createElementBlock, Fragment, renderList, unref, normalizeStyle, createElementVNode, createVNode, withCtx, createCommentVNode, normalizeClass, toDisplayString, createTextVNode } from "vue";
+import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
+import { hints } from "../composables/useHints.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { PANEL_SURFACE, POPOVER_ANIM } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpButton-BdfZFNqi.js";
+const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];
+const _hoisted_2 = { class: "flex items-center gap-2 font-medium" };
+const _hoisted_3 = { class: "rounded-full bg-brand/15 px-1.5 text-[11px] text-brand" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mt-1.5 text-muted"
+};
+const _hoisted_5 = { class: "mt-3 flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpHintLayer",
+  props: {
+    fresh: {},
+    notes: {},
+    limit: { default: 3 },
+    labels: {}
+  },
+  emits: ["read"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const DEFAULT_LABELS = { gotIt: "Got it", badge: "New" };
+    const labels = useLabels("hintLayer", DEFAULT_LABELS, () => props.labels);
+    const OPEN_DELAY_MS = 350;
+    const shown = computed(() => props.fresh.filter((id) => hints.present(id) && props.notes[id]).slice(0, props.limit));
+    const spots = ref([]);
+    const openId = ref(null);
+    const anchor = shallowRef(null);
+    let frame = 0;
+    let timer;
+    function place() {
+      spots.value = shown.value.flatMap((id) => {
+        const el = hints.element(id);
+        if (!el) return [];
+        const r = el.getBoundingClientRect();
+        return r.width || r.height ? [{ id, x: r.right, y: r.top }] : [];
+      });
+      frame = shown.value.length ? requestAnimationFrame(place) : 0;
+    }
+    watch(
+      shown,
+      (ids) => {
+        if (ids.length && !frame) frame = requestAnimationFrame(place);
+        if (openId.value && !ids.includes(openId.value)) openId.value = null;
+      },
+      { immediate: true }
+    );
+    function reveal(id) {
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        if (!shown.value.includes(id)) return;
+        anchor.value = hints.element(id);
+        openId.value = anchor.value ? id : null;
+      }, OPEN_DELAY_MS);
+    }
+    function read() {
+      const id = openId.value;
+      openId.value = null;
+      if (id) emit("read", id);
+    }
+    let off = [];
+    onMounted(() => {
+      off = [
+        hints.on("hover", (id) => {
+          if (shown.value.includes(id)) reveal(id);
+        }),
+        hints.on("used", (id) => {
+          if (!shown.value.includes(id)) return;
+          clearTimeout(timer);
+          if (openId.value === id) openId.value = null;
+          emit("read", id);
+        })
+      ];
+    });
+    onBeforeUnmount(() => {
+      cancelAnimationFrame(frame);
+      clearTimeout(timer);
+      for (const stop of off) stop();
+    });
+    const note = computed(() => openId.value ? props.notes[openId.value] : void 0);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(spots.value, (spot) => {
+          return openBlock(), createElementBlock("button", {
+            key: spot.id,
+            type: "button",
+            class: "fixed z-(--z-popover) -translate-x-1/2 -translate-y-1/2 rounded-full p-1",
+            style: normalizeStyle({ left: `${spot.x}px`, top: `${spot.y}px` }),
+            "aria-label": `${unref(labels).badge}: ${__props.notes[spot.id]?.title ?? ""}`,
+            onPointerenter: ($event) => reveal(spot.id),
+            onFocus: ($event) => reveal(spot.id),
+            onClick: ($event) => reveal(spot.id)
+          }, [..._cache[1] || (_cache[1] = [
+            createElementVNode("span", { class: "relative flex size-2" }, [
+              createElementVNode("span", { class: "absolute inline-flex size-full animate-ping rounded-full bg-brand opacity-60 motion-reduce:animate-none" }),
+              createElementVNode("span", { class: "relative inline-flex size-2 rounded-full bg-brand ring-2 ring-surface" })
+            ], -1)
+          ])], 44, _hoisted_1);
+        }), 128)),
+        createVNode(unref(PopoverRoot), {
+          open: !!openId.value,
+          "onUpdate:open": _cache[0] || (_cache[0] = (value) => !value && (openId.value = null))
+        }, {
+          default: withCtx(() => [
+            anchor.value ? (openBlock(), createBlock(unref(PopoverAnchor), {
+              key: 0,
+              reference: anchor.value
+            }, null, 8, ["reference"])) : createCommentVNode("", true),
+            createVNode(unref(PopoverPortal), null, {
+              default: withCtx(() => [
+                createVNode(unref(PopoverContent), {
+                  side: "bottom",
+                  "side-offset": 8,
+                  "collision-padding": 8,
+                  class: normalizeClass([unref(PANEL_SURFACE), unref(POPOVER_ANIM), "z-(--z-popover) w-72 rounded-card p-3 text-sm text-ink outline-none"])
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("p", _hoisted_2, [
+                      createElementVNode("span", _hoisted_3, toDisplayString(unref(labels).badge), 1),
+                      createTextVNode(" " + toDisplayString(note.value?.title), 1)
+                    ]),
+                    note.value?.text ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(note.value.text), 1)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_5, [
+                      createVNode(_sfc_main$1, {
+                        size: "sm",
+                        onClick: read
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(labels).gotIt), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpModalNav-aWwc_5CD.js → LpModalNav-DXyAyhQl.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-C2oolgwy.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-hZ8D1cVr.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-wZ3meeim.js → LpNotificationBell-DEL-RoHS.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useModel, getCurrentInstance, ref, onMounted, onBeforeUnmount, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, Transition, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$7 } from "./LpButton-CKSwC6Mu.js";
+import { _ as _sfc_main$7 } from "./LpButton-BdfZFNqi.js";
 import { _ as _sfc_main$5 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-BJbZXC8D.js";
 import { _ as _sfc_main$6 } from "./LpIcon-DYtaid0K.js";

package/dist/chunks/{LpPie-B7ti5qCH.js → LpPie-CXka8Jvx.js}

@@ -7,7 +7,7 @@ import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-z4WPZcZu.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-DB7upf-5.js";
 import { _ as _sfc_main$6 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$3 } from "./LpTooltip-CXVKcOXT.js";
+import { _ as _sfc_main$3 } from "./LpTooltip-suFCM34F.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = {

package/dist/chunks/{LpSidebar-C2oolgwy.js → LpSidebar-hZ8D1cVr.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-CBFVD624.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-D9lLOC0C.js";
 import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
 import { _ as _sfc_main$2 } from "./LpSidebarNav-C9dHu-2b.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpTableOfContents-BUcAfGPQ.js → LpTableOfContents-DYuqkByy.js}

@@ -1,6 +1,7 @@
 import { defineComponent, computed, ref, useId, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle, normalizeClass, createBlock, unref, createCommentVNode, createTextVNode } from "vue";
 import { Motion } from "motion-v";
 import { useLabels } from "../composables/useLpConfig.js";
+import { scrollParent } from "../composables/scroll.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = { class: "mb-2.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
@@ -63,18 +64,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rafId = null;
       safetyTimer = null;
     }
-    function scrollerOf(el) {
-      for (let node = el.parentElement; node; node = node.parentElement) {
-        const { overflowY } = getComputedStyle(node);
-        if (/(auto|scroll|overlay)/.test(overflowY) && node.scrollHeight > node.clientHeight) return node;
-      }
-      return null;
-    }
     function suppressSpyUntilScrollEnds(target) {
       spySuppressed = true;
       if (rafId != null) cancelAnimationFrame(rafId);
       if (safetyTimer != null) clearTimeout(safetyTimer);
-      const scroller = scrollerOf(target);
+      const scroller = scrollParent(target);
       const position = () => scroller ? scroller.scrollTop : window.scrollY;
       let last = position();
       const tick = () => {

package/dist/chunks/{LpTooltip-CXVKcOXT.js → LpTooltip-suFCM34F.js}

@@ -2,6 +2,7 @@ import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, r
 import { injectTooltipProviderContext, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
 import { springStep, springSettled } from "../composables/usePillTransition.js";
 import { PANEL_SURFACE, TOOLTIP_ANIM } from "../components/dropdown.js";
+import { prefersReducedMotion } from "../composables/easing.js";
 import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTooltip",
   props: {
@@ -18,7 +19,6 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
     const props = __props;
     const shared = injectTooltipProviderContext(null);
     const PassThrough = (_, { slots }) => slots.default?.();
-    const reducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
     const target = { x: 0, y: 0 };
     const offset = ref({ x: 0, y: 0 });
     let sx = { value: 0, velocity: 0 };
@@ -52,7 +52,7 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
       const half = props.side === "top" || props.side === "bottom" ? rect.height / 2 : 0;
       const dir = props.side === "bottom" ? -1 : 1;
       target.y = e.clientY - (rect.top + rect.height / 2) + half * dir;
-      if (reducedMotion()) {
+      if (prefersReducedMotion()) {
         offset.value = { x: target.x, y: target.y };
         return;
       }