import type { Meta, StoryObj } from "@storybook/react";
import { RadialChartProps } from "../RadialChart";
/**
 * Sample data sets for demonstrating various RadialChart configurations
 * These data structures represent common use cases in business applications
 */
declare const monthlyRevenueData: {
    month: string;
    value: number;
}[];
/**
 * # RadialChart Component Documentation
 *
 * The RadialChart component is a powerful and flexible visualization tool for displaying
 * categorical data in a circular format. It's particularly effective for showing:
 *
 * - **Proportional Relationships**: How different categories relate to each other
 * - **Part-to-Whole Analysis**: Understanding individual contributions to a total
 * - **Comparative Data**: Quickly comparing values across multiple categories
 * - **Dashboard Metrics**: Essential KPIs in executive dashboards
 *
 * ## Key Features
 *
 * ### Visual Variants
 * - **Circular**: Full 360-degree display for comprehensive data visualization
 * - **Semicircle**: Half-circle display for space-efficient layouts
 *
 * ### Data Formatting
 * - **Percentage Mode**: Automatically calculates and displays percentages
 * - **Number Mode**: Shows raw values with customizable formatting
 *
 * ### Interactive Elements
 * - **Responsive Legend**: Adapts to container size with carousel navigation
 * - **Hover States**: Interactive feedback for enhanced user experience
 * - **Animation Support**: Smooth transitions and loading animations
 *
 * ### Customization Options
 * - **Theme System**: Pre-built color palettes (ocean, orchid, emerald, sunset, spectrum, vivid)

 * - **Layout Flexibility**: Responsive design that adapts to container dimensions
 */
declare const meta: Meta<RadialChartProps<typeof monthlyRevenueData>>;
export default meta;
type Story = StoryObj<typeof meta>;
/**
 * ## Default Configuration
 *
 * This example demonstrates the RadialChart with its default settings - the most common
 * configuration for business dashboards and data visualization applications.
 *
 * **Key Features Shown:**
 * - Standard circular layout with full 360° display
 * - Professional ocean color theme
 * - Stacked legend for optimal space utilization
 * - Smooth animations for polished user experience
 * - Number format for clear value display
 */
export declare const DefaultConfiguration: Story;
/**
 * ## Theme Showcase
 *
 * RadialChart includes six professionally designed color themes, each optimized
 * for different contexts and brand requirements.
 */
export declare const ThemeShowcase: Story;
/**
 * ## Advanced Visual Enhancement
 *
 * This example showcases percentage formatting to create visually striking and informative charts.
 */
export declare const VisualEnhancement: Story;
/**
 * ## Custom Color Palette
 *
 * This example demonstrates how to use a custom color palette to override
 * the default theme colors with brand-specific or custom color schemes.
 */
export declare const CustomPalette: Story;
/**
 * ## Large Dataset Management
 *
 * When working with extensive datasets, RadialChart provides intelligent
 * legend management with carousel navigation to maintain usability.
 */
export declare const LargeDatasetDemo: Story;
/**
 * ## Interactive Responsiveness Demo
 *
 * This advanced example demonstrates RadialChart's responsive capabilities
 * with a resizable container to show real-time adaptation.
 */
export declare const ResponsiveDemo: Story;
//# sourceMappingURL=RadialChart.stories.d.ts.map