{"_id":"@codemelonxyz/ui-library","_rev":"8-323dd69902e6fb0beb59510f5cc2e035","name":"@codemelonxyz/ui-library","dist-tags":{"latest":"0.0.9"},"versions":{"0.0.1":{"name":"@codemelonxyz/ui-library","version":"0.0.1","_id":"@codemelonxyz/ui-library@0.0.1","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"b42474d16b6f816c1e7c34795ced59734c50f859","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.1.tgz","fileCount":5,"integrity":"sha512-IrNtPgSV/EFkx9KaVbmIHdLQQdS/FMOoqniqA6610kfgLGx3kmqDyeA55nU/toduIb0Gba5AkfGnw3zwzO6l/Q==","signatures":[{"sig":"MEQCIHUSGbk0EV40PaUoRjmpaTUpOdvDKpoKMYef5Ck3ks1pAiAznfTd6oE3qw1WuzbHKaCA1VxLNc7Z3QCfjXvb788TGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30661},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"f6acf327483997c2cfc6bf9bc384254d90b5686c","scripts":{"dev":"vite","lint":"eslint .","build":"tsc && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A modern React UI library with Cards, Navbar, and Toast notifications.","directories":{},"_nodeVersion":"23.3.0","dependencies":{"lucide-react":"^0.344.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.2","react":"^18.3.1","eslint":"^9.9.1","globals":"^15.9.0","postcss":"^8.4.35","react-dom":"^18.3.1","@eslint/js":"^9.9.1","typescript":"^5.5.3","@types/react":"^18.3.5","autoprefixer":"^10.4.18","vite-plugin-dts":"^3.7.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","eslint-plugin-react-hooks":"^5.1.0-rc.0","eslint-plugin-react-refresh":"^0.4.11"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","lucide-react":"^0.344.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.1_1734954757481_0.41902663069465973","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@codemelonxyz/ui-library","version":"0.0.2","_id":"@codemelonxyz/ui-library@0.0.2","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"92431bb17902311e34b79c9932df5b0af637f71c","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.2.tgz","fileCount":5,"integrity":"sha512-zOgt/7j9BRwHdvosUJBtutXUjFMuwnvHmHh+uWnIapwPd/87Tn7rLBSPc6EbnDJY3zuVJqtT/bTHNVeXi1RCXQ==","signatures":[{"sig":"MEYCIQCcuPQwrvcWjyX+k8GrWXKOBuukFO99iMpyQ01wFEJbdwIhAJAvbKmmFasxhQlIIunINxiI+XioeQZSoJwZy+kLbf5X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30288},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"f6acf327483997c2cfc6bf9bc384254d90b5686c","scripts":{"dev":"vite","lint":"eslint .","build":"tsc && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A modern React UI library with Cards, Navbar, and Toast notifications.","directories":{},"_nodeVersion":"23.3.0","dependencies":{"lucide-react":"^0.344.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.2","react":"^18.3.1","eslint":"^9.9.1","globals":"^15.9.0","postcss":"^8.4.35","react-dom":"^18.3.1","@eslint/js":"^9.9.1","typescript":"^5.5.3","@types/react":"^18.3.5","autoprefixer":"^10.4.18","vite-plugin-dts":"^3.7.3","@types/react-dom":"^18.3.0","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","eslint-plugin-react-hooks":"^5.1.0-rc.0","eslint-plugin-react-refresh":"^0.4.11"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","lucide-react":"^0.344.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.2_1734954957221_0.0027313635355605825","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@codemelonxyz/ui-library","version":"0.0.3","_id":"@codemelonxyz/ui-library@0.0.3","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"b5475f818eafd48bbce5564432e31a6f80f2192d","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.3.tgz","fileCount":5,"integrity":"sha512-fs5BfKAmDeoV0hkX+IdvuVebzqAKygI7Di8uIBzE9lQzvxAMuOcoKXd6jGEV+0NFcAn+8Y0TZ/EhLiNxL06pBg==","signatures":[{"sig":"MEUCIHx6L08w9Fqfve5JoStUQq27mo2NvvlLkqd9Fz3fwVo8AiEApbiUm6c9GDQ7D39mk+5MIarDI8Hp5i89tiECKyDykDo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30257},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"17dc6142fc37487e991369b0bda694edcb6621c2","scripts":{"dev":"vite","lint":"eslint .","build":"tsc && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A modern React UI library with Cards, Navbar, and Toast notifications.","directories":{},"_nodeVersion":"23.3.0","dependencies":{"lucide-react":"^0.344.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.2","react":"*","eslint":"^9.9.1","globals":"^15.9.0","postcss":"^8.4.35","react-dom":"*","@eslint/js":"^9.9.1","typescript":"^5.3.0","@types/react":"*","autoprefixer":"^10.4.18","vite-plugin-dts":"^3.7.3","@types/react-dom":"*","typescript-eslint":"^8.3.0","@vitejs/plugin-react":"^4.3.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.11"},"peerDependencies":{"react":">=18","react-dom":">=18","lucide-react":"^0.344.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.3_1734957821801_0.8474116920672954","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@codemelonxyz/ui-library","version":"0.0.4","_id":"@codemelonxyz/ui-library@0.0.4","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"2836b87903e3422cd4bd31c05782942d242349e2","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.4.tgz","fileCount":8,"integrity":"sha512-RYDTWSLtolbXlEra06Z4VPk5yyTgg6eGgogp4zjd38skQh9A9i/2eFkdv2L5qdBJ2oXATKOEyh4XbbyPy0z3MQ==","signatures":[{"sig":"MEUCIASk97lvgTXWOG1iIVE64Hkl6VGURKAZXJDgl9b6GtjcAiEAycSFJCnsKwiHZIRR4AUniVx8YevkpsN+fybiC0rXffc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6869},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"17dc6142fc37487e991369b0bda694edcb6621c2","scripts":{"build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A lightweight, framework-agnostic UI library with Cards and Toast notifications.","directories":{},"_nodeVersion":"23.3.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.0","typescript":"^5.0.0","@types/node":"^18.0.0","vite-plugin-dts":"^2.3.0"},"peerDependencies":{"vue":">=3.0.0","react":">=16.8.0"},"peerDependenciesMeta":{"vue":{"optional":true},"react":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.4_1734960380985_0.25679145186491903","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@codemelonxyz/ui-library","version":"0.0.5","_id":"@codemelonxyz/ui-library@0.0.5","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"68e3bc7a0e8226d6c4c5ee4ff00355fec0e2a228","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.5.tgz","fileCount":10,"integrity":"sha512-Mm3IJ4rtLkz39X6DbKaMvUZw9fnd9/iLHHQfhrf8gOvChqePUUrtkQypLcoLKTdVuXK90NtF5fLgbZhHSIRIBg==","signatures":[{"sig":"MEUCIQDbwOtSVNp4UAZ0gLUZyqcH0QXE0vEMyDrAdgOvcx3YCAIgLoMWLMdNIftjIbLJm+fh+3r0aVv7UMSm2k2ASg1+UEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43833},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"44d84ee689cba8d4098f25943d7cb5205ae95658","scripts":{"build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A lightweight, framework-agnostic UI library with Cards and Toast notifications.","directories":{},"_nodeVersion":"23.3.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.0","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0","@types/node":"^18.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.5_1734961670758_0.8812839242193524","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@codemelonxyz/ui-library","version":"0.0.6","_id":"@codemelonxyz/ui-library@0.0.6","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"2c9eaa7f08351997eee67ee8642afe3e2c2b7ebc","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.6.tgz","fileCount":10,"integrity":"sha512-GY3QfKLxsU0QG2F1BQe2hvUXZRavlZYqK2mQWV5M4yy5mUqmxgW9d55rNNMTwJ1KL42R00k5Z6bwol1HRZEVCg==","signatures":[{"sig":"MEQCIBqpfNhBFzFNV728UvgV0NUd1nRwbMXJGrer8W7huaaYAiAib+GPYsQQ2VTe7x3uumcOtDed/FsBiDT4dqqF1UVDRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43807},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"44d84ee689cba8d4098f25943d7cb5205ae95658","scripts":{"build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A React-based UI library with Cards and Toast notifications.","directories":{},"_nodeVersion":"23.3.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.0","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0","@types/node":"^18.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.6_1734962088644_0.3768338765049304","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@codemelonxyz/ui-library","version":"0.0.7","_id":"@codemelonxyz/ui-library@0.0.7","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"94aead33088901b126eca09178af21a4f5bfa001","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.7.tgz","fileCount":12,"integrity":"sha512-2Wqgrqo8osatQIKqHHxEzz7TCpvpxbNGFn21kfzBY56dx50FXircKHPBIHgj1ZEBBv53V97hIsYobfVG4j2ZTQ==","signatures":[{"sig":"MEUCIQCjyD7oYVnS2J1Mb8R7PF+6aBCT6ZYxKFwomDL8WCqn7AIgGotEJvYR0C0MDKk5o8xjJG9ssdwchRRsEu/l90+Rfcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20148},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"44d84ee689cba8d4098f25943d7cb5205ae95658","scripts":{"build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A React-based UI library with Cards and Toast notifications.","directories":{},"sideEffects":false,"_nodeVersion":"23.3.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.0","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0","@babel/core":"^7.22.0","@types/node":"^18.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.2.0","@babel/preset-react":"^7.22.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.7_1734962364272_0.28938256153076747","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@codemelonxyz/ui-library","version":"0.0.8","_id":"@codemelonxyz/ui-library@0.0.8","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"dist":{"shasum":"6740559eaf2446e761d66bbe4a1b681cb4583b55","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.8.tgz","fileCount":12,"integrity":"sha512-RZbkchoxI6j1Q3Br24HRKAdaiQQhHKXZIKLcmjXDI50O5prfgjVWeJypdeaY+FjVkzoUbG+0WaGh8p7YY+V1Ig==","signatures":[{"sig":"MEQCIGmII8vTh43sfD4DeXqH454CFxNvcvENNFvhAXmDOcNbAiAklaMvaUyYLTMiHEt/zBN3Ph2crHSD84954TWg0vdnGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20150},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"44d84ee689cba8d4098f25943d7cb5205ae95658","scripts":{"build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"_npmVersion":"10.9.0","description":"A React-based UI library with Cards and Toast notifications.","directories":{},"sideEffects":false,"_nodeVersion":"23.3.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.3.0","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0","@babel/core":"^7.22.0","@types/node":"^18.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.2.0","@babel/preset-react":"^7.22.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/ui-library_0.0.8_1734962465489_0.01880780135570914","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"@codemelonxyz/ui-library","version":"0.0.9","type":"module","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","sideEffects":false,"scripts":{"build":"vite build","prepublishOnly":"npm run build"},"devDependencies":{"@babel/core":"^7.22.0","@babel/preset-react":"^7.22.0","@types/node":"^18.0.0","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react":"^4.0.0","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0","vite":"^4.3.0","vite-plugin-dts":"^2.3.0"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"dependencies":{"@codemelonxyz/ui-library":"^0.0.8"},"_id":"@codemelonxyz/ui-library@0.0.9","gitHead":"46a6ca1b593a9d5fcbc9c0c29217f15a5c9ca133","description":"This library provides various reusable UI components, such as toasts, cards, navbars, and animated text.","_nodeVersion":"23.3.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-kIRBMYlGMlvsGJnf6VZ6YQnTSYIBh9Xo9rBIudreqqa0zFBJGqBcmCZWHSQUYa+pJjrWmklHHHjGlTu6mSunJg==","shasum":"4bbb3e123465fdd2372602bfc7be832414dac79b","tarball":"https://registry.npmjs.org/@codemelonxyz/ui-library/-/ui-library-0.0.9.tgz","fileCount":12,"unpackedSize":21398,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHbJNb3m51tu2aUj/7lMCHqhPeoRqN2TJOuhFg9sADe2AiEAn/QPfDLxmPxL7Fah0ODPFR5hVtVdwePjCwkyTuhzARo="}]},"_npmUser":{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"},"directories":{},"maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-library_0.0.9_1734963739994_0.06515007585274768"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-23T11:52:37.383Z","modified":"2024-12-23T14:22:20.319Z","0.0.1":"2024-12-23T11:52:37.662Z","0.0.2":"2024-12-23T11:55:57.417Z","0.0.3":"2024-12-23T12:43:41.992Z","0.0.4":"2024-12-23T13:26:21.195Z","0.0.5":"2024-12-23T13:47:50.977Z","0.0.6":"2024-12-23T13:54:48.866Z","0.0.7":"2024-12-23T13:59:24.477Z","0.0.8":"2024-12-23T14:01:05.659Z","0.0.9":"2024-12-23T14:22:20.178Z"},"description":"This library provides various reusable UI components, such as toasts, cards, navbars, and animated text.","maintainers":[{"name":"codemelonxyz","email":"vaidityatanwar2207@gmail.com"}],"readme":"# Codemelon UI Library\n\nThis library provides various reusable UI components, such as toasts, cards, navbars, and animated text.\n\n## Installation\n\n```bash\nnpm install codemelon-ui-lib\n```\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Card, createToastContainer } from '@codemelonxyz/ui-library';\nimport '@codemelonxyz/ui-library/dist/index.css';\n\nconst App = () => {\n  // Create a card\n  const card = new Card({ title: 'Hello World', variant: 'elevated' })\n    .setContent('This is a card')\n    .render('#app');\n\n  // Setup toast notifications\n  const toast = createToastContainer();\n\n  // Show a toast\n  toast.show({\n    type: 'success',\n    message: 'Operation successful!',\n    duration: 3000\n  });\n\n  return (\n    <div id=\"app\">\n      {card}\n    </div>\n  );\n};\n\nReactDOM.render(<App />, document.getElementById('root'));\n```\n\n## Fancy Toast Example\n```tsx\nimport React from 'react';\nimport { FancyToast } from './src/components/FancyToast';\n\nfunction App() {\n  return (\n    <div>\n      <FancyToast message=\"Hello World!\" type=\"success\" duration={2000} />\n    </div>\n  );\n}\nexport default App;\n```\n\n## Fancy Card Example\n```tsx\nimport React from 'react';\nimport { FancyCard } from './src/components/FancyCard';\n\nfunction App() {\n  return (\n    <div>\n      <FancyCard \n        title=\"Hello Card\" \n        content=\"This is a fancy card.\"\n        variant=\"outline\"\n      />\n    </div>\n  );\n}\nexport default App;\n```\n\n## Fancy Navbar Example\n```tsx\nimport React from 'react';\nimport { FancyNavbar } from './src/components/FancyNavbar';\n\nfunction MyApp() {\n  return (\n    <FancyNavbar\n      items={['Home', 'About', 'Contact']}\n      onItemClick={(item) => console.log(item)}\n    />\n  );\n}\nexport default MyApp;\n```\n\n## Animated Text Example\n```tsx\nimport React from 'react';\nimport { AnimatedText } from './src/components/AnimatedText';\n\nfunction MyApp() {\n  return <AnimatedText text=\"Hello, animated world!\" animationSpeed={80} />;\n}\nexport default MyApp;\n```\n\n## Components\n\n### Card\n\n```jsx\nconst card = new Card({\n  title: 'Optional Title',\n  variant: 'default' | 'outlined' | 'elevated'\n});\n\ncard.setContent('Hello World');\ncard.render('#container');\n```\n\n### Toast\n\n```jsx\nconst toast = createToastContainer();\n\ntoast.show({\n  type: 'success' | 'error' | 'info' | 'warning',\n  message: 'Your message here',\n  duration: 5000, // optional, defaults to 5000ms\n  onClose: () => console.log('Toast closed') // optional\n});\n```\n````\n","readmeFilename":"README.md"}