@leavepulse/ui 0.78.0 → 0.78.1

package/dist/chunks/LpPageScrollbar-D2O0xhJw.js

@@ -0,0 +1,164 @@
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, withModifiers, unref } from "vue";
+import { mergeClass } from "../composables/useMergedClass.js";
+import { nodeWindow } from "../composables/realm.js";
+import { hideNativeBar, BAR_FADE, BAR_Y_SIZE, BAR_Y, THUMB_Y, THUMB_Y_ROUND, SCROLL_HIDE_DELAY_MS, pageToward } from "../components/scrollbar.js";
+const _hoisted_1 = ["data-state"];
+const MIN_THUMB_PX = 18;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpPageScrollbar",
+  props: {
+    top: { default: "0px" },
+    bottom: { default: "0px" }
+  },
+  setup(__props) {
+    const props = __props;
+    const barEl = ref(null);
+    const active = ref(false);
+    const thumb = ref({ top: 0, height: 0 });
+    const scrollable = ref(false);
+    const scrolling = ref(false);
+    const hovered = ref(false);
+    const dragging = ref(false);
+    const state = computed(() => scrolling.value || hovered.value || dragging.value ? "visible" : shownOnce.value ? "hidden" : void 0);
+    const shownOnce = ref(false);
+    let releaseNative;
+    let doc;
+    let hideTimer;
+    let frame = 0;
+    let sizes;
+    function scroller() {
+      return doc?.scrollingElement ?? null;
+    }
+    function nativeBarWidth(d) {
+      const probe = d.createElement("div");
+      probe.style.cssText = "position:absolute;top:-9999px;width:100px;height:100px;overflow:scroll";
+      d.body.append(probe);
+      const width = probe.offsetWidth - probe.clientWidth;
+      probe.remove();
+      return width;
+    }
+    function measure() {
+      frame = 0;
+      const view = scroller();
+      const bar = barEl.value;
+      if (!view || !bar) return;
+      const range = view.scrollHeight - view.clientHeight;
+      scrollable.value = range > 1;
+      if (!scrollable.value) return;
+      const track = bar.clientHeight;
+      const height = Math.max(MIN_THUMB_PX, Math.round(track * view.clientHeight / view.scrollHeight));
+      thumb.value = { height, top: Math.round((track - height) * view.scrollTop / range) };
+    }
+    function measureSoon() {
+      if (!frame && doc) frame = nodeWindow(doc).requestAnimationFrame(measure);
+    }
+    function onScroll() {
+      measureSoon();
+      scrolling.value = true;
+      shownOnce.value = true;
+      clearTimeout(hideTimer);
+      hideTimer = setTimeout(() => scrolling.value = false, SCROLL_HIDE_DELAY_MS);
+    }
+    function onEnter() {
+      hovered.value = true;
+      shownOnce.value = true;
+    }
+    function onLeave() {
+      hideTimer && clearTimeout(hideTimer);
+      hideTimer = setTimeout(() => {
+        hovered.value = false;
+        scrolling.value = false;
+      }, SCROLL_HIDE_DELAY_MS);
+    }
+    function locked() {
+      return !!doc && nodeWindow(doc).getComputedStyle(doc.body).overflow === "hidden";
+    }
+    function onTrackPointerDown(event) {
+      const view = scroller();
+      const thumbEl = barEl.value?.querySelector("[data-lp-thumb]");
+      if (!view || !thumbEl || event.button !== 0 || thumbEl.contains(event.target) || locked()) return;
+      event.preventDefault();
+      pageToward(view, "y", event.clientY < thumbEl.getBoundingClientRect().top);
+    }
+    function onThumbPointerDown(event) {
+      const view = scroller();
+      const bar = barEl.value;
+      if (!view || !bar || event.button !== 0 || locked()) return;
+      event.preventDefault();
+      const handle = event.currentTarget;
+      handle.setPointerCapture(event.pointerId);
+      dragging.value = true;
+      const startY = event.clientY;
+      const startTop = view.scrollTop;
+      const perPixel = (view.scrollHeight - view.clientHeight) / Math.max(1, bar.clientHeight - thumb.value.height);
+      const move = (e) => view.scrollTo({ top: startTop + (e.clientY - startY) * perPixel, behavior: "instant" });
+      const stop = () => {
+        dragging.value = false;
+        handle.removeEventListener("pointermove", move);
+        handle.removeEventListener("pointerup", stop);
+        handle.removeEventListener("pointercancel", stop);
+        handle.removeEventListener("lostpointercapture", stop);
+      };
+      handle.addEventListener("pointermove", move);
+      handle.addEventListener("pointerup", stop);
+      handle.addEventListener("pointercancel", stop);
+      handle.addEventListener("lostpointercapture", stop);
+    }
+    onMounted(() => {
+      const host = barEl.value ?? void 0;
+      doc = host?.ownerDocument;
+      if (!doc || nativeBarWidth(doc) === 0) return;
+      active.value = true;
+      releaseNative = hideNativeBar(doc);
+      const win = nodeWindow(doc);
+      win.addEventListener("scroll", onScroll, { passive: true });
+      win.addEventListener("resize", measureSoon);
+      sizes = new win.ResizeObserver(measureSoon);
+      sizes.observe(doc.body);
+      if (host) sizes.observe(host);
+      measure();
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(hideTimer);
+      sizes?.disconnect();
+      if (!doc || !active.value) return;
+      const win = nodeWindow(doc);
+      if (frame) win.cancelAnimationFrame(frame);
+      win.removeEventListener("scroll", onScroll);
+      win.removeEventListener("resize", measureSoon);
+      releaseNative?.();
+    });
+    const barClass = computed(
+      () => mergeClass(
+        BAR_Y,
+        BAR_Y_SIZE.wall,
+        BAR_FADE,
+        "fixed right-0 z-(--z-sticky) transition-[top,bottom] duration-[var(--duration-medium)] ease-[var(--ease-settle)] print:hidden"
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "barEl",
+        ref: barEl,
+        "aria-hidden": "true",
+        "data-lp-page-scrollbar": "",
+        class: normalizeClass(barClass.value),
+        "data-state": active.value && scrollable.value ? state.value : void 0,
+        style: normalizeStyle({ top: props.top, bottom: props.bottom, visibility: active.value && scrollable.value ? void 0 : "hidden" }),
+        onPointerenter: onEnter,
+        onPointerleave: onLeave,
+        onPointerdown: onTrackPointerDown
+      }, [
+        createElementVNode("div", {
+          "data-lp-thumb": "",
+          class: normalizeClass(["absolute right-px", [unref(THUMB_Y), unref(THUMB_Y_ROUND).wall]]),
+          style: normalizeStyle({ top: `${thumb.value.top}px`, height: `${thumb.value.height}px` }),
+          onPointerdown: withModifiers(onThumbPointerDown, ["stop"])
+        }, null, 38)
+      ], 46, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpPaletteTheme-dVtxHx-F.js → LpPaletteTheme-BIXpZLGe.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
-import { _ as _sfc_main$4 } from "./LpThemeStudio-DzYfE-5k.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-ChU0_Ga8.js";
 import { _ as _sfc_main$2 } from "./LpThemeProvider-XK6ZeWAE.js";
 import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$3 } from "./LpInput-D0O6dpuA.js";
 const _hoisted_1 = { class: "flex min-w-0 flex-col gap-4" };
 const _hoisted_2 = { class: "sticky top-0 z-10 flex gap-2 border-b border-line bg-surface-overlay pb-3" };
 const _hoisted_3 = { class: "text-sm font-semibold" };

package/dist/chunks/{LpPasswordInput-B-zD6tUS.js → LpPasswordInput-D4HPhqfV.js}

@@ -2,8 +2,8 @@ import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unr
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-CCPDE8Mv.js";
+import { _ as _sfc_main$1 } from "./LpInput-D0O6dpuA.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-D_iyrB8d.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpPie-9t_guO49.js → LpPie-oVNHjsKD.js}

@@ -7,14 +7,14 @@ import { useReveal } from "../composables/useReveal.js";
 import { useTween, lerp, mixColor } from "../composables/useTween.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
 import { _ as _sfc_main$9 } from "./LegendSwatch-BhRjrtzv.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-DurPF001.js";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$8 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
-import { _ as _sfc_main$5 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$5 } from "./LpTooltip-Bz_rrq5S.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { isElement } from "../composables/realm.js";

package/dist/chunks/{LpPipeline-rjXvEDRJ.js → LpPipeline-BSXT6oUJ.js}

@@ -10,7 +10,7 @@ import { _ as _sfc_main$5 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$1 } from "./LpStepMark-Dw2MRTrt.js";
-import { _ as _sfc_main$7 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$7 } from "./LpTooltip-Bz_rrq5S.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { stepKey, duplicateStepKeys, connectorFilled, currentStepIndex, stepElapsed, childProgress } from "../components/pipeline.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, formatElapsed } from "../components/timeSpan.js";

package/dist/chunks/{LpRelativeTime-BovUk8MP.js → LpRelativeTime-0zI-44ve.js}

@@ -3,7 +3,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
 import { formatRelativeTime } from "../components/relativeTime.js";
 import { toEpoch } from "../components/timeSpan.js";
 const _hoisted_1 = ["datetime"];

package/dist/chunks/{LpScrollArea-ay4Xo_hg.js → LpScrollArea-CqvwfZs2.js}

@@ -1,8 +1,7 @@
 import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "reka-ui";
-import { prefersReducedMotion } from "../composables/easing.js";
 import { nodeWindow } from "../composables/realm.js";
-const barFade = "opacity-0 data-[state=visible]:animate-[fade-in_180ms_ease] data-[state=visible]:opacity-100 data-[state=hidden]:animate-[fade-out_240ms_ease]";
+import { SCROLL_HIDE_DELAY_MS, BAR_Y, BAR_FADE, BAR_Y_SIZE, THUMB_Y, THUMB_Y_ROUND, BAR_X, BAR_X_SIZE, THUMB_X, THUMB_X_ROUND, pageToward } from "../components/scrollbar.js";
 const FADE_PX = 14;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpScrollArea",
@@ -29,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onViewportBlur() {
       pointerFocus.value = false;
     }
+    const edge = computed(() => props.floating ? "floating" : "wall");
     const dragging = ref(false);
     const atTop = ref(true);
     const atBottom = ref(true);
@@ -100,10 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       event.preventDefault();
       event.stopImmediatePropagation();
       const rect = thumb.getBoundingClientRect();
-      const before = axis === "y" ? event.clientY < rect.top : event.clientX < rect.left;
-      const step = (axis === "y" ? el.clientHeight : el.clientWidth) * 0.85 * (before ? -1 : 1);
-      const behavior = prefersReducedMotion() ? "auto" : "smooth";
-      el.scrollBy(axis === "y" ? { top: step, behavior } : { left: step, behavior });
+      pageToward(el, axis, axis === "y" ? event.clientY < rect.top : event.clientX < rect.left);
     }
     let stopThumbDrag = null;
     function onThumbPointerDown(event) {
@@ -126,20 +123,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ScrollAreaRoot), {
         class: normalizeClass(["relative flex flex-col overflow-hidden", dragging.value ? "select-none" : void 0]),
         type: "hover",
-        "scroll-hide-delay": 500
+        "scroll-hide-delay": unref(SCROLL_HIDE_DELAY_MS)
       }, {
         default: withCtx(() => [
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "vertical",
             "force-mount": "",
-            class: normalizeClass(["group z-1 flex touch-none select-none justify-end pl-2.5", [barFade, __props.floating ? "w-4 py-1 pr-1" : "w-3.5 py-px pr-px"]]),
+            class: normalizeClass(["z-1", [unref(BAR_Y), unref(BAR_FADE), unref(BAR_Y_SIZE)[edge.value]]]),
             style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0),
             onPointerdownCapture: _cache[0] || (_cache[0] = ($event) => onTrackPointerDown($event, "y"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: normalizeClass(["relative min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-l-pill"]),
+                class: normalizeClass(["relative", [unref(THUMB_Y), unref(THUMB_Y_ROUND)[edge.value]]]),
                 onPointerdown: onThumbPointerDown
               }, null, 8, ["class"])
             ]),
@@ -147,13 +144,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["class", "style"]),
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "horizontal",
-            class: normalizeClass(["group z-1 flex flex-col touch-none select-none justify-end pt-2.5", [barFade, __props.floating ? "h-4 px-1 pb-1" : "h-3.5 px-px pb-px"]]),
+            class: normalizeClass(["z-1", [unref(BAR_X), unref(BAR_FADE), unref(BAR_X_SIZE)[edge.value]]]),
             onPointerdownCapture: _cache[1] || (_cache[1] = ($event) => onTrackPointerDown($event, "x"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: normalizeClass(["relative min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-t-pill"]),
+                class: normalizeClass(["relative", [unref(THUMB_X), unref(THUMB_X_ROUND)[edge.value]]]),
                 onPointerdown: onThumbPointerDown
               }, null, 8, ["class"])
             ]),
@@ -182,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["class", "style"])
         ]),
         _: 3
-      }, 8, ["class"]);
+      }, 8, ["class", "scroll-hide-delay"]);
     };
   }
 });

package/dist/chunks/{LpSecretField-DBvU6iAw.js → LpSecretField-B2roc4Iz.js}

@@ -8,12 +8,12 @@ import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$5 } from "./FieldWrapper-DnuMTrqW.js";
 import { _ as _sfc_main$3 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
 import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpPasswordInput-B-zD6tUS.js";
+import { _ as _sfc_main$1 } from "./LpPasswordInput-D4HPhqfV.js";
 import { _ as _sfc_main$6 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$8 } from "./LpTooltip-BJf3lZMq.js";
-import { _ as _sfc_main$7 } from "./RevealToggle-CCPDE8Mv.js";
+import { _ as _sfc_main$8 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$7 } from "./RevealToggle-D_iyrB8d.js";
 const _hoisted_1 = ["id", "aria-label"];
 const _hoisted_2 = {
   key: "empty",

package/dist/chunks/{LpServiceNode-D8uJ8sGk.js → LpServiceNode-Cln2ntdw.js}

@@ -10,7 +10,24 @@ const _hoisted_4 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpServiceNode",
   props: {
+    id: {},
+    type: {},
+    connectable: { type: [Boolean, Number, String, Function] },
+    position: {},
+    dimensions: {},
+    label: {},
+    isValidTargetPos: { type: Function },
+    isValidSourcePos: { type: Function },
+    parent: {},
+    parentNodeId: {},
+    dragging: { type: Boolean },
+    resizing: { type: Boolean },
+    zIndex: {},
+    targetPosition: {},
+    sourcePosition: {},
+    dragHandle: {},
     data: {},
+    events: {},
     selected: { type: Boolean }
   },
   setup(__props) {

package/dist/chunks/{LpSidebar-kSkpPh3-.js → LpSidebar-DDNJzb69.js}

@@ -4,11 +4,11 @@ import { useHotkeys, parseCombo } from "../composables/useHotkeys.js";
 import { startPointerDrag } from "../composables/pointerDrag.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$5 } from "./LpDrawer-Bt9UUqt_.js";
+import { _ as _sfc_main$5 } from "./LpDrawer-DXNQFpAA.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$3 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-C2mvqrY2.js";
+import { _ as _sfc_main$3 } from "./LpInput-D0O6dpuA.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-CE0jQS8i.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpSidebarNav-C2mvqrY2.js → LpSidebarNav-CE0jQS8i.js}

@@ -8,9 +8,9 @@ import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
 import "../composables/useHotkeys.js";
 import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-C5VMcBOW.css';/* empty css                */
 /* empty css                      */
-import { _ as _sfc_main$2 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$3 } from "./LpSidebarRow-eRP4Q31q.js";
+import { _ as _sfc_main$3 } from "./LpSidebarRow-DOTg1txp.js";
 import { waiting } from "../components/sidebar.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {

package/dist/chunks/{LpSidebarRow-eRP4Q31q.js → LpSidebarRow-DOTg1txp.js}

@@ -5,8 +5,8 @@ import { useLocale } from "../composables/useLocale.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpBadge-D5QQdDQ_.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu--eMGIql6.js";
-import { _ as _sfc_main$1 } from "./LpHoverCard-DanH3Nz1.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-Bx_IhQDS.js";
+import { _ as _sfc_main$1 } from "./LpHoverCard-CHE9jAJG.js";
 import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
 import LpKeys from "../components/LpKeys.vue.js";
 import { _ as _sfc_main$5 } from "./LpNumberFlow-Vqj0tP7B.js";

package/dist/chunks/{LpStat-pMNZgFcq.js → LpStat-DPjc6_fX.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpStatus-DGJFwk5F.js";
 import { useFitScale } from "../composables/useFitScale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { TONES } from "../components/tone.js";
+import { TONES, toneOf } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
 const _hoisted_3 = { key: 1 };
@@ -44,10 +44,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     deltaSuffix: {},
     trend: { default: "auto" },
     invertTrend: { type: Boolean },
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    tone: {},
+    size: { default: "lg" }
   },
   setup(__props) {
     const props = __props;
+    const FIGURE_SIZE = {
+      sm: { class: "text-lg", font: "var(--text-lg, 1.125rem)", line: "var(--text-lg--line-height, 1.55)" },
+      md: { class: "text-2xl", font: "var(--text-2xl, 1.5rem)", line: "var(--text-2xl--line-height, 1.33)" },
+      lg: { class: "text-3xl", font: "var(--text-3xl, 1.875rem)", line: "var(--text-3xl--line-height, 1.2)" }
+    };
+    const figureSize = computed(() => FIGURE_SIZE[props.size]);
+    const figureColor = computed(() => props.tone ? TONES[toneOf(props.tone)].text : "text-ink");
     const dir = computed(() => {
       if (props.trend !== "auto") return props.trend;
       if (typeof props.delta === "number") {
@@ -89,7 +98,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const row = ref(null);
     const figure = ref(null);
     const fit = useFitScale(row, figure, FIT_MIN);
-    const figureStyle = computed(() => fit.scale.value < 1 ? { fontSize: `calc(var(--text-3xl, 1.875rem) * ${fit.scale.value})`, lineHeight: "calc(var(--text-3xl, 1.875rem) * var(--text-3xl--line-height, 1.2))" } : void 0);
+    const figureStyle = computed(() => {
+      if (fit.scale.value >= 1) return void 0;
+      const { font, line } = figureSize.value;
+      return { fontSize: `calc(${font} * ${fit.scale.value})`, lineHeight: `calc(${font} * ${line})` };
+    });
     const figureTitle = computed(() => fit.clipped.value && !props.loading ? `${props.prefix ?? ""}${props.value}${props.valueSuffix ?? ""}` : void 0);
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex flex-col gap-2"
@@ -129,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("span", {
             ref_key: "figure",
             ref: figure,
-            class: normalizeClass(["max-w-full whitespace-nowrap font-mono text-3xl font-medium tracking-tight text-ink", unref(fit).clipped.value ? "inline-block overflow-hidden text-ellipsis align-bottom" : ""]),
+            class: normalizeClass(["max-w-full whitespace-nowrap font-mono font-medium tracking-tight", [figureSize.value.class, figureColor.value, unref(fit).clipped.value ? "inline-block overflow-hidden text-ellipsis align-bottom" : ""]]),
             style: normalizeStyle(figureStyle.value),
             title: figureTitle.value
           }, [

package/dist/chunks/{LpTableFilter-DgARTsA1.js → LpTableFilter-B_XMOeAh.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, Fragment, unref, normalizeClass, toDisplayString, createVNode, withCtx, renderList } from "vue";
 import { _ as _sfc_main$3 } from "./LpCheckbox-D6RuDW4X.js";
-import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$1 } from "./LpInput-D0O6dpuA.js";
 import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";
 import { matchesQuery, onlyValues, unhideValues, hideAllValues, invertHidden } from "../components/tableFilter.js";

package/dist/chunks/{LpThemeStudio-DzYfE-5k.js → LpThemeStudio-ChU0_Ga8.js}

@@ -3,8 +3,8 @@ import { usePaletteTheme } from "../theme/palette.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useThemeStudio, STUDIO_BRANDS, STUDIO_SYSTEM } from "../theme/studio.js";
 import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$7 } from "./LpCodeBlock-DuzmnIHl.js";
-import { _ as _sfc_main$4 } from "./LpColorPicker-BxAHEnR5.js";
+import { _ as _sfc_main$7 } from "./LpCodeBlock-DBqy4RLd.js";
+import { _ as _sfc_main$4 } from "./LpColorPicker-COHzV68R.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$5 } from "./LpSegmented-DbEJhbv-.js";
 import { _ as _sfc_main$6 } from "./LpDisclosure-DG7JCo-d.js";

package/dist/chunks/{LpThemeSwitcher-CFLkdbBL.js → LpThemeSwitcher-DmCZ21P_.js}

@@ -7,11 +7,11 @@ import { presets } from "../theme/presets.js";
 import { useThemeStudio, STUDIO_SYSTEM } from "../theme/studio.js";
 import { useTheme } from "../theme/useTheme.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$5 } from "./LpThemeStudio-DzYfE-5k.js";
+import { _ as _sfc_main$5 } from "./LpThemeStudio-ChU0_Ga8.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpToaster-QFj0P-5m.js → LpToaster-Ct_ZOhCh.js}

@@ -4,7 +4,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
 import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 import { toneLook } from "../components/tone.js";
 import { useView, viewDocument, usePortalTarget, viewWindow } from "../composables/useView.js";

package/dist/chunks/{LpTooltip-BJf3lZMq.js → LpTooltip-Bz_rrq5S.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
 import { clamp } from "../composables/clamp.js";
 import { injectTooltipProviderContext, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
 import { springStep, springSettled } from "../composables/usePillTransition.js";
@@ -7,6 +7,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { useView, viewWindow, usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import '../assets/LpTooltip-B61SYd4K.css';const EDGE = 8;
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "LpTooltip",
   props: {
     content: {},
@@ -139,16 +140,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:open": onOpenChange
           }, {
             default: withCtx(() => [
-              createVNode(unref(TooltipTrigger), {
-                "as-child": "",
+              createVNode(unref(TooltipTrigger), mergeProps({ "as-child": "" }, _ctx.$attrs, {
                 "aria-label": __props.label ? __props.content : void 0,
                 onPointermove: onPointerMove
-              }, {
+              }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
-              }, 8, ["aria-label"]),
+              }, 16, ["aria-label"]),
               createVNode(unref(TooltipPortal), { to: unref(portalTo) }, {
                 default: withCtx(() => [
                   createVNode(unref(TooltipContent), {

package/dist/chunks/{LpTopologyCanvas-BOHHHZ_6.js → LpTopologyCanvas-jqz1KCq2.js}

@@ -9,11 +9,12 @@ import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 import { backgroundOf, resolveCssColor, svgToPng } from "../components/exportData.js";
 import { _ as _sfc_main$6 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpInfraNode-BAU40Km2.js";
-import { _ as _sfc_main$5 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$1 } from "./LpLaneNode-HtnQf2FF.js";
-import { _ as _sfc_main$2 } from "./LpServiceNode-D8uJ8sGk.js";
-import { _ as _sfc_main$7 } from "./LpSlider-A4ixovgS.js";
+import { _ as _sfc_main$7 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpInfraNode-Bb5nbuFY.js";
+import { _ as _sfc_main$5 } from "./LpInput-D0O6dpuA.js";
+import { _ as _sfc_main$1 } from "./LpLaneNode-Bqcdm8Rf.js";
+import { _ as _sfc_main$2 } from "./LpServiceNode-Cln2ntdw.js";
+import { _ as _sfc_main$8 } from "./LpSlider-A4ixovgS.js";
 import { _ as _sfc_main$4 } from "./LpWaypointEdge-D8yHlQiw.js";
 import { diffTopology, detailAtZoom, collapseChildren, clusterGraph, findNodes, findPath, neighborhood, groupBoxes, nodeName, frameSize, edgeLabelText, nearestInDirection, absolutePositions, layeredLayout, topologyToSvg } from "../components/topologyGraph.js";
 const _hoisted_1 = {
@@ -596,14 +597,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: action.id,
                   size: "sm",
                   variant: "outline",
-                  icon: action.icon,
                   onClick: ($event) => emit("selection-action", { action: action.id, ids: selectedIds.value })
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(action.label), 1)
+                    action.icon ? (openBlock(), createBlock(_sfc_main$7, {
+                      key: 0,
+                      name: action.icon,
+                      size: 14
+                    }, null, 8, ["name"])) : createCommentVNode("", true),
+                    createTextVNode(" " + toDisplayString(action.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["icon", "onClick"]);
+                }, 1032, ["onClick"]);
               }), 128))
             ]),
             _: 1
@@ -615,7 +620,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createElementVNode("span", null, toDisplayString(__props.timeline?.[versionIndex.value]?.label ?? `${unref(text).timeline} ${versionIndex.value + 1}`), 1),
-              createVNode(_sfc_main$7, {
+              createVNode(_sfc_main$8, {
                 "model-value": versionIndex.value,
                 min: 0,
                 max: (__props.timeline?.length ?? 1) - 1,

package/dist/chunks/{LpTruncate-C6u3gjc6.js → LpTruncate-ellq9RYM.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, onMounted, watch, nextTick, computed, openBlock,
 import { nodeWindow } from "../composables/realm.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
 import { middleTruncate } from "../components/fieldText.js";
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { "aria-hidden": "true" };

package/dist/chunks/{LpUptimeBar-BnYmR2rj.js → LpUptimeBar-BoxcCDVY.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$5 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
-import { _ as _sfc_main$3 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$3 } from "./LpTooltip-Bz_rrq5S.js";
 import { TONES } from "../components/tone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpWorkspaceSwitcher-D0e9upAy.js → LpWorkspaceSwitcher-BeNHCLd5.js}

@@ -2,8 +2,8 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$1 } from "./LpDropdownMenu-CLzxIOgM.js";
-import { _ as _sfc_main$4 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$3 } from "./LpModal-DrtQ_1A2.js";
+import { _ as _sfc_main$4 } from "./LpInput-D0O6dpuA.js";
+import { _ as _sfc_main$3 } from "./LpModal-DDvrSAnf.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpWorkspaceSwitcher",
   props: {

package/dist/chunks/{RevealToggle-CCPDE8Mv.js → RevealToggle-D_iyrB8d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, mergeModels } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
 const _hoisted_1 = { class: "grid place-items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },