{"_id":"@ayuuxh/emoji-kit","_rev":"9-0f0d77282519980311aed84dfd78c74f","name":"@ayuuxh/emoji-kit","dist-tags":{"latest":"1.0.10"},"versions":{"1.0.0":{"name":"@ayuuxh/emoji-kit","version":"1.0.0","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.0","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/flexhunt/emoji-kit#readme","bugs":{"url":"https://github.com/flexhunt/emoji-kit/issues"},"dist":{"shasum":"509f40237614221a85d17a7d20df20531a5b07a1","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.0.tgz","fileCount":12,"integrity":"sha512-DI0uYpUS0DD/gnyGqIuguejl+5f2OGKq8dlwMnn2gpho6CTSmYuNrf8qfqLxyn2dgRSU2CFxxvwxejm5NEq8lw==","signatures":[{"sig":"MEUCIB5QJWhEjvLb/iUS1aZA0Q0OBm0k6A4aL7wheGxpx7dsAiEA9xzLGaFYf0/DNSKRTPPY4WhkyI6/JGBHN7ltxgQWlMc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":388980},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/flexhunt/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.0_1770041980093_0.3988507600592308","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ayuuxh/emoji-kit","version":"1.0.1","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.1","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/ayuuxh/emoji-kit#readme","bugs":{"url":"https://github.com/ayuuxh/emoji-kit/issues"},"dist":{"shasum":"1251b8c5ad56da4322fbd390faa9a6d5bbc41d41","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.1.tgz","fileCount":12,"integrity":"sha512-5FkyzsQ4+TnuAGHjyJ5A7FmoKRD67+d7y+ST87MdQQqYjespJp/8bE0UZs67h9q75h3GuiBE/aISSeynVnn9Tg==","signatures":[{"sig":"MEUCIERIt6qIJVRGoq+iEJd4HHcKA1E51oWQk6knCzYtU3kDAiEAphf8e5eZ+IbZgzCusv6iAregCtu9F440BboW6YlADOI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":388978},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/ayuuxh/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.1_1770043439477_0.28084144962693824","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ayuuxh/emoji-kit","version":"1.0.2","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.2","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/ayuuxh/emoji-kit#readme","bugs":{"url":"https://github.com/ayuuxh/emoji-kit/issues"},"dist":{"shasum":"b1461fef1459b4ecbe46b313e8331b80e83c8771","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.2.tgz","fileCount":12,"integrity":"sha512-OGAUg95YHwoq3TJCfrIGvgCzDbYTz4Qk6K+E+Ks+/4/MUtFt5Ruob9vlDlQ6lP1Nsm2bGUD2wRN4AcAlPNlh9A==","signatures":[{"sig":"MEUCIGSBTFwc3VHYeX61Wtgr/dy6xoEGk6NiEpsGW/rnPHa7AiEAnjeKRpMGPg5jpOxn4z3xf9+0MEOXlgoN+d6pyWklJss=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":388946},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/ayuuxh/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.2_1770044365267_0.2648069563996316","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@ayuuxh/emoji-kit","version":"1.0.4","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.4","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/ayuuxh/emoji-kit#readme","bugs":{"url":"https://github.com/ayuuxh/emoji-kit/issues"},"dist":{"shasum":"ac47d09ef3f448a627296877e11ae34ff46584aa","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.4.tgz","fileCount":12,"integrity":"sha512-gmJmBg0pX9s+YTn29hn6sFwEXkvnNdkaj4lAfOGvQXRhEj7iXaltbCqHhxr15HeHGXa9OpkMaxudqEAl3lfgaw==","signatures":[{"sig":"MEYCIQDuClUZk/3oHZMKdNHfPToSr8/eWTUzK84xBdBDli+v2AIhAO+/Jo7LPlWO8s0p/9Wo+MAA79IQG1NqRa6uVUgIqhhk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":390580},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/ayuuxh/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.4_1770045153473_0.1825363407464129","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@ayuuxh/emoji-kit","version":"1.0.5","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.5","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/ayuuxh/emoji-kit#readme","bugs":{"url":"https://github.com/ayuuxh/emoji-kit/issues"},"dist":{"shasum":"f2baf53c70f9484531decac6517833cd6d4c287c","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.5.tgz","fileCount":12,"integrity":"sha512-Gn7F+dgyM9/TKIkromWqMqgL5TW99G+nwzIJEGG8m7ugu4nZw6gVmdsh4FB40ifqccgWiSygicNp+2ckEXF5Hw==","signatures":[{"sig":"MEYCIQDRPppGhbHTplxu1aVAdBfyV2xdwQnzTWYrSynPEhsRkQIhANPaofy7SXlAmxZfpb93Fnb4zvDxhfJ7np/H4RtFnZ1z","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":396979},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/ayuuxh/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.5_1770045500008_0.6398250771626592","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@ayuuxh/emoji-kit","version":"1.0.7","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.7","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/flexhunt/emoji-kit#readme","bugs":{"url":"https://github.com/flexhunt/emoji-kit/issues"},"dist":{"shasum":"59bb0f9a8c8e29a28ca8a8ca8c31fb3100380aeb","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.7.tgz","fileCount":15,"integrity":"sha512-VPXxUOpQlYBeyFm59+ovH294YepwmgTNkg99Un5PQ6DVnnB+fef2TLMkgv048giw2VnHxod7cVDr2C8beI4o+A==","signatures":[{"sig":"MEUCIA+vfxyGvnsVwAzD0LwwJqFIGLPo5dTR3qrWbCnkGJUsAiEAt+Ii3nyAEHOYo8teuc3YWLooz+h0aH/gS2OYgQbsuOA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":451369},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/flexhunt/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.7_1770050709961_0.43284648614173893","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@ayuuxh/emoji-kit","version":"1.0.8","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.8","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/flexhunt/emoji-kit#readme","bugs":{"url":"https://github.com/flexhunt/emoji-kit/issues"},"dist":{"shasum":"c90c12e5b02041779f5894b69e25d5229a6871f8","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.8.tgz","fileCount":18,"integrity":"sha512-u0f5KpLenyizRK1p89AbF0G13t+lnNeM5USxF/n6LLj2RuixQkbM8y01iuimKoW8Rt5acTpOWsQj4gsiOUQFCA==","signatures":[{"sig":"MEYCIQDQaYmMasePi0ld4Y6DAiJid0BhOFDQhnyvgz5ifGUvTwIhANQILPMAq9GWkKngFPFbjhR2OzAZ269KVnlREaeBFdVb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":562552},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"6df71769e4b4688afb5f5b03bdcd3d1768bded1b","scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/flexhunt/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.8_1770054379707_0.3885918922674654","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@ayuuxh/emoji-kit","version":"1.0.9","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/emoji-kit@1.0.9","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/flexhunt/emoji-kit#readme","bugs":{"url":"https://github.com/flexhunt/emoji-kit/issues"},"dist":{"shasum":"99b2364932c9a3dd04dd005cbe379064fe9c5296","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.9.tgz","fileCount":20,"integrity":"sha512-ojyspgFsXmZWSiPki8GX1QpEC5vLHKqsYuiY5E8TwI/M+YTwK3K2NxHK5mPN3Wlu6XkT/xgMak9NpUE10UjW8A==","signatures":[{"sig":"MEQCICLv5DFZDOlxCNP1QHgfkfwrUHg2HlodTldpVBw45Gc3AiAqpJAD9N5RUUOVw4Ks971w/BJY9fec3Fztjy0yzZBBSg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":655288},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"6ea9a734d34e713881c8ffd9f5ce486f0db739fc","scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/flexhunt/emoji-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Multi-style emoji renderer for React with animated Telegram emojis support","directories":{},"_nodeVersion":"24.12.0","dependencies":{"emoji-regex":"^10.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/emoji-kit_1.0.9_1770116483313_0.8473810949704106","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"@ayuuxh/emoji-kit","version":"1.0.10","description":"Multi-style emoji renderer for React with animated Telegram emojis support","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"}},"scripts":{"build":"tsup","dev":"tsup --watch"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"@types/react":"^19","tsup":"^8.0.0","typescript":"^5"},"dependencies":{"emoji-regex":"^10.3.0"},"repository":{"type":"git","url":"git+https://github.com/flexhunt/emoji-kit.git"},"keywords":["emoji","react","animated","telegram","apple","google","twitter"],"author":{"name":"flexhunt"},"license":"MIT","gitHead":"0ad1edf8f047af56e99fba3d32cc7034f2e986e5","_id":"@ayuuxh/emoji-kit@1.0.10","bugs":{"url":"https://github.com/flexhunt/emoji-kit/issues"},"homepage":"https://github.com/flexhunt/emoji-kit#readme","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-y5xiJEzOALThm4iNFNDjoQuB6D81i0gh7UeG5pWeTeu2RGZWIHqk/dA3lFWMrxp4VJUaenGt3hnqjF1i3str+g==","shasum":"7b2b5641877b80cefdb917aebf94bb796c7bed73","tarball":"https://registry.npmjs.org/@ayuuxh/emoji-kit/-/emoji-kit-1.0.10.tgz","fileCount":20,"unpackedSize":666986,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFT5g4fNvmlvZZXyUl5OyCmfbBPsa/4ub23dvr8T3bweAiEAt1DB8ZbSINnZvGAx3E7Z64/V+ytuOhAAfZPghYEmqwg="}]},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"directories":{},"maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/emoji-kit_1.0.10_1770121027691_0.41507332717610224"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-02T14:19:39.999Z","modified":"2026-02-03T12:17:07.988Z","1.0.0":"2026-02-02T14:19:40.280Z","1.0.1":"2026-02-02T14:43:59.649Z","1.0.2":"2026-02-02T14:59:25.415Z","1.0.4":"2026-02-02T15:12:33.671Z","1.0.5":"2026-02-02T15:18:20.171Z","1.0.7":"2026-02-02T16:45:10.199Z","1.0.8":"2026-02-02T17:46:19.875Z","1.0.9":"2026-02-03T11:01:23.508Z","1.0.10":"2026-02-03T12:17:07.878Z"},"bugs":{"url":"https://github.com/flexhunt/emoji-kit/issues"},"author":{"name":"flexhunt"},"license":"MIT","homepage":"https://github.com/flexhunt/emoji-kit#readme","keywords":["emoji","react","animated","telegram","apple","google","twitter"],"repository":{"type":"git","url":"git+https://github.com/flexhunt/emoji-kit.git"},"description":"Multi-style emoji renderer for React with animated Telegram emojis support","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"readme":"# āØ @ayuuxh/emoji-kit\r\n\r\n**Multi-style emoji rendering for React ā Animated 3D, Apple, Google, Twitter, Facebook & Native!**\r\n\r\n[](https://www.npmjs.com/package/@ayuuxh/emoji-kit)\r\n\r\n---\r\n\r\n## š¦ Installation\r\n\r\n```bash\r\nnpm install @ayuuxh/emoji-kit\r\n```\r\n\r\n---\r\n\r\n## šÆ Components Overview\r\n\r\n| Component | Purpose | Input | Output |\r\n|-----------|---------|-------|--------|\r\n| `AnimatedEmoji` | Single emoji | `š` or `fire` | Styled emoji image |\r\n| `EmojiRenderer` | Text with emojis | `\"Hello š :fire:\"` | Text + styled emojis |\r\n| `EmojiInput` | Editable input | User typing | Live styled emojis |\r\n| `EmojiPicker` | Emoji selector | Click | Selected emoji |\r\n\r\n---\r\n\r\n## š Quick Start\r\n\r\n### 1. AnimatedEmoji ā Single Emoji\r\n\r\n```tsx\r\nimport { AnimatedEmoji } from '@ayuuxh/emoji-kit'\r\n\r\n// Native emoji\r\n\r\n\r\n// Shortcode (without colons)\r\n\r\n\r\n// Force specific style\r\n\r\n\r\n```\r\n\r\n**Available Styles:** `flexhunt` (animated), `apple`, `google`, `twitter`, `facebook`, `native`\r\n\r\n---\r\n\r\n### 2. EmojiRenderer ā Display Text with Emojis\r\n\r\n```tsx\r\nimport { EmojiRenderer } from '@ayuuxh/emoji-kit'\r\n\r\n// Auto-detects and renders ALL emojis in text\r\n\r\n```\r\n\r\n**Supports:**\r\n- ā
Native emojis: `š š„ ā¤ļø`\r\n- ā
Shortcodes: `:fire:` `:heart:` `:rocket:`\r\n\r\n---\r\n\r\n### 3. EmojiInput ā Editable Input with Live Emojis\r\n\r\n```tsx\r\nimport { EmojiInput } from '@ayuuxh/emoji-kit'\r\n\r\n console.log(text)}\r\n onChange={(text) => console.log(text)}\r\n emojiSize={24}\r\n showPicker={true}\r\n/>\r\n```\r\n\r\n**Props:**\r\n\r\n| Prop | Type | Default | Description |\r\n|------|------|---------|-------------|\r\n| `value` | `string` | `''` | Controlled value |\r\n| `onChange` | `(text: string) => void` | ā | Called on text change |\r\n| `onSubmit` | `(text: string) => void` | ā | Called on Enter press |\r\n| `placeholder` | `string` | `'Type...'` | Placeholder text |\r\n| `emojiSize` | `number` | `20` | Emoji size in px |\r\n| `emojiStyle` | `EmojiStyle` | global | Emoji style to use |\r\n| `showPicker` | `boolean` | `true` | Show emoji picker button |\r\n| `disabled` | `boolean` | `false` | Disable input |\r\n| `maxLength` | `number` | ā | Max text length |\r\n\r\n**Ref Methods:**\r\n```tsx\r\nconst inputRef = useRef(null)\r\n\r\ninputRef.current?.focus() // Focus the input\r\ninputRef.current?.clear() // Clear the input\r\ninputRef.current?.getText() // Get current text\r\ninputRef.current?.insertText('š„') // Insert text/emoji\r\n```\r\n\r\n---\r\n\r\n### 4. EmojiPicker ā Select Emojis\r\n\r\n```tsx\r\nimport { EmojiPicker } from '@ayuuxh/emoji-kit'\r\n\r\n console.log(emoji)} \r\n/>\r\n```\r\n\r\n---\r\n\r\n## šØ Global Style Switching\r\n\r\nUse `useEmojiStyle` hook to change emoji style globally (persists in localStorage):\r\n\r\n```tsx\r\nimport { useEmojiStyle } from '@ayuuxh/emoji-kit'\r\n\r\nfunction EmojiStyleSelector() {\r\n const { style, setStyle } = useEmojiStyle()\r\n\r\n return (\r\n \r\n )\r\n}\r\n```\r\n\r\n**Note:** All components read from this global style automatically!\r\n\r\n---\r\n\r\n## š All Exports\r\n\r\n```tsx\r\n// Components\r\nimport { \r\n AnimatedEmoji,\r\n EmojiRenderer,\r\n EmojiInput,\r\n EmojiPicker,\r\n EmojiText \r\n} from '@ayuuxh/emoji-kit'\r\n\r\n// Hooks\r\nimport { \r\n useEmojiStyle,\r\n useEmojiInput \r\n} from '@ayuuxh/emoji-kit'\r\n\r\n// Types\r\nimport type { \r\n EmojiStyle, // 'apple' | 'google' | 'twitter' | 'facebook' | 'native' | 'flexhunt'\r\n EmojiInputProps,\r\n EmojiInputRef \r\n} from '@ayuuxh/emoji-kit'\r\n```\r\n\r\n---\r\n\r\n## š§ How Fallback Works\r\n\r\n```\r\nInput: \"š\" + Style: \"flexhunt\"\r\n ā\r\nāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\r\nā 1. Check Telegram animated map ā\r\nā Found? ā Use animated webp ā\r\nā Not found? ā ā\r\nā 2. Try Apple CDN (static png) ā\r\nā Failed? ā ā\r\nā 3. Show native text emoji ā\r\nāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\r\n\r\nInput: \"š\" + Style: \"apple\"\r\n ā\r\nāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\r\nā 1. Try Apple CDN with hex code ā\r\nā Failed? ā ā\r\nā 2. Try alternate hex format ā\r\nā Failed? ā ā\r\nā 3. Try animated fallback ā\r\nā Failed? ā ā\r\nā 4. Show native text emoji ā\r\nāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\r\n```\r\n\r\n---\r\n\r\n## ā ļø Important Notes\r\n\r\n1. **Shortcodes in EmojiInput**: Only native emojis work in `EmojiInput`. Shortcodes (`:fire:`) are NOT converted to prevent cursor issues. Use `EmojiRenderer` for shortcode support.\r\n\r\n2. **Shortcodes always animated**: In `EmojiRenderer`, shortcodes always show animated style because platform CDNs don't have images for shortcode names.\r\n\r\n3. **SSR Compatible**: Works with Next.js App Router, Server Components, and SSR.\r\n\r\n4. **No CSS imports needed**: All styles are inline.\r\n\r\n---\r\n\r\n## š¤ For AI/LLMs\r\n\r\n**Quickest integration:**\r\n\r\n```tsx\r\n// Display messages with styled emojis\r\nimport { EmojiRenderer } from '@ayuuxh/emoji-kit'\r\n\r\n\r\n// Chat input with live emoji rendering\r\nimport { EmojiInput } from '@ayuuxh/emoji-kit'\r\n sendMessage(text)} />\r\n\r\n// Change global style\r\nimport { useEmojiStyle } from '@ayuuxh/emoji-kit'\r\nconst { setStyle } = useEmojiStyle()\r\nsetStyle('apple')\r\n```\r\n\r\n---\r\n\r\n## š License\r\n\r\nMIT Ā© [Ayush](https://github.com/flexhunt)\r\n","readmeFilename":"README.md"}