@leavepulse/ui 0.15.4 → 0.16.0

package/dist/chunks/{LpConfirmDialog-D6Rhge21.js → LpConfirmDialog-C-iOXJIM.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpModal-d6SZpfBH.js";
+import { _ as _sfc_main$1 } from "./LpModal-DeZlvK1B.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/LpLightbox-CWdIsthW.js

@@ -0,0 +1,424 @@
+import { defineComponent, computed, ref, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, createElementVNode, createElementBlock, createCommentVNode, renderSlot, normalizeClass, withModifiers, normalizeStyle, Fragment, renderList } from "vue";
+import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
+import { useZoomPan } from "../composables/useZoomPan.js";
+import { fileNameOf } from "../components/lightbox.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "flex shrink-0 items-center gap-1 p-3 text-sm text-white/70 [--chrome-from:-8px] animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_60ms_both] motion-reduce:animate-none" };
+const _hoisted_2 = {
+  key: 0,
+  class: "px-2 tabular-nums"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "px-2 tabular-nums"
+};
+const _hoisted_4 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = {
+  key: 0,
+  class: "flex flex-col items-center gap-3 text-white/60"
+};
+const _hoisted_7 = ["src", "alt"];
+const _hoisted_8 = ["disabled"];
+const _hoisted_9 = { class: "shrink-0 p-3 pt-2 animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_60ms_both] motion-reduce:animate-none" };
+const _hoisted_10 = {
+  key: 0,
+  class: "mb-2 text-center"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "truncate text-sm font-medium text-white"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "truncate text-xs text-white/55"
+};
+const _hoisted_13 = ["data-index", "aria-label", "onClick"];
+const _hoisted_14 = ["src", "alt"];
+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({
+  __name: "LpLightbox",
+  props: {
+    open: { type: Boolean, default: false },
+    items: {},
+    index: { default: 0 },
+    filmstrip: { type: Boolean },
+    rotatable: { type: Boolean, default: true },
+    downloadable: { type: Boolean, default: true },
+    copyable: { type: Boolean, default: false },
+    loop: { type: Boolean, default: true },
+    maxZoom: { default: 8 }
+  },
+  emits: ["update:open", "update:index", "change", "download", "copy"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const zoom = useZoomPan({ max: props.maxZoom });
+    const scale = computed(() => zoom.scale.value);
+    const isZoomed = computed(() => zoom.zoomed.value);
+    const isPanning = computed(() => zoom.panning.value);
+    const current = computed(() => Math.min(Math.max(props.index, 0), Math.max(props.items.length - 1, 0)));
+    const item = computed(() => props.items[current.value]);
+    const total = computed(() => props.items.length);
+    const showStrip = computed(() => props.filmstrip ?? total.value > 1);
+    const rotation = ref(0);
+    const loading = ref(false);
+    const failed = ref(false);
+    const viewport = ref(null);
+    const stripEl = ref(null);
+    watch(viewport, (el) => zoom.setViewport(el));
+    const direction = ref(1);
+    function go(next) {
+      if (!total.value) return;
+      const wrapped = props.loop ? (next + total.value) % total.value : Math.min(Math.max(next, 0), total.value - 1);
+      if (wrapped === current.value) return;
+      direction.value = next > current.value ? 1 : -1;
+      emit("update:index", wrapped);
+      emit("change", wrapped, props.items[wrapped]);
+    }
+    const canPrev = computed(() => total.value > 1 && (props.loop || current.value > 0));
+    const canNext = computed(() => total.value > 1 && (props.loop || current.value < total.value - 1));
+    watch(
+      () => [current.value, props.open],
+      () => {
+        zoom.reset();
+        rotation.value = 0;
+        failed.value = false;
+        loading.value = true;
+        if (props.open) nextTick(scrollThumbIntoView);
+      }
+    );
+    function scrollThumbIntoView() {
+      const el = stripEl.value?.querySelector(`[data-index="${current.value}"]`);
+      el?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+    }
+    function close() {
+      emit("update:open", false);
+    }
+    function onKeydown(e) {
+      switch (e.key) {
+        case "ArrowRight":
+          e.preventDefault();
+          go(current.value + 1);
+          break;
+        case "ArrowLeft":
+          e.preventDefault();
+          go(current.value - 1);
+          break;
+        case "Home":
+          e.preventDefault();
+          go(0);
+          break;
+        case "End":
+          e.preventDefault();
+          go(total.value - 1);
+          break;
+        case "+":
+        case "=":
+          e.preventDefault();
+          zoom.zoomBy(1.3);
+          break;
+        case "-":
+          e.preventDefault();
+          zoom.zoomBy(1 / 1.3);
+          break;
+        case "0":
+          e.preventDefault();
+          zoom.reset();
+          break;
+        case "r":
+          if (props.rotatable) {
+            e.preventDefault();
+            rotate();
+          }
+          break;
+      }
+    }
+    function rotate() {
+      rotation.value = (rotation.value + 90) % 360;
+      zoom.reset();
+    }
+    let swipeStart = null;
+    function onPointerDown(e) {
+      zoom.onPointerDown(e);
+      swipeStart = zoom.zoomed.value ? null : { x: e.clientX, y: e.clientY };
+    }
+    function onPointerUp(e) {
+      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));
+      }
+    }
+    function onDoubleClick(e) {
+      zoom.toggleZoom({ x: e.clientX, y: e.clientY });
+    }
+    function onViewportClick(e) {
+      if (zoom.zoomed.value) return;
+      if (e.target.closest("[data-lightbox-image]")) return;
+      close();
+    }
+    async function download() {
+      const target = item.value;
+      if (!target) return;
+      emit("download", target);
+      const a = document.createElement("a");
+      a.href = target.src;
+      a.download = fileNameOf(target);
+      a.rel = "noopener";
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+    }
+    async function copy() {
+      const target = item.value;
+      if (!target) return;
+      try {
+        const response = await fetch(target.src);
+        const blob = await response.blob();
+        const png = blob.type === "image/png" ? blob : await reencodeToPng(await createImageBitmap(blob));
+        await navigator.clipboard.write([new ClipboardItem({ "image/png": png })]);
+        emit("copy", target, true);
+      } catch {
+        emit("copy", target, false);
+      }
+    }
+    async function reencodeToPng(bitmap) {
+      const canvas = document.createElement("canvas");
+      canvas.width = bitmap.width;
+      canvas.height = bitmap.height;
+      canvas.getContext("2d")?.drawImage(bitmap, 0, 0);
+      return new Promise(
+        (resolve, reject) => canvas.toBlob((b) => b ? resolve(b) : reject(new Error("encode failed")), "image/png")
+      );
+    }
+    const imageStyle = computed(() => ({
+      ...zoom.style.value,
+      rotate: `${rotation.value}deg`,
+      // Consumed by the lightbox-frame-in keyframe; negative when paging backwards.
+      "--frame-from": `${direction.value * 24}px`
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogRoot), {
+        open: __props.open,
+        "onUpdate:open": _cache[9] || (_cache[9] = (v) => emit("update:open", v))
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(DialogPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-(--z-overlay) bg-black/85 backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
+              createVNode(unref(DialogContent), {
+                class: "fixed inset-0 z-(--z-modal) flex flex-col outline-none data-[state=open]:animate-[lightbox-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[lightbox-out_140ms_cubic-bezier(0.4,0,1,1)] motion-reduce:animate-none",
+                onKeydown
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DialogTitle), { class: "sr-only" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.value?.title ?? "Image viewer"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(DialogDescription), { class: "sr-only" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.value?.description ?? `Image ${current.value + 1} of ${total.value}`), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createElementVNode("div", _hoisted_1, [
+                    total.value > 1 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(current.value + 1) + " / " + toDisplayString(total.value), 1)) : createCommentVNode("", true),
+                    isZoomed.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(Math.round(scale.value * 100)) + "% ", 1)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_4, [
+                      renderSlot(_ctx.$slots, "actions", {
+                        item: item.value,
+                        index: current.value
+                      }),
+                      createElementVNode("button", {
+                        class: normalizeClass(BTN),
+                        type: "button",
+                        title: "Zoom out (−)",
+                        onClick: _cache[0] || (_cache[0] = ($event) => unref(zoom).zoomBy(1 / 1.3))
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:zoom-out",
+                          size: 18
+                        })
+                      ]),
+                      createElementVNode("button", {
+                        class: normalizeClass(BTN),
+                        type: "button",
+                        title: "Zoom in (+)",
+                        onClick: _cache[1] || (_cache[1] = ($event) => unref(zoom).zoomBy(1.3))
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:zoom-in",
+                          size: 18
+                        })
+                      ]),
+                      __props.rotatable ? (openBlock(), createElementBlock("button", {
+                        key: 0,
+                        class: normalizeClass(BTN),
+                        type: "button",
+                        title: "Rotate (R)",
+                        onClick: rotate
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:rotate-cw",
+                          size: 18
+                        })
+                      ])) : createCommentVNode("", true),
+                      __props.copyable ? (openBlock(), createElementBlock("button", {
+                        key: 1,
+                        class: normalizeClass(BTN),
+                        type: "button",
+                        title: "Copy image",
+                        onClick: copy
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:copy",
+                          size: 18
+                        })
+                      ])) : createCommentVNode("", true),
+                      __props.downloadable ? (openBlock(), createElementBlock("button", {
+                        key: 2,
+                        class: normalizeClass(BTN),
+                        type: "button",
+                        title: "Download",
+                        onClick: download
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:download",
+                          size: 18
+                        })
+                      ])) : createCommentVNode("", true),
+                      createElementVNode("button", {
+                        class: normalizeClass(BTN),
+                        type: "button",
+                        title: "Close (Esc)",
+                        onClick: close
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:x",
+                          size: 20
+                        })
+                      ])
+                    ])
+                  ]),
+                  createElementVNode("div", {
+                    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)),
+                    onPointerdown: onPointerDown,
+                    onPointermove: _cache[7] || (_cache[7] = //@ts-ignore
+                    (...args) => unref(zoom).onPointerMove && unref(zoom).onPointerMove(...args)),
+                    onPointerup: onPointerUp,
+                    onPointercancel: _cache[8] || (_cache[8] = //@ts-ignore
+                    (...args) => unref(zoom).onPointerUp && unref(zoom).onPointerUp(...args)),
+                    onDblclick: onDoubleClick,
+                    onClick: onViewportClick
+                  }, [
+                    createElementVNode("button", {
+                      class: normalizeClass([ARROW, "left-4"]),
+                      type: "button",
+                      disabled: !canPrev.value,
+                      "aria-label": "Previous image",
+                      onClick: _cache[2] || (_cache[2] = withModifiers(($event) => go(current.value - 1), ["stop"]))
+                    }, [
+                      createVNode(_sfc_main$1, {
+                        name: "lucide:chevron-left",
+                        size: 24
+                      })
+                    ], 10, _hoisted_5),
+                    failed.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      createVNode(_sfc_main$1, {
+                        name: "lucide:image-off",
+                        size: 40
+                      }),
+                      _cache[10] || (_cache[10] = createElementVNode("p", { class: "text-sm" }, "This image couldn't be loaded.", -1))
+                    ])) : item.value ? (openBlock(), createElementBlock("img", {
+                      key: item.value.src,
+                      "data-lightbox-image": "",
+                      src: item.value.src,
+                      alt: item.value.title ?? "",
+                      class: "max-h-full max-w-full select-none object-contain transition-transform duration-[var(--duration-medium)] ease-[var(--ease-emphasized)] animate-[lightbox-frame-in_var(--duration-medium)_var(--ease-emphasized)] motion-reduce:animate-none motion-reduce:transition-none",
+                      style: normalizeStyle(imageStyle.value),
+                      draggable: "false",
+                      onLoad: _cache[3] || (_cache[3] = ($event) => loading.value = false),
+                      onError: _cache[4] || (_cache[4] = ($event) => (failed.value = true, loading.value = false))
+                    }, null, 44, _hoisted_7)) : createCommentVNode("", true),
+                    loading.value && !failed.value ? (openBlock(), createBlock(_sfc_main$1, {
+                      key: 2,
+                      name: "lucide:loader-circle",
+                      size: 28,
+                      class: "absolute animate-spin text-white/50"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("button", {
+                      class: normalizeClass([ARROW, "right-4"]),
+                      type: "button",
+                      disabled: !canNext.value,
+                      "aria-label": "Next image",
+                      onClick: _cache[5] || (_cache[5] = withModifiers(($event) => go(current.value + 1), ["stop"]))
+                    }, [
+                      createVNode(_sfc_main$1, {
+                        name: "lucide:chevron-right",
+                        size: 24
+                      })
+                    ], 10, _hoisted_8)
+                  ], 34),
+                  createElementVNode("div", _hoisted_9, [
+                    renderSlot(_ctx.$slots, "caption", {
+                      item: item.value,
+                      index: current.value,
+                      total: total.value
+                    }, () => [
+                      item.value?.title || item.value?.description ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                        item.value.title ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(item.value.title), 1)) : createCommentVNode("", true),
+                        item.value.description ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)
+                      ])) : createCommentVNode("", true)
+                    ]),
+                    showStrip.value && total.value > 1 ? (openBlock(), createElementBlock("div", {
+                      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(["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 ?? `Image ${i + 1}`,
+                          onClick: ($event) => go(i)
+                        }, [
+                          createElementVNode("img", {
+                            src: entry.thumb ?? entry.src,
+                            alt: entry.title ?? "",
+                            class: "size-full object-cover",
+                            draggable: "false"
+                          }, null, 8, _hoisted_14)
+                        ], 14, _hoisted_13);
+                      }), 128))
+                    ], 512)) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpModal-d6SZpfBH.js → LpModal-DeZlvK1B.js}

@@ -3,7 +3,7 @@ import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, Di
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-De9DLpa1.js";
-const _hoisted_1 = { class: "fixed inset-0 z-(--z-modal) flex items-center justify-center p-4 pointer-events-none" };
+const _hoisted_1 = { class: "fixed inset-0 z-(--z-modal) flex items-center justify-center pointer-events-none" };
 const _hoisted_2 = {
   key: 0,
   class: "flex shrink-0 items-start justify-between gap-4 p-5 pb-3"
@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-(--z-overlay) bg-black/50 backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
               createElementVNode("div", _hoisted_1, [
                 createVNode(unref(DialogContent), {
-                  class: normalizeClass(["pointer-events-auto flex max-h-full flex-col rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", widthClass.value]),
+                  class: normalizeClass(["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", widthClass.value]),
                   style: normalizeStyle(__props.width ? { width: __props.width } : void 0)
                 }, {
                   default: withCtx(() => [

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLink", "LpLogViewer", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-D6Rhge21.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-C-iOXJIM.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.d.ts

@@ -0,0 +1,62 @@
+import { LightboxItem } from './lightbox';
+type __VLS_Props = {
+    open?: boolean;
+    /** Images to page through. */
+    items: LightboxItem[];
+    /** Index of the visible image (v-model:index). */
+    index?: number;
+    /** Thumbnail strip along the bottom. Defaults on when there's more than one. */
+    filmstrip?: boolean;
+    /** Show the rotate control. */
+    rotatable?: boolean;
+    /** Show the download control. */
+    downloadable?: boolean;
+    /** Show "copy image" — needs a same-origin or CORS-readable source. */
+    copyable?: boolean;
+    /** Wrap from the last image back to the first. */
+    loop?: boolean;
+    /** Largest zoom level. */
+    maxZoom?: number;
+};
+type __VLS_Slots = {
+    /** Replace the caption block under the image. */
+    caption(props: {
+        item: LightboxItem;
+        index: number;
+        total: number;
+    }): unknown;
+    /** Extra controls in the toolbar, before the close button. */
+    actions(props: {
+        item: LightboxItem;
+        index: number;
+    }): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    copy: (item: LightboxItem, ok: boolean) => any;
+    download: (item: LightboxItem) => any;
+    change: (index: number, item: LightboxItem) => any;
+    "update:open": (value: boolean) => any;
+    "update:index": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((item: LightboxItem, ok: boolean) => any) | undefined;
+    onDownload?: ((item: LightboxItem) => any) | undefined;
+    onChange?: ((index: number, item: LightboxItem) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:index"?: ((value: number) => any) | undefined;
+}>, {
+    loop: boolean;
+    open: boolean;
+    copyable: boolean;
+    index: number;
+    rotatable: boolean;
+    downloadable: boolean;
+    maxZoom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpLightbox.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpLightbox-CWdIsthW.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-d6SZpfBH.js";
+import { _ as _sfc_main } from "../chunks/LpModal-DeZlvK1B.js";
 export {
   _sfc_main as default
 };

package/dist/components/lightbox.d.ts

@@ -0,0 +1,14 @@
+export interface LightboxItem {
+    /** Full-size source. */
+    src: string;
+    /** Smaller source for the filmstrip; falls back to `src`. */
+    thumb?: string;
+    /** Caption under the image, and the img alt text. */
+    title?: string;
+    /** Secondary line under the title (size, date, resolution…). */
+    description?: string;
+    /** Filename used when downloading; derived from `src` when absent. */
+    filename?: string;
+}
+/** Last path segment of a URL, or a fallback — used to name a download. */
+export declare function fileNameOf(item: LightboxItem, fallback?: string): string;

package/dist/components/lightbox.js

@@ -0,0 +1,13 @@
+function fileNameOf(item, fallback = "image") {
+  if (item.filename) return item.filename;
+  try {
+    const path = new URL(item.src, "http://x").pathname;
+    const tail = decodeURIComponent(path.split("/").pop() ?? "");
+    if (tail) return tail;
+  } catch {
+  }
+  return fallback;
+}
+export {
+  fileNameOf
+};

package/dist/composables/useZoomPan.d.ts

@@ -0,0 +1,34 @@
+import { ComputedRef, CSSProperties, Ref } from 'vue';
+export interface UseZoomPanOptions {
+    /** Smallest allowed scale. Default 1 (fit — never shrink past the viewport). */
+    min?: number;
+    /** Largest allowed scale. Default 8. */
+    max?: number;
+    /** Multiplier per wheel notch. Default 1.15. */
+    step?: number;
+    /** Scale that a double-click/tap toggles to, from `min`. Default 2. */
+    zoomedScale?: number;
+}
+export interface UseZoomPan {
+    scale: Ref<number>;
+    /** True once zoomed past the minimum — the point at which panning matters. */
+    zoomed: ComputedRef<boolean>;
+    /** True while a drag is in flight, so the caller can swap the cursor. */
+    panning: Ref<boolean>;
+    style: ComputedRef<CSSProperties>;
+    onWheel: (e: WheelEvent) => void;
+    onPointerDown: (e: PointerEvent) => void;
+    onPointerMove: (e: PointerEvent) => void;
+    onPointerUp: (e: PointerEvent) => void;
+    /** Zoom about the viewport centre (buttons, keyboard). */
+    zoomBy: (factor: number) => void;
+    /** Toggle between fit and `zoomedScale`, optionally about a point. */
+    toggleZoom: (origin?: {
+        x: number;
+        y: number;
+    }) => void;
+    reset: () => void;
+    /** Call with the viewport element so pointer coords can be made relative. */
+    setViewport: (el: HTMLElement | null) => void;
+}
+export declare function useZoomPan(options?: UseZoomPanOptions): UseZoomPan;