{"_id":"@adaptive-ds/astro-ui","_rev":"3-5e0a8b9632d66f1a642653b6290e6eb1","name":"@adaptive-ds/astro-ui","dist-tags":{"latest":"0.5.3"},"versions":{"0.5.0":{"name":"@adaptive-ds/astro-ui","version":"0.5.0","keywords":["astro","astro-ui","tailwind","tailwindcss","components","ui-components","web-development","frontend","typescript"],"license":"MIT","_id":"@adaptive-ds/astro-ui@0.5.0","maintainers":[{"name":"david1gp","email":"david1gruppenplan@gmail.com"}],"homepage":"https://github.com/adaptive-shield-matrix/astro-ui","bugs":{"url":"https://github.com/adaptive-shield-matrix/astro-ui/issues"},"dist":{"shasum":"53f5b9404cd4f114b67a8e1dd5e8f84fe0b6683f","tarball":"https://registry.npmjs.org/@adaptive-ds/astro-ui/-/astro-ui-0.5.0.tgz","fileCount":117,"integrity":"sha512-ITrw1E2sYtRrkySnSdKic12LXvj2zS4rkdj/R6JvJRS4deiWztPHMDBecF5B7yPK+Ztc8UM49JNy9RwuUlHG/g==","signatures":[{"sig":"MEUCIQC3pQlIdrzGq9SVNZueluYRalcWtN03JbhJvcb9SyR8SgIgUamRyAPhuJ84pG00GUAFx/iUN+FUYAbu2GoQl9cpM7E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":96261},"type":"module","exports":{"./*":"./lib/*"},"gitHead":"c559bad2709f0a5ccf9040d8517203c36294e1f0","private":false,"scripts":{"dev":"nice -5 astro dev","tag":"git branch -f deployed","astro":"astro","build":"nice -15 astro build","check":"clear && nice -15 astro check --minimumSeverity error","clean":"rm -rf ./dist","reset":"rm -rf ./node_modules","deploy":"bash ./ops/deploy.bash","update":"nice -15 bun x npm-check-updates -u && bun i","upload":"bun run wrangler pages deploy ./dist --project-name=adaptive-astro-ui --commit-dirty","release":"bash ./ops/release.sh","update:commit":"bun x npm-check-updates -u && bun i && git add package.json && bun run tsc && git commit -m \"chore(deps): update dependencies\" && git push","generateDemoList":"bun run ./src/demos/generateDemoList.cli.ts","generateImageList":"bun run ./src/pages/images/generateImageList.cli.ts","generateAiRulesLib":"bash ./lib/generate_ai_rules/generate_agent_rules_1_lib.bash"},"_npmUser":{"name":"david1gp","email":"david1gruppenplan@gmail.com"},"prettier":{"semi":false,"plugins":["prettier-plugin-astro"],"printWidth":120,"trailingComma":"all"},"repository":{"url":"git+https://github.com/adaptive-shield-matrix/astro-ui.git"},"_npmVersion":"10.9.4","description":"A library of reusable UI components for Astro projects. Built with TypeScript, Tailwind CSS, and Astro in static output mode. Components are designed to be accessible, customizable, and easy to integrate.","directories":{},"_nodeVersion":"22.21.1","_hasShrinkwrap":false,"devDependencies":{"astro":"^5.17.2","dayjs":"^1.11.19","@mdi/js":"^7.4.47","prettier":"^3.8.1","wrangler":"^4.65.0","@types/bun":"latest","image-size":"^2.0.2","remark-toc":"^9.0.0","typescript":"^5.9.3","rehype-slug":"^6.0.0","tailwindcss":"^4.1.18","@astrojs/check":"^0.9.6","@biomejs/biome":"^2.3.15","tailwind-merge":"^3.4.0","@tailwindcss/vite":"^4.1.18","@adaptive-ds/utils":"^0.7.0","prettier-plugin-astro":"^0.14.1","rehype-autolink-headings":"^7.1.0","rollup-plugin-visualizer":"^6.0.5"},"_npmOperationalInternal":{"tmp":"tmp/astro-ui_0.5.0_1770910465927_0.9593302717522831","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@adaptive-ds/astro-ui","version":"0.5.2","keywords":["astro","astro-ui","tailwind","tailwindcss","components","ui-components","web-development","frontend","typescript"],"license":"MIT","_id":"@adaptive-ds/astro-ui@0.5.2","maintainers":[{"name":"david1gp","email":"david1gruppenplan@gmail.com"}],"homepage":"https://github.com/david1gp/astro-ui","bugs":{"url":"https://github.com/david1gp/astro-ui/issues"},"dist":{"shasum":"351c399914c408965f55a0687c6f1fc554525f08","tarball":"https://registry.npmjs.org/@adaptive-ds/astro-ui/-/astro-ui-0.5.2.tgz","fileCount":117,"integrity":"sha512-cAnFzIwi+V2payRv3W+gIZ3+MMN9ZOuYh/5egll6yV90+L2PbI4FdWBNIb8N/z7iVfbAb4xYJ9wkjU+p2dbdUQ==","signatures":[{"sig":"MEUCIAyiUkWwr4vZTTc7dQxqr2Xuuobazd6AL3oe+jcMMIxQAiEAiYThRByJiLsmgEp7tIyB/b/pajYLcLF/8a/iAwr924k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@adaptive-ds%2fastro-ui@0.5.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":96233},"type":"module","exports":{"./*":"./lib/*"},"gitHead":"e0f63e9d7ca01eee9a886048f5a3e21af98bbb1f","private":false,"scripts":{"dev":"nice -5 astro dev","tag":"git branch -f deployed","astro":"astro","build":"nice -15 astro build","check":"clear && nice -15 astro check --minimumSeverity error","clean":"rm -rf ./dist","reset":"rm -rf ./node_modules","deploy":"bash ./ops/deploy.bash","update":"nice -15 bun x npm-check-updates -u && bun i","upload":"bun run wrangler pages deploy ./dist --project-name=adaptive-astro-ui --commit-dirty","release":"bash ./ops/release.sh","update:commit":"bun x npm-check-updates -u && bun i && git add package.json && bun run tsc && git commit -m \"chore(deps): update dependencies\" && git push","generateDemoList":"bun run ./src/demos/generateDemoList.cli.ts","generateImageList":"bun run ./src/pages/images/generateImageList.cli.ts","generateAiRulesLib":"bash ./lib/generate_ai_rules/generate_agent_rules_1_lib.bash"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e315a0a4-35d9-470e-b70e-1283f8140f55"}},"prettier":{"semi":false,"plugins":["prettier-plugin-astro"],"printWidth":120,"trailingComma":"all"},"repository":{"url":"git+https://github.com/david1gp/astro-ui.git"},"_npmVersion":"11.10.0","description":"A library of reusable UI components for Astro projects. Built with TypeScript, Tailwind CSS, and Astro in static output mode. Components are designed to be accessible, customizable, and easy to integrate.","directories":{},"_nodeVersion":"20.20.0","_hasShrinkwrap":false,"devDependencies":{"astro":"^5.17.2","dayjs":"^1.11.19","@mdi/js":"^7.4.47","prettier":"^3.8.1","wrangler":"^4.65.0","@types/bun":"latest","image-size":"^2.0.2","remark-toc":"^9.0.0","typescript":"^5.9.3","rehype-slug":"^6.0.0","tailwindcss":"^4.1.18","@astrojs/check":"^0.9.6","@biomejs/biome":"^2.3.15","tailwind-merge":"^3.4.0","@tailwindcss/vite":"^4.1.18","@adaptive-ds/utils":"^0.7.0","prettier-plugin-astro":"^0.14.1","rehype-autolink-headings":"^7.1.0","rollup-plugin-visualizer":"^6.0.5"},"_npmOperationalInternal":{"tmp":"tmp/astro-ui_0.5.2_1770910962338_0.328698334876677","host":"s3://npm-registry-packages-npm-production"}},"0.5.3":{"name":"@adaptive-ds/astro-ui","version":"0.5.3","scripts":{"astro":"astro","dev":"nice -5 astro dev","check":"clear && nice -15 astro check --minimumSeverity error","build":"nice -15 astro build","deploy":"bash ./ops/deploy.bash","upload":"bun run wrangler pages deploy ./dist --project-name=adaptive-astro-ui --commit-dirty","tag":"git branch -f deployed","release":"bash ./ops/release.sh","generateDemoList":"bun run ./src/demos/generateDemoList.cli.ts","generateImageList":"bun run ./src/pages/images/generateImageList.cli.ts","generateAiRulesLib":"bash ./lib/generate_ai_rules/generate_agent_rules_1_lib.bash","update":"nice -15 bun x npm-check-updates -u && bun i","update:commit":"bun x npm-check-updates -u && bun i && git add package.json && bun run tsc && git commit -m \"chore(deps): update dependencies\" && git push","clean":"rm -rf ./dist","reset":"rm -rf ./node_modules"},"devDependencies":{"@adaptive-ds/utils":"^0.7.0","@astrojs/check":"^0.9.6","@biomejs/biome":"^2.3.15","@mdi/js":"^7.4.47","@tailwindcss/vite":"^4.1.18","@types/bun":"latest","astro":"^5.17.2","dayjs":"^1.11.19","image-size":"^2.0.2","prettier":"^3.8.1","prettier-plugin-astro":"^0.14.1","rehype-autolink-headings":"^7.1.0","rehype-slug":"^6.0.0","remark-toc":"^9.0.0","rollup-plugin-visualizer":"^6.0.5","tailwind-merge":"^3.4.0","tailwindcss":"^4.1.18","typescript":"^5.9.3","wrangler":"^4.65.0"},"prettier":{"semi":false,"printWidth":120,"trailingComma":"all","plugins":["prettier-plugin-astro"]},"exports":{"./*":"./lib/*"},"type":"module","private":false,"license":"MIT","homepage":"https://github.com/david1gp/astro-ui","description":"A library of reusable UI components for Astro projects. Built with TypeScript, Tailwind CSS, and Astro in static output mode. Components are designed to be accessible, customizable, and easy to integrate.","keywords":["astro","astro-ui","tailwind","tailwindcss","components","ui-components","web-development","frontend","typescript"],"repository":{"url":"git+https://github.com/david1gp/astro-ui.git"},"gitHead":"6f7e73f515a2d17b44bb04f61d4319db67fa9409","_id":"@adaptive-ds/astro-ui@0.5.3","bugs":{"url":"https://github.com/david1gp/astro-ui/issues"},"_nodeVersion":"20.20.0","_npmVersion":"11.11.1","dist":{"integrity":"sha512-cZ1JxydFxuEQ+JLQrk6tL2yRLqp8LqAQGPRKtVR0rykxoJEKBaO445IqqNq+QUuJSGtIukCzggcVLpa4ySpBiA==","shasum":"856ac568f4ba38f556a9b37e303eddb6d10a2001","tarball":"https://registry.npmjs.org/@adaptive-ds/astro-ui/-/astro-ui-0.5.3.tgz","fileCount":116,"unpackedSize":92507,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@adaptive-ds%2fastro-ui@0.5.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIE2IrUGtsNvVEqiyJt76Hm/lbu0Oi4KKGsAvzP8GdPXWAiEAkoD+K4TKtKDJ9B/SLlCXMbEiCWCX3JmG2Kx7hW9TfBY="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e315a0a4-35d9-470e-b70e-1283f8140f55"}},"directories":{},"maintainers":[{"name":"david1gp","email":"david1gruppenplan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/astro-ui_0.5.3_1773439557182_0.3426064723181237"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-12T15:34:25.853Z","modified":"2026-03-13T22:05:57.646Z","0.5.0":"2026-02-12T15:34:26.069Z","0.5.2":"2026-02-12T15:42:42.489Z","0.5.3":"2026-03-13T22:05:57.345Z"},"bugs":{"url":"https://github.com/david1gp/astro-ui/issues"},"license":"MIT","homepage":"https://github.com/david1gp/astro-ui","keywords":["astro","astro-ui","tailwind","tailwindcss","components","ui-components","web-development","frontend","typescript"],"repository":{"url":"git+https://github.com/david1gp/astro-ui.git"},"description":"A library of reusable UI components for Astro projects. Built with TypeScript, Tailwind CSS, and Astro in static output mode. Components are designed to be accessible, customizable, and easy to integrate.","maintainers":[{"name":"david1gp","email":"david1gruppenplan@gmail.com"}],"readme":"# Adaptive Astro UI\n\nA library of reusable UI components for Astro projects. Built with TypeScript, Tailwind CSS, and Astro in static output mode. Components are designed to be accessible, customizable, and easy to integrate.\n\nQuick link\n\n- code - https://github.com/david1gp/astro-ui\n- npm - https://www.npmjs.com/package/@adaptive-ds/astro-ui\n- component demo - https://adaptive-astro-ui.pages.dev/\n\n## Installation\n\nInstall the package using Bun:\n\n```bash\nbun add @adaptive-ds/astro-ui\n```\n\n## Tailwind CSS Configuration\n\nTo ensure Tailwind scans the library's source files for classes (since components are published as source without a build step), add the following `@source` directive to your project's `src/layouts/tailwind.css` (or equivalent global stylesheet):\n\n```css\n@source '/node_modules/@adaptive-ds/astro-ui/lib/**/*.{astro,html,md,mdx,ts,tsx}';\n```\n\nThis tells Tailwind to include classes from the library's `.astro`, `.ts`, and other relevant files in the purge process, preventing unused classes from being purged during the build. Without it, Tailwind might not detect classes used in imported components, leading to missing styles.\n\n## Option configuration: import alias\n\n### Typescript\n\nIn your `tsconfig.json`, set up the `~` alias to point to the library:\n\n```json\n{\n  \"compilerOptions\": {\n    \"baseUrl\": \".\",\n    \"paths\": {\n      \"@/*\": [\"src/*\"],\n      \"~ui/*\": [\"node_modules/@adaptive-ds/astro-ui/lib/*\"]\n    }\n  }\n}\n```\n\n### Astro\n\nIn your `astro.config.mjs`, set up the `~` alias to point to the library:\n\n```js\nimport { defineConfig } from \"astro/config\"\n\nexport default defineConfig({\n  vite: {\n    resolve: {\n      alias: {\n        \"~\": new URL(\"./node_modules/@adaptive-ds/astro-ui/lib\", import.meta.url).pathname,\n      },\n    },\n  },\n})\n```\n\n## Usage\n\n### No Build Step Required\n\nThis library ships source `.astro` and `.ts` files directly—no pre-build needed. Benefits include:\n\n- **Smaller size**: No bundled or compiled files.\n- **Full compatibility**: Your Astro project compiles components using its own Astro, Vite, and Tailwind setup.\n- **Better DX**: Preserves TypeScript types and IntelliSense.\n- **Easier updates**: Consumers get changes immediately, with no build artifacts to manage.\n\nJust set up your alias - Astro handles the rest automatically.\n\nImport and use components directly in your Astro files. For example:\n\n### Button Component\n\n```astro\n---\nimport { Button } from \"~ui/button/Button.astro\"\n---\n\n<Button variant=\"primary\">Click me</Button>\n```\n\n### Card Component\n\n```astro\n---\nimport { CardWrapper } from \"~ui/card/CardWrapper.astro\"\n---\n\n<CardWrapper> Card content here. </CardWrapper>\n```\n\n### Image Component\n\n```astro\n---\nimport { Img } from \"~ui/img/Img.astro\"\n---\n\n<Img src=\"/path/to/image.jpg\" alt=\"Description\" />\n```\n\nRefer to individual component documentation in the source code for props and variants.\n\n## Components\n\n### Buttons\n\n- [Button.astro](lib/button/Button.astro)\n- Button variants and animations via CVAs in `buttonCva.ts`, `buttonIconCva.ts`\n\n### Cards\n\n- [CardWrapper.astro](lib/card/CardWrapper.astro)\n\n### Details\n\n- [Details.astro](lib/details/Details.astro)\n\n### Forms\n\n- [Fieldset.astro](lib/form/Fieldset.astro)\n\n### Icons\n\n- [Icon.astro](lib/icon/Icon.astro) (replaces SVG icons)\n\nusage:\n\n- Choose from over 7000 icons: https://pictogrammers.com/library/mdi/\n- Import name from \"@mdi/js\" library\n- Passed on as `path` prop\n\n### Images\n\n- [Img.astro](lib/img/Img.astro)\n\n  A small wrapper setting loading lazy and decoding to async.\n\n- [TypedImg.astro](lib/img/TypedImg.astro)\n\n  An image with given width and height to prevent layout shifts.\n\n  Generate types using `lib/generate_image_list/generateImageList.ts`\n\n### Layouts\n\n- [MinimalLayout.astro](lib/layouts/MinimalLayout.astro)\n- [MarkdownPageWrapper.astro](lib/layouts/MarkdownPageWrapper.astro)\n\n### Navigation bar\n\n- [ThemeToggle.astro](lib/layouts/parts/ThemeToggle.astro)\n\n### Links\n\n- [LinkText.astro](lib/link/LinkText.astro)\n- [LinkButton.astro](lib/link/LinkButton.astro)\n\n### Lists\n\n- [BlackBulletPoints.astro](lib/list/BlackBulletPoints.astro)\n- [CheckPoints.astro](lib/list/CheckPoints.astro)\n- [NumberedList.astro](lib/list/NumberedList.astro)\n\n### Modals\n\n- [ModalButton.astro](lib/modal/ModalButton.astro)\n\n### Pages\n\n- [PageCentered.astro](lib/page/PageCentered.astro)\n- [PageCenteredCard.astro](lib/page/PageCenteredCard.astro)\n\n### Popovers\n\n- [Popover1.astro](lib/popover/Popover1.astro)\n\n### Selects\n\n- [Select.astro](lib/select/Select.astro)\n\n### Table\n\n- [Table.astro](lib/table/Table.astro)\n\n## Demos\n\nExplore component demos at:\n[https://adaptive-astro-ui.pages.dev/](https://adaptive-astro-ui.pages.dev/)\n\n## Development\n\n### Building the Library\n\n```bash\nbun run build\n```\n\n### Running Demos\n\n```bash\nbun run dev\n```\n\n### Linting and Formatting\n\nUses Biome for linting and formatting:\n\n```bash\nbun run biome check .\nbun run biome format --write .\n```\n\n## Contributing\n\n1. Fork the repository.\n2. Create a feature branch.\n3. Add or update components in `lib/`.\n4. Update demos in `src/pages/demos/`.\n5. Ensure tests pass and run `bun run build`.\n6. Submit a pull request.\n\nFollow the coding rules in `.roo/rules-code/` for style and best practices.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgments\n\n- Built on top of [Astro](https://astro.build).\n- Styled with [Tailwind CSS](https://tailwindcss.com/).\n- Icons from [MDI](https://pictogrammers.com/library/mdi/).\n\nFor more information, visit the [GitHub repository](https://github.com/david1gp/astro-ui).\n","readmeFilename":"README.md"}