@leavepulse/ui 0.37.4 → 0.37.6

package/dist/chunks/{LpAddressInput-C8NZWkH_.js → LpAddressInput-DOVpUONY.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-9EXWUM9B.js";
-import { _ as _sfc_main$7 } from "./LpModal-D3QxgWaT.js";
+import { _ as _sfc_main$7 } from "./LpModal-Dq_qXN8-.js";
 import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-1rTB24lI.js → LpAppShell-CRDw1Du5.js}

@@ -3,7 +3,7 @@ import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DvxMte3k.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-B1wLj-B2.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_2 = { class: "relative flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };

package/dist/chunks/{LpAvatar-D3l4nabg.js → LpAvatar-B3-xAOH3.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpCard-1SeUYPBT.js → LpCard-BhI1N_vL.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-B6WBLleS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpColorPicker-CFC6iaNK.js → LpColorPicker-BlXea7LM.js}

@@ -3,7 +3,7 @@ import { PopoverRoot, PopoverAnchor, PopoverTrigger, PopoverPortal, PopoverConte
 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-B6WBLleS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = ["disabled", "aria-label"];
 const _hoisted_2 = { class: "min-w-0 flex-1 truncate font-mono text-xs text-muted-strong" };

package/dist/chunks/{LpConfirmDialog-B6RAvDES.js → LpConfirmDialog-BH7az_E7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createElementVNode, normalizeClass } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-D3QxgWaT.js";
+import { _ as _sfc_main$1 } from "./LpModal-Dq_qXN8-.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",

package/dist/chunks/{LpContextMenu-B6WBLleS.js → LpContextMenu-CwW1QXe_.js}

@@ -35,10 +35,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const enabled = computed(() => props.always || props.items.length > 0);
     const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
+    const SELECTABLE = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
+    let field = null;
+    function rememberField() {
+      const el = document.activeElement;
+      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 returnFocus(event) {
+      const saved = field;
+      field = null;
+      if (!saved || !saved.el.isConnected) return;
+      event.preventDefault();
+      saved.el.focus();
+      if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end);
+    }
     return (_ctx, _cache) => {
       return !enabled.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(unref(ContextMenuRoot), { key: 1 }, {
         default: withCtx(() => [
-          createVNode(unref(ContextMenuTrigger), { "as-child": "" }, {
+          createVNode(unref(ContextMenuTrigger), {
+            "as-child": "",
+            onContextmenuCapture: rememberField
+          }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -47,7 +65,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           __props.items.length ? (openBlock(), createBlock(unref(ContextMenuPortal), { key: 0 }, {
             default: withCtx(() => [
               createVNode(unref(ContextMenuContent), {
-                class: normalizeClass(PANEL)
+                class: normalizeClass(PANEL),
+                onCloseAutoFocus: returnFocus
               }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {

package/dist/chunks/{LpFileTree-C-NFRT0H.js → LpFileTree-_5vFBgaK.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-Dsdqz1Wj.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-DNJUJiiB.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-BdcIYKIE.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {

package/dist/chunks/{LpFileTreeNode-DNJUJiiB.js → LpFileTreeNode-BdcIYKIE.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, resolveComponent, openBlock, createElementBl
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
 import { _ as _sfc_main$3 } from "./LpCheckbox-CVccKYaH.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];

package/dist/chunks/{LpLogViewer-y53ZqSVq.js → LpLogViewer-CaRy5MeS.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, shallowRef, computed, onMounted, onBeforeUnmount,
 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-B6WBLleS.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpModal-D3QxgWaT.js → LpModal-Dq_qXN8-.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, createTextVNode, toDisplayString, normalizeClass } from "vue";
+import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, createElementVNode, mergeProps, createElementBlock, renderSlot, createCommentVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
@@ -8,7 +8,7 @@ import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,
   "data-lp-modal-aside": "",
-  class: "pointer-events-auto flex min-h-0 flex-col"
+  class: "flex min-h-0 flex-col"
 };
 const _hoisted_2 = {
   key: 0,
@@ -22,7 +22,7 @@ const _hoisted_4 = {
 const _hoisted_5 = {
   key: 1,
   "data-lp-modal-aside": "",
-  class: "pointer-events-auto flex min-h-0 flex-col"
+  class: "flex min-h-0 flex-col"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModal",
@@ -83,8 +83,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     function onOpenAutoFocus(event) {
       if (props.autoFocus === "none") return;
-      const panel = panelRef.value?.$el;
-      if (!(panel instanceof HTMLElement)) return;
+      const panel = panelRef.value;
+      if (!panel) return;
       const selectors = props.autoFocus === "auto" ? AUTO_FOCUS_ORDER : [props.autoFocus];
       for (const selector of selectors) {
         const target = panel.querySelector(selector);
@@ -110,8 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.open ? panelRef.value : null,
       (panel) => {
-        const el = panel?.$el;
-        sizedEl.value = el instanceof HTMLElement ? el : null;
+        sizedEl.value = panel;
       },
       { flush: "post" }
     );
@@ -131,24 +130,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "fixed inset-0 flex items-center justify-center pointer-events-none",
                 style: normalizeStyle({ zIndex: unref(layer).panel })
               }, [
-                createElementVNode("div", {
-                  class: "flex items-start",
-                  style: normalizeStyle(hasAside.value ? { maxHeight: "min(90vh, calc(100dvh - 2rem))" } : void 0)
-                }, [
-                  __props.open && _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
-                    renderSlot(_ctx.$slots, "aside")
-                  ])) : createCommentVNode("", true),
-                  createVNode(unref(DialogContent), mergeProps({
-                    ref_key: "panelRef",
-                    ref: panelRef,
-                    class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", [widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
-                    style: { ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} }
-                  }, describedByAttrs.value, {
-                    onOpenAutoFocus,
-                    onInteractOutside,
-                    onPointerDownOutside: onInteractOutside
-                  }), {
-                    default: withCtx(() => [
+                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))" }
+                }, describedByAttrs.value, {
+                  onOpenAutoFocus,
+                  onInteractOutside,
+                  onPointerDownOutside: onInteractOutside
+                }), {
+                  default: withCtx(() => [
+                    _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
+                      renderSlot(_ctx.$slots, "aside")
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", {
+                      ref_key: "panelRef",
+                      ref: panelRef,
+                      class: normalizeClass(["flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel", [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" } : {} })
+                    }, [
                       __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
                         createElementVNode("div", _hoisted_3, [
                           createVNode(unref(DialogTitle), { class: "text-base font-semibold text-ink" }, {
@@ -202,13 +201,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
                         renderSlot(_ctx.$slots, "footer")
                       ])) : createCommentVNode("", true)
-                    ]),
-                    _: 3
-                  }, 16, ["class", "style"]),
-                  __props.open && _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
-                    renderSlot(_ctx.$slots, "asideEnd")
-                  ])) : createCommentVNode("", true)
-                ], 4)
+                    ], 6),
+                    _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
+                      renderSlot(_ctx.$slots, "asideEnd")
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 3
+                }, 16)
               ], 4)
             ]),
             _: 3

package/dist/chunks/{LpModalNav--a3i7c89.js → LpModalNav-CqxXbTkl.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpModal-D3QxgWaT.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DvxMte3k.js";
+import { _ as _sfc_main$1 } from "./LpModal-Dq_qXN8-.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-B1wLj-B2.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-lHePf89W.js → LpNotificationBell-DyGGsMAM.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useModel, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createTextVNode, mergeModels } from "vue";
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$7 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-Dsdqz1Wj.js";
 import { _ as _sfc_main$6 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";

package/dist/chunks/{LpPie-c2-q4DJu.js → LpPie-D6OnzwlJ.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-B6WBLleS.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-amWYaeuA.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-CM5gkSeF.js";

package/dist/chunks/{LpSidebar-DvxMte3k.js → LpSidebar-B1wLj-B2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { _ as _sfc_main$3 } from "./LpDrawer-E67O8fFP.js";
 import { _ as _sfc_main$1 } from "./LpInput-9EXWUM9B.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-CqwvT4H8.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-llOcs_Fn.js";
 const _hoisted_1 = {
   key: 2,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-CqwvT4H8.js → LpSidebarNav-llOcs_Fn.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-B6WBLleS.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpThemeSwitcher-r1te9nB2.js → LpThemeSwitcher-Cue-myST.js}

@@ -1,6 +1,6 @@
 import { computed, readonly, shallowRef, defineComponent, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, normalizeStyle, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const sharedShape = { radiusControl: 8, radiusCard: 14, radiusPill: 9999 };
 const sharedDensity = { spacingUnit: 4, controlSm: 32, controlMd: 38, controlLg: 44 };

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-C8NZWkH_.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-DOVpUONY.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpAvatar.vue.js

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

package/dist/components/LpCard.vue.js

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

package/dist/components/LpChart.vue.js

@@ -4,7 +4,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, niceScale, plotHeight, plotWidth, xAt, yAt, areaPath, linePath, barPath, nearestIndex, formatTick } from "./chart.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/components/LpColorPicker.vue.js

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

package/dist/components/LpConfirmDialog.vue.js

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

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

@@ -27,11 +27,11 @@ type __VLS_Props = {
      */
     always?: boolean;
 };
-declare var __VLS_1: {}, __VLS_16: {};
+declare var __VLS_1: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_18) => 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-B6WBLleS.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-CwW1QXe_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-C-NFRT0H.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-_5vFBgaK.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTreeNode.vue.js

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

package/dist/components/LpLogViewer.vue.js

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

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

@@ -26,19 +26,19 @@ type __VLS_Props = {
      */
     autoFocus?: "auto" | "none" | string;
 };
-declare var __VLS_21: {}, __VLS_41: {}, __VLS_60: {}, __VLS_68: {}, __VLS_70: {}, __VLS_72: {};
+declare var __VLS_31: {}, __VLS_39: {}, __VLS_58: {}, __VLS_66: {}, __VLS_68: {}, __VLS_70: {};
 type __VLS_Slots = {} & {
-    aside?: (props: typeof __VLS_21) => any;
+    aside?: (props: typeof __VLS_31) => any;
 } & {
-    title?: (props: typeof __VLS_41) => any;
+    title?: (props: typeof __VLS_39) => any;
 } & {
-    default?: (props: typeof __VLS_60) => any;
+    default?: (props: typeof __VLS_58) => any;
 } & {
-    default?: (props: typeof __VLS_68) => any;
+    default?: (props: typeof __VLS_66) => any;
 } & {
-    footer?: (props: typeof __VLS_70) => any;
+    footer?: (props: typeof __VLS_68) => any;
 } & {
-    asideEnd?: (props: typeof __VLS_72) => any;
+    asideEnd?: (props: typeof __VLS_70) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;

package/dist/components/LpModal.vue.js

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

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpPie.vue.js

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

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-D3QxgWaT.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-Dq_qXN8-.js";
 import { appleModifierLabel } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpShortcutsDialog-B7H-RZLQ.css';const _hoisted_1 = { class: "shortcut-groups" };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-CqwvT4H8.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-llOcs_Fn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, useAttrs, computed, ref, shallowRef, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, createElementVNode, createCommentVNode, Fragment, renderList, normalizeStyle, createBlock, createTextVNode, toDisplayString, TransitionGroup, unref, withModifiers, renderSlot, nextTick } from "vue";
 import { _ as _sfc_main$3 } from "../chunks/LpCheckbox-CVccKYaH.js";
-import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-B6WBLleS.js";
+import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-CwW1QXe_.js";
 import { _ as _sfc_main$4 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "../chunks/LpPagination-5FxjmmB5.js";
 import { _ as _sfc_main$1 } from "../chunks/LpScrollArea-D8xyKXcF.js";

package/dist/components/LpThemeSwitcher.vue.js

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

package/dist/index.js

@@ -1,26 +1,26 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-C8NZWkH_.js";
+import { _ as _2 } from "./chunks/LpAddressInput-DOVpUONY.js";
 import { _ as _3 } from "./chunks/LpMapPicker-ul4oYno6.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-BlvtGB2P.js";
 import { _ as _5 } from "./chunks/LpAlert-BAYHDSS1.js";
-import { _ as _6 } from "./chunks/LpAppShell-1rTB24lI.js";
+import { _ as _6 } from "./chunks/LpAppShell-CRDw1Du5.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-DExlIZe_.js";
-import { _ as _8 } from "./chunks/LpAvatar-D3l4nabg.js";
+import { _ as _8 } from "./chunks/LpAvatar-B3-xAOH3.js";
 import { _ as _9 } from "./chunks/LpBadge-Fe0D1bYx.js";
 import { _ as _10 } from "./chunks/LpBreadcrumbs-p4jHe_V-.js";
 import { _ as _11 } from "./chunks/LpButton-5VXXCjwF.js";
 import { _ as _12 } from "./chunks/LpCalendar-B7Ko5RdR.js";
-import { _ as _13 } from "./chunks/LpCard-1SeUYPBT.js";
+import { _ as _13 } from "./chunks/LpCard-BhI1N_vL.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { CHART_PALETTE, axisTicks, formatTick, niceScale, resolveSlices } from "./components/chart.js";
 import { _ as _14 } from "./chunks/LpCheckbox-CVccKYaH.js";
 import { _ as _15 } from "./chunks/LpCodeBlock-Bo0B4TFR.js";
-import { _ as _16 } from "./chunks/LpColorPicker-CFC6iaNK.js";
+import { _ as _16 } from "./chunks/LpColorPicker-BlXea7LM.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 { _ as _17 } from "./chunks/LpConfirmDialog-B6RAvDES.js";
-import { _ as _18 } from "./chunks/LpContextMenu-B6WBLleS.js";
+import { _ as _17 } from "./chunks/LpConfirmDialog-BH7az_E7.js";
+import { _ as _18 } from "./chunks/LpContextMenu-CwW1QXe_.js";
 import { _ as _19 } from "./chunks/LpDatePicker-BPbvu3cZ.js";
 import { _ as _20 } from "./chunks/LpDisclosure-ChQYmjlR.js";
 import { _ as _21 } from "./chunks/LpDivider-CUX46KR0.js";
@@ -28,7 +28,7 @@ import { _ as _22 } from "./chunks/LpDrawer-E67O8fFP.js";
 import { _ as _23 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { default as default4 } from "./components/LpDropzone.vue.js";
 import { _ as _24 } from "./chunks/LpEmptyState-Dsdqz1Wj.js";
-import { _ as _25 } from "./chunks/LpFileTree-C-NFRT0H.js";
+import { _ as _25 } from "./chunks/LpFileTree-_5vFBgaK.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _26 } from "./chunks/LpFormField-CazBc2-a.js";
 import { _ as _27 } from "./chunks/LpIcon-CCnX5_2j.js";
@@ -38,17 +38,17 @@ import { _ as _29 } from "./chunks/LpInput-9EXWUM9B.js";
 import { _ as _30 } from "./chunks/LpLightbox-oLqyjOln.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _31 } from "./chunks/LpLink-DCND-zyu.js";
-import { _ as _32 } from "./chunks/LpLogViewer-y53ZqSVq.js";
+import { _ as _32 } from "./chunks/LpLogViewer-CaRy5MeS.js";
 import { _ as _33 } from "./chunks/LpMediaGallery-Cid7PGYx.js";
-import { _ as _34 } from "./chunks/LpModal-D3QxgWaT.js";
-import { _ as _35 } from "./chunks/LpModalNav--a3i7c89.js";
-import { _ as _36 } from "./chunks/LpNotificationBell-lHePf89W.js";
+import { _ as _34 } from "./chunks/LpModal-Dq_qXN8-.js";
+import { _ as _35 } from "./chunks/LpModalNav-CqxXbTkl.js";
+import { _ as _36 } from "./chunks/LpNotificationBell-DyGGsMAM.js";
 import { _ as _37 } from "./chunks/LpNumberField-CWuX08iX.js";
 import { _ as _38 } from "./chunks/LpNumberFlow-amWYaeuA.js";
 import { _ as _39 } from "./chunks/LpOtpInput-y2v-pmiN.js";
 import { _ as _40 } from "./chunks/LpPagination-5FxjmmB5.js";
 import { _ as _41 } from "./chunks/LpPasswordInput--sjYCkLS.js";
-import { _ as _42 } from "./chunks/LpPie-c2-q4DJu.js";
+import { _ as _42 } from "./chunks/LpPie-D6OnzwlJ.js";
 import { _ as _43 } from "./chunks/LpPhoneInput-BDSKVl_z.js";
 import { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _44 } from "./chunks/LpPopover-8268UmlC.js";
@@ -63,7 +63,7 @@ import { _ as _52 } from "./chunks/LpSelect-ANIVtrpM.js";
 import { _ as _53 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _54 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default6 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _55 } from "./chunks/LpSidebar-DvxMte3k.js";
+import { _ as _55 } from "./chunks/LpSidebar-B1wLj-B2.js";
 import { _ as _56 } from "./chunks/LpSkeleton-CTI-vBgW.js";
 import { _ as _57 } from "./chunks/LpSlider-BwNIBkAK.js";
 import { _ as _58 } from "./chunks/LpSparkline-C6xQ2dwv.js";
@@ -74,8 +74,8 @@ import { default as default7 } from "./components/LpTable.vue.js";
 import { _ as _62 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
 import { _ as _63 } from "./chunks/LpTabs-Cefe_lys.js";
 import { _ as _64 } from "./chunks/LpTextarea-t7F6gv8E.js";
-import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
-import { D, _ as _65, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
+import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-Cue-myST.js";
+import { D, _ as _65, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-Cue-myST.js";
 import { _ as _66 } from "./chunks/LpTilt-DuyKbpkA.js";
 import { _ as _67 } from "./chunks/LpToaster-gDB1EaU3.js";
 import { _ as _68 } from "./chunks/LpTooltip-hCLPAqMG.js";

package/package.json

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

package/src/components/LpContextMenu.vue

@@ -63,17 +63,43 @@ const ITEM =
   "group/item flex cursor-pointer select-none items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft"
 const ICON =
   "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5"
+
+// A menu opened over a text field takes focus, and on close reka hands it to the
+// trigger, so the caret and the selection the user right-clicked are gone — the
+// next keystroke goes nowhere. Hand focus back to the field instead, with its
+// selection if the menu action left the text as it was.
+type TextField = HTMLInputElement | HTMLTextAreaElement
+const SELECTABLE = new Set(["text", "search", "url", "tel", "password"])
+let field: { el: TextField; value: string; start: number; end: number } | null = null
+
+function rememberField() {
+  const el = document.activeElement
+  const text =
+    el instanceof HTMLTextAreaElement || (el instanceof HTMLInputElement && SELECTABLE.has(el.type))
+  field = text
+    ? { el: el as TextField, value: (el as TextField).value, start: (el as TextField).selectionStart ?? 0, end: (el as TextField).selectionEnd ?? 0 }
+    : null
+}
+
+function returnFocus(event: Event) {
+  const saved = field
+  field = null
+  if (!saved || !saved.el.isConnected) return
+  event.preventDefault()
+  saved.el.focus()
+  if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end)
+}
 </script>
 
 <template>
   <slot v-if="!enabled" />
 
   <ContextMenuRoot v-else>
-    <ContextMenuTrigger as-child>
+    <ContextMenuTrigger as-child @contextmenu.capture="rememberField">
       <slot />
     </ContextMenuTrigger>
     <ContextMenuPortal v-if="items.length">
-      <ContextMenuContent :class="PANEL">
+      <ContextMenuContent :class="PANEL" @close-auto-focus="returnFocus">
         <template v-for="(item, i) in items" :key="i">
           <ContextMenuSeparator v-if="item.separatorBefore" class="my-1 h-px bg-line" />
 

package/src/components/LpModal.vue

@@ -8,7 +8,6 @@ import {
   DialogRoot,
   DialogTitle,
 } from "reka-ui"
-import type { ComponentPublicInstance } from "vue"
 import { computed, onBeforeUnmount, ref, useSlots, watch } from "vue"
 import { useShift } from "../composables/useShift"
 import { useModalLayer } from "./modalDepth"
@@ -143,7 +142,7 @@ const bodyPad = computed(() =>
  * scroll area exactly as before. A panel whose size never moves is pinned once
  * and never transitions.
  */
-const panelRef = ref<ComponentPublicInstance | null>(null)
+const panelRef = ref<HTMLElement | null>(null)
 
 /**
  * Controls that are worth landing on when the dialog opens, in order of
@@ -171,8 +170,8 @@ const AUTO_FOCUS_ORDER = [
  */
 function onOpenAutoFocus(event: Event) {
   if (props.autoFocus === "none") return
-  const panel = panelRef.value?.$el
-  if (!(panel instanceof HTMLElement)) return
+  const panel = panelRef.value
+  if (!panel) return
 
   const selectors =
     props.autoFocus === "auto" ? AUTO_FOCUS_ORDER : [props.autoFocus]
@@ -210,13 +209,10 @@ const {
   resizing,
 } = useShift({ axis: "height", enabled: () => props.open })
 
-// reka renders a real element but exposes it as a component instance, so the
-// sized element is handed over through $el once the panel has mounted.
 watch(
   () => (props.open ? panelRef.value : null),
   (panel) => {
-    const el = panel?.$el
-    sizedEl.value = el instanceof HTMLElement ? el : null
+    sizedEl.value = panel
   },
   { flush: "post" },
 )
@@ -265,48 +261,38 @@ watch(
         class="fixed inset-0 flex items-center justify-center pointer-events-none"
         :style="{ zIndex: layer.panel }"
       >
-      <!-- The dialog and its aside stand in a row of their own, and that row is
-           what the wrapper centres. Aligning them on the full-screen wrapper
-           instead would pin them to the top of the WINDOW, and the dialog would
-           be free to end up shorter than the aside beside it.
-           `items-start` inside the row: the row collapses to the taller of the
-           two, both hang from its top edge, and neither is stretched. -->
-      <div
-        class="flex items-start"
-        :style="hasAside ? { maxHeight: 'min(90vh, calc(100dvh - 2rem))' } : undefined"
+      <!-- The dialog and its asides stand in one row, and that row IS the
+           DialogContent. An aside rendered as a sibling of DialogContent sat
+           outside the modal: reka marks everything outside aria-hidden and traps
+           focus inside, so a section list beside the dialog could be neither
+           tabbed to nor read by a screen reader. Inside DialogContent it belongs
+           to the dialog, while the visible card is the inner panel, so nothing
+           moves on screen.
+           `items-start`: the row collapses to the taller of the two, both hang
+           from its top edge, and neither is stretched. Without a description
+           reka-ui warns on every open, and the opt-out it checks for is an
+           ABSENT `aria-describedby`; a caller that passes a description keeps
+           the link to DialogDescription. -->
+      <DialogContent
+        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))' }"
+        v-bind="describedByAttrs"
+        @open-auto-focus="onOpenAutoFocus"
+        @interact-outside="onInteractOutside"
+        @pointer-down-outside="onInteractOutside"
       >
-      <!-- Bound to `open`, not to the slot alone: DialogContent unmounts itself
-           with the dialog, but an aside is an ordinary node in the portal and
-           stayed on screen after the dialog closed — a section list floating
-           over the page with nothing behind it.
-
-           `pointer-events-auto` because the wrapper lets clicks through to the
-           overlay, and the aside is not the overlay. `data-lp-modal-aside` is
-           what tells `interact-outside` a click here is not a click on the
-           scrim — without it the dialog closes under the pointer. -->
       <aside
-        v-if="open && $slots.aside"
+        v-if="$slots.aside"
         data-lp-modal-aside
-        class="pointer-events-auto flex min-h-0 flex-col"
+        class="flex min-h-0 flex-col"
       >
         <slot name="aside" />
       </aside>
-      <!-- Without a description reka-ui warns on every open, and the opt-out it
-           checks for is an ABSENT `aria-describedby` — despite the message
-           naming the string "undefined" (a leftover from Radix, where
-           `aria-describedby={undefined}` is how you drop the attribute).
-           Dropping it here is what silences the warning; a caller that does
-           pass a description keeps the generated id and the link to
-           DialogDescription. -->
-      <DialogContent
+      <div
         ref="panelRef"
-        class="pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]"
+        class="flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel"
         :class="[widthClass, tweening ? 'transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none' : '']"
         :style="{ ...(width ? { width } : {}), ...(hasAside ? { alignSelf: 'stretch' } : {}) }"
-        v-bind="describedByAttrs"
-        @open-auto-focus="onOpenAutoFocus"
-        @interact-outside="onInteractOutside"
-        @pointer-down-outside="onInteractOutside"
       >
         <header v-if="title || $slots.title" class="flex shrink-0 items-start justify-between gap-4 p-5 pb-3">
           <div class="flex flex-col gap-1">
@@ -357,16 +343,15 @@ watch(
         <footer v-if="$slots.footer" class="flex shrink-0 justify-end gap-2 p-5 pt-4">
           <slot name="footer" />
         </footer>
-      </DialogContent>
-
+      </div>
       <aside
-        v-if="open && $slots.asideEnd"
+        v-if="$slots.asideEnd"
         data-lp-modal-aside
-        class="pointer-events-auto flex min-h-0 flex-col"
+        class="flex min-h-0 flex-col"
       >
         <slot name="asideEnd" />
       </aside>
-      </div>
+      </DialogContent>
       </div>
     </DialogPortal>
   </DialogRoot>