{"_id":"@blairwitch/proposed-ui","name":"@blairwitch/proposed-ui","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@blairwitch/proposed-ui","version":"0.1.0","description":"A collection of React components with advanced slot-based composition patterns","keywords":["react","components","ui","shadcn","slot-composition","tailwind"],"author":{"name":"Blair McKee"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/eblairmckee/rp-ui-playground.git","directory":"packages/proposed-ui"},"homepage":"https://github.com/eblairmckee/rp-ui-playground/tree/main/packages/proposed-ui","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles":"./dist/globals.css","./dist/globals.css":"./dist/globals.css"},"scripts":{"build":"tsup && bun run build:css && bun run registry:build","build:css":"postcss src/styles/globals.css -o dist/globals.css","registry:build":"shadcn build","dev":"tsup --watch & bun run dev:css","dev:css":"nodemon --watch src/styles --ext css --exec \"bun run build:css\"","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","type-check":"tsc --noEmit"},"peerDependencies":{"react":">=18","react-dom":">=18"},"dependencies":{"@radix-ui/react-select":"^2.2.5","@radix-ui/react-slot":"^1.1.2","class-variance-authority":"^0.7.1","clsx":"^2.1.1","lucide-react":"^0.525.0","tailwind-merge":"^3.3.1"},"devDependencies":{"@shadcn/ui":"^0.0.4","@types/react":"^18.3.11","@types/react-dom":"^18.3.1","eslint":"^9","nodemon":"^3.0.0","postcss":"^8.4.0","postcss-cli":"^11.0.0","radix-ui":"^1.4.2","shadcn":"^2.9.3-canary.0","tailwindcss":"^4.1.11","tsup":"^8.0.0","tw-animate-css":"^1.3.5","typescript":"^5"},"_id":"@blairwitch/proposed-ui@0.1.0","gitHead":"c6569989719b36d95fced54d475dcc6c5505d5e3","bugs":{"url":"https://github.com/eblairmckee/rp-ui-playground/issues"},"_nodeVersion":"22.17.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-yQAaAf1iLnT19EdL/fRMhhEIy716jyJVTtTcMSIWdyFRzRMKr8H74RTUik7saP5nDPdxkdsgvt/KNsFk/Uh2FQ==","shasum":"4682fb00b84c20b2bf86755ae64a1422580f334c","tarball":"https://registry.npmjs.org/@blairwitch/proposed-ui/-/proposed-ui-0.1.0.tgz","fileCount":9,"unpackedSize":282331,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDoAWoaTrQmOACtcIS9CXT1C77/m2j9xiDySl9WB2jPtwIgM4UMKZJJru625M8oTdEUIdbREzVR2riMW5H7zoA4iFM="}]},"_npmUser":{"name":"theblairwitch","email":"eblair.mckee@gmail.com"},"directories":{},"maintainers":[{"name":"theblairwitch","email":"eblair.mckee@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/proposed-ui_0.1.0_1754315954958_0.72489407441702"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-04T13:59:14.878Z","0.1.0":"2025-08-04T13:59:15.196Z","modified":"2025-08-04T13:59:15.537Z"},"maintainers":[{"name":"theblairwitch","email":"eblair.mckee@gmail.com"}],"description":"A collection of React components with advanced slot-based composition patterns","homepage":"https://github.com/eblairmckee/rp-ui-playground/tree/main/packages/proposed-ui","keywords":["react","components","ui","shadcn","slot-composition","tailwind"],"repository":{"type":"git","url":"git+https://github.com/eblairmckee/rp-ui-playground.git","directory":"packages/proposed-ui"},"author":{"name":"Blair McKee"},"bugs":{"url":"https://github.com/eblairmckee/rp-ui-playground/issues"},"license":"MIT","readme":"# @blairwitch/proposed-ui\n\nA collection of React components with advanced slot-based composition patterns, built on top of Radix UI and styled with Tailwind CSS.\n\n## Installation\n\n```bash\nnpm install @blairwitch/proposed-ui\n# or\npnpm add @blairwitch/proposed-ui\n# or \nbun add @blairwitch/proposed-ui\n```\n\n## Usage\n\n### Basic Import\n\n```tsx\nimport { Button, Input } from '@blairwitch/proposed-ui'\n\nfunction MyComponent() {\n  return (\n    <div>\n      <Button>Click me</Button>\n      <Input placeholder=\"Enter text...\" />\n    </div>\n  )\n}\n```\n\n### Import Styles\n\n```tsx\n// Import the CSS styles in your app root\nimport '@blairwitch/proposed-ui/styles'\n```\n\n### Slot-based Composition\n\nThis library features advanced slot-based composition patterns:\n\n```tsx\nimport { Button } from '@blairwitch/proposed-ui'\nimport { Search, Star } from 'lucide-react'\n\nfunction SlotExample() {\n  return (\n    <div>\n      {/* Button with start and end slots */}\n      <Button \n        start={<Search className=\"size-4\" />}\n        end={<span className=\"text-xs\">⌘K</span>}\n      >\n        Search\n      </Button>\n      \n      {/* Input with slots */}\n      <Input \n        placeholder=\"Enter email...\"\n        start={<Mail className=\"size-4\" />}\n        end=\"@company.com\"\n      />\n    </div>\n  )\n}\n```\n\n## Components\n\n- **Button** - Versatile button with slot-based composition\n- **Input** - Flexible input with start/end slot support  \n- **Label** - Accessible form labels\n- **Select** - Dropdown select with slot composition\n- **Form** - Form wrapper components\n- **Group** - Component grouping utilities\n\n## Custom Registry\n\nYou can also install individual components using the ShadCN CLI:\n\n```bash\nnpx shadcn@latest add https://raw.githubusercontent.com/eblairmckee/rp-ui-playground/main/packages/proposed-ui/public/r/button.json\n```\n\n## Requirements\n\n- React 18+\n- Tailwind CSS (configured)\n\n## License\n\nMIT","readmeFilename":"README.md","_rev":"1-61505646ff129256789b39b83e12980a"}