@vuonweb/react-native 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 icon-builder contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import * as react_native_svg from 'react-native-svg';
+import react_native_svg__default, { SvgProps } from 'react-native-svg';
+
+type IconProps = SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+};
+type IconRef = React.ElementRef<typeof react_native_svg__default>;
+/** Cùng thiết kế với BaseIcon web: `color` set cả fill lẫn stroke, icon
+ * component tự vô hiệu 1 trong 2 qua static prop truyền trước {...props}. */
+declare const BaseIcon: React.ForwardRefExoticComponent<SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+} & React.RefAttributes<react_native_svg__default>>;
+
+declare const Home: React.ForwardRefExoticComponent<react_native_svg.SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+} & React.RefAttributes<react_native_svg.default>>;
+
+declare const Search: React.ForwardRefExoticComponent<react_native_svg.SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+} & React.RefAttributes<react_native_svg.default>>;
+
+declare const Trashed: React.ForwardRefExoticComponent<react_native_svg.SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+} & React.RefAttributes<react_native_svg.default>>;
+
+declare const User: React.ForwardRefExoticComponent<react_native_svg.SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+} & React.RefAttributes<react_native_svg.default>>;
+
+declare const HomeSolid: React.ForwardRefExoticComponent<react_native_svg.SvgProps & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+} & React.RefAttributes<react_native_svg.default>>;
+
+export { BaseIcon, Home, HomeSolid, type IconProps, type IconRef, Search, Trashed, User };

package/dist/index.js

@@ -0,0 +1,88 @@
+// src/Icon.tsx
+import * as React from "react";
+import Svg from "react-native-svg";
+import { jsx } from "react/jsx-runtime";
+var BaseIcon = React.forwardRef(
+  ({ size = 24, color = "currentColor", strokeWidth = 2, children, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Svg,
+      {
+        ref,
+        width: size,
+        height: size,
+        fill: color,
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+BaseIcon.displayName = "BaseIcon";
+
+// src/Home.tsx
+import * as React2 from "react";
+import { Path } from "react-native-svg";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Home = React2.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxs(BaseIcon, { ref, viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx2(Path, { d: "M3 10.5 12 3l9 7.5" }),
+    /* @__PURE__ */ jsx2(Path, { d: "M5 9.5V21h14V9.5" }),
+    /* @__PURE__ */ jsx2(Path, { d: "M9 21v-6h6v6" })
+  ] });
+});
+Home.displayName = "Home";
+
+// src/Search.tsx
+import * as React3 from "react";
+import { Circle, Path as Path2 } from "react-native-svg";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Search = React3.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxs2(BaseIcon, { ref, viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx3(Circle, { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ jsx3(Path2, { d: "m21 21-4.35-4.35" })
+  ] });
+});
+Search.displayName = "Search";
+
+// src/Trashed.tsx
+import * as React4 from "react";
+import { Path as Path3 } from "react-native-svg";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Trashed = React4.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx4(BaseIcon, { ref, viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx4(Path3, { d: "M21 5.98c-3.33-.33-6.68-.5-10.02-.5q-2.97 0-5.94.3L3 5.98m5.5-1.01.22-1.31C8.88 2.71 9 2 10.69 2h2.62c1.69 0 1.82.75 1.97 1.67l.22 1.3m3.35 4.17-.65 10.07C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14m5.18 7.36h3.33m-4.16-4h5" }) });
+});
+Trashed.displayName = "Trashed";
+
+// src/User.tsx
+import * as React5 from "react";
+import { Circle as Circle2, Path as Path4 } from "react-native-svg";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var User = React5.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxs3(BaseIcon, { ref, viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx5(Circle2, { cx: "12", cy: "8", r: "4" }),
+    /* @__PURE__ */ jsx5(Path4, { d: "M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8" })
+  ] });
+});
+User.displayName = "User";
+
+// src/HomeSolid.tsx
+import * as React6 from "react";
+import { Path as Path5 } from "react-native-svg";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var HomeSolid = React6.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx6(BaseIcon, { ref, viewBox: "0 0 24 24", stroke: "none", ...props, children: /* @__PURE__ */ jsx6(Path5, { d: "m12 3-9 7.5V21h6v-6h6v6h6V10.5z" }) });
+});
+HomeSolid.displayName = "HomeSolid";
+export {
+  BaseIcon,
+  Home,
+  HomeSolid,
+  Search,
+  Trashed,
+  User
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Icon.tsx","../src/Home.tsx","../src/Search.tsx","../src/Trashed.tsx","../src/User.tsx","../src/HomeSolid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Svg, { type SvgProps } from \"react-native-svg\";\n\nexport type IconProps = SvgProps & {\n  size?: number;\n  color?: string;\n  strokeWidth?: number;\n};\n\nexport type IconRef = React.ElementRef<typeof Svg>;\n\n/** Cùng thiết kế với BaseIcon web: `color` set cả fill lẫn stroke, icon\n * component tự vô hiệu 1 trong 2 qua static prop truyền trước {...props}. */\nexport const BaseIcon = React.forwardRef<IconRef, IconProps>(\n  ({ size = 24, color = \"currentColor\", strokeWidth = 2, children, ...rest }, ref) => {\n    return (\n      <Svg\n        ref={ref}\n        width={size}\n        height={size}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        {...rest}\n      >\n        {children}\n      </Svg>\n    );\n  },\n);\n\nBaseIcon.displayName = \"BaseIcon\";\n","/**\n * File này được sinh tự động bởi icon-builder. Không sửa tay.\n * @generated\n */\n\nimport * as React from \"react\";\nimport { Path } from \"react-native-svg\";\nimport { BaseIcon, type IconProps, type IconRef } from \"./Icon.js\";\n\nexport const Home = React.forwardRef<IconRef, IconProps>((props, ref) => {\n  return (\n    <BaseIcon ref={ref} viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <Path d=\"M3 10.5 12 3l9 7.5\" />\n      <Path d=\"M5 9.5V21h14V9.5\" />\n      <Path d=\"M9 21v-6h6v6\" />\n    </BaseIcon>\n  );\n});\n\nHome.displayName = \"Home\";\n","/**\n * File này được sinh tự động bởi icon-builder. Không sửa tay.\n * @generated\n */\n\nimport * as React from \"react\";\nimport { Circle, Path } from \"react-native-svg\";\nimport { BaseIcon, type IconProps, type IconRef } from \"./Icon.js\";\n\nexport const Search = React.forwardRef<IconRef, IconProps>((props, ref) => {\n  return (\n    <BaseIcon ref={ref} viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <Circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <Path d=\"m21 21-4.35-4.35\" />\n    </BaseIcon>\n  );\n});\n\nSearch.displayName = \"Search\";\n","/**\n * File này được sinh tự động bởi icon-builder. Không sửa tay.\n * @generated\n */\n\nimport * as React from \"react\";\nimport { Path } from \"react-native-svg\";\nimport { BaseIcon, type IconProps, type IconRef } from \"./Icon.js\";\n\nexport const Trashed = React.forwardRef<IconRef, IconProps>((props, ref) => {\n  return (\n    <BaseIcon ref={ref} viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <Path d=\"M21 5.98c-3.33-.33-6.68-.5-10.02-.5q-2.97 0-5.94.3L3 5.98m5.5-1.01.22-1.31C8.88 2.71 9 2 10.69 2h2.62c1.69 0 1.82.75 1.97 1.67l.22 1.3m3.35 4.17-.65 10.07C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14m5.18 7.36h3.33m-4.16-4h5\" />\n    </BaseIcon>\n  );\n});\n\nTrashed.displayName = \"Trashed\";\n","/**\n * File này được sinh tự động bởi icon-builder. Không sửa tay.\n * @generated\n */\n\nimport * as React from \"react\";\nimport { Circle, Path } from \"react-native-svg\";\nimport { BaseIcon, type IconProps, type IconRef } from \"./Icon.js\";\n\nexport const User = React.forwardRef<IconRef, IconProps>((props, ref) => {\n  return (\n    <BaseIcon ref={ref} viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <Circle cx=\"12\" cy=\"8\" r=\"4\" />\n      <Path d=\"M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8\" />\n    </BaseIcon>\n  );\n});\n\nUser.displayName = \"User\";\n","/**\n * File này được sinh tự động bởi icon-builder. Không sửa tay.\n * @generated\n */\n\nimport * as React from \"react\";\nimport { Path } from \"react-native-svg\";\nimport { BaseIcon, type IconProps, type IconRef } from \"./Icon.js\";\n\nexport const HomeSolid = React.forwardRef<IconRef, IconProps>((props, ref) => {\n  return (\n    <BaseIcon ref={ref} viewBox=\"0 0 24 24\" stroke=\"none\" {...props}>\n      <Path d=\"m12 3-9 7.5V21h6v-6h6v6h6V10.5z\" />\n    </BaseIcon>\n  );\n});\n\nHomeSolid.displayName = \"HomeSolid\";\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,OAAO,SAA4B;AAe7B;AAHC,IAAM,WAAiB;AAAA,EAC5B,CAAC,EAAE,OAAO,IAAI,QAAQ,gBAAgB,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ;AAClF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR;AAAA,QACA,eAAc;AAAA,QACd,gBAAe;AAAA,QACd,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;;AC5BvB,YAAYA,YAAW;AACvB,SAAS,YAAY;AAKjB,SACE,OAAAC,MADF;AAFG,IAAM,OAAa,kBAA+B,CAAC,OAAO,QAAQ;AACvE,SACE,qBAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD;AAAA,oBAAAA,KAAC,QAAK,GAAE,sBAAqB;AAAA,IAC7B,gBAAAA,KAAC,QAAK,GAAE,oBAAmB;AAAA,IAC3B,gBAAAA,KAAC,QAAK,GAAE,gBAAe;AAAA,KACzB;AAEJ,CAAC;AAED,KAAK,cAAc;;;ACdnB,YAAYC,YAAW;AACvB,SAAS,QAAQ,QAAAC,aAAY;AAKzB,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,SAAe,kBAA+B,CAAC,OAAO,QAAQ;AACzE,SACE,gBAAAA,MAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD;AAAA,oBAAAD,KAAC,UAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,gBAAAA,KAACE,OAAA,EAAK,GAAE,oBAAmB;AAAA,KAC7B;AAEJ,CAAC;AAED,OAAO,cAAc;;;ACbrB,YAAYC,YAAW;AACvB,SAAS,QAAAC,aAAY;AAMf,gBAAAC,YAAA;AAHC,IAAM,UAAgB,kBAA+B,CAAC,OAAO,QAAQ;AAC1E,SACE,gBAAAA,KAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD,0BAAAA,KAACC,OAAA,EAAK,GAAE,2PAA0P,GACpQ;AAEJ,CAAC;AAED,QAAQ,cAAc;;;ACZtB,YAAYC,YAAW;AACvB,SAAS,UAAAC,SAAQ,QAAAC,aAAY;AAKzB,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,OAAa,kBAA+B,CAAC,OAAO,QAAQ;AACvE,SACE,gBAAAA,MAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD;AAAA,oBAAAD,KAACE,SAAA,EAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,IAC7B,gBAAAF,KAACG,OAAA,EAAK,GAAE,mCAAkC;AAAA,KAC5C;AAEJ,CAAC;AAED,KAAK,cAAc;;;ACbnB,YAAYC,YAAW;AACvB,SAAS,QAAAC,aAAY;AAMf,gBAAAC,YAAA;AAHC,IAAM,YAAkB,kBAA+B,CAAC,OAAO,QAAQ;AAC5E,SACE,gBAAAA,KAAC,YAAS,KAAU,SAAQ,aAAY,QAAO,QAAQ,GAAG,OACxD,0BAAAA,KAACC,OAAA,EAAK,GAAE,mCAAkC,GAC5C;AAEJ,CAAC;AAED,UAAU,cAAc;","names":["React","jsx","React","Path","jsx","jsxs","Path","React","Path","jsx","Path","React","Circle","Path","jsx","jsxs","Circle","Path","React","Path","jsx","Path"]}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@vuonweb/react-native",
+  "version": "0.1.0",
+  "description": "Icon components sinh tự động từ icons/ cho React Native (react-native-svg).",
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native-svg": ">=13"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.5",
+    "react": "^18.3.1",
+    "react-native-svg": "^15.6.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}