@cascivo/react 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -81,7 +81,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
81
81
 
82
82
  ## Component index
83
83
 
84
- 158 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
84
+ 165 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
85
85
 
86
86
  ### Inputs
87
87
 
@@ -128,6 +128,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
128
128
 
129
129
  - **Alert** — Highlights a short, important message inline
130
130
  - **Avatar** — Displays a user image with initials fallback
131
+ - **AvatarGroup** — Overlapping stack of avatars with a max cap and an i18n-labelled +N overflow chip
131
132
  - **Badge** — Small status label or category indicator
132
133
  - **Blockquote** — Quoted passage with optional attribution footer
133
134
  - **Card** — Container for grouping related content
@@ -136,6 +137,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
136
137
  - **Code** — Inline code span for identifiers, commands, and short snippets
137
138
  - **CodeSnippet** — Displays code (inline, single-line, or multi-line) with an optional copy button, lightweight built-in syntax highlighting for bash/css/js/ts, and an optional terminal-window look
138
139
  - **Collapsible** — A single disclosure region toggled open and closed by its trigger
140
+ - **Comparison** — Reveals the difference between two layers with a draggable divider
139
141
  - **ConsoleApp** — Carbon-parity console shell: ShellHeader + icon-rail SideNav + HeaderPanel notifications/switcher + collapsible aside + main content.
140
142
  - **ContainedList** — Labelled list of rows inside a bordered container
141
143
  - **DashboardCharts** — Dashboard layout with KPI tiles, line chart, bar chart, and pie chart.
@@ -144,6 +146,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
144
146
  - **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
145
147
  - **EmptyState** — Placeholder for views that have no data to display
146
148
  - **Heading** — Section heading with semantic level decoupled from visual size
149
+ - **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
147
150
  - **Item** — Generic content row primitive with media, content, and action regions
148
151
  - **Kbd** — Displays a keyboard key or shortcut
149
152
  - **List** — Styled unordered or ordered list with ListItem
@@ -151,6 +154,8 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
151
154
  - **NotificationCenter** — A list of notification alerts with a mark-all-read action.
152
155
  - **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.
153
156
  - **Prose** — Wrapper that styles raw descendant HTML — headings, lists, code, quotes, tables
157
+ - **QrCode** — Encodes a URL or short text into a scannable SVG QR code
158
+ - **RelativeTime** — Displays a date as a localized phrase relative to now, auto-updating
154
159
  - **Separator** — Visual or semantic divider between content
155
160
  - **SettingsFormPage** — Settings page with profile form inside a two-column settings layout.
156
161
  - **SidebarApp** — Full app shell with collapsible side navigation and top header.
@@ -163,6 +168,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
163
168
  - **Text** — Body text with size, weight, and muted variants
164
169
  - **Timeline** — Ordered sequence of events with status markers and a connector line
165
170
  - **TreeView** — Hierarchical, expandable tree of nodes with keyboard navigation and selection
171
+ - **User** — Identity composite: an avatar with a name, description, and optional action slot
166
172
  - **UsersTablePage** — Full users management page with table, search, and invite action.
167
173
  - **VisuallyHidden** — Hides content visually while keeping it available to screen readers
168
174
 
@@ -202,6 +208,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
202
208
  - **Steps** — Visual progress indicator for multi-step flows with horizontal and vertical orientations
203
209
  - **Switcher** — App/product switcher list — lives inside HeaderPanel, renders links with active indicator and optional dividers
204
210
  - **Tabs** — Switch between related panels of content
211
+ - **Toc** — Table of contents with scroll-spy highlighting of the active section
205
212
 
206
213
  ### Layout
207
214