@leavepulse/ui 0.87.1 → 0.89.1

package/dist/chunks/{LpCopyButton-CxX682t4.js → LpCopyButton-BGzw95Xc.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, unref, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { COPY_LABELS, useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {
   class: "sr-only",

package/dist/chunks/{LpDataList-DCtF7krm.js → LpDataList-B56Gu6Yt.js}

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, TransitionGroup, normalizeClass, withCtx, Fragment, renderList, createElementVNode, renderSlot, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$4 } from "./LpCopyButton-CxX682t4.js";
+import { _ as _sfc_main$4 } from "./LpCopyButton-BGzw95Xc.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
-const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted" };
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
+const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted [overflow-wrap:anywhere]" };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" };
 const _hoisted_4 = {

package/dist/chunks/{LpDatePicker-BElEHVm6.js → LpDatePicker-Dlyvgsan.js}

@@ -6,8 +6,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
 import { _ as _sfc_main$3 } from "./LpCalendar-aACjUhpM.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$2 } from "./PickerField-CjOTUXDK.js";
-import { _ as _sfc_main$5 } from "./LpTimeField-Mi8H1g_9.js";
+import { _ as _sfc_main$2 } from "./PickerField-DzF3UVnX.js";
+import { _ as _sfc_main$5 } from "./LpTimeField-Dio7Tj9A.js";
 const _hoisted_1 = { class: "flex flex-col" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpDateRangePicker-vLt-drEu.js → LpDateRangePicker-CAn2yGbn.js}

@@ -5,7 +5,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, allowedRange } from "../components/dateRange.js";
-import { _ as _sfc_main$2 } from "./PickerField-CjOTUXDK.js";
+import { _ as _sfc_main$2 } from "./PickerField-DzF3UVnX.js";
 import { _ as _sfc_main$3 } from "./LpRangeCalendar-C9gkNMYw.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpDrawer-C97k-3L2.js → LpDrawer-iRHwJOGn.js}

@@ -74,10 +74,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const surface = frosted.value ? layer.value.nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised";
       const base = `fixed z-(--z-modal) flex flex-col border-line ${surface} shadow-panel outline-none`;
       const map = {
-        left: "inset-y-0 left-0 border-r rounded-r-card",
-        right: "inset-y-0 right-0 border-l rounded-l-card",
-        top: "inset-x-0 top-0 border-b rounded-b-card",
-        bottom: "inset-x-0 bottom-0 border-t rounded-t-card"
+        left: "inset-y-0 left-0 border-r rounded-r-card pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)]",
+        right: "inset-y-0 right-0 border-l rounded-l-card pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] pr-[env(safe-area-inset-right)]",
+        top: "inset-x-0 top-0 border-b rounded-b-card pt-[env(safe-area-inset-top)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]",
+        bottom: "inset-x-0 bottom-0 border-t rounded-t-card pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]"
       };
       return [base, map[dir.value]];
     });

package/dist/chunks/{LpDropdownMenu-BPEsqZCN.js → LpDropdownMenu-CdCe7D2d.js}

@@ -3,8 +3,8 @@ import { useMenuPalette } from "../composables/usePaletteCommands.js";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent } from "reka-ui";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-D0jObgzN.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-LujPZSWM.js";
+import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./MenuTitle-YcSjF8xo.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-44 p-1 outline-none`;
+    const PANEL = `${POPOVER_PANEL} ${PANEL_FIT} z-(--z-popover) min-w-44 p-1 outline-none`;
     const emit = __emit;
     function opened(open) {
       emit("update:open", open);

package/dist/chunks/{LpEditable-CeRAzYMv.js → LpEditable-DfRUAGkA.js}

@@ -198,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("span", {
                   "aria-hidden": "true",
-                  class: normalizeClass(["invisible col-start-1 row-start-1 min-w-[4ch]", [PAD[__props.size], __props.multiline ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
+                  class: normalizeClass(["lp-entry invisible col-start-1 row-start-1 min-w-[4ch]", [PAD[__props.size], __props.multiline ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
                 }, toDisplayString((draft.value || __props.placeholder || " ") + (__props.multiline ? "\n" : " ")), 3),
                 (openBlock(), createBlock(resolveDynamicComponent(__props.multiline ? "textarea" : "input"), {
                   ref_key: "field",
@@ -213,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   disabled: __props.disabled,
                   readonly: __props.readonly,
                   rows: __props.multiline ? 1 : void 0,
-                  class: normalizeClass(["col-start-1 row-start-1 w-full min-w-0 resize-none overflow-hidden bg-transparent text-ink outline-none placeholder:text-muted", PAD[__props.size]]),
+                  class: normalizeClass(["lp-entry col-start-1 row-start-1 w-full min-w-0 resize-none overflow-hidden bg-transparent text-ink outline-none placeholder:text-muted", PAD[__props.size]]),
                   onInput: _cache[1] || (_cache[1] = ($event) => draft.value = $event.target.value),
                   onKeydown: onFieldKey,
                   onBlur: _cache[2] || (_cache[2] = ($event) => commit(false))

package/dist/chunks/{LpEmptyState-DrHBR3yh.js → LpEmptyState-DLOm07KH.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot, createTextVNode } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = { class: "flex flex-col gap-1" };
+const _hoisted_1 = { class: "flex max-w-full flex-col gap-1 [overflow-wrap:anywhere]" };
 const _hoisted_2 = {
   key: 0,
   class: "max-w-sm text-sm text-muted"

package/dist/chunks/{LpFileTree-BcQgsw4e.js → LpFileTree-BN_zybBN.js}

@@ -4,9 +4,9 @@ import { useLocale } from "../composables/useLocale.js";
 import { isElement } from "../composables/realm.js";
 import { withLoadedChildren, computeStats, formatSize, isFilterEmpty, filterTree, sortNodes, flattenVisible, rowWindow, renameProblem, nodeTrail, subtreeIds, rangeIds, topmostIds, canDrop, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$4 } from "./LpBreadcrumbs-Zv1fn9e_.js";
-import { _ as _sfc_main$2 } from "./LpEmptyState-DrHBR3yh.js";
-import { _ as _sfc_main$6 } from "./LpFileTreeNode-Dk2WqkPF.js";
-import { _ as _sfc_main$3 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$2 } from "./LpEmptyState-DLOm07KH.js";
+import { _ as _sfc_main$6 } from "./LpFileTreeNode-CC48DbT5.js";
+import { _ as _sfc_main$3 } from "./LpInput-DGMpxrcg.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/chunks/{LpFileTreeNode-Dk2WqkPF.js → LpFileTreeNode-CC48DbT5.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import { sortNodes, formatSize, formatModified, renameSelectionEnd, fileIcon } from "../components/fileTree.js";
 import { _ as _sfc_main$5 } from "./LpBadge-Bh5roBr_.js";
-import { _ as _sfc_main$4 } from "./LpCheckbox-P7tEw8GO.js";
+import { _ as _sfc_main$4 } from "./LpCheckbox-C9VnPIQf.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-DrAw5DBZ.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DYpDm6iI.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$2 } from "./LpLoader-Bf1yZwaU.js";
 import { staggerDelay } from "../components/reveal.js";
@@ -206,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: 0,
                   ref_key: "renameField",
                   ref: renameField,
-                  class: normalizeClass(["w-full min-w-0 rounded-sm border bg-surface-soft px-1 text-sm text-ink outline-none", __props.renameInvalid ? "border-danger" : "border-line-strong"]),
+                  class: normalizeClass(["lp-entry w-full min-w-0 rounded-sm border bg-surface-soft px-1 text-sm text-ink outline-none", __props.renameInvalid ? "border-danger" : "border-line-strong"]),
                   value: __props.renameValue,
                   "aria-label": __props.renameLabel,
                   "aria-invalid": __props.renameInvalid || void 0,

package/dist/chunks/{LpHintLayer-CUSRLtLu.js → LpHintLayer-nuMqfzvy.js}

@@ -2,9 +2,9 @@ import { defineComponent, computed, ref, shallowRef, watch, onMounted, onBeforeU
 import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
 import { hints } from "../composables/useHints.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { PANEL_SURFACE, POPOVER_ANIM } from "../components/dropdown.js";
+import { PANEL_SURFACE, POPOVER_ANIM, PANEL_FIT } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpBadge-Bh5roBr_.js";
-import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];
 const _hoisted_2 = { class: "flex items-center gap-2 font-medium" };
@@ -122,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   side: "bottom",
                   "side-offset": 8,
                   "collision-padding": 8,
-                  class: normalizeClass([unref(PANEL_SURFACE), unref(POPOVER_ANIM), "z-(--z-popover) w-72 rounded-card p-3 text-sm text-ink outline-none"])
+                  class: normalizeClass([unref(PANEL_SURFACE), unref(POPOVER_ANIM), unref(PANEL_FIT), "z-(--z-popover) w-72 rounded-card p-3 text-sm text-ink outline-none"])
                 }, {
                   default: withCtx(() => [
                     createElementVNode("p", _hoisted_2, [

package/dist/chunks/{LpHints-BF40CP4_.js → LpHints-ByAd3a76.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, onErrorCaptured, onMounted, onBeforeUnmount, comp
 import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpActionBar-Cx_MSZl9.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-CUSRLtLu.js";
-import { _ as _sfc_main$1 } from "./LpTour-DUI_hoPv.js";
+import { _ as _sfc_main$3 } from "./LpActionBar-43WHmTsM.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-nuMqfzvy.js";
+import { _ as _sfc_main$1 } from "./LpTour-BGUKUxSZ.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

package/dist/chunks/{LpHoverCard-CHE9jAJG.js → LpHoverCard-DYguY2AP.js}

@@ -1,10 +1,9 @@
-import { defineComponent, useModel, computed, watch, onBeforeUnmount, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, normalizeClass, createCommentVNode, mergeModels } from "vue";
+import { defineComponent, useModel, computed, watch, useAttrs, mergeProps, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createCommentVNode, mergeModels } from "vue";
 import { HoverCardRoot, HoverCardTrigger, HoverCardPortal, HoverCardContent, HoverCardArrow } from "reka-ui";
 import { mergeClass } from "../composables/useMergedClass.js";
+import { useTouchHold } from "../composables/useTouchHold.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-const SLOP = 8;
-const CLICK_AFTER_RELEASE_MS = 350;
+import { PANEL_FIT, POPOVER_PANEL } from "../components/dropdown.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "LpHoverCard",
@@ -28,65 +27,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const open = useModel(__props, "open");
     const panel = computed(
-      () => mergeClass(POPOVER_PANEL, "z-(--z-popover) w-72 rounded-card p-4 text-sm text-ink outline-none", props.panelClass)
+      () => mergeClass(POPOVER_PANEL, PANEL_FIT, "z-(--z-popover) w-72 rounded-card p-4 text-sm text-ink outline-none", props.panelClass)
     );
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
-    let holdTimer = 0;
-    let holdPointer = null;
-    let start = { x: 0, y: 0 };
-    let held = false;
-    function cancelHold() {
-      window.clearTimeout(holdTimer);
-      holdTimer = 0;
-    }
-    function onPointerUp(event) {
-      if (holdPointer !== null && event.pointerId !== holdPointer) return;
-      holdPointer = null;
-      cancelHold();
-      if (held) window.setTimeout(() => held = false, CLICK_AFTER_RELEASE_MS);
-    }
-    function onPointerCancel(event) {
-      if (event && holdPointer !== null && event.pointerId !== holdPointer) return;
-      holdPointer = null;
-      cancelHold();
-      held = false;
-    }
-    function onPointerDown(event) {
-      if (holdTimer && event.pointerId !== holdPointer) return;
-      held = false;
-      if (event.pointerType !== "touch" || props.touch !== "hold" || props.disabled) return;
-      holdPointer = event.pointerId;
-      start = { x: event.clientX, y: event.clientY };
-      cancelHold();
-      holdTimer = window.setTimeout(() => {
-        holdTimer = 0;
-        held = true;
-        open.value = true;
-      }, props.holdDelay);
-    }
-    function onPointerMove(event) {
-      if (!holdTimer || event.pointerId !== holdPointer) return;
-      if (Math.hypot(event.clientX - start.x, event.clientY - start.y) > SLOP) cancelHold();
-    }
-    function onClickCapture(event) {
-      if (!held) return;
-      held = false;
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    function onContextMenu(event) {
-      if (holdTimer || held) event.preventDefault();
-    }
+    const hold = useTouchHold({ enabled: () => props.touch === "hold" && !props.disabled, delay: () => props.holdDelay, onHold: () => open.value = true });
     watch(
       () => props.disabled,
       (off) => {
         if (!off) return;
-        onPointerCancel();
+        hold.cancel();
         open.value = false;
       }
     );
-    onBeforeUnmount(cancelHold);
+    const attrs = useAttrs();
+    const triggerAttrs = computed(() => mergeProps(attrs, hold.handlers));
     return (_ctx, _cache) => {
       return __props.disabled ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : (openBlock(), createBlock(unref(HoverCardRoot), {
         key: 1,
@@ -96,14 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "close-delay": __props.closeDelay
       }, {
         default: withCtx(() => [
-          createVNode(unref(HoverCardTrigger), mergeProps({ "as-child": "" }, _ctx.$attrs, {
-            class: __props.touch === "hold" ? "[-webkit-touch-callout:none]" : void 0,
-            onPointerdown: onPointerDown,
-            onPointermove: onPointerMove,
-            onPointerup: onPointerUp,
-            onPointercancel: onPointerCancel,
-            onClickCapture,
-            onContextmenu: onContextMenu
+          createVNode(unref(HoverCardTrigger), mergeProps({ "as-child": "" }, triggerAttrs.value, {
+            class: __props.touch === "hold" ? "[-webkit-touch-callout:none]" : void 0
           }), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "trigger")

package/dist/chunks/{LpInput-BU5IsOlE.js → LpInput-DGMpxrcg.js}

@@ -158,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "aria-invalid": isInvalidState.value || void 0,
               "aria-describedby": unref(mergeDescribedBy)(unref(attrs)["aria-describedby"], unref(field).describedBy),
               class: [
-                "lp-autofill min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted",
+                "lp-autofill lp-entry min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted",
                 __props.clearable && "[&::-webkit-search-cancel-button]:hidden",
                 hasLeading.value ? "pl-2" : padX[__props.size ?? "md"],
                 hasTrailing.value ? "" : padX[__props.size ?? "md"]

package/dist/chunks/{LpInspector-CEko6-pS.js → LpInspector-oTfkOdYd.js}

@@ -5,12 +5,12 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { clamp } from "../composables/clamp.js";
-import { _ as _sfc_main$4 } from "./LpDataList-DCtF7krm.js";
+import { _ as _sfc_main$4 } from "./LpDataList-B56Gu6Yt.js";
 import { _ as _sfc_main$3 } from "./LpDisclosure-D4JZ-o8K.js";
 import "@iconify/vue";
 import "./icons-C8ccRCKw.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
-import { _ as _sfc_main$1 } from "./IconCloseButton-CmWOJAXG.js";
+import { _ as _sfc_main$1 } from "./IconCloseButton-C_V7qngw.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
 const _hoisted_3 = {

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

@@ -6,10 +6,10 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { clickLink } from "../components/exportData.js";
 import { isVideoItem, fileNameOf } from "../components/lightbox.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-CxX682t4.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-BbCjEQAx.js";
+import { _ as _sfc_main$3 } from "./LpVideoPlayer-FMuxTAU8.js";
 import { _ as _sfc_main$5 } from "./VideoThumb-BfDkIXqE.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { inTextField } from "../composables/textEntry.js";
@@ -251,7 +251,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       zoom.reset();
     }
     let swipeStart = null;
+    const fingers = /* @__PURE__ */ new Set();
     function onPointerDown(e) {
+      fingers.add(e.pointerId);
+      if (fingers.size > 1) {
+        swipeStart = 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 };
         return;
@@ -259,7 +266,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       zoom.onPointerDown(e);
       swipeStart = zoom.zoomed.value ? null : { x: e.clientX, y: e.clientY };
     }
+    function onPointerCancel(e) {
+      fingers.delete(e.pointerId);
+      swipeStart = 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;
@@ -353,7 +366,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
-        "onUpdate:open": _cache[11] || (_cache[11] = (v) => emit("update:open", v))
+        "onUpdate:open": _cache[10] || (_cache[10] = (v) => emit("update:open", v))
       }, {
         default: withCtx(() => [
           createVNode(unref(DialogPortal), { to: unref(portalTo) }, {
@@ -367,7 +380,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onEscapeKeyDown: unref(guardOutside),
                 ref_key: "contentRef",
                 ref: contentRef,
-                class: "fixed inset-0 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",
+                class: "fixed inset-0 flex flex-col pt-[env(safe-area-inset-top)] pr-[env(safe-area-inset-right)] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] 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",
                 style: normalizeStyle({ zIndex: unref(layer).panel }),
                 onKeydown
               }, {
@@ -465,14 +478,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   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" : ""]),
+                    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)),
                     onPointerup: onPointerUp,
-                    onPointercancel: _cache[10] || (_cache[10] = //@ts-ignore
-                    (...args) => unref(zoom).onPointerUp && unref(zoom).onPointerUp(...args)),
+                    onPointercancel: onPointerCancel,
                     onDblclick: onDoubleClick,
                     onClick: onViewportClick
                   }, [

package/dist/chunks/{LpLogInspector-Bwz351LY.js → LpLogInspector-BhJTJIst.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, openBlock, createElementBlock, unref, Fragment, createVNode, toDisplayString, renderList, normalizeStyle, createElementVNode, normalizeClass, createTextVNode } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$1 } from "./LpInput-DGMpxrcg.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { structuredPayload, jsonRows, stackLines } from "../components/logTools.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpLogViewer-BCkqdH66.js → LpLogViewer-BuIzr_6h.js}

@@ -5,11 +5,11 @@ import { prefersReducedMotion, durationToken, tokenEase } from "../composables/e
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _sfc_main$7 } from "./LpBadge-Bh5roBr_.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-DYpDm6iI.js";
-import { _ as _sfc_main$4 } from "./LpEmptyState-DrHBR3yh.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$5 } from "./LpLoader-Bf1yZwaU.js";
-import { _ as _sfc_main$1 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$1 } from "./LpInput-DGMpxrcg.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-CqvwfZs2.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
@@ -18,7 +18,7 @@ import { inTextField } from "../composables/textEntry.js";
 import { nodeWindow, isElement } from "../composables/realm.js";
 import { ringWindow, matchPositions, countLevels, stepMatch } from "../components/logSearch.js";
 import { downloadFile } from "../components/exportData.js";
-import { _ as _sfc_main$8 } from "./LpLogInspector-Bwz351LY.js";
+import { _ as _sfc_main$8 } from "./LpLogInspector-BhJTJIst.js";
 import { compilePattern, inTimeRange, patternPositions, groupRepeats, rowSpan, exportLines, nearestByTime, termRanges, messageParts, findIds } from "../components/logTools.js";
 import { TONES, toneLook } from "../components/tone.js";
 import '../assets/LpLogViewer-BDNW6P52.css';const _hoisted_1 = {

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

@@ -2,9 +2,9 @@ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, r
 import { isVideoItem } from "../components/lightbox.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DYpDm6iI.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-REei-y5e.js";
+import { _ as _sfc_main$4 } from "./LpLightbox-a24V_0Wk.js";
 import { _ as _sfc_main$2 } from "./VideoThumb-BfDkIXqE.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];

package/dist/chunks/{LpModal-BK2T5uIG.js → LpModal-D1E7rQzw.js}

@@ -6,7 +6,7 @@ import { useGlass } from "../composables/useGlass.js";
 import { useModelOverlayHistory } from "../composables/useOverlayHistory.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useShift } from "../composables/useShift.js";
-import { useModalLayer } from "../components/modalDepth.js";
+import { useModalLayer, MODAL_MAX_HEIGHT } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
@@ -185,7 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(unref(DialogContent), mergeProps({
                   class: "pointer-events-auto flex min-h-0 items-start 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)]",
-                  style: { maxHeight: "min(90vh, calc(100dvh - 2rem))" }
+                  style: { maxHeight: unref(MODAL_MAX_HEIGHT) }
                 }, describedByAttrs.value, {
                   onOpenAutoFocus,
                   onInteractOutside,
@@ -199,8 +199,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       ref_key: "panelRef",
                       ref: panelRef,
-                      class: normalizeClass(["relative flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
-                      style: normalizeStyle({ ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} })
+                      class: normalizeClass(["relative flex min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
+                      style: normalizeStyle({ maxHeight: unref(MODAL_MAX_HEIGHT), ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} })
                     }, [
                       !(__props.title || _ctx.$slots.title) && __props.ariaLabel ? (openBlock(), createBlock(unref(DialogTitle), {
                         key: 0,
@@ -273,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])) : createCommentVNode("", true)
                   ]),
                   _: 3
-                }, 16)
+                }, 16, ["style"])
               ], 4)
             ]),
             _: 3

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

@@ -1,10 +1,11 @@
 import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "./LpModal-BK2T5uIG.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DUFlf6Uu.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";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",
@@ -61,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => (props.navSide === "end" ? RAIL_GAP_END : RAIL_GAP)[props.mobileBreakpoint]
     );
     const triggerClass = computed(() => TRIGGER_VISIBILITY[props.mobileBreakpoint]);
-    const railStyle = { maxHeight: "min(90vh, calc(100dvh - 2rem))" };
+    const railStyle = { maxHeight: MODAL_MAX_HEIGHT };
     const frosted = useGlass(() => props.glass);
     const railPanel = computed(() => [
       "rounded-card border border-line p-2 shadow-panel",

package/dist/chunks/{LpNotificationBell-CMwUXhFg.js → LpNotificationBell-KRgdRZs-.js}

@@ -1,11 +1,11 @@
 import { defineComponent, useModel, computed, getCurrentInstance, openBlock, createBlock, withCtx, createVNode, mergeProps, toHandlers, Transition, createCommentVNode, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$6 } from "./LpBadge-Bh5roBr_.js";
-import { _ as _sfc_main$4 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-DYpDm6iI.js";
+import { _ as _sfc_main$4 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-DEFirphS.js";
 import { _ as _sfc_main$5 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$2 } from "./LpNotificationFeed-BXsRp9jm.js";
-import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
+import { _ as _sfc_main$2 } from "./LpNotificationFeed-CMGYU8c-.js";
+import { _ as _sfc_main$1 } from "./LpPopover-w2rr4x7n.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
 import { NOTIFICATION_LABELS } from "../components/notifications.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpNotificationFeed-BXsRp9jm.js → LpNotificationFeed-CMGYU8c-.js}

@@ -3,16 +3,16 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useNow } from "../composables/useNow.js";
 import { isHTMLElement } from "../composables/realm.js";
 import { _ as _sfc_main$8 } from "./LpAvatar-CfLBqlY1.js";
-import { _ as _sfc_main$a } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$7 } from "./LpContextMenu-DYpDm6iI.js";
-import { _ as _sfc_main$5 } from "./LpEmptyState-DrHBR3yh.js";
+import { _ as _sfc_main$a } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$7 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$5 } from "./LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$9 } from "./LpRelativeTime-0zI-44ve.js";
+import { _ as _sfc_main$9 } from "./LpRelativeTime-CN5bWD73.js";
 import { _ as _sfc_main$6 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$4 } from "./LpSkeleton-leTl53V9.js";
 import LpTabs from "../components/LpTabs.vue.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
 import { NOTIFICATION_LABELS, groupByDay, untilMidnight } from "../components/notifications.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpNumberField-QUMXvpqx.js → LpNumberField-C0LSu-tl.js}

@@ -119,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 id: unref(field).id,
                 "aria-describedby": describedBy.value,
                 "aria-invalid": unref(field).invalid || void 0,
-                class: ["min-w-0 flex-1 bg-transparent text-ink outline-none placeholder:text-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none", __props.steppers ? "text-center @max-[8.5rem]:px-3 @max-[8.5rem]:text-left" : __props.icon || _ctx.$slots.leading ? "pl-2 pr-3" : "px-3"]
+                class: ["lp-entry min-w-0 flex-1 bg-transparent text-ink outline-none placeholder:text-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none", __props.steppers ? "text-center @max-[8.5rem]:px-3 @max-[8.5rem]:text-left" : __props.icon || _ctx.$slots.leading ? "pl-2 pr-3" : "px-3"]
               }), null, 16, ["id", "aria-describedby", "aria-invalid", "class"]),
               __props.unit ? (openBlock(), createElementBlock("span", {
                 key: 1,

package/dist/chunks/{LpPaletteTheme-wiJtP5hV.js → LpPaletteTheme-CLwO-SDf.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
-import { _ as _sfc_main$4 } from "./LpThemeStudio-COn2H76d.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-BPPctXgd.js";
 import { _ as _sfc_main$2 } from "./LpThemeProvider-XK6ZeWAE.js";
-import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpInput-BU5IsOlE.js";
+import { _ as _sfc_main$1 } from "./LpButton-BvVoF-PO.js";
+import { _ as _sfc_main$3 } from "./LpInput-DGMpxrcg.js";
 const _hoisted_1 = { class: "flex min-w-0 flex-col gap-4" };
 const _hoisted_2 = { class: "sticky top-0 z-10 flex gap-2 border-b border-line bg-surface-overlay pb-3" };
 const _hoisted_3 = { class: "text-sm font-semibold" };

package/dist/chunks/{LpPasswordInput-W9AZfzaL.js → LpPasswordInput-LPVI7D3v.js}

@@ -2,8 +2,8 @@ import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unr
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpInput-BU5IsOlE.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-Bl1NcfxB.js";
+import { _ as _sfc_main$1 } from "./LpInput-DGMpxrcg.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-BsYxY6Oz.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,