{"_id":"@adersolutions/sirius-vue","_rev":"2-366a597c006dd441b85024d9b67c3d75","name":"@adersolutions/sirius-vue","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@adersolutions/sirius-vue","version":"1.0.0","keywords":["vue","ui","components","design-system","sirius","adersolutions"],"author":{"name":"Soufiyan","email":"benallalsoufiane1@gmail.com"},"license":"MIT","_id":"@adersolutions/sirius-vue@1.0.0","maintainers":[{"name":"beyonder.sb","email":"benallalsoufiane1@gmail.com"}],"dist":{"shasum":"2e5f8f30ea6df3fb717943c5ca41109089429310","tarball":"https://registry.npmjs.org/@adersolutions/sirius-vue/-/sirius-vue-1.0.0.tgz","fileCount":6,"integrity":"sha512-P01d0X/vzCs4WdoH7cD6TQPsXv/ckmD6tnhPjS7iqqaGXNlgqQYBL9VjVxrK6fc7t4y9g1Kypgb06be8Egxm/A==","signatures":[{"sig":"MEYCIQCUV5Bqb0i6eJQ/bz2UNSCQAWZNrYrYOkr+EIDssvQLWgIhAIighMlgLqL+d6SMKQB911VFJJH/Pv+J7lEUGcx1LFEw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":294334},"main":"./dist/index.js","type":"module","_from":"file:adersolutions-sirius-vue-1.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite build --watch","demo":"vite --config vite.demo.config.ts demo","build":"vite build","demo:build":"vite build --config vite.demo.config.ts demo"},"_npmUser":{"name":"beyonder.sb","email":"benallalsoufiane1@gmail.com"},"_resolved":"/private/var/folders/9s/dg7s8hp96y7gsj1xrxncxbvw0000gn/T/1615155d95e6173ed68518f773810dd5/adersolutions-sirius-vue-1.0.0.tgz","_integrity":"sha512-P01d0X/vzCs4WdoH7cD6TQPsXv/ckmD6tnhPjS7iqqaGXNlgqQYBL9VjVxrK6fc7t4y9g1Kypgb06be8Egxm/A==","_npmVersion":"10.9.2","description":"Sirius UI Vue Components Library","directories":{},"_nodeVersion":"22.13.0","dependencies":{"@heroicons/vue":"^2.1.3","@headlessui/vue":"^1.7.15"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.0","sass":"^1.64.0","vite":"^4.4.0","postcss":"^8.4.26","vue-tsc":"^1.8.27","typescript":"^5.4.2","tailwindcss":"^3.3.3","autoprefixer":"^10.4.14","@vue/tsconfig":"^0.5.1","vite-plugin-dts":"^3.3.1","@vue/compiler-sfc":"^3.3.0","@vue/runtime-core":"^3.3.0","@vitejs/plugin-vue":"^4.2.3","@microsoft/api-extractor":"^7.52.13"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/sirius-vue_1.0.0_1758316588628_0.7675695102438871","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@adersolutions/sirius-vue","version":"1.0.1","description":"Sirius UI Vue Components Library","type":"module","main":"./dist/index.js","module":"./dist/index.es.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.js","types":"./dist/index.d.ts"},"./style.css":"./dist/style.css"},"peerDependencies":{"vue":"^3.3.0"},"dependencies":{"@headlessui/vue":"^1.7.15","@heroicons/vue":"^2.1.3"},"publishConfig":{"access":"public"},"devDependencies":{"@microsoft/api-extractor":"^7.52.13","@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.0","@vue/runtime-core":"^3.3.0","@vue/tsconfig":"^0.5.1","autoprefixer":"^10.4.14","postcss":"^8.4.26","sass":"^1.64.0","tailwindcss":"^3.3.3","typescript":"^5.4.2","vite":"^4.4.0","vite-plugin-dts":"^3.3.1","vue":"^3.3.0","vue-tsc":"^1.8.27"},"keywords":["vue","ui","components","design-system","sirius","adersolutions"],"author":{"name":"Soufiyan","email":"benallalsoufiane1@gmail.com"},"license":"MIT","scripts":{"build":"vite build","dev":"vite build --watch","demo":"vite --config vite.demo.config.ts demo","demo:build":"vite build --config vite.demo.config.ts demo"},"_id":"@adersolutions/sirius-vue@1.0.1","_integrity":"sha512-+Q/aXi5MetDEATrSwe/xHH0SG+mAfVjwWEaUa1WjZMSGf/FFpemYjWdxVIFGgue3Ky+Az2yPNTPlLMfdcDirWA==","_resolved":"/private/var/folders/9s/dg7s8hp96y7gsj1xrxncxbvw0000gn/T/5fb2a4e1b284622f798ac8f1ee3209c0/adersolutions-sirius-vue-1.0.1.tgz","_from":"file:adersolutions-sirius-vue-1.0.1.tgz","_nodeVersion":"22.13.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-+Q/aXi5MetDEATrSwe/xHH0SG+mAfVjwWEaUa1WjZMSGf/FFpemYjWdxVIFGgue3Ky+Az2yPNTPlLMfdcDirWA==","shasum":"6d9213f5cb2b24a60eab6d1c68cf98bf679f852e","tarball":"https://registry.npmjs.org/@adersolutions/sirius-vue/-/sirius-vue-1.0.1.tgz","fileCount":6,"unpackedSize":294118,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIH74on3tHbcoZ/dwelP5gICNXJ8nR6REZlgkDg7nL0esAiAEHBJsCqZ3c6XfVgz80TNIEDIXq+F6V08YwgdrouRhGw=="}]},"_npmUser":{"name":"beyonder.sb","email":"benallalsoufiane1@gmail.com"},"directories":{},"maintainers":[{"name":"beyonder.sb","email":"benallalsoufiane1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/sirius-vue_1.0.1_1758317171786_0.8722835155606061"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-19T21:16:28.552Z","modified":"2025-09-19T21:26:12.233Z","1.0.0":"2025-09-19T21:16:28.820Z","1.0.1":"2025-09-19T21:26:12.005Z"},"author":{"name":"Soufiyan","email":"benallalsoufiane1@gmail.com"},"license":"MIT","keywords":["vue","ui","components","design-system","sirius","adersolutions"],"description":"Sirius UI Vue Components Library","maintainers":[{"name":"beyonder.sb","email":"benallalsoufiane1@gmail.com"}],"readme":"# @adersolutions/sirius-vue\n\nA comprehensive Vue 3 UI components library built with modern design principles and accessibility in mind.\n\n## Installation\n\n```bash\nnpm install @adersolutions/sirius-vue\n# or\npnpm add @adersolutions/sirius-vue\n# or\nyarn add @adersolutions/sirius-vue\n```\n\n## Peer Dependencies\n\nThis package requires Vue 3.3.0 or higher:\n\n```bash\nnpm install vue@^3.3.0\n```\n\n## Usage\n\n### Basic Setup\n\n```vue\n<template>\n  <div>\n    <SiriusButton variant=\"primary\">Click me</SiriusButton>\n    <SiriusBadge color=\"blue\">New</SiriusBadge>\n    <SiriusSpinner size=\"medium\" />\n  </div>\n</template>\n\n<script setup>\nimport { \n  SiriusButton, \n  SiriusBadge, \n  SiriusSpinner \n} from '@adersolutions/sirius-vue';\nimport '@adersolutions/sirius-vue/style.css';\n</script>\n```\n\n### Global Registration (Optional)\n\n```javascript\n// main.js\nimport { createApp } from 'vue';\nimport Sirius from '@adersolutions/sirius-vue';\nimport '@adersolutions/sirius-vue/style.css';\n\nconst app = createApp(App);\napp.use(Sirius);\napp.mount('#app');\n```\n\n### Available Components\n\n#### Actions\n- **Button** - Interactive buttons with multiple variants and states\n\n#### Feedback\n- **Badge** - Status indicators and labels\n- **Banner** - Important announcements and alerts\n- **ErrorBoundary** - Error catching and fallback UI\n- **ExceptionList** - Display lists of errors or exceptions\n- **SkeletonBodyText** - Loading placeholder for text content\n- **SkeletonDisplayText** - Loading placeholder for headings\n- **Spinner** - Loading indicators\n- **Toast** - Temporary notifications\n- **Transition** - Smooth animations and transitions\n\n#### Forms & Selections\n- **Checkbox** - Boolean input controls\n- **RadioButton** - Single selection from multiple options\n- **Select** - Dropdown selection controls\n- **TextField** - Text input fields\n- **Toggle** - On/off switches\n\n#### Images\n- **Thumbnail** - Image previews and avatars\n\n#### Layout & Structure\n- **Card** - Content containers with consistent styling\n- **Divider** - Visual separators\n- **Grid** - Responsive grid system\n- **Layout** - Page layout components\n- **Page** - Full-page layout wrapper\n- **Section** - Content sections\n- **Stack** - Vertical and horizontal stacking\n- **Tabs** - Tabbed content organization\n\n#### Navigation\n- **Frame** - Application frame with navigation\n- **Navigation** - Navigation components\n\n#### Overlays\n- **Modal** - Overlay dialogs and forms\n- **Popover** - Contextual overlays\n- **Tooltip** - Hover information\n\n#### Tables\n- **DataTable** - Structured data display\n- **Table** - Basic table components\n\n#### Typography\n- **DisplayText** - Large display text\n- **Heading** - Section headings\n- **Link** - Interactive links\n- **Text** - Body text and paragraphs\n- **TextStyle** - Text with semantic styling\n\n## Composables\n\nThe package also provides useful composables:\n\n```javascript\nimport { useToast } from '@adersolutions/sirius-vue';\n\n// In your component\nconst { showToast, hideToast } = useToast();\n```\n\n## Styling\n\nThe package includes a CSS file that you need to import. Make sure to include Tailwind CSS in your project for full styling support.\n\n```javascript\nimport '@adersolutions/sirius-vue/style.css';\n```\n\n## TypeScript Support\n\nThis package is built with TypeScript and includes full type definitions. All components and composables are fully typed with proper interfaces and JSDoc comments.\n\n## Demo\n\nYou can run the demo application to see all components in action:\n\n```bash\n# Navigate to the Vue package directory\ncd packages/vue\n\n# Install dependencies\npnpm install\n\n# Run demo\npnpm demo\n\n# Build demo\npnpm demo:build\n```\n\n## Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Build the package\npnpm build\n\n# Watch mode for development\npnpm dev\n```\n\n## License\n\nMIT\n\n## Contributing\n\nPlease refer to the main repository for contributing guidelines.\n\n## Support\n\nFor issues and feature requests, please visit our [GitHub repository](https://github.com/adersolutions/sirius).","readmeFilename":"README.md"}