@leavepulse/ui 0.24.1 → 0.25.0

package/dist/chunks/{LpConfirmDialog-CObRah9c.js → LpConfirmDialog-CjOGcj1e.js}

@@ -1,6 +1,8 @@
-import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
+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-D_o-56To.js";
+const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {
@@ -10,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     confirmLabel: { default: "Confirm" },
     cancelLabel: { default: "Cancel" },
     danger: { type: Boolean },
+    icon: {},
     loading: { type: Boolean },
     loadingLabel: { default: "Working…" }
   },
@@ -17,6 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const marker = computed(() => {
+      if (props.icon !== void 0) return props.icon;
+      return props.danger ? "lucide:triangle-alert" : "";
+    });
     function confirm() {
       emit("confirm");
       if (!props.loading) emit("update:open", false);
@@ -31,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         title: __props.title,
         description: __props.description,
         "onUpdate:open": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:open", v))
-      }, {
+      }, createSlots({
         footer: withCtx(() => [
           createVNode(_sfc_main$2, {
             variant: "ghost",
@@ -57,8 +64,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
-        _: 3
-      }, 8, ["open", "title", "description"]);
+        _: 2
+      }, [
+        marker.value ? {
+          name: "title",
+          fn: withCtx(() => [
+            createElementVNode("span", _hoisted_1, [
+              createElementVNode("span", {
+                class: normalizeClass([
+                  "flex size-9 shrink-0 items-center justify-center rounded-full",
+                  __props.danger ? "border border-danger/30 bg-danger-soft text-danger" : "border border-line bg-surface-soft text-muted-strong"
+                ])
+              }, [
+                createVNode(_sfc_main$3, {
+                  name: marker.value,
+                  size: 20
+                }, null, 8, ["name"])
+              ], 2),
+              createTextVNode(" " + toDisplayString(__props.title), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["open", "title", "description"]);
     };
   }
 });

package/dist/chunks/{LpFileTree-H7Ho8uoq.js → LpFileTree-BaV7f0O7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-BV3q7Qyi.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-BEZIvxHi.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-BzpBa7R7.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpFileTreeNode-BEZIvxHi.js → LpFileTreeNode-BzpBa7R7.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, unref, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList, mergeProps } from "vue";
+import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
 import { _ as _sfc_main$3 } from "./LpCheckbox-BO0zuuPh.js";
 import { _ as _sfc_main$1 } from "./LpContextMenu-D0mzXqA7.js";
@@ -79,29 +80,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function rowDelay(index) {
       return `${Math.min(index * 18, 180)}ms`;
     }
-    function reducedMotion() {
-      return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
-    }
     function onBranchEnter(el, done) {
-      if (reducedMotion()) return done();
+      if (prefersReducedMotion()) return done();
       const height = el.scrollHeight;
       el.animate(
         [
           { height: "0px", opacity: 0 },
           { height: `${height}px`, opacity: 1 }
         ],
-        { duration: 220, easing: "cubic-bezier(0.2, 0, 0, 1)" }
+        { duration: 220, easing: easingToken("ease-emphasized") }
       ).onfinish = () => done();
     }
     function onBranchLeave(el, done) {
-      if (reducedMotion()) return done();
+      if (prefersReducedMotion()) return done();
       const height = el.scrollHeight;
       el.animate(
         [
           { height: `${height}px`, opacity: 1 },
           { height: "0px", opacity: 0 }
         ],
-        { duration: 180, easing: "cubic-bezier(0.2, 0, 0, 1)" }
+        { duration: 180, easing: easingToken("ease-emphasized") }
       ).onfinish = () => done();
     }
     function onActivate() {

package/dist/chunks/{LpLogViewer-B1aLUVdz.js → LpLogViewer-CcQ3s3Fp.js}

@@ -1,4 +1,5 @@
 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 { prefersReducedMotion } from "../composables/easing.js";
 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-D8xyKXcF.js";
@@ -295,7 +296,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function rideToBottom(smooth = true, force = false) {
       const el = viewport();
       if (!el) return;
-      const reduce = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+      const reduce = prefersReducedMotion();
       const far = !force && el.scrollHeight - el.scrollTop - el.clientHeight > el.clientHeight;
       el.scrollTo({ top: el.scrollHeight, behavior: smooth && !reduce && !far ? "smooth" : "auto" });
     }

package/dist/chunks/{LpMapPicker-DFKrd1Ne.js → LpMapPicker-CXvoTrAe.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, Fragment, renderList, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
+import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = ["tabindex", "aria-label"];
@@ -211,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       glide();
     }
     function glide() {
-      if (reducedMotion() || Math.hypot(velocity.x, velocity.y) < 0.05) {
+      if (prefersReducedMotion() || Math.hypot(velocity.x, velocity.y) < 0.05) {
         velocity = { x: 0, y: 0 };
         return;
       }
@@ -230,9 +231,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       glideFrame = requestAnimationFrame(step);
     }
-    function reducedMotion() {
-      return typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
-    }
     function panBy(dx, dy) {
       mapCenter.value = unproject(
         origin.value.x + dx + viewWidth.value / 2,

package/dist/chunks/{LpNotificationBell-X1M30e0X.js → LpNotificationBell-Dvu-b6Vn.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createTextVNode, mergeModels } from "vue";
+import { defineComponent, computed, useModel, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createTextVNode, mergeModels } from "vue";
 import { _ as _sfc_main$8 } from "./LpBadge-BPodVcJa.js";
 import { _ as _sfc_main$7 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$5 } from "./LpContextMenu-D0mzXqA7.js";
@@ -9,21 +9,22 @@ import { _ as _sfc_main$4 } from "./LpScrollArea-D8xyKXcF.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.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 = {
+const _hoisted_3 = { class: "flex items-center gap-0.5" };
+const _hoisted_4 = {
   key: 0,
   class: "space-y-1.5 px-2 pb-2"
 };
-const _hoisted_4 = { class: "min-w-0 flex-1" };
-const _hoisted_5 = { class: "flex items-center gap-1.5" };
-const _hoisted_6 = {
+const _hoisted_5 = { class: "min-w-0 flex-1" };
+const _hoisted_6 = { class: "flex items-center gap-1.5" };
+const _hoisted_7 = {
   key: 0,
   class: "size-1.5 shrink-0 rounded-full bg-brand"
 };
-const _hoisted_7 = {
+const _hoisted_8 = {
   key: 0,
   class: "mt-0.5 line-clamp-2 block text-xs text-muted"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 1,
   class: "mt-0.5 block text-[11px] text-muted/70"
 };
@@ -43,12 +44,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "open": { type: Boolean, ...{ default: false } },
     "openModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["markRead", "markUnread", "markAllRead", "dismiss", "select"], ["update:open"]),
+  emits: /* @__PURE__ */ mergeModels(["markRead", "markUnread", "markAllRead", "clear", "dismiss", "select"], ["update:open"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const l = computed(() => ({
       title: props.title ?? props.labels?.title ?? "Notifications",
       markAllRead: props.labels?.markAllRead ?? "Mark all read",
+      clear: props.labels?.clear ?? "Clear",
       markAsRead: props.labels?.markAsRead ?? "Mark as read",
       markAsUnread: props.labels?.markAsUnread ?? "Mark as unread",
       open: props.labels?.open ?? "Open",
@@ -65,16 +67,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => unread.value > props.maxBadge ? `${props.maxBadge}+` : String(unread.value)
     );
     const hasUnread = computed(() => unread.value > 0);
-    const contextMenu = computed(
-      () => props.menuItems ?? [
+    const TONE_CLASS = {
+      brand: "bg-brand-soft text-brand",
+      action: "bg-action-soft text-action",
+      danger: "bg-danger-soft text-danger",
+      accent: "bg-accent-soft text-accent",
+      muted: "bg-surface-soft text-muted-strong"
+    };
+    const instance = getCurrentInstance();
+    const handlesClear = computed(() => Boolean(instance?.vnode.props?.onClear));
+    const contextMenu = computed(() => {
+      if (props.menuItems) return props.menuItems;
+      const items = [
         {
           label: l.value.markAllRead,
           icon: "lucide:check-check",
           disabled: !hasUnread.value,
           onSelect: () => emit("markAllRead")
         }
-      ]
-    );
+      ];
+      if (handlesClear.value) {
+        items.push({
+          label: l.value.clear,
+          icon: "lucide:trash-2",
+          disabled: !props.items.length,
+          onSelect: () => emit("clear")
+        });
+      }
+      return items;
+    });
     function onSelect(item) {
       if (!item.read) emit("markRead", item.id);
       emit("select", item);
@@ -128,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         open: open.value,
-        "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
+        "onUpdate:open": _cache[3] || (_cache[3] = ($event) => open.value = $event),
         side: "bottom",
         align: "end",
         "side-offset": 8,
@@ -169,16 +190,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("header", _hoisted_1, [
             createElementVNode("span", _hoisted_2, toDisplayString(l.value.title), 1),
-            hasUnread.value ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              class: "rounded-md px-1.5 py-0.5 text-xs font-medium text-brand outline-none transition-colors hover:bg-brand-soft focus-visible:bg-brand-soft",
-              onClick: _cache[1] || (_cache[1] = ($event) => emit("markAllRead"))
-            }, toDisplayString(l.value.markAllRead), 1)) : createCommentVNode("", true)
+            createElementVNode("span", _hoisted_3, [
+              __props.items.length && handlesClear.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "rounded-md px-1.5 py-0.5 text-xs font-medium text-muted outline-none transition-colors hover:bg-surface-soft hover:text-ink focus-visible:bg-surface-soft",
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("clear"))
+              }, toDisplayString(l.value.clear), 1)) : createCommentVNode("", true),
+              hasUnread.value ? (openBlock(), createElementBlock("button", {
+                key: 1,
+                type: "button",
+                class: "rounded-md px-1.5 py-0.5 text-xs font-medium text-brand outline-none transition-colors hover:bg-brand-soft focus-visible:bg-brand-soft",
+                onClick: _cache[2] || (_cache[2] = ($event) => emit("markAllRead"))
+              }, toDisplayString(l.value.markAllRead), 1)) : createCommentVNode("", true)
+            ])
           ]),
           createVNode(_sfc_main$2, { axis: "height" }, {
             default: withCtx(() => [
-              __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              __props.loading ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
                   return createElementVNode("div", {
                     key: i,
@@ -205,27 +234,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         (openBlock(), createBlock(resolveDynamicComponent(item.link ? "a" : "button"), {
                           href: item.link || void 0,
                           type: item.link ? void 0 : "button",
-                          class: normalizeClass(["group/notif flex w-full items-start gap-2.5 rounded-control px-2 py-2 text-left outline-none transition-colors hover:bg-white/[0.05] focus-visible:bg-white/[0.05]", item.read ? "" : "bg-brand-soft/35"]),
+                          class: normalizeClass(["group/notif flex w-full items-start gap-2.5 rounded-control px-2 py-2 text-left outline-none transition-colors hover:bg-surface-soft focus-visible:bg-surface-soft", item.read ? "" : "bg-brand-soft/35"]),
                           onClick: ($event) => onSelect(item)
                         }, {
                           default: withCtx(() => [
                             createElementVNode("span", {
-                              class: normalizeClass(["grid size-7 shrink-0 place-items-center rounded-control", item.read ? "bg-surface-soft text-muted" : "bg-brand-soft text-brand"])
+                              class: normalizeClass(["grid size-7 shrink-0 place-items-center rounded-control", item.read ? "bg-surface-soft text-muted" : TONE_CLASS[item.tone ?? "brand"]])
                             }, [
                               createVNode(_sfc_main$6, {
                                 name: item.icon || "lucide:bell",
                                 size: 15
                               }, null, 8, ["name"])
                             ], 2),
-                            createElementVNode("span", _hoisted_4, [
-                              createElementVNode("span", _hoisted_5, [
+                            createElementVNode("span", _hoisted_5, [
+                              createElementVNode("span", _hoisted_6, [
                                 createElementVNode("span", {
                                   class: normalizeClass(["truncate text-sm font-medium", item.read ? "text-muted-strong" : "text-ink"])
                                 }, toDisplayString(item.title), 3),
-                                !item.read ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+                                !item.read ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("", true)
                               ]),
-                              item.body ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.body), 1)) : createCommentVNode("", true),
-                              item.createdAt ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(timeAgo(item.createdAt)), 1)) : createCommentVNode("", true)
+                              item.body ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(item.body), 1)) : createCommentVNode("", true),
+                              item.createdAt ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(timeAgo(item.createdAt)), 1)) : createCommentVNode("", true)
                             ])
                           ]),
                           _: 2

package/dist/chunks/LpNumberFlow-amWYaeuA.js

@@ -0,0 +1,221 @@
+import { defineComponent, ref, watch, onBeforeUnmount, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeClass, normalizeStyle, createTextVNode } from "vue";
+import { prefersReducedMotion, easeOut } from "../composables/easing.js";
+import { useReveal } from "../composables/useReveal.js";
+import '../assets/LpNumberFlow-rZkwQwlU.css';const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  "aria-hidden": "true"
+};
+const _hoisted_3 = {
+  class: "lp-nf__track inline-flex items-baseline",
+  "aria-hidden": "true"
+};
+const _hoisted_4 = {
+  key: 1,
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpNumberFlow",
+  props: {
+    value: {},
+    duration: { default: 700 },
+    decimals: { default: 0 },
+    compact: { type: Boolean },
+    grouped: { type: Boolean },
+    prefix: {},
+    suffix: {},
+    format: {},
+    animateOnMount: { type: Boolean, default: true },
+    locale: {},
+    trend: { default: "auto" }
+  },
+  setup(__props) {
+    const props = __props;
+    const displayed = ref(props.animateOnMount ? 0 : props.value);
+    let frame = 0;
+    const padTo = ref(0);
+    const settled = ref(true);
+    const integerDigits = (v) => {
+      const abs = Math.floor(Math.abs(v));
+      return abs === 0 ? 1 : Math.floor(Math.log10(abs)) + 1;
+    };
+    const stop = () => {
+      if (frame) cancelAnimationFrame(frame);
+      frame = 0;
+    };
+    const decimalsOf = (v) => {
+      if (Number.isInteger(v)) return 0;
+      const s = String(v);
+      const dot = s.indexOf(".");
+      if (dot === -1) return 0;
+      return Math.min(6, s.length - dot - 1);
+    };
+    const journeyDecimals = ref(0);
+    let lastTarget = props.animateOnMount ? 0 : props.value;
+    const round = (v) => {
+      const p = journeyDecimals.value;
+      if (p <= 0) return Math.round(v);
+      const f = 10 ** p;
+      return Math.round(v * f) / f;
+    };
+    const travel = (to) => {
+      stop();
+      const from = displayed.value;
+      if (from === to) return;
+      if (prefersReducedMotion() || props.duration <= 0) {
+        displayed.value = to;
+        return;
+      }
+      padTo.value = props.compact ? 0 : Math.max(padTo.value, integerDigits(from), integerDigits(to));
+      journeyDecimals.value = Math.max(
+        props.decimals,
+        decimalsOf(lastTarget),
+        decimalsOf(to)
+      );
+      lastTarget = to;
+      settled.value = false;
+      const started = performance.now();
+      const step = (now) => {
+        const t = Math.min(1, (now - started) / props.duration);
+        displayed.value = from + (to - from) * easeOut(t);
+        if (t < 1) frame = requestAnimationFrame(step);
+        else {
+          displayed.value = to;
+          settled.value = true;
+          padTo.value = 0;
+          frame = 0;
+        }
+      };
+      frame = requestAnimationFrame(step);
+    };
+    const { el: revealAnchor, revealed } = useReveal({ immediate: () => !props.animateOnMount });
+    watch(revealed, (visible) => {
+      if (visible && props.animateOnMount) travel(props.value);
+    }, { immediate: true });
+    watch(() => props.value, travel);
+    onBeforeUnmount(stop);
+    const UNITS = [
+      { limit: 1e9, suffix: "B" },
+      { limit: 1e6, suffix: "M" },
+      { limit: 1e3, suffix: "k" }
+    ];
+    const scaleFor = (v) => {
+      const abs = Math.abs(v);
+      const unit = UNITS.find((u) => abs >= u.limit);
+      if (!unit) return { divisor: 1, suffix: "", decimals: 0 };
+      const scaled = v / unit.limit;
+      return {
+        divisor: unit.limit,
+        suffix: unit.suffix,
+        decimals: Number.isInteger(scaled) ? 0 : 1
+      };
+    };
+    const formatted = computed(() => {
+      const v = round(displayed.value);
+      if (props.format) return props.format(v);
+      if (props.compact) {
+        const { divisor, suffix } = scaleFor(v);
+        const places = divisor === 1 ? 0 : 1;
+        return `${(v / divisor).toFixed(places)}${suffix}`;
+      }
+      const pad = settled.value ? 1 : Math.max(1, padTo.value);
+      if (props.grouped)
+        return v.toLocaleString(props.locale, {
+          minimumFractionDigits: props.decimals,
+          maximumFractionDigits: props.decimals,
+          minimumIntegerDigits: pad
+        });
+      const text = v.toFixed(props.decimals);
+      if (pad <= 1) return text;
+      const neg = text.startsWith("-");
+      const body = neg ? text.slice(1) : text;
+      const dot = body.indexOf(".");
+      const int = dot === -1 ? body : body.slice(0, dot);
+      const rest = dot === -1 ? "" : body.slice(dot);
+      return `${neg ? "-" : ""}${int.padStart(pad, "0")}${rest}`;
+    });
+    const cells = computed(() => {
+      const chars = [...formatted.value];
+      const dot = chars.indexOf(".");
+      const intEnd = dot === -1 ? chars.length : dot;
+      const isDigit = (c) => {
+        const code = c.charCodeAt(0);
+        return code >= 48 && code <= 57;
+      };
+      let suffixStart = chars.length;
+      while (suffixStart > 0 && !isDigit(chars[suffixStart - 1])) suffixStart--;
+      const keys = new Array(chars.length);
+      let place = 0;
+      for (let i = intEnd - 1; i >= 0; i--) {
+        keys[i] = isDigit(chars[i]) ? `i${place++}` : `s${place}-${chars[i]}`;
+      }
+      place = 0;
+      for (let i = intEnd; i < chars.length; i++) {
+        keys[i] = isDigit(chars[i]) ? `f${place++}` : `t${place}-${chars[i]}`;
+      }
+      for (let i = suffixStart; i < chars.length; i++) keys[i] = `u${i - suffixStart}`;
+      let leading = !settled.value;
+      return chars.map((char, i) => {
+        const digit = isDigit(char) ? char.charCodeAt(0) - 48 : null;
+        const isPad = leading && digit === 0 && i < intEnd - 1;
+        if (digit !== null && digit !== 0) leading = false;
+        return { key: keys[i], digit, char, isPad };
+      });
+    });
+    const DIGITS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+    const STRIP = [...DIGITS, ...DIGITS];
+    const offsetFor = (digit) => {
+      if (props.trend === "up") return digit;
+      if (props.trend === "down") return digit + 10;
+      return digit;
+    };
+    const label = computed(
+      () => `${props.prefix ?? ""}${props.value}${props.suffix ?? ""}`
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "revealAnchor",
+        ref: revealAnchor,
+        class: "lp-nf inline-flex items-baseline tabular-nums",
+        "aria-label": label.value,
+        role: "text"
+      }, [
+        __props.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.prefix), 1)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_3, [
+          createVNode(TransitionGroup, { name: "lp-nf-cell" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
+                return openBlock(), createElementBlock("span", {
+                  key: cell.key,
+                  class: normalizeClass(["lp-nf__cell", cell.isPad ? "lp-nf__cell--pad" : ""])
+                }, [
+                  cell.digit !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createElementVNode("span", {
+                      class: "lp-nf__strip",
+                      style: normalizeStyle({ transform: `translateY(${-offsetFor(cell.digit) * 5}%)` })
+                    }, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(STRIP, (d, i) => {
+                        return createElementVNode("span", {
+                          key: i,
+                          class: "lp-nf__digit"
+                        }, toDisplayString(d), 1);
+                      }), 64))
+                    ], 4),
+                    _cache[0] || (_cache[0] = createElementVNode("span", { class: "lp-nf__ghost" }, "0", -1))
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(cell.char), 1)
+                  ], 64))
+                ], 2);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        __props.suffix ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.suffix), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};