@vllnt/ui 0.1.11-canary.54f8a77 → 0.1.11-canary.db315bc

package/CHANGELOG.md

@@ -0,0 +1,104 @@
+# Changelog
+
+All notable changes to `@vllnt/ui` are documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project follows [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [0.2.0] - 2026-04-21
+
+### Added
+
+- **AI family** — `AiChatInput`, `AiMessageBubble`, `AiSourceCitation`, `AiStreamingText`, `AiToolCallDisplay`, `ThinkingBlock`, `ModelSelector`.
+- **Financial family** — `CandlestickChart`, `MarketTreemap`, `OrderBook`, `TickerTape`, `SparklineGrid`, `WalletCard`, `Watchlist`.
+- **Ops / Status family** — `StatusBoard`, `StatusIndicator`, `LiveFeed`, `WorldClockBar`, `SeverityBadge`, `RoleBadge`, `ScopeSelector`.
+- **Billing & Plans family** — `SubscriptionCard`, `PlanBadge`, `CreditBadge`, `UsageBreakdown`.
+- **Animation family** — `AnimatedText`, `BorderBeam`, `Marquee`, `NumberTicker`, and a standalone spinner library exported via `Spinner`.
+- **Educational family** — `Flashcard`, `Stepper`, `Tour`, `Annotation`, `CompletionDialog`, `TruncatedText`, `TableOfContentsPanel`.
+- **Form additions** — `DatePicker`, `FileUpload`, `NumberInput`, `PasswordInput`, `InlineInput`, `Combobox`, `Rating`.
+- **Data / metric additions** — `DataTable`, `DataList`, `StatCard`, `MetricGauge`, `ActivityHeatmap`, `ActivityLog`.
+- **App shell additions** — `CategoryFilter`, `FilterBar`, `CookieConsent`, `Slideshow`, `CountdownTimer`, `AvatarGroup`, `FloatingActionButton`, `SocialFab`, `KeyboardShortcutsHelp`, `ShareDialog`, `HorizontalScrollRow`, `ViewSwitcher`.
+- Total component count: **144** (up from 93).
+- Full Storybook integration with E2E smoke tests in CI.
+- OG image generation for every registry page.
+- Signed provenance attestations on every published artifact (sigstore).
+
+### Changed
+
+- Documentation domain moved to `ui.vllnt.ai` / `storybook.vllnt.ai`.
+- Default package registry is the public npm registry (no longer GitHub Packages).
+- README component tables expanded to cover all 144 components organized by family.
+
+### Fixed
+
+- Publish workflow now uses `npx --yes npm@latest publish` so OIDC trusted publishing survives GitHub runners that ship pre-11.5.1 npm.
+
+## [0.1.11] - 2026-04 *(last canary-era release)*
+
+### Fixed
+
+- Re-extract tarball path from `pnpm pack` output for publish step.
+
+## [0.1.10]
+
+### Changed
+
+- Switched to `pnpm pack` + `npm publish` flow to support `publishConfig` with OIDC auth.
+
+## [0.1.9]
+
+### Fixed
+
+- Use `pnpm publish` and repair release creation step in CI.
+
+## [0.1.8]
+
+### Fixed
+
+- Annotated tags + `--notes-file` for release creation.
+
+## [0.1.7]
+
+### Added
+
+- `HorizontalScrollRow`, `ViewSwitcher`, and `useHorizontalScroll` hook.
+
+### Fixed
+
+- `Comparison`: defensive prop validation to prevent runtime crash on malformed input.
+
+## [0.1.6]
+
+### Fixed
+
+- Bundle-free build to preserve per-file `"use client"` directives in published chunks.
+
+## [0.1.5]
+
+### Fixed
+
+- Add `"use client"` to all dist JS including `index.js`.
+
+## [0.1.4]
+
+### Fixed
+
+- Exclude `index.js` from `"use client"` banner.
+
+## [0.1.3]
+
+### Fixed
+
+- Add `"use client"` directive to published dist chunks.
+
+## [0.1.2]
+
+### Added
+
+- Initial public publish to the public npm registry.
+
+[0.2.0]: https://github.com/vllnt/ui/releases/tag/v0.2.0
+[0.1.11]: https://github.com/vllnt/ui/releases/tag/v0.1.11
+[0.1.10]: https://github.com/vllnt/ui/releases/tag/v0.1.10
+[0.1.9]: https://github.com/vllnt/ui/releases/tag/v0.1.9
+[0.1.8]: https://github.com/vllnt/ui/releases/tag/v0.1.8
+[0.1.2]: https://github.com/vllnt/ui/releases/tag/v0.1.2

package/README.md

@@ -1,6 +1,8 @@
 # @vllnt/ui
 
-React component library — 93 components built on Radix UI primitives, Tailwind CSS, and CVA.
+React component library — 144 components built on Radix UI primitives, Tailwind CSS, and CVA.
+
+See [CHANGELOG.md](./CHANGELOG.md) for release history.
 
 ## Install
 
@@ -271,6 +273,109 @@ import {
 | `CodePlayground` | `{ CodePlayground, FileTree }` | Code editor with file tree |
 | `Terminal` | `{ Terminal, SimpleTerminal }` | Terminal emulator UI |
 | `VideoEmbed` | `{ VideoEmbed }` | Responsive video embed |
+| `Flashcard` | `{ Flashcard }` | Flip-card for spaced repetition |
+| `Stepper` | `{ Stepper }` | Linear progress stepper |
+| `Tour` | `{ Tour }` | Guided product tour |
+| `Annotation` | `{ Annotation }` | Inline annotation / highlight |
+| `CompletionDialog` | `{ CompletionDialog }` | End-of-flow celebration dialog |
+| `TruncatedText` | `{ TruncatedText }` | Expand-on-overflow text block |
+| `TableOfContentsPanel` | `{ TableOfContentsPanel }` | Sidebar TOC panel |
+| `ThinkingBlock` | `{ ThinkingBlock }` | Collapsible reasoning block |
+
+### AI
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `AiChatInput` | `{ AiChatInput }` | Chat composer with submit + attachments |
+| `AiMessageBubble` | `{ AiMessageBubble }` | User/assistant message bubble |
+| `AiStreamingText` | `{ AiStreamingText }` | Token-stream renderer |
+| `AiToolCallDisplay` | `{ AiToolCallDisplay }` | Tool-use invocation render |
+| `AiSourceCitation` | `{ AiSourceCitation }` | Inline citation reference |
+| `ModelSelector` | `{ ModelSelector }` | Model picker (provider-agnostic) |
+
+### Financial
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `CandlestickChart` | `{ CandlestickChart }` | OHLC candlestick chart |
+| `MarketTreemap` | `{ MarketTreemap }` | Market-cap treemap |
+| `OrderBook` | `{ OrderBook }` | Bid/ask depth book |
+| `TickerTape` | `{ TickerTape }` | Horizontal ticker marquee |
+| `SparklineGrid` | `{ SparklineGrid }` | Grid of inline sparklines |
+| `WalletCard` | `{ WalletCard }` | Balance / portfolio card |
+| `Watchlist` | `{ Watchlist }` | Tracked-symbol list |
+
+### Ops / Status
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `StatusBoard` | `{ StatusBoard }` | Grid of service statuses |
+| `StatusIndicator` | `{ StatusIndicator }` | Inline dot + label |
+| `LiveFeed` | `{ LiveFeed }` | Append-only event feed |
+| `WorldClockBar` | `{ WorldClockBar }` | Multi-timezone clock bar |
+| `SeverityBadge` | `{ SeverityBadge }` | Severity-level badge |
+| `RoleBadge` | `{ RoleBadge }` | User-role badge |
+| `ScopeSelector` | `{ ScopeSelector }` | Scope / environment picker |
+
+### Billing & Plans
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `SubscriptionCard` | `{ SubscriptionCard }` | Plan pricing / feature card |
+| `PlanBadge` | `{ PlanBadge }` | Tier indicator |
+| `CreditBadge` | `{ CreditBadge }` | Remaining-credit pill |
+| `UsageBreakdown` | `{ UsageBreakdown }` | Usage-by-category breakdown |
+
+### Animation
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `AnimatedText` | `{ AnimatedText }` | Text enter-animations |
+| `BorderBeam` | `{ BorderBeam }` | Animated gradient border |
+| `Marquee` | `{ Marquee }` | Infinite scroll marquee |
+| `NumberTicker` | `{ NumberTicker }` | Animated number counter |
+| `Spinner` | `{ Spinner }` | Rich loading-spinner library |
+
+### Form Additions
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `DatePicker` | `{ DatePicker }` | Composed `Calendar` + `Popover` |
+| `FileUpload` | `{ FileUpload }` | Drag-drop file input |
+| `NumberInput` | `{ NumberInput }` | Numeric input w/ steppers |
+| `PasswordInput` | `{ PasswordInput }` | Input w/ show-password toggle |
+| `InlineInput` | `{ InlineInput }` | Click-to-edit inline input |
+| `Combobox` | `{ Combobox }` | Typeahead select |
+| `Rating` | `{ Rating }` | Star rating input |
+
+### Data & Metrics
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `DataTable` | `{ DataTable }` | High-level table w/ sort/filter (TanStack) |
+| `DataList` | `{ DataList }` | Label/value list |
+| `StatCard` | `{ StatCard }` | KPI tile |
+| `MetricGauge` | `{ MetricGauge }` | Gauge chart |
+| `ActivityHeatmap` | `{ ActivityHeatmap }` | GitHub-style contribution grid |
+| `ActivityLog` | `{ ActivityLog }` | Audit-trail feed |
+| `TableOfContents` | `{ TableOfContents }` | Inline TOC |
+
+### App Shell (extended)
+
+| Component | Import | Notes |
+|-----------|--------|-------|
+| `CategoryFilter` | `{ CategoryFilter }` | Chip-based category filter |
+| `FilterBar` | `{ FilterBar }` | Multi-facet filter row |
+| `CookieConsent` | `{ CookieConsent }` | Cookie-consent banner |
+| `Slideshow` | `{ Slideshow }` | Hero slideshow |
+| `CountdownTimer` | `{ CountdownTimer }` | Event countdown |
+| `AvatarGroup` | `{ AvatarGroup }` | Stacked avatar group |
+| `FloatingActionButton` | `{ FloatingActionButton }` | Anchored FAB |
+| `SocialFab` | `{ SocialFab }` | Social-links FAB |
+| `KeyboardShortcutsHelp` | `{ KeyboardShortcutsHelp }` | Cmd-? shortcut dialog |
+| `ShareDialog` | `{ ShareDialog }` | Shareable-link dialog |
+| `HorizontalScrollRow` | `{ HorizontalScrollRow }` | Scroll-snap row |
+| `ViewSwitcher` | `{ ViewSwitcher }` | Grid/list toggle |
 
 ## Utilities
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vllnt/ui",
-  "version": "0.1.11-canary.54f8a77",
+  "version": "0.1.11-canary.db315bc",
   "description": "React component library — 93 components built on Radix UI, Tailwind CSS, and CVA",
   "license": "MIT",
   "author": "vllnt",
@@ -45,7 +45,9 @@
   "files": [
     "dist",
     "styles.css",
-    "themes"
+    "themes",
+    "CHANGELOG.md",
+    "README.md"
   ],
   "sideEffects": [
     "*.css"