@cascivo/react 0.3.0 → 0.3.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cascivo/react",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "private": false,
5
5
  "description": "Prebuilt cascivo design system components — use without copying source",
6
6
  "keywords": [
@@ -44,8 +44,8 @@
44
44
  "provenance": true
45
45
  },
46
46
  "dependencies": {
47
- "@cascivo/core": "^0.1.2",
48
- "@cascivo/i18n": "^0.1.2"
47
+ "@cascivo/core": "^0.1.3",
48
+ "@cascivo/i18n": "^0.1.4"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@testing-library/jest-dom": "^6.9.1",
package/readme.body.md CHANGED
@@ -129,7 +129,7 @@ routing break after adding one of these, check that the import resolves to
129
129
 
130
130
  ## Component index
131
131
 
132
- 165 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
132
+ 179 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
133
133
 
134
134
  ### Inputs
135
135
 
@@ -144,6 +144,7 @@ routing break after adding one of these, check that the import resolves to
144
144
  - **DatePicker** — An accessible date-picker with a calendar popover.
145
145
  - **DateRangePicker** — A dual-calendar picker for selecting a contiguous date range.
146
146
  - **Editable** — Inline click-to-edit text field
147
+ - **Fab** — Floating action button anchored to a screen corner, with an optional speed-dial of secondary actions
147
148
  - **Field** — Form-field wrapper composing label, control, description, and error
148
149
  - **FileUploader** — Drag-and-drop file upload zone with file list and status indicators.
149
150
  - **Filter** — A group of toggleable pill or outline buttons for filtering content by category
@@ -193,6 +194,15 @@ routing break after adding one of these, check that the import resolves to
193
194
  - **DataTable** — Signal-driven data table with client/server sort, filter, pagination, multi-selection, expandable rows, and CSS content-visibility row containment for large datasets
194
195
  - **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
195
196
  - **EmptyState** — Placeholder for views that have no data to display
197
+ - **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
198
+ - **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
199
+ - **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
200
+ - **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
201
+ - **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
202
+ - **FlowMiniMap** — A scaled SVG overview of the graph with a draggable viewport rectangle.
203
+ - **FlowNode** — An HTML node box positioned in the viewport pane — draggable, selectable, with arbitrary children.
204
+ - **FlowPanel** — An absolutely-positioned slot for custom flow-canvas UI (legend, toolbar).
205
+ - **FlowStory** — A scripted, sequenced, looping flow animation — walks a graph step by step with fade-in captions.
196
206
  - **Heading** — Section heading with semantic level decoupled from visual size
197
207
  - **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
198
208
  - **Item** — Generic content row primitive with media, content, and action regions
@@ -212,6 +222,7 @@ routing break after adding one of these, check that the import resolves to
212
222
  - **StatsCards** — Grid of KPI stat cards with trend badges.
213
223
  - **Status** — Colored dot with a label communicating the state of a system or entity
214
224
  - **StructuredList** — Tabular row list for scannable data, optionally single-selectable
225
+ - **SwipeItem** — List row whose leading/trailing actions are revealed by a horizontal swipe, with keyboard parity
215
226
  - **Tag** — Compact chip for labeling, categorizing, or filtering content
216
227
  - **Text** — Body text with size, weight, and muted variants
217
228
  - **Timeline** — Ordered sequence of events with status markers and a connector line
@@ -222,7 +233,9 @@ routing break after adding one of these, check that the import resolves to
222
233
 
223
234
  ### Overlay
224
235
 
236
+ - **ActionSheet** — Bottom-rising sheet of discrete actions (iOS action-sheet pattern) with a Cancel button
225
237
  - **AlertDialog** — Confirmation dialog requiring explicit user action; no light-dismiss
238
+ - **BottomSheet** — Mobile bottom sheet with drag-to-resize detents, velocity-projected snapping, and drag-to-dismiss
226
239
  - **CommandMenu** — Cmd+K command palette with fuzzy search over grouped commands
227
240
  - **ContextMenu** — Right-click context menu anchored at pointer coordinates via CSS custom properties
228
241
  - **Drawer** — Edge-anchored dialog panel that slides in from a screen edge with CSS-only enter/exit motion
@@ -295,6 +308,7 @@ routing break after adding one of these, check that the import resolves to
295
308
  - **Progress** — Horizontal bar showing the completion progress of a tracked operation
296
309
  - **ProgressBar** — Shows determinate or indeterminate progress of a task
297
310
  - **ProgressCircle** — Circular determinate progress indicator rendered as an SVG arc
311
+ - **PullToRefresh** — Wraps a scrollable region and triggers a refresh when pulled down past a threshold at the top
298
312
  - **RadialProgress** — Circular progress indicator using conic-gradient, with percentage label and variant colors
299
313
  - **Spinner** — Indeterminate loading indicator
300
314