@pienter/ui

Shared Pienter UI package with framework-specific components, CSS, icons, and browser utilities.

This package publishes raw source files. Consuming projects compile the Vue, Astro, TypeScript, and CSS files with their own toolchain.

Install

npm install @pienter/ui

Install the framework peer you use:

npm install vue
npm install astro

Usage

import Button from '@pienter/ui/components/button/Button.vue';
import '@pienter/ui/styles';

Astro components are available beside Vue components:

---
import Button from '@pienter/ui/components/button/Button.astro';
---

Utilities and icons are available through subpath imports:

import { icons } from '@pienter/ui/icons';
import { generateId } from '@pienter/ui/utils/a11y/id.js';

Development

make verify
make smoke-install CONSUMER=/path/to/consumer-app
make publish

See CONVENTIONS.md for component authoring rules.