@cascivo/react 0.3.1 → 0.3.3

package/README.md

@@ -147,7 +147,7 @@ routing break after adding one of these, check that the import resolves to
 
 ## Component index
 
-165 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
+181 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
 
 ### Inputs
 
@@ -156,12 +156,14 @@ routing break after adding one of these, check that the import resolves to
 - **Calendar** — An accessible standalone month-grid date picker.
 - **Checkbox** — Binary toggle for forms, with indeterminate support
 - **CheckboxCard** — Multi-selectable card backed by a native checkbox. Use multiple independent CheckboxCards for multi-select scenarios.
+- **CodeEditor** — Lightweight code editor — a native textarea overlaid on a syntax-highlighted layer, with line numbers and Tab indent.
 - **ColorPicker** — Interactive color selection widget with saturation/lightness area, hue and alpha sliders
 - **Combobox** — Filterable single-select with an animated custom listbox, built on the dropdown open/close machine
 - **CopyButton** — Icon button that copies a value to the clipboard with copied feedback
 - **DatePicker** — An accessible date-picker with a calendar popover.
 - **DateRangePicker** — A dual-calendar picker for selecting a contiguous date range.
 - **Editable** — Inline click-to-edit text field
+- **Fab** — Floating action button anchored to a screen corner, with an optional speed-dial of secondary actions
 - **Field** — Form-field wrapper composing label, control, description, and error
 - **FileUploader** — Drag-and-drop file upload zone with file list and status indicators.
 - **Filter** — A group of toggleable pill or outline buttons for filtering content by category
@@ -211,7 +213,17 @@ routing break after adding one of these, check that the import resolves to
 - **DataTable** — Signal-driven data table with client/server sort, filter, pagination, multi-selection, expandable rows, and CSS content-visibility row containment for large datasets
 - **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
 - **EmptyState** — Placeholder for views that have no data to display
+- **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
+- **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
+- **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
+- **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
+- **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
+- **FlowMiniMap** — A scaled SVG overview of the graph with a draggable viewport rectangle.
+- **FlowNode** — An HTML node box positioned in the viewport pane — draggable, selectable, with arbitrary children.
+- **FlowPanel** — An absolutely-positioned slot for custom flow-canvas UI (legend, toolbar).
+- **FlowStory** — A scripted, sequenced, looping flow animation — walks a graph step by step with fade-in captions.
 - **Heading** — Section heading with semantic level decoupled from visual size
+- **Highlight** — Read-only syntax-highlighted code block — the same owned tokenizer as CodeEditor, without the textarea.
 - **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
 - **Item** — Generic content row primitive with media, content, and action regions
 - **Kbd** — Displays a keyboard key or shortcut
@@ -230,6 +242,7 @@ routing break after adding one of these, check that the import resolves to
 - **StatsCards** — Grid of KPI stat cards with trend badges.
 - **Status** — Colored dot with a label communicating the state of a system or entity
 - **StructuredList** — Tabular row list for scannable data, optionally single-selectable
+- **SwipeItem** — List row whose leading/trailing actions are revealed by a horizontal swipe, with keyboard parity
 - **Tag** — Compact chip for labeling, categorizing, or filtering content
 - **Text** — Body text with size, weight, and muted variants
 - **Timeline** — Ordered sequence of events with status markers and a connector line
@@ -240,7 +253,9 @@ routing break after adding one of these, check that the import resolves to
 
 ### Overlay
 
+- **ActionSheet** — Bottom-rising sheet of discrete actions (iOS action-sheet pattern) with a Cancel button
 - **AlertDialog** — Confirmation dialog requiring explicit user action; no light-dismiss
+- **BottomSheet** — Mobile bottom sheet with drag-to-resize detents, velocity-projected snapping, and drag-to-dismiss
 - **CommandMenu** — Cmd+K command palette with fuzzy search over grouped commands
 - **ContextMenu** — Right-click context menu anchored at pointer coordinates via CSS custom properties
 - **Drawer** — Edge-anchored dialog panel that slides in from a screen edge with CSS-only enter/exit motion
@@ -313,6 +328,7 @@ routing break after adding one of these, check that the import resolves to
 - **Progress** — Horizontal bar showing the completion progress of a tracked operation
 - **ProgressBar** — Shows determinate or indeterminate progress of a task
 - **ProgressCircle** — Circular determinate progress indicator rendered as an SVG arc
+- **PullToRefresh** — Wraps a scrollable region and triggers a refresh when pulled down past a threshold at the top
 - **RadialProgress** — Circular progress indicator using conic-gradient, with percentage label and variant colors
 - **Spinner** — Indeterminate loading indicator