{"_id":"@0code/ui","_rev":"2-aadf223f5cffca3b685f234f3dc157e7","name":"@0code/ui","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@0code/ui","version":"1.0.0","keywords":["upcode","0code","svelte","ui-components","svelte5"],"author":{"name":"OGGY","email":"support@0code.uk"},"license":"AGPL-3.0","_id":"@0code/ui@1.0.0","maintainers":[{"name":"oggynjack","email":"desigamers003@gmail.com"}],"homepage":"https://github.com/oggynjack/0code-sdk#readme","bugs":{"url":"https://github.com/oggynjack/0code-sdk/issues"},"dist":{"shasum":"51bea3d9a52f6c08c1525a6350d5f8089b92c921","tarball":"https://registry.npmjs.org/@0code/ui/-/ui-1.0.0.tgz","fileCount":165,"integrity":"sha512-UfbwyZbEhlZh4c8eb5eSlveF359ROMNA6ufAl0svMUYQXFGJpuMKslnufAEIItxH8IY98yUiMSL/bcfZM9EwYw==","signatures":[{"sig":"MEUCIQC7CwZr20rmFAHmJkzyDjb9cNbUzrScSNgM4TKsVps4rwIgcB26gCVNEhcszI1lpj8IK6KhAgwoXFBmDK8Xx+OcX8w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":430357},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./theme/default.css":"./theme/default.css"},"gitHead":"a9ba5c2fb54fae3764a619abe15c74ead8fefd77","private":false,"_npmUser":{"name":"oggynjack","email":"desigamers003@gmail.com"},"repository":{"url":"git+https://github.com/oggynjack/0code-sdk.git","type":"git","directory":"packages/ui"},"_npmVersion":"10.9.3","description":"UpCode UI - Svelte 5 component library for UpCode by 0Code","directories":{},"_nodeVersion":"22.20.0","dependencies":{"luxon":"^3.7.2","@mdi/js":"^7.4.47","bits-ui":"^2.9.8","simple-icons":"^15.14.0","tailwind-merge":"^3.0.0","svelte-highlight":"^7.8.4","tailwind-variants":"^3.0.0","@internationalized/date":"^3.10.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.0_1760619148412_0.4443059884094549","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@0code/ui","version":"1.0.1","private":false,"type":"module","description":"UpCode UI - Svelte 5 component library for UpCode by 0Code","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./theme/default.css":"./theme/default.css"},"dependencies":{"@internationalized/date":"^3.10.0","@mdi/js":"^7.4.47","bits-ui":"^2.9.8","luxon":"^3.7.2","simple-icons":"^15.14.0","svelte-highlight":"^7.8.4","tailwind-merge":"^3.0.0","tailwind-variants":"^3.0.0"},"peerDependencies":{"svelte":"^5.0.0"},"repository":{"type":"git","url":"git+https://github.com/oggynjack/0code-sdk.git","directory":"packages/ui"},"author":{"name":"OGGY","email":"support@0code.uk"},"license":"AGPL-3.0","publishConfig":{"access":"public"},"keywords":["upcode","0code","svelte","ui-components","svelte5"],"_id":"@0code/ui@1.0.1","gitHead":"541ced4e8451e449ba0ce882738e14032c17b966","bugs":{"url":"https://github.com/oggynjack/0code-sdk/issues"},"homepage":"https://github.com/oggynjack/0code-sdk#readme","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-Qyma3vTLbIftid51afVGy3vJcUKReRVJpl95kvPuE7zlraZdBgeQg+wW8oN2ra7nDxqOsXK8BNAWJ9fFAtIFvQ==","shasum":"8180a134533b629b0341f232cd4ef2fd16ec7e1f","tarball":"https://registry.npmjs.org/@0code/ui/-/ui-1.0.1.tgz","fileCount":4,"unpackedSize":6204,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEVk/D92jDmR09rez4WdLXeML8P2GiFthj0rEAAGsDtGAiEAzNc7+OeTgykP/B/TPavn2EByjRbXgeUO02a98/EOORI="}]},"_npmUser":{"name":"oggynjack","email":"desigamers003@gmail.com"},"directories":{},"maintainers":[{"name":"oggynjack","email":"desigamers003@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.0.1_1760620478431_0.6360086080056158"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-16T12:52:28.269Z","modified":"2025-10-16T13:14:38.783Z","1.0.0":"2025-10-16T12:52:28.660Z","1.0.1":"2025-10-16T13:14:38.606Z"},"bugs":{"url":"https://github.com/oggynjack/0code-sdk/issues"},"author":{"name":"OGGY","email":"support@0code.uk"},"license":"AGPL-3.0","homepage":"https://github.com/oggynjack/0code-sdk#readme","keywords":["upcode","0code","svelte","ui-components","svelte5"],"repository":{"type":"git","url":"git+https://github.com/oggynjack/0code-sdk.git","directory":"packages/ui"},"description":"UpCode UI - Svelte 5 component library for UpCode by 0Code","maintainers":[{"name":"oggynjack","email":"desigamers003@gmail.com"}],"readme":"# @0code/ui\n\nOfficial UI component library for [UpCode](https://upcode.0code.uk/) by 0Code.\n\n**Svelte 5 components for building beautiful, accessible interfaces.**\n\n## Installation\n\n```bash\nnpm install @0code/ui\n# or\npnpm add @0code/ui\n# or\nyarn add @0code/ui\n```\n\n## Usage\n\n```typescript\nimport { Button, Modal, Icon, LoadingSpinner } from '@0code/ui';\nimport '@0code/ui/theme/default.css';\n```\n\n### Example\n\n```svelte\n<script lang=\"ts\">\n  import { Button, Modal, modalManager } from '@0code/ui';\n  import { mdiCheck } from '@mdi/js';\n  \n  function showModal() {\n    modalManager.show(Modal, {\n      title: 'Hello UpCode!',\n      onConfirm: () => console.log('Confirmed')\n    });\n  }\n</script>\n\n<Button color=\"primary\" leadingIcon={mdiCheck} onclick={showModal}>\n  Open Modal\n</Button>\n```\n\n## Available Components\n\n### Layout\n- `AppShell`, `AppShellHeader`, `AppShellSidebar`\n- `Container`, `Stack`, `HStack`, `VStack`\n- `Scrollable`\n\n### Forms\n- `Input`, `PasswordInput`, `Textarea`\n- `Select`, `MultiSelect`\n- `Checkbox`, `Switch`\n- `Label`, `Field`, `HelperText`\n\n### Buttons & Navigation\n- `Button`, `IconButton`, `CloseButton`\n- `Link`, `NavbarItem`, `NavbarGroup`\n\n### Feedback\n- `Alert`, `LoadingSpinner`\n- `Modal`, `ModalHeader`, `ModalBody`, `ModalFooter`\n- `ConfirmModal`\n\n### Display\n- `Avatar`, `Card`, `CardHeader`, `CardBody`, `CardFooter`\n- `Icon`, `Logo`\n- `Text`, `Heading`, `Code`, `CodeBlock`\n- `Kbd`, `Badge`, `SupporterBadge`\n- `FormatBytes`\n\n### Utilities\n- `ThemeSwitcher`, `CommandPalette`\n- `SiteMetadata`, `SiteFooter`\n\n### Services\n- `modalManager` - Global modal management\n- `commandPaletteManager` - Command palette system\n- `themeStore` - Theme switching (light/dark)\n- `translationStore` - i18n support\n\n## Theming\n\nImport the default theme:\n\n```typescript\nimport '@0code/ui/theme/default.css';\n```\n\nOr customize with Tailwind CSS (requires Tailwind v4.1+):\n\n```javascript\n// tailwind.config.js\nexport default {\n  content: [\n    './src/**/*.{html,js,svelte,ts}',\n    './node_modules/@0code/ui/**/*.{svelte,js}'\n  ]\n};\n```\n\n## TypeScript Support\n\nFully typed with TypeScript declarations included.\n\n```typescript\nimport type { ButtonProps, ModalProps } from '@0code/ui';\n```\n\n## Peer Dependencies\n\n- `svelte`: ^5.0.0\n\n## Features\n\n- 🎨 **Tailwind CSS** - Utility-first styling\n- 🌙 **Dark mode** - Built-in theme switching\n- ♿ **Accessible** - ARIA-compliant components\n- 📦 **Tree-shakeable** - Import only what you need\n- 🔒 **Type-safe** - Full TypeScript support\n- 🚀 **Svelte 5** - Built with latest Svelte features\n\n## Documentation\n\nFor full documentation and examples, visit: https://upcode.0code.uk/docs\n\n## License\n\nAGPL-3.0 © 0Code\n","readmeFilename":"README.md"}