@leavepulse/ui 0.52.0 → 0.53.1

package/dist/assets/{LpTable-D8jvowDb.css → LpTable-BNzavdlv.css}

@@ -11,17 +11,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-602c1271],
-.lp-row-leave-active[data-v-602c1271] {
+.lp-row-enter-active[data-v-a6bdc221],
+.lp-row-leave-active[data-v-a6bdc221] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-602c1271] {
+.lp-row-move[data-v-a6bdc221] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-602c1271],
-.lp-row-leave-to[data-v-602c1271] {
+.lp-row-enter-from[data-v-a6bdc221],
+.lp-row-leave-to[data-v-a6bdc221] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -35,7 +35,7 @@
  * drops out of the table layout entirely. Nothing sits below this row to be
  * dragged around, so simply not animating its exit costs nothing.
  */
-.lp-row-empty.lp-row-leave-active[data-v-602c1271] {
+.lp-row-empty.lp-row-leave-active[data-v-a6bdc221] {
   display: none;
 }
 
@@ -54,7 +54,7 @@
  * once anything is selected. An earlier version collapsed the column to nothing
  * and floated the hover box over the first cell, where it sat on the text.
  */
-.lp-tick[data-v-602c1271] {
+.lp-tick[data-v-a6bdc221] {
   display: flex;
   align-items: center;
   max-width: 0;
@@ -66,17 +66,17 @@
     padding var(--duration-medium) var(--ease-emphasized),
     opacity var(--duration-fast) ease;
 }
-.lp-tick-open[data-v-602c1271] {
+.lp-tick-open[data-v-a6bdc221] {
   max-width: 3.25rem;
   padding-inline: 1rem;
   opacity: 1;
 }
-.lp-tick-hidden[data-v-602c1271],
-.lp-tick-cue[data-v-602c1271] {
+.lp-tick-hidden[data-v-a6bdc221],
+.lp-tick-cue[data-v-a6bdc221] {
   opacity: 0;
 }
-tr:hover .lp-tick-cue[data-v-602c1271],
-.lp-tick-cue[data-v-602c1271]:focus-within {
+tr:hover .lp-tick-cue[data-v-a6bdc221],
+.lp-tick-cue[data-v-a6bdc221]:focus-within {
   opacity: 1;
 }
 
@@ -84,24 +84,24 @@ tr:hover .lp-tick-cue[data-v-602c1271],
    turned down the rows change without animating rather than not changing. */
 /* Only where there is a hover to reveal it; a finger long-presses instead. */
 @media (hover: none) {
-tr:hover .lp-tick-cue[data-v-602c1271] {
+tr:hover .lp-tick-cue[data-v-a6bdc221] {
     opacity: 0;
 }
 
   /* Nor is there anything for the column's width to hold until then: on a
      touch screen it stays closed until a long press starts selecting, and
      eases open like the rest of the column. */
-.lp-tick-hidden[data-v-602c1271],
-  .lp-tick-cue[data-v-602c1271] {
+.lp-tick-hidden[data-v-a6bdc221],
+  .lp-tick-cue[data-v-a6bdc221] {
     max-width: 0;
     padding-inline: 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-602c1271],
-  .lp-row-leave-active[data-v-602c1271],
-  .lp-row-move[data-v-602c1271],
-  .lp-tick[data-v-602c1271] {
+.lp-row-enter-active[data-v-a6bdc221],
+  .lp-row-leave-active[data-v-a6bdc221],
+  .lp-row-move[data-v-a6bdc221],
+  .lp-tick[data-v-a6bdc221] {
     transition: none;
 }
 }

package/dist/chunks/{LpAppShell-BmMYcEVx.js → LpAppShell-DcSXik4a.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DpEiGi8L.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-C2oolgwy.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpAvatar-Cb1jtOVv.js → LpAvatar-LTvy0OkE.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createElementBlock, Fragment, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpBreadcrumbs-CQJd73Gm.js → LpBreadcrumbs-D4TsoFju.js}

@@ -1,10 +1,12 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, toDisplayString } from "vue";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { resolveLink } from "../components/link.js";
 const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["aria-current"];
+const _hoisted_2 = { class: "truncate" };
+const _hoisted_3 = ["aria-current"];
+const _hoisted_4 = { class: "truncate" };
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -34,11 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex items-center gap-1.5 text-sm"
+      "flex min-w-0 items-center gap-1.5 text-sm"
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("nav", mergeProps({
-        "aria-label": unref(text).nav
+        "aria-label": unref(text).nav,
+        class: "min-w-0"
       }, unref(rest)), [
         createElementVNode("ol", {
           class: normalizeClass(unref(rootClass))
@@ -46,20 +49,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(crumbs.value, ({ item, last, link }, i) => {
             return openBlock(), createElementBlock("li", {
               key: i,
-              class: "inline-flex items-center gap-1.5"
+              class: normalizeClass(["inline-flex min-w-0 items-center gap-1.5", last ? "shrink" : "shrink-0"])
             }, [
               i > 0 ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 name: "lucide:chevron-right",
                 size: 14,
-                class: "text-muted",
+                class: "shrink-0 text-muted",
                 "aria-hidden": "true"
               })) : createCommentVNode("", true),
               link ? (openBlock(), createBlock(resolveDynamicComponent(link.is), mergeProps({
                 key: 1,
                 ref_for: true
               }, link.props, {
-                class: "inline-flex items-center gap-1.5 rounded-xs text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                class: "inline-flex min-w-0 items-center gap-1.5 rounded-xs text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
                 onClick: ($event) => _ctx.$emit("navigate", item, i)
               }), {
                 default: withCtx(() => [
@@ -68,12 +71,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     name: item.icon,
                     size: 14
                   }, null, 8, ["name"])) : createCommentVNode("", true),
-                  createTextVNode(" " + toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1)
                 ]),
                 _: 2
               }, 1040, ["onClick"])) : (openBlock(), createElementBlock("span", {
                 key: 2,
-                class: normalizeClass(["inline-flex items-center gap-1.5", last ? "text-ink" : "text-muted"]),
+                class: normalizeClass(["inline-flex min-w-0 items-center gap-1.5", last ? "text-ink" : "text-muted"]),
                 "aria-current": last ? "page" : void 0
               }, [
                 item.icon ? (openBlock(), createBlock(_sfc_main$1, {
@@ -81,9 +84,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   name: item.icon,
                   size: 14
                 }, null, 8, ["name"])) : createCommentVNode("", true),
-                createTextVNode(" " + toDisplayString(item.label), 1)
-              ], 10, _hoisted_2))
-            ]);
+                createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1)
+              ], 10, _hoisted_3))
+            ], 2);
           }), 128))
         ], 2)
       ], 16, _hoisted_1);

package/dist/chunks/{LpCard-BdxkMXjo.js → LpCard-DbjO5yaF.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, unref, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpCheckbox-Bkj13CbW.js → LpCheckbox-DvVYeOD-.js}

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const field = useFieldControl(() => ({ wrapped: false, id: props.id, disabled: props.disabled }));
     const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+      "group/check inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", mergeProps({ class: unref(rootClass) }, unref(rest)), [
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "model-value": __props.indeterminate ? "indeterminate" : __props.modelValue,
           disabled: unref(field).disabled,
           "aria-describedby": unref(field).describedBy,
-          class: "flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
+          class: "flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover/check:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
           "onUpdate:modelValue": onUpdate
         }, {
           default: withCtx(() => [

package/dist/chunks/{LpColorPicker-BLqPX5Vw.js → LpColorPicker-D1sQqtXS.js}

@@ -5,7 +5,7 @@ import { useFieldControl } from "../composables/useField.js";
 import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight, clampHsv } from "../components/color.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
 const _hoisted_1 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];

package/dist/chunks/{LpContextMenu-1cKew_Dc.js → LpContextMenu-EF_90u3g.js}

@@ -24,6 +24,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const text = el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement && SELECTABLE.has(el.type);
       field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
     }
+    function keepContextMenu(event) {
+      if (enabled.value) event.stopPropagation();
+    }
     function returnFocus(event) {
       const saved = field;
       field = null;
@@ -38,7 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ContextMenuTrigger), {
             "as-child": "",
             disabled: !enabled.value,
-            onContextmenuCapture: rememberField
+            onContextmenuCapture: rememberField,
+            onContextmenu: keepContextMenu
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")

package/dist/chunks/{LpFileTree-bk5VjBey.js → LpFileTree-3E4w4Rjr.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-BJbZXC8D.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-BvMSBM7X.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-B4uB8Ks_.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpFileTreeNode-BvMSBM7X.js → LpFileTreeNode-B4uB8Ks_.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$3 } from "./LpCheckbox-Bkj13CbW.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-DvVYeOD-.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];

package/dist/chunks/{LpLogViewer-BDFXzvcl.js → LpLogViewer-BfgtXVKm.js}

@@ -2,7 +2,7 @@ import { defineComponent, useModel, computed, ref, shallowRef, onMounted, onBefo
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpModalNav-BAxC9et7.js → LpModalNav-aWwc_5CD.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DpEiGi8L.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-C2oolgwy.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-DsqSyMwS.js → LpNotificationBell-wZ3meeim.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useModel, getCurrentInstance, ref, onMounted
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$7 } from "./LpButton-CKSwC6Mu.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-BJbZXC8D.js";
 import { _ as _sfc_main$6 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpPopover-DCKeqiVn.js";

package/dist/chunks/{LpPie-BdSnta11.js → LpPie-B7ti5qCH.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { useReveal } from "../composables/useReveal.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
-import { _ as _sfc_main$2 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-z4WPZcZu.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-DB7upf-5.js";

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

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       () => [
-        "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
+        "group/radio inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
         props.disabled ? "cursor-not-allowed opacity-55" : ""
       ].join(" ")
     );
@@ -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: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: "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-DmEW0l78.js → LpRadioGroup-CCn-Q2_c.js}

@@ -35,11 +35,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
               return openBlock(), createElementBlock("label", {
                 key: opt.value,
-                class: "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+                class: "group/radio inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
               }, [
                 createVNode(unref(RadioGroupItem), {
                   value: opt.value,
-                  class: "flex size-[18px] 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: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: "flex size-[18px] 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/{LpSidebar-DpEiGi8L.js → LpSidebar-C2oolgwy.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, useId, openBlock, createElementBlock, F
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$3 } from "./LpDrawer-CBFVD624.js";
 import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-BUuxipX-.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-C9dHu-2b.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-BUuxipX-.js → LpSidebarNav-C9dHu-2b.js}

@@ -3,7 +3,7 @@ import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$3 } from "./LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-Hz3-JWUG.js";
 import { resolveLink } from "../components/link.js";

package/dist/chunks/{LpSwitch-OrcOJX9m.js → LpSwitch-DG2AhXIL.js}

@@ -27,8 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const slots = useSlots();
     const labelled = computed(() => Boolean(props.label || props.description || slots.default));
-    const TRACK = "group inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55";
-    const THUMB = "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:w-5 group-data-[state=checked]:translate-x-4 group-data-[state=checked]:bg-ink-inverse group-data-[state=checked]:group-active:translate-x-2.5 motion-reduce:group-active:w-3.5";
+    const TRACK = "group/switch inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55";
+    const THUMB = "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/switch:w-5 group-data-[state=checked]/switch:translate-x-4 group-data-[state=checked]/switch:bg-ink-inverse group-data-[state=checked]/switch:group-active/switch:translate-x-2.5 motion-reduce:group-active/switch:w-3.5";
     const { class: rootClass, attrs: rest } = useMergedAttrs(() => {
       if (!labelled.value) return TRACK;
       return props.labelPosition === "start" ? "flex w-full cursor-pointer items-center justify-between gap-3 text-sm text-ink" : "inline-flex cursor-pointer items-center gap-2 text-sm text-ink";

package/dist/chunks/{LpTableFilter-BV8PpLM9.js → LpTableFilter-CrW7_Rj4.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, Fragment, unref, normalizeClass, toDisplayString, createVNode, withCtx, renderList } from "vue";
-import { _ as _sfc_main$3 } from "./LpCheckbox-Bkj13CbW.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-DvVYeOD-.js";
 import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";

package/dist/chunks/{LpThemeSwitcher-BbYFFT5w.js → LpThemeSwitcher-CPmhYOjX.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { u as useTheme, p as presets } from "./useTheme-DJm1JSsY.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpAvatar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAvatar-Cb1jtOVv.js";
+import { _ as _sfc_main } from "../chunks/LpAvatar-LTvy0OkE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpBreadcrumbs.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpBreadcrumbs-CQJd73Gm.js";
+import { _ as _sfc_main } from "../chunks/LpBreadcrumbs-D4TsoFju.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCard-BdxkMXjo.js";
+import { _ as _sfc_main } from "../chunks/LpCard-DbjO5yaF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpChart.vue.js

@@ -5,7 +5,7 @@ import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useReveal } from "../composables/useReveal.js";
 import { normalise, pointCount, resolveLabels, extent, axisTicks, plotHeight, plotWidth, xAt, yAt, areaPath, linePath, barPath, markerIndex, chartSummary, niceScale, nearestIndex, formatTick } from "./chart.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/components/LpCheckbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCheckbox-Bkj13CbW.js";
+import { _ as _sfc_main } from "../chunks/LpCheckbox-DvVYeOD-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-BLqPX5Vw.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-D1sQqtXS.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, onBeforeUnmount, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
-import { _ as _sfc_main$3 } from "../chunks/LpAvatar-Cb1jtOVv.js";
+import { _ as _sfc_main$3 } from "../chunks/LpAvatar-LTvy0OkE.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";

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

@@ -38,9 +38,9 @@ type __VLS_Props = {
     titleIcon?: string;
     titleImage?: string;
 };
-declare var __VLS_16: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-EF_90u3g.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-bk5VjBey.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-3E4w4Rjr.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-BvMSBM7X.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-B4uB8Ks_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-BDFXzvcl.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-BfgtXVKm.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-BAxC9et7.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-aWwc_5CD.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-DsqSyMwS.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-wZ3meeim.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPaletteHeader.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpAvatar-Cb1jtOVv.js";
+import { _ as _sfc_main$1 } from "../chunks/LpAvatar-LTvy0OkE.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "../chunks/HighlightText-BvnYZkhi.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-BdSnta11.js";
+import { _ as _sfc_main } from "../chunks/LpPie-B7ti5qCH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRadio.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRadio-B5AfqTpZ.js";
+import { _ as _sfc_main } from "../chunks/LpRadio-CWA5Eb3M.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRadioGroup.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRadioGroup-DmEW0l78.js";
+import { _ as _sfc_main } from "../chunks/LpRadioGroup-CCn-Q2_c.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-DpEiGi8L.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-C2oolgwy.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-BUuxipX-.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-C9dHu-2b.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwitch.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwitch-OrcOJX9m.js";
+import { _ as _sfc_main } from "../chunks/LpSwitch-DG2AhXIL.js";
 export {
   _sfc_main as default
 };

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

@@ -211,6 +211,7 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         [x: `cell-${string}`]: ((props: {
             row: T;
             value: unknown;
+            openMenu: (event: Event) => void;
         }) => any) | undefined;
     } & {
         bulk?: (props: {

package/dist/components/LpTable.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createElementVNode, Transition, renderSlot, mergeProps, normalizeStyle, createBlock, TransitionGroup, unref, withModifiers, nextTick } from "vue";
-import { _ as _sfc_main$7 } from "../chunks/LpCheckbox-Bkj13CbW.js";
-import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$7 } from "../chunks/LpCheckbox-DvVYeOD-.js";
+import { _ as _sfc_main$6 } from "../chunks/LpContextMenu-EF_90u3g.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$a } from "../chunks/LpPagination-BcDlo3r_.js";
 import { _ as _sfc_main$8 } from "../chunks/LpPopover-DCKeqiVn.js";
 import { _ as _sfc_main$5 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "../chunks/LpRollingText-DB7upf-5.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$9 } from "../chunks/LpTableFilter-BV8PpLM9.js";
+import { _ as _sfc_main$9 } from "../chunks/LpTableFilter-CrW7_Rj4.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";
@@ -18,7 +18,7 @@ import { _ as _sfc_main$1 } from "../chunks/LpButton-CKSwC6Mu.js";
 import { toCsv, downloadFile, fileStem } from "./exportData.js";
 import { summarizeShown, parseTableState, serializeTableState, countValues } from "./tableFilter.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-D8jvowDb.css';const _hoisted_1 = {
+import '../assets/LpTable-BNzavdlv.css';const _hoisted_1 = {
   key: 0,
   class: "flex justify-end"
 };
@@ -164,6 +164,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onRowContextMenu(row) {
       menuRow.value = row;
     }
+    function openRowMenu(event) {
+      const button = event.currentTarget;
+      if (!(button instanceof HTMLElement)) return;
+      const rect = button.getBoundingClientRect();
+      button.dispatchEvent(
+        new MouseEvent("contextmenu", { bubbles: true, cancelable: true, clientX: rect.left, clientY: rect.bottom })
+      );
+    }
     const contextMenu = computed(() => {
       if (paint.painting.value) return [];
       const table = tableMenu();
@@ -917,7 +925,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }, [
                               renderSlot(_ctx.$slots, `cell-${col.key}`, {
                                 row,
-                                value: row[col.key]
+                                value: row[col.key],
+                                openMenu: openRowMenu
                               }, () => [
                                 createTextVNode(toDisplayString(row[col.key]), 1)
                               ], true)
@@ -947,7 +956,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-602c1271"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a6bdc221"]]);
 export {
   LpTable as default
 };

package/dist/components/LpTableFilter.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTableFilter-BV8PpLM9.js";
+import { _ as _sfc_main } from "../chunks/LpTableFilter-CrW7_Rj4.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BbYFFT5w.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-CPmhYOjX.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -4,21 +4,21 @@ import { _ as _3 } from "./chunks/LpMapPicker-Cc84LaM3.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-CnfFVIwC.js";
 import { _ as _5 } from "./chunks/LpAlert-B6ilrM7T.js";
-import { _ as _6 } from "./chunks/LpAppShell-BmMYcEVx.js";
+import { _ as _6 } from "./chunks/LpAppShell-DcSXik4a.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-C8IgSMsi.js";
-import { _ as _8 } from "./chunks/LpAvatar-Cb1jtOVv.js";
+import { _ as _8 } from "./chunks/LpAvatar-LTvy0OkE.js";
 import { _ as _9 } from "./chunks/LpBadge-Fe0D1bYx.js";
-import { _ as _10 } from "./chunks/LpBreadcrumbs-CQJd73Gm.js";
+import { _ as _10 } from "./chunks/LpBreadcrumbs-D4TsoFju.js";
 import { _ as _11 } from "./chunks/LpButton-CKSwC6Mu.js";
 import { _ as _12 } from "./chunks/LpCalendar-DrA2McTU.js";
-import { _ as _13 } from "./chunks/LpCard-BdxkMXjo.js";
+import { _ as _13 } from "./chunks/LpCard-DbjO5yaF.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData.js";
 import { CHART_PALETTE, axisTicks, chartSummary, formatTick, markerIndex, niceScale, resolveSlices } from "./components/chart.js";
-import { _ as _14 } from "./chunks/LpCheckbox-Bkj13CbW.js";
+import { _ as _14 } from "./chunks/LpCheckbox-DvVYeOD-.js";
 import { _ as _15 } from "./chunks/LpCodeBlock-ca7ANFyW.js";
 import { tokenizeLines } from "./components/codeHighlight.js";
-import { _ as _16 } from "./chunks/LpColorPicker-BLqPX5Vw.js";
+import { _ as _16 } from "./chunks/LpColorPicker-D1sQqtXS.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
 import { applyQueryFilters, highlightParts, parseCommandQuery, parsePaletteQuery, rankCommandItems } from "./components/commandSearch.js";
@@ -33,7 +33,7 @@ import { comboKeys, comboSteps } from "./components/keys.js";
 import { _ as _18 } from "./chunks/LpConfirmDialog-Ca-CTlxT.js";
 import { _ as _19 } from "./chunks/LpConfirmHost-BAaSaT2b.js";
 import { confirm, useConfirm } from "./components/confirm.js";
-import { _ as _20 } from "./chunks/LpContextMenu-1cKew_Dc.js";
+import { _ as _20 } from "./chunks/LpContextMenu-EF_90u3g.js";
 import { _ as _21 } from "./chunks/LpDatePicker-BrdFtSTy.js";
 import { _ as _22 } from "./chunks/LpDateRangePicker-Drd7EbIz.js";
 import { _ as _23 } from "./chunks/LpRangeCalendar-DZuaRV0W.js";
@@ -44,7 +44,7 @@ import { _ as _26 } from "./chunks/LpDrawer-CBFVD624.js";
 import { _ as _27 } from "./chunks/LpDropdownMenu-DrpJJBp0.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
 import { _ as _28 } from "./chunks/LpEmptyState-BJbZXC8D.js";
-import { _ as _29 } from "./chunks/LpFileTree-bk5VjBey.js";
+import { _ as _29 } from "./chunks/LpFileTree-3E4w4Rjr.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _30 } from "./chunks/LpFieldNotice-wtieLUTj.js";
 import { _ as _31 } from "./chunks/LpFormField-CtVYj6tO.js";
@@ -56,25 +56,25 @@ import { _ as _34 } from "./chunks/LpInput-D-YGQbEv.js";
 import { _ as _35 } from "./chunks/LpLightbox-EVXzAq62.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _37 } from "./chunks/LpLogViewer-BDFXzvcl.js";
+import { _ as _37 } from "./chunks/LpLogViewer-BfgtXVKm.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
 import { _ as _38 } from "./chunks/LpMediaGallery-BnlkN_1f.js";
 import { _ as _39 } from "./chunks/LpModal-JNa3B_Lr.js";
-import { _ as _40 } from "./chunks/LpModalNav-BAxC9et7.js";
-import { _ as _41 } from "./chunks/LpNotificationBell-DsqSyMwS.js";
+import { _ as _40 } from "./chunks/LpModalNav-aWwc_5CD.js";
+import { _ as _41 } from "./chunks/LpNotificationBell-wZ3meeim.js";
 import { _ as _42 } from "./chunks/LpNumberField-B77O-z28.js";
 import { _ as _43 } from "./chunks/LpTimeField-Cqe7fXnh.js";
 import { _ as _44 } from "./chunks/LpNumberFlow-z4WPZcZu.js";
 import { _ as _45 } from "./chunks/LpOtpInput-CziPF3Oq.js";
 import { _ as _46 } from "./chunks/LpPagination-BcDlo3r_.js";
 import { _ as _47 } from "./chunks/LpPasswordInput-eKzQhbQP.js";
-import { _ as _48 } from "./chunks/LpPie-BdSnta11.js";
+import { _ as _48 } from "./chunks/LpPie-B7ti5qCH.js";
 import { _ as _49 } from "./chunks/LpPhoneInput-BCbrrhgE.js";
 import { filterCountries, flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _50 } from "./chunks/LpPopover-DCKeqiVn.js";
 import { _ as _51 } from "./chunks/LpProgress-CBU1iI69.js";
-import { _ as _52 } from "./chunks/LpRadio-B5AfqTpZ.js";
-import { _ as _53 } from "./chunks/LpRadioGroup-DmEW0l78.js";
+import { _ as _52 } from "./chunks/LpRadio-CWA5Eb3M.js";
+import { _ as _53 } from "./chunks/LpRadioGroup-CCn-Q2_c.js";
 import { _ as _54 } from "./chunks/LpRollingText-DB7upf-5.js";
 import { _ as _55 } from "./chunks/LpScrollArea-Hz3-JWUG.js";
 import { _ as _56 } from "./chunks/LpSegmented-C09EEam2.js";
@@ -83,7 +83,7 @@ import { _ as _58 } from "./chunks/LpSelect-DNIL6MB9.js";
 import { _ as _59 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _60 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _61 } from "./chunks/LpSidebar-DpEiGi8L.js";
+import { _ as _61 } from "./chunks/LpSidebar-C2oolgwy.js";
 import { _ as _62 } from "./chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _63 } from "./chunks/LpSlider-Cuzmrd7p.js";
 import { _ as _64 } from "./chunks/LpRangeSlider-C1yF9-nP.js";
@@ -92,7 +92,7 @@ import { formatClipTime, isNativeLoop, planLoop, seamProgress, seamReached } fro
 import { _ as _66 } from "./chunks/LpSparkline-CB80N8SJ.js";
 import { _ as _67 } from "./chunks/LpStat-B-7udBRP.js";
 import { _ as _68 } from "./chunks/LpStepper-C7XiVKZj.js";
-import { _ as _69 } from "./chunks/LpSwitch-OrcOJX9m.js";
+import { _ as _69 } from "./chunks/LpSwitch-DG2AhXIL.js";
 import { default as default12 } from "./components/LpTable.vue.js";
 import { compareValues } from "./components/tableSort.js";
 import { _ as _70 } from "./chunks/LpTableOfContents-BUcAfGPQ.js";
@@ -100,7 +100,7 @@ import { _ as _71 } from "./chunks/LpTabs-UM0FQmPA.js";
 import { _ as _72 } from "./chunks/LpTagsInput-D1SuqbhB.js";
 import { addTags, splitTags } from "./components/tags.js";
 import { _ as _73 } from "./chunks/LpTextarea-uuScWo6-.js";
-import { _ as _74 } from "./chunks/LpThemeSwitcher-BbYFFT5w.js";
+import { _ as _74 } from "./chunks/LpThemeSwitcher-CPmhYOjX.js";
 import { _ as _75 } from "./chunks/LpTilt-B7KHX1zH.js";
 import { _ as _76 } from "./chunks/LpToaster-DTtWuKvq.js";
 import { _ as _77 } from "./chunks/LpTooltip-CXVKcOXT.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.52.0",
+  "version": "0.53.1",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpBreadcrumbs.vue

@@ -53,43 +53,47 @@ const crumbs = computed(() =>
 
 // The trail sets its own gap, which a dense header bar needs to reduce.
 const { class: rootClass, attrs: rest } = useMergedAttrs(
-  "flex items-center gap-1.5 text-sm",
+  "flex min-w-0 items-center gap-1.5 text-sm",
 )
 </script>
 
 <template>
-  <nav :aria-label="text.nav" v-bind="rest">
+  <!-- One line however long the labels: the earlier crumbs keep their size
+       and the current one gives way with an ellipsis. Wrapping, a long name
+       pushed the trail onto three lines over whatever bar held it. -->
+  <nav :aria-label="text.nav" class="min-w-0" v-bind="rest">
     <ol :class="rootClass">
       <li
         v-for="({ item, last, link }, i) in crumbs"
         :key="i"
-        class="inline-flex items-center gap-1.5"
+        class="inline-flex min-w-0 items-center gap-1.5"
+        :class="last ? 'shrink' : 'shrink-0'"
       >
         <LpIcon
           v-if="i > 0"
           name="lucide:chevron-right"
           :size="14"
-          class="text-muted"
+          class="shrink-0 text-muted"
           aria-hidden="true"
         />
         <component
           :is="link.is"
           v-if="link"
           v-bind="link.props"
-          class="inline-flex items-center gap-1.5 rounded-xs text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring"
+          class="inline-flex min-w-0 items-center gap-1.5 rounded-xs text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring"
           @click="$emit('navigate', item, i)"
         >
           <LpIcon v-if="item.icon" :name="item.icon" :size="14" />
-          {{ item.label }}
+          <span class="truncate">{{ item.label }}</span>
         </component>
         <span
           v-else
-          class="inline-flex items-center gap-1.5"
+          class="inline-flex min-w-0 items-center gap-1.5"
           :class="last ? 'text-ink' : 'text-muted'"
           :aria-current="last ? 'page' : undefined"
         >
           <LpIcon v-if="item.icon" :name="item.icon" :size="14" />
-          {{ item.label }}
+          <span class="truncate">{{ item.label }}</span>
         </span>
       </li>
     </ol>

package/src/components/LpCheckbox.vue

@@ -35,7 +35,7 @@ const field = useFieldControl(() => ({ wrapped: false, id: props.id, disabled: p
 
 // The label sits a fixed distance from the box; a dense list of options needs that closer.
 const { class: rootClass, attrs: rest } = useMergedAttrs(
-  "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
+  "group/check inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
 )
 </script>
 
@@ -49,7 +49,7 @@ const { class: rootClass, attrs: rest } = useMergedAttrs(
       :model-value="indeterminate ? 'indeterminate' : modelValue"
       :disabled="field.disabled"
       :aria-describedby="field.describedBy"
-      class="flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"
+      class="flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover/check:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"
       @update:model-value="onUpdate"
     >
       <CheckboxIndicator

package/src/components/LpContextMenu.vue

@@ -79,6 +79,18 @@ function rememberField() {
     : null
 }
 
+/*
+ * A right-click the menu answers goes no further than its trigger. reka opens
+ * the menu a tick later, and only if nothing has called preventDefault by then;
+ * an app that silences the browser's own menu with a window listener (most
+ * desktop shells do) got there first, so the menu never opened while a long
+ * press, which reka times itself, still did. reka cancels the native menu on
+ * its own once it opens.
+ */
+function keepContextMenu(event: Event) {
+  if (enabled.value) event.stopPropagation()
+}
+
 function returnFocus(event: Event) {
   const saved = field
   field = null
@@ -95,7 +107,12 @@ function returnFocus(event: Event) {
        late, losing its state and focus. A disabled trigger leaves the browser's
        own menu in place. -->
   <ContextMenuRoot>
-    <ContextMenuTrigger as-child :disabled="!enabled" @contextmenu.capture="rememberField">
+    <ContextMenuTrigger
+      as-child
+      :disabled="!enabled"
+      @contextmenu.capture="rememberField"
+      @contextmenu="keepContextMenu"
+    >
       <slot />
     </ContextMenuTrigger>
     <ContextMenuPortal v-if="items.length">

package/src/components/LpRadio.vue

@@ -18,7 +18,7 @@ const props = defineProps<{ value: string; label?: string; disabled?: boolean }>
 // options needs to close up — `class="gap-1"` should win over the default.
 const { class: rootClass, attrs: rest } = useMergedAttrs(() =>
   [
-    "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
+    "group/radio inline-flex cursor-pointer items-center gap-2 text-sm text-ink",
     props.disabled ? "cursor-not-allowed opacity-55" : "",
   ].join(" "),
 )
@@ -32,7 +32,7 @@ const { class: rootClass, attrs: rest } = useMergedAttrs(() =>
     <RadioGroupItem
       :value="value"
       :disabled="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: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="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"
     >
       <RadioGroupIndicator
         class="flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]"

package/src/components/LpRadioGroup.vue

@@ -45,11 +45,11 @@ const { class: rootClass, attrs: rest } = useMergedAttrs(
       <label
         v-for="opt in options"
         :key="opt.value"
-        class="group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+        class="group/radio inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
       >
         <RadioGroupItem
           :value="opt.value"
-          class="flex size-[18px] 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: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="flex size-[18px] 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"
         >
           <RadioGroupIndicator
             class="flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]"

package/src/components/LpSwitch.vue

@@ -33,9 +33,9 @@ const slots = useSlots()
 const labelled = computed(() => Boolean(props.label || props.description || slots.default))
 
 const TRACK =
-  "group inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"
+  "group/switch inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55"
 const THUMB =
-  "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:w-5 group-data-[state=checked]:translate-x-4 group-data-[state=checked]:bg-ink-inverse group-data-[state=checked]:group-active:translate-x-2.5 motion-reduce:group-active:w-3.5"
+  "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/switch:w-5 group-data-[state=checked]/switch:translate-x-4 group-data-[state=checked]/switch:bg-ink-inverse group-data-[state=checked]/switch:group-active/switch:translate-x-2.5 motion-reduce:group-active/switch:w-3.5"
 
 // Bare, the switch is the root, so a consumer asking for a bigger track must not
 // have to depend on stylesheet order to get it. With text, the row is the root

package/src/components/LpTable.vue

@@ -355,6 +355,23 @@ function onRowContextMenu(row: T) {
   menuRow.value = row
 }
 
+/*
+ * The same menu on a button of the row's own, a "more" button in an actions
+ * cell: cell slots get `openMenu` for its click. A dropdown per row stood up
+ * the full reka menu stack in every row, closed — some twenty components a
+ * row, which on a phone made a list of a few hundred rows take most of a
+ * second to appear. Here the click becomes a right-click at the button's
+ * corner, which the row remembers on its way up and the shared menu opens at.
+ */
+function openRowMenu(event: Event) {
+  const button = event.currentTarget
+  if (!(button instanceof HTMLElement)) return
+  const rect = button.getBoundingClientRect()
+  button.dispatchEvent(
+    new MouseEvent("contextmenu", { bubbles: true, cancelable: true, clientX: rect.left, clientY: rect.bottom }),
+  )
+}
+
 // Row items first — they are what the pointer is actually on — then the
 // table-wide ones under a rule, when the row has any of its own.
 const contextMenu = computed<ContextMenuItemDef[]>(() => {
@@ -1300,7 +1317,7 @@ const barInsetTop = computed(() =>
             class="px-4 text-ink"
             :class="[alignClass(col.align), cellY, col.nowrap ? 'whitespace-nowrap' : '']"
           >
-            <slot :name="`cell-${col.key}`" :row="row" :value="row[col.key]">
+            <slot :name="`cell-${col.key}`" :row="row" :value="row[col.key]" :open-menu="openRowMenu">
               {{ row[col.key] }}
             </slot>
           </td>