@moamfar/icon-pack 1.0.2 → 1.0.4

package/{src/generated → dist/types}/types.d.ts

@@ -2,5 +2,5 @@ import type { SVGAttributes } from "react";
 export interface IconProps extends SVGAttributes<SVGElement> {
     size?: number;
     color?: string;
-    weight?: "outline" | "bold";
+    weight?: "bold" | "boldduotone" | "broken" | "lineduotone" | "linear" | "outline";
 }

package/package.json

@@ -1,35 +1,58 @@
 {
   "name": "@moamfar/icon-pack",
-  "version": "1.0.2",
-  "description": "A collection of beautiful, weight-adjustable SVG icons.",
-  "main": "./src/generated/index.js",
-  "module": "./src/generated/index.js",
-  "types": "./src/generated/index.d.ts",
-  "sideEffects": false,
+  "version": "1.0.4",
+  "description": "A collection of beautiful, weight-adjustable SVG React icons.",
+  "license": "MIT",
+  "author": "Moamfar",
+  "homepage": "https://github.com/moamfar/icon-pack",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/moamfar/icon-pack.git"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "files": [
-    "src/generated",
+    "dist",
     "README.md",
     "LICENSE"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "sideEffects": false,
   "scripts": {
+    "clean": "rm -rf dist",
     "build:icons": "node build.js",
-    "build:types": "cd src/generated",
-    "build": "npm run build:icons && npm run build:types",
+    "build:types": "tsc --emitDeclarationOnly",
+    "build": "npm run clean && npm run build:icons && npm run build:types",
     "readme": "node readme.js",
     "prepublishOnly": "npm run build && npm run readme"
   },
+  "peerDependencies": {
+    "react": ">=16.8"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.13",
+    "typescript": "^5.9.3"
+  },
   "keywords": [
     "react",
     "icons",
+    "icon-pack",
     "svg",
-    "components"
+    "phosphor",
+    "lucide",
+    "ui"
   ],
-  "peerDependencies": {
-    "react": ">=16.x"
+  "engines": {
+    "node": ">=18"
   },
-  "author": "Moamfar",
-  "license": "MIT"
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/readme.js

@@ -1,334 +1,220 @@
 const fs = require("fs");
 const path = require("path");
 
-// --- CONFIGURATION ---
+/* ---------------- CONFIG ---------------- */
+
 const packageJsonPath = path.join(__dirname, "package.json");
 const generatedIndexPath = path.join(__dirname, "src", "generated", "index.ts");
 const readmeOutputPath = path.join(__dirname, "README.md");
-const rawIconsDir = path.join(__dirname, "src", "raw", "outline");
+const rawDir = path.join(__dirname, "src", "raw");
+
+const WEIGHTS = ["bold", "boldduotone", "broken", "lineduotone", "linear", "outline"];
+
+const weightConfigs = {
+  bold: { dir: "bold", label: "Bold" },
+  boldduotone: { dir: "boldduotone", label: "Bold Duotone" },
+  broken: { dir: "broken", label: "Broken" },
+  lineduotone: { dir: "lineduotone", label: "Line Duotone" },
+  linear: { dir: "linear", label: "Linear" },
+  outline: { dir: "outline", label: "Outline" },
+};
 
-// UPDATE THESE VALUES FOR YOUR REPOSITORY
-const GITHUB_USERNAME = "moamfar"; // Replace with your GitHub username
-const GITHUB_REPO_NAME = "icon-pack"; // Replace with your repository name
-const GITHUB_BRANCH = "main"; // Or "master" depending on your default branch
+const GITHUB_USERNAME = "moamfar";
+const GITHUB_REPO_NAME = "icon-pack";
+const GITHUB_BRANCH = "main";
 
-// --- UTILITIES ---
+/* ---------------- UTILITIES ---------------- */
 
-// 1. Parse index.ts to get component names
+// Parse generated index.ts exports
 function getExportedComponents(indexPath) {
-  if (!fs.existsSync(indexPath)) {
-    console.warn("⚠️ Generated index.ts not found. Run your build script first.");
-    return [];
-  }
+  if (!fs.existsSync(indexPath)) return [];
+
   const content = fs.readFileSync(indexPath, "utf-8");
   const regex = /export\s+{\s*(\w+)\s*}\s+from\s+["'].+["'];/g;
+
   const components = [];
   let match;
-  while ((match = regex.exec(content)) !== null) {
+  while ((match = regex.exec(content))) {
     components.push(match[1]);
   }
+
   return components.sort();
 }
 
-// 2. Find the actual SVG filename (case-insensitive)
-function findSvgFilename(componentName) {
-  // Common naming patterns
-  const candidates = [
-    `${componentName}.svg`,
-    `${componentName.toLowerCase()}.svg`,
-    `${componentName.charAt(0).toLowerCase() + componentName.slice(1)}.svg`,
-    `${componentName.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()}.svg`,
-  ];
-
-  for (const filename of candidates) {
-    const fullPath = path.join(rawIconsDir, filename);
-    if (fs.existsSync(fullPath)) {
-      return filename;
-    }
-  }
+// Normalize names (remove spaces, lowercase)
+function normalizeName(str) {
+  return str.replace(/\s+/g, "").toLowerCase();
+}
 
-  // Try to list files and find a match
-  try {
-    const files = fs.readdirSync(rawIconsDir);
-    const svgFiles = files.filter((file) => file.endsWith(".svg"));
-
-    // Try case-insensitive match
-    const lowerName = componentName.toLowerCase();
-    for (const file of svgFiles) {
-      const fileNameWithoutExt = path.basename(file, ".svg").toLowerCase();
-      if (fileNameWithoutExt === lowerName) {
-        return file;
-      }
-    }
+// Find icon and return GitHub RAW url
+function getGithubIconUrl(componentName, weight) {
+  const weightDir = path.join(rawDir, weightConfigs[weight].label);
+  if (!fs.existsSync(weightDir)) return null;
+
+  const normalizedComponent = normalizeName(componentName);
+
+  const categories = fs.readdirSync(weightDir).filter((f) => fs.statSync(path.join(weightDir, f)).isDirectory());
 
-    // Try partial match
-    for (const file of svgFiles) {
-      const fileNameWithoutExt = path.basename(file, ".svg").toLowerCase();
-      if (fileNameWithoutExt.includes(lowerName) || lowerName.includes(fileNameWithoutExt)) {
-        return file;
+  for (const category of categories) {
+    const categoryPath = path.join(weightDir, category);
+    const files = fs.readdirSync(categoryPath).filter((f) => f.toLowerCase().endsWith(".svg"));
+
+    for (const file of files) {
+      const normalizedFile = normalizeName(file.replace(".svg", ""));
+
+      if (normalizedFile === normalizedComponent) {
+        return `https://raw.githubusercontent.com/${GITHUB_USERNAME}/${GITHUB_REPO_NAME}/${GITHUB_BRANCH}/src/raw/${weightConfigs[weight].label}/${category}/${file}`;
       }
     }
-  } catch (error) {
-    console.warn(`Could not read directory ${rawIconsDir}:`, error.message);
   }
 
   return null;
 }
 
-// 3. Get Markdown-formatted icon for README
-function getReadmeIcon(componentName) {
-  const svgFilename = findSvgFilename(componentName);
+/* ---------------- README SECTIONS ---------------- */
 
-  if (!svgFilename) {
-    console.warn(`⚠️ Could not find SVG for component: ${componentName}`);
-    return `\`${componentName}\``;
-  }
-
-  // GitHub raw URL format
-  const githubRawUrl = `https://raw.githubusercontent.com/${GITHUB_USERNAME}/${GITHUB_REPO_NAME}/${GITHUB_BRANCH}/src/raw/outline/${svgFilename}`;
-
-  // Return Markdown image syntax (works on both GitHub and npm)
-  return `![${componentName}](${githubRawUrl}?sanitize=true)`;
-}
-
-// 4. Generate Markdown Table for Icons
 function generateIconList(components) {
-  if (components.length === 0) return "**No icons found.**";
-
-  let markdown = "| Preview | Name | Preview | Name |\n";
-  markdown += "|:---:|:---|:---:|:---|\n";
-
-  for (let i = 0; i < components.length; i += 2) {
-    const name1 = components[i];
-    const name2 = components[i + 2] ? components[i + 2] : components[i + 1]; // Better column distribution
+  if (!components.length) return "No icons found.";
+
+  let html = `
+<table style="border-collapse: collapse; width: 100%; min-width: 700px;">
+  <thead>
+    <tr style="background:#f8f9fa;border-bottom:2px solid #ddd;">
+      <th style="text-align:left;padding:12px;width:35%;">Icon</th>
+      <th style="text-align:center;padding:12px;">Weights Preview</th>
+    </tr>
+  </thead>
+  <tbody>
+`;
 
-    const icon1 = getReadmeIcon(name1);
-    const icon2 = name2 ? getReadmeIcon(name2) : "";
+  components.forEach((name) => {
+    const badges = WEIGHTS.map((w) => {
+      const has = getGithubIconUrl(name, w);
+      const cfg = weightConfigs[w];
+      return `<span style="
+        display:inline-block;
+        margin:2px;
+        padding:2px 8px;
+        border-radius:12px;
+        font-size:10px;
+        border:1px solid ${has ? "#c7d2fe" : "#e5e7eb"};
+        background:${has ? "#e0e7ff" : "#f3f4f6"};
+        color:${has ? "#4338ca" : "#9ca3af"};
+      ">${cfg.label}</span>`;
+    }).join("");
+
+    const previews = WEIGHTS.map((w) => {
+      const src = getGithubIconUrl(name, w);
+      const label = weightConfigs[w].label.slice(0, 3);
+      return src
+        ? `<div style="display:flex;flex-direction:column;align-items:center;">
+             <img src="${src}" width="20" height="20" />
+             <span style="font-size:8px;color:#999;">${label}</span>
+           </div>`
+        : `<div style="width:20px;height:20px;background:#eee;border-radius:3px;"></div>`;
+    }).join("");
+
+    html += `
+<tr style="border-bottom:1px solid #eee;">
+  <td style="padding:12px;">
+    <code>${name}</code>
+    <div style="margin-top:6px;">${badges}</div>
+  </td>
+  <td style="padding:12px;">
+    <div style="display:flex;gap:8px;justify-content:center;
+      background:#fafafa;padding:8px;border-radius:8px;border:1px solid #eee;">
+      ${previews}
+    </div>
+  </td>
+</tr>
+`;
+  });
 
-    // Add width and height attributes using HTML in Markdown
-    const icon1WithSize = `<img src="${icon1.replace("![", "").replace("]", "").split("(")[1].replace(")", "")}" width="24" height="24" />`;
-    const icon2WithSize = icon2
-      ? `<img src="${icon2.replace("![", "").replace("]", "").split("(")[1].replace(")", "")}" width="24" height="24" />`
-      : "";
+  html += `
+  </tbody>
+</table>
+`;
 
-    markdown += `| ${icon1WithSize} | \`${name1}\` | ${icon2WithSize} | ${name2 ? `\`${name2}\`` : ""} |\n`;
-  }
+  return html;
+}
 
-  return markdown;
+function generateWeightLegend() {
+  return `
+### Weight Legend
+
+<div style="display:flex;flex-wrap:wrap;gap:8px;">
+${WEIGHTS.map(
+  (w) => `<div style="padding:6px 10px;border:1px solid #e5e7eb;
+    border-radius:6px;background:#f9fafb;">
+    <strong>${weightConfigs[w].label}</strong>
+    <span style="font-size:12px;color:#666;">( "${w}" )</span>
+  </div>`,
+).join("")}
+</div>
+`;
 }
 
-// 5. Generate Props Table
 function generatePropsTable() {
   return `
 ## Component Props
 
 | Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| \`size\` | \`number\` | \`24\` | Sets the width and height of the icon |
-| \`color\` | \`string\` | \`"currentColor"\` | Sets the fill color |
-| \`weight\` | \`"outline" \| "bold"\` | \`"outline"\` | Switches between the icon styles |
-| \`...props\` | \`SVGAttributes\` | \`-\` | Standard SVG props like \`className\`, \`id\`, etc. |
+|-----|-----|--------|-------------|
+| size | number | 24 | Icon size |
+| color | string | currentColor | Icon color |
+| weight | string | outline | Icon style |
+| ...props | SVGAttributes | – | Standard SVG props |
 `;
 }
 
-// 6. Generate Installation Section
-function generateInstallationSection(pkgName) {
+function generateUsage(pkgName, example) {
   return `
-## Installation
-
-\`\`\`bash
-npm install ${pkgName}
-\`\`\`
-
-or
-
-\`\`\`bash
-yarn add ${pkgName}
-\`\`\`
-
-or
-
-\`\`\`bash
-pnpm add ${pkgName}
-\`\`\`
-`;
-}
-
-// 7. Generate Usage Examples
-function generateUsageExamples(pkgName, components) {
-  const exampleComponents = components.slice(0, 3);
-
-  if (exampleComponents.length < 3) {
-    return `
 ## Usage
 
-Import the icons you need and use them as React components:
-
 \`\`\`tsx
-import { ${exampleComponents.join(", ")} } from "${pkgName}";
+import { ${example} } from "${pkgName}";
 
-function App() {
-  return (
-    <div>
-      ${exampleComponents.map((comp) => `<${comp} size={32} color="#333" />`).join("\n      ")}
-    </div>
-  );
-}
+<${example} size={32} weight="bold" color="#4f46e5" />
 \`\`\`
 `;
-  }
-
-  return `
-## Usage
-
-Import the icons you need and use them as React components:
-
-\`\`\`tsx
-import { ${exampleComponents[0]}, ${exampleComponents[1]}, ${exampleComponents[2]} } from "${pkgName}";
-
-function App() {
-  return (
-    <div>
-      <${exampleComponents[0]} size={32} color="#333" />
-      <${exampleComponents[1]} size={32} color="blue" weight="bold" />
-      <${exampleComponents[2]} size={48} className="text-red-500" />
-    </div>
-  );
 }
-\`\`\`
 
-For TypeScript users, types are included out of the box.
-`;
-}
-
-// --- MAIN LOGIC ---
+/* ---------------- MAIN ---------------- */
 
 try {
-  console.log("📦 Starting README generation...");
-
-  // 1. Load Package Metadata
-  let pkgName = "my-icon-pack";
-  let pkgDesc = "A collection of beautiful SVG icons.";
-  let pkgVersion = "1.0.0";
-  let pkgLicense = "MIT";
-
-  if (fs.existsSync(packageJsonPath)) {
-    const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-    pkgName = pkg.name || pkgName;
-    pkgDesc = pkg.description || pkgDesc;
-    pkgVersion = pkg.version || pkgVersion;
-    pkgLicense = pkg.license || pkgLicense;
-  } else {
-    console.warn("⚠️ package.json not found. Using default values.");
-  }
-
-  // 2. Get Component List
-  console.log("📋 Getting component list...");
+  const pkg = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
   const components = getExportedComponents(generatedIndexPath);
 
-  if (components.length === 0) {
-    console.warn("⚠️ No components found. The index.ts file might be empty or the build hasn't been run.");
-  } else {
-    console.log(`✅ Found ${components.length} components`);
-  }
-
-  // 3. Generate Sections
-  console.log("🛠️ Generating README sections...");
-  const iconListSection = generateIconList(components);
-  const propsTableSection = generatePropsTable();
-  const installationSection = generateInstallationSection(pkgName);
-  const usageSection = generateUsageExamples(pkgName, components);
-
-  // 4. Construct README Content
-  console.log("📝 Assembling README...");
-  const readmeContent = `# ${pkgName}
-
-![npm downloads](https://img.shields.io/npm/dm/${pkgName}.svg)
-![bundle size](https://img.shields.io/bundlephobia/minzip/${pkgName})
-![license](https://img.shields.io/npm/l/${pkgName}.svg)
-![TypeScript](https://img.shields.io/badge/TypeScript-✓-blue)
-
-${pkgDesc}
-
-## Features
-
-- **🌳 Tree-shakable:** Only import the icons you use
-- **🎨 Customizable:** Control size, color, and weight (Outline/Bold) easily
-- **✨ TypeScript:** Built with full type safety support
-- **🛠 Framework Agnostic:** Works with React, Next.js, Vite, and CRA
-- **⚡ Zero Dependencies:** Lightweight footprint
-- **🎯 Perfect for Design Systems:** Consistent and scalable
-
-${installationSection}
-
-${usageSection}
-
-${propsTableSection}
+  const readme = `
+# ${pkg.name}
 
-## Available Icons
+${pkg.description}
 
-There are currently **${components.length}** icons available:
+${generateWeightLegend()}
 
-${iconListSection}
-
-## Contributing
-
-We welcome contributions! If you'd like to add new icons or improve existing ones:
-
-1. Fork the repository
-2. Create a new branch
-3. Add your SVG icons to the \`src/raw/outline/\` directory
-4. Run the build script to generate components
-5. Submit a pull request
-
-## Development
-
-To build the project locally:
+## Installation
 
 \`\`\`bash
-# Clone the repository
-git clone https://github.com/${GITHUB_USERNAME}/${GITHUB_REPO_NAME}.git
-
-# Install dependencies
-npm install
-
-# Build the project
-npm run build
-
-# Generate the README (this file)
-npm run generate-readme
+npm install ${pkg.name}
 \`\`\`
 
-## Related Projects
+${components.length ? generateUsage(pkg.name, components[0]) : ""}
 
-- [React Icons](https://react-icons.github.io/react-icons/) - Popular icon library
-- [Lucide](https://lucide.dev/) - Beautiful & consistent icon toolkit
-- [Heroicons](https://heroicons.com/) - Handcrafted SVG icons
+${generatePropsTable()}
 
-## License
+## Available Icons (${components.length})
 
-${pkgLicense} © ${new Date().getFullYear()} ${GITHUB_USERNAME}. See the [LICENSE](./LICENSE) file for details.
+${generateIconList(components)}
 
 ---
 
-<div align="center">
-  Made with ❤️ by <a href="https://github.com/${GITHUB_USERNAME}">${GITHUB_USERNAME}</a>
-</div>
+Made with ❤️ by **${GITHUB_USERNAME}**
 `;
 
-  // 5. Write to file
-  fs.writeFileSync(readmeOutputPath, readmeContent);
-  console.log(`✅ README.md generated successfully at: ${readmeOutputPath}`);
-  console.log(`📊 Total icons documented: ${components.length}`);
-  console.log(`🔗 GitHub URL: https://github.com/${GITHUB_USERNAME}/${GITHUB_REPO_NAME}`);
-
-  // 6. Print next steps
-  console.log("\n📋 NEXT STEPS:");
-  console.log("1. Update GITHUB_USERNAME and GITHUB_REPO_NAME at the top of this script");
-  console.log("2. Commit and push your SVG files to GitHub");
-  console.log("3. Verify images work by checking the README on GitHub");
-} catch (error) {
-  console.error("❌ Error generating README:");
-  console.error(error);
+  fs.writeFileSync(readmeOutputPath, readme.trim());
+  console.log("✅ README.md generated successfully");
+} catch (err) {
+  console.error("❌ Failed to generate README");
+  console.error(err);
   process.exit(1);
 }

package/src/generated/Dislike.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconProps } from "./types";
-export declare const Dislike: React.FC<IconProps>;

package/src/generated/Dislike.js

@@ -1,25 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dislike = void 0;
-var React = require("react");
-var Dislike = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? "currentColor" : _c, _d = _a.weight, weight = _d === void 0 ? "outline" : _d, props = __rest(_a, ["size", "color", "weight"]);
-    var availableWeights = ["outline"];
-    var activeWeight = availableWeights.includes(weight) ? weight : availableWeights[0];
-    return (<svg viewBox="0 0 24 24" width={size} height={size} fill={color} {...props}>
-      {activeWeight === 'bold' && (<g dangerouslySetInnerHTML={{ __html: "" }}/>)}
-      {activeWeight === 'outline' && (<g dangerouslySetInnerHTML={{ __html: "\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4382 21.2216C12.2931 21.2682 12.1345 21.2569 11.9998 21.192C11.8523 21.1209 11.7548 20.9968 11.7197 20.8618L11.244 19.0279C11.0777 18.3866 10.8354 17.768 10.5235 17.184C10.0392 16.2773 9.30632 15.58 8.62647 14.9942L7.18773 13.7544C6.96475 13.5622 6.8474 13.2742 6.87282 12.9802L7.68498 3.58754C7.72601 3.11303 8.12244 2.75 8.59635 2.75H13.245C16.3813 2.75 19.0238 4.93226 19.5306 7.86285L20.2361 11.9426C20.3332 12.5041 19.9014 13.0158 19.3348 13.0158H14.1537C13.1766 13.0158 12.4344 13.8924 12.5921 14.8553L13.2548 18.8998C13.3456 19.4539 13.3197 20.0208 13.1787 20.5642C13.1072 20.8399 12.8896 21.0766 12.5832 21.175L12.4382 21.2216L12.6676 21.9356L12.4382 21.2216ZM11.3486 22.5433C11.8312 22.7758 12.3873 22.8135 12.897 22.6497L13.042 22.6031L12.8126 21.8891L13.042 22.6031C13.819 22.3535 14.4252 21.7328 14.6307 20.9408C14.8241 20.1952 14.8596 19.4174 14.7351 18.6573L14.0724 14.6128C14.0639 14.561 14.1038 14.5158 14.1537 14.5158H19.3348C20.8341 14.5158 21.9695 13.1635 21.7142 11.687L21.0087 7.60725C20.3708 3.91896 17.0712 1.25 13.245 1.25H8.59635C7.3427 1.25 6.29852 2.20975 6.19056 3.45832L5.3784 12.851C5.31149 13.6247 5.62022 14.3837 6.20855 14.8907L7.64729 16.1305C8.3025 16.6951 8.85404 17.2423 9.20042 17.8908C9.45699 18.3711 9.65573 18.8789 9.79208 19.4046L10.2678 21.2384C10.417 21.8137 10.8166 22.2869 11.3486 22.5433ZM2.96767 14.5151C3.36893 14.5324 3.71261 14.2306 3.74721 13.8304L4.71881 2.59389C4.78122 1.8721 4.21268 1.25 3.48671 1.25C2.80289 1.25 2.25 1.80474 2.25 2.48726V13.7658C2.25 14.1674 2.5664 14.4978 2.96767 14.5151Z\"/>\n</svg>\n" }}/>)}
-    </svg>);
-};
-exports.Dislike = Dislike;

package/src/generated/Dislike.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { IconProps } from "./types";
-
-export const Dislike: React.FC<IconProps> = ({ size = 24, color = "currentColor", weight = "outline", ...props }) => {
-  const availableWeights = ["outline"];
-  const activeWeight = availableWeights.includes(weight) ? weight : availableWeights[0];
-
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      width={size}
-      height={size}
-      fill={color}
-      {...props}
-    >
-      {activeWeight === 'bold' && (
-        <g dangerouslySetInnerHTML={{ __html: `` }} />
-      )}
-      {activeWeight === 'outline' && (
-        <g dangerouslySetInnerHTML={{ __html: `
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4382 21.2216C12.2931 21.2682 12.1345 21.2569 11.9998 21.192C11.8523 21.1209 11.7548 20.9968 11.7197 20.8618L11.244 19.0279C11.0777 18.3866 10.8354 17.768 10.5235 17.184C10.0392 16.2773 9.30632 15.58 8.62647 14.9942L7.18773 13.7544C6.96475 13.5622 6.8474 13.2742 6.87282 12.9802L7.68498 3.58754C7.72601 3.11303 8.12244 2.75 8.59635 2.75H13.245C16.3813 2.75 19.0238 4.93226 19.5306 7.86285L20.2361 11.9426C20.3332 12.5041 19.9014 13.0158 19.3348 13.0158H14.1537C13.1766 13.0158 12.4344 13.8924 12.5921 14.8553L13.2548 18.8998C13.3456 19.4539 13.3197 20.0208 13.1787 20.5642C13.1072 20.8399 12.8896 21.0766 12.5832 21.175L12.4382 21.2216L12.6676 21.9356L12.4382 21.2216ZM11.3486 22.5433C11.8312 22.7758 12.3873 22.8135 12.897 22.6497L13.042 22.6031L12.8126 21.8891L13.042 22.6031C13.819 22.3535 14.4252 21.7328 14.6307 20.9408C14.8241 20.1952 14.8596 19.4174 14.7351 18.6573L14.0724 14.6128C14.0639 14.561 14.1038 14.5158 14.1537 14.5158H19.3348C20.8341 14.5158 21.9695 13.1635 21.7142 11.687L21.0087 7.60725C20.3708 3.91896 17.0712 1.25 13.245 1.25H8.59635C7.3427 1.25 6.29852 2.20975 6.19056 3.45832L5.3784 12.851C5.31149 13.6247 5.62022 14.3837 6.20855 14.8907L7.64729 16.1305C8.3025 16.6951 8.85404 17.2423 9.20042 17.8908C9.45699 18.3711 9.65573 18.8789 9.79208 19.4046L10.2678 21.2384C10.417 21.8137 10.8166 22.2869 11.3486 22.5433ZM2.96767 14.5151C3.36893 14.5324 3.71261 14.2306 3.74721 13.8304L4.71881 2.59389C4.78122 1.8721 4.21268 1.25 3.48671 1.25C2.80289 1.25 2.25 1.80474 2.25 2.48726V13.7658C2.25 14.1674 2.5664 14.4978 2.96767 14.5151Z"/>
-</svg>
-` }} />
-      )}
-    </svg>
-  );
-};

package/src/generated/Heart.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { IconProps } from "./types";
-export declare const Heart: React.FC<IconProps>;

package/src/generated/Heart.js

@@ -1,25 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heart = void 0;
-var React = require("react");
-var Heart = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? "currentColor" : _c, _d = _a.weight, weight = _d === void 0 ? "outline" : _d, props = __rest(_a, ["size", "color", "weight"]);
-    var availableWeights = ["outline"];
-    var activeWeight = availableWeights.includes(weight) ? weight : availableWeights[0];
-    return (<svg viewBox="0 0 24 24" width={size} height={size} fill={color} {...props}>
-      {activeWeight === 'bold' && (<g dangerouslySetInnerHTML={{ __html: "" }}/>)}
-      {activeWeight === 'outline' && (<g dangerouslySetInnerHTML={{ __html: "\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.62436 4.4241C3.96537 5.18243 2.75 6.98614 2.75 9.13701C2.75 11.3344 3.64922 13.0281 4.93829 14.4797C6.00072 15.676 7.28684 16.6675 8.54113 17.6345C8.83904 17.8642 9.13515 18.0925 9.42605 18.3218C9.95208 18.7365 10.4213 19.1004 10.8736 19.3647C11.3261 19.6292 11.6904 19.7499 12 19.7499C12.3096 19.7499 12.6739 19.6292 13.1264 19.3647C13.5787 19.1004 14.0479 18.7365 14.574 18.3218C14.8649 18.0925 15.161 17.8642 15.4589 17.6345C16.7132 16.6675 17.9993 15.676 19.0617 14.4797C20.3508 13.0281 21.25 11.3344 21.25 9.13701C21.25 6.98614 20.0346 5.18243 18.3756 4.4241C16.7639 3.68739 14.5983 3.88249 12.5404 6.02065C12.399 6.16754 12.2039 6.25054 12 6.25054C11.7961 6.25054 11.601 6.16754 11.4596 6.02065C9.40166 3.88249 7.23607 3.68739 5.62436 4.4241ZM12 4.45873C9.68795 2.39015 7.09896 2.10078 5.00076 3.05987C2.78471 4.07284 1.25 6.42494 1.25 9.13701C1.25 11.8025 2.3605 13.836 3.81672 15.4757C4.98287 16.7888 6.41022 17.8879 7.67083 18.8585C7.95659 19.0785 8.23378 19.292 8.49742 19.4998C9.00965 19.9036 9.55954 20.3342 10.1168 20.6598C10.6739 20.9853 11.3096 21.2499 12 21.2499C12.6904 21.2499 13.3261 20.9853 13.8832 20.6598C14.4405 20.3342 14.9903 19.9036 15.5026 19.4998C15.7662 19.292 16.0434 19.0785 16.3292 18.8585C17.5898 17.8879 19.0171 16.7888 20.1833 15.4757C21.6395 13.836 22.75 11.8025 22.75 9.13701C22.75 6.42494 21.2153 4.07284 18.9992 3.05987C16.901 2.10078 14.3121 2.39015 12 4.45873Z\"/>\n</svg>\n" }}/>)}
-    </svg>);
-};
-exports.Heart = Heart;