@vuonweb/react 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,52 @@
+import * as React from 'react';
+
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+};
+/**
+ * Mọi icon generated đều render qua BaseIcon để tránh lặp code.
+ * `color` set cả fill lẫn stroke; icon component tự quyết định thuộc tính
+ * nào bị vô hiệu (fill="none" cho outline, stroke="none" cho solid) bằng
+ * cách truyền static prop đó *trước* {...props}, nên người dùng vẫn có thể
+ * override fill/stroke/className/... trực tiếp qua props.
+ */
+declare const BaseIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+/**
+ * File này được sinh tự động bởi icon-builder. Không sửa tay.
+ * @generated
+ */
+
+declare const Home: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+/**
+ * File này được sinh tự động bởi icon-builder. Không sửa tay.
+ * @generated
+ */
+
+declare const Search: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+/**
+ * File này được sinh tự động bởi icon-builder. Không sửa tay.
+ * @generated
+ */
+
+declare const Trashed: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+/**
+ * File này được sinh tự động bởi icon-builder. Không sửa tay.
+ * @generated
+ */
+
+declare const User: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+/**
+ * File này được sinh tự động bởi icon-builder. Không sửa tay.
+ * @generated
+ */
+
+declare const HomeSolid: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { BaseIcon, Home, HomeSolid, type IconProps, Search, Trashed, User };

package/dist/index.js

@@ -0,0 +1,83 @@
+// src/Icon.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var BaseIcon = React.forwardRef(
+  ({ size = 24, color = "currentColor", strokeWidth = 2, children, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        fill: color,
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        ref,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+BaseIcon.displayName = "BaseIcon";
+
+// src/Home.tsx
+import * as React2 from "react";
+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 { 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("path", { d: "m21 21-4.35-4.35" })
+  ] });
+});
+Search.displayName = "Search";
+
+// src/Trashed.tsx
+import * as React4 from "react";
+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("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" }) });
+});
+Trashed.displayName = "Trashed";
+
+// src/User.tsx
+import * as React5 from "react";
+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("circle", { cx: "12", cy: "8", r: "4" }),
+    /* @__PURE__ */ jsx5("path", { 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 { 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("path", { 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\";\n\nexport type IconProps = React.SVGProps<SVGSVGElement> & {\n  size?: number;\n  color?: string;\n  strokeWidth?: number;\n};\n\n/**\n * Mọi icon generated đều render qua BaseIcon để tránh lặp code.\n * `color` set cả fill lẫn stroke; icon component tự quyết định thuộc tính\n * nào bị vô hiệu (fill=\"none\" cho outline, stroke=\"none\" cho solid) bằng\n * cách truyền static prop đó *trước* {...props}, nên người dùng vẫn có thể\n * override fill/stroke/className/... trực tiếp qua props.\n */\nexport const BaseIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ size = 24, color = \"currentColor\", strokeWidth = 2, children, ...rest }, ref) => {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        ref={ref}\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 { BaseIcon, type IconProps } from \"./Icon.js\";\n\nexport const Home = React.forwardRef<SVGSVGElement, 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 { BaseIcon, type IconProps } from \"./Icon.js\";\n\nexport const Search = React.forwardRef<SVGSVGElement, 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 { BaseIcon, type IconProps } from \"./Icon.js\";\n\nexport const Trashed = React.forwardRef<SVGSVGElement, 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 { BaseIcon, type IconProps } from \"./Icon.js\";\n\nexport const User = React.forwardRef<SVGSVGElement, 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 { BaseIcon, type IconProps } from \"./Icon.js\";\n\nexport const HomeSolid = React.forwardRef<SVGSVGElement, 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;AAkBjB;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,OAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR;AAAA,QACA,eAAc;AAAA,QACd,gBAAe;AAAA,QACf;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;;AC/BvB,YAAYA,YAAW;AAKnB,SACE,OAAAC,MADF;AAFG,IAAM,OAAa,kBAAqC,CAAC,OAAO,QAAQ;AAC7E,SACE,qBAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD;AAAA,oBAAAA,KAAC,UAAK,GAAE,sBAAqB;AAAA,IAC7B,gBAAAA,KAAC,UAAK,GAAE,oBAAmB;AAAA,IAC3B,gBAAAA,KAAC,UAAK,GAAE,gBAAe;AAAA,KACzB;AAEJ,CAAC;AAED,KAAK,cAAc;;;ACbnB,YAAYC,YAAW;AAKnB,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,SAAe,kBAAqC,CAAC,OAAO,QAAQ;AAC/E,SACE,gBAAAA,MAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD;AAAA,oBAAAD,KAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,gBAAAA,KAAC,UAAK,GAAE,oBAAmB;AAAA,KAC7B;AAEJ,CAAC;AAED,OAAO,cAAc;;;ACZrB,YAAYE,YAAW;AAMjB,gBAAAC,YAAA;AAHC,IAAM,UAAgB,kBAAqC,CAAC,OAAO,QAAQ;AAChF,SACE,gBAAAA,KAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD,0BAAAA,KAAC,UAAK,GAAE,2PAA0P,GACpQ;AAEJ,CAAC;AAED,QAAQ,cAAc;;;ACXtB,YAAYC,YAAW;AAKnB,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,OAAa,kBAAqC,CAAC,OAAO,QAAQ;AAC7E,SACE,gBAAAA,MAAC,YAAS,KAAU,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACtD;AAAA,oBAAAD,KAAC,YAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,IAC7B,gBAAAA,KAAC,UAAK,GAAE,mCAAkC;AAAA,KAC5C;AAEJ,CAAC;AAED,KAAK,cAAc;;;ACZnB,YAAYE,YAAW;AAMjB,gBAAAC,YAAA;AAHC,IAAM,YAAkB,kBAAqC,CAAC,OAAO,QAAQ;AAClF,SACE,gBAAAA,KAAC,YAAS,KAAU,SAAQ,aAAY,QAAO,QAAQ,GAAG,OACxD,0BAAAA,KAAC,UAAK,GAAE,mCAAkC,GAC5C;AAEJ,CAAC;AAED,UAAU,cAAc;","names":["React","jsx","React","jsx","jsxs","React","jsx","React","jsx","jsxs","React","jsx"]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@vuonweb/react",
+  "version": "0.1.0",
+  "description": "Icon components sinh tự động từ icons/ cho React.",
+  "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"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.5",
+    "react": "^18.3.1",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}