@leavepulse/ui 0.30.0 → 0.30.1

package/dist/chunks/{LpActionBar-CxmBZpGu.js → LpActionBar-BlvtGB2P.js}

@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(Teleport, { to: "body" }, [
         createVNode(Transition, {
           "enter-active-class": "animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)]",
-          "leave-active-class": "animate-[rise-out_var(--duration-fast)_ease]"
+          "leave-active-class": "animate-[rise-out_var(--duration-fast)_ease_forwards] motion-reduce:animate-none"
         }, {
           default: withCtx(() => [
             __props.open ? (openBlock(), createElementBlock("div", {

package/dist/components/LpActionBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpActionBar-CxmBZpGu.js";
+import { _ as _sfc_main } from "../chunks/LpActionBar-BlvtGB2P.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -2,7 +2,7 @@ import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
 import { _ as _2 } from "./chunks/LpAddressInput-Bk6D8Bcy.js";
 import { _ as _3 } from "./chunks/LpMapPicker-CXvoTrAe.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
-import { _ as _4 } from "./chunks/LpActionBar-CxmBZpGu.js";
+import { _ as _4 } from "./chunks/LpActionBar-BlvtGB2P.js";
 import { _ as _5 } from "./chunks/LpAlert-BAYHDSS1.js";
 import { _ as _6 } from "./chunks/LpAppShell-DnocEJAu.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-DExlIZe_.js";

package/package.json

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

package/src/components/LpActionBar.vue

@@ -177,9 +177,17 @@ watch(
        blur). Declaring it next to the form it belongs to should not decide
        where on screen it lands. -->
   <Teleport to="body">
+    <!-- `forwards` on the way out, because the leave animation finishing is not
+         the same moment as the element leaving. `rise-out` is a bare `to {}`, so
+         once it ends the element snaps back to opacity 1 at its resting
+         position, and Vue then takes a frame to unmount it — a bar that had
+         faded to nothing flashed back at full strength and vanished. Holding the
+         final frame means the last thing painted is the last frame of the fade.
+         Reduced motion skips it entirely rather than holding a frame it never
+         animated to. -->
     <Transition
       enter-active-class="animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)]"
-      leave-active-class="animate-[rise-out_var(--duration-fast)_ease]"
+      leave-active-class="animate-[rise-out_var(--duration-fast)_ease_forwards] motion-reduce:animate-none"
     >
       <div
         v-if="open"