@leavepulse/ui 0.87.1 → 0.88.0

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__,

package/dist/chunks/{LpPhoneInput-DsRv-Qla.js → LpPhoneInput-BdglZsGH.js}

@@ -7,7 +7,7 @@ import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { matchCountryByValue, filterCountries, loadCountries, flagEmoji } from "../components/countries.js";
-import { COMBOBOX_PANEL, POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
+import { COMBOBOX_PANEL, POPOVER_PANEL, COMBOBOX_FIT, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
 import { _ as _sfc_main$3 } from "./LpFieldNotice-DUPo1Yii.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { loadPhoneLib, formatPhone, loadPhoneExamples, digitsBefore, caretAfterDigits, digitsOf } from "../components/phone.js";
@@ -253,7 +253,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onEscapeKeyDown: unref(guardOutside)
                     }, unref(COMBOBOX_PANEL), {
                       align: "start",
-                      class: [unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"]
+                      class: [unref(POPOVER_PANEL), "z-(--z-popover) w-72 max-w-[calc(100vw-1rem)] overflow-hidden", unref(COMBOBOX_FIT)]
                     }), {
                       default: withCtx(() => [
                         createElementVNode("div", _hoisted_2, [
@@ -262,11 +262,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             placeholder: __props.searchPlaceholder ?? unref(text).search,
                             "aria-label": unref(text).searchLabel,
                             "auto-focus": "",
-                            class: "h-(--size-control-sm) w-full rounded-inner border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand",
+                            class: "lp-entry h-(--size-control-sm) w-full rounded-inner border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand",
                             onInput: _cache[0] || (_cache[0] = ($event) => query.value = $event.target.value)
                           }, null, 8, ["model-value", "placeholder", "aria-label"])
                         ]),
-                        createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
+                        createVNode(unref(ComboboxViewport), { class: "max-h-56 min-h-0 flex-1 overflow-y-auto p-1" }, {
                           default: withCtx(() => [
                             createVNode(unref(ComboboxEmpty), { class: "px-3 py-4 text-center text-sm italic text-muted" }, {
                               default: withCtx(() => [
@@ -314,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               required: unref(field).required || void 0,
               "aria-invalid": unref(field).invalid || void 0,
               "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy, unref(notice).message.value ? noticeId : void 0),
-              class: "lp-autofill min-w-0 flex-1 self-stretch bg-transparent px-3 outline-none placeholder:text-muted",
+              class: "lp-autofill lp-entry min-w-0 flex-1 self-stretch bg-transparent px-3 outline-none placeholder:text-muted",
               onBeforeinput: onBeforeEdit,
               onPaste: _cache[2] || (_cache[2] = //@ts-ignore
               (...args) => unref(onPaste) && unref(onPaste)(...args)),

package/dist/chunks/{LpPie-pbrNFbRP.js → LpPie-CsiBXe-e.js}

@@ -7,14 +7,14 @@ import { useReveal } from "../composables/useReveal.js";
 import { useTween, lerp, mixColor } from "../composables/useTween.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
 import { _ as _sfc_main$9 } from "./LegendSwatch-BhRjrtzv.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-DYpDm6iI.js";
-import { _ as _sfc_main$3 } from "./LpEmptyState-DrHBR3yh.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$8 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
-import { _ as _sfc_main$5 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$5 } from "./LpTooltip-BKde8Xjv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { isElement } from "../composables/realm.js";

package/dist/chunks/{LpPipeline-BHWmvOiv.js → LpPipeline-DVcoSs--.js}

@@ -10,7 +10,7 @@ import { _ as _sfc_main$5 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$1 } from "./LpStepMark-CPGVj1XG.js";
-import { _ as _sfc_main$7 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$7 } from "./LpTooltip-BKde8Xjv.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { stepKey, duplicateStepKeys, connectorFilled, currentStepIndex, stepElapsed, childProgress } from "../components/pipeline.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, formatElapsed } from "../components/timeSpan.js";

package/dist/chunks/{LpPopover-BQSuxtai.js → LpPopover-w2rr4x7n.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, computed, useAttrs, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, mergeProps, mergeModels } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { POPOVER_PANEL } from "../components/dropdown.js";
+import { PANEL_FIT, POPOVER_PANEL } from "../components/dropdown.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const open = useModel(__props, "open");
     const panel = computed(
-      () => mergeClass(POPOVER_PANEL, "z-(--z-popover) w-64 rounded-card p-3 text-sm text-ink outline-none", props.panelClass)
+      () => mergeClass(POPOVER_PANEL, PANEL_FIT, "z-(--z-popover) w-64 rounded-card p-3 text-sm text-ink outline-none", props.panelClass)
     );
     const attrs = useAttrs();
     function namePanel(event) {

package/dist/chunks/{LpRadio-CWA5Eb3M.js → LpRadio-4KyxeSz4.js}

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(RadioGroupItem), {
           value: __props.value,
           disabled: __props.disabled,
-          class: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
+          class: "lp-tap flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
         }, {
           default: withCtx(() => [
             createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {

package/dist/chunks/{LpRadioGroup-D94KMStE.js → LpRadioGroup-Cr_fmrBY.js}

@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       value: opt.value,
                       disabled: opt.disabled,
                       "aria-describedby": opt.description ? `${unref(uid)}-${i}-desc` : void 0,
-                      class: normalizeClass([opt.description ? "mt-px" : "", "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"])
+                      class: normalizeClass([opt.description ? "mt-px" : "", "lp-tap flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover/radio:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"])
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {

package/dist/chunks/{LpRangeSlider-CkP9hYUC.js → LpRangeSlider-DbaITHtC.js}

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const { field, wrapper, ownAttrs } = useOwnField(() => ({ error: props.error, disabled: props.disabled }));
     const { class: rootClass, attrs: rest } = useMergedAttrs(
-      `relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55 ${SLIDER_GLIDE}`,
+      `lp-tap relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55 ${SLIDER_GLIDE}`,
       () => ownAttrs()
     );
     const { dragging, onPointerDown } = useSliderDrag();

package/dist/chunks/{LpRelativeTime-0zI-44ve.js → LpRelativeTime-CN5bWD73.js}

@@ -3,7 +3,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
 import { formatRelativeTime } from "../components/relativeTime.js";
 import { toEpoch } from "../components/timeSpan.js";
 const _hoisted_1 = ["datetime"];

package/dist/chunks/{LpRepeater-DLLcbQ6J.js → LpRepeater-C0rns2xW.js}

@@ -5,7 +5,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRepeater } from "../composables/useRepeater.js";
 import { usePrefersReducedMotion } from "../composables/useReducedMotion.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$4 } from "./LpShift-DAgS_d2x.js";
 import '../assets/LpRepeater-C1Cw27hj.css';const _hoisted_1 = ["aria-label", "aria-describedby"];