@leavepulse/ui 0.31.1 → 0.32.0

package/dist/chunks/{LpDatePicker-dY2q4dr4.js → LpDatePicker-6JFXllj5.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, toDisplayString, createElementBlock, withKeys, withModifiers, createCommentVNode } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-B7ZL0ty3.js";
+import { _ as _sfc_main$2 } from "./LpCalendar-B7Ko5RdR.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = ["onKeydown"];

package/dist/chunks/{LpDisclosure-B4kVAWfg.js → LpDisclosure-y7wDBgLa.js}

@@ -1,9 +1,12 @@
-import { defineComponent, getCurrentInstance, computed, ref, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, nextTick } from "vue";
+import { defineComponent, getCurrentInstance, computed, ref, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, nextTick } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
 const _hoisted_2 = { class: "grid gap-2.5 px-3 pt-1 pb-3 group-data-[state=open]/content:animate-[disclosure-body-in_300ms_var(--ease-emphasized)] motion-reduce:animate-none" };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpDisclosure",
   props: {
     open: { type: Boolean },
@@ -32,15 +35,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "overflow-hidden rounded-control border border-line bg-surface-soft"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollapsibleRoot), {
+      return openBlock(), createBlock(unref(CollapsibleRoot), mergeProps({
         ref_key: "root",
         ref: root,
         open: rootOpen.value,
         "default-open": __props.defaultOpen,
-        class: "overflow-hidden rounded-control border border-line bg-surface-soft",
-        "onUpdate:open": onToggle
-      }, {
+        class: unref(rootClass)
+      }, unref(rest), { "onUpdate:open": onToggle }), {
         default: withCtx(() => [
           createVNode(unref(CollapsibleTrigger), { class: "group flex w-full items-center gap-2 px-3 py-2.5 text-sm font-semibold text-ink outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring" }, {
             default: withCtx(() => [
@@ -73,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["open", "default-open"]);
+      }, 16, ["open", "default-open", "class"]);
     };
   }
 });

package/dist/chunks/{LpEmptyState-BV3q7Qyi.js → LpEmptyState-Dsdqz1Wj.js}

@@ -1,5 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex flex-col gap-1" };
 const _hoisted_2 = {
   key: 0,
@@ -9,7 +10,9 @@ const _hoisted_3 = {
   key: 1,
   class: "mt-1"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpEmptyState",
   props: {
     icon: {},
@@ -18,10 +21,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     compact: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "flex flex-col items-center px-6 text-center",
+        props.compact ? "gap-2 py-6" : "gap-3 py-12"
+      ].join(" ")
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex flex-col items-center px-6 text-center", __props.compact ? "gap-2 py-6" : "gap-3 py-12"])
-      }, [
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         __props.icon ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["flex items-center justify-center rounded-pill bg-surface-soft text-muted", __props.compact ? "size-9" : "size-12"])
@@ -40,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("", true)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpFileTree-DfFqY__1.js → LpFileTree-C-NFRT0H.js}

@@ -1,22 +1,21 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, 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-COchUMNn.js";
+import { _ as _sfc_main$1 } from "./LpEmptyState-Dsdqz1Wj.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-DNJUJiiB.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
-  key: 0,
-  class: "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"
-};
-const _hoisted_2 = {
   key: 2,
   class: "flex h-full w-full min-w-0 flex-col"
 };
-const _hoisted_3 = ["aria-multiselectable"];
-const _hoisted_4 = {
+const _hoisted_2 = ["aria-multiselectable"];
+const _hoisted_3 = {
   key: 0,
   class: "shrink-0 border-t border-line px-2 py-1.5 text-xs text-muted"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpFileTree",
   props: {
     nodes: {},
@@ -316,8 +315,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setExpanded(/* @__PURE__ */ new Set());
     }
     __expose({ reveal, expandAll, collapseAll, checkAll, clearChecked, summary });
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"
+    );
     return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return __props.loading ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        class: unref(rootClass)
+      }, unref(rest)), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
           return openBlock(), createElementBlock("div", {
             key: n,
@@ -325,12 +330,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ marginLeft: `${n % 3 * 14}px` })
           }, null, 4);
         }), 128))
-      ])) : !roots.value.length ? (openBlock(), createBlock(_sfc_main$1, {
+      ], 16)) : !roots.value.length ? (openBlock(), createBlock(_sfc_main$1, {
         key: 1,
         icon: "lucide:folder-search",
         title: __props.emptyLabel,
         description: __props.emptyDescription
-      }, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+      }, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$2, { class: "min-h-0 w-full min-w-0 flex-1" }, {
           default: withCtx(() => [
             createElementVNode("ul", {
@@ -368,11 +373,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 3
                 }, 8, ["node", "expanded", "loading", "selected-id", "focused-id", "sort", "icon-size", "checkable", "checked", "stats", "show-size", "show-modified"]);
               }), 128))
-            ], 40, _hoisted_3)
+            ], 40, _hoisted_2)
           ]),
           _: 3
         }),
-        __props.checkable && (_ctx.$slots.summary || summary.value.files || summary.value.dirs) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        __props.checkable && (_ctx.$slots.summary || summary.value.files || summary.value.dirs) ? (openBlock(), createElementBlock("div", _hoisted_3, [
           renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps(summary.value)), () => [
             createTextVNode(toDisplayString(summary.value.files) + " " + toDisplayString(summary.value.files === 1 ? "file" : "files"), 1),
             summary.value.dirs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [

package/dist/chunks/{LpFileTreeNode-COchUMNn.js → LpFileTreeNode-DNJUJiiB.js}

@@ -1,9 +1,10 @@
-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 { 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 { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$3 } from "./LpCheckbox-BO0zuuPh.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-CVccKYaH.js";
 import { _ as _sfc_main$1 } from "./LpContextMenu-B6WBLleS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.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" };
@@ -28,7 +29,9 @@ const _hoisted_8 = {
   role: "group",
   class: "flex min-w-0 flex-col overflow-hidden"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpFileTreeNode",
   props: {
     node: {},
@@ -108,16 +111,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("select", props.node);
       if (isDir.value) emit("toggle", props.node);
     }
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "min-w-0"
+    );
     return (_ctx, _cache) => {
       const _component_LpFileTreeNode = resolveComponent("LpFileTreeNode", true);
-      return openBlock(), createElementBlock("li", {
+      return openBlock(), createElementBlock("li", mergeProps({
         role: "treeitem",
-        class: "min-w-0",
+        class: unref(rootClass)
+      }, unref(rest), {
         "aria-level": __props.depth + 1,
         "aria-selected": isSelected.value,
         "aria-expanded": canExpand.value ? isOpen.value : void 0,
         "aria-disabled": __props.node.disabled || void 0
-      }, [
+      }), [
         createVNode(_sfc_main$1, {
           items: __props.node.menu ?? []
         }, {
@@ -221,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ], 8, _hoisted_1);
+      ], 16, _hoisted_1);
     };
   }
 });

package/dist/chunks/{LpFormField-fV_2ZdCk.js → LpFormField-CazBc2-a.js}

@@ -1,20 +1,22 @@
-import { defineComponent, useId, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
+import { defineComponent, useId, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
 import { Label } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
-const _hoisted_1 = { class: "flex min-w-0 flex-col gap-1.5" };
-const _hoisted_2 = {
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+const _hoisted_1 = {
   key: 0,
   class: "text-danger"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "pt-1.5 text-xs text-danger"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 1,
   class: "pt-1.5 text-xs text-muted"
 };
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpFormField",
   props: {
     label: {},
@@ -24,8 +26,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const id = useId();
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "flex min-w-0 flex-col gap-1.5"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         __props.label ? (openBlock(), createBlock(unref(Label), {
           key: 0,
           for: unref(id),
@@ -33,14 +38,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
-            __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("", true)
+            __props.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["for"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", { id: unref(id) }),
         createVNode(_sfc_main$1, { axis: "height" }, {
           default: withCtx(() => [
-            __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", _hoisted_4, [
+            __props.error ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.error), 1)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", _hoisted_3, [
               renderSlot(_ctx.$slots, "hint", {}, () => [
                 createTextVNode(toDisplayString(__props.hint), 1)
               ])
@@ -48,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ]);
+      ], 16);
     };
   }
 });

package/dist/chunks/{LpInput-Bt4J71xn.js → LpInput-9EXWUM9B.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBl
 import { tv } from "tailwind-variants";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpLightbox-Ci35Y_xP.js → LpLightbox-Cixfxezw.js}

@@ -35,6 +35,7 @@ const _hoisted_12 = {
 };
 const _hoisted_13 = ["data-index", "aria-label", "onClick"];
 const _hoisted_14 = ["src", "alt"];
+const WHEEL_STEP = 60;
 const BTN = "flex size-9 items-center justify-center rounded-control text-white/80 outline-none transition-colors duration-[var(--duration-fast)] hover:bg-white/15 hover:text-white focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40";
 const ARROW = "absolute top-1/2 z-10 flex size-11 -translate-y-1/2 items-center justify-center rounded-pill bg-black/45 text-white/90 outline-none backdrop-blur-sm transition-[background-color,scale] duration-[var(--duration-fast)] hover:bg-black/65 hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-0";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -79,6 +80,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const canPrev = computed(() => total.value > 1 && (props.loop || current.value > 0));
     const canNext = computed(() => total.value > 1 && (props.loop || current.value < total.value - 1));
+    const wheelAccum = ref(0);
+    let wheelTimer;
+    function onStageWheel(e) {
+      const overImage = e.target?.closest("[data-lightbox-image]");
+      if (overImage || isZoomed.value) {
+        zoom.onWheel(e);
+        return;
+      }
+      if (total.value < 2) return;
+      e.preventDefault();
+      wheelAccum.value += e.deltaY;
+      clearTimeout(wheelTimer);
+      wheelTimer = setTimeout(() => wheelAccum.value = 0, 200);
+      while (Math.abs(wheelAccum.value) >= WHEEL_STEP) {
+        const dir = wheelAccum.value > 0 ? 1 : -1;
+        wheelAccum.value -= dir * WHEEL_STEP;
+        if (dir > 0 ? !canNext.value : !canPrev.value) {
+          wheelAccum.value = 0;
+          break;
+        }
+        go(current.value + dir);
+      }
+    }
     watch(
       () => [current.value, props.open],
       () => {
@@ -205,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
-        "onUpdate:open": _cache[9] || (_cache[9] = (v) => emit("update:open", v))
+        "onUpdate:open": _cache[8] || (_cache[8] = (v) => emit("update:open", v))
       }, {
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
@@ -311,13 +335,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ref_key: "viewport",
                     ref: viewport,
                     class: normalizeClass(["relative flex min-h-0 flex-1 items-center justify-center overflow-hidden", isPanning.value ? "cursor-grabbing" : isZoomed.value ? "cursor-grab" : ""]),
-                    onWheel: _cache[6] || (_cache[6] = //@ts-ignore
-                    (...args) => unref(zoom).onWheel && unref(zoom).onWheel(...args)),
+                    onWheel: onStageWheel,
                     onPointerdown: onPointerDown,
-                    onPointermove: _cache[7] || (_cache[7] = //@ts-ignore
+                    onPointermove: _cache[6] || (_cache[6] = //@ts-ignore
                     (...args) => unref(zoom).onPointerMove && unref(zoom).onPointerMove(...args)),
                     onPointerup: onPointerUp,
-                    onPointercancel: _cache[8] || (_cache[8] = //@ts-ignore
+                    onPointercancel: _cache[7] || (_cache[7] = //@ts-ignore
                     (...args) => unref(zoom).onPointerUp && unref(zoom).onPointerUp(...args)),
                     onDblclick: onDoubleClick,
                     onClick: onViewportClick
@@ -339,7 +362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         name: "lucide:image-off",
                         size: 40
                       }),
-                      _cache[10] || (_cache[10] = createElementVNode("p", { class: "text-sm" }, "This image couldn't be loaded.", -1))
+                      _cache[9] || (_cache[9] = createElementVNode("p", { class: "text-sm" }, "This image couldn't be loaded.", -1))
                     ])) : item.value ? (openBlock(), createElementBlock("img", {
                       key: item.value.src,
                       "data-lightbox-image": "",

package/dist/chunks/{LpLink-BHZ1CLlF.js → LpLink-DCND-zyu.js}

@@ -1,6 +1,8 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from "vue";
-const REVEAL_BASE = "relative after:absolute after:inset-x-0 after:-bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-[var(--duration-medium)] after:ease-[var(--ease-emphasized)] motion-reduce:after:transition-none";
+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: "LpLink",
   props: {
     href: {},
@@ -29,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return "text-brand hover:text-brand-hover";
       }
     });
+    const REVEAL_BASE = "relative after:absolute after:inset-x-0 after:-bottom-0.5 after:h-px after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-[var(--duration-medium)] after:ease-[var(--ease-emphasized)] motion-reduce:after:transition-none";
     const REVEAL_TRIGGER = {
       self: "hover:after:scale-x-100 focus-visible:after:scale-x-100",
       group: "group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100 focus-visible:after:scale-x-100"
@@ -36,21 +39,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const revealClass = computed(
       () => `${REVEAL_BASE} ${REVEAL_TRIGGER[props.revealOn]}`
     );
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "inline-flex items-center gap-1 underline-offset-2 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring",
+        colorClass.value,
+        props.variant === "reveal" ? revealClass.value : props.variant === "underline" ? "underline decoration-current/40 hover:decoration-current" : "hover:underline"
+      ].join(" ")
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
         href: isAnchor.value ? __props.href : void 0,
         target: target.value,
         rel: rel.value,
-        class: normalizeClass(["inline-flex items-center gap-1 underline-offset-2 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring", [
-          colorClass.value,
-          __props.variant === "reveal" ? revealClass.value : __props.variant === "underline" ? "underline decoration-current/40 hover:decoration-current" : "hover:underline"
-        ]])
-      }, {
+        class: unref(rootClass)
+      }, unref(rest)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["href", "target", "rel", "class"]);
+      }, 16, ["href", "target", "rel", "class"]);
     };
   }
 });

package/dist/chunks/{LpLogViewer-TSRyt3t9.js → LpLogViewer-y53ZqSVq.js}

@@ -1,10 +1,11 @@
-import { defineComponent, ref, shallowRef, computed, onMounted, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, normalizeStyle, createElementVNode, Fragment, createBlock, resolveDynamicComponent, TransitionGroup, mergeProps, renderList, createTextVNode } from "vue";
+import { defineComponent, ref, shallowRef, computed, onMounted, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, mergeProps, unref, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, normalizeStyle, createElementVNode, Fragment, createBlock, resolveDynamicComponent, TransitionGroup, renderList, normalizeClass, createTextVNode } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _sfc_main$3 } from "./LpContextMenu-B6WBLleS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,
   class: "pointer-events-none absolute top-2 left-1/2 z-10 -translate-x-1/2 rounded-pill bg-brand px-2.5 py-1 text-[11px] font-medium text-ink-inverse"
@@ -44,12 +45,9 @@ const _hoisted_12 = {
   key: 0,
   class: "absolute inset-x-0 bottom-3 flex justify-center"
 };
-const ROW_HEIGHT = 20;
-const VIRTUALISE_ABOVE = 200;
-const OVERSCAN = 12;
-const NEAR = 120;
-const TOP_NEAR = 80;
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpLogViewer",
   props: {
     lines: {},
@@ -270,6 +268,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return parts;
     }
+    const ROW_HEIGHT = 20;
+    const VIRTUALISE_ABOVE = 200;
+    const OVERSCAN = 12;
     const virtualise = computed(() => !props.wrap && visibleLines.value.length > VIRTUALISE_ABOVE);
     const viewportHeight = ref(0);
     const scrollTop = ref(0);
@@ -294,12 +295,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const scrollRef = ref(null);
     const pinned = ref(true);
+    const NEAR = 120;
     function viewport() {
       return scrollRef.value?.viewportEl ?? null;
     }
     function atBottom(el) {
       return el.scrollHeight - el.scrollTop - el.clientHeight <= NEAR;
     }
+    const TOP_NEAR = 80;
     let topArmed = true;
     function onScroll(e) {
       const el = e.target;
@@ -386,15 +389,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "leave-to-class": "max-h-0 -translate-y-1 opacity-0",
       "move-class": "transition-transform duration-200 ease-[var(--ease-emphasized)]"
     };
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      () => [
+        "relative overflow-hidden rounded-card border border-line bg-surface font-mono text-xs leading-relaxed",
+        frozen.value ? "ring-1 ring-brand" : ""
+      ].join(" ")
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", mergeProps({
         ref_key: "root",
         ref: root,
         tabindex: "-1",
-        class: normalizeClass(["relative overflow-hidden rounded-card border border-line bg-surface font-mono text-xs leading-relaxed", frozen.value ? "ring-1 ring-brand" : ""]),
+        class: unref(rootClass)
+      }, unref(rest), {
         onPointerenter: _cache[0] || (_cache[0] = ($event) => hovered.value = true),
         onPointerleave: _cache[1] || (_cache[1] = ($event) => hovered.value = false)
-      }, [
+      }), [
         createVNode(Transition, {
           "enter-active-class": "transition duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] motion-reduce:transition-none",
           "leave-active-class": "transition duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] motion-reduce:transition-none",
@@ -529,7 +539,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 34);
+      ], 16);
     };
   }
 });

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

@@ -1,7 +1,8 @@
-import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, Fragment, renderList, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, 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";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["tabindex", "aria-label"];
 const _hoisted_2 = ["src", "onLoad"];
 const _hoisted_3 = { class: "absolute right-2 top-2 flex flex-col gap-1.5" };
@@ -13,10 +14,9 @@ const _hoisted_8 = {
   key: 1,
   class: "pointer-events-none absolute bottom-0 right-0 rounded-tl-control bg-black/45 px-1.5 py-0.5 text-[10px] text-white/75 backdrop-blur-sm"
 };
-const PAN_STEP = 80;
-const ZOOM_MS = 220;
-const CONTROL = "flex size-8 items-center justify-center rounded-control bg-black/45 text-white/90 outline-none backdrop-blur-sm transition-[background-color,scale] duration-[var(--duration-fast)] hover:bg-black/65 hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40";
+const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   __name: "LpMapPicker",
   props: {
     modelValue: {},
@@ -35,6 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const PAN_STEP = 80;
+    const ZOOM_MS = 220;
     const seenTiles = /* @__PURE__ */ new Set();
     const tileSize = computed(() => props.tiles.tileSize ?? 256);
     const minZoom = computed(() => props.tiles.minZoom ?? 1);
@@ -379,11 +381,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       stopGlide();
     });
     __expose({ zoomIn: () => zoomBy(1), zoomOut: () => zoomBy(-1), recentre, locate });
+    const CONTROL = "flex size-8 items-center justify-center rounded-control bg-black/45 text-white/90 outline-none backdrop-blur-sm transition-[background-color,scale] duration-[var(--duration-fast)] hover:bg-black/65 hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40";
+    const { class: rootClass, attrs: rest } = useMergedAttrs(
+      "relative overflow-hidden rounded-control border border-line bg-surface-soft"
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "relative overflow-hidden rounded-control border border-line bg-surface-soft",
-        style: normalizeStyle({ height: __props.height })
-      }, [
+      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest), {
+        style: { height: __props.height }
+      }), [
         createElementVNode("div", {
           ref_key: "viewport",
           ref: viewport,
@@ -498,7 +503,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "pointer-events-none absolute left-2 top-2 animate-spin text-white/70 drop-shadow-[0_1px_2px_rgba(0,0,0,0.6)]"
         })) : createCommentVNode("", true),
         props.tiles.attribution ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(props.tiles.attribution), 1)) : createCommentVNode("", true)
-      ], 4);
+      ], 16);
     };
   }
 });