@cascivo/react 0.3.1 → 0.3.3

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.1",
3
+ "version": "0.3.3",
4
4
  "private": false,
5
5
  "description": "Prebuilt cascivo design system components — use without copying source",
6
6
  "keywords": [
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "dependencies": {
47
47
  "@cascivo/core": "^0.1.3",
48
- "@cascivo/i18n": "^0.1.3"
48
+ "@cascivo/i18n": "^0.1.5"
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
+ 181 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
 
@@ -138,12 +138,14 @@ routing break after adding one of these, check that the import resolves to
138
138
  - **Calendar** — An accessible standalone month-grid date picker.
139
139
  - **Checkbox** — Binary toggle for forms, with indeterminate support
140
140
  - **CheckboxCard** — Multi-selectable card backed by a native checkbox. Use multiple independent CheckboxCards for multi-select scenarios.
141
+ - **CodeEditor** — Lightweight code editor — a native textarea overlaid on a syntax-highlighted layer, with line numbers and Tab indent.
141
142
  - **ColorPicker** — Interactive color selection widget with saturation/lightness area, hue and alpha sliders
142
143
  - **Combobox** — Filterable single-select with an animated custom listbox, built on the dropdown open/close machine
143
144
  - **CopyButton** — Icon button that copies a value to the clipboard with copied feedback
144
145
  - **DatePicker** — An accessible date-picker with a calendar popover.
145
146
  - **DateRangePicker** — A dual-calendar picker for selecting a contiguous date range.
146
147
  - **Editable** — Inline click-to-edit text field
148
+ - **Fab** — Floating action button anchored to a screen corner, with an optional speed-dial of secondary actions
147
149
  - **Field** — Form-field wrapper composing label, control, description, and error
148
150
  - **FileUploader** — Drag-and-drop file upload zone with file list and status indicators.
149
151
  - **Filter** — A group of toggleable pill or outline buttons for filtering content by category
@@ -193,7 +195,17 @@ routing break after adding one of these, check that the import resolves to
193
195
  - **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
196
  - **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
195
197
  - **EmptyState** — Placeholder for views that have no data to display
198
+ - **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
199
+ - **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
200
+ - **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
201
+ - **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
202
+ - **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
203
+ - **FlowMiniMap** — A scaled SVG overview of the graph with a draggable viewport rectangle.
204
+ - **FlowNode** — An HTML node box positioned in the viewport pane — draggable, selectable, with arbitrary children.
205
+ - **FlowPanel** — An absolutely-positioned slot for custom flow-canvas UI (legend, toolbar).
206
+ - **FlowStory** — A scripted, sequenced, looping flow animation — walks a graph step by step with fade-in captions.
196
207
  - **Heading** — Section heading with semantic level decoupled from visual size
208
+ - **Highlight** — Read-only syntax-highlighted code block — the same owned tokenizer as CodeEditor, without the textarea.
197
209
  - **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
198
210
  - **Item** — Generic content row primitive with media, content, and action regions
199
211
  - **Kbd** — Displays a keyboard key or shortcut
@@ -212,6 +224,7 @@ routing break after adding one of these, check that the import resolves to
212
224
  - **StatsCards** — Grid of KPI stat cards with trend badges.
213
225
  - **Status** — Colored dot with a label communicating the state of a system or entity
214
226
  - **StructuredList** — Tabular row list for scannable data, optionally single-selectable
227
+ - **SwipeItem** — List row whose leading/trailing actions are revealed by a horizontal swipe, with keyboard parity
215
228
  - **Tag** — Compact chip for labeling, categorizing, or filtering content
216
229
  - **Text** — Body text with size, weight, and muted variants
217
230
  - **Timeline** — Ordered sequence of events with status markers and a connector line
@@ -222,7 +235,9 @@ routing break after adding one of these, check that the import resolves to
222
235
 
223
236
  ### Overlay
224
237
 
238
+ - **ActionSheet** — Bottom-rising sheet of discrete actions (iOS action-sheet pattern) with a Cancel button
225
239
  - **AlertDialog** — Confirmation dialog requiring explicit user action; no light-dismiss
240
+ - **BottomSheet** — Mobile bottom sheet with drag-to-resize detents, velocity-projected snapping, and drag-to-dismiss
226
241
  - **CommandMenu** — Cmd+K command palette with fuzzy search over grouped commands
227
242
  - **ContextMenu** — Right-click context menu anchored at pointer coordinates via CSS custom properties
228
243
  - **Drawer** — Edge-anchored dialog panel that slides in from a screen edge with CSS-only enter/exit motion
@@ -295,6 +310,7 @@ routing break after adding one of these, check that the import resolves to
295
310
  - **Progress** — Horizontal bar showing the completion progress of a tracked operation
296
311
  - **ProgressBar** — Shows determinate or indeterminate progress of a task
297
312
  - **ProgressCircle** — Circular determinate progress indicator rendered as an SVG arc
313
+ - **PullToRefresh** — Wraps a scrollable region and triggers a refresh when pulled down past a threshold at the top
298
314
  - **RadialProgress** — Circular progress indicator using conic-gradient, with percentage label and variant colors
299
315
  - **Spinner** — Indeterminate loading indicator
300
316