@leavepulse/ui 0.68.0 → 0.70.0

package/dist/chunks/{LpFileTreeNode-BXhTHaKW.js → LpFileTreeNode-CPXB_Yy3.js}

@@ -1,31 +1,30 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList } from "vue";
-import { prefersReducedMotion, easingToken } from "../composables/easing.js";
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$3 } from "./LpCheckbox-Da5oZPHo.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-CRnjoqSt.js";
-import { _ as _sfc_main$2 } from "./LpIcon-6tSrZ3Zy.js";
+import { _ as _sfc_main$5 } from "./LpBadge-HOEPBYmi.js";
+import { _ as _sfc_main$4 } from "./LpCheckbox-DHc2bHDe.js";
+import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
+import { staggerDelay } from "../components/reveal.js";
+import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];
 const _hoisted_2 = ["data-node-id", "tabindex"];
 const _hoisted_3 = { class: "min-w-0 flex-1 shrink-[2] truncate" };
 const _hoisted_4 = {
-  key: 1,
-  class: "shrink-0 rounded-pill bg-brand-soft px-1.5 py-0.5 text-[11px] font-medium tabular-nums text-brand"
-};
-const _hoisted_5 = {
   key: 2,
   class: "min-w-0 shrink truncate text-xs text-muted"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 3,
   class: "shrink-0 text-xs tabular-nums text-muted/80"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 4,
   class: "w-16 shrink-0 text-right text-xs tabular-nums text-muted"
 };
-const _hoisted_8 = {
-  key: 0,
+const _hoisted_7 = {
   role: "group",
   class: "flex min-w-0 flex-col overflow-hidden"
 };
@@ -67,10 +66,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const checkState = computed(
       () => props.checkable ? stat.value?.state ?? "unchecked" : "unchecked"
     );
+    const locale = useLocale();
     const sizeLabel = computed(() => {
       if (!props.showSize) return "";
       const bytes = stat.value?.size;
-      return bytes === void 0 ? "" : formatSize(bytes);
+      return bytes === void 0 ? "" : formatSize(bytes, locale.value);
     });
     const countLabel = computed(() => {
       if (!props.checkable || !isDir.value) return "";
@@ -78,32 +78,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return total && checked && checked < total ? `${checked} / ${total}` : "";
     });
     const modifiedLabel = computed(
-      () => props.showModified && props.node.modified !== void 0 ? formatModified(props.node.modified) : ""
+      () => props.showModified && props.node.modified !== void 0 ? formatModified(props.node.modified, locale.value) : ""
     );
     function rowDelay(index) {
-      return `${Math.min(index * 18, 180)}ms`;
-    }
-    function onBranchEnter(el, done) {
-      if (prefersReducedMotion()) return done();
-      const height = el.scrollHeight;
-      el.animate(
-        [
-          { height: "0px", opacity: 0 },
-          { height: `${height}px`, opacity: 1 }
-        ],
-        { duration: 220, easing: easingToken("ease-emphasized") }
-      ).onfinish = () => done();
-    }
-    function onBranchLeave(el, done) {
-      if (prefersReducedMotion()) return done();
-      const height = el.scrollHeight;
-      el.animate(
-        [
-          { height: `${height}px`, opacity: 1 },
-          { height: "0px", opacity: 0 }
-        ],
-        { duration: 180, easing: easingToken("ease-emphasized") }
-      ).onfinish = () => done();
+      return `${staggerDelay(index, 0, 18, 10)}ms`;
     }
     function onActivate() {
       if (props.node.disabled) return;
@@ -146,17 +124,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 isLoading.value ? (openBlock(), createBlock(_sfc_main$2, {
                   key: 0,
-                  name: "lucide:loader-circle",
-                  size: 13,
-                  class: "animate-spin text-muted"
-                })) : canExpand.value ? (openBlock(), createBlock(_sfc_main$2, {
+                  size: "inline",
+                  delay: 0,
+                  "aria-hidden": "true",
+                  class: "text-[13px] text-muted"
+                })) : canExpand.value ? (openBlock(), createBlock(_sfc_main$3, {
                   key: 1,
                   name: "lucide:chevron-right",
                   size: 14,
                   class: normalizeClass(["text-muted transition-transform duration-[var(--duration-fast)]", isOpen.value ? "rotate-90" : ""])
                 }, null, 8, ["class"])) : createCommentVNode("", true)
               ], 2),
-              __props.checkable ? (openBlock(), createBlock(_sfc_main$3, {
+              __props.checkable ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
                 "model-value": checkState.value === "checked",
                 indeterminate: checkState.value === "indeterminate",
@@ -167,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["stop"])),
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("check", __props.node, $event))
               }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : createCommentVNode("", true),
-              createVNode(_sfc_main$2, {
+              createVNode(_sfc_main$3, {
                 name: unref(fileIcon)(__props.node, isOpen.value),
                 size: __props.iconSize,
                 class: normalizeClass(["shrink-0", __props.node.disabled ? "" : isDir.value ? "text-brand" : "text-muted"])
@@ -182,21 +161,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createTextVNode(toDisplayString(__props.node.name), 1)
                 ])
               ]),
-              countLabel.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(countLabel.value), 1)) : createCommentVNode("", true),
-              __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
-              modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
-              sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
+              countLabel.value ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 1,
+                tone: "brand",
+                size: "sm",
+                class: "tabular-nums"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(countLabel.value), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
+              modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
+              sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
             ], 14, _hoisted_2)
           ]),
           _: 3
         }, 8, ["items", "title", "title-icon"]),
-        createVNode(Transition, {
-          css: false,
-          onEnter: onBranchEnter,
-          onLeave: onBranchLeave
+        createVNode(_sfc_main$6, {
+          open: isOpen.value && hasChildren.value
         }, {
           default: withCtx(() => [
-            isOpen.value && hasChildren.value ? (openBlock(), createElementBlock("ul", _hoisted_8, [
+            createElementVNode("ul", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(children.value, (child, i) => {
                 return openBlock(), createBlock(_component_LpFileTreeNode, {
                   key: child.id,
@@ -226,10 +213,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 3
                 }, 8, ["style", "node", "depth", "expanded", "loading", "selected-id", "focused-id", "sort", "icon-size", "checkable", "checked", "stats", "show-size", "show-modified"]);
               }), 128))
-            ])) : createCommentVNode("", true)
+            ])
           ]),
           _: 3
-        })
+        }, 8, ["open"])
       ], 16, _hoisted_1);
     };
   }

package/dist/chunks/{LpFormField-DPb47HEm.js → LpFormField-BWwgm1E4.js}

@@ -1,6 +1,6 @@
-import { defineComponent, useId, computed, useSlots, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode, normalizeClass } from "vue";
+import { defineComponent, useId, computed, useSlots, ref, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode, normalizeClass } from "vue";
 import { Label } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpFieldNotice-CHuDeLjc.js";
+import { _ as _sfc_main$1 } from "./LpFieldNotice-CurbNuXI.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { fieldMessageId, provideField } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
@@ -9,9 +9,8 @@ const _hoisted_1 = {
   key: 0,
   class: "text-danger"
 };
-const _hoisted_2 = { class: "relative" };
+const _hoisted_2 = ["id"];
 const _hoisted_3 = ["id"];
-const _hoisted_4 = ["id"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -50,13 +49,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex min-w-0 flex-col gap-1.5"
     );
+    const control = ref(null);
+    const LABELABLE = "input, button, select, textarea, meter, output, progress";
+    function focusControl() {
+      const target = document.getElementById(id.value);
+      if (target?.matches(LABELABLE)) return;
+      const first = control.value?.querySelector(
+        'input:not([type="hidden"]):not([disabled]), button:not([disabled]), select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]'
+      );
+      first?.focus();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         __props.label ? (openBlock(), createBlock(unref(Label), {
           key: 0,
           id: `${id.value}-label`,
           for: id.value,
-          class: "text-sm font-medium text-ink"
+          class: "text-sm font-medium text-ink",
+          onClick: focusControl
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
@@ -64,7 +74,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["id", "for"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", {
+          ref_key: "control",
+          ref: control,
+          class: "relative"
+        }, [
           renderSlot(_ctx.$slots, "default", {
             id: id.value,
             describedBy: hasMessage.value ? messageId.value : void 0
@@ -73,14 +87,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             notice: unref(notice),
             id: noticeId.value
           }, null, 8, ["notice", "id"])
-        ]),
+        ], 512),
         createVNode(_sfc_main$2, { axis: "height" }, {
           default: withCtx(() => [
             __props.error ? (openBlock(), createElementBlock("p", {
               key: 0,
               id: messageId.value,
               class: normalizeClass(["pt-1.5 text-xs text-danger transition-opacity duration-fast", unref(notice).message.value ? "opacity-0" : ""])
-            }, toDisplayString(__props.error), 11, _hoisted_3)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", {
+            }, toDisplayString(__props.error), 11, _hoisted_2)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", {
               key: 1,
               id: messageId.value,
               class: normalizeClass(["pt-1.5 text-xs text-muted transition-opacity duration-fast", unref(notice).message.value ? "opacity-0" : ""])
@@ -88,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "hint", {}, () => [
                 createTextVNode(toDisplayString(__props.hint), 1)
               ])
-            ], 10, _hoisted_4)) : createCommentVNode("", true)
+            ], 10, _hoisted_3)) : createCommentVNode("", true)
           ]),
           _: 3
         })

package/dist/chunks/LpFrame-BVQCQLDI.js

@@ -0,0 +1,155 @@
+import { defineComponent, ref, shallowRef, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, createBlock, Teleport, renderSlot, createCommentVNode } from "vue";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { provideView, forwardViewEvents } from "../composables/useView.js";
+const _hoisted_1 = ["title"];
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpFrame",
+  props: {
+    height: {},
+    title: { default: "Preview" }
+  },
+  setup(__props) {
+    const props = __props;
+    const frame = ref(null);
+    const view = shallowRef(null);
+    provideView(computed(() => view.value));
+    const contentHeight = ref(0);
+    const fixed = computed(
+      () => props.height === void 0 ? void 0 : typeof props.height === "number" ? `${props.height}px` : props.height
+    );
+    const { class: frameClass, attrs: rest } = useMergedAttrs(
+      "block w-full border-0 bg-transparent transition-[height] duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none"
+    );
+    const cleanups = [];
+    function mirrorHead(doc) {
+      const copies = /* @__PURE__ */ new Map();
+      const copy = (node) => {
+        if (!(node instanceof HTMLStyleElement || node instanceof HTMLLinkElement && node.rel === "stylesheet")) return;
+        const clone = doc.importNode(node, true);
+        copies.set(node, clone);
+        doc.head.appendChild(clone);
+      };
+      for (const node of document.head.childNodes) copy(node);
+      const observer = new MutationObserver((records) => {
+        for (const record of records) {
+          if (record.type === "childList") {
+            for (const node of record.addedNodes) copy(node);
+            for (const node of record.removedNodes) {
+              copies.get(node)?.parentNode?.removeChild(copies.get(node));
+              copies.delete(node);
+            }
+            continue;
+          }
+          const style = record.target instanceof HTMLStyleElement ? record.target : record.target.parentNode;
+          if (style instanceof HTMLStyleElement && copies.has(style)) copies.get(style).textContent = style.textContent;
+        }
+      });
+      observer.observe(document.head, { childList: true, subtree: true, characterData: true });
+      cleanups.push(() => observer.disconnect());
+    }
+    function mirrorRoot(doc) {
+      const sync = () => {
+        const from = document.documentElement;
+        const to = doc.documentElement;
+        for (const name of to.getAttributeNames()) if (!from.hasAttribute(name)) to.removeAttribute(name);
+        for (const name of from.getAttributeNames()) to.setAttribute(name, from.getAttribute(name) ?? "");
+      };
+      sync();
+      const observer = new MutationObserver(sync);
+      observer.observe(document.documentElement, { attributes: true });
+      cleanups.push(() => observer.disconnect());
+    }
+    function liftForeignLocks(doc) {
+      const lift = () => {
+        if (!doc.querySelector("[data-dismissable-layer]")) return;
+        if (document.querySelector("[data-dismissable-layer]")) return;
+        const style = document.body.style;
+        if (style.pointerEvents === "none") style.pointerEvents = "";
+        if (style.overflow === "hidden") {
+          style.overflow = "";
+          style.paddingRight = "";
+          style.marginRight = "";
+        }
+      };
+      const observer = new MutationObserver(lift);
+      observer.observe(document.body, { attributes: true, attributeFilter: ["style"] });
+      cleanups.push(() => observer.disconnect());
+    }
+    function setup() {
+      const win = frame.value?.contentWindow;
+      const doc = frame.value?.contentDocument;
+      if (!win || !doc) return;
+      const base = doc.createElement("base");
+      base.href = document.baseURI;
+      doc.head.appendChild(base);
+      doc.body.style.margin = "0";
+      doc.body.style.background = "transparent";
+      mirrorHead(doc);
+      mirrorRoot(doc);
+      liftForeignLocks(doc);
+      cleanups.push(forwardViewEvents(doc, document));
+      const content = doc.createElement("div");
+      doc.body.appendChild(content);
+      let pending = 0;
+      const measure = () => {
+        pending = 0;
+        let bottom = content.offsetHeight;
+        for (const child of doc.body.children) {
+          if (child === content) continue;
+          for (const layer of child.querySelectorAll("[data-dismissable-layer], [role=dialog], [role=menu], [role=listbox]")) {
+            bottom = Math.max(bottom, Math.ceil(layer.getBoundingClientRect().bottom + 8));
+          }
+        }
+        contentHeight.value = bottom;
+      };
+      const schedule = () => {
+        if (!pending) pending = win.requestAnimationFrame(measure);
+      };
+      const Observer = win.ResizeObserver;
+      const resize = new Observer(schedule);
+      resize.observe(content);
+      const layers = new win.MutationObserver(schedule);
+      layers.observe(doc.body, { childList: true, subtree: true });
+      cleanups.push(() => {
+        resize.disconnect();
+        layers.disconnect();
+        if (pending) win.cancelAnimationFrame(pending);
+      });
+      view.value = { window: win, document: doc, portal: doc.body };
+      root.value = content;
+    }
+    const root = shallowRef(null);
+    onMounted(() => {
+      const el = frame.value;
+      if (!el) return;
+      if (el.contentDocument?.readyState === "complete") setup();
+      else el.addEventListener("load", setup, { once: true });
+    });
+    onBeforeUnmount(() => {
+      for (const clean of cleanups) clean();
+      cleanups.length = 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("iframe", mergeProps({
+          ref_key: "frame",
+          ref: frame,
+          title: __props.title,
+          class: unref(frameClass),
+          style: { height: fixed.value ?? `${contentHeight.value}px` }
+        }, unref(rest)), null, 16, _hoisted_1),
+        root.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: root.value
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 8, ["to"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpGauge-Bk8TwJj0.js

@@ -0,0 +1,204 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, createVNode, toDisplayString, createCommentVNode, createBlock } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+import { useLocale } from "../composables/useLocale.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { useRevealedValue } from "../composables/useRevealedValue.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-Cfyh033Q.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { capacityThresholds, toneAt, GAUGE_SWEEP, arcPath, meterFraction, polar } from "../components/meter.js";
+import { toneLook } from "../components/tone.js";
+const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-label"];
+const _hoisted_2 = { class: "relative" };
+const _hoisted_3 = ["width", "height", "viewBox"];
+const _hoisted_4 = ["d", "stroke-width"];
+const _hoisted_5 = ["d", "stroke", "stroke-width", "stroke-dasharray", "opacity"];
+const _hoisted_6 = ["x1", "y1", "x2", "y2", "stroke"];
+const _hoisted_7 = {
+  key: 0,
+  class: "text-[0.55em] font-medium text-muted"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "mt-1 text-xs text-muted"
+};
+const _hoisted_9 = {
+  class: "font-mono tabular-nums",
+  "aria-hidden": "true"
+};
+const _hoisted_10 = { class: "truncate text-xs" };
+const _hoisted_11 = {
+  class: "text-right font-mono tabular-nums",
+  "aria-hidden": "true"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpGauge",
+  props: {
+    value: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    thresholds: {},
+    tone: {},
+    label: {},
+    unit: {},
+    decimals: { default: 0 },
+    format: {},
+    variant: { default: "semi" },
+    size: { default: 160 },
+    thickness: {},
+    showRange: { type: Boolean, default: void 0 },
+    showThresholds: { type: Boolean, default: true },
+    animateOnMount: { type: Boolean, default: true },
+    duration: { default: 900 },
+    locale: {},
+    labels: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const text = useLabels("gauge", { warning: "warning", danger: "critical" }, () => props.labels);
+    const locale = useLocale(() => props.locale);
+    const { el: revealAnchor, shown } = useRevealedValue(() => props.value, {
+      from: () => props.min,
+      animateOnMount: () => props.animateOnMount,
+      duration: () => props.duration
+    });
+    const steps = computed(() => props.thresholds ?? capacityThresholds(props.min, props.max));
+    const paintedTone = computed(() => props.tone ?? toneAt(props.value, steps.value));
+    const thick = computed(() => props.thickness ?? Math.max(4, Math.round(props.size * 0.075)));
+    const sweep = computed(() => GAUGE_SWEEP[props.variant]);
+    const NOTCH = 5;
+    const radius = computed(() => (props.size - thick.value) / 2 - (props.showThresholds ? NOTCH : 0));
+    const cx = computed(() => props.size / 2);
+    const cy = computed(() => props.size / 2);
+    const height = computed(
+      () => props.variant === "semi" ? Math.ceil(cy.value + thick.value / 2) : props.size
+    );
+    const track = computed(() => arcPath(cx.value, cy.value, radius.value, sweep.value[0], sweep.value[1]));
+    const fraction = computed(() => meterFraction(shown.value, props.min, props.max));
+    const dash = computed(() => `${(fraction.value * 1e3).toFixed(2)} 1000`);
+    const notches = computed(() => {
+      if (!props.showThresholds) return [];
+      const [from, to] = sweep.value;
+      const inner = radius.value + thick.value / 2 + 1.5;
+      const outer = inner + NOTCH - 1;
+      return steps.value.filter((s) => s.at > props.min && s.at < props.max).map((s) => {
+        const deg = from + (to - from) * meterFraction(s.at, props.min, props.max);
+        const a = polar(cx.value, cy.value, inner, deg);
+        const b = polar(cx.value, cy.value, outer, deg);
+        return { key: `${s.at}-${s.tone}`, a, b, color: toneLook(s.tone).color };
+      });
+    });
+    const rangeShown = computed(() => props.showRange ?? props.variant === "semi");
+    const formatter = computed(() => {
+      if (props.format) return props.format;
+      const nf = new Intl.NumberFormat(locale.value, {
+        minimumFractionDigits: props.decimals,
+        maximumFractionDigits: props.decimals
+      });
+      return (v) => nf.format(v);
+    });
+    const valueText = computed(() => {
+      const reading = `${formatter.value(props.value)}${props.unit ? ` ${props.unit}` : ""}`;
+      const tone = paintedTone.value;
+      return tone === "warning" || tone === "danger" ? `${reading}, ${text.value[tone]}` : reading;
+    });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "relative inline-flex shrink-0 flex-col items-center"
+    );
+    const figureSize = computed(() => `${Math.max(14, Math.round(props.size * 0.19))}px`);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref: (el) => revealAnchor.value = el,
+        role: "meter",
+        "aria-valuenow": __props.value,
+        "aria-valuemin": __props.min,
+        "aria-valuemax": __props.max,
+        "aria-valuetext": valueText.value,
+        "aria-label": __props.label,
+        class: unref(rootClass),
+        style: { width: `${__props.size}px` }
+      }, unref(rest)), [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(), createElementBlock("svg", {
+            width: __props.size,
+            height: height.value,
+            viewBox: `0 0 ${__props.size} ${height.value}`,
+            class: "overflow-visible",
+            "aria-hidden": "true"
+          }, [
+            createElementVNode("path", {
+              d: track.value,
+              fill: "none",
+              stroke: "var(--color-surface-soft)",
+              "stroke-width": thick.value,
+              "stroke-linecap": "round"
+            }, null, 8, _hoisted_4),
+            createElementVNode("path", {
+              d: track.value,
+              fill: "none",
+              pathLength: "1000",
+              stroke: unref(toneLook)(paintedTone.value).color,
+              "stroke-width": thick.value,
+              "stroke-linecap": "round",
+              "stroke-dasharray": dash.value,
+              opacity: fraction.value > 5e-4 ? 1 : 0,
+              class: "transition-[stroke] duration-(--duration-slow) ease-(--ease-emphasized) motion-reduce:transition-none"
+            }, null, 8, _hoisted_5),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(notches.value, (n) => {
+              return openBlock(), createElementBlock("line", {
+                key: n.key,
+                x1: n.a.x,
+                y1: n.a.y,
+                x2: n.b.x,
+                y2: n.b.y,
+                stroke: n.color,
+                "stroke-width": "2",
+                "stroke-linecap": "round"
+              }, null, 8, _hoisted_6);
+            }), 128))
+          ], 8, _hoisted_3)),
+          createElementVNode("div", {
+            class: normalizeClass(["pointer-events-none absolute inset-x-0 flex flex-col items-center leading-none", __props.variant === "semi" ? "bottom-0" : "top-1/2 -translate-y-1/2"])
+          }, [
+            createElementVNode("span", {
+              class: "flex items-baseline gap-0.5 font-mono font-semibold text-ink",
+              style: normalizeStyle({ fontSize: figureSize.value })
+            }, [
+              createVNode(_sfc_main$1, {
+                value: unref(shown),
+                decimals: __props.decimals,
+                format: __props.format,
+                locale: unref(locale),
+                duration: 0,
+                "animate-on-mount": false,
+                style: { "--lp-nf-spin": "90ms" }
+              }, null, 8, ["value", "decimals", "format", "locale"]),
+              __props.unit ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.unit), 1)) : createCommentVNode("", true)
+            ], 4),
+            __props.label && __props.variant === "full" ? (openBlock(), createElementBlock("span", _hoisted_8, [
+              createVNode(_sfc_main$2, { value: __props.label }, null, 8, ["value"])
+            ])) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        rangeShown.value || __props.label && __props.variant === "semi" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "mt-1 grid w-full grid-cols-[1fr_auto_1fr] items-baseline gap-2 text-[11px] text-muted",
+          style: normalizeStyle({ paddingInline: `${Math.max(0, cx.value - radius.value - thick.value / 2)}px` })
+        }, [
+          createElementVNode("span", _hoisted_9, toDisplayString(rangeShown.value ? formatter.value(__props.min) : ""), 1),
+          createElementVNode("span", _hoisted_10, [
+            __props.label && __props.variant === "semi" ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              value: __props.label
+            }, null, 8, ["value"])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("span", _hoisted_11, toDisplayString(rangeShown.value ? formatter.value(__props.max) : ""), 1)
+        ], 4)) : createCommentVNode("", true)
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpGlowBorder-B8V-QzIl.js

@@ -0,0 +1,40 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpGlowBorder",
+  props: {
+    from: {},
+    to: {},
+    width: { default: 1.5 },
+    speed: { default: 4 },
+    active: { type: Boolean, default: true },
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { class: classes, attrs: rest } = useMergedAttrs(() => "lp-glow-border rounded-card");
+    const style = computed(() => ({
+      "--lp-glow-width": `${props.width}px`,
+      "--lp-glow-speed": `${props.speed}s`,
+      ...props.from ? { "--lp-glow-from": props.from } : {},
+      ...props.to ? { "--lp-glow-to": props.to } : {}
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+        class: unref(classes),
+        style: style.value,
+        "data-lp-glow-off": __props.active ? void 0 : ""
+      }, unref(rest)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "style", "data-lp-glow-off"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};