@leavepulse/ui 0.77.3 → 0.78.0

package/dist/chunks/{LayoutNode-DF5BMN0J.js → LayoutNode-D2f7v683.js}

@@ -1,18 +1,20 @@
 import { defineComponent, ref, computed, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createVNode, normalizeStyle, withCtx, renderSlot, mergeProps, createElementVNode, createCommentVNode, createBlock, unref, withModifiers, toDisplayString } from "vue";
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.js";
+import { startPointerDrag } from "../composables/pointerDrag.js";
 import { blockTitle } from "../layout/registry.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = ["onPointerdown"];
 const _hoisted_2 = {
   key: 1,
   class: "shrink-0 basis-2.5"
 };
 const _hoisted_3 = ["draggable"];
-const _hoisted_4 = ["onClick", "onDragstart", "onDragover", "onDrop"];
-const _hoisted_5 = { class: "truncate" };
-const _hoisted_6 = ["aria-label", "onClick"];
-const _hoisted_7 = { class: "flex min-h-0 min-w-0 flex-1" };
+const _hoisted_4 = ["onDragover", "onDrop"];
+const _hoisted_5 = ["aria-current", "onClick", "onDragstart"];
+const _hoisted_6 = { class: "truncate" };
+const _hoisted_7 = ["aria-label", "onClick"];
+const _hoisted_8 = { class: "flex min-h-0 min-w-0 flex-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LayoutNode",
   props: {
@@ -85,32 +87,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let stopSplitter = null;
     onBeforeUnmount(() => stopSplitter?.());
     function startSplitter(ev, parent, index) {
-      ev.preventDefault();
       const handle = ev.currentTarget;
       const host = handle.parentElement;
       if (!host) return;
-      handle.setPointerCapture?.(ev.pointerId);
       emit("resize-start");
-      const rect = host.getBoundingClientRect();
       const horizontal = parent.dir === "row";
-      const span = horizontal ? rect.width : rect.height;
       let last = horizontal ? ev.clientX : ev.clientY;
-      const move = (e) => {
-        const cur = horizontal ? e.clientX : e.clientY;
-        emit("resize", parent, index, (cur - last) / span);
-        last = cur;
-      };
-      const up = () => {
-        window.removeEventListener("pointermove", move);
-        window.removeEventListener("pointerup", up);
-        window.removeEventListener("pointercancel", up);
-        stopSplitter = null;
-        emit("resize-end");
-      };
-      stopSplitter = up;
-      window.addEventListener("pointermove", move);
-      window.addEventListener("pointerup", up);
-      window.addEventListener("pointercancel", up);
+      stopSplitter = startPointerDrag(ev, {
+        move(e) {
+          const cur = horizontal ? e.clientX : e.clientY;
+          const rect = host.getBoundingClientRect();
+          const span = horizontal ? rect.width : rect.height;
+          if (span > 0) emit("resize", parent, index, (cur - last) / span);
+          last = cur;
+        },
+        end() {
+          stopSplitter = null;
+          emit("resize-end");
+        }
+      });
     }
     return (_ctx, _cache) => {
       const _component_LayoutNode = resolveComponent("LayoutNode", true);
@@ -169,43 +164,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onDragend: _cache[10] || (_cache[10] = ($event) => (hoverSide.value = null, emit("dragend")))
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(leaf.value.blocks, (block, i) => {
-              return openBlock(), createElementBlock("button", {
+              return openBlock(), createElementBlock("div", {
                 key: block + i,
-                type: "button",
-                draggable: "true",
-                class: normalizeClass(["inline-flex max-w-40 cursor-grab items-center gap-1.5 rounded-control px-2 py-1 text-xs transition-colors active:cursor-grabbing", [
+                class: normalizeClass(["inline-flex max-w-40 items-center rounded-control text-xs transition-colors", [
                   i === leaf.value.active ? "bg-surface-soft text-ink" : "text-muted hover:bg-surface-soft/60 hover:text-ink",
                   tabDrag.value === i ? "opacity-40" : "",
                   tabOver.value === i && tabDrag.value !== null && tabDrag.value !== i ? "ring-1 ring-brand" : ""
                 ]]),
-                onClick: ($event) => emit("set-active", __props.node.id, i),
-                onDragstart: withModifiers(($event) => onTabDragStart(i, $event), ["stop"]),
                 onDragover: ($event) => onTabDragOver(i, $event),
-                onDrop: withModifiers(($event) => onTabDrop(i), ["stop"]),
-                onDragend: onTabDragEnd
+                onDrop: withModifiers(($event) => onTabDrop(i), ["stop"])
               }, [
-                tabIcon(block) ? (openBlock(), createBlock(_sfc_main$1, {
+                createElementVNode("button", {
+                  type: "button",
+                  draggable: "true",
+                  "aria-current": i === leaf.value.active ? "true" : void 0,
+                  class: "inline-flex min-w-0 cursor-grab items-center gap-1.5 rounded-control px-2 py-1 outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing",
+                  onClick: ($event) => emit("set-active", __props.node.id, i),
+                  onDragstart: withModifiers(($event) => onTabDragStart(i, $event), ["stop"]),
+                  onDragend: onTabDragEnd
+                }, [
+                  tabIcon(block) ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    name: tabIcon(block),
+                    size: 13
+                  }, null, 8, ["name"])) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_6, toDisplayString(tabTitle(block)), 1)
+                ], 40, _hoisted_5),
+                __props.edit && tabClosable(block) ? (openBlock(), createElementBlock("button", {
                   key: 0,
-                  name: tabIcon(block),
-                  size: 13
-                }, null, 8, ["name"])) : createCommentVNode("", true),
-                createElementVNode("span", _hoisted_5, toDisplayString(tabTitle(block)), 1),
-                __props.edit && tabClosable(block) ? (openBlock(), createElementBlock("span", {
-                  key: 1,
-                  class: "grid size-3.5 place-items-center rounded-pill text-muted hover:bg-line hover:text-ink",
-                  role: "button",
+                  type: "button",
+                  class: "mr-1 grid size-3.5 shrink-0 place-items-center rounded-pill text-muted outline-none hover:bg-line hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
                   "aria-label": `Close ${tabTitle(block)}`,
-                  onClick: withModifiers(($event) => emit("remove-block", __props.node.id, i), ["stop"])
+                  onClick: ($event) => emit("remove-block", __props.node.id, i)
                 }, [
                   createVNode(_sfc_main$1, {
                     name: "lucide:x",
                     size: 11
                   })
-                ], 8, _hoisted_6)) : createCommentVNode("", true)
+                ], 8, _hoisted_7)) : createCommentVNode("", true)
               ], 42, _hoisted_4);
             }), 128))
           ], 40, _hoisted_3)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
             renderSlot(_ctx.$slots, "block", {
               block: activeBlock.value,
               leafId: __props.node.id,

package/dist/chunks/{LpActionBar-BP1ld7-S.js → LpActionBar-BGMk5KoG.js}

@@ -2,9 +2,9 @@ import { defineComponent, useSlots, computed, ref, watch, openBlock, createBlock
 import { useLabels } from "../composables/useLpConfig.js";
 import { useBarStack } from "../components/actionBar.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$3 } from "./LpLoader-DVwkOmt9.js";
+import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpLoader-Bf1yZwaU.js";
 import { usePortalTarget } from "../composables/useView.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpActivityLine-CJvzrNpj.js → LpActivityLine-Ea-t5Vza.js}

@@ -1,4 +1,5 @@
 import { defineComponent, ref, watch, onBeforeUnmount, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
+import { useView } from "../composables/useView.js";
 import { prefersReducedMotion, durationToken } from "../composables/easing.js";
 import { useLoadingGate } from "../composables/useLoadingGate.js";
 import { useLabels } from "../composables/useLpConfig.js";
@@ -26,8 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const text = useLabels("activityLine", { busy: "Loading" }, () => props.labels);
+    const view = useView();
     const gated = useLoadingGate(() => props.active, {
-      delay: () => prefersReducedMotion() ? 0 : props.delay,
+      delay: () => prefersReducedMotion(view.value?.window) ? 0 : props.delay,
       minVisible: 300
     });
     const phase = ref("idle");
@@ -42,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         if (phase.value === "idle") return;
         phase.value = "finishing";
-        const hold = prefersReducedMotion() ? 0 : durationToken("duration-medium") * 3;
+        const hold = prefersReducedMotion(view.value?.window) ? 0 : durationToken("duration-medium", void 0, view.value?.document) * 3;
         doneTimer = setTimeout(() => phase.value = "idle", hold);
       },
       { immediate: true }

package/dist/chunks/{LpAddressInput-E8KtwU7-.js → LpAddressInput-ZqoZ-N2Y.js}

@@ -2,17 +2,17 @@ import { defineComponent, defineAsyncComponent, computed, watch, ref, onMounted,
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
-import { _ as _sfc_main$2 } from "./LpAutocomplete-C-SpPfBG.js";
-import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$1 } from "./LpFormField-Ch69Jd-X.js";
-import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$5 } from "./LpInput-Tw-yxT4I.js";
-import { _ as _sfc_main$7 } from "./LpModal-CoGhLTyH.js";
-import { _ as _sfc_main$6 } from "./LpSelect-Cxq4yBGd.js";
-import { useFieldControl } from "../composables/useField.js";
+import { _ as _sfc_main$2 } from "./LpAutocomplete-DkY6CSyD.js";
+import { _ as _sfc_main$3 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$1 } from "./LpFormField-BKYn9dyP.js";
+import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$5 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$7 } from "./LpModal-DrtQ_1A2.js";
+import { _ as _sfc_main$6 } from "./LpSelect-Y-iuSymW.js";
+import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = ["aria-labelledby", "aria-describedby", "aria-invalid"];
+const _hoisted_1 = ["aria-labelledby", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = { class: "flex items-stretch gap-2" };
 const _hoisted_3 = { class: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_10rem]" };
 const _hoisted_4 = {
@@ -204,10 +204,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({
         role: "group",
         "aria-labelledby": unref(field).labelId,
-        "aria-describedby": unref(field).describedBy,
         "aria-invalid": unref(field).invalid || void 0,
         class: unref(rootClass)
-      }, unref(rest)), [
+      }, unref(rest), {
+        "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy)
+      }), [
         createVNode(_sfc_main$1, {
           label: unref(text).line
         }, {

package/dist/chunks/{LpAlert-n5XPAZfv.js → LpAlert-CjvTZIKF.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, useSlots, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, Transition, withCtx, createBlock, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpLoader-DVwkOmt9.js";
-import { _ as _sfc_main$3 } from "./LpSwap-C96c0LWh.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpLoader-Bf1yZwaU.js";
+import { _ as _sfc_main$3 } from "./LpSwap-M7nFeW3C.js";
 import { slotText } from "../components/slotText.js";
 import { TONES, toneLook } from "../components/tone.js";
 const _hoisted_1 = ["role", "aria-busy"];