Components

The current set is Accordion, Alert, BottomSheet, Breadcrumb, Button, Card, Carousel, Checkbox, Dialog, Heading, Icon, Input, Link, Pagination, Price, ProgressIndicator, Radio, Rating, Select, SideSheet, Switch, Tabs, Tag, Textarea, Toast, and Tooltip. Each is implemented as a native TypeScript custom element that uses light DOM only. Import the token stylesheet followed by @aidsgn/components/styles.css for the complete catalog. For selective loading, combine styles/reset.css, styles/shared.css, and individual modules such as styles/button.css.

Import @aidsgn/components/register once to register the complete catalog. For smaller native bundles, import an individual defineAidsgn*() function from @aidsgn/components and call it instead; the package root itself has no registration side effect.

The components preserve native HTML behavior rather than hiding it behind a framework runtime. Their detailed pages describe what is usable now and any explicit API boundary.

If several components seem plausible, start with Choosing components for intent-based comparisons such as Button versus Link, Alert versus Toast, and Dialog versus SideSheet versus BottomSheet.