{"_id":"@abdul__bayees/ui-library","_rev":"4-bc137bbde3a3c39ac2174950231c7386","name":"@abdul__bayees/ui-library","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@abdul__bayees/ui-library","version":"1.0.0","license":"MIT","_id":"@abdul__bayees/ui-library@1.0.0","maintainers":[{"name":"abdul__bayees","email":"bayees1@gmail.com"}],"dist":{"shasum":"1d7a5b4e37e810a9b27d6a9557355dc7b8506b67","tarball":"https://registry.npmjs.org/@abdul__bayees/ui-library/-/ui-library-1.0.0.tgz","fileCount":5,"integrity":"sha512-H2ZmmE+SFkR/7EaLPt8iD02nVlticJJRNLYpIrUifDZEAB+rtFkx8ghtJAOSjd0qPg72StqzQT9n1blnyqWw/A==","signatures":[{"sig":"MEUCIQC5cWYPYd3lmMLVgZe66mP8nJkIRyoA97kBKZzdXzt1NgIgXjXW3i8x6OONbKVOSJvP+Y2I8F391FTzKARafzXQ4qg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":229005},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","scripts":{"dev":"vite","build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"abdul__bayees","email":"bayees1@gmail.com"},"_npmVersion":"10.8.2","description":"## 🚀 Installation","directories":{},"_nodeVersion":"20.18.1","dependencies":{"path":"^0.12.7","@radix-ui/react-visually-hidden":"^1.2.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","postcss":"^8.4.21","typescript":"^5.0.4","tailwindcss":"^3.3.2","@types/react":"^19.1.9","autoprefixer":"^10.4.13","@types/react-dom":"^19.1.7","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.0_1753913832016_0.10938255844399936","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@abdul__bayees/ui-library","version":"1.0.1","license":"MIT","_id":"@abdul__bayees/ui-library@1.0.1","maintainers":[{"name":"abdul__bayees","email":"bayees1@gmail.com"}],"dist":{"shasum":"10dfb11d828571a97854224e8d9b6b11baf25538","tarball":"https://registry.npmjs.org/@abdul__bayees/ui-library/-/ui-library-1.0.1.tgz","fileCount":4,"integrity":"sha512-a8Y1aXDb0cNb2peDwI9C12/0N+wDIF+l48LJvl6MGYvTuQQfIg6o3tn2unVfWzpe48yXBbCKedbXpbZDDe4J8g==","signatures":[{"sig":"MEYCIQD9fde4ROjyvOWjvAQaWxDJF3lO7zxrkrFC9AuKVuF3JgIhAP1punpmhE1+w+SwikImhygc5uchIWsJyMABY1w/C2/F","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43945},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"47cf66a154a870c950e55cde2e5c23a5b056a8c3","scripts":{"dev":"vite","build":"vite build","prepare":"npm run build","dev:demo":"vite --config demo/vite.config.ts","build:demo":"vite build --config demo/vite.config.ts"},"_npmUser":{"name":"abdul__bayees","email":"bayees1@gmail.com"},"_npmVersion":"10.8.2","description":"## 🚀 Installation","directories":{},"_nodeVersion":"20.18.1","dependencies":{"path":"^0.12.7","@abdul__bayees/ui-library":"^1.0.0","@radix-ui/react-visually-hidden":"^1.2.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","postcss":"^8.4.21","typescript":"^5.0.4","tailwindcss":"^3.3.2","@types/react":"^19.1.9","autoprefixer":"^10.4.13","@types/react-dom":"^19.1.7","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.1_1753914848519_0.5736181249738435","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@abdul__bayees/ui-library","version":"1.0.2","license":"MIT","_id":"@abdul__bayees/ui-library@1.0.2","maintainers":[{"name":"abdul__bayees","email":"bayees1@gmail.com"}],"dist":{"shasum":"9115c2f533663e3ec213a1e864eb64480323e7b8","tarball":"https://registry.npmjs.org/@abdul__bayees/ui-library/-/ui-library-1.0.2.tgz","fileCount":12,"integrity":"sha512-wdFd/mhkpUWq3mFNflk1DD4AaRkHF83mAD6rYV9zCYKXHUj/fX14gQsTwls3pNXosqWPrbRne/F+YRxrE3/i/Q==","signatures":[{"sig":"MEUCIGzeylTlXQFJ1TesJwu2a+PHCdfSgmy+wfMJygLDpoqZAiEA5jN9m/g61MCZGX6iMwIK2or3ZfMl8fC3NH/epDFZIK8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43798},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"47cf66a154a870c950e55cde2e5c23a5b056a8c3","scripts":{"dev":"vite","build":"tsc","prepare":"npm run build","dev:demo":"vite --config demo/vite.config.ts","build:demo":"vite build --config demo/vite.config.ts"},"_npmUser":{"name":"abdul__bayees","email":"bayees1@gmail.com"},"_npmVersion":"10.8.2","description":"## 🚀 Installation","directories":{},"_nodeVersion":"20.18.1","dependencies":{"@radix-ui/react-visually-hidden":"^1.2.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","postcss":"^8.4.21","typescript":"^5.0.4","tailwindcss":"^3.3.2","@types/react":"^19.1.9","autoprefixer":"^10.4.13","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.7","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=17","react-dom":">=17"},"_npmOperationalInternal":{"tmp":"tmp/ui-library_1.0.2_1753917458970_0.2574037201643917","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@abdul__bayees/ui-library","version":"1.0.3","main":"dist/index.js","module":"dist/index.es.js","types":"dist/index.d.ts","scripts":{"dev":"vite","build":"tsc","prepare":"npm run build","build:demo":"vite build --config demo/vite.config.ts","dev:demo":"vite --config demo/vite.config.ts"},"license":"MIT","peerDependencies":{"react":">=17","react-dom":">=17"},"devDependencies":{"@types/react":"^19.1.9","@types/react-dom":"^19.1.7","@vitejs/plugin-react":"^4.0.0","autoprefixer":"^10.4.13","postcss":"^8.4.21","tailwindcss":"^3.3.2","typescript":"^5.0.4","vite":"^4.4.0","vite-plugin-dts":"^4.5.4"},"dependencies":{"@abdul__bayees/ui-library":"^1.0.2","@radix-ui/react-visually-hidden":"^1.2.3"},"_id":"@abdul__bayees/ui-library@1.0.3","gitHead":"ba921305f17f4a8983ceedc7488e00f3157258c7","description":"## 🚀 Installation","_nodeVersion":"20.18.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-Am+PnSKsu70dx5wurJ3/4wYVRDW6lhiNQOjIRBC6FDGLPapgx+woMIpt9c88l+dAev32dd9E4KH+Fd8Eq3NWFA==","shasum":"8c3e4a26055e3511b874d027e93eb8450c531e80","tarball":"https://registry.npmjs.org/@abdul__bayees/ui-library/-/ui-library-1.0.3.tgz","fileCount":12,"unpackedSize":43731,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIA0sfz2aSTWzhAPrpX2eLJubvYYQ2g+LhKzw4r1DB5LpAiA6G+AqixH03l4RHc3QvaxoVQiW+0mxAjvaqeZYrYO0NQ=="}]},"_npmUser":{"name":"abdul__bayees","email":"bayees1@gmail.com"},"directories":{},"maintainers":[{"name":"abdul__bayees","email":"bayees1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-library_1.0.3_1754169712045_0.15603582488537637"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-30T22:17:11.943Z","modified":"2025-08-02T21:21:52.429Z","1.0.0":"2025-07-30T22:17:12.230Z","1.0.1":"2025-07-30T22:34:08.707Z","1.0.2":"2025-07-30T23:17:39.161Z","1.0.3":"2025-08-02T21:21:52.234Z"},"license":"MIT","description":"## 🚀 Installation","maintainers":[{"name":"abdul__bayees","email":"bayees1@gmail.com"}],"readme":"\n# 📁 Ui Library\n\n## 🚀 Installation\n\nInstall the package via npm:\n\n```bash\nnpm i @abdul__bayees/ui-library\n```\n\n\nA simple, customizable, config-driven file upload component built with React, TailwindCSS, and Vite.\n\n## ✨ Features\n\n- Configurable via JSON\n- Themed with Tailwind\n- Typed with TypeScript\n- Easily customizable\n\n## 🚀 Usage\n\n\n```tsx\nimport { FileUpload } from '@abdul__bayees/ui-library';\n\n<FileUpload config={{\n  variant: 'button',\n  acceptedTypes: ['image/png'],\n  labels: {\n    uploadButton: 'Upload Avatar'\n  }\n}} />\n```\n\n## 🛠 Config Reference\n\n```ts\nexport interface FileUploadConfig {\n  variant?: 'button' | 'dropzone' | 'image-preview' | 'compact';\n  acceptedTypes?: string[];\n  maxSizeMB?: number;\n  multiple?: boolean;\n  labels?: {\n    uploadButton?: string;\n    dropzone?: string;\n    preview?: string;\n    removeFile?: string;\n    fileSizeExceed?: string;\n    fileTypeInvalid?: string;\n    placeholder?: string;\n  };\n  theme?: {\n    size?: 'sm' | 'md' | 'lg';\n    borderRadius?: string;\n    borderStyle?: string;\n    iconPlacement?: 'left' | 'right';\n    color?: string;\n    bgColor?: string;\n    textColor?: string;\n    focusRing?: string;\n  };\n  stylePresets?: string; // Optional: for future preset support\n  [key: string]: any; // Allow extra config for LLM flexibility\n}\n```\n\n## 🧑‍💻 Demo & Live Config Editor\n\nTo try all variants and edit the config live, run:\n\n```bash\nnpm run dev\n```\n\nThen open [http://localhost:5173](http://localhost:5173) to see the demo page with all variants and a live JSON config editor.\n\n## Example Config\n\n```json\n{\n  \"variant\": \"button\",\n  \"acceptedTypes\": [\"image/png\", \"image/jpeg\"],\n  \"maxSizeMB\": 2,\n  \"multiple\": false,\n  \"labels\": {\n    \"uploadButton\": \"Upload Avatar\",\n    \"fileTypeInvalid\": \"Only PNG/JPEG allowed.\",\n    \"fileSizeExceed\": \"File too large!\",\n    \"preview\": \"Selected file:\",\n    \"placeholder\": \"No file selected\"\n  },\n  \"theme\": {\n    \"borderRadius\": \"rounded-lg\",\n    \"size\": \"md\",\n    \"iconPlacement\": \"left\",\n    \"color\": \"border-blue-400\",\n    \"bgColor\": \"bg-blue-50\",\n    \"textColor\": \"text-blue-900\",\n    \"focusRing\": \"focus:ring-2 focus:ring-blue-500\"\n  }\n}\n```\n## 📚 Documentation","readmeFilename":"README.md"}