@capillarytech/blaze-ui 5.21.0 → 5.22.0

package/CapPopover/README.md

@@ -1,234 +0,0 @@
-# CapPopover
-
-Extended Ant Design Popover component with Capillary design system integration.
-
-## Migration from Antd v3 → v6
-
-This component has been migrated to support Ant Design v6 while maintaining backward compatibility with v3/v4/v5 APIs.
-
-## Props
-
-### Standard Props
-
-All standard Ant Design Popover props are supported. Refer to [Ant Design Popover documentation](https://ant.design/components/popover) for complete API reference.
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `content` | `ReactNode` | - | Content of the popover |
-| `title` | `ReactNode` | - | Title of the popover |
-| `placement` | `Placement` | `'top'` | Placement of popover |
-| `trigger` | `'hover' \| 'focus' \| 'click'` | `'hover'` | Trigger mode |
-| `open` | `boolean` | - | Controlled open state |
-| `defaultOpen` | `boolean` | `false` | Default open state (uncontrolled) |
-| `onOpenChange` | `(open: boolean) => void` | - | Callback when open state changes |
-| `destroyOnHidden` | `boolean` | `false` | Whether to destroy popover when hidden |
-| `classNames` | `{ root?: string; inner?: string }` | - | Custom class names for popover parts |
-| `styles` | `{ root?: CSSProperties; body?: CSSProperties }` | - | Custom styles for popover parts |
-| `className` | `string` | - | Additional CSS class for wrapper |
-| `getPopupContainer` | `(triggerNode: HTMLElement) => HTMLElement` | - | Container for popover rendering |
-| `align` | `AlignConfig` | - | Popover alignment configuration |
-
-### Deprecated Props (Still Supported)
-
-These props are deprecated but still work for backward compatibility. They will show console warnings in development mode:
-
-| Deprecated Prop | Replacement | Notes |
-|----------------|-------------|-------|
-| `visible` | `open` | Use `open` for controlled state |
-| `onVisibleChange` | `onOpenChange` | Use `onOpenChange` for controlled state callbacks |
-| `destroyTooltipOnHide` | `destroyOnHidden` | Use `destroyOnHidden` for destroy behavior |
-| `overlayClassName` | `classNames.root` | Use `classNames.root` for overlay styling |
-| `overlayStyle` | `styles.root` | Use `styles.root` for overlay inline styles |
-| `overlayInnerStyle` | `styles.body` | Use `styles.body` for inner content inline styles |
-
-**Note**: Deprecated props will be removed in the next major version. Please migrate to the new prop names.
-
-## API Changes
-
-### Controlled vs Uncontrolled Mode
-
-The component now supports both controlled and uncontrolled modes:
-
-**Controlled Mode:**
-```tsx
-const [open, setOpen] = useState(false);
-
-<CapPopover 
-  content="Controlled popover" 
-  title="Title"
-  open={open} 
-  onOpenChange={setOpen}
->
-  <Button>Click me</Button>
-</CapPopover>
-```
-
-**Uncontrolled Mode:**
-```tsx
-<CapPopover 
-  content="Uncontrolled popover"
-  title="Title"
-  defaultOpen={false}
->
-  <Button>Click me</Button>
-</CapPopover>
-```
-
-### Styling API Changes
-
-**Old API (deprecated):**
-```tsx
-<CapPopover 
-  overlayClassName="custom-class"
-  overlayStyle={{ backgroundColor: 'red' }}
-  overlayInnerStyle={{ padding: '20px' }}
->
-  <Button>Button</Button>
-</CapPopover>
-```
-
-**New API (recommended):**
-```tsx
-<CapPopover 
-  classNames={{ root: 'custom-class', inner: 'inner-class' }}
-  styles={{ root: { backgroundColor: 'red' }, body: { padding: '20px' } }}
->
-  <Button>Button</Button>
-</CapPopover>
-```
-
-## Behavioral Changes
-
-### No Breaking Changes
-
-The component maintains **100% backward compatibility** with `cap-ui-library` v8.x. All existing code will continue to work without modifications.
-
-### Enhanced Features
-
-- **Controlled State**: Full support for controlled popover state management
-- **Modern Styling API**: Support for semantic style props (`classNames`, `styles`)
-- **Better TypeScript Support**: Proper type definitions with deprecation markers
-
-## Style Overrides
-
-### Max-Width Constraint
-
-The component applies a `max-width: 324px` constraint to the popover overlay. This override uses `:global` because Ant Design v6 does not provide a tokenizable `maxWidth` option for Popover components.
-
-**Implementation Note:**
-```scss
-// OVERRIDE: Antd Popover max-width cannot be tokenized
-// Token limitation: components.Popover does not support maxWidth token in Antd v6
-// Using :global override as last resort for max-width constraint
-:global {
-  .ant-popover.cap-popover-v2 {
-    max-width: 324px;
-  }
-}
-```
-
-This override is necessary because:
-- Ant Design v6 Popover component tokens do not include `maxWidth`
-- The design system requires a consistent max-width constraint
-- CSS Modules with `:global` is the only viable approach
-
-## Examples
-
-### Basic Usage
-
-```tsx
-import { CapPopover, CapButton } from '@capillarytech/blaze-ui';
-
-<CapPopover content="Popover content" title="Popover Title">
-  <CapButton>Hover me</CapButton>
-</CapPopover>
-```
-
-### Controlled Popover
-
-```tsx
-import { useState } from 'react';
-import { CapPopover, CapButton } from '@capillarytech/blaze-ui';
-
-const MyComponent = () => {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <CapPopover 
-      content="This is controlled"
-      title="Controlled"
-      open={open}
-      onOpenChange={setOpen}
-    >
-      <CapButton onClick={() => setOpen(!open)}>
-        Toggle Popover
-      </CapButton>
-    </CapPopover>
-  );
-};
-```
-
-### Custom Styling
-
-```tsx
-<CapPopover 
-  content="Custom styled popover"
-  title="Custom"
-  classNames={{ root: 'my-custom-popover', inner: 'my-inner' }}
-  styles={{ 
-    root: { backgroundColor: '#f0f0f0' },
-    body: { padding: '24px' }
-  }}
->
-  <CapButton>Styled Popover</CapButton>
-</CapPopover>
-```
-
-### Migration Example
-
-**Before (v3/v4/v5):**
-```tsx
-<CapPopover 
-  visible={isOpen}
-  onVisibleChange={setIsOpen}
-  overlayClassName="custom-class"
-  overlayStyle={{ width: '300px' }}
->
-  <Button>Old API</Button>
-</CapPopover>
-```
-
-**After (v6):**
-```tsx
-<CapPopover 
-  open={isOpen}
-  onOpenChange={setIsOpen}
-  classNames={{ root: 'custom-class' }}
-  styles={{ root: { width: '300px' } }}
->
-  <Button>New API</Button>
-</CapPopover>
-```
-
-## TypeScript
-
-The component is fully typed with TypeScript. Import types as needed:
-
-```tsx
-import type { CapPopoverProps } from '@capillarytech/blaze-ui';
-
-const MyPopover: React.FC<CapPopoverProps> = (props) => {
-  // ...
-};
-```
-
-## Related Components
-
-- `CapTooltip` - Similar popup component for tooltips
-- `CapDropdown` - Dropdown menu component
-- `CapModal` - Modal dialog component
-
-## References
-
-- [Ant Design Popover Documentation](https://ant.design/components/popover)
-- [Ant Design Migration Guide](https://ant.design/docs/react/migration-v6)

package/CapProgress/Status.md

@@ -1,40 +0,0 @@
-# Migration Status: CapProgress
-
-**Last Updated**: 2026-01-31 18:13:29
-
-## Migration Steps
-
-- [x] **Step 0**: Setup branch and remote tracking
-- [x] **Step 1**: Migration Prompt 1 (Main migration)
-- [x] **Step 2**: Migration Prompt 2 (Storybook support)
-- [x] **Step 3**: Migration Prompt 3 (Unit tests)
-- [x] **Step 4**: Migration Prompt 4 (Visual test cases)
-- [x] **Step 5**: Linting (ESLint)
-- [x] **Step 6**: Pre-build Validation
-- [] **Step 7**: Build blaze-ui
-- [] **Step 8**: Visual Testing
-- [] **Step 9**: CSS Analysis (if mismatches found)
-- [] **Step 9.5**: CSS Analysis Completed
-- [] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
-- [] **Step 11**: Create Pull Request
-
-## Visual Testing Results
-
-**Last Test**: 2026-01-31 18:13:29
-**Maximum Mismatch**: 0%
-
-### Mismatched Variants:
-- 
-
-
-## CSS Fixes Applied
-
-**Date**: 2026-01-28 09:16:37
-**Summary**: CSS fixes applied based on visual testing analysis.
-
-_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapProgress/css-fix-analysis.md`_
-
-
-## Notes
-
-_No notes yet._

package/CapRadio/Status.md

@@ -1,54 +0,0 @@
-# Migration Status: CapRadio
-
-**Last Updated**: 2026-01-19 04:01:56
-
-## Migration Steps
-
-- [x] **Step 0**: Setup branch and remote tracking
-- [x] **Step 1**: Migration Prompt 1 (Main migration)
-- [x] **Step 2**: Migration Prompt 2 (Storybook support)
-- [x] **Step 3**: Migration Prompt 3 (Unit tests)
-- [x] **Step 4**: Linting (ESLint)
-- [x] **Step 5**: Pre-build Validation
-- [] **Step 6**: Build blaze-ui
-- [] **Step 7**: Visual Testing
-- [] **Step 8**: CSS Analysis (if mismatches found)
-- [] **Step 8.5**: CSS Analysis Completed
-- [] **Step 9**: Git Commit & Push to branch (pre-commit hook will run tests)
-- [] **Step 10**: Create Pull Request
-
-## Visual Testing Results
-
-**Last Test**: 2026-01-19 04:01:14
-**Maximum Mismatch**: 3.44%
-
-### Mismatched Variants:
-- unchecked:1.92%
-- checked:1.77%
-- disabled:1.67%
-- disabled-checked:1.73%
-- default:2.92%
-- with-value:3.30%
-- disabled:2.70%
-- button-style:2.95%
-- size-small:2.78%
-- size-large:2.73%
-- default:3.44%
-- checked:3.24%
-- disabled:3.21%
-- default:2.33%
-- checked:2.36%
-
-
-## CSS Fixes Applied
-
-**Date**: 2026-01-19 04:01:14
-**Summary**: CSS fixes applied based on visual testing analysis.
-
-_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapRadio/css-fix-analysis.md`_
-
-
-## Notes
-
-_No notes yet._
-

package/CapRadioButton/README.md

@@ -1,152 +0,0 @@
-# CapRadioButton
-
-A radio button component built on top of Ant Design's Radio.Button component with Capillary-specific styling.
-
-## Migration from cap-ui-library to blaze-ui
-
-### Summary of Changes
-
-This component has been migrated from `cap-ui-library` to `blaze-ui` with the following improvements:
-
-1. **TypeScript Conversion**
-   - Converted from JavaScript to TypeScript
-   - Added TypeScript interfaces in `types.ts`
-   - Full type safety with proper prop types
-
-2. **Styling**
-   - Converted from styled-components to SCSS modules
-   - Maintains backward design compatibility with existing class names
-
-3. **Ant Design v6 Migration**
-   - Updated to use Ant Design v6 APIs (`antd-v5` package alias)
-   - All Ant Design Radio.Button props are supported through prop spreading
-
-### Ant Design Components Used
-
-This component uses the following Ant Design components:
-- **Radio.Button** (`antd-v5`) - Base radio button component
-
-**Verification Status:** ✅ No deprecated props found
-- The `Radio.Button` component is not listed in the Ant Design v6 migration guide's deprecated API fixes table
-- All `Radio.Button` component props remain valid and unchanged between v3 and v6
-- No prop mapping or backward compatibility code required for Ant Design props
-
-### Breaking Changes
-
-**No breaking changes** - The component maintains full backward compatibility with the previous version.
-
-**Ant Design Radio.Button Component:** The Ant Design `Radio.Button` component API remains fully compatible between v3 and v6, so no API changes were required. All Ant Design `Radio.Button` props continue to work as before.
-
-### Deprecated Props
-
-**No deprecated Ant Design props** - The Ant Design `Radio.Button` component API remains fully compatible between v3 and v6, with no deprecated props.
-
-**Verification:**
-- ✅ Checked against Ant Design v6 migration guide - `Radio.Button` component is not listed in deprecated API fixes
-- ✅ Checked MIGRATION_CHANGELOG_TEMPLATE.md - No Radio.Button deprecated props documented
-- ✅ All Ant Design `Radio.Button` props (`value`, `disabled`, `checked`, `onChange`, etc.) remain valid and unchanged
-- ✅ No backward compatibility mapping required for Ant Design props
-
-**Note:** This component uses the Ant Design `Radio.Button` component internally. All standard Ant Design `Radio.Button` props are passed through via `{...rest}` and remain fully supported.
-
-### Props
-
-| Prop Name | Type | Default | Description |
-|-----------|------|---------|-------------|
-| `className` | `string` | `undefined` | Additional CSS class name for the radio button |
-| `children` | `React.ReactNode` | `undefined` | Label text/content for the radio button |
-| `value` | `any` | `undefined` | The value of the radio button (used in Radio.Group) |
-| `disabled` | `boolean` | `undefined` | Whether the radio button is disabled |
-| `checked` | `boolean` | `undefined` | Whether the radio button is checked (controlled) |
-| `defaultChecked` | `boolean` | `undefined` | Whether the radio button is checked by default (uncontrolled) |
-| `onChange` | `(e: RadioChangeEvent) => void` | `undefined` | Callback when radio button state changes |
-| `...rest` | `RadioButtonProps` | - | All other Ant Design Radio.Button props are supported |
-
-### TypeScript Interfaces
-
-```typescript
-import type { CapRadioButtonProps } from '@capillarytech/blaze-ui';
-
-interface CapRadioButtonProps extends React.ComponentProps<typeof Radio.Button> {
-  className?: string;
-  children?: React.ReactNode;
-}
-```
-
-### Usage Examples
-
-#### Basic Usage
-
-```tsx
-import { CapRadioButton } from '@capillarytech/blaze-ui';
-
-<CapRadioButton value="option1">Option 1</CapRadioButton>
-```
-
-#### In Radio Group
-
-```tsx
-import { Radio } from 'antd-v5';
-import { CapRadioButton } from '@capillarytech/blaze-ui';
-
-<Radio.Group value={selectedValue} onChange={(e) => setSelectedValue(e.target.value)}>
-  <CapRadioButton value="option1">Option 1</CapRadioButton>
-  <CapRadioButton value="option2">Option 2</CapRadioButton>
-  <CapRadioButton value="option3">Option 3</CapRadioButton>
-</Radio.Group>
-```
-
-#### Disabled State
-
-```tsx
-<CapRadioButton value="option1" disabled>
-  Disabled Option
-</CapRadioButton>
-```
-
-#### Controlled State
-
-```tsx
-const [checked, setChecked] = useState(false);
-
-<CapRadioButton 
-  checked={checked} 
-  onChange={(e) => setChecked(e.target.checked)}
->
-  Controlled Radio Button
-</CapRadioButton>
-```
-
-### Migration Steps
-
-#### 1. Update Import
-
-```tsx
-// Before (cap-ui-library)
-import CapRadioButton from '@capillarytech/cap-ui-library/CapRadioButton';
-
-// After (blaze-ui)
-import { CapRadioButton } from '@capillarytech/blaze-ui';
-// or
-import CapRadioButton from '@capillarytech/blaze-ui/CapRadioButton';
-```
-
-#### 2. Usage (No Changes Required)
-
-```tsx
-// Basic usage - works exactly the same
-<CapRadioButton value="option1">Option 1</CapRadioButton>
-
-// In Radio Group - works exactly the same
-<Radio.Group>
-  <CapRadioButton value="option1">Option 1</CapRadioButton>
-  <CapRadioButton value="option2">Option 2</CapRadioButton>
-</Radio.Group>
-```
-
-### Notes
-
-- The component wraps Ant Design's `Radio.Button` component and maintains the same API
-- All Ant Design `Radio.Button` props are supported through prop spreading
-- The component maintains backward compatibility with existing designs and class names
-- No deprecated props to migrate - all Ant Design props remain valid in v6

package/CapRadioButton/Status.md

@@ -1,70 +0,0 @@
-# Migration Status: CapRadioButton
-
-**Last Updated**: 2026-02-01 20:04:14
-
-## Migration Steps
-
-- [x] **Step 0**: Setup branch and remote tracking
-- [x] **Step 1**: Migration Prompt 1 (Main migration)
-- [x] **Step 1.5**: Export component in blaze-ui/components/index.ts
-- [x] **Step 2**: Migration Prompt 2 (Storybook support)
-- [x] **Step 2.5**: Verify deprecated props and prop changes (REQUIRED - enforced)
-- [x] **Step 3**: Migration Prompt 3 (Unit tests)
-- [x] **Step 4**: Migration Prompt 4 (Visual test cases)
-- [x] **Step 5**: Linting (ESLint)
-- [x] **Step 6**: Pre-build Validation
-- [x] **Step 7**: Build blaze-ui
-- [x] **Step 8**: Visual Testing
-- [x] **Step 9**: CSS Analysis (if mismatches found)
-- [x] **Step 9.5**: CSS Analysis Completed
-- [x] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
-- [x] **Step 11**: Create Pull Request
-
-## Deprecated Props Verification
-
-**Status:** ✅ **Complete**
-
-**Result:** No deprecated Ant Design props found for Radio.Button component.
-
-**Verification Details:**
-- ✅ Checked Ant Design v6 migration guide (ANTD_V6_MIGRATION.md) - Radio.Button is NOT listed in deprecated API fixes table
-- ✅ Checked MIGRATION_CHANGELOG_TEMPLATE.md - No Radio.Button deprecated props documented
-- ✅ Compared original component (cap-ui-library) vs migrated component (blaze-ui) - No prop changes detected
-- ✅ Verified Radio.Button API remains stable between Ant Design v3 and v6
-- ✅ All Ant Design Radio.Button props (`value`, `disabled`, `checked`, `onChange`, etc.) remain valid and unchanged
-
-**Documentation:**
-- ✅ README.md created with "Deprecated Props" section documenting no deprecated props
-- ✅ README.md includes verification status and migration examples
-- ✅ Documentation follows format from MIGRATION_CHANGELOG_TEMPLATE.md and similar components (CapCheckbox, CapColoredTag)
-
-**Conclusion:** The Ant Design `Radio.Button` component does not have any deprecated props in v6. No backward compatibility mapping or deprecation warnings are required.
-
-**Note**: Step 2.5 is REQUIRED and enforced. 
-- Focus: **Ant Design component prop changes** (e.g., Dropdown, Input, Alert, Tooltip, etc.)
-- Reference: MIGRATION_CHANGELOG_TEMPLATE.md for format, ANTD_V6_MIGRATION.md for Ant Design deprecated APIs
-- Skip: If original component doesn't exist in cap-ui-library
-- All deprecated Ant Design props and prop changes must be documented before proceeding.
-
-## Visual Testing Results
-
-**Last Test**: 2026-02-01 20:01:25
-**Maximum Mismatch**: 3.62%
-
-### Mismatched Variants:
-- long-content:2.08%
-- auto-focus:3.62%
-
-
-## CSS Fixes Applied
-
-**Date**: 2026-02-01 20:02:17
-**Summary**: CSS fixes applied based on visual testing analysis.
-
-_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapRadioButton/css-fix-analysis.md`_
-
-
-## Notes
-
-_No notes yet._
-

package/CapRadioButton/tests/USE_CASES_ANALYSIS.md

@@ -1,120 +0,0 @@
-# CapRadioButton Use Cases Analysis
-
-## Component Overview
-CapRadioButton is a wrapper component around Ant Design's Radio.Button. It provides a consistent class prefix (`cap-radio-button-v2`) while passing through all Ant Design Radio.Button props. It's used within Radio.Group for button-style radio options.
-
-## Phase 0: Use Cases from Google Sheets
-
-**Note**: Unable to access Google Sheets use cases (Spreadsheet ID: `1Xt8l8Q6Hw0cUYV65SlGvGcPnOtzprr0fukDR9UWJ3kg`, Tab: `CapRadioButton`). Analysis based on component API, Storybook stories, and Ant Design Radio.Button documentation.
-
-## Phase 1: Use Cases NOT Fulfilled by Component
-
-### 1. **Standalone Usage Without Radio.Group**
-- **Status**: ⚠️ Limited Support
-- **Current Behavior**: Component works standalone but typically requires Radio.Group for proper state management
-- **Potential Use Cases**:
-  - Single toggle button without group context
-  - Independent button state
-- **Workaround**: Use `checked` prop for controlled standalone usage
-
-### 2. **Custom Styling Variants**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: Only supports className prop, no built-in variants (primary, secondary, etc.)
-- **Potential Use Cases**:
-  - Predefined button styles
-  - Theme-aware variants
-  - Size variants (small, medium, large)
-- **Workaround**: Use className prop with custom CSS classes
-
-### 3. **Icon Support**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: No built-in icon prop
-- **Potential Use Cases**:
-  - Radio buttons with icons
-  - Icon-only radio buttons
-- **Workaround**: Include icons in children prop
-
-### 4. **Loading State**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: No loading prop or spinner
-- **Potential Use Cases**:
-  - Async operations during selection
-  - Disabled state during processing
-- **Workaround**: Use disabled prop and show loading indicator separately
-
-### 5. **Tooltip Support**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: No built-in tooltip prop
-- **Potential Use Cases**:
-  - Help text on hover
-  - Disabled state explanations
-- **Workaround**: Wrap component in CapTooltip
-
-### 6. **Badge/Notification Count**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: No badge or count indicator
-- **Potential Use Cases**:
-  - Show count/notification on option
-  - Badge indicators
-- **Workaround**: Include badge in children prop
-
-### 7. **Custom Render Props**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: Only accepts children as ReactNode
-- **Potential Use Cases**:
-  - Dynamic content based on state
-  - Conditional rendering based on props
-- **Workaround**: Use conditional rendering in children
-
-### 8. **Size Variants**
-- **Status**: ⚠️ Limited Support
-- **Current Behavior**: Relies on Ant Design Radio.Button size, no Cap-specific sizes
-- **Potential Use Cases**:
-  - Consistent sizing across Cap UI components
-  - Custom size presets
-- **Workaround**: Use className with custom CSS or Ant Design size prop
-
-### 9. **Accessibility Enhancements**
-- **Status**: ⚠️ Partial Support
-- **Current Behavior**: Inherits Ant Design accessibility, but no Cap-specific enhancements
-- **Potential Use Cases**:
-  - Default aria-label based on children
-  - Enhanced keyboard navigation
-  - Screen reader optimizations
-- **Workaround**: Manually add ARIA attributes via props
-
-### 10. **Validation States**
-- **Status**: ❌ Not Supported
-- **Current Behavior**: No validation state indicators (error, warning, success)
-- **Potential Use Cases**:
-  - Form validation feedback
-  - Error states
-  - Success indicators
-- **Workaround**: Use className with validation classes or wrap in CapFormItem
-
-## Recommendations
-
-### High Priority (if required)
-1. **Size Variants**: Add `size` prop with `small | medium | large` options matching Cap UI standards
-2. **Icon Support**: Add `icon` prop for consistent icon handling
-3. **Validation States**: Add `status` prop for error/warning/success states
-
-### Medium Priority (if required)
-4. **Custom Variants**: Add `variant` prop for predefined styles
-5. **Tooltip Support**: Add `tooltip` prop for built-in help text
-6. **Loading State**: Add `loading` prop with spinner
-
-### Low Priority (nice to have)
-7. **Badge Support**: Add `badge` prop for count indicators
-8. **Render Props**: Support function as children for dynamic content
-9. **Enhanced Accessibility**: Default ARIA attributes based on context
-
-## Current Component Strengths
-✅ Simple, focused API
-✅ Full Ant Design Radio.Button prop support
-✅ Consistent class prefix for styling
-✅ Works seamlessly with Radio.Group
-✅ Supports controlled and uncontrolled modes
-✅ Keyboard navigation support (inherited from Ant Design)
-✅ Ref forwarding support (inherited from Ant Design)
-✅ Flexible styling via className prop