morphicons 1.4.1 → 1.5.0

package/dist/vue.js

@@ -1,4 +1,5 @@
-import { a as buildPlan, f as interpPolar, l as serialize, r as resampleIcon, u as allocOutputs } from "./spring-CBynweFS.js";
+import { a as buildPlan, c as interpPolar, o as allocOutputs, r as resampleIcon } from "./spring-CFHloqPP.js";
+import { i as serialize } from "./normalize-CYnN3Npw.js";
 import { canonicalD, createMorph } from "./dom.js";
 import { defineComponent, h, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
 //#region src/vue/index.ts
@@ -40,6 +41,13 @@ const MorphIcon = defineComponent({
 			type: [String, Object],
 			default: void 0
 		},
+		/** Reduced-motion policy: "never" (default) animates regardless of the OS
+		*  setting, "user" honors prefers-reduced-motion (morphs degrade to an
+		*  instant swap while it is on), "always" always jumps. */
+		reducedMotion: {
+			type: String,
+			default: "never"
+		},
 		size: {
 			type: [Number, String],
 			default: 24
@@ -84,7 +92,7 @@ const MorphIcon = defineComponent({
 			if (morph) return morph;
 			const el = pathEl.value;
 			if (dead || !el) return null;
-			morph = createMorph(el, birth);
+			morph = createMorph(el, birth, { reducedMotion: props.reducedMotion });
 			return morph;
 		};
 		onMounted(() => {
@@ -93,7 +101,7 @@ const MorphIcon = defineComponent({
 			const controlled = from !== void 0 && to !== void 0;
 			const initialIcon = icon ?? from ?? to;
 			if (!el || initialIcon === void 0) return;
-			const m = createMorph(el, controlled ? from : initialIcon);
+			const m = createMorph(el, controlled ? from : initialIcon, { reducedMotion: props.reducedMotion });
 			morph = m;
 			if (controlled) {
 				pair = [from, to];
@@ -113,6 +121,9 @@ const MorphIcon = defineComponent({
 			based = false;
 			pair = null;
 		});
+		watch(() => props.reducedMotion, (v) => {
+			if (morph) morph.reducedMotion = v;
+		});
 		watch(() => [
 			props.icon,
 			props.from,
@@ -128,8 +139,10 @@ const MorphIcon = defineComponent({
 			if (icon === void 0 || !changed && !left) return;
 			pair = null;
 			based = false;
-			if (morph) morph.morphTo(icon, props.spring);
-			else ensure(icon);
+			if (morph) {
+				morph.reducedMotion = props.reducedMotion;
+				morph.morphTo(icon, props.spring);
+			} else ensure(icon);
 		});
 		watch(() => [
 			props.from,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morphicons",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "Universal morphing for stroke-based icons with spring physics — zero runtime dependencies",
   "license": "MIT",
   "author": "Guillermo (https://guillermolg.com)",
@@ -51,6 +51,10 @@
       "types": "./dist/dom.d.ts",
       "default": "./dist/dom.js"
     },
+    "./adapters": {
+      "types": "./dist/adapters.d.ts",
+      "default": "./dist/adapters.js"
+    },
     "./react": {
       "types": "./dist/react.d.ts",
       "default": "./dist/react.js"
@@ -121,6 +125,27 @@
       "limit": "7.5 KB",
       "gzip": true
     },
+    {
+      "name": "adapters (aggregate — grows by design, see per-export gates)",
+      "path": "dist/adapters.js",
+      "import": "*",
+      "limit": "4.4 KB",
+      "gzip": true
+    },
+    {
+      "name": "adapters › svgToIcon (per-export shakeability gate)",
+      "path": "dist/adapters.js",
+      "import": "{ svgToIcon }",
+      "limit": "3.7 KB",
+      "gzip": true
+    },
+    {
+      "name": "adapters › maskTarget (per-export shakeability gate)",
+      "path": "dist/adapters.js",
+      "import": "{ maskTarget }",
+      "limit": "0.8 KB",
+      "gzip": true
+    },
     {
       "name": "core + dom + react (MorphIcon, react external)",
       "path": "dist/react.js",