islamic-icons 2.0.4 → 2.1.0

package/dist/native/components/IconWrapperRN.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Use this only for the RN build; the web build uses IconWrapper.tsx (DOM SVG).
  */
 import React from 'react';
-import Svg from 'react-native-svg';
+import Svg, { Image as RNSvgImage } from 'react-native-svg';
 const DEFAULT_SIZE = 24;
 const DEFAULT_VIEWBOX = '0 0 24 24';
 const HEX_FILL_REGEX = /^#[0-9A-Fa-f]{3,8}$/;
@@ -12,32 +12,27 @@ function nodeHasExplicitFill(node) {
     if (!React.isValidElement(node))
         return false;
     const fill = node.props?.fill;
-    return typeof fill === 'string' && HEX_FILL_REGEX.test(fill);
+    if (typeof fill !== 'string')
+        return false;
+    if (HEX_FILL_REGEX.test(fill))
+        return true;
+    return fill.startsWith('url(');
 }
-/** True if any descendant has explicit fill (e.g. hex #...); then root uses fill="none" so child colors are preserved */
-function contentHasExplicitFills(node) {
+/** Deep scan: explicit fills, gradients, or raster <Image> — root fill stays none */
+function subtreeNeedsTransparentRoot(node) {
     if (!React.isValidElement(node))
         return false;
-    const children = node.props?.children;
+    if (nodeHasExplicitFill(node))
+        return true;
+    const type = node.type;
+    const tag = typeof type === 'string' ? type.toLowerCase() : '';
+    if (tag === 'image' || type === RNSvgImage)
+        return true;
+    const children = node.props.children;
     if (children == null)
         return false;
     const list = Array.isArray(children) ? children : [children];
-    for (const child of list) {
-        if (React.isValidElement(child)) {
-            if (nodeHasExplicitFill(child))
-                return true;
-            // Recurse one level (e.g. Paths inside a Fragment or G)
-            const grand = child.props?.children;
-            if (grand != null) {
-                const grandList = Array.isArray(grand) ? grand : [grand];
-                for (const g of grandList) {
-                    if (React.isValidElement(g) && nodeHasExplicitFill(g))
-                        return true;
-                }
-            }
-        }
-    }
-    return false;
+    return list.some((c) => subtreeNeedsTransparentRoot(c));
 }
 /** Extract inner content and viewBox if passed a full Svg element (from generator) */
 function normalizeContent(node) {
@@ -55,7 +50,7 @@ function normalizeContent(node) {
 }
 export function createIconComponentRN(displayName, defaultAriaLabel, svgContent) {
     const { content, viewBox } = normalizeContent(svgContent);
-    const isMultiColor = contentHasExplicitFills(svgContent);
+    const isMultiColor = subtreeNeedsTransparentRoot(svgContent);
     const IconComponent = ({ size = DEFAULT_SIZE, color, style, 'aria-label': ariaLabel, title, ...rest }) => {
         const sizeNum = typeof size === 'number' ? size : parseFloat(String(size)) || DEFAULT_SIZE;
         const rootFill = isMultiColor ? 'none' : (color ?? 'currentColor');