{"_id":"@0x1js/components","_rev":"2-d3c83376b87deb3f60653a94288c7888","name":"@0x1js/components","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@0x1js/components","version":"0.0.1","keywords":["0x1","components","ui","nextjs","react","preact"],"author":{"name":"0x1js"},"license":"MIT","_id":"@0x1js/components@0.0.1","maintainers":[{"name":"triex","email":"hi@triex.dev"}],"homepage":"https://github.com/0x1js/0x1","bugs":{"url":"https://github.com/0x1js/0x1/issues"},"dist":{"shasum":"7e617392a4522b70dd07658652279c1eac04b696","tarball":"https://registry.npmjs.org/@0x1js/components/-/components-0.0.1.tgz","fileCount":5,"integrity":"sha512-cHMelitRlo655gnxd1q4eszthB1XGX0O1unJHRcHgrisfDqHaqXylZPh3K8PPHVsu1KRGrsXi+wRWpxLbj5avw==","signatures":[{"sig":"MEQCIEltz/DxtbmsslLGSltzmuwts4yiDl7IZkoGnTngJE13AiA3sWzINiCynfKUfgI6Bt6xLjvX1Ll0gXxEiI7Gp06aSQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14414},"main":"index.js","types":"index.d.ts","gitHead":"4eb07524c5fa0b0349439f7bd99faff9ba6a0c5c","scripts":{"build":"echo \"No build step required for now\""},"_npmUser":{"name":"triex","actor":{"name":"triex","type":"user","email":"hi@triex.dev"},"email":"hi@triex.dev"},"repository":{"url":"git+https://github.com/0x1js/0x1.git","type":"git"},"_npmVersion":"10.9.2","description":"High-quality, dependency-free components for 0x1 applications","directories":{},"_nodeVersion":"23.9.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/components_0.0.1_1750603298352_0.22345137481699595","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@0x1js/components","version":"0.0.2","description":"High-quality, dependency-free components for 0x1 applications","main":"index.js","types":"index.d.ts","scripts":{"build":"echo \"No build step required for now\""},"keywords":["0x1","components","ui","nextjs","react","preact"],"author":{"name":"0x1js"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/0x1js/0x1.git"},"bugs":{"url":"https://github.com/0x1js/0x1/issues"},"homepage":"https://github.com/0x1js/0x1","peerDependencies":{"0x1":">=0.0.377","react-dom":">=18.0.0"},"publishConfig":{"access":"public"},"_id":"@0x1js/components@0.0.2","gitHead":"4eb07524c5fa0b0349439f7bd99faff9ba6a0c5c","_nodeVersion":"23.9.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-DdmPayemSXDXdFP4A6XzMw4PhF4SuFCecx1HPW+D9FJLEeP2QgPU6DnVY24OhcPdmch7JwhGX8MQ9aBnDDtArg==","shasum":"8592f77c992436ab7eafc8ea89b9a762479cf535","tarball":"https://registry.npmjs.org/@0x1js/components/-/components-0.0.2.tgz","fileCount":15,"unpackedSize":75515,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCuBkohTr/UEF3xI/NjMMk4PfAZ+2/Y12p7gZ1PUShlJwIgIfwiN+SqWJHTRv57SIJBNVzbXqdvVH99ayFgQv/qvxk="}]},"_npmUser":{"name":"triex","email":"hi@triex.dev","actor":{"name":"triex","email":"hi@triex.dev","type":"user"}},"directories":{},"maintainers":[{"name":"triex","email":"hi@triex.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/components_0.0.2_1750606299873_0.5991553680086799"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-22T14:41:38.278Z","modified":"2025-06-22T15:31:40.278Z","0.0.1":"2025-06-22T14:41:38.587Z","0.0.2":"2025-06-22T15:31:40.058Z"},"bugs":{"url":"https://github.com/0x1js/0x1/issues"},"author":{"name":"0x1js"},"license":"MIT","homepage":"https://github.com/0x1js/0x1","keywords":["0x1","components","ui","nextjs","react","preact"],"repository":{"type":"git","url":"git+https://github.com/0x1js/0x1.git"},"description":"High-quality, dependency-free components for 0x1 applications","maintainers":[{"name":"triex","email":"hi@triex.dev"}],"readme":"# 0x1 Component Library\n\nA crafted, high-performance component library for 0x1 Framework applications. \nDesigned to be minimal, flexible, and zero-dependency, while providing a simple developer experience.\n\n## Features\n\n✅ **Zero Dependencies** — Pure TypeScript/JSX components with no external libraries\n✅ **Type-Safe** — Fully typed components with comprehensive TypeScript definitions\n✅ **Customizable** — Easily customize components via props or extend them as needed\n✅ **Minimal** — Designed for optimal bundle size and performance\n✅ **Accessible** — Built with accessibility in mind, following WCAG guidelines\n✅ **Modern** — Leveraging the latest web standards and best practices\n✅ **Beautiful Docs** — Comprehensive markdown documentation for each component\n\n## Installation\n\nComponents can be added to your project using the 0x1 CLI:\n\n```bash\n# Add a specific component\n0x1 add Button\n\n# Add multiple components at once\n0x1 add Button Card Container\n```\n\n## Available Components\n\n### UI Components\n\n| Component | Description | Status |\n|-----------|-------------|--------|\n| Button | Flexible button component with various styles and states | ✅ |\n| Card | Versatile card component for content containers | ✅ |\n| Badge | Small status indicators | 🏗️ |\n| Avatar | User profile pictures with fallback | 🏗️ |\n| Dialog | Modal dialog with customizable content | 🏗️ |\n| Dropdown | Toggleable menu for options | 🏗️ |\n| Toggle | On/off switch component | 🏗️ |\n\n### Layout Components\n\n| Component | Description | Status |\n|-----------|-------------|--------|\n| Container | Responsive container with max-width | ✅ |\n| Grid | Flexible grid layout system | 🏗️ |\n| Stack | Vertical or horizontal stacking with consistent spacing | 🏗️ |\n| Divider | Horizontal or vertical dividing line | 🏗️ |\n\n### Form Components\n\n| Component | Description | Status |\n|-----------|-------------|--------|\n| Input | Text input with validation | 🏗️ |\n| Select | Dropdown select menu | 🏗️ |\n| Checkbox | Customizable checkbox component | 🏗️ |\n| RadioGroup | Group of radio options | 🏗️ |\n| Switch | Toggle switch with animation | 🏗️ |\n\n### Data Display\n\n| Component | Description | Status |\n|-----------|-------------|--------|\n| Table | Data table with sorting and filtering | ✅ |\n| List | Simple list component | 🏗️ |\n| Code | Code block with syntax highlighting | 🏗️ |\n\n### Feedback Components\n\n| Component | Description | Status |\n|-----------|-------------|--------|\n| Toast | Notification toast messages | ✅ |\n| Alert | Contextual feedback messages | ✅ |\n| Progress | Loading and progress indicators | 🏗️ |\n| Skeleton | Loading placeholder | 🏗️ |\n\n## Component Structure\n\nEach component follows a consistent structure:\n\n```\nComponentName/\n├── ComponentName.tsx      # Main component implementation\n├── ComponentName.md       # Documentation with examples\n├── variants.ts           # Style variants and configurations (if applicable)\n└── utils.ts              # Helper functions (if needed)\n```\n\n## Design Principles\n\nThe 0x1 Component Library follows these core principles:\n\n1. **Function over form** — Components should be practical first, with styling as an enhancement\n2. **Composition over configuration** — Prefer composable patterns over complex prop APIs\n3. **Progressive enhancement** — Components should work without JavaScript when possible\n4. **Accessibility by default** — All components must meet WCAG AA standards\n5. **Performance-focused** — Minimal re-renders and optimal runtime performance\n\n## Contributing\n\nWe welcome contributions to the 0x1 Component Library! Please follow these steps:\n\n1. Create a new component following the existing structure\n2. Ensure comprehensive documentation and examples\n3. Add appropriate TypeScript types\n4. Test with different use cases\n5. Submit a pull request\n\n## License\n\nTDL © 0x1 Framework\n","readmeFilename":"README.md"}