@developershre/icona 1.0.6

package/LICENSE

@@ -0,0 +1,56 @@
+MIT License
+
+Copyright (c) 2026 Icona
+
+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.
+
+**ADDITIONAL ATTRIBUTION REQUIREMENT:**
+If you use this software for production purposes or replicate this project,
+you MUST provide full credits to the original developers and designers of the
+icons included in this library. This includes but is not limited to:
+
+- Tabler Icons (https://tabler-icons.io/) - providing beautiful outline icons
+- Feather Icons (https://feathericons.com/) - providing simple and beautiful icons
+- Figma Community Icons - when using icons sourced from Figma, provide credits to the original Figma creators/designers
+- Any other icon libraries or individual icon designers whose work is included
+
+When using icons in production applications, appropriate attribution should be
+provided in one of the following ways:
+1. In your application's credits/about section
+2. In your project's README or documentation
+3. In the footer or licensing section of your application
+4. In any other prominent and accessible location
+
+For Figma-sourced icons, include the creator's name and Figma profile link when possible.
+
+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.
+
+---
+
+## Icon Attribution
+
+This project may include icons from various sources. Please ensure you comply
+with the individual licenses of the icon libraries you use:
+
+- **Tabler Icons**: MIT License - https://github.com/tabler/tabler-icons
+- **Feather Icons**: MIT License - https://github.com/feathericons/feather
+- **Figma Community Icons**: Various licenses - Please check individual creator's terms and provide proper attribution to the original Figma designers
+- **Other Icons**: Please check individual icon library licenses
+
+By using this software, you agree to respect and acknowledge the work of all
+icon designers, including Figma community creators, and maintain proper attribution 
+as required by their respective licenses and terms of use.

package/README.md

@@ -0,0 +1,261 @@
+# Icona - Modern Icon Library
+
+A TypeScript-powered icon library that generates React, React Native, and Vue components from SVG files with support for nested folder structures.
+
+## ✨ Features
+
+- 🎨 **Nested Folder Support**: Organize icons in nested directories (e.g., `icons/tabler/outline/`)
+- ⚛️ **React Components**: Auto-generated TypeScript React components
+- � **React Native Components**: Auto-generated React Native components with react-native-svg
+- �🟢 **Vue Components**: Auto-generated Vue 3 components with TypeScript
+- 📦 **TypeScript**: Full TypeScript support with strict type checking
+- 🎭 **SVG Optimization**: Automatic SVG parsing and optimization
+- 🔧 **Component Naming**: Smart PascalCase naming from folder structure
+
+## 🚀 Quick Start
+
+### Installation
+
+```bash
+npm install
+```
+
+### Adding Icons
+
+1. Create your folder structure in the `icons/` directory:
+```
+icons/
+├── tabler/
+│   └── outline/
+│       ├── home.svg
+│       ├── user.svg
+│       └── search.svg
+└── feather/
+    ├── heart.svg
+    └── star.svg
+```
+
+2. Generate components:
+```bash
+npm run build
+npm run generate
+```
+
+3. Use the generated components in your projects!
+
+## 📁 Project Structure
+
+```
+icona/
+├── icons/                    # Source SVG files (nested folders supported)
+├── src/
+│   ├── index.ts             # Main icon processor
+│   ├── react/maker.ts       # React component generator
+│   ├── react-native/maker.ts # React Native component generator
+│   ├── vue/maker.ts         # Vue component generator
+│   └── utils/pascal.ts      # PascalCase converter
+├── dist/
+│   ├── react/               # Generated React components
+│   ├── react-native/        # Generated React Native components
+│   └── vue/                 # Generated Vue components
+└── types/index.d.ts         # TypeScript definitions
+```
+
+## 🛠️ Usage
+
+### React Components
+
+```tsx
+import { TablerOutlineHome } from './dist/react/tabler/outline/home';
+import { FeatherHeart } from './dist/react/feather/heart';
+
+function App() {
+  return (
+    <div>
+      <TablerOutlineHome size={32} color="blue" />
+      <FeatherHeart size={24} className="text-red-500" />
+    </div>
+  );
+}
+```
+
+### React Native Components
+
+```tsx
+import { TablerOutlineHome } from './dist/react-native/tabler/outline/home';
+import { FeatherHeart } from './dist/react-native/feather/heart';
+
+function App() {
+  return (
+    <View>
+      <TablerOutlineHome size={32} color="blue" />
+      <FeatherHeart size={24} color="red" />
+    </View>
+  );
+}
+```
+
+> **Note**: React Native components require `react-native-svg` to be installed in your project:
+> ```bash
+> npm install react-native-svg
+> # For iOS
+> cd ios && pod install
+> ```
+
+### Vue Components
+
+```vue
+<template>
+  <div>
+    <TablerOutlineHome :size="32" />
+    <FeatherHeart :size="24" className="text-red-500" />
+  </div>
+</template>
+
+<script setup>
+import TablerOutlineHome from './dist/vue/tabler/outline/home.vue';
+import FeatherHeart from './dist/vue/feather/heart.vue';
+</script>
+```
+
+### Direct SVG Usage
+
+```html
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+  <polyline points="9,22 9,12 15,12 15,22"/>
+</svg>
+```
+
+## 📝 Scripts
+
+| Command | Description |
+|---------|-------------|
+| `npm run build` | Compile TypeScript to JavaScript |
+| `npm run dev` | Watch mode for development |
+| `npm run generate` | Process SVG files and generate components |
+| `npm run clean` | Remove dist directory |
+| `npm run release:patch` | Local release with patch version bump |
+| `npm run release:minor` | Local release with minor version bump |
+| `npm run release:major` | Local release with major version bump |
+
+## 🚀 Automated Publishing
+
+This project is configured for automatic npm publishing via GitHub Actions:
+
+- **Auto-publish**: Every push to `main` branch automatically publishes to npm
+- **Auto-versioning**: If the current version already exists on npm, it auto-bumps to the next patch version
+- **GitHub Releases**: Automatically creates GitHub releases with generated components
+- **Component Generation**: All React, Vue, and React Native components are generated before publishing
+
+### Manual Release (Local)
+
+```bash
+# Set your NPM token in .env file
+echo "NPM_TOKEN=your_npm_token_here" > .env
+
+# Release with version bump
+npm run release:patch  # 1.0.0 → 1.0.1
+npm run release:minor  # 1.0.0 → 1.1.0
+npm run release:major  # 1.0.0 → 2.0.0
+```
+
+## 🎨 Component Props
+
+### React Components
+
+```tsx
+interface IconProps {
+  size?: number | string;          // Default: 24
+  color?: string;                  // Default: 'currentColor'
+  className?: string;              // CSS classes
+  title?: string;                  // Accessibility title
+  'aria-label'?: string;          // Accessibility label
+  style?: React.CSSProperties;    // Inline styles
+}
+```
+
+### React Native Components
+
+```tsx
+interface IconProps {
+  size?: number | string;          // Default: 24
+  color?: string;                  // Default: 'currentColor'
+  style?: any;                     // React Native styles
+  testID?: string;                 // Test identifier
+}
+```
+
+### Vue Components
+
+```typescript
+interface Props {
+  size?: number | string;          // Default: 24
+  className?: string;              // CSS classes
+  style?: Record<string, any>;     // Inline styles
+  title?: string;                  // Accessibility title
+  ariaLabel?: string;              // Accessibility label
+}
+```
+
+## 📦 Icon Data Structure
+
+Generated icons have the following structure:
+
+```typescript
+interface Icon {
+  name: string;                    // Icon name (filename without .svg)
+  path: string;                    // Full path to SVG file
+  category?: string;               // Nested folder path (e.g., "tabler/outline")
+  content: string;                 // SVG inner content (paths, circles, etc.)
+  viewBox?: string;               // SVG viewBox attribute
+  width?: number;                 // SVG width attribute
+  height?: number;                // SVG height attribute
+}
+```
+
+## 🔧 Configuration
+
+### TypeScript Configuration
+
+The project uses strict TypeScript settings in `tsconfig.json`:
+
+- `exactOptionalPropertyTypes: true` - Strict optional property handling
+- `strictNullChecks: true` - Strict null checking
+- `noImplicitAny: true` - No implicit any types
+
+### Folder Structure Rules
+
+- Icons must be `.svg` files
+- Nested folders become categories (e.g., `icons/tabler/outline/` → `category: "tabler/outline"`)
+- Component names use PascalCase (e.g., `tabler/outline/home.svg` → `TablerOutlineHome`)
+- Empty categories are handled gracefully
+
+## 🙏 Contributing
+
+1. Add your SVG files to the appropriate nested folders in `icons/`
+2. Run `npm run generate` to create components
+3. Ensure TypeScript compilation succeeds with `npm run build`
+
+## 📄 License
+
+MIT License - see [LICENSE](LICENSE) file for details.
+
+**Important Attribution Requirement**: When using this library in production or replicating this project, you must provide full credits to the original icon developers. This includes:
+
+- **Tabler Icons** - https://tabler-icons.io/
+- **Feather Icons** - https://feathericons.com/
+- **Figma Community Icons** - Credit the original Figma creators/designers with their name and profile link
+- Any other icon libraries whose work you include
+
+Please include proper attribution in your app's credits, README, or footer section.
+
+## 🔗 Related
+
+- [Tabler Icons](https://tabler-icons.io/)
+- [Feather Icons](https://feathericons.com/)
+- [React Icons](https://react-icons.github.io/react-icons/)
+
+---
+
+Built with ❤️ using TypeScript, React, React Native, and Vue.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,106 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const iconsDir = "./icons";
+const outputDir = "./dist";
+const reactDir = path_1.default.join(outputDir, "react");
+const vueDir = path_1.default.join(outputDir, "vue");
+const reactNativeDir = path_1.default.join(outputDir, "react-native");
+const maker_1 = require("./react/maker");
+const maker_2 = require("./vue/maker");
+const maker_3 = require("./react-native/maker");
+const allIcons = [];
+function extractSVGAttributes(content) {
+    const viewBoxMatch = content.match(/viewBox=["']([^"']*)["']/);
+    const widthMatch = content.match(/width=["']([^"']*)["']/);
+    const heightMatch = content.match(/height=["']([^"']*)["']/);
+    const result = {};
+    if (viewBoxMatch?.[1]) {
+        result.viewBox = viewBoxMatch[1];
+    }
+    if (widthMatch?.[1]) {
+        result.width = parseInt(widthMatch[1], 10);
+    }
+    if (heightMatch?.[1]) {
+        result.height = parseInt(heightMatch[1], 10);
+    }
+    return result;
+}
+function extractSVGContent(svgContent) {
+    // Remove the outer <svg> tags and get inner content
+    const match = svgContent.match(/<svg[^>]*>(.*)<\/svg>/s);
+    return match?.[1]?.trim() || svgContent.trim();
+}
+function ensureDirectoryExists(dirPath) {
+    if (!fs_1.default.existsSync(dirPath)) {
+        fs_1.default.mkdirSync(dirPath, { recursive: true });
+    }
+}
+function walkDir(dir) {
+    if (!fs_1.default.existsSync(dir)) {
+        console.log(`Icons directory '${dir}' does not exist. Creating...`);
+        fs_1.default.mkdirSync(dir, { recursive: true });
+        return;
+    }
+    fs_1.default.readdirSync(dir).forEach(file => {
+        const fullPath = path_1.default.join(dir, file);
+        const stat = fs_1.default.statSync(fullPath);
+        if (stat.isDirectory()) {
+            walkDir(fullPath);
+        }
+        else if (file.endsWith(".svg")) {
+            try {
+                const svgContent = fs_1.default.readFileSync(fullPath, "utf-8");
+                const iconName = file.replace(".svg", "");
+                const category = path_1.default.relative(iconsDir, path_1.default.dirname(fullPath));
+                const attributes = extractSVGAttributes(svgContent);
+                const content = extractSVGContent(svgContent);
+                const icon = {
+                    name: iconName,
+                    path: fullPath,
+                    content,
+                    ...(category && { category }),
+                    ...(attributes.viewBox && { viewBox: attributes.viewBox }),
+                    ...(attributes.width && { width: attributes.width }),
+                    ...(attributes.height && { height: attributes.height })
+                };
+                // Add to global icons array
+                allIcons.push(icon);
+                // Generate React component
+                const reactComponent = (0, maker_1.generateReactComponent)(icon);
+                const reactCategory = icon.category ? path_1.default.join(reactDir, icon.category) : reactDir;
+                ensureDirectoryExists(reactCategory);
+                fs_1.default.writeFileSync(path_1.default.join(reactCategory, `${iconName}.tsx`), reactComponent);
+                // Generate Vue component
+                const vueComponent = (0, maker_2.generateVueComponent)(icon);
+                const vueCategory = icon.category ? path_1.default.join(vueDir, icon.category) : vueDir;
+                ensureDirectoryExists(vueCategory);
+                fs_1.default.writeFileSync(path_1.default.join(vueCategory, `${iconName}.vue`), vueComponent);
+                // Generate React Native component
+                const reactNativeComponent = (0, maker_3.generateReactNativeComponent)(icon);
+                const reactNativeCategory = icon.category ? path_1.default.join(reactNativeDir, icon.category) : reactNativeDir;
+                ensureDirectoryExists(reactNativeCategory);
+                fs_1.default.writeFileSync(path_1.default.join(reactNativeCategory, `${iconName}.tsx`), reactNativeComponent);
+                console.log(`Generated components for ${icon.category ? icon.category + "/" : ""}${iconName}`);
+            }
+            catch (error) {
+                console.error(`Error processing ${fullPath}:`, error);
+            }
+        }
+    });
+}
+// Ensure output directories exist
+ensureDirectoryExists(reactDir);
+ensureDirectoryExists(vueDir);
+ensureDirectoryExists(reactNativeDir);
+// Process all icons
+walkDir(iconsDir);
+console.log(`\nProcessed ${allIcons.length} icons across ${[...new Set(allIcons.map(icon => icon.category).filter(Boolean))].length} categories`);
+console.log("React components saved to dist/react/");
+console.log("Vue components saved to dist/vue/");
+console.log("React Native components saved to dist/react-native/");
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/react/feather/heart.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+interface FeatherHeartProps {
+  size?: number | string;
+  color?: string;
+  className?: string;
+  title?: string;
+  'aria-label'?: string;
+  style?: React.CSSProperties;
+}
+
+const FeatherHeart = React.forwardRef<SVGSVGElement, FeatherHeartProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Heart'}
+    >
+      {title && <title>{title}</title>}
+      <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+    </svg>
+  )
+);
+
+FeatherHeart.displayName = 'FeatherHeart';
+
+export default FeatherHeart;

package/dist/react/feather/star.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+interface FeatherStarProps {
+  size?: number | string;
+  color?: string;
+  className?: string;
+  title?: string;
+  'aria-label'?: string;
+  style?: React.CSSProperties;
+}
+
+const FeatherStar = React.forwardRef<SVGSVGElement, FeatherStarProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Star'}
+    >
+      {title && <title>{title}</title>}
+      <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/>
+    </svg>
+  )
+);
+
+FeatherStar.displayName = 'FeatherStar';
+
+export default FeatherStar;

package/dist/react/maker.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generate a React component from an icon
+ */
+export declare function generateReactComponent(icon: Icon): string;
+//# sourceMappingURL=maker.d.ts.map

package/dist/react/maker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maker.d.ts","sourceRoot":"","sources":["../../src/react/maker.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAiDzD"}

package/dist/react/maker.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateReactComponent = generateReactComponent;
+const pascal_1 = require("../utils/pascal");
+/**
+ * Generate a React component from an icon
+ */
+function generateReactComponent(icon) {
+    const componentName = (0, pascal_1.toPascalCase)(icon.name);
+    const categoryPrefix = icon.category ? (0, pascal_1.toPascalCase)(icon.category) : "";
+    const fullComponentName = categoryPrefix ? `${categoryPrefix}${componentName}` : componentName;
+    return `import React from 'react';
+
+interface ${fullComponentName}Props {
+  size?: number | string;
+  color?: string;
+  className?: string;
+  title?: string;
+  'aria-label'?: string;
+  style?: React.CSSProperties;
+}
+
+const ${fullComponentName} = React.forwardRef<SVGSVGElement, ${fullComponentName}Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="${icon.viewBox || '0 0 24 24'}"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || '${componentName}'}
+    >
+      {title && <title>{title}</title>}
+      ${icon.content}
+    </svg>
+  )
+);
+
+${fullComponentName}.displayName = '${fullComponentName}';
+
+export default ${fullComponentName};`;
+}
+//# sourceMappingURL=maker.js.map

package/dist/react/maker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maker.js","sourceRoot":"","sources":["../../src/react/maker.ts"],"names":[],"mappings":";;AAKA,wDAiDC;AAtDD,4CAA+C;AAE/C;;GAEG;AACH,SAAgB,sBAAsB,CAAC,IAAU;IAC7C,MAAM,aAAa,GAAG,IAAA,qBAAY,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,qBAAY,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACxE,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;IAE/F,OAAO;;YAEC,iBAAiB;;;;;;;;;QASrB,iBAAiB,sCAAsC,iBAAiB;;;;;;;;;;;;;iBAa/D,IAAI,CAAC,OAAO,IAAI,WAAW;;;;;;;;;kCASV,aAAa;;;QAGvC,IAAI,CAAC,OAAO;;;;;EAKlB,iBAAiB,mBAAmB,iBAAiB;;iBAEtC,iBAAiB,GAAG,CAAC;AACtC,CAAC"}

package/dist/react/tabler/outline/home.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+
+interface TablerOutlineHomeProps {
+  size?: number | string;
+  color?: string;
+  className?: string;
+  title?: string;
+  'aria-label'?: string;
+  style?: React.CSSProperties;
+}
+
+const TablerOutlineHome = React.forwardRef<SVGSVGElement, TablerOutlineHomeProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Home'}
+    >
+      {title && <title>{title}</title>}
+      <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+  <polyline points="9,22 9,12 15,12 15,22"/>
+    </svg>
+  )
+);
+
+TablerOutlineHome.displayName = 'TablerOutlineHome';
+
+export default TablerOutlineHome;