@leavepulse/ui 0.93.2 → 0.94.0

package/dist/chunks/{LpLightbox-a24V_0Wk.js → LpLightbox-DPgz7IsT.js}

@@ -4,13 +4,15 @@ import { clamp } from "../composables/clamp.js";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
+import { _ as _sfc_main$5 } from "./LpScrollStrip-D4tsOfAQ.js";
+import { createDragSession, slopFor } from "../composables/gesture.js";
 import { clickLink } from "../components/exportData.js";
 import { isVideoItem, fileNameOf } from "../components/lightbox.js";
 import { _ as _sfc_main$2 } from "./LpCopyButton-BGzw95Xc.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpLoader-Bf1yZwaU.js";
 import { _ as _sfc_main$3 } from "./LpVideoPlayer-FMuxTAU8.js";
-import { _ as _sfc_main$5 } from "./VideoThumb-BfDkIXqE.js";
+import { _ as _sfc_main$6 } from "./VideoThumb-BfDkIXqE.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { inTextField } from "../composables/textEntry.js";
 import { useView, usePortalTarget, useOutsideGuard, viewDocument } from "../composables/useView.js";
@@ -56,8 +58,9 @@ const _hoisted_20 = {
   key: 1,
   class: "truncate text-xs text-white/55"
 };
-const _hoisted_21 = ["data-index", "aria-label", "onClick"];
-const _hoisted_22 = ["src", "alt"];
+const _hoisted_21 = { class: "mx-auto flex w-max gap-2 p-1" };
+const _hoisted_22 = ["data-index", "aria-label", "onClick"];
+const _hoisted_23 = ["src", "alt"];
 const WHEEL_STEP = 60;
 const OWNS_KEYS = "input, textarea, select, [contenteditable]:not([contenteditable='false']), [role='textbox'], [role='searchbox'], [role='combobox']";
 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";
@@ -182,8 +185,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!ok) failed.value = true;
     }
     function scrollThumbIntoView() {
-      const el = stripEl.value?.querySelector(`[data-index="${current.value}"]`);
-      el?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+      const el = stripEl.value?.scroller?.querySelector(`[data-index="${current.value}"]`);
+      stripEl.value?.reveal(el, { block: "center" });
     }
     function close() {
       emit("update:open", false);
@@ -250,37 +253,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rotation.value = (rotation.value + 90) % 360;
       zoom.reset();
     }
-    let swipeStart = null;
+    let swipe = null;
     const fingers = /* @__PURE__ */ new Set();
+    function startSwipe(e) {
+      swipe = createDragSession({ x: e.clientX, y: e.clientY }, e.timeStamp, { slop: slopFor(e.pointerType), axis: "x" });
+    }
     function onPointerDown(e) {
       fingers.add(e.pointerId);
       if (fingers.size > 1) {
-        swipeStart = null;
+        swipe = null;
         if (!isVideo.value) zoom.onPointerDown(e);
         return;
       }
       if (isVideo.value) {
-        swipeStart = e.target.closest?.("[data-lp-player-controls]") ? null : { x: e.clientX, y: e.clientY };
+        if (e.target.closest?.("[data-lp-player-controls]")) swipe = null;
+        else startSwipe(e);
         return;
       }
       zoom.onPointerDown(e);
-      swipeStart = zoom.zoomed.value ? null : { x: e.clientX, y: e.clientY };
+      if (zoom.zoomed.value) swipe = null;
+      else startSwipe(e);
+    }
+    function onPointerMove(e) {
+      if (!isVideo.value) zoom.onPointerMove(e);
+      if (swipe?.move({ x: e.clientX, y: e.clientY }, e.timeStamp).phase === "rejected") swipe = null;
     }
     function onPointerCancel(e) {
       fingers.delete(e.pointerId);
-      swipeStart = null;
+      swipe = null;
       if (!isVideo.value) zoom.onPointerUp(e);
     }
     function onPointerUp(e) {
       fingers.delete(e.pointerId);
       if (!isVideo.value) zoom.onPointerUp(e);
-      if (!swipeStart) return;
-      const dx = e.clientX - swipeStart.x;
-      const dy = e.clientY - swipeStart.y;
-      swipeStart = null;
-      if (Math.abs(dx) > 60 && Math.abs(dx) > Math.abs(dy) * 1.5) {
-        go(current.value + (dx < 0 ? 1 : -1));
-      }
+      const ended = swipe?.end({ x: e.clientX, y: e.clientY }, e.timeStamp, { axis: "x" });
+      swipe = null;
+      if (ended?.swipe === "left") go(current.value + 1);
+      else if (ended?.swipe === "right") go(current.value - 1);
     }
     function onDoubleClick(e) {
       if (isVideo.value) return;
@@ -366,7 +375,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
-        "onUpdate:open": _cache[10] || (_cache[10] = (v) => emit("update:open", v))
+        "onUpdate:open": _cache[9] || (_cache[9] = (v) => emit("update:open", v))
       }, {
         default: withCtx(() => [
           createVNode(unref(DialogPortal), { to: unref(portalTo) }, {
@@ -481,8 +490,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["relative flex min-h-0 flex-1 touch-none items-center justify-center overflow-hidden", isPanning.value ? "cursor-grabbing" : isZoomed.value ? "cursor-grab" : ""]),
                     onWheel: onStageWheel,
                     onPointerdown: onPointerDown,
-                    onPointermove: _cache[9] || (_cache[9] = //@ts-ignore
-                    (...args) => unref(zoom).onPointerMove && unref(zoom).onPointerMove(...args)),
+                    onPointermove: onPointerMove,
                     onPointerup: onPointerUp,
                     onPointercancel: onPointerCancel,
                     onDblclick: onDoubleClick,
@@ -574,38 +582,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         item.value.description ? (openBlock(), createElementBlock("p", _hoisted_20, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)
                       ])) : createCommentVNode("", true)
                     ]),
-                    showStrip.value && total.value > 1 ? (openBlock(), createElementBlock("div", {
+                    showStrip.value && total.value > 1 ? (openBlock(), createBlock(_sfc_main$5, {
                       key: 0,
                       ref_key: "stripEl",
                       ref: stripEl,
-                      class: "lp-scrollbar-none flex justify-start gap-2 overflow-x-auto sm:justify-center"
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (entry, i) => {
-                        return openBlock(), createElementBlock("button", {
-                          key: entry.src + i,
-                          "data-index": i,
-                          type: "button",
-                          style: normalizeStyle({ "--thumb-delay": `${Math.min(i * 30, 240)}ms` }),
-                          class: normalizeClass(["relative size-14 shrink-0 overflow-hidden rounded-control outline-none ring-2 transition-[opacity,box-shadow,scale] duration-[var(--duration-fast)] hover:scale-105 focus-visible:ring-ring animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_both] [animation-delay:var(--thumb-delay)] motion-reduce:animate-none", i === current.value ? "opacity-100 ring-brand" : "opacity-45 ring-transparent hover:opacity-80"]),
-                          "aria-label": entry.title ?? position(i),
-                          onClick: ($event) => go(i)
-                        }, [
-                          unref(isVideoItem)(entry) ? (openBlock(), createBlock(_sfc_main$5, {
-                            key: 0,
-                            item: entry,
-                            compact: "",
-                            alt: entry.title ?? "",
-                            "media-class": covered(i) ? "scale-110 blur-md" : void 0
-                          }, null, 8, ["item", "alt", "media-class"])) : (openBlock(), createElementBlock("img", {
-                            key: 1,
-                            src: entry.thumb ?? entry.src,
-                            alt: entry.title ?? "",
-                            class: normalizeClass(["size-full object-cover", covered(i) ? "scale-110 blur-md" : ""]),
-                            draggable: "false"
-                          }, null, 10, _hoisted_22))
-                        ], 14, _hoisted_21);
-                      }), 128))
-                    ], 512)) : createCommentVNode("", true)
+                      buttons: false
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_21, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (entry, i) => {
+                            return openBlock(), createElementBlock("button", {
+                              key: entry.src + i,
+                              "data-index": i,
+                              type: "button",
+                              style: normalizeStyle({ "--thumb-delay": `${Math.min(i * 30, 240)}ms` }),
+                              class: normalizeClass(["relative size-14 shrink-0 overflow-hidden rounded-control outline-none ring-2 transition-[opacity,box-shadow,scale] duration-[var(--duration-fast)] hover:scale-105 focus-visible:ring-ring animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_both] [animation-delay:var(--thumb-delay)] motion-reduce:animate-none", i === current.value ? "opacity-100 ring-brand" : "opacity-45 ring-transparent hover:opacity-80"]),
+                              "aria-label": entry.title ?? position(i),
+                              onClick: ($event) => go(i)
+                            }, [
+                              unref(isVideoItem)(entry) ? (openBlock(), createBlock(_sfc_main$6, {
+                                key: 0,
+                                item: entry,
+                                compact: "",
+                                alt: entry.title ?? "",
+                                "media-class": covered(i) ? "scale-110 blur-md" : void 0
+                              }, null, 8, ["item", "alt", "media-class"])) : (openBlock(), createElementBlock("img", {
+                                key: 1,
+                                src: entry.thumb ?? entry.src,
+                                alt: entry.title ?? "",
+                                class: normalizeClass(["size-full object-cover", covered(i) ? "scale-110 blur-md" : ""]),
+                                draggable: "false"
+                              }, null, 10, _hoisted_23))
+                            ], 14, _hoisted_22);
+                          }), 128))
+                        ])
+                      ]),
+                      _: 1
+                    }, 512)) : createCommentVNode("", true)
                   ])
                 ]),
                 _: 3

package/dist/chunks/{LpMapPicker-DVfiy3rR.js → LpMapPicker-V0Lybi10.js}

@@ -1,6 +1,8 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
 import { clamp } from "../composables/clamp.js";
-import { prefersReducedMotion } from "../composables/easing.js";
+import { createDragSession, slopFor } from "../composables/gesture.js";
+import { glide } from "../composables/useGesture.js";
+import { nodeWindow } from "../composables/realm.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$2 } from "./LpLoader-Bf1yZwaU.js";
@@ -185,72 +187,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return unproject(origin.value.x + at.x, origin.value.y + at.y, level.value, tileSize.value);
     }
     const panning = ref(false);
-    let moved = false;
-    let last = { x: 0, y: 0 };
-    let velocity = { x: 0, y: 0 };
-    let lastMove = 0;
-    let glideFrame;
+    let session = null;
+    let coast = null;
     function stopGlide() {
-      if (glideFrame !== void 0) cancelAnimationFrame(glideFrame);
-      glideFrame = void 0;
-      velocity = { x: 0, y: 0 };
+      coast?.stop();
+      coast = null;
     }
     function onPointerDown(e) {
       if (props.disabled || e.button !== 0 || zooming.value) return;
       stopGlide();
       panning.value = true;
-      moved = false;
-      last = { x: e.clientX, y: e.clientY };
-      lastMove = performance.now();
+      session = createDragSession({ x: e.clientX, y: e.clientY }, e.timeStamp, { slop: slopFor(e.pointerType) });
       e.currentTarget.setPointerCapture(e.pointerId);
     }
     function onPointerMove(e) {
-      if (!panning.value) return;
-      const dx = e.clientX - last.x;
-      const dy = e.clientY - last.y;
-      if (Math.abs(dx) > 2 || Math.abs(dy) > 2) moved = true;
-      const now = performance.now();
-      const dt = now - lastMove;
-      if (dt > 0) {
-        velocity = {
-          x: velocity.x * 0.7 + dx / dt * 0.3,
-          y: velocity.y * 0.7 + dy / dt * 0.3
-        };
-      }
-      lastMove = now;
-      last = { x: e.clientX, y: e.clientY };
-      panBy(-dx, -dy);
+      if (!panning.value || !session) return;
+      const frame = session.move({ x: e.clientX, y: e.clientY }, e.timeStamp);
+      if (frame.phase !== "drag") return;
+      panBy(-(frame.first ? frame.movement.x : frame.delta.x), -(frame.first ? frame.movement.y : frame.delta.y));
     }
     function onPointerUp(e) {
-      if (!panning.value) return;
+      if (!panning.value || !session) return;
       panning.value = false;
       e.currentTarget.releasePointerCapture?.(e.pointerId);
-      if (!moved && !props.disabled) {
-        emit("update:modelValue", toLatLon(viewportPoint(e)));
-        return;
-      }
-      if (performance.now() - lastMove > 90) velocity = { x: 0, y: 0 };
-      glide();
-    }
-    function glide() {
-      if (prefersReducedMotion() || Math.hypot(velocity.x, velocity.y) < 0.05) {
-        velocity = { x: 0, y: 0 };
+      const end = session.end({ x: e.clientX, y: e.clientY }, e.timeStamp);
+      session = null;
+      if (end.phase !== "drag") {
+        if (!props.disabled && e.type !== "pointercancel") emit("update:modelValue", toLatLon(viewportPoint(e)));
         return;
       }
-      let previous = performance.now();
-      const step = (now) => {
-        const dt = Math.min(now - previous, 32);
-        previous = now;
-        const friction = Math.exp(-dt / 240);
-        velocity = { x: velocity.x * friction, y: velocity.y * friction };
-        panBy(-velocity.x * dt, -velocity.y * dt);
-        if (Math.hypot(velocity.x, velocity.y) > 0.015) {
-          glideFrame = requestAnimationFrame(step);
-        } else {
-          stopGlide();
-        }
-      };
-      glideFrame = requestAnimationFrame(step);
+      if (e.type === "pointercancel") return;
+      coast = glide(end.velocity, (dx, dy) => panBy(-dx, -dy), { win: nodeWindow(e.currentTarget) });
     }
     function panBy(dx, dy) {
       mapCenter.value = unproject(

package/dist/chunks/{LpMediaGallery-B7DOV_aL.js → LpMediaGallery-CTejKF2-.js}

@@ -4,12 +4,12 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$4 } from "./LpLightbox-a24V_0Wk.js";
+import { _ as _sfc_main$4 } from "./LpLightbox-DPgz7IsT.js";
 import { _ as _sfc_main$2 } from "./VideoThumb-BfDkIXqE.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];
-const _hoisted_4 = ["src", "alt"];
+const _hoisted_4 = ["src", "alt", "onError"];
 const _hoisted_5 = {
   key: 0,
   class: "pointer-events-none absolute inset-0 flex items-center justify-center"
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     itemMenu: {},
     labels: {}
   },
-  emits: ["select", "reveal", "update:open"],
+  emits: ["select", "reveal", "broken", "update:open"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DEFAULT_LABELS = {
       /** Accessible name of the grid. */
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function menuTitle(item, i) {
       if (isHidden(item)) return text.value.spoiler;
-      return item.title || fill(text.value.image, i + 1, props.items.length);
+      return item.title || fill(text.value.image, i + 1, shown.value.length);
     }
     const emit = __emit;
     const open = ref(false);
@@ -68,10 +68,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(open, (value, was) => {
       if (!value && was) emit("update:open", false);
     });
+    const fellBack = ref(/* @__PURE__ */ new Set());
+    const broken = ref(/* @__PURE__ */ new Set());
+    const shown = computed(
+      () => broken.value.size ? props.items.filter((item) => !broken.value.has(item.src)) : props.items
+    );
+    function thumbOf(item) {
+      return item.thumb && !fellBack.value.has(item.src) ? item.thumb : item.src;
+    }
+    function onImageError(item) {
+      if (item.thumb && item.thumb !== item.src && !fellBack.value.has(item.src)) {
+        fellBack.value = new Set(fellBack.value).add(item.src);
+        return;
+      }
+      if (broken.value.has(item.src)) return;
+      broken.value = new Set(broken.value).add(item.src);
+      emit("broken", item);
+    }
     const visible = computed(
-      () => props.max && props.items.length > props.max ? props.items.slice(0, props.max) : props.items
+      () => props.max && shown.value.length > props.max ? shown.value.slice(0, props.max) : shown.value
     );
-    const hiddenCount = computed(() => Math.max(props.items.length - visible.value.length, 0));
+    const hiddenCount = computed(() => Math.max(shown.value.length - visible.value.length, 0));
     const COLS = {
       1: "grid-cols-1",
       2: "grid-cols-2",
@@ -141,9 +158,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => ["grid", columnClass.value, GAPS[props.gap] ?? GAPS[2]].join(" ")
     );
     function activate(i) {
-      const item = props.items[i];
+      const item = shown.value[i];
       if (!item) return;
-      emit("select", item, i);
+      emit("select", item, props.items.indexOf(item));
       if (!props.openable) return;
       const at = openIndexOf(i);
       if (at === -1) return;
@@ -162,14 +179,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       revealed.value = new Set(revealed.value).add(item.src);
       emit("reveal", item);
     }
-    const openItems = computed(() => props.items.filter((item) => !isHidden(item)));
+    const openItems = computed(() => shown.value.filter((item) => !isHidden(item)));
     function openIndexOf(i) {
-      const item = props.items[i];
+      const item = shown.value[i];
       return item ? openItems.value.indexOf(item) : -1;
     }
     __expose({
       /** Open the lightbox at an index — for a "view all" button outside the grid. */
-      openAt: (i) => activate(i),
+      openAt: (i) => {
+        const item = props.items[i];
+        if (item) activate(shown.value.indexOf(item));
+      },
       /** Uncover every spoiler in the set. */
       revealAll: () => {
         const next = new Set(revealed.value);
@@ -178,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return !__props.items.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return !shown.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "empty")
       ])) : (openBlock(), createElementBlock("div", mergeProps({
         key: 1,
@@ -191,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: item.src + i,
             items: __props.itemMenu?.(item, i) ?? [],
             title: menuTitle(item, i),
-            "title-image": isHidden(item) ? void 0 : unref(isVideoItem)(item) ? item.poster ?? item.thumb : item.thumb || item.src,
+            "title-image": isHidden(item) ? void 0 : unref(isVideoItem)(item) ? item.poster ?? item.thumb : thumbOf(item),
             subtitle: isHidden(item) ? void 0 : item.description
           }, {
             default: withCtx(() => [
@@ -221,15 +241,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]
                   }, null, 8, ["item", "alt", "media-class"])) : (openBlock(), createElementBlock("img", {
                     key: 1,
-                    src: item.thumb || item.src,
+                    src: thumbOf(item),
                     alt: isHidden(item) ? "" : item.title || "",
                     loading: "lazy",
                     decoding: "async",
+                    onError: ($event) => onImageError(item),
                     class: normalizeClass(["size-full object-cover transition-transform duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] group-hover:scale-[1.03] motion-reduce:transition-none motion-reduce:group-hover:scale-100", [
                       isHidden(item) ? "scale-[1.12] blur-[18px] brightness-[0.6] saturate-[1.1] group-hover:scale-[1.12]" : "",
                       !isHidden(item) && hiddenCount.value && i === visible.value.length - 1 ? "scale-[1.06] blur-[2px] brightness-[0.45] group-hover:scale-[1.06]" : ""
                     ]])
-                  }, null, 10, _hoisted_4))
+                  }, null, 42, _hoisted_4))
                 ]),
                 isHidden(item) ? (openBlock(), createElementBlock("span", _hoisted_5, [
                   createElementVNode("span", _hoisted_6, toDisplayString(unref(text).spoiler), 1)

package/dist/chunks/{LpModalNav-DivqT1NV.js → LpModalNav-DVXAF-DG.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import { MODAL_MAX_HEIGHT } from "../components/modalDepth.js";
 import { _ as _sfc_main$1 } from "./LpModal-D1E7rQzw.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DQtCYlT4.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-BIhusppV.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpRangeCalendar-C9gkNMYw.js → LpRangeCalendar-9BvaLZji.js}

@@ -1,4 +1,5 @@
 import { defineComponent, shallowRef, watch, computed, ref, onMounted, onBeforeUnmount, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, nextTick } from "vue";
+import { HOLD_TO_DRAG_MS, TOUCH_SLOP } from "../composables/gesture.js";
 import { today, getLocalTimeZone } from "@internationalized/date";
 import { RangeCalendarRoot, RangeCalendarHeader, RangeCalendarPrev, RangeCalendarHeading, RangeCalendarNext, RangeCalendarGrid, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarGridBody, RangeCalendarCell, RangeCalendarCellTrigger } from "reka-ui";
 import { useLabels } from "../composables/useLpConfig.js";
@@ -60,8 +61,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     const root = ref(null);
-    const HOLD_MS = 320;
-    const SLOP_PX = 8;
     let anchor = null;
     let pointerId = -1;
     let armed = false;
@@ -113,12 +112,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dragging.value = true;
         draft.value = toReka({ start: day, end: day });
         navigator.vibrate?.(8);
-      }, HOLD_MS);
+      }, HOLD_TO_DRAG_MS);
     }
     function onPointerMove(e) {
       if (anchor === null || e.pointerId !== pointerId) return;
       if (!armed) {
-        if (Math.hypot(e.clientX - startX, e.clientY - startY) > SLOP_PX) reset();
+        if (Math.hypot(e.clientX - startX, e.clientY - startY) > TOUCH_SLOP) reset();
         return;
       }
       const day = cellAt(e.clientX, e.clientY)?.dataset.value;

package/dist/chunks/LpScrollStrip-D4tsOfAQ.js

@@ -0,0 +1,78 @@
+import { defineComponent, useAttrs, computed, ref, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, Fragment, renderList, createElementVNode, withModifiers, createVNode, createCommentVNode } from "vue";
+import { useMediaQuery } from "../composables/useMediaQuery.js";
+import { useScrollStrip } from "../composables/useScrollStrip.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
+const _hoisted_1 = ["data-lp-strip-button", "onClick"];
+const BUTTON = "absolute top-1/2 z-10 grid size-7 -translate-y-1/2 place-items-center rounded-full border border-line bg-surface-raised text-muted shadow-sm outline-none transition-[opacity,color] duration-(--duration-fast) ease-(--ease-emphasized) hover:text-ink motion-reduce:transition-none";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "LpScrollStrip",
+  props: {
+    contentClass: {},
+    fade: { type: Boolean, default: true },
+    buttons: { type: [Boolean, String], default: "auto" },
+    wheel: { type: Boolean, default: true },
+    drag: { type: Boolean, default: true },
+    as: { default: "div" },
+    inline: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const attrs = useAttrs();
+    const rowAttrs = computed(() => {
+      const { class: _class, style: _style, ...rest } = attrs;
+      return rest;
+    });
+    const props = __props;
+    const scroller = ref(null);
+    const strip = useScrollStrip(scroller, { wheel: () => props.wheel, drag: () => props.drag });
+    const fine = useMediaQuery("(hover: hover) and (pointer: fine)");
+    const withButtons = computed(() => props.buttons === true || props.buttons === "auto" && fine.value);
+    __expose({ scroller, page: strip.page, scrollBy: strip.scrollBy, reveal: strip.reveal, measure: strip.measure, overflowing: strip.overflowing, atStart: strip.atStart, atEnd: strip.atEnd });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["group/strip relative min-w-0", [__props.inline ? "inline-flex max-w-full" : "flex", unref(attrs).class]]),
+        style: normalizeStyle(unref(attrs).style),
+        "data-lp-strip": ""
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(rowAttrs.value, {
+          ref_key: "scroller",
+          ref: scroller,
+          class: ["lp-scrollbar-none flex min-w-0 flex-1 overflow-x-auto", [__props.contentClass, __props.fade ? "lp-strip-fade" : "", unref(strip).dragging.value ? "cursor-grabbing select-none" : ""]],
+          "data-lp-more-start": unref(strip).overflowing.value && !unref(strip).atStart.value ? "" : void 0,
+          "data-lp-more-end": unref(strip).overflowing.value && !unref(strip).atEnd.value ? "" : void 0,
+          "data-lp-strip-row": ""
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class", "data-lp-more-start", "data-lp-more-end"])),
+        withButtons.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([-1, 1], (side) => {
+          return createElementVNode("button", {
+            key: side,
+            type: "button",
+            tabindex: "-1",
+            "aria-hidden": "true",
+            class: normalizeClass([
+              BUTTON,
+              side < 0 ? "left-0.5" : "right-0.5",
+              unref(strip).overflowing.value && !(side < 0 ? unref(strip).atStart.value : unref(strip).atEnd.value) ? __props.buttons === true ? "opacity-100" : "opacity-0 group-hover/strip:opacity-100" : "pointer-events-none opacity-0"
+            ]),
+            "data-lp-strip-button": side < 0 ? "prev" : "next",
+            onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["prevent"])),
+            onClick: ($event) => unref(strip).page(side)
+          }, [
+            createVNode(_sfc_main$1, {
+              name: side < 0 ? "lucide:chevron-left" : "lucide:chevron-right",
+              size: 16
+            }, null, 8, ["name"])
+          ], 42, _hoisted_1);
+        }), 64)) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpSidebar-DQtCYlT4.js → LpSidebar-BIhusppV.js}

@@ -4,7 +4,7 @@ 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-iRHwJOGn.js";
+import { _ as _sfc_main$5 } from "./LpDrawer-BkWjFdV0.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpInput-DGMpxrcg.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpActivityLine", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBottomNav", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpCodeDisplay", "LpCollapse", "LpColorPicker", "LpCommandPalette", "LpCommandScope", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpContextSwitcher", "LpCopyButton", "LpCountdown", "LpDataList", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDock", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEditable", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpFrame", "LpGauge", "LpGlowBorder", "LpHintExample", "LpHintLayer", "LpHints", "LpHoverCard", "LpIcon", "LpIdenticon", "LpImageEditor", "LpInfraNode", "LpInput", "LpInspector", "LpKeys", "LpLightbox", "LpLink", "LpLoader", "LpLogInspector", "LpLogViewer", "LpMagnetic", "LpMapPicker", "LpMasonry", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNotificationFeed", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPageScrollbar", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPaletteTheme", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPipeline", "LpPopover", "LpProgress", "LpQuota", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRangeSlider", "LpRelativeTime", "LpRepeater", "LpRevealOnScroll", "LpRollingText", "LpScramble", "LpScrollArea", "LpSecretField", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShaderBackdrop", "LpShift", "LpShinyText", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpSpotlight", "LpStat", "LpStatus", "LpStepMark", "LpStepper", "LpSwap", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextReveal", "LpTextarea", "LpThemeProvider", "LpThemeStudio", "LpThemeStudioSection", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpTour", "LpTruncate", "LpTypewriter", "LpUptimeBar", "LpVideoBackdrop", "LpVideoCompress", "LpVideoPlayer", "LpVideoTrim", "LpWindow", "LpWorkspaceSwitcher"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpActivityLine", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBottomNav", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpCodeDisplay", "LpCollapse", "LpColorPicker", "LpCommandPalette", "LpCommandScope", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpContextSwitcher", "LpCopyButton", "LpCountdown", "LpDataList", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDock", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEditable", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpFrame", "LpGauge", "LpGlowBorder", "LpHintExample", "LpHintLayer", "LpHints", "LpHoverCard", "LpIcon", "LpIdenticon", "LpImageEditor", "LpInfraNode", "LpInput", "LpInspector", "LpKeys", "LpLightbox", "LpLink", "LpLoader", "LpLogInspector", "LpLogViewer", "LpMagnetic", "LpMapPicker", "LpMasonry", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNotificationFeed", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPageScrollbar", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPaletteTheme", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPipeline", "LpPopover", "LpProgress", "LpQuota", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRangeSlider", "LpRelativeTime", "LpRepeater", "LpRevealOnScroll", "LpRollingText", "LpScramble", "LpScrollArea", "LpScrollStrip", "LpSecretField", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShaderBackdrop", "LpShift", "LpShinyText", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpSpotlight", "LpStat", "LpStatus", "LpStepMark", "LpStepper", "LpSwap", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextReveal", "LpTextarea", "LpThemeProvider", "LpThemeStudio", "LpThemeStudioSection", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpTour", "LpTruncate", "LpTypewriter", "LpUptimeBar", "LpVideoBackdrop", "LpVideoCompress", "LpVideoPlayer", "LpVideoTrim", "LpWindow", "LpWorkspaceSwitcher"];

package/dist/components/AppShellContextNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/AppShellContextNav-C6Ho2mof.js";
+import { _ as _sfc_main } from "../chunks/AppShellContextNav-BoH4ffnC.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-BWaVRsDB.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-xEBmGV78.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpChart.vue.js

@@ -6,6 +6,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { easeTravel } from "../composables/easing.js";
 import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
 import { startPointerDrag } from "../composables/pointerDrag.js";
+import { MOUSE_SLOP } from "../composables/gesture.js";
 import { nodeWindow } from "../composables/realm.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useReveal } from "../composables/useReveal.js";
@@ -605,7 +606,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const crosshair = computed(() => active.value >= 0 ? active.value : peerSlot.value);
     watch(active, (slot) => publish(slot >= 0 ? labels.value[slot] ?? null : null));
-    const SELECT_SLOP = 4;
     let swallowClick = false;
     const selection = ref(null);
     const onPointerDown = (e) => {
@@ -616,7 +616,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       startPointerDrag(e, {
         move(ev) {
           const x = offset(ev);
-          if (Math.abs(x - pressedAt) > SELECT_SLOP) selection.value = { from: pressedAt, to: x };
+          if (Math.abs(x - pressedAt) > MOUSE_SLOP) selection.value = { from: pressedAt, to: x };
         },
         end(completed) {
           const picked = selection.value;
@@ -1457,7 +1457,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39ed90d7"]]);
+const LpChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-946a5b6d"]]);
 export {
   LpChart as default
 };

package/dist/components/LpDateRangePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDateRangePicker-CAn2yGbn.js";
+import { _ as _sfc_main } from "../chunks/LpDateRangePicker-DRBB8z6t.js";
 export {
   _sfc_main as default
 };