@colletdev/docs 0.2.12 → 0.2.14

package/components.md

@@ -5,7 +5,7 @@
 
 ## Overview
 
-Collet ships 51 components as Custom Elements (`<cx-*>`) with
+Collet ships 52 components as Custom Elements (`<cx-*>`) with
 framework wrappers for React, Vue, Svelte, and Angular.
 
 **npm packages:**
@@ -538,6 +538,8 @@ Multi-line text area optimized for chat message composition.
 | `cx-blur` | `onBlur` | `@cx-blur` | `FocusDetail` |
 | `cx-keydown` | `onKeydown` | `@cx-keydown` | `KeyboardDetail` |
 | `cx-keyup` | `onKeyup` | `@cx-keyup` | `KeyboardDetail` |
+| `cx-submit` | `onSubmit` | `@cx-submit` | `ChatSubmitDetail` |
+| `cx-input` | `onInput` | `@cx-input` | `InputDetail` |
 
 #### Ref Methods
 
@@ -549,7 +551,9 @@ Multi-line text area optimized for chat message composition.
 
 Import from `@colletdev/core/types`:
 
+- `ChatSubmitDetail`
 - `FocusDetail`
+- `InputDetail`
 - `KeyboardDetail`
 
 ---
@@ -1022,6 +1026,7 @@ Keyboard-navigable list of selectable options (single or multi).
 
 | Event | React | Vue | Detail |
 |-------|-------|-----|--------|
+| `cx-change` | `onChange` | `@cx-change` | `SelectDetail` |
 | `cx-focus` | `onFocus` | `@cx-focus` | `FocusDetail` |
 | `cx-blur` | `onBlur` | `@cx-blur` | `FocusDetail` |
 | `cx-keydown` | `onKeydown` | `@cx-keydown` | `KeyboardDetail` |
@@ -1034,6 +1039,7 @@ Import from `@colletdev/core/types`:
 - `FocusDetail`
 - `KeyboardDetail`
 - `OptionGroup`
+- `SelectDetail`
 - `SelectOption`
 
 ---
@@ -1319,6 +1325,7 @@ Avatar-triggered dropdown menu for user account actions.
 | Event | React | Vue | Detail |
 |-------|-------|-----|--------|
 | `cx-action` | `onAction` | `@cx-action` | `MenuActionDetail` |
+| `cx-change` | `onChange` | `@cx-change` | `MenuChangeDetail` |
 
 #### Ref Methods
 
@@ -1332,6 +1339,7 @@ Avatar-triggered dropdown menu for user account actions.
 Import from `@colletdev/core/types`:
 
 - `MenuActionDetail`
+- `MenuChangeDetail`
 - `MenuEntry`
 
 ---
@@ -1487,10 +1495,13 @@ Search input with clear button, shimmer animation, and icon.
 
 | Event | React | Vue | Detail |
 |-------|-------|-----|--------|
+| `cx-change` | `onChange` | `@cx-change` | `InputDetail` |
 | `cx-focus` | `onFocus` | `@cx-focus` | `FocusDetail` |
 | `cx-blur` | `onBlur` | `@cx-blur` | `FocusDetail` |
 | `cx-keydown` | `onKeydown` | `@cx-keydown` | `KeyboardDetail` |
 | `cx-keyup` | `onKeyup` | `@cx-keyup` | `KeyboardDetail` |
+| `cx-submit` | `onSubmit` | `@cx-submit` | `InputDetail` |
+| `cx-input` | `onInput` | `@cx-input` | `InputDetail` |
 
 #### Ref Methods
 
@@ -1504,6 +1515,7 @@ Search input with clear button, shimmer animation, and icon.
 Import from `@colletdev/core/types`:
 
 - `FocusDetail`
+- `InputDetail`
 - `KeyboardDetail`
 
 ---
@@ -2343,3 +2355,37 @@ Hover/focus-triggered informational overlay anchored to a trigger.
 | openDelay | `number` | `0` |  |
 | closeDelay | `number` | `0` |  |
 
+---
+
+### TopBar
+
+TopBar component.
+
+**Tag:** `<cx-top-bar>`  |  **Form:** no  |  **Slots:** leading, content, trailing
+
+#### Import
+
+| Framework | Import |
+|-----------|--------|
+| React | `import { TopBar } from '@colletdev/react'` |
+| Vue | `import { TopBar } from '@colletdev/vue'` |
+| Svelte | `import TopBar from '@colletdev/svelte/top-bar.svelte'` |
+| Angular | `import { CxTopBar } from '@colletdev/angular'` |
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| id | `string` | — |  |
+| label | `string` | — |  |
+| mobileContent | `string` | — |  |
+| variant | `'filled' \| 'outline' \| 'ghost'` | — |  |
+| shape | `'sharp' \| 'rounded' \| 'pill'` | — |  |
+| position | `'static' \| 'sticky' \| 'fixed'` | — |  |
+| intent | `'neutral' \| 'primary' \| 'info' \| 'success' \| 'warning' \| 'danger'` | — |  |
+| size | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` | — |  |
+| crush | `boolean` | `false` |  |
+| crushThreshold | `number` | `0` |  |
+| movable | `boolean` | `false` |  |
+| drawerSide | `'top' \| 'left' \| 'right' \| 'bottom'` | — |  |
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colletdev/docs",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "description": "Collet component library documentation — API reference, framework guides, and AI agent setup",
   "type": "module",
   "bin": {