@developershre/icona 1.0.6 → 2.0.2

package/README.md

@@ -1,261 +1,59 @@
-# Icona - Modern Icon Library
+# Icona
 
-A TypeScript-powered icon library that generates React, React Native, and Vue components from SVG files with support for nested folder structures.
+A lightweight, modern SVG icon library designed for web applications. Built with TypeScript support and framework-agnostic architecture for seamless integration across your projects.
 
-## ✨ 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)
+## Installation
 
 ```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
-}
+npm install @developershre/icona
 ```
 
-### Vue Components
+## Quick Start
 
 ```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:
+import { Icon } from 'icona';
 
-```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
+export default function App() {
+  return <Icon name="arrow-right" size={24} />;
 }
 ```
 
-## 🔧 Configuration
-
-### TypeScript Configuration
-
-The project uses strict TypeScript settings in `tsconfig.json`:
+## Features
 
-- `exactOptionalPropertyTypes: true` - Strict optional property handling
-- `strictNullChecks: true` - Strict null checking
-- `noImplicitAny: true` - No implicit any types
+- **Lightweight SVG Icons** - Minimal file sizes with optimized SVG format
+- **TypeScript Support** - Full type definitions for better development experience
+- **Framework Agnostic** - Works with React, Vue, Angular, or vanilla JavaScript
+- **Customizable** - Control colors, sizes, and stroke widths on the fly
+- **Tree-Shakeable** - Import only the icons you need for smaller bundle sizes
 
-### Folder Structure Rules
+## Available Icons
 
-- 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
+Browse the complete icon collection at the [icon showcase](https://icona.dev/icons).
 
-## 🙏 Contributing
+## Props
 
-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`
+| Prop          | Type   | Default      | Description                      |
+| ------------- | ------ | ------------ | -------------------------------- |
+| `name`        | string | required     | Icon name identifier             |
+| `size`        | number | 24           | Icon size in pixels              |
+| `color`       | string | currentColor | Icon color (any CSS color value) |
+| `strokeWidth` | number | 2            | Stroke width for outlined icons  |
 
-## 📄 License
+## Browser Support
 
-MIT License - see [LICENSE](LICENSE) file for details.
+Compatible with all modern browsers supporting SVG and ES6+.
 
-**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:
+## Credits
 
-- **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
+Icon designs created and curated by our Figma design team. We extend our gratitude to the Figma community for their contributions to icon design and refinement.
+## Inspiration
 
-Please include proper attribution in your app's credits, README, or footer section.
+The following resources inspired our icon design:
 
-## 🔗 Related
+- [Hicon](https://www.figma.com/community/file/1023171235158207826/hicon-free-icon-pack-2700-editable-icons) - Free icon pack with 2700 editable icons
+- [Wave Icons](https://www.figma.com/community/file/1200076315140068212/wave-icons-essential-icons-community) - Essential icons community collection
 
-- [Tabler Icons](https://tabler-icons.io/)
-- [Feather Icons](https://feathericons.com/)
-- [React Icons](https://react-icons.github.io/react-icons/)
 
----
+## License
 
-Built with ❤️ using TypeScript, React, React Native, and Vue.
+MIT

package/dist/examples/autocomplete-demo.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Demo showing how to use Icona's autocomplete functionality
+ * Similar to Lucide icons search capabilities
+ */
+declare function demoBasicAutocomplete(): void;
+declare function demoKeywordSearch(): void;
+declare function demoCategorySearch(): void;
+declare function demoAdvancedSearch(): void;
+declare function demoTypeScriptAutocomplete(): void;
+declare function runAllDemos(): void;
+export { demoBasicAutocomplete, demoKeywordSearch, demoCategorySearch, demoAdvancedSearch, demoTypeScriptAutocomplete, runAllDemos };
+//# sourceMappingURL=autocomplete-demo.d.ts.map

package/dist/examples/autocomplete-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-demo.d.ts","sourceRoot":"","sources":["../../src/examples/autocomplete-demo.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAwBH,iBAAS,qBAAqB,SAO7B;AAGD,iBAAS,iBAAiB,SAUzB;AAGD,iBAAS,kBAAkB,SAS1B;AAGD,iBAAS,kBAAkB,SAY1B;AAGD,iBAAS,0BAA0B,SAWlC;AAuCD,iBAAS,WAAW,SAMnB;AAGD,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,0BAA0B,EAC1B,WAAW,EACZ,CAAC"}

package/dist/examples/autocomplete-demo.js

@@ -0,0 +1,115 @@
+"use strict";
+/**
+ * Demo showing how to use Icona's autocomplete functionality
+ * Similar to Lucide icons search capabilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.demoBasicAutocomplete = demoBasicAutocomplete;
+exports.demoKeywordSearch = demoKeywordSearch;
+exports.demoCategorySearch = demoCategorySearch;
+exports.demoAdvancedSearch = demoAdvancedSearch;
+exports.demoTypeScriptAutocomplete = demoTypeScriptAutocomplete;
+exports.runAllDemos = runAllDemos;
+const search_1 = require("../utils/search");
+// Mock data for demo purposes
+const mockIcons = [
+    { name: 'chevron-right', component: 'ChevronRight', category: 'Linear' },
+    { name: 'chevron-left', component: 'ChevronLeft', category: 'Linear' },
+    { name: 'chevron-up', component: 'ChevronUp', category: 'Linear' },
+    { name: 'chevron-down', component: 'ChevronDown', category: 'Linear' },
+    { name: 'home', component: 'Home', category: 'Hicon' },
+    { name: 'search', component: 'Search', category: 'Hicon' },
+    { name: 'message-square', component: 'MessageSquare', category: 'Hicon' }
+];
+// Example 1: Basic autocomplete - type "che" to get chevron suggestions
+function demoBasicAutocomplete() {
+    console.log('=== Basic Autocomplete Demo ===');
+    const suggestions = (0, search_1.getIconSuggestions)(mockIcons, 'che', 5);
+    console.log('Typing "che" suggests:', suggestions.map((s) => s.name));
+    // Expected output: ['chevron-right', 'chevron-left', 'chevron-up', 'chevron-down', etc.]
+}
+// Example 2: Search with keywords
+function demoKeywordSearch() {
+    console.log('\n=== Keyword Search Demo ===');
+    const results = (0, search_1.searchIcons)(mockIcons, {
+        query: 'navigation',
+        limit: 10
+    });
+    console.log('Searching for "navigation":', results.map((r) => r.name));
+    // Expected: arrow icons, chevron icons, menu icons, etc.
+}
+// Example 3: Category-based search
+function demoCategorySearch() {
+    console.log('\n=== Category Search Demo ===');
+    const categories = (0, search_1.getCategories)(mockIcons);
+    console.log('Available categories:', categories);
+    // Get all icons in Linear category
+    const linearIcons = (0, search_1.getIconsByCategory)(mockIcons, 'Linear');
+    console.log(`Linear category has ${linearIcons.length} icons`);
+}
+// Example 4: Advanced search with filters
+function demoAdvancedSearch() {
+    console.log('\n=== Advanced Search Demo ===');
+    const results = (0, search_1.searchIcons)(mockIcons, {
+        query: 'message',
+        categories: ['Hicon'],
+        tags: ['communication'],
+        limit: 5,
+        minScore: 0.3
+    });
+    console.log('Advanced search results:', results);
+}
+// Example 5: TypeScript autocomplete demo
+function demoTypeScriptAutocomplete() {
+    console.log('\n=== TypeScript Autocomplete ===');
+    // With TypeScript, you get autocompletion for icon names
+    const allIcons = (0, search_1.getAllIconNames)(mockIcons);
+    console.log(`Total icons available: ${allIcons.length}`);
+    // TypeScript will suggest icon names as you type:
+    // - IconName type provides all available icon names
+    // - IconsStartingWith<'che'> provides icons starting with "che"
+    // - IconsContaining<'arrow'> provides icons containing "arrow"
+}
+// React component example with autocomplete
+function ReactIconExample() {
+    // In a real React component, you'd have autocomplete for these icon names
+    /*
+    import { ChevronRight, Home, Search, MessageSquare } from 'icona/react';
+    
+    return (
+      <div>
+        <ChevronRight size={24} color="blue" />
+        <Home size={32} />
+        <Search className="search-icon" />
+        <MessageSquare size={20} color="#333" />
+      </div>
+    );
+    */
+}
+// Vue component example with autocomplete
+function VueIconExample() {
+    // In a real Vue component:
+    /*
+    <template>
+      <div>
+        <ChevronRight :size="24" color="blue" />
+        <Home :size="32" />
+        <Search class="search-icon" />
+        <MessageSquare :size="20" color="#333" />
+      </div>
+    </template>
+    
+    <script setup>
+    import { ChevronRight, Home, Search, MessageSquare } from 'icona/vue';
+    </script>
+    */
+}
+// Run all demos
+function runAllDemos() {
+    demoBasicAutocomplete();
+    demoKeywordSearch();
+    demoCategorySearch();
+    demoAdvancedSearch();
+    demoTypeScriptAutocomplete();
+}
+//# sourceMappingURL=autocomplete-demo.js.map

package/dist/examples/autocomplete-demo.js.map

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

package/dist/examples/configs.d.ts

@@ -0,0 +1,11 @@
+import { IconaConfig } from '../types/config';
+/**
+ * Simple configuration examples for the library
+ * The source is now configured via environment variables
+ */
+export declare const defaultConfig: IconaConfig;
+export declare const reactOnlyConfig: IconaConfig;
+export declare const vueOnlyConfig: IconaConfig;
+export declare const reactNativeOnlyConfig: IconaConfig;
+export declare const noOptimizationConfig: IconaConfig;
+//# sourceMappingURL=configs.d.ts.map

package/dist/examples/configs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../src/examples/configs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;GAGG;AAGH,eAAO,MAAM,aAAa,EAAE,WA8C3B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,WAU7B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,WAU3B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,WAUnC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,WAUlC,CAAC"}

package/dist/examples/configs.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noOptimizationConfig = exports.reactNativeOnlyConfig = exports.vueOnlyConfig = exports.reactOnlyConfig = exports.defaultConfig = void 0;
+/**
+ * Simple configuration examples for the library
+ * The source is now configured via environment variables
+ */
+// Default configuration - can be customized
+exports.defaultConfig = {
+    output: {
+        directory: './dist',
+        react: true,
+        vue: true,
+        reactNative: true
+    },
+    optimization: {
+        enabled: true,
+        svgoConfig: {
+            plugins: [
+                'cleanupAttrs',
+                'removeDoctype',
+                'removeXMLProcInst',
+                'removeComments',
+                'removeMetadata',
+                'removeTitle',
+                'removeDesc',
+                'removeUselessDefs',
+                'removeEditorsNSData',
+                'removeEmptyAttrs',
+                'removeHiddenElems',
+                'removeEmptyText',
+                'removeEmptyContainers',
+                'cleanupEnableBackground',
+                'convertStyleToAttrs',
+                'convertColors',
+                'convertPathData',
+                'convertTransform',
+                'removeUnknownsAndDefaults',
+                'removeNonInheritableGroupAttrs',
+                'removeUselessStrokeAndFill',
+                'removeUnusedNS',
+                'cleanupIds',
+                'cleanupNumericValues',
+                'moveElemsAttrsToGroup',
+                'moveGroupAttrsToElems',
+                'collapseGroups',
+                'removeRasterImages',
+                'mergePaths',
+                'convertShapeToPath',
+                'sortAttrs'
+            ],
+            multipass: true
+        }
+    }
+};
+// React-only configuration
+exports.reactOnlyConfig = {
+    output: {
+        directory: './dist',
+        react: true,
+        vue: false,
+        reactNative: false
+    },
+    optimization: {
+        enabled: true
+    }
+};
+// Vue-only configuration
+exports.vueOnlyConfig = {
+    output: {
+        directory: './dist',
+        react: false,
+        vue: true,
+        reactNative: false
+    },
+    optimization: {
+        enabled: true
+    }
+};
+// React Native only configuration
+exports.reactNativeOnlyConfig = {
+    output: {
+        directory: './dist',
+        react: false,
+        vue: false,
+        reactNative: true
+    },
+    optimization: {
+        enabled: true
+    }
+};
+// No optimization configuration
+exports.noOptimizationConfig = {
+    output: {
+        directory: './dist',
+        react: true,
+        vue: true,
+        reactNative: true
+    },
+    optimization: {
+        enabled: false
+    }
+};
+//# sourceMappingURL=configs.js.map

package/dist/examples/configs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configs.js","sourceRoot":"","sources":["../../src/examples/configs.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AAEH,4CAA4C;AAC/B,QAAA,aAAa,GAAgB;IACtC,MAAM,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,IAAI;QACX,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,IAAI;KACpB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE;YACR,OAAO,EAAE;gBACL,cAAc;gBACd,eAAe;gBACf,mBAAmB;gBACnB,gBAAgB;gBAChB,gBAAgB;gBAChB,aAAa;gBACb,YAAY;gBACZ,mBAAmB;gBACnB,qBAAqB;gBACrB,kBAAkB;gBAClB,mBAAmB;gBACnB,iBAAiB;gBACjB,uBAAuB;gBACvB,yBAAyB;gBACzB,qBAAqB;gBACrB,eAAe;gBACf,iBAAiB;gBACjB,kBAAkB;gBAClB,2BAA2B;gBAC3B,gCAAgC;gBAChC,4BAA4B;gBAC5B,gBAAgB;gBAChB,YAAY;gBACZ,sBAAsB;gBACtB,uBAAuB;gBACvB,uBAAuB;gBACvB,gBAAgB;gBAChB,oBAAoB;gBACpB,YAAY;gBACZ,oBAAoB;gBACpB,WAAW;aACd;YACD,SAAS,EAAE,IAAI;SAClB;KACJ;CACJ,CAAC;AAEF,2BAA2B;AACd,QAAA,eAAe,GAAgB;IACxC,MAAM,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,IAAI;QACX,GAAG,EAAE,KAAK;QACV,WAAW,EAAE,KAAK;KACrB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,yBAAyB;AACZ,QAAA,aAAa,GAAgB;IACtC,MAAM,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK;QACZ,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,KAAK;KACrB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,kCAAkC;AACrB,QAAA,qBAAqB,GAAgB;IAC9C,MAAM,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK;QACZ,GAAG,EAAE,KAAK;QACV,WAAW,EAAE,IAAI;KACpB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,gCAAgC;AACnB,QAAA,oBAAoB,GAAgB;IAC7C,MAAM,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,IAAI;QACX,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,IAAI;KACpB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,KAAK;KACjB;CACJ,CAAC"}

package/dist/exports.d.ts

@@ -0,0 +1,11 @@
+export { generateIcons } from './index';
+export { IconaConfig, Icon, BuildConfig, IconMetadata } from './types/config';
+export { defaultConfig, reactOnlyConfig, vueOnlyConfig, reactNativeOnlyConfig, noOptimizationConfig } from './examples/configs.js';
+export { generateReactComponent } from './react/maker';
+export { generateVueComponent } from './vue/maker';
+export { generateReactNativeComponent } from './react-native/maker';
+export { searchIcons, getIconSuggestions, getIconsByCategory, getCategories, getAllTags, getAllIconNames, getIconMetadata } from './utils/search';
+export { generateIconMetadata } from './utils/metadata';
+export { generateIconTypes, generateIconRegistry } from './utils/types-generator';
+export { toPascalCase } from './utils/pascal';
+//# sourceMappingURL=exports.d.ts.map

package/dist/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9E,OAAO,EACH,aAAa,EACb,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EACH,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,eAAe,EACf,eAAe,EAClB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/exports.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toPascalCase = exports.generateIconRegistry = exports.generateIconTypes = exports.generateIconMetadata = exports.getIconMetadata = exports.getAllIconNames = exports.getAllTags = exports.getCategories = exports.getIconsByCategory = exports.getIconSuggestions = exports.searchIcons = exports.generateReactNativeComponent = exports.generateVueComponent = exports.generateReactComponent = exports.noOptimizationConfig = exports.reactNativeOnlyConfig = exports.vueOnlyConfig = exports.reactOnlyConfig = exports.defaultConfig = exports.generateIcons = void 0;
+// Main API
+var index_1 = require("./index");
+Object.defineProperty(exports, "generateIcons", { enumerable: true, get: function () { return index_1.generateIcons; } });
+// Configuration examples
+var configs_js_1 = require("./examples/configs.js");
+Object.defineProperty(exports, "defaultConfig", { enumerable: true, get: function () { return configs_js_1.defaultConfig; } });
+Object.defineProperty(exports, "reactOnlyConfig", { enumerable: true, get: function () { return configs_js_1.reactOnlyConfig; } });
+Object.defineProperty(exports, "vueOnlyConfig", { enumerable: true, get: function () { return configs_js_1.vueOnlyConfig; } });
+Object.defineProperty(exports, "reactNativeOnlyConfig", { enumerable: true, get: function () { return configs_js_1.reactNativeOnlyConfig; } });
+Object.defineProperty(exports, "noOptimizationConfig", { enumerable: true, get: function () { return configs_js_1.noOptimizationConfig; } });
+// Component generators (for advanced users)
+var maker_1 = require("./react/maker");
+Object.defineProperty(exports, "generateReactComponent", { enumerable: true, get: function () { return maker_1.generateReactComponent; } });
+var maker_2 = require("./vue/maker");
+Object.defineProperty(exports, "generateVueComponent", { enumerable: true, get: function () { return maker_2.generateVueComponent; } });
+var maker_3 = require("./react-native/maker");
+Object.defineProperty(exports, "generateReactNativeComponent", { enumerable: true, get: function () { return maker_3.generateReactNativeComponent; } });
+// Search and autocomplete functionality
+var search_1 = require("./utils/search");
+Object.defineProperty(exports, "searchIcons", { enumerable: true, get: function () { return search_1.searchIcons; } });
+Object.defineProperty(exports, "getIconSuggestions", { enumerable: true, get: function () { return search_1.getIconSuggestions; } });
+Object.defineProperty(exports, "getIconsByCategory", { enumerable: true, get: function () { return search_1.getIconsByCategory; } });
+Object.defineProperty(exports, "getCategories", { enumerable: true, get: function () { return search_1.getCategories; } });
+Object.defineProperty(exports, "getAllTags", { enumerable: true, get: function () { return search_1.getAllTags; } });
+Object.defineProperty(exports, "getAllIconNames", { enumerable: true, get: function () { return search_1.getAllIconNames; } });
+Object.defineProperty(exports, "getIconMetadata", { enumerable: true, get: function () { return search_1.getIconMetadata; } });
+// Utility functions
+var metadata_1 = require("./utils/metadata");
+Object.defineProperty(exports, "generateIconMetadata", { enumerable: true, get: function () { return metadata_1.generateIconMetadata; } });
+var types_generator_1 = require("./utils/types-generator");
+Object.defineProperty(exports, "generateIconTypes", { enumerable: true, get: function () { return types_generator_1.generateIconTypes; } });
+Object.defineProperty(exports, "generateIconRegistry", { enumerable: true, get: function () { return types_generator_1.generateIconRegistry; } });
+var pascal_1 = require("./utils/pascal");
+Object.defineProperty(exports, "toPascalCase", { enumerable: true, get: function () { return pascal_1.toPascalCase; } });
+//# sourceMappingURL=exports.js.map

package/dist/exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.js","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":";;;AAAA,WAAW;AACX,iCAAwC;AAA/B,sGAAA,aAAa,OAAA;AAKtB,yBAAyB;AACzB,oDAM+B;AAL3B,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,2GAAA,aAAa,OAAA;AACb,mHAAA,qBAAqB,OAAA;AACrB,kHAAA,oBAAoB,OAAA;AAGxB,4CAA4C;AAC5C,uCAAuD;AAA9C,+GAAA,sBAAsB,OAAA;AAC/B,qCAAmD;AAA1C,6GAAA,oBAAoB,OAAA;AAC7B,8CAAoE;AAA3D,qHAAA,4BAA4B,OAAA;AAErC,wCAAwC;AACxC,yCAQwB;AAPpB,qGAAA,WAAW,OAAA;AACX,4GAAA,kBAAkB,OAAA;AAClB,4GAAA,kBAAkB,OAAA;AAClB,uGAAA,aAAa,OAAA;AACb,oGAAA,UAAU,OAAA;AACV,yGAAA,eAAe,OAAA;AACf,yGAAA,eAAe,OAAA;AAGnB,oBAAoB;AACpB,6CAAwD;AAA/C,gHAAA,oBAAoB,OAAA;AAC7B,2DAAkF;AAAzE,oHAAA,iBAAiB,OAAA;AAAE,uHAAA,oBAAoB,OAAA;AAChD,yCAA8C;AAArC,sGAAA,YAAY,OAAA"}

package/dist/index.d.ts

@@ -1,2 +1,11 @@
+import { IconaConfig } from "./types/config";
+interface GenerateOptions {
+    config?: Partial<IconaConfig>;
+}
+/**
+ * Main function to generate icon components
+ * Uses environment variables for source configuration
+ */
+export declare function generateIcons(options?: GenerateOptions): Promise<void>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAqB,MAAM,gBAAgB,CAAC;AAoFhE,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,eAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CA+DhF"}