@agent-ui-kit/web-components 0.0.7 → 0.0.14

package/README.md

@@ -121,6 +121,15 @@ All components use the `aui-` prefix. They are standard HTML custom elements —
 | `<aui-field>` | Form field wrapper with `label`, `description`, `error`, `required`, `hide-label`, `width="full"` |
 | `<aui-calendar>` | Date picker calendar grid |
 
+### Controls (continued)
+
+| Element | Description |
+|---|---|
+| `<aui-input-group>` | Connects input with prefix/suffix addons |
+| `<aui-button-group>` | Groups buttons with shared/connected borders |
+| `<aui-fieldset>` | Groups form fields under a legend heading |
+| `<aui-input-otp>` | Segmented one-time password input |
+
 ### Display
 
 | Element | Description |
@@ -130,8 +139,50 @@ All components use the `aui-` prefix. They are standard HTML custom elements —
 | `<aui-text>` | `size="xs\|sm\|md\|lg"`, `muted`, `weight` |
 | `<aui-badge>` | Status badge. `accent`, `success`, `warning`, `danger` |
 | `<aui-avatar>` | User avatar with initials or image. `size`, `square` |
+| `<aui-avatar-group>` | Overlapping avatar stack with overflow counter |
 | `<aui-tooltip>` | Hover tooltip |
 | `<aui-toast>` | Notification toast |
+| `<aui-chip>` | Compact pill-shaped label for tags and filters |
+| `<aui-link>` | Styled anchor for inline and standalone links |
+| `<aui-kbd>` | Keyboard shortcut indicator styled as a key cap |
+| `<aui-image>` | Enhanced image with lazy loading, aspect ratio, fallback, lightbox |
+| `<aui-stat>` | KPI display widget with label, value, trend arrow, change text |
+| `<aui-description-list>` | Key-value pair display using dt/dd with grid layout |
+| `<aui-copy-button>` | One-click copy button with visual check feedback |
+| `<aui-empty-state>` | Centered empty placeholder with icon, heading, description, action |
+
+### Feedback
+
+| Element | Description |
+|---|---|
+| `<aui-skeleton>` | Loading placeholder with shimmer animation |
+| `<aui-spinner>` | Animated loading indicator |
+| `<aui-alert>` | Contextual banner for status messages |
+| `<aui-progress>` | Horizontal progress bar |
+| `<aui-progress-circle>` | Circular SVG ring progress indicator |
+| `<aui-meter>` | Visual gauge for known-range scalar values |
+| `<aui-sparkline>` | Compact inline bar chart for KPI widgets |
+| `<aui-code-block>` | Code display with language header and copy button |
+
+### Color
+
+| Element | Description |
+|---|---|
+| `<aui-color-picker>` | Compound color picker composing area, sliders, and field |
+| `<aui-color-area>` | 2D gradient surface for picking saturation and lightness |
+| `<aui-color-slider>` | Single-axis gradient slider for a color channel |
+| `<aui-color-field>` | Text input for color values with inline swatch preview |
+| `<aui-color-swatch>` | Color preview square with checkerboard transparency |
+
+### Date & Time
+
+| Element | Description |
+|---|---|
+| `<aui-calendar>` | Date picker with day, month, and year views |
+| `<aui-calendar-picker>` | Compound date picker with trigger input and calendar popover |
+| `<aui-calendar-range-picker>` | Compound date range picker with trigger and calendar popover |
+| `<aui-date-field>` | Segmented date input with editable month, day, year segments |
+| `<aui-time-field>` | Segmented time input with editable hour and minute segments |
 
 ### Navigation
 
@@ -142,6 +193,11 @@ All components use the `aui-` prefix. They are standard HTML custom elements —
 | `<aui-breadcrumb>` | Breadcrumb trail with `<aui-breadcrumb-item>` |
 | `<aui-pagination>` | Page navigation |
 | `<aui-tree>` | Tree view with `<aui-tree-item>` |
+| `<aui-nav-item>` | Navigation list item with icon, label, badge, active state |
+| `<aui-stepper>` | Multi-step progress with `<aui-step>` and connector lines |
+| `<aui-disclosure>` | Collapsible content section with animated expand/collapse |
+| `<aui-disclosure-group>` | Coordinates child disclosures with optional accordion mode |
+| `<aui-tag-group>` | Keyboard-navigable container for `<aui-chip>` elements |
 
 ### Overlay
 
@@ -150,6 +206,10 @@ All components use the `aui-` prefix. They are standard HTML custom elements —
 | `<aui-dialog>` | Modal dialog. `open`, `size` |
 | `<aui-drawer>` | Slide-out drawer. `open`, `side` |
 | `<aui-command>` | Command palette with `<aui-command-input>`, `<aui-command-list>`, `<aui-command-item>` |
+| `<aui-context-menu>` | Right-click triggered context menu via Popover API |
+| `<aui-dropdown-menu>` | Trigger button + popover menu for actions |
+| `<aui-hover-card>` | Rich preview card shown on hover/focus with configurable delay |
+| `<aui-notification-center>` | Notification inbox with bell trigger, unread badge, popover list |
 
 ### Data
 
@@ -158,6 +218,8 @@ All components use the `aui-` prefix. They are standard HTML custom elements —
 | `<aui-table>` | Data table with `<aui-table-head>`, `<aui-table-body>`, `<aui-table-row>`, `<aui-table-header>`, `<aui-table-cell>` |
 | `<aui-bar>` | Chart bar element. `label` (CSS tooltip), `highlighted`, `faded` |
 | `<aui-feed>` | Infinite scrolling feed container |
+| `<aui-file-upload>` | Drop zone with file list for drag-and-drop or click-to-browse uploads |
+| `<aui-carousel>` | Horizontal scrolling slides with CSS scroll-snap and navigation |
 
 ### Agent / Chat
 
@@ -379,14 +441,14 @@ Every component, trait, and block has a structured YAML spec with attributes, sl
 
 ### Single JSON (recommended for LLMs)
 
-One fetch gets the full API for all 76 components, 50 traits, and 54 blocks:
+One fetch gets the full API for all 109 components, 50 traits, and 54 blocks:
 
 ```
-https://unpkg.com/@agent-ui-kit/web-components/dist/api.json
+https://unpkg.com/@agent-ui-kit/web-components/dist/api.components.json
 ```
 
 ```js
-const api = await fetch('https://unpkg.com/@agent-ui-kit/web-components/dist/api.json').then(r => r.json())
+const api = await fetch('https://unpkg.com/@agent-ui-kit/web-components/dist/api.components.json').then(r => r.json())
 // api.components — array of component specs
 // api.traits — array of trait specs
 // api.blocks — array of block specs
@@ -416,13 +478,14 @@ https://unpkg.com/@agent-ui-kit/web-components/dist/docs/blocks/login-form.yaml
 
 | Entry | Gzip |
 |---|---|
-| `agent-ui.css` | 30 KB |
+| `agent-ui.css` | 46 KB |
 | `register.js` (all components + traits) | 15 KB |
-| `components.js` (tree-shakeable) | 24 KB |
+| `components.js` (tree-shakeable) | 2 KB |
 | `traits.js` | 25 KB |
+| `icons.js` | 1 KB |
 | `components/graph.js` | 4 KB |
 | `components/editor.js` | 2 KB |
-| `components/agent.js` | 10 KB |
+| `components/agent.js` | 1 KB |
 
 ## License