@sudobility/components 2.0.33 → 3.0.0

package/README.md

@@ -1,169 +1,218 @@
-# @johnqh/mail-box-components
+# @sudobility/components
 
 A comprehensive React component library and design system for building modern web applications.
 
+## 🚀 Version 3.0.0 - Reorganized Architecture
+
+**Major Update**: Components are now organized into logical categories with specialized domain packages available separately.
+
 ## Features
 
 - 🎨 **Complete Design System** - Professional design tokens, colors, typography
-- 🧩 **20+ UI Components** - Forms, modals, cards, alerts, and more
+- 🧩 **220+ UI Components** - Organized into 8 categories (primitives, forms, navigation, charts, media, modals, data-display, interactive)
 - ♿ **Accessibility First** - Built with Radix UI primitives
 - 🌙 **Dark Mode Support** - Full dark/light theme support
 - 📱 **Responsive Design** - Mobile-first approach
 - 🎯 **TypeScript** - Fully typed with excellent IntelliSense
 - 🎭 **Tailwind CSS** - Utility-first styling with customization
 - ⚡ **Performance Optimized** - Tree-shakeable and lightweight
+- 📦 **Modular Packages** - Domain-specific components in separate packages
 
 ## Installation
 
-### Quick Start
+### Core Library
 
 ```bash
-npm install @johnqh/mail-box-components
+npm install @sudobility/components @sudobility/design
 ```
 
-### Required Peer Dependencies
+### Specialized Packages (Optional)
+
+```bash
+# Web3 & Blockchain Components
+npm install @sudobility/web3-components
+
+# Email Marketing Components
+npm install @sudobility/email-components
 
-The library requires these peer dependencies to be installed:
+# Fitness & Health Tracking
+npm install @sudobility/fitness-components
+
+# Real Estate & Property Management
+npm install @sudobility/realestate-components
+```
+
+### Required Peer Dependencies
 
 ```bash
 npm install react@^18.0.0 react-dom@^18.0.0 \
-  @heroicons/react@^2.0.0 \
-  @radix-ui/react-alert-dialog@^1.0.0 \
-  @radix-ui/react-dialog@^1.0.0 \
-  @radix-ui/react-label@^2.0.0 \
-  @radix-ui/react-select@^2.0.0 \
-  @radix-ui/react-slot@^1.0.0 \
-  @radix-ui/react-switch@^1.0.0 \
-  @radix-ui/react-tabs@^1.0.0 \
+  @heroicons/react@^2.2.0 \
+  @radix-ui/react-alert-dialog@^1.1.0 \
+  @radix-ui/react-dialog@^1.1.0 \
+  @radix-ui/react-label@^2.1.0 \
+  @radix-ui/react-select@^2.2.0 \
+  @radix-ui/react-slot@^1.2.0 \
+  @radix-ui/react-switch@^1.2.0 \
+  @radix-ui/react-tabs@^1.1.0 \
   class-variance-authority@^0.7.0 \
   clsx@^2.1.1 \
   tailwind-merge@^3.0.0
 ```
 
-### Optional Dependencies
+## Component Categories
 
-Install these only if you need specific features:
-
-```bash
-# For internationalization (LanguageSelector, CodeBlock)
-npm install react-i18next@^16.0.0 i18next@^25.0.0
-
-# For routing (SmartLink, Breadcrumb)
-npm install react-router-dom@^7.0.0
-
-# For SEO/Meta tags (AIMeta)
-npm install react-helmet-async@^2.0.0
+### Primitives
+Layout, typography, and feedback components - the building blocks.
+```tsx
+import { Button, Card, Alert, Spinner, Badge } from '@sudobility/components';
+```
 
-# For social sharing (Breadcrumb sharing feature)
-npm install react-share@^5.0.0
+### Forms
+Comprehensive form components for user input.
+```tsx
+import { Input, Select, Checkbox, DatePicker } from '@sudobility/components';
+```
 
-# For performance monitoring
-npm install web-vitals@^5.0.0
+### Navigation
+Links, menus, breadcrumbs, tabs, and pagination.
+```tsx
+import { SmartLink, Tabs, Breadcrumb, Pagination } from '@sudobility/components';
+```
 
-# For additional icons
-npm install lucide-react@^0.400.0
+### Data Display
+Tables, lists, cards, and data visualization.
+```tsx
+import { DataTable, Avatar, Card, KeyValuePair } from '@sudobility/components';
 ```
 
-### Complete Installation (All Features)
+### Charts
+Data visualization and charting components.
+```tsx
+import { PieChart, BarChart, LineChart, ProgressBar } from '@sudobility/components';
+```
 
-To install everything at once:
+### Media
+Image, video, and audio components.
+```tsx
+import { ImageGallery, VideoPlayer, AudioPlayer } from '@sudobility/components';
+```
 
-```bash
-npm install @johnqh/mail-box-components \
-  react@^18.0.0 react-dom@^18.0.0 \
-  @heroicons/react@^2.0.0 \
-  @radix-ui/react-alert-dialog@^1.0.0 \
-  @radix-ui/react-dialog@^1.0.0 \
-  @radix-ui/react-label@^2.0.0 \
-  @radix-ui/react-select@^2.0.0 \
-  @radix-ui/react-slot@^1.0.0 \
-  @radix-ui/react-switch@^1.0.0 \
-  @radix-ui/react-tabs@^1.0.0 \
-  class-variance-authority@^0.7.0 \
-  clsx@^2.1.1 \
-  tailwind-merge@^3.0.0 \
-  react-i18next@^16.0.0 \
-  i18next@^25.0.0 \
-  react-router-dom@^7.0.0 \
-  react-helmet-async@^2.0.0 \
-  react-share@^5.0.0 \
-  web-vitals@^5.0.0 \
-  lucide-react@^0.400.0
+### Modals
+Dialogs, drawers, popovers, and tooltips.
+```tsx
+import { Modal, Dialog, Popover, Tooltip } from '@sudobility/components';
 ```
 
-> **Migrating from v1.x?** See [MIGRATION.md](./MIGRATION.md) for detailed upgrade instructions.
+### Interactive
+Drag & drop, gestures, and interactive behaviors.
+```tsx
+import { DragDrop, SwipeActions, PullToRefresh } from '@sudobility/components';
+```
 
-## Usage
+## Quick Start
 
 ```tsx
-import { Button, Card, Alert } from '@johnqh/mail-box-components'
+import { Button, Card, Input } from '@sudobility/components';
 
 function App() {
   return (
-    <div>
-      <Card>
-        <Button variant="primary">Click me</Button>
-        <Alert variant="success">Success message</Alert>
-      </Card>
-    </div>
-  )
+    <Card>
+      <Input placeholder="Enter your name" />
+      <Button variant="primary">Submit</Button>
+    </Card>
+  );
 }
 ```
 
-## Components
+## Specialized Packages
+
+### Web3 Components
+```tsx
+import { WalletConnect, AddressLabel, NFTGallery } from '@sudobility/web3-components';
+```
+
+### Email Components
+```tsx
+import { EmailCampaign, EmailAnalytics } from '@sudobility/email-components';
+```
 
-### Form Controls
-- `Button` - Feature-rich button with variants and animations
-- `Input` - Form input with validation states
-- `Label` - Accessible form labels
-- `Select` - Dropdown select component
-- `Switch` - Toggle switch component
-- `Tabs` - Tabbed interface component
+### Fitness Components
+```tsx
+import { StepCounter, WorkoutLog, CalorieTracker } from '@sudobility/fitness-components';
+```
 
-### Layout & Display
-- `Card` - Flexible card component
-- `Modal` - Accessible modal dialogs
-- `Alert` - Alert messages with multiple states
-- `Spinner` - Loading spinners
-- `LoadingState` - Comprehensive loading states
-- `EmptyState` - Empty state placeholders
+### Real Estate Components
+```tsx
+import { PropertyCard, MortgageCalc, VirtualTour } from '@sudobility/realestate-components';
+```
 
-### Navigation
-- `Breadcrumb` - SEO-optimized breadcrumbs
-- `ConfirmationDialog` - Confirmation prompts
+## Migration from v2.x
 
-### Typography
-- `Typography` - Text components (PageTitle, SectionTitle, BodyText, TextLink)
+See [MIGRATION_GUIDE.md](./MIGRATION_GUIDE.md) for detailed migration instructions.
 
-## Design System
+**Key Changes:**
+- Component imports remain the same (backward compatible)
+- New organized structure under the hood
+- Specialized components moved to separate packages
+- Tree-shaking improvements for smaller bundle sizes
 
-The library includes a complete design system with:
+## Documentation
 
-- **Colors** - Semantic color palette with dark mode support
-- **Typography** - Consistent text styles and hierarchy
-- **Spacing** - Standardized spacing scale
-- **Shadows** - Elevation system
-- **Tokens** - Design tokens for consistency
+- **Full Documentation**: [CLAUDE.md](./CLAUDE.md) - Complete project documentation
+- **Component Map**: [COMPONENT_MIGRATION_MAP.md](./COMPONENT_MIGRATION_MAP.md) - All components categorized
+- **Migration Guide**: [MIGRATION_GUIDE.md](./MIGRATION_GUIDE.md) - Upgrade from v2.x
+
+## Package Structure
+
+```
+@sudobility/components/
+├── primitives/     # Layout, typography, feedback
+├── forms/          # Inputs, advanced, builders
+├── navigation/     # Links, menus, tabs
+├── data-display/   # Tables, lists, cards
+├── charts/         # Data visualization
+├── media/          # Images, video, audio
+├── modals/         # Dialogs, popovers, tooltips
+├── interactive/    # Drag & drop, gestures
+├── core/           # Core utilities
+└── hooks/          # Custom React hooks
+
+Specialized Packages:
+├── @sudobility/web3-components
+├── @sudobility/email-components
+├── @sudobility/fitness-components
+└── @sudobility/realestate-components
+```
 
 ## Development
 
 ```bash
-# Install dependencies
-npm install
+# Build the library
+npm run build
 
-# Start development server
+# Development mode with watch
 npm run dev
 
-# Build library
-npm run build
-
-# Run tests
-npm test
+# Type checking
+npm run type-check
 
-# Lint code
+# Linting
 npm run lint
+
+# Testing
+npm test
 ```
 
+## Contributing
+
+Contributions are welcome! Please read the contributing guidelines before submitting PRs.
+
 ## License
 
-MIT
+MIT © John Q Huang
+
+## Links
+
+- **GitHub**: [https://github.com/sudobility/components](https://github.com/sudobility/components)
+- **Issues**: [https://github.com/sudobility/components/issues](https://github.com/sudobility/components/issues)
+- **npm**: [@sudobility/components](https://www.npmjs.com/package/@sudobility/components)

package/dist/charts/area-chart.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+export interface AreaChartDataPoint {
+    x: number;
+    y: number;
+}
+export interface AreaChartSeries {
+    name: string;
+    data: AreaChartDataPoint[];
+    color?: string;
+}
+export interface AreaChartProps {
+    /** Chart series */
+    series: AreaChartSeries[];
+    /** Show legend */
+    showLegend?: boolean;
+    /** Show grid */
+    showGrid?: boolean;
+    /** Fill opacity */
+    fillOpacity?: number;
+    /** Chart height */
+    height?: number;
+    /** X-axis labels */
+    xLabels?: string[];
+    /** Additional className */
+    className?: string;
+}
+/**
+ * AreaChart Component
+ *
+ * Area chart with filled regions under lines.
+ * Supports multiple series with layering.
+ *
+ * @example
+ * ```tsx
+ * <AreaChart
+ *   series={[
+ *     {
+ *       name: 'Revenue',
+ *       data: [{ x: 0, y: 100 }, { x: 1, y: 150 }, { x: 2, y: 120 }],
+ *       color: '#3b82f6'
+ *     },
+ *     {
+ *       name: 'Expenses',
+ *       data: [{ x: 0, y: 50 }, { x: 1, y: 80 }, { x: 2, y: 60 }],
+ *       color: '#ef4444'
+ *     }
+ *   ]}
+ *   showLegend
+ *   fillOpacity={0.3}
+ * />
+ * ```
+ */
+export declare const AreaChart: React.FC<AreaChartProps>;
+export default AreaChart;
+//# sourceMappingURL=area-chart.d.ts.map

package/dist/charts/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../src/charts/area-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgI9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/charts/bar-chart.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+export interface BarChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface BarChartProps {
+    /** Chart data */
+    data: BarChartDataPoint[];
+    /** Chart orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Show values on bars */
+    showValues?: boolean;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Bar width */
+    barWidth?: number;
+    /** Chart height */
+    height?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * BarChart Component
+ *
+ * Simple bar chart for displaying categorical data.
+ * Supports vertical and horizontal orientations.
+ *
+ * @example
+ * ```tsx
+ * <BarChart
+ *   data={[
+ *     { label: 'Jan', value: 120, color: '#3b82f6' },
+ *     { label: 'Feb', value: 150, color: '#3b82f6' },
+ *     { label: 'Mar', value: 90, color: '#3b82f6' }
+ *   ]}
+ *   orientation="vertical"
+ *   showValues
+ * />
+ * ```
+ */
+export declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/charts/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../src/charts/bar-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2F5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/charts/bubble-chart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UbubbleUchart Component
+ *
+ * A reusable UbubbleUchart component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UbubbleUchart className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/bubble-chart}
+ */
+export interface UbubbleUchartProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UbubbleUchart: ({ className, children, disabled, onClick, }: UbubbleUchartProps) => import("react/jsx-runtime").JSX.Element;
+export default UbubbleUchart;
+//# sourceMappingURL=bubble-chart.d.ts.map

package/dist/charts/bubble-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-chart.d.ts","sourceRoot":"","sources":["../../src/charts/bubble-chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/charts/burndown-chart.d.ts

@@ -0,0 +1,19 @@
+/**
+ * BurndownChart Component
+ *
+ * Project management component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <BurndownChart className="custom-class" />
+ * ```
+ */
+export interface BurndownChartProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const BurndownChart: ({ className, children, disabled, }: BurndownChartProps) => import("react/jsx-runtime").JSX.Element;
+export default BurndownChart;
+//# sourceMappingURL=burndown-chart.d.ts.map

package/dist/charts/burndown-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"burndown-chart.d.ts","sourceRoot":"","sources":["../../src/charts/burndown-chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,oCAI3B,kBAAkB,4CAiBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/charts/funnel-chart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UfunnelUchart Component
+ *
+ * A reusable UfunnelUchart component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UfunnelUchart className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/funnel-chart}
+ */
+export interface UfunnelUchartProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UfunnelUchart: ({ className, children, disabled, onClick, }: UfunnelUchartProps) => import("react/jsx-runtime").JSX.Element;
+export default UfunnelUchart;
+//# sourceMappingURL=funnel-chart.d.ts.map

package/dist/charts/funnel-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnel-chart.d.ts","sourceRoot":"","sources":["../../src/charts/funnel-chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/charts/gauge.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export interface GaugeProps {
+    /** Current value (0-100) */
+    value: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Gauge size */
+    size?: number;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Show value text */
+    showValue?: boolean;
+    /** Label */
+    label?: string;
+    /** Color variant */
+    variant?: 'primary' | 'success' | 'warning' | 'danger';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Gauge Component
+ *
+ * Circular gauge/speedometer indicator.
+ * Displays progress in a semi-circular arc.
+ *
+ * @example
+ * ```tsx
+ * <Gauge value={75} label="CPU Usage" variant="success" />
+ * ```
+ */
+export declare const Gauge: React.FC<GaugeProps>;
+export default Gauge;
+//# sourceMappingURL=gauge.d.ts.map

package/dist/charts/gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../src/charts/gauge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4DtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/charts/heatmap.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Uheatmap Component
+ *
+ * A reusable Uheatmap component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Uheatmap className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/heatmap}
+ */
+export interface UheatmapProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const Uheatmap: ({ className, children, disabled, onClick, }: UheatmapProps) => import("react/jsx-runtime").JSX.Element;
+export default Uheatmap;
+//# sourceMappingURL=heatmap.d.ts.map

package/dist/charts/heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/charts/heatmap.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,6CAKtB,aAAa,4CAmBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/charts/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Chart Components
+ *
+ * Data visualization and charting components
+ */
+export * from './bar-chart';
+export * from './line-chart';
+export * from './pie-chart';
+export * from './area-chart';
+export * from './radar-chart';
+export * from './bubble-chart';
+export * from './scatter-plot';
+export * from './tree-map';
+export * from './sankey-diagram';
+export * from './sparkline';
+export * from './heatmap';
+export * from './funnel-chart';
+export * from './burndown-chart';
+export * from './performance-chart';
+export * from './metric-comparison';
+export * from './gauge';
+export * from './progress-bar';
+export * from './progress';
+export * from './progress-circle';
+export * from './progress-tracker';
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC;AAG7B,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}