@unifesto/unicon 0.1.2 → 1.0.0

package/LICENSE

@@ -0,0 +1,23 @@
+Copyright © Unifesto Private Limited
+
+All rights reserved.
+
+This software and associated documentation files (the "Software") are the proprietary
+and confidential property of Unifesto Private Limited.
+
+NOTICE: This Software is licensed for internal use by Unifesto Private Limited only.
+
+Unauthorized copying, modification, distribution, or use of this Software, via any
+medium, is strictly prohibited without prior written permission from Unifesto Private
+Limited.
+
+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 UNIFESTO PRIVATE LIMITED
+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.
+
+For licensing inquiries, please contact:
+Unifesto Private Limited
+Email: legal@unifesto.com

package/README.md

@@ -1,13 +1,6 @@
-# UnIcon
+# @unifesto/unicon
 
-Cross-platform icon library built with Apple Icon Composer.
-
-UnIcon provides a collection of beautiful, high-quality icons for:
-
-* Next.js
-* React
-* Expo
-* React Native
+Cross-platform icon library for React, Next.js, Expo, and React Native.
 
 ## Installation
 
@@ -15,9 +8,7 @@ UnIcon provides a collection of beautiful, high-quality icons for:
 npm install @unifesto/unicon
 ```
 
-## Usage
-
-### React / Next.js
+## React / Next.js
 
 ```tsx
 import { UnIcon } from "@unifesto/unicon/react";
@@ -32,7 +23,7 @@ export default function App() {
 }
 ```
 
-### Expo / React Native
+## React Native / Expo
 
 ```tsx
 import { UnIcon } from "@unifesto/unicon/react-native";
@@ -47,38 +38,74 @@ export default function App() {
 }
 ```
 
-## Available Icons
+## Direct Asset Usage
 
-* at
-* ticket
-* event
-* venue
-* organizer
+### Next.js
+
+```tsx
+import Image from "next/image";
+import atIcon from "@unifesto/unicon/icons/at.png";
 
-More icons are added regularly.
+export default function App() {
+  return (
+    <Image
+      src={atIcon}
+      alt="At"
+      width={24}
+      height={24}
+    />
+  );
+}
+```
 
-## Development
+### React Native
 
-Build icons:
+```tsx
+import { Image } from "react-native";
 
-```bash
-npm run build
+export default function App() {
+  return (
+    <Image
+      source={require("@unifesto/unicon/icons/at.png")}
+      style={{
+        width: 24,
+        height: 24,
+      }}
+    />
+  );
+}
 ```
 
-Publish package:
+## TypeScript
 
-```bash
-npm publish --access public
+```ts
+import type { IconName } from "@unifesto/unicon";
+
+const icon: IconName = "at";
 ```
 
-## License
+## Available Icons
 
-All rights reserved.
+* account
+* appearance
+* apple
+* at
+* google
+* instagram
+* mail
+* notification
+* permission
+* phone
+* rate
+* signout
+* support
+
+## License
 
 Copyright © Unifesto Private Limited.
 
-This package and its contents, including all icons, graphics, assets, source files, and associated materials, are the intellectual property of Unifesto Private Limited.
+All rights reserved.
 
-No part of this package may be copied, modified, redistributed, sold, sublicensed, or used in commercial products without prior written permission from Unifesto Private Limited.
+This package and its contents, including all icons, graphics, assets, source files, and associated materials, are the intellectual property of Unifesto Private Limited.
 
-For licensing inquiries, contact Unifesto Private Limited.
+No part of this package may be copied, modified, redistributed, sold, sublicensed, or used in commercial products without prior written permission from Unifesto Private Limited.

package/dist/index.d.ts

@@ -0,0 +1,133 @@
+/**
+ * UnIcon v1.0.0 - TypeScript Definitions
+ * Copyright © Unifesto Private Limited
+ * 
+ * Cross-platform icon library for React, Next.js, Expo and React Native
+ */
+
+/**
+ * Available icon names in the UnIcon library
+ */
+export type IconName =
+  | "account"
+  | "appearance"
+  | "apple"
+  | "at"
+  | "google"
+  | "instagram"
+  | "mail"
+  | "notification"
+  | "permission"
+  | "phone"
+  | "rate"
+  | "signout"
+  | "support";
+
+/**
+ * Icon categories for organization and search
+ */
+export type IconCategory =
+  | "account"
+  | "system"
+  | "social"
+  | "commerce";
+
+/**
+ * Icon manifest entry with metadata
+ */
+export interface IconManifest {
+  /** Relative path to the icon file */
+  path: string;
+  /** Icon format */
+  format: "png";
+  /** Icon width in pixels */
+  width: number;
+  /** Icon height in pixels */
+  height: number;
+  /** Icon category */
+  category: IconCategory;
+  /** Search tags for the icon */
+  tags: string[];
+}
+
+/**
+ * Complete icon manifest
+ */
+export type Manifest = Record<IconName, IconManifest>;
+
+/**
+ * Get the full manifest of all icons
+ */
+export declare const manifest: Manifest;
+
+/**
+ * Search icons by query string
+ * 
+ * @param query - Search term (matches name, category, or tags)
+ * @returns Array of matching icon names
+ * 
+ * @example
+ * searchIcons("account") // ["account", "at", "mail", ...]
+ * searchIcons("social") // ["apple", "google", "instagram"]
+ */
+export declare function searchIcons(query: string): IconName[];
+
+/**
+ * Get icons by category
+ * 
+ * @param category - Icon category
+ * @returns Array of icon names in the category
+ * 
+ * @example
+ * getIconsByCategory("account") // ["account", "at", "mail", ...]
+ */
+export declare function getIconsByCategory(category: IconCategory): IconName[];
+
+/**
+ * Get all available categories
+ * 
+ * @returns Array of all icon categories
+ */
+export declare function getCategories(): IconCategory[];
+
+/**
+ * Props for UnIcon component
+ */
+export interface UnIconProps {
+  /** Name of the icon to display */
+  name: IconName;
+  /** Size of the icon in pixels (default: 24) */
+  size?: number;
+  /** CSS class name (React/Next.js only) */
+  className?: string;
+  /** Inline styles */
+  style?: React.CSSProperties | object;
+  /** Alt text for accessibility */
+  alt?: string;
+}
+
+/**
+ * Universal icon component for React/Next.js
+ */
+export declare const UnIcon: React.FC<UnIconProps>;
+
+/**
+ * Props for UnIcon component (React Native)
+ */
+export interface UnIconPropsNative {
+  /** Name of the icon to display */
+  name: IconName;
+  /** Size of the icon in pixels (default: 24) */
+  size?: number;
+  /** React Native image style */
+  style?: object;
+  /** Image resize mode (default: "contain") */
+  resizeMode?: "cover" | "contain" | "stretch" | "repeat" | "center";
+}
+
+/**
+ * Universal icon component for React Native/Expo
+ */
+export declare const UnIconNative: React.FC<UnIconPropsNative>;
+
+export default manifest;

package/dist/manifest.json

@@ -0,0 +1,158 @@
+{
+  "account": {
+    "path": "icons/account.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "account",
+    "tags": [
+      "user",
+      "profile",
+      "person"
+    ]
+  },
+  "appearance": {
+    "path": "icons/appearance.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "system",
+    "tags": [
+      "theme",
+      "display",
+      "settings"
+    ]
+  },
+  "apple": {
+    "path": "icons/apple.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "social",
+    "tags": [
+      "brand",
+      "logo",
+      "ios"
+    ]
+  },
+  "at": {
+    "path": "icons/at.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "account",
+    "tags": [
+      "username",
+      "handle",
+      "email"
+    ]
+  },
+  "google": {
+    "path": "icons/google.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "social",
+    "tags": [
+      "brand",
+      "logo",
+      "gmail"
+    ]
+  },
+  "instagram": {
+    "path": "icons/instagram.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "social",
+    "tags": [
+      "brand",
+      "logo",
+      "photo"
+    ]
+  },
+  "mail": {
+    "path": "icons/mail.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "account",
+    "tags": [
+      "email",
+      "message",
+      "contact"
+    ]
+  },
+  "notification": {
+    "path": "icons/notification.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "system",
+    "tags": [
+      "alert",
+      "bell",
+      "message"
+    ]
+  },
+  "permission": {
+    "path": "icons/permission.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "system",
+    "tags": [
+      "lock",
+      "security",
+      "access"
+    ]
+  },
+  "phone": {
+    "path": "icons/phone.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "account",
+    "tags": [
+      "mobile",
+      "call",
+      "contact"
+    ]
+  },
+  "rate": {
+    "path": "icons/rate.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "commerce",
+    "tags": [
+      "star",
+      "review",
+      "rating"
+    ]
+  },
+  "signout": {
+    "path": "icons/signout.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "account",
+    "tags": [
+      "logout",
+      "exit",
+      "leave"
+    ]
+  },
+  "support": {
+    "path": "icons/support.png",
+    "format": "png",
+    "width": 1024,
+    "height": 1024,
+    "category": "system",
+    "tags": [
+      "help",
+      "question",
+      "info"
+    ]
+  }
+}

package/dist/react/index.js

@@ -0,0 +1,124 @@
+/**
+ * UnIcon v1.0.0 - React/Next.js Component
+ * Copyright © Unifesto Private Limited
+ */
+
+import React from "react";
+import manifest from "../manifest.json";
+
+/**
+ * Search icons by query string
+ * Matches against icon name, category, and tags
+ */
+export function searchIcons(query) {
+  if (!query || typeof query !== "string") return [];
+  
+  const lowerQuery = query.toLowerCase().trim();
+  const results = [];
+  
+  for (const [name, data] of Object.entries(manifest)) {
+    // Match name
+    if (name.toLowerCase().includes(lowerQuery)) {
+      results.push(name);
+      continue;
+    }
+    
+    // Match category
+    if (data.category && data.category.toLowerCase().includes(lowerQuery)) {
+      results.push(name);
+      continue;
+    }
+    
+    // Match tags
+    if (data.tags && data.tags.some(tag => tag.toLowerCase().includes(lowerQuery))) {
+      results.push(name);
+    }
+  }
+  
+  return results.sort();
+}
+
+/**
+ * Get icons by category
+ */
+export function getIconsByCategory(category) {
+  if (!category) return [];
+  
+  return Object.entries(manifest)
+    .filter(([_, data]) => data.category === category)
+    .map(([name]) => name)
+    .sort();
+}
+
+/**
+ * Get all available categories
+ */
+export function getCategories() {
+  const categories = new Set();
+  Object.values(manifest).forEach(data => {
+    if (data.category) categories.add(data.category);
+  });
+  return Array.from(categories).sort();
+}
+
+/**
+ * UnIcon - Universal Icon Component for React/Next.js
+ * 
+ * @example
+ * import { UnIcon } from "@unifesto/unicon/react";
+ * 
+ * <UnIcon name="at" size={24} />
+ * <UnIcon name="notification" size={32} className="text-blue-500" />
+ */
+export function UnIcon({ name, size = 24, className = "", style = {}, alt }) {
+  const iconData = manifest[name];
+
+  if (!iconData) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`UnIcon: Icon "${name}" not found in manifest`);
+    }
+    return null;
+  }
+
+  // Use relative path from the package
+  const iconPath = `/@unifesto/unicon/dist/${iconData.path}`;
+
+  return (
+    <img
+      src={iconPath}
+      alt={alt || `${name} icon`}
+      width={size}
+      height={size}
+      className={className}
+      style={{
+        width: size,
+        height: size,
+        objectFit: "contain",
+        display: "inline-block",
+        verticalAlign: "middle",
+        ...style,
+      }}
+      loading="lazy"
+    />
+  );
+}
+
+// Export manifest and utilities
+export { default as manifest } from "../manifest.json";
+export const iconNames = [
+  "account",
+  "appearance",
+  "apple",
+  "at",
+  "google",
+  "instagram",
+  "mail",
+  "notification",
+  "permission",
+  "phone",
+  "rate",
+  "signout",
+  "support"
+];
+
+export default UnIcon;

package/dist/react-native/index.js

@@ -0,0 +1,145 @@
+/**
+ * UnIcon v1.0.0 - React Native/Expo Component
+ * Copyright © Unifesto Private Limited
+ */
+
+import React from "react";
+import { Image } from "react-native";
+import manifest from "../manifest.json";
+
+// Pre-require all icons for Metro bundler
+const iconMap = {
+  "account": require("../icons/account.png"),
+  "appearance": require("../icons/appearance.png"),
+  "apple": require("../icons/apple.png"),
+  "at": require("../icons/at.png"),
+  "google": require("../icons/google.png"),
+  "instagram": require("../icons/instagram.png"),
+  "mail": require("../icons/mail.png"),
+  "notification": require("../icons/notification.png"),
+  "permission": require("../icons/permission.png"),
+  "phone": require("../icons/phone.png"),
+  "rate": require("../icons/rate.png"),
+  "signout": require("../icons/signout.png"),
+  "support": require("../icons/support.png")
+};
+
+/**
+ * Search icons by query string
+ * Matches against icon name, category, and tags
+ */
+export function searchIcons(query) {
+  if (!query || typeof query !== "string") return [];
+  
+  const lowerQuery = query.toLowerCase().trim();
+  const results = [];
+  
+  for (const [name, data] of Object.entries(manifest)) {
+    // Match name
+    if (name.toLowerCase().includes(lowerQuery)) {
+      results.push(name);
+      continue;
+    }
+    
+    // Match category
+    if (data.category && data.category.toLowerCase().includes(lowerQuery)) {
+      results.push(name);
+      continue;
+    }
+    
+    // Match tags
+    if (data.tags && data.tags.some(tag => tag.toLowerCase().includes(lowerQuery))) {
+      results.push(name);
+    }
+  }
+  
+  return results.sort();
+}
+
+/**
+ * Get icons by category
+ */
+export function getIconsByCategory(category) {
+  if (!category) return [];
+  
+  return Object.entries(manifest)
+    .filter(([_, data]) => data.category === category)
+    .map(([name]) => name)
+    .sort();
+}
+
+/**
+ * Get all available categories
+ */
+export function getCategories() {
+  const categories = new Set();
+  Object.values(manifest).forEach(data => {
+    if (data.category) categories.add(data.category);
+  });
+  return Array.from(categories).sort();
+}
+
+/**
+ * UnIcon - Universal Icon Component for React Native/Expo
+ * 
+ * @example
+ * import { UnIcon } from "@unifesto/unicon/react-native";
+ * 
+ * <UnIcon name="at" size={24} />
+ * <UnIcon name="notification" size={32} style={{ tintColor: "#3491ff" }} />
+ */
+export function UnIcon({ name, size = 24, style = {}, resizeMode = "contain" }) {
+  const iconData = manifest[name];
+
+  if (!iconData) {
+    if (__DEV__) {
+      console.warn(`UnIcon: Icon "${name}" not found in manifest`);
+    }
+    return null;
+  }
+
+  const iconSource = iconMap[name];
+  
+  if (!iconSource) {
+    if (__DEV__) {
+      console.warn(`UnIcon: Icon source for "${name}" not found`);
+    }
+    return null;
+  }
+
+  return (
+    <Image
+      source={iconSource}
+      style={[
+        {
+          width: size,
+          height: size,
+        },
+        style,
+      ]}
+      resizeMode={resizeMode}
+      accessibilityLabel={`${name} icon`}
+      accessibilityRole="image"
+    />
+  );
+}
+
+// Export manifest and utilities
+export { default as manifest } from "../manifest.json";
+export const iconNames = [
+  "account",
+  "appearance",
+  "apple",
+  "at",
+  "google",
+  "instagram",
+  "mail",
+  "notification",
+  "permission",
+  "phone",
+  "rate",
+  "signout",
+  "support"
+];
+
+export default UnIcon;

package/package.json

@@ -1,29 +1,92 @@
 {
   "name": "@unifesto/unicon",
-  "version": "0.1.2",
+  "version": "1.0.0",
   "description": "Cross-platform icon library for React, Next.js, Expo and React Native",
+  "author": "Unifesto Private Limited",
   "license": "UNLICENSED",
+  "private": false,
   "type": "module",
+  "main": "./dist/manifest.json",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
   "exports": {
-    "./react": "./dist/react/index.js",
-    "./react-native": "./dist/react-native/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/manifest.json"
+    },
+    "./manifest": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/manifest.json"
+    },
+    "./react": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/react/index.js",
+      "default": "./dist/react/index.js"
+    },
+    "./react-native": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/react-native/index.js",
+      "default": "./dist/react-native/index.js"
+    },
+    "./icons/*": "./dist/icons/*",
+    "./package.json": "./package.json"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md",
+    "LICENSE"
   ],
   "scripts": {
-    "build": "node scripts/build.js"
+    "build": "node scripts/build.js",
+    "clean": "rm -rf dist",
+    "rebuild": "npm run clean && npm run build",
+    "prepublishOnly": "npm run build",
+    "pack:test": "npm pack --dry-run",
+    "version": "npm run build && git add -A dist",
+    "postversion": "git push && git push --tags"
   },
   "keywords": [
     "icons",
+    "icon-library",
     "react",
+    "react-icons",
     "nextjs",
     "expo",
     "react-native",
-    "unifesto"
+    "react-native-icons",
+    "unifesto",
+    "cross-platform",
+    "typescript",
+    "ui",
+    "components",
+    "assets",
+    "png"
   ],
-  "dependencies": {
-    "fs": "^0.0.1-security",
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
     "sharp": "^0.34.5"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/unifesto/unicon.git"
+  },
+  "bugs": {
+    "url": "https://github.com/unifesto/unicon/issues"
+  },
+  "homepage": "https://github.com/unifesto/unicon#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
   }
 }