@leavepulse/ui 0.36.0 → 0.36.1

package/dist/chunks/{LpAddressInput-D4t8WFD-.js → LpAddressInput-C8NZWkH_.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-7LvuAA7U.js";
+import { _ as _sfc_main$7 } from "./LpModal-D3QxgWaT.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/{LpConfirmDialog-CxbizvSB.js → LpConfirmDialog-B6RAvDES.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-7LvuAA7U.js";
+import { _ as _sfc_main$1 } from "./LpModal-D3QxgWaT.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",

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

@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "flex items-start",
                   style: normalizeStyle(hasAside.value ? { maxHeight: "min(90vh, calc(100dvh - 2rem))" } : void 0)
                 }, [
-                  _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
+                  __props.open && _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", _hoisted_1, [
                     renderSlot(_ctx.$slots, "aside")
                   ])) : createCommentVNode("", true),
                   createVNode(unref(DialogContent), mergeProps({
@@ -205,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 16, ["class", "style"]),
-                  _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
+                  __props.open && _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
                     renderSlot(_ctx.$slots, "asideEnd")
                   ])) : createCommentVNode("", true)
                 ], 4)

package/dist/chunks/{LpModalNav-DBMGlq_x.js → LpModalNav-K6N5YpQk.js}

@@ -1,7 +1,7 @@
 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-7LvuAA7U.js";
+import { _ as _sfc_main$1 } from "./LpModal-D3QxgWaT.js";
 import { _ as _sfc_main$4 } from "./LpSidebar-DcYavim2.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpModal.vue.js

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

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-DBMGlq_x.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-K6N5YpQk.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-7LvuAA7U.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-D3QxgWaT.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/index.js

@@ -1,5 +1,5 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-D4t8WFD-.js";
+import { _ as _2 } from "./chunks/LpAddressInput-C8NZWkH_.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";
@@ -19,7 +19,7 @@ import { _ as _15 } from "./chunks/LpCodeBlock-Bo0B4TFR.js";
 import { _ as _16 } from "./chunks/LpColorPicker-CFC6iaNK.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-CxbizvSB.js";
+import { _ as _17 } from "./chunks/LpConfirmDialog-B6RAvDES.js";
 import { _ as _18 } from "./chunks/LpContextMenu-B6WBLleS.js";
 import { _ as _19 } from "./chunks/LpDatePicker-6JFXllj5.js";
 import { _ as _20 } from "./chunks/LpDisclosure-ChQYmjlR.js";
@@ -40,8 +40,8 @@ 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 _33 } from "./chunks/LpMediaGallery-Cid7PGYx.js";
-import { _ as _34 } from "./chunks/LpModal-7LvuAA7U.js";
-import { _ as _35 } from "./chunks/LpModalNav-DBMGlq_x.js";
+import { _ as _34 } from "./chunks/LpModal-D3QxgWaT.js";
+import { _ as _35 } from "./chunks/LpModalNav-K6N5YpQk.js";
 import { _ as _36 } from "./chunks/LpNotificationBell-lHePf89W.js";
 import { _ as _37 } from "./chunks/LpNumberField-CWuX08iX.js";
 import { _ as _38 } from "./chunks/LpNumberFlow-amWYaeuA.js";

package/package.json

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

package/src/components/LpModal.vue

@@ -275,12 +275,17 @@ watch(
         class="flex items-start"
         :style="hasAside ? { maxHeight: 'min(90vh, calc(100dvh - 2rem))' } : undefined"
       >
-      <!-- `pointer-events-auto` because the wrapper lets clicks through to the
+      <!-- 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="$slots.aside"
+        v-if="open && $slots.aside"
         data-lp-modal-aside
         class="pointer-events-auto flex min-h-0 flex-col"
       >
@@ -355,7 +360,7 @@ watch(
       </DialogContent>
 
       <aside
-        v-if="$slots.asideEnd"
+        v-if="open && $slots.asideEnd"
         data-lp-modal-aside
         class="pointer-events-auto flex min-h-0 flex-col"
       >