firebird-icon-lib 1.0.4 → 1.0.5

package/dist/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGnD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC7B,OAAO,GAAG,QAAQ,GAAG,OAAO,CAC7B;IACC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;AAqJD,wBAA+C"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGnD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC7B,OAAO,GAAG,QAAQ,GAAG,OAAO,CAC7B;IACC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;AA4LD,wBAA+C"}

package/dist/firebird-icon-lib.js.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useLayoutEffect, useMemo, useRef } from "react";
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Language_default = (d) => /* @__PURE__ */ jsxs("svg", {
 	width: "1em",
@@ -2099,22 +2099,42 @@ Object.entries(iconModules).forEach(([d, B]) => {
 });
 var applyColorToSVG = (d, B) => {
 	d.querySelectorAll("*").forEach((d) => {
-		let V = d;
-		V.hasAttribute("stroke") && V.getAttribute("stroke") !== "none" && V.setAttribute("stroke", B), V.hasAttribute("fill") && V.getAttribute("fill") !== "none" && V.setAttribute("fill", B);
-	}), d.hasAttribute("stroke") && d.getAttribute("stroke") !== "none" && d.setAttribute("stroke", B), d.hasAttribute("fill") && d.getAttribute("fill") !== "none" && d.setAttribute("fill", B);
+		let V = d, H = V.getAttribute("stroke");
+		H && H !== "none" && H !== "transparent" && V.setAttribute("stroke", B);
+		let U = V.getAttribute("fill");
+		U && U !== "none" && U !== "transparent" && V.setAttribute("fill", B);
+	});
+	let V = d.getAttribute("stroke");
+	V && V !== "none" && V !== "transparent" && d.setAttribute("stroke", B);
+	let H = d.getAttribute("fill");
+	H && H !== "none" && H !== "transparent" && d.setAttribute("fill", B);
 }, Icon_default = React.memo(({ name: d, size: W = 24, color: G, className: K, style: q, ...J }) => {
-	let Y = useMemo(() => iconMap[d], [d]), X = useRef(null), Z = useCallback(() => {
-		G && X.current && applyColorToSVG(X.current, G);
+	let Y = useMemo(() => iconMap[d], [d]), X = useRef(null), Z = useCallback((d) => {
+		X.current = d, G && d && (applyColorToSVG(d, G), requestAnimationFrame(() => {
+			d && X.current === d && applyColorToSVG(d, G);
+		}));
 	}, [G]);
 	useLayoutEffect(() => {
-		Z();
-	}, [Z]);
+		G && X.current && applyColorToSVG(X.current, G);
+	}, [G]), useEffect(() => {
+		if (G && X.current) {
+			let d = () => {
+				X.current && applyColorToSVG(X.current, G);
+			};
+			d();
+			let B = requestAnimationFrame(d), V = setTimeout(d, 10);
+			return () => {
+				cancelAnimationFrame(B), clearTimeout(V);
+			};
+		}
+	}, [G]);
 	let Q = useMemo(() => ({
 		display: "inline-block",
 		verticalAlign: "middle",
+		...G && { "--icon-color": G },
 		...q
-	}), [q]), $ = useMemo(() => ({
-		ref: X,
+	}), [q, G]), $ = useMemo(() => ({
+		ref: Z,
 		width: W,
 		height: W,
 		className: K,
@@ -2125,6 +2145,7 @@ var applyColorToSVG = (d, B) => {
 		W,
 		K,
 		Q,
+		Z,
 		J
 	]);
 	return Y ? /* @__PURE__ */ jsx(Y, { ...$ }) : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "firebird-icon-lib",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A lightweight React icon library with TypeScript support, featuring dynamic SVG icon loading",
   "keywords": [
     "react",