@capillarytech/blaze-ui 5.20.0 → 5.22.0

package/CapError/README.md

@@ -1,88 +0,0 @@
-# CapError
-
-A simple text component for displaying error and warning messages.
-
-## Migration from cap-ui-library to blaze-ui
-
-### Summary of Changes
-
-- **Styled-components → SCSS Modules**: Converted from styled-components to SCSS modules for better performance and maintainability
-- **TypeScript**: Added full TypeScript support with proper type definitions
-- **Functional Component**: Migrated to functional component with React.forwardRef
-- **Prop Types**: Replaced PropTypes with TypeScript interfaces
-- **Accessibility**: Added ref forwarding for better accessibility support
-
-### Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `children` | `React.ReactNode` | - | Content to display |
-| `type` | `'error' \| 'warning'` | `'error'` | Type of message (controls color) |
-| `className` | `string` | `''` | Additional CSS classes |
-| `style` | `React.CSSProperties` | `{}` | Inline styles |
-
-### Breaking Changes
-
-**No breaking changes from cap-ui-library v8.x**
-
-All existing props and behaviors are maintained. The API remains identical.
-
-### Behavioral Changes
-
-- Colors are now defined using SCSS variables for consistency
-- Component now supports ref forwarding
-- TypeScript support provides better type safety
-
-### Usage
-
-#### Basic Usage
-
-```tsx
-import { CapError } from '@capillarytech/blaze-ui';
-
-// Error message (default)
-<CapError>This is an error message</CapError>
-
-// Warning message
-<CapError type="warning">This is a warning message</CapError>
-
-// Inline error message
-<CapError.CapErrorInline>Inline error</CapError.CapErrorInline>
-
-// Inline warning message
-<CapError.CapErrorInline type="warning">Inline warning</CapError.CapErrorInline>
-```
-
-#### With Custom Styling
-
-```tsx
-<CapError className="my-custom-class" style={{ marginTop: '10px' }}>
-  Custom styled error
-</CapError>
-```
-
-#### With Ref
-
-```tsx
-const errorRef = useRef<HTMLDivElement>(null);
-
-<CapError ref={errorRef}>Error with ref</CapError>
-```
-
-### Import Examples
-
-```tsx
-// Named import (recommended)
-import { CapError } from '@capillarytech/blaze-ui';
-
-// With types
-import { CapError, CapErrorProps, CapErrorInlineProps } from '@capillarytech/blaze-ui';
-```
-
-## Styling
-
-The component uses two color variables:
-- **Error**: `$cap-red` (#ea213a)
-- **Warning**: `$cap-orange` (#f87d23)
-
-Font size is set to `$font-size-s` (0.857rem / 12px) with a line height of 1.429rem (20px).

package/CapErrorBoundary/CapErrorBoundary-use-cases.md

@@ -1,89 +0,0 @@
-# Test Cases: CapErrorBoundary (Antd v3→v6)
-
-## Role
-Senior frontend engineer documenting ESSENTIAL test cases for Storybook stories and migration validation.
-
-## Input
-- **Component**: CapErrorBoundary
-- **Complexity**: medium (≤20 test cases)
-- **Source**: blaze-ui/components/CapErrorBoundary/
-
----
-
-## Google Sheets Output
-
-**Spreadsheet ID**: `1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg`  
-**Tab**: CapErrorBoundary
-
-### Steps
-1. Check connection: `COMPOSIO_CHECK_ACTIVE_CONNECTION` toolkit="googlesheets"
-2. Create tab: `GOOGLESHEETS_ADD_SHEET`
-   ```json
-   {
-     "spreadsheetId": "1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg",
-     "properties": {
-       "title": "CapErrorBoundary",
-       "gridProperties": {"rowCount": 100, "columnCount": 6}
-     }
-   }
-   ```
-3. Write data: `GOOGLESHEETS_VALUES_UPDATE`
-   ```json
-   {
-     "spreadsheet_id": "1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg",
-     "range": "CapErrorBoundary!A1",
-     "value_input_option": "USER_ENTERED",
-     "values": [
-       ["ID", "Use Case", "Props/Config", "Expected Visual/Behavior", "Priority", "Storybook Story", "Notes"],
-       ["UC-001", "React ErrorBoundary mode: child throws", "children (component that throws), useSlideBox: false/true", "Error boundary catches; fallbackRender runs; errorHandler(error) called; error illustration shows inline or inside CapSlideBox per useSlideBox", "P0", "ReactErrorBoundaryMode", "Core ErrorBoundary behavior"],
-       ["UC-002", "API error boundary mode", "isApiErrorBoundary: true, isApiError: true | false", "When isApiError true: error illustration only. When false: children render. No ErrorBoundary when isApiErrorBoundary", "P0", "ApiErrorBoundaryMode", "Grouped isApiErrorBoundary + isApiError"],
-       ["UC-003", "SlideBox vs inline fallback", "useSlideBox: true | false, slideBoxProps (e.g. className)", "useSlideBox true: fallback in CapSlideBox with show, content, handleClose, slideBoxProps spread. false: inline illustration only", "P0", "SlideBoxVsInline", "Grouped useSlideBox and slideBoxProps"],
-       ["UC-004", "Boolean and config variants", "showIllustrationImage, showAnimation, isExpired, refreshThreshold (e.g. 3, 1, 0)", "Image show/hide; animation class when showAnimation; isExpired or refreshCount >= refreshThreshold sets isRefreshExpired on illustration", "P1", "ConfigVariants", "Grouped boolean/config visual state"],
-       ["UC-005", "Content props (copy and slots)", "refreshText, expiryTitle, refreshTitle, expiryDescription (string or node); prefix, suffix", "All text passed to illustration; prefix/suffix render before/after in same row", "P1", "ContentProps", "Grouped content and prefix/suffix"],
-       ["UC-006", "Refresh interaction and expiry", "onRefreshClick, refreshThreshold, isApiErrorBoundary: false", "Click refresh → onRefreshClick called, refreshCount increments; refreshCount === refreshThreshold → isRefreshExpired; key updates so ErrorBoundary remounts", "P1", "RefreshInteraction", "Grouped click and threshold/remount"],
-       ["UC-007", "SlideBox close interaction", "useSlideBox: true, onCloseSlideBox", "Closing slide box calls onCloseSlideBox; handleClose wired correctly", "P1", "SlideBoxClose", "Single interaction test"],
-       ["UC-008", "Event handlers invoked", "errorHandler, onRefreshClick, onCloseSlideBox", "errorHandler called with error in fallbackRender; onRefreshClick on refresh; onCloseSlideBox when slide box closed", "P1", "EventHandlers", "Grouped all handler invocations"],
-       ["UC-009", "Styling (className and slideBoxProps)", "className, slideBoxProps: { className }", "className on illustration container; slideBoxProps spread to CapSlideBox including className", "P2", "Styling", "Grouped className + slideBoxProps"],
-       ["UC-010", "Default props and minimal usage", "No optional props (or only children)", "Defaults apply; component renders without error", "P1", "DefaultProps", "Sanity with defaults"],
-       ["UC-011", "Edge: refreshThreshold 0 or 1", "refreshThreshold: 0 | 1, trigger refresh", "Expired state after 0 or 1 refresh click; no crash", "P2", "EdgeRefreshThreshold", "Production edge for quick expiry"],
-       ["UC-012", "Edge: children null or valid content", "children: null | valid React node", "null children don't throw; valid children render until throw. API mode: children when isApiError false", "P2", "EdgeChildren", "Grouped empty/valid children"]
-     ]
-     }
-   }
-   ```
-
----
-
-## Use Cases Table
-
-| ID | Use Case | Props/Config | Expected Visual/Behavior | Priority | Storybook Story | Notes |
-|----|----------|---------------|--------------------------|----------|-----------------|--------|
-| UC-001 | React ErrorBoundary mode: child throws | children (component that throws), useSlideBox: false/true | Error boundary catches; fallbackRender runs; errorHandler(error) called; error illustration shows inline or inside CapSlideBox per useSlideBox | P0 | ReactErrorBoundaryMode | Core ErrorBoundary behavior |
-| UC-002 | API error boundary mode | isApiErrorBoundary: true, isApiError: true \| false | When isApiError true: error illustration only (no ErrorBoundary wrapper). When false: children render. No ErrorBoundary when isApiErrorBoundary | P0 | ApiErrorBoundaryMode | Grouped isApiErrorBoundary + isApiError |
-| UC-003 | SlideBox vs inline fallback | useSlideBox: true \| false, slideBoxProps (e.g. className) | useSlideBox true: fallback in CapSlideBox with show, content, handleClose, slideBoxProps spread. false: fallback is inline illustration only | P0 | SlideBoxVsInline | Grouped useSlideBox and slideBoxProps usage |
-| UC-004 | Boolean and config variants | showIllustrationImage, showAnimation, isExpired, refreshThreshold (e.g. 3, 1, 0) | Illustration shows/hides image; animation class applied when showAnimation; isExpired or refreshCount >= refreshThreshold sets isRefreshExpired on CapErrorStateIllustration | P1 | ConfigVariants | Grouped all boolean/config that affect visual state |
-| UC-005 | Content props (copy and slots) | refreshText, expiryTitle, refreshTitle, expiryDescription (string or node); prefix, suffix | All text/copy passed to CapErrorStateIllustration; prefix/suffix render before/after illustration in same row | P1 | ContentProps | Grouped all content and prefix/suffix |
-| UC-006 | Refresh interaction and expiry | onRefreshClick, refreshThreshold, isApiErrorBoundary: false | Click refresh → onRefreshClick called, refreshCount increments; when refreshCount === refreshThreshold, isRefreshExpired true (expired state). When !isApiErrorBoundary, key updates so ErrorBoundary remounts | P1 | RefreshInteraction | Grouped click behavior and threshold/remount |
-| UC-007 | SlideBox close interaction | useSlideBox: true, onCloseSlideBox | Closing slide box calls onCloseSlideBox; handleClose wired to onCloseSlideBox | P1 | SlideBoxClose | Single interaction test |
-| UC-008 | Event handlers invoked | errorHandler, onRefreshClick, onCloseSlideBox | errorHandler called with error object in fallbackRender; onRefreshClick on refresh; onCloseSlideBox when slide box closed | P1 | EventHandlers | Grouped all handler invocations |
-| UC-009 | Styling (className and slideBoxProps) | className, slideBoxProps: { className } | className on illustration container (CapRow); slideBoxProps spread to CapSlideBox including className for slide box | P2 | Styling | Grouped className + slideBoxProps styling |
-| UC-010 | Default props and minimal usage | No optional props (or only children) | Defaults: empty strings for text, refreshThreshold 3, showIllustrationImage true, showAnimation true, useSlideBox false, isApiErrorBoundary false; component renders without error | P1 | DefaultProps | Sanity with defaults |
-| UC-011 | Edge: refreshThreshold 0 or 1 | refreshThreshold: 0 \| 1, trigger refresh | Expired state (isRefreshExpired) after 0 or 1 refresh click; no crash | P2 | EdgeRefreshThreshold | Production edge for quick expiry |
-| UC-012 | Edge: children null or valid content | children: null \| valid React node | With React ErrorBoundary: null children don’t throw; valid children render until throw. With API mode: children render when isApiError false | P2 | EdgeChildren | Grouped empty/valid children |
-
----
-
-## Summary
-
-- **Total use cases**: 12 (within medium limit of 20).
-- **Grouping**: Config/boolean variants, content props, event handlers, styling, and edge cases each combined into single tests.
-- **P0**: React vs API mode, SlideBox vs inline (3). **P1**: Config, content, refresh/slide interactions, handlers, defaults (6). **P2**: Styling, refreshThreshold edge, children edge (3).
-- **Storybook stories**: ReactErrorBoundaryMode, ApiErrorBoundaryMode, SlideBoxVsInline, ConfigVariants, ContentProps, RefreshInteraction, SlideBoxClose, EventHandlers, Styling, DefaultProps, EdgeRefreshThreshold, EdgeChildren.
-
-## Test Implementation Notes
-
-- Use **React Testing Library** with **Jest**.
-- Prefer `data-testid` for querying (add to component if needed).
-- Clear mocks between tests where applicable.
-- Do **not** mock Cap UI components (e.g. CapErrorStateIllustration, CapSlideBox, CapRow) unless instructed.
-- Avoid relying on getByRole where avoidable; keep tests focused and not overly complex.

package/CapErrorBoundary/README.md

@@ -1,150 +0,0 @@
-# CapErrorBoundary
-
-A wrapper component that provides error boundary functionality for React applications, catching JavaScript errors anywhere in the child component tree and displaying a fallback UI.
-
-## Migration from Ant Design v3 to v6
-
-This component has been migrated from Ant Design v3 to v6 with the following changes:
-
-### Breaking Changes
-
-**None** - The component maintains full backward compatibility. No API changes were made.
-
-### Style Changes
-
-**Approach**: The component now uses CSS Modules with the `styles[classname]` pattern instead of global class names. All styling remains functionally identical.
-
-### Code Improvements
-
-1. **Removed PropTypes**: Replaced with TypeScript types from `types.ts`
-2. **Removed defaultProps**: Converted to default parameters in function arguments
-3. **TypeScript support**: Full TypeScript type definitions with proper types
-4. **CSS Modules**: Using `styles[classname]` pattern for scoped styling
-
-### What Stayed the Same
-
-- All component props and behavior
-- Error boundary functionality (React ErrorBoundary mode)
-- API error boundary mode (`isApiErrorBoundary` prop)
-- Slide box vs inline fallback rendering
-- Refresh threshold and expiry logic
-- Animation support
-- Prefix/suffix content slots
-- All event handlers
-
-### What Changed
-
-- **Removed**: `PropTypes` (replaced with TypeScript types)
-- **Removed**: `defaultProps` (replaced with default parameters)
-- **Updated**: CSS class names now use CSS Modules pattern
-- **Added**: TypeScript type definitions in `types.ts`
-- **Added**: CSS Modules for scoped styling
-
-## Usage
-
-### Basic Usage (React ErrorBoundary Mode)
-
-```tsx
-import CapErrorBoundary from '@capillarytech/blaze-ui/components/CapErrorBoundary';
-
-function App() {
-  return (
-    <CapErrorBoundary>
-      <YourComponent />
-    </CapErrorBoundary>
-  );
-}
-```
-
-### With Custom Error Handler
-
-```tsx
-<CapErrorBoundary
-  errorHandler={(error) => {
-    console.error('Error caught:', error);
-    // Send to error tracking service
-  }}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-### API Error Boundary Mode
-
-```tsx
-<CapErrorBoundary
-  isApiErrorBoundary
-  isApiError={hasApiError}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-### With Slide Box
-
-```tsx
-<CapErrorBoundary
-  useSlideBox
-  onCloseSlideBox={() => {
-    console.log('Slide box closed');
-  }}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-### With Custom Content
-
-```tsx
-<CapErrorBoundary
-  refreshText="Try Again"
-  refreshTitle="Something went wrong"
-  expiryTitle="Refresh limit reached"
-  expiryDescription="Please contact support"
-  prefix={<CustomHeader />}
-  suffix={<CustomFooter />}
->
-  <YourComponent />
-</CapErrorBoundary>
-```
-
-## Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `children` | `React.ReactNode` | - | Child components to wrap with error boundary |
-| `className` | `string` | `''` | Additional CSS class name |
-| `isExpired` | `boolean` | `false` | Whether the refresh action has expired |
-| `isApiError` | `boolean` | `false` | Whether to show API error state (only used when `isApiErrorBoundary` is true) |
-| `refreshText` | `string \| React.ReactNode` | `''` | Text to display for refresh action |
-| `expiryTitle` | `string \| React.ReactNode` | `''` | Title to display when refresh has expired |
-| `refreshTitle` | `string \| React.ReactNode` | `''` | Title to display for refresh action |
-| `useSlideBox` | `boolean` | `false` | Whether to display error in a slide box instead of inline |
-| `errorHandler` | `(error: Error) => void` | `() => {}` | Handler called when an error is caught |
-| `slideBoxProps` | `Record<string, unknown>` | `{}` | Props to pass to CapSlideBox when `useSlideBox` is true |
-| `onRefreshClick` | `() => void` | `() => {}` | Handler called when refresh button is clicked |
-| `onCloseSlideBox` | `() => void` | `() => {}` | Handler called when slide box is closed |
-| `refreshThreshold` | `number` | `3` | Number of refresh clicks before showing expired state |
-| `expiryDescription` | `string \| React.ReactNode` | `''` | Description to display when refresh has expired |
-| `isApiErrorBoundary` | `boolean` | `false` | Whether to use API error boundary mode (shows error based on `isApiError` prop instead of catching React errors) |
-| `showIllustrationImage` | `boolean` | `true` | Whether to show illustration image |
-| `prefix` | `string \| React.ReactNode` | `''` | Content to render before the error illustration |
-| `suffix` | `string \| React.ReactNode` | `''` | Content to render after the error illustration |
-| `showAnimation` | `boolean` | `true` | Whether to show animation when error illustration appears |
-
-## Modes
-
-### React ErrorBoundary Mode (Default)
-
-When `isApiErrorBoundary` is `false` (default), the component wraps children with React's `ErrorBoundary` from `react-error-boundary`. This catches JavaScript errors during rendering, in lifecycle methods, and in constructors of the whole tree below.
-
-### API Error Boundary Mode
-
-When `isApiErrorBoundary` is `true`, the component does not use React's ErrorBoundary. Instead, it conditionally renders the error illustration based on the `isApiError` prop. This is useful for handling API errors that don't cause React component errors.
-
-## Notes
-
-- The component uses `react-error-boundary` library for React error boundary functionality
-- When refresh is clicked in React ErrorBoundary mode, the component remounts the ErrorBoundary by updating its key
-- The refresh count is tracked internally and compared against `refreshThreshold` to determine expired state
-- All additional props passed to `CapErrorBoundary` are spread to `CapErrorStateIllustration`

package/CapErrorStateIllustration/README.md

@@ -1,222 +0,0 @@
-# CapErrorStateIllustration Migration Documentation
-
-## Summary
-
-`CapErrorStateIllustration` has been migrated from `@capillarytech/cap-ui-library` (Ant Design v3) to `@capillarytech/blaze-ui` (Ant Design v6). The component displays error state illustrations with optional refresh functionality or expiry messages.
-
-## Migration Changes
-
-### Component Structure
-
-**Before (cap-ui-library):**
-- Used PropTypes for runtime type checking
-- Used defaultProps for default values
-- Used styled-components for styling
-- Function component with destructuring
-
-**After (blaze-ui):**
-- TypeScript types from `types.ts` (no PropTypes)
-- Default values in function argument destructuring (no defaultProps)
-- CSS Modules with SCSS (no styled-components)
-- Functional component with React.FC type
-
-## Props
-
-### Props Comparison
-
-| Prop | cap-ui-library | blaze-ui | Status |
-|------|----------------|----------|--------|
-| `showImage` | ✅ | ✅ | **Unchanged** |
-| `className` | ✅ | ✅ | **Unchanged** |
-| `refreshText` | ✅ | ✅ | **Unchanged** |
-| `expiryTitle` | ✅ | ✅ | **Unchanged** |
-| `refreshTitle` | ✅ | ✅ | **Unchanged** |
-| `onRefreshClick` | ✅ | ✅ | **Unchanged** |
-| `isRefreshExpired` | ✅ | ✅ | **Unchanged** |
-| `expiryDescription` | ✅ | ✅ | **Unchanged** |
-| `...rest` | ✅ | ✅ | **Unchanged** (HTML div attributes) |
-
-### All Props
-
-#### `showImage`
-- **Type:** `boolean`
-- **Default:** `true`
-- **Description:** Whether to show the error state illustration image
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration showImage={false} />
-  ```
-
-#### `className`
-- **Type:** `string`
-- **Default:** `''`
-- **Description:** Additional CSS class name
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration className="custom-class" />
-  ```
-
-#### `refreshText`
-- **Type:** `string | React.ReactNode`
-- **Default:** `''`
-- **Description:** Text or node to display in the refresh button (when not expired)
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration refreshText="Refresh" />
-  <CapErrorStateIllustration refreshText={<span>Custom Refresh</span>} />
-  ```
-
-#### `expiryTitle`
-- **Type:** `string | React.ReactNode`
-- **Default:** `''`
-- **Description:** Title to display when refresh is expired
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration expiryTitle="Session Expired" isRefreshExpired />
-  ```
-
-#### `refreshTitle`
-- **Type:** `string | React.ReactNode`
-- **Default:** `''`
-- **Description:** Title to display when refresh is available
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration refreshTitle="Something went wrong" />
-  ```
-
-#### `onRefreshClick`
-- **Type:** `() => void`
-- **Default:** `() => {}`
-- **Description:** Callback function when refresh button is clicked
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration 
-    onRefreshClick={() => window.location.reload()} 
-  />
-  ```
-
-#### `isRefreshExpired`
-- **Type:** `boolean`
-- **Default:** `false`
-- **Description:** Whether the refresh has expired
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration isRefreshExpired={true} />
-  ```
-
-#### `expiryDescription`
-- **Type:** `string | React.ReactNode`
-- **Default:** `''`
-- **Description:** Description to display when refresh is expired
-- **Example:**
-  ```tsx
-  <CapErrorStateIllustration 
-    expiryDescription="Please refresh the page" 
-    isRefreshExpired 
-  />
-  ```
-
-## Usage Examples
-
-### Basic Usage
-
-```tsx
-import CapErrorStateIllustration from '@capillarytech/blaze-ui/CapErrorStateIllustration';
-
-<CapErrorStateIllustration 
-  refreshTitle="Something went wrong"
-  refreshText="Refresh"
-  onRefreshClick={() => window.location.reload()}
-/>
-```
-
-### Expired State
-
-```tsx
-<CapErrorStateIllustration 
-  isRefreshExpired={true}
-  expiryTitle="Session Expired"
-  expiryDescription="Please refresh the page"
-/>
-```
-
-### Without Image
-
-```tsx
-<CapErrorStateIllustration 
-  showImage={false}
-  refreshTitle="Error occurred"
-  refreshText="Try again"
-  onRefreshClick={handleRefresh}
-/>
-```
-
-### Custom Content
-
-```tsx
-<CapErrorStateIllustration 
-  refreshTitle={<strong>Error</strong>}
-  refreshText={<span>Click to <em>refresh</em></span>}
-  onRefreshClick={handleRefresh}
-/>
-```
-
-## Style Changes
-
-**Approach**: The component now uses CSS Modules with SCSS instead of styled-components. All styling is done through CSS classes.
-
-### Removed Dependencies
-- `styled-components` - Replaced with CSS Modules
-- `prop-types` - Replaced with TypeScript types
-
-### CSS Classes
-
-The component uses the following CSS classes:
-- `.cap-error-state-illustration` - Main container
-- `.error-state-image` - Image wrapper
-- `.error-state-refresh-button` - Refresh button
-- `.error-state-refresh-icon` - Refresh icon
-- `.refresh-button-text-container` - Refresh button text container
-
-## Code Improvements
-
-1. **Removed PropTypes**: Replaced with TypeScript types from `types.ts`
-2. **Removed defaultProps**: Default values now in function argument destructuring
-3. **Removed styled-components**: Converted to CSS Modules with SCSS
-4. **Type safety**: Full TypeScript support with proper type exports
-5. **Better maintainability**: CSS Modules provide better encapsulation
-
-## What Stayed the Same
-
-- All props and their behavior
-- Component functionality and logic
-- Visual appearance (styling preserved)
-- API surface area (backward compatible)
-
-## What Changed
-
-- **Removed**: `PropTypes` import and usage
-- **Removed**: `defaultProps` assignment
-- **Removed**: `styled-components` dependency
-- **Added**: TypeScript types in `types.ts`
-- **Added**: CSS Modules classes in `styles.scss`
-- **Changed**: Default values now in function arguments
-
-## Migration Guide
-
-If you're migrating from the old version:
-
-1. **No code changes required** - The component API is backward compatible
-2. **TypeScript users**: You can now import types:
-   ```tsx
-   import type { CapErrorStateIllustrationProps } from '@capillarytech/blaze-ui/CapErrorStateIllustration';
-   ```
-3. **Styling**: If you were overriding styles, update selectors to use CSS Modules classes
-
-## Related Components
-
-- `CapButton` - Used for the refresh button
-- `CapHeading` - Used for titles
-- `CapIcon` - Used for refresh icon
-- `CapImage` - Used for error illustrations
-- `CapRow` - Used for layout

package/CapErrorStateIllustration/USE_CASES.md

@@ -1,33 +0,0 @@
-# Test Cases: CapErrorStateIllustration (Antd v3→v6)
-
-## Component Analysis
-- **Component**: CapErrorStateIllustration
-- **Complexity**: simple
-- **Test Case Limit**: ≤10 test cases
-
-## Generated Test Cases
-
-| ID | Use Case | Props/Config | Expected Visual/Behavior | Priority | Storybook Story | Notes |
-|----|----------|--------------|-------------------------|----------|-----------------|-------|
-| UC-001 | Default rendering | All default props (showImage: true, isRefreshExpired: false, empty strings) | Component renders with refresh illustration image, no visible text or button | P0 | Default | Basic rendering with default props |
-| UC-002 | Refresh state vs Expiry state | isRefreshExpired: false vs true | When false: shows refreshErrorStateIllustration, refreshTitle, refresh button. When true: shows expiryErrorStateIllustration, expiryTitle, expiryDescription | P0 | StateVariants | Grouped both state variants into single test |
-| UC-003 | Image visibility toggle | showImage: true vs false | When true: image renders. When false: no image displayed | P1 | ImageVisibility | Grouped both image states |
-| UC-004 | Content variants | refreshTitle, expiryTitle, expiryDescription, refreshText with various values (string, node, empty) | All text props render correctly. String and node types supported. Empty strings hide elements | P1 | ContentVariants | Grouped all text content props |
-| UC-005 | Refresh button interaction | refreshText: "Refresh", onRefreshClick: mock function | Button renders with refresh icon and text. Click triggers onRefreshClick handler | P0 | RefreshInteraction | Critical user interaction |
-| UC-006 | Custom styling | className: "custom-class" | Custom className applied to container element | P2 | CustomStyling | Basic styling support |
-| UC-007 | Edge cases - minimal content | Only showImage: true, all text props empty | Component renders with only image, no text or buttons | P1 | MinimalContent | Edge case for empty content |
-| UC-008 | HTML attributes passthrough | {...rest} props (data-testid, aria-label, etc.) | Additional HTML attributes passed to container element | P2 | AttributesPassthrough | Grouped all HTML/ARIA attributes |
-| UC-009 | Refresh button with node content | refreshText: <span>Custom Node</span> | Button accepts node type for refreshText and renders correctly | P1 | NodeContentSupport | Tests PropTypes.oneOfType support |
-| UC-010 | Complete refresh state | showImage: true, isRefreshExpired: false, refreshTitle: "Error", refreshText: "Retry", onRefreshClick: handler | All refresh state elements visible: image, title, button with icon and text | P0 | CompleteRefreshState | Full refresh state integration |
-
-## Summary
-- **Total Test Cases**: 10
-- **P0 (Blocking)**: 3
-- **P1 (High)**: 5
-- **P2 (Medium)**: 2
-
-## Grouping Rationale
-- State variants (UC-002): Combined refresh and expiry states as they're mutually exclusive
-- Content variants (UC-004): Grouped all text props since they follow similar patterns
-- Image visibility (UC-003): Simple boolean toggle grouped together
-- Attributes (UC-008): All HTML/ARIA attributes grouped as passthrough props

package/CapExpressionEditor/README.md

@@ -1,32 +0,0 @@
-# CapExpressionEditor
-
-Expression editor component with grammar validation, syntax highlighting, and autocomplete. Uses a jQuery-based expredit plugin for parsing and validation.
-
-## Migration Notes (Antd v3 → v6)
-
-### Changes Applied
-
-- **Runtime prop validation removed**: Replaced with TypeScript types from `types.ts`
-- **defaultProps removed**: Default values now use destructuring in function arguments
-- **Class → Functional component**: Converted to React.FC with hooks
-- **SCSS**: Hardcoded colors replaced with `$CAP_*` design tokens from `_variables.scss`
-- **No Antd overrides**: Component uses `CapInput.TextArea` (wraps Antd Input); no theme config changes required
-
-### Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `grammar` | `ExpressionGrammar` | defaultGrammar | Expression grammar configuration |
-| `expected` | `string[]` | `['boolean']` | Expected types for validation |
-| `typeSource` | `string` | - | Type source identifier |
-| `delims` | `string[]` | `['{{', '}}']` | Delimiters for expression parsing |
-| `expression` | `string` | `''` | Initial expression value |
-| `onChange` | `(expressionJSON, expression, isError) => void` | - | Callback when expression changes |
-| `className` | `string` | - | Additional CSS class |
-| `disabled` | `boolean` | - | Disable the editor |
-| ...rest | `CapInputTextAreaProps` | - | Passed through to underlying TextArea |
-
-### Dependencies
-
-- **jquery** (^3.6.0): Required for expredit plugin
-- **rangy** (^1.3.2): Selection/range library used by expredit plugin