@leavepulse/ui 0.93.3 → 0.94.1

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-CtWA5Uab.js → LpMediaGallery-CTejKF2-.js}

@@ -4,7 +4,7 @@ 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"];

package/dist/chunks/{LpModalNav-DivqT1NV.js → LpModalNav-BFjiHWbr.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-BKhVDsMt.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-BKhVDsMt.js}

@@ -4,11 +4,11 @@ import { useHotkeys, parseCombo } from "../composables/useHotkeys.js";
 import { startPointerDrag } from "../composables/pointerDrag.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$5 } from "./LpDrawer-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";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-CFcI7--7.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-DbCap8z1.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     search: {},
     loading: { type: Boolean },
     skeletonRows: { default: 6 },
-    skeletonHeader: { type: Boolean, default: true },
+    skeletonHeader: { type: Boolean, default: false },
     responsive: { type: Boolean, default: false },
     open: { type: Boolean },
     mobileBreakpoint: { default: "md" },

package/dist/chunks/{LpSidebarNav-CFcI7--7.js → LpSidebarNav-DbCap8z1.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode, normalizeClass, createTextVNode, createSlots, renderSlot } from "vue";
+import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, normalizeClass, createTextVNode, createSlots, renderSlot } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { _ as _sfc_main$5 } from "./LpBadge-Bh5roBr_.js";
 import "../components/commandSearch.js";
@@ -17,25 +17,30 @@ const _hoisted_1 = {
   key: 0,
   class: "flex items-center gap-3 px-1"
 };
-const _hoisted_2 = { class: "space-y-1" };
+const _hoisted_2 = { class: "flex flex-col gap-1" };
 const _hoisted_3 = {
+  key: 0,
+  class: "px-3 pb-1 pt-3"
+};
+const _hoisted_4 = { class: "flex h-9 items-center gap-3 px-3" };
+const _hoisted_5 = {
   key: 0,
   class: "flex flex-col gap-0.5"
 };
-const _hoisted_4 = {
+const _hoisted_6 = {
   key: 0,
   class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   key: 0,
   class: "flex flex-col gap-0.5"
 };
-const _hoisted_6 = {
+const _hoisted_8 = {
   key: 0,
   class: "mx-3 mb-1 border-t border-line"
 };
-const _hoisted_7 = { class: "min-w-0 flex-1 truncate text-left" };
-const _hoisted_8 = {
+const _hoisted_9 = { class: "min-w-0 flex-1 truncate text-left" };
+const _hoisted_10 = {
   key: 2,
   class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
@@ -49,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     itemActive: {},
     loading: { type: Boolean },
     skeletonRows: { default: 6 },
-    skeletonHeader: { type: Boolean, default: true },
+    skeletonHeader: { type: Boolean, default: false },
     collapsedKeys: { default: () => [] },
     hoverFollow: { type: Boolean, default: false },
     compact: { type: Boolean },
@@ -172,13 +177,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (item.children?.length && !item.to && !item.href) toggle(item);
       emit("activate", item);
     }
+    const SKELETON_WIDTHS = ["55%", "70%", "45%", "62%", "50%", "68%"];
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex min-h-0 flex-1 flex-col gap-4"
     );
     return (_ctx, _cache) => {
       return __props.loading ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
         key: 0,
-        class: unref(rootClass)
+        class: [unref(rootClass), "overflow-hidden"]
       }, unref(rest)), {
         default: withCtx(() => [
           __props.skeletonHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[1] || (_cache[1] = [
@@ -190,10 +196,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
-              return openBlock(), createElementBlock("div", {
-                key: n,
-                class: "lp-skeleton-item h-9 rounded-control bg-surface-soft"
-              });
+              return openBlock(), createElementBlock(Fragment, { key: n }, [
+                n === 4 ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
+                  createElementVNode("div", { class: "lp-skeleton-item h-2.5 w-20 rounded-small bg-surface-soft/60" }, null, -1)
+                ])])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_4, [
+                  _cache[3] || (_cache[3] = createElementVNode("div", { class: "lp-skeleton-item size-4 shrink-0 rounded-small bg-surface-soft" }, null, -1)),
+                  createElementVNode("div", {
+                    class: "lp-skeleton-item h-3 rounded-small bg-surface-soft",
+                    style: normalizeStyle({ width: SKELETON_WIDTHS[(n - 1) % SKELETON_WIDTHS.length] })
+                  }, null, 4)
+                ])
+              ], 64);
             }), 128))
           ])
         ]),
@@ -209,8 +223,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "contents",
             onKeydown: onKey
           }, [
-            __props.pinned.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              !__props.compact ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.labels.pinned), 1)) : createCommentVNode("", true),
+            __props.pinned.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              !__props.compact ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.labels.pinned), 1)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pinned, (item) => {
                 return openBlock(), createBlock(_sfc_main$3, {
                   key: `pinned:${item.id}`,
@@ -230,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment, {
                 key: sectionKey(section) || si
               }, [
-                __props.compact && section.collapsible && section.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                __props.compact && section.collapsible && section.title ? (openBlock(), createElementBlock("div", _hoisted_7, [
                   createVNode(_sfc_main$3, {
                     item: sectionItem(section),
                     active: false,
@@ -252,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:open": (o) => emit("toggle-section", sectionKey(section), !o)
                 }, {
                   default: withCtx(() => [
-                    __props.compact && (si > 0 || __props.pinned.length) ? (openBlock(), createElementBlock("div", _hoisted_6)) : !__props.compact && section.title && section.collapsible ? (openBlock(), createBlock(unref(CollapsibleTrigger), {
+                    __props.compact && (si > 0 || __props.pinned.length) ? (openBlock(), createElementBlock("div", _hoisted_8)) : !__props.compact && section.title && section.collapsible ? (openBlock(), createBlock(unref(CollapsibleTrigger), {
                       key: 1,
                       "data-lp-nav-row": "",
                       class: "group/section mt-2 flex cursor-pointer items-center gap-2 rounded-control px-2 py-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:bg-ink/[0.04] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
@@ -264,7 +278,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           size: 14,
                           class: "shrink-0"
                         }, null, 8, ["name"])) : createCommentVNode("", true),
-                        createElementVNode("span", _hoisted_7, toDisplayString(section.title), 1),
+                        createElementVNode("span", _hoisted_9, toDisplayString(section.title), 1),
                         section.items.some(unref(waiting)) ? (openBlock(), createElementBlock("span", {
                           key: 1,
                           class: normalizeClass(["size-1.5 shrink-0 rounded-full bg-brand transition-opacity duration-[var(--duration-fast)] motion-reduce:transition-none", isOpen(section) ? "opacity-0" : "opacity-100"])
@@ -286,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         })
                       ]),
                       _: 2
-                    }, 1024)) : !__props.compact && section.title ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(section.title), 1)) : createCommentVNode("", true),
+                    }, 1024)) : !__props.compact && section.title ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(section.title), 1)) : createCommentVNode("", true),
                     createVNode(unref(CollapsibleContent), { class: "flex flex-col gap-0.5 overflow-hidden data-[state=open]:animate-[collapsible-down_260ms_var(--ease-emphasized)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-emphasized)] motion-reduce:animate-none" }, {
                       default: withCtx(() => [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {

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-DlpQierx.js";
 export {
   _sfc_main as default
 };