morphicons 1.7.1 → 2.0.1

package/dist/{spring-CFHloqPP.js → resample-CXlaZ5ZQ.js}

@@ -1,50 +1,4 @@
 import { n as iconToCubics } from "./normalize-CYnN3Npw.js";
-//#region src/core/interpolate.ts
-/** Preallocated output buffers for a plan (zero allocation per frame). */
-function allocOutputs(plan) {
-	return plan.items.map(() => new Float64Array(2 * plan.n));
-}
-function interpPolar(plan, t, out) {
-	for (let k = 0; k < plan.items.length; k++) {
-		const it = plan.items[k];
-		const o = out[k];
-		const n = plan.n;
-		const s = Math.exp(it.lnSigma * t);
-		const ang = it.theta * t;
-		const cos = Math.cos(ang) * s;
-		const sin = Math.sin(ang) * s;
-		let cx;
-		let cy;
-		if (it.block) {
-			const [ox, oy] = it.block.off;
-			const [dx, dy] = it.block.drift;
-			cx = it.ca[0] + dx * t + (ox * cos - oy * sin - ox);
-			cy = it.ca[1] + dy * t + (ox * sin + oy * cos - oy);
-		} else {
-			cx = it.ca[0] + (it.cb[0] - it.ca[0]) * t;
-			cy = it.ca[1] + (it.cb[1] - it.ca[1]) * t;
-		}
-		for (let i = 0; i < n; i++) {
-			const px = it.aC[2 * i] + (it.bT[2 * i] - it.aC[2 * i]) * t;
-			const py = it.aC[2 * i + 1] + (it.bT[2 * i + 1] - it.aC[2 * i + 1]) * t;
-			o[2 * i] = cx + px * cos - py * sin;
-			o[2 * i + 1] = cy + px * sin + py * cos;
-		}
-	}
-}
-/** Raw coordinate lerp (same correspondence, no decomposition). */
-function interpLinear(plan, t, out) {
-	for (let k = 0; k < plan.items.length; k++) {
-		const it = plan.items[k];
-		const o = out[k];
-		const n = plan.n;
-		for (let i = 0; i < n; i++) {
-			o[2 * i] = it.a[2 * i] + (it.bO[2 * i] - it.a[2 * i]) * t;
-			o[2 * i + 1] = it.a[2 * i + 1] + (it.bO[2 * i + 1] - it.a[2 * i + 1]) * t;
-		}
-	}
-}
-//#endregion
 //#region src/core/plan.ts
 /** Weight of |ΔL| in the subpath pairing cost. */
 const LEN_WEIGHT = .35;
@@ -136,7 +90,7 @@ function procrustes(a, b, ca, cb) {
 *  scoring with score = res + λ·|θ|/π. The freedom is applied to ONE cloud
 *  — the closed one (b if both are); varying both at once would be
 *  redundant. */
-function alignPair(aPts, bPts, aClosed = false, bClosed = false) {
+function alignPair(aPts, bPts, aClosed = false, bClosed = false, allowReverse = true, lambda = LAMBDA) {
 	const ca = centroid(aPts);
 	const cb = centroid(bPts);
 	const varyA = aClosed && !bClosed;
@@ -149,12 +103,12 @@ function alignPair(aPts, bPts, aClosed = false, bClosed = false) {
 		sigma: 1,
 		res: 0
 	};
-	for (let dir = 0; dir < 2; dir++) {
+	for (let dir = 0; dir < (allowReverse ? 2 : 1); dir++) {
 		const walk = dir ? reversePts(base) : base;
 		for (let off = 0; off < offs; off++) {
 			const cand = off ? rotatePts(walk, off) : walk;
 			const s = varyA ? procrustes(cand, bPts, ca, cb) : procrustes(aPts, cand, ca, cb);
-			const score = s.res + LAMBDA * Math.abs(s.theta) / Math.PI;
+			const score = s.res + lambda * Math.abs(s.theta) / Math.PI;
 			if (score < bestScore) {
 				bestScore = score;
 				best = cand;
@@ -225,7 +179,7 @@ function bestPermutation(C) {
 function bestSurjection(C) {
 	const B = C.length;
 	const S = C[0].length;
-	if (S ** B > SURJ_MAX) {
+	if (S ** B > 1e5) {
 		const f = C.map((row) => {
 			let m = 0;
 			for (let j = 1; j < row.length; j++) if (row[j] < row[m]) m = j;
@@ -317,15 +271,9 @@ function applyGlobal(items, n) {
 		};
 	}
 }
-/** Builds the morph plan between two lists of sampled subpaths. The plan is
-*  cacheable and serializable; it accepts any list — including intermediate
-*  shapes (interruptions). */
-function buildPlan(srcSubs, dstSubs) {
-	const p = srcSubs.length;
-	const q = dstSubs.length;
-	if (p === 0 || q === 0) throw new Error("morphicons: icon has no subpaths");
-	const A = srcSubs.map((s) => s.pts);
-	const B = dstSubs.map((s) => s.pts);
+function pairUp(A, B) {
+	const p = A.length;
+	const q = B.length;
 	const pairs = [];
 	if (p === q) {
 		const perm = bestPermutation(costMatrix(A, B));
@@ -337,43 +285,56 @@ function buildPlan(srcSubs, dstSubs) {
 		const f = bestSurjection(costMatrix(A, B));
 		for (let i = 0; i < p; i++) pairs.push([i, f[i]]);
 	}
-	const n = A[0].length / 2;
-	const items = pairs.map(([si, di]) => {
-		const al = alignPair(A[si], B[di], srcSubs[si].closed, dstSubs[di].closed);
-		const a = al.a;
-		const aC = new Float64Array(2 * n);
-		const bT = new Float64Array(2 * n);
-		const bO = new Float64Array(2 * n);
-		const cos = Math.cos(-al.theta);
-		const sin = Math.sin(-al.theta);
-		for (let i = 0; i < n; i++) {
-			aC[2 * i] = a[2 * i] - al.ca[0];
-			aC[2 * i + 1] = a[2 * i + 1] - al.ca[1];
-			const bx = al.b[2 * i] - al.cb[0];
-			const by = al.b[2 * i + 1] - al.cb[1];
-			bT[2 * i] = (bx * cos - by * sin) / al.sigma;
-			bT[2 * i + 1] = (bx * sin + by * cos) / al.sigma;
-			bO[2 * i] = al.b[2 * i];
-			bO[2 * i + 1] = al.b[2 * i + 1];
-		}
-		return {
-			a,
-			aC,
-			bT,
-			bO,
-			ca: al.ca,
-			cb: al.cb,
-			theta: al.theta,
-			lnSigma: Math.log(al.sigma),
-			res: al.res,
-			closed: srcSubs[si].closed && dstSubs[di].closed,
-			block: null
-		};
-	});
-	if (items.length > 1) applyGlobal(items, n);
+	return pairs;
+}
+function makeItem(aPts, bPts, aClosed, bClosed, allowReverse, lambda) {
+	const n = aPts.length / 2;
+	const al = alignPair(aPts, bPts, aClosed, bClosed, allowReverse, lambda);
+	const a = al.a;
+	const aC = new Float64Array(2 * n);
+	const bT = new Float64Array(2 * n);
+	const bO = new Float64Array(2 * n);
+	const cos = Math.cos(-al.theta);
+	const sin = Math.sin(-al.theta);
+	for (let i = 0; i < n; i++) {
+		aC[2 * i] = a[2 * i] - al.ca[0];
+		aC[2 * i + 1] = a[2 * i + 1] - al.ca[1];
+		const bx = al.b[2 * i] - al.cb[0];
+		const by = al.b[2 * i + 1] - al.cb[1];
+		bT[2 * i] = (bx * cos - by * sin) / al.sigma;
+		bT[2 * i + 1] = (bx * sin + by * cos) / al.sigma;
+		bO[2 * i] = al.b[2 * i];
+		bO[2 * i + 1] = al.b[2 * i + 1];
+	}
+	return {
+		a,
+		aC,
+		bT,
+		bO,
+		ca: al.ca,
+		cb: al.cb,
+		theta: al.theta,
+		lnSigma: Math.log(al.sigma),
+		res: al.res,
+		closed: aClosed && bClosed,
+		block: null
+	};
+}
+/** Builds the morph plan between two lists of sampled subpaths. The plan is
+*  cacheable and serializable; it accepts any list — including intermediate
+*  shapes (interruptions). Filled regions use buildRegionPlan (lazy chunk,
+*  src/region/plan.ts) instead. */
+function buildPlan(srcSubs, dstSubs) {
+	const p = srcSubs.length;
+	const q = dstSubs.length;
+	if (p === 0 || q === 0) throw new Error("morphicons: icon has no subpaths");
+	const A = srcSubs.map((s) => s.pts);
+	const B = dstSubs.map((s) => s.pts);
+	const items = pairUp(A, B).map(([si, di]) => makeItem(A[si], B[di], srcSubs[si].closed, dstSubs[di].closed, true));
+	if (items.length > 1) applyGlobal(items, A[0].length / 2);
 	return {
 		items,
-		n
+		n: A[0].length / 2
 	};
 }
 //#endregion
@@ -573,51 +534,4 @@ function resampleIcon(input, N = 64) {
 	}));
 }
 //#endregion
-//#region src/core/spring.ts
-var Spring = class {
-	x = 1;
-	v = 0;
-	k = 250;
-	c = 24;
-	config(k, c) {
-		this.k = k;
-		this.c = c;
-	}
-	/** Starts (or restarts mid-flight) preserving velocity. */
-	start() {
-		this.x = 0;
-		if (this.v > 14) this.v = 14;
-		if (this.v < -14) this.v = -14;
-	}
-	/** Advances dt seconds. Returns true on settle (|1−x| < 0.001 ∧ |v| < 0.02). */
-	step(dt) {
-		const steps = Math.max(1, Math.min(16, Math.ceil(dt / (1 / 240))));
-		const s = dt / steps;
-		for (let i = 0; i < steps; i++) {
-			const a = this.k * (1 - this.x) - this.c * this.v;
-			this.v += a * s;
-			this.x += this.v * s;
-		}
-		return Math.abs(1 - this.x) < .001 && Math.abs(this.v) < .02;
-	}
-};
-/** Spring presets (ζ = c/(2√k)) with the API's public names. */
-const SPRING_PRESETS = {
-	/** ζ = 1.00 — critically damped, no overshoot. */
-	smooth: {
-		k: 170,
-		c: 26
-	},
-	/** ζ = 0.73 — fast, subtle overshoot. */
-	snappy: {
-		k: 420,
-		c: 30
-	},
-	/** ζ = 0.40 — playful. */
-	bouncy: {
-		k: 300,
-		c: 14
-	}
-};
-//#endregion
-export { buildPlan as a, interpPolar as c, resamplePath as i, Spring as n, allocOutputs as o, resampleIcon as r, interpLinear as s, SPRING_PRESETS as t };
+export { buildPlan as a, makeItem as c, reversePts as d, rotatePts as f, applyGlobal as i, pairUp as l, resamplePath as n, centroid as o, SURJ_MAX as r, costMatrix as s, resampleIcon as t, procrustes as u };

package/dist/spring-B_P92nf6.js

@@ -0,0 +1,95 @@
+//#region src/core/interpolate.ts
+/** Preallocated output buffers for a plan (zero allocation per frame). */
+function allocOutputs(plan) {
+	return plan.items.map(() => new Float64Array(2 * plan.n));
+}
+function interpPolar(plan, t, out) {
+	for (let k = 0; k < plan.items.length; k++) {
+		const it = plan.items[k];
+		const o = out[k];
+		const n = plan.n;
+		const s = Math.exp(it.lnSigma * t);
+		const ang = it.theta * t;
+		const cos = Math.cos(ang) * s;
+		const sin = Math.sin(ang) * s;
+		let cx;
+		let cy;
+		if (it.block) {
+			const [ox, oy] = it.block.off;
+			const [dx, dy] = it.block.drift;
+			cx = it.ca[0] + dx * t + (ox * cos - oy * sin - ox);
+			cy = it.ca[1] + dy * t + (ox * sin + oy * cos - oy);
+		} else {
+			cx = it.ca[0] + (it.cb[0] - it.ca[0]) * t;
+			cy = it.ca[1] + (it.cb[1] - it.ca[1]) * t;
+		}
+		const m = it.half === void 0 ? t : Math.min(1, Math.max(0, 2 * t - it.half));
+		for (let i = 0; i < n; i++) {
+			const px = it.aC[2 * i] + (it.bT[2 * i] - it.aC[2 * i]) * m;
+			const py = it.aC[2 * i + 1] + (it.bT[2 * i + 1] - it.aC[2 * i + 1]) * m;
+			o[2 * i] = cx + px * cos - py * sin;
+			o[2 * i + 1] = cy + px * sin + py * cos;
+		}
+	}
+}
+/** Raw coordinate lerp (same correspondence, no decomposition). */
+function interpLinear(plan, t, out) {
+	for (let k = 0; k < plan.items.length; k++) {
+		const it = plan.items[k];
+		const o = out[k];
+		const n = plan.n;
+		for (let i = 0; i < n; i++) {
+			o[2 * i] = it.a[2 * i] + (it.bO[2 * i] - it.a[2 * i]) * t;
+			o[2 * i + 1] = it.a[2 * i + 1] + (it.bO[2 * i + 1] - it.a[2 * i + 1]) * t;
+		}
+	}
+}
+//#endregion
+//#region src/core/spring.ts
+var Spring = class {
+	x = 1;
+	v = 0;
+	k = 250;
+	c = 24;
+	config(k, c) {
+		this.k = k;
+		this.c = c;
+	}
+	/** Starts (or restarts mid-flight) preserving velocity. */
+	start() {
+		this.x = 0;
+		if (this.v > 14) this.v = 14;
+		if (this.v < -14) this.v = -14;
+	}
+	/** Advances dt seconds. Returns true on settle (|1−x| < 0.001 ∧ |v| < 0.02). */
+	step(dt) {
+		const steps = Math.max(1, Math.min(16, Math.ceil(dt / (1 / 240))));
+		const s = dt / steps;
+		for (let i = 0; i < steps; i++) {
+			const a = this.k * (1 - this.x) - this.c * this.v;
+			this.v += a * s;
+			this.x += this.v * s;
+		}
+		return Math.abs(1 - this.x) < .001 && Math.abs(this.v) < .02;
+	}
+};
+/** Spring presets (ζ = c/(2√k)) with the API's public names. */
+const SPRING_PRESETS = {
+	/** ζ = 1.00 — critically damped, no overshoot. */
+	smooth: {
+		k: 170,
+		c: 26
+	},
+	/** ζ = 0.73 — fast, subtle overshoot. */
+	snappy: {
+		k: 420,
+		c: 30
+	},
+	/** ζ = 0.40 — playful. */
+	bouncy: {
+		k: 300,
+		c: 14
+	}
+};
+//#endregion
+export { interpPolar as a, interpLinear as i, Spring as n, allocOutputs as r, SPRING_PRESETS as t };

package/dist/spring-BgZHrI2W.d.ts

@@ -0,0 +1,33 @@
+//#region src/core/spring.d.ts
+declare class Spring {
+  x: number;
+  v: number;
+  k: number;
+  c: number;
+  config(k: number, c: number): void;
+  /** Starts (or restarts mid-flight) preserving velocity. */
+  start(): void;
+  /** Advances dt seconds. Returns true on settle (|1−x| < 0.001 ∧ |v| < 0.02). */
+  step(dt: number): boolean;
+}
+/** Spring presets (ζ = c/(2√k)) with the API's public names. */
+declare const SPRING_PRESETS: {
+  /** ζ = 1.00 — critically damped, no overshoot. */
+  readonly smooth: {
+    readonly k: 170;
+    readonly c: 26;
+  };
+  /** ζ = 0.73 — fast, subtle overshoot. */
+  readonly snappy: {
+    readonly k: 420;
+    readonly c: 30;
+  };
+  /** ζ = 0.40 — playful. */
+  readonly bouncy: {
+    readonly k: 300;
+    readonly c: 14;
+  };
+};
+type SpringPreset = keyof typeof SPRING_PRESETS;
+//#endregion
+export { Spring as n, SpringPreset as r, SPRING_PRESETS as t };

package/dist/svelte-shared.d.ts

@@ -1,13 +1,14 @@
-import { a as Sampled, c as SpringPreset, n as IconInput, r as IconNode } from "./types-JAF3s76Y.js";
-import { a as ReducedMotionMode, i as PathEl, n as Morph, r as MorphOptions } from "./index-DXp5b6BU.js";
-import { n as computeInitialD, r as createController, t as MorphHandle } from "./controller-Dkruvf3Y.js";
+import { a as IconInput, c as Sampled, o as IconNode } from "./plan-DhaDhEVq.js";
+import { r as SpringPreset } from "./spring-BgZHrI2W.js";
+import { a as ReducedMotionMode, i as PathEl, n as Morph, r as MorphOptions } from "./index-DpvKR75N.js";
+import { i as createController, n as computeInitialD, r as computeInitialPaint, t as MorphHandle } from "./controller-DKm8s2ni.js";
 import { SVGAttributes } from "svelte/elements";
 //#region src/svelte/shared.d.ts
 /** Rest props fall through to the `<svg>` fully typed (class, style, data-*,
  *  events, ARIA…) via svelte/elements, like lucide-svelte — typos in an SVG
  *  attr fail the build. `from`/`to` are omitted because the SMIL animation
  *  attributes of the same name collide with the controlled-mode pair. */
-interface MorphIconProps extends Omit<SVGAttributes<SVGSVGElement>, "from" | "to"> {
+export interface MorphIconProps extends Omit<SVGAttributes<SVGSVGElement>, "from" | "to"> {
   /** Uncontrolled mode: the current icon; changing the prop animates. */
   icon?: IconInput;
   /** Controlled mode: source endpoint of the pair. */
@@ -31,4 +32,4 @@ interface MorphIconProps extends Omit<SVGAttributes<SVGSVGElement>, "from" | "to
   label?: string;
 }
 //#endregion
-export { type IconInput, type IconNode, type Morph, type MorphHandle, MorphIconProps, type MorphOptions, type PathEl, type ReducedMotionMode, type Sampled, type SpringPreset, computeInitialD, createController };
+export { type IconInput, type IconNode, type Morph, type MorphHandle, type MorphOptions, type PathEl, type ReducedMotionMode, type Sampled, type SpringPreset, computeInitialD, computeInitialPaint, createController };

package/dist/svelte-shared.js

@@ -1,2 +1 @@
-import { n as createController, t as computeInitialD } from "./controller-CXZuwJ_M.js";
-export { computeInitialD, createController };
+export { t as computeInitialD, n as computeInitialPaint, r as createController } from "./controller--7SSBggk.js";

package/dist/vue.d.ts

@@ -1,13 +1,14 @@
-import { a as Sampled, c as SpringPreset, n as IconInput, r as IconNode } from "./types-JAF3s76Y.js";
-import { a as ReducedMotionMode, i as PathEl, n as Morph, r as MorphOptions } from "./index-DXp5b6BU.js";
+import { a as IconInput, c as Sampled, o as IconNode } from "./plan-DhaDhEVq.js";
+import { r as SpringPreset } from "./spring-BgZHrI2W.js";
+import { a as ReducedMotionMode, i as PathEl, n as Morph, r as MorphOptions } from "./index-DpvKR75N.js";
 import { PropType } from "vue";
 //#region src/vue/index.d.ts
 /** Imperative surface exposed on the component instance (template ref). */
-interface MorphHandle {
+export interface MorphHandle {
   morphTo(icon: IconInput, spring?: SpringPreset | MorphOptions): void;
   set(icon: IconInput): void;
 }
-declare const MorphIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const MorphIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** Uncontrolled mode: the current icon; changing the prop animates. */
   icon: {
     type: PropType<IconInput>;
@@ -133,4 +134,4 @@ declare const MorphIcon: import("vue").DefineComponent<import("vue").ExtractProp
   label: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { type IconInput, type IconNode, type Morph, MorphHandle, MorphIcon, type MorphOptions, type PathEl, type ReducedMotionMode, type Sampled, type SpringPreset };
+export type { IconInput, IconNode, Morph, MorphOptions, PathEl, ReducedMotionMode, Sampled, SpringPreset };

package/dist/vue.js

@@ -1,13 +1,15 @@
-import { a as buildPlan, c as interpPolar, o as allocOutputs, r as resampleIcon } from "./spring-CFHloqPP.js";
+import { a as interpPolar, r as allocOutputs } from "./spring-B_P92nf6.js";
 import { i as serialize } from "./normalize-CYnN3Npw.js";
-import { canonicalD, createMorph } from "./dom.js";
+import { a as buildPlan, t as resampleIcon } from "./resample-CXlaZ5ZQ.js";
+import { canonicalD, createMorph, restAttrs } from "./dom.js";
+import { i as frozenEnd } from "./controller--7SSBggk.js";
 import { defineComponent, h, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
 //#region src/vue/index.ts
 /** Frozen shape of the from→to pair at t, using the pure core (SSR-safe).
 *  At exact endpoints returns the canonical `d` (real curves, not polyline). */
 function frozenD(from, to, t) {
-	if (t <= 0) return canonicalD(from);
-	if (t >= 1) return canonicalD(to);
+	const end = frozenEnd(from, to, t);
+	if (end !== null) return canonicalD(end);
 	const plan = buildPlan(resampleIcon(from), resampleIcon(to));
 	const out = allocOutputs(plan);
 	interpPolar(plan, t, out);
@@ -78,11 +80,20 @@ const MorphIcon = defineComponent({
 			const first = icon ?? from ?? to;
 			return first !== void 0 ? canonicalD(first) : "";
 		})();
+		const initialPaint = (() => {
+			const { icon, from, to, progress } = props;
+			if (from !== void 0 && to !== void 0) {
+				const t = progress ?? 0;
+				return restAttrs(frozenEnd(from, to, t) ?? (t < .5 ? from : to));
+			}
+			return restAttrs(icon ?? from ?? to);
+		})();
 		const pathEl = shallowRef(null);
 		let morph = null;
 		let dead = false;
 		let based = false;
 		let pair = null;
+		const gridSw = () => Number(props.absoluteStrokeWidth ? Number(props.strokeWidth) * 24 / Number(props.size) : props.strokeWidth);
 		let prevIcon = props.icon;
 		let prevControlled = props.from !== void 0 && props.to !== void 0;
 		/** Driver birth, lazy included (#1 of the lifecycle contract): an
@@ -92,7 +103,10 @@ const MorphIcon = defineComponent({
 			if (morph) return morph;
 			const el = pathEl.value;
 			if (dead || !el) return null;
-			morph = createMorph(el, birth, { reducedMotion: props.reducedMotion });
+			morph = createMorph(el, birth, {
+				reducedMotion: props.reducedMotion,
+				strokeWidth: gridSw()
+			});
 			return morph;
 		};
 		onMounted(() => {
@@ -101,7 +115,10 @@ 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, { reducedMotion: props.reducedMotion });
+			const m = createMorph(el, controlled ? from : initialIcon, {
+				reducedMotion: props.reducedMotion,
+				strokeWidth: gridSw()
+			});
 			morph = m;
 			if (controlled) {
 				pair = [from, to];
@@ -124,6 +141,9 @@ const MorphIcon = defineComponent({
 		watch(() => props.reducedMotion, (v) => {
 			if (morph) morph.reducedMotion = v;
 		});
+		watch(gridSw, (v) => {
+			if (morph) morph.strokeWidth = v;
+		});
 		watch(() => [
 			props.icon,
 			props.from,
@@ -141,6 +161,7 @@ const MorphIcon = defineComponent({
 			based = false;
 			if (morph) {
 				morph.reducedMotion = props.reducedMotion;
+				morph.strokeWidth = gridSw();
 				morph.morphTo(icon, props.spring);
 			} else ensure(icon);
 		});
@@ -153,6 +174,7 @@ const MorphIcon = defineComponent({
 			if (from === void 0 || to === void 0) return;
 			const m = morph ?? ensure(from);
 			if (!m) return;
+			m.strokeWidth = gridSw();
 			const t = progress ?? 0;
 			if (!pair || pair[0] !== from || pair[1] !== to) {
 				pair = [from, to];
@@ -195,6 +217,7 @@ const MorphIcon = defineComponent({
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: props.color,
+				color: props.color,
 				"stroke-width": sw,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
@@ -202,7 +225,8 @@ const MorphIcon = defineComponent({
 				"aria-hidden": props.label ? void 0 : "true"
 			}, [props.label ? h("title", props.label) : null, h("path", {
 				ref: pathEl,
-				d: initialD
+				d: initialD,
+				...initialPaint
 			})]);
 		};
 	}