@xsolla/xui-image-thumbnail 0.123.0 → 0.125.0

package/native/index.mjs

@@ -2825,6 +2825,7 @@ var Box = ({
 };
 
 // ../primitives-native/src/LinearGradient.tsx
+import { useRef } from "react";
 import { View as View2 } from "react-native";
 
 // ../../node_modules/react-native-svg/lib/module/elements/Shape.js
@@ -5283,6 +5284,22 @@ var err = console.error.bind(console);
 
 // ../primitives-native/src/LinearGradient.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var gradientIdCounter = 0;
+function parseColor(color) {
+  if (color === "transparent") {
+    return { stopColor: "#000000", stopOpacity: 0 };
+  }
+  const rgbaMatch = color.match(
+    /^rgba?\(\s*([\d.]+%?)\s*,\s*([\d.]+%?)\s*,\s*([\d.]+%?)\s*,\s*([\d.]+)\s*\)$/i
+  );
+  if (rgbaMatch) {
+    return {
+      stopColor: `rgb(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]})`,
+      stopOpacity: parseFloat(rgbaMatch[4])
+    };
+  }
+  return { stopColor: color, stopOpacity: 1 };
+}
 var LinearGradient2 = ({
   colors,
   start = { x: 0, y: 0 },
@@ -5316,9 +5333,19 @@ var LinearGradient2 = ({
     zIndex,
     ...style
   };
+  const gradientId = useRef(`xui-lg-${++gradientIdCounter}`).current;
   const stops = colors.map((color, index) => {
     const offset = locations ? locations[index] : index / (colors.length - 1);
-    return /* @__PURE__ */ jsx2(Stop, { offset, stopColor: color }, index);
+    const { stopColor, stopOpacity } = parseColor(color);
+    return /* @__PURE__ */ jsx2(
+      Stop,
+      {
+        offset,
+        stopColor,
+        stopOpacity
+      },
+      index
+    );
   });
   return /* @__PURE__ */ jsxs(View2, { style: containerStyle, testID: dataTestId || testID, children: [
     /* @__PURE__ */ jsxs(
@@ -5331,7 +5358,7 @@ var LinearGradient2 = ({
           /* @__PURE__ */ jsx2(Defs, { children: /* @__PURE__ */ jsx2(
             LinearGradient,
             {
-              id: "grad",
+              id: gradientId,
               x1: `${start.x * 100}%`,
               y1: `${start.y * 100}%`,
               x2: `${end.x * 100}%`,
@@ -5339,7 +5366,16 @@ var LinearGradient2 = ({
               children: stops
             }
           ) }),
-          /* @__PURE__ */ jsx2(Rect, { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#grad)" })
+          /* @__PURE__ */ jsx2(
+            Rect,
+            {
+              x: "0",
+              y: "0",
+              width: "100%",
+              height: "100%",
+              fill: `url(#${gradientId})`
+            }
+          )
         ]
       }
     ),