@lobehub/icons-rn 1.0.4 → 1.0.5

package/dist/index.d.mts

@@ -59,6 +59,7 @@ declare const RNModelIcon: React__default.NamedExoticComponent<RNModelIconProps>
 
 interface RNModelTagProps {
     model: string;
+    size?: number;
     style?: ViewStyle;
     textStyle?: ViewStyle;
     type?: 'color' | 'mono';

package/dist/index.d.ts

@@ -59,6 +59,7 @@ declare const RNModelIcon: React__default.NamedExoticComponent<RNModelIconProps>
 
 interface RNModelTagProps {
     model: string;
+    size?: number;
     style?: ViewStyle;
     textStyle?: ViewStyle;
     type?: 'color' | 'mono';

package/dist/index.js

@@ -10753,43 +10753,50 @@ var RNModelIcon = react.memo(
 );
 RNModelIcon.displayName = "RNModelIcon";
 var ModelIcon_default = RNModelIcon;
-var RNModelTag = react.memo((_a) => {
-  var _b = _a, { type = "mono", model, style, textStyle } = _b, rest = __objRest(_b, ["type", "model", "style", "textStyle"]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.View,
-    __spreadProps(__spreadValues({
-      style: [
-        {
-          alignItems: "center",
-          backgroundColor: "#f5f5f5",
-          borderRadius: 12,
-          flexDirection: "row",
-          paddingHorizontal: 8,
-          paddingVertical: 4
-        },
-        style
-      ]
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ModelIcon_default, { model, size: 12, type }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
+var RNModelTag = react.memo(
+  (_a) => {
+    var _b = _a, { type = "mono", model, size = 12, style, textStyle } = _b, rest = __objRest(_b, ["type", "model", "size", "style", "textStyle"]);
+    const textSize = Math.max(size * 0.9, 10);
+    const paddingHorizontal = Math.max(size * 0.67, 8);
+    const paddingVertical = Math.max(size * 0.33, 4);
+    const borderRadius = Math.max(size, 12);
+    const marginLeft = Math.max(size * 0.33, 4);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.View,
+      __spreadProps(__spreadValues({
+        style: [
           {
-            style: [
-              {
-                color: "#666",
-                fontSize: 12,
-                marginLeft: 4
-              },
-              textStyle
-            ],
-            children: model
-          }
-        )
-      ]
-    })
-  );
-});
+            alignItems: "center",
+            backgroundColor: "#f5f5f5",
+            borderRadius,
+            flexDirection: "row",
+            paddingHorizontal,
+            paddingVertical
+          },
+          style
+        ]
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ModelIcon_default, { model, size, type }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              style: [
+                {
+                  color: "#666",
+                  fontSize: textSize,
+                  marginLeft
+                },
+                textStyle
+              ],
+              children: model
+            }
+          )
+        ]
+      })
+    );
+  }
+);
 RNModelTag.displayName = "RNModelTag";
 var ModelTag_default = RNModelTag;