@gaozh1024/rn-kit 0.3.0 → 0.3.1

package/dist/index.mjs

@@ -1569,7 +1569,8 @@ function Card({
 }
 
 // src/ui/display/Icon.tsx
-import MaterialIcons from "react-native-vector-icons/MaterialIcons";
+import { Text as Text2 } from "react-native";
+import { MaterialIcons } from "@expo/vector-icons";
 import { jsx as jsx16 } from "nativewind/jsx-runtime";
 var sizeMap2 = {
   xs: 16,
@@ -1578,6 +1579,12 @@ var sizeMap2 = {
   lg: 32,
   xl: 48
 };
+function isComponentLike(value) {
+  if (typeof value === "function") return true;
+  if (typeof value !== "object" || value === null) return false;
+  return "$$typeof" in value;
+}
+var MaterialIconComponent = isComponentLike(MaterialIcons) ? MaterialIcons : void 0;
 function resolveSize(size = "md") {
   if (typeof size === "number") return size;
   return sizeMap2[size] || 24;
@@ -1586,11 +1593,29 @@ function Icon({ name, size = "md", color = "gray-600", style, onPress, testID })
   const { theme, isDark } = useOptionalTheme();
   const resolvedSize = resolveSize(size);
   const resolvedColor = resolveNamedColor(color, theme, isDark) ?? color;
+  const fallback = /* @__PURE__ */ jsx16(
+    Text2,
+    {
+      style: [
+        {
+          color: resolvedColor,
+          fontSize: resolvedSize,
+          lineHeight: resolvedSize
+        },
+        style
+      ],
+      testID,
+      children: "\u25A1"
+    }
+  );
+  if (!MaterialIconComponent) {
+    return onPress ? /* @__PURE__ */ jsx16(AppPressable, { onPress, children: fallback }) : fallback;
+  }
   if (onPress) {
-    return /* @__PURE__ */ jsx16(AppPressable, { onPress, testID, children: /* @__PURE__ */ jsx16(MaterialIcons, { name, size: resolvedSize, color: resolvedColor, style }) });
+    return /* @__PURE__ */ jsx16(AppPressable, { onPress, testID, children: /* @__PURE__ */ jsx16(MaterialIconComponent, { name, size: resolvedSize, color: resolvedColor, style }) });
   }
   return /* @__PURE__ */ jsx16(
-    MaterialIcons,
+    MaterialIconComponent,
     {
       name,
       size: resolvedSize,