@orbit_ui_toolkit/orbitui-kit 0.1.27 → 0.1.29

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'ghost' | 'gradient';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'ghost' | 'gradient' | 'outline';
     size?: 'sm' | 'md' | 'lg' | 'icon';
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
     isLoading?: boolean;

package/dist/components/Button/Button.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Button>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
+export declare const Outline: Story;
 export declare const Danger: Story;
 export declare const Large: Story;
 export declare const Small: Story;

package/dist/components/Card/Card.d.ts

@@ -7,6 +7,7 @@ interface CardProps {
     className?: string;
     variant?: 'default' | 'glass' | 'transparent';
     noPadding?: boolean;
+    onClick?: () => void;
 }
 export declare const Card: React.FC<CardProps>;
 export {};

package/dist/components/Dialog/BaseDialog.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 export interface BaseDialogProps {
     isOpen: boolean;
     onClose: () => void;
-    title?: string;
+    title?: string | React.ReactNode;
     children: React.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     width?: string;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,74 @@
+import { default as React } from 'react';
+export interface DropdownMenuItemConfig {
+    type?: 'item' | 'separator' | 'group-label';
+    label?: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    shortcut?: string;
+    variant?: 'default' | 'danger' | 'success';
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface DropdownMenuHeaderConfig {
+    avatar?: React.ReactNode;
+    name: string;
+    email?: string;
+    role?: string;
+}
+export interface DropdownMenuProps {
+    children?: React.ReactNode;
+    trigger?: React.ReactNode;
+    header?: DropdownMenuHeaderConfig;
+    items?: DropdownMenuItemConfig[];
+    align?: 'left' | 'right';
+    width?: string;
+    isOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    shortcut?: string;
+    variant?: 'default' | 'danger' | 'success';
+}
+export declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export interface DropdownMenuProfileTriggerProps {
+    src?: string;
+    alt?: string;
+    initials?: string;
+    name: string;
+    role?: string;
+    status?: 'online' | 'offline' | 'busy' | 'away';
+    className?: string;
+}
+export declare const DropdownMenuProfileTrigger: React.FC<DropdownMenuProfileTriggerProps>;
+export interface DropdownMenuButtonTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    label: string;
+    icon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md';
+}
+export declare const DropdownMenuButtonTrigger: React.FC<DropdownMenuButtonTriggerProps>;
+export interface DropdownMenuTriggerProps {
+    children: React.ReactNode;
+    asChild?: boolean;
+}
+export declare const DropdownMenuTrigger: React.FC<DropdownMenuTriggerProps>;
+export interface DropdownMenuContentProps {
+    children: React.ReactNode;
+    className?: string;
+    width?: string;
+}
+export declare const DropdownMenuContent: React.FC<DropdownMenuContentProps>;
+export interface DropdownMenuHeaderProps {
+    avatar?: React.ReactNode;
+    name: string;
+    email?: string;
+    role?: string;
+    className?: string;
+}
+export declare const DropdownMenuHeader: React.FC<DropdownMenuHeaderProps>;
+export declare const DropdownMenuItem: React.FC<DropdownMenuItemProps>;
+export declare const DropdownMenuSeparator: React.FC;

package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DropdownMenu } from './DropdownMenu';
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof DropdownMenu>;
+export declare const Default: Story;
+export declare const ProfileDropdown: Story;
+export declare const ShortcutsAndBadges: Story;

package/dist/components/SeatLayout/EditorCanvas.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface EditorCanvasProps {
+    readOnly?: boolean;
+}
+export declare const EditorCanvas: React.FC<EditorCanvasProps>;
+export default EditorCanvas;

package/dist/components/SeatLayout/SeatCell.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CellData } from './types';
+interface SeatCellProps {
+    row: number;
+    col: number;
+    cell?: CellData;
+    onInteract: (row: number, col: number) => void;
+    rowLabel?: string;
+}
+declare const _default: React.NamedExoticComponent<SeatCellProps>;
+export default _default;

package/dist/components/SeatLayout/SeatLayout.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SeatLayout } from './SeatLayoutEditor';
+declare const meta: Meta<typeof SeatLayout>;
+export default meta;
+type Story = StoryObj<typeof SeatLayout>;
+export declare const UncontrolledInteractive: Story;
+export declare const ControlledInteractive: Story;
+export declare const ReadOnlyLayoutView: Story;
+export declare const CustomPricingCategories: Story;

package/dist/components/SeatLayout/SeatLayoutEditor.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { LayoutData, PricingCategory } from './types';
+export declare const createDefaultLayout: (rows?: number, cols?: number) => LayoutData;
+export interface SeatLayoutEditorProps {
+    value?: LayoutData;
+    onChange?: (value: LayoutData) => void;
+    defaultValue?: LayoutData;
+    readOnly?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    categories?: PricingCategory[];
+}
+export declare const SeatLayout: React.FC<SeatLayoutEditorProps>;

package/dist/components/SeatLayout/SeatLayoutViewer.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { LayoutData, PricingCategory } from './types';
+export interface SeatLayoutViewerProps {
+    value: LayoutData;
+    categories?: PricingCategory[];
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const SeatLayoutViewer: React.FC<SeatLayoutViewerProps>;

package/dist/components/SeatLayout/SeatLayoutViewer.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SeatLayoutViewer } from './SeatLayoutViewer';
+declare const meta: Meta<typeof SeatLayoutViewer>;
+export default meta;
+type Story = StoryObj<typeof SeatLayoutViewer>;
+export declare const DefaultViewer: Story;

package/dist/components/SeatLayout/Toolbar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const Toolbar: React.FC;
+export default Toolbar;

package/dist/components/SeatLayout/context.d.ts

@@ -0,0 +1,19 @@
+import { LayoutData, SeatType, CellData, PricingCategory } from './types';
+export interface SeatLayoutEditorContextType {
+    layout: LayoutData;
+    readOnly: boolean;
+    activeCategory: string;
+    activeType: SeatType;
+    categories: PricingCategory[];
+    setActiveCategory: (category: string) => void;
+    setActiveType: (type: SeatType) => void;
+    updateCell: (row: number, col: number, data: Partial<CellData>) => void;
+    updateDimensions: (rows: number, cols: number) => void;
+    toggleDividerRow: (row: number) => void;
+    toggleDividerCol: (col: number) => void;
+    addCategory: (category: PricingCategory) => void;
+    removeCategory: (id: string) => void;
+    updateDividerName: (row: number, name: string) => void;
+}
+export declare const SeatLayoutEditorContext: import('react').Context<SeatLayoutEditorContextType | undefined>;
+export declare const useSeatLayoutEditor: () => SeatLayoutEditorContextType;

package/dist/components/SeatLayout/index.d.ts

@@ -0,0 +1,11 @@
+export * from './types';
+export { SeatLayout, createDefaultLayout } from './SeatLayoutEditor';
+export { useSeatLayoutEditor } from './context';
+export type { SeatLayoutEditorContextType } from './context';
+export type { SeatLayoutEditorProps } from './SeatLayoutEditor';
+export { EditorCanvas } from './EditorCanvas';
+export type { EditorCanvasProps } from './EditorCanvas';
+export { Toolbar } from './Toolbar';
+export { default as SeatCell } from './SeatCell';
+export { SeatLayoutViewer } from './SeatLayoutViewer';
+export type { SeatLayoutViewerProps } from './SeatLayoutViewer';

package/dist/components/SeatLayout/types.d.ts

@@ -0,0 +1,23 @@
+export type SeatType = 'seat' | 'aisle' | 'empty' | 'wheelchair' | 'blocked' | 'damaged';
+export interface CellData {
+    id?: string;
+    type: SeatType;
+    category?: string;
+}
+export interface LayoutDimensions {
+    rows: number;
+    cols: number;
+}
+export interface LayoutData {
+    dimensions: LayoutDimensions;
+    grid: Record<string, CellData>;
+    dividerRows?: number[];
+    dividerCols?: number[];
+    dividerNames?: Record<number, string>;
+    categories?: PricingCategory[];
+}
+export interface PricingCategory {
+    id: string;
+    name: string;
+    color: string;
+}

package/dist/components/Stack/Stack.d.ts

@@ -40,7 +40,23 @@ export type StackProps<T extends React.ElementType = 'div'> = {
      * Justify content along the main axis.
      */
     justifyContent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * Shorthand alias for alignItems.
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Shorthand alias for justifyContent.
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * If true, centers children along both axes (aligns center and justifies center).
+     */
+    center?: boolean;
+    style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
-} & React.ComponentPropsWithoutRef<T>;
-export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<any>>;
+};
+export type StackComponent = <T extends React.ElementType = 'div'>(props: StackProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof StackProps<T>> & {
+    ref?: React.Ref<any>;
+}) => React.ReactElement | null;
+export declare const Stack: StackComponent;

package/dist/components/charts/AnalyticsCard/OrbitAnalyticsCard.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface OrbitAnalyticsCardProps {
+    title: string;
+    value: string | number;
+    description?: string;
+    change?: number;
+    changeLabel?: string;
+    filters?: string[];
+    activeFilter?: string;
+    onFilterChange?: (filter: string) => void;
+    isLoading?: boolean;
+    sparklineData?: any[];
+    sparklineCategory?: string;
+    sparklineColor?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const OrbitAnalyticsCard: React.FC<OrbitAnalyticsCardProps>;
+export default OrbitAnalyticsCard;

package/dist/components/charts/AreaChart/OrbitAreaChart.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface OrbitAreaChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    index: string;
+    categories: string[];
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    connectNulls?: boolean;
+    curveType?: 'linear' | 'monotone' | 'step';
+    animate?: boolean;
+    stack?: boolean;
+}
+export declare const OrbitAreaChart: React.FC<OrbitAreaChartProps>;
+export default OrbitAreaChart;

package/dist/components/charts/BarChart/OrbitBarChart.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface OrbitBarChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    index: string;
+    categories: string[];
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    layout?: 'horizontal' | 'vertical';
+    stack?: boolean;
+    animate?: boolean;
+    barRadius?: number;
+}
+export declare const OrbitBarChart: React.FC<OrbitBarChartProps>;
+export default OrbitBarChart;

package/dist/components/charts/Charts.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const LineChart: StoryObj;
+export declare const AreaChart: StoryObj;
+export declare const BarChart: StoryObj;
+export declare const PieChart: StoryObj;
+export declare const DonutChart: StoryObj;
+export declare const RadarChart: StoryObj;
+export declare const RadialProgress: StoryObj;
+export declare const HeatMap: StoryObj;
+export declare const ComposedChart: StoryObj;
+export declare const AnalyticsCard: StoryObj;

package/dist/components/charts/ComposedChart/OrbitComposedChart.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface ComposedSeriesConfig {
+    key: string;
+    color?: string;
+    stackId?: string;
+}
+export interface OrbitComposedChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    index: string;
+    areas?: ComposedSeriesConfig[];
+    bars?: ComposedSeriesConfig[];
+    lines?: ComposedSeriesConfig[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    animate?: boolean;
+}
+export declare const OrbitComposedChart: React.FC<OrbitComposedChartProps>;
+export default OrbitComposedChart;

package/dist/components/charts/DonutChart/OrbitDonutChart.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface OrbitDonutChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    category: string;
+    index: string;
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    animate?: boolean;
+    innerRadius?: number | string;
+    outerRadius?: number | string;
+    centerLabel?: string;
+    centerValue?: string | number;
+    showCenterHUD?: boolean;
+}
+export declare const OrbitDonutChart: React.FC<OrbitDonutChartProps>;
+export default OrbitDonutChart;

package/dist/components/charts/HeatMap/OrbitHeatMap.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+export interface HeatMapData {
+    x: string | number;
+    y: string | number;
+    value: number;
+    [key: string]: any;
+}
+export interface OrbitHeatMapProps extends Omit<ChartContainerProps, 'children'> {
+    data: HeatMapData[];
+    xKey?: string;
+    yKey?: string;
+    valueKey?: string;
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    showTooltip?: boolean;
+}
+export declare const OrbitHeatMap: React.FC<OrbitHeatMapProps>;
+export default OrbitHeatMap;

package/dist/components/charts/LineChart/OrbitLineChart.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface OrbitLineChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    index: string;
+    categories: string[];
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    connectNulls?: boolean;
+    curveType?: 'linear' | 'monotone' | 'step';
+    animate?: boolean;
+}
+export declare const OrbitLineChart: React.FC<OrbitLineChartProps>;
+export default OrbitLineChart;

package/dist/components/charts/PieChart/OrbitPieChart.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface OrbitPieChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    category: string;
+    index: string;
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    animate?: boolean;
+    innerRadius?: number | string;
+    outerRadius?: number | string;
+}
+export declare const OrbitPieChart: React.FC<OrbitPieChartProps>;
+export default OrbitPieChart;

package/dist/components/charts/RadarChart/OrbitRadarChart.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+import { FormatterOptions } from '../utils/formatters';
+export interface OrbitRadarChartProps extends Omit<ChartContainerProps, 'children'> {
+    data: any[];
+    index: string;
+    categories: string[];
+    colors?: string[];
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    showGridLines?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    animate?: boolean;
+    gridType?: 'polygon' | 'circle';
+}
+export declare const OrbitRadarChart: React.FC<OrbitRadarChartProps>;
+export default OrbitRadarChart;

package/dist/components/charts/RadialProgress/OrbitRadialProgress.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ChartContainerProps } from '../common/ChartContainer';
+export interface OrbitRadialProgressProps extends Omit<ChartContainerProps, 'children'> {
+    value: number;
+    label?: string;
+    color?: string;
+    trackColor?: string;
+    size?: number | string;
+    animate?: boolean;
+}
+export declare const OrbitRadialProgress: React.FC<OrbitRadialProgressProps>;
+export default OrbitRadialProgress;

package/dist/components/charts/common/ChartContainer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface ChartContainerProps {
+    title?: string;
+    subtitle?: string;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    height?: number | string;
+    className?: string;
+    headerActions?: React.ReactNode;
+    filters?: string[];
+    activeFilter?: string;
+    onFilterChange?: (filter: string) => void;
+    children: React.ReactNode;
+}
+export declare const ChartContainer: React.FC<ChartContainerProps>;
+export default ChartContainer;

package/dist/components/charts/common/ChartLegend.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ChartLegendProps {
+    payload?: any[];
+    onClick?: (dataKey: string) => void;
+    activeSeries?: string[];
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+}
+export declare const ChartLegend: React.FC<ChartLegendProps>;
+export default ChartLegend;

package/dist/components/charts/common/ChartTooltip.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { FormatterOptions } from '../utils/formatters';
+export interface ChartTooltipProps {
+    active?: boolean;
+    payload?: any[];
+    label?: string | number;
+    valueFormatter?: (value: any) => string;
+    formatterOptions?: FormatterOptions;
+    labelFormatter?: (label: any) => string;
+}
+export declare const ChartTooltip: React.FC<ChartTooltipProps>;
+export default ChartTooltip;

package/dist/components/charts/theme/ChartThemeContext.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ChartThemeName, ChartColorPreset } from './theme';
+export interface ChartThemeContextType {
+    mode: 'light' | 'dark';
+    presetName: ChartThemeName;
+    preset: ChartColorPreset;
+    setPresetName: (preset: ChartThemeName) => void;
+    setMode: (mode: 'light' | 'dark' | 'auto') => void;
+}
+interface ChartThemeProviderProps {
+    children: React.ReactNode;
+    defaultPreset?: ChartThemeName;
+    defaultMode?: 'light' | 'dark' | 'auto';
+}
+export declare const ChartThemeProvider: React.FC<ChartThemeProviderProps>;
+export declare const useChartTheme: () => ChartThemeContextType;
+export {};

package/dist/components/charts/theme/theme.d.ts

@@ -0,0 +1,44 @@
+export type ChartThemeName = 'default' | 'vercel' | 'stripe' | 'linear' | 'tremor';
+export interface ChartColorPreset {
+    primary: string;
+    gradients: string[][];
+    colors: string[];
+    mutedColors: string[];
+}
+export declare const CHART_PRESETS: Record<ChartThemeName, ChartColorPreset>;
+export declare const GRID_LINE_CONFIG: {
+    light: {
+        stroke: string;
+        strokeDasharray: string;
+        opacity: number;
+    };
+    dark: {
+        stroke: string;
+        strokeDasharray: string;
+        opacity: number;
+    };
+};
+export declare const AXIS_CONFIG: {
+    light: {
+        stroke: string;
+        tickLine: boolean;
+        axisLine: boolean;
+        fontSize: number;
+        fill: string;
+        dy: number;
+        dx: number;
+    };
+    dark: {
+        stroke: string;
+        tickLine: boolean;
+        axisLine: boolean;
+        fontSize: number;
+        fill: string;
+        dy: number;
+        dx: number;
+    };
+};
+export declare const ANIMATION_CONFIG: {
+    duration: number;
+    easing: "ease-out";
+};

package/dist/components/charts/utils/formatters.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Utility functions for formatting values on chart axes and tooltips.
+ */
+export type FormatterType = 'number' | 'currency' | 'percent' | 'compact' | 'none';
+export interface FormatterOptions {
+    type?: FormatterType;
+    currency?: string;
+    decimals?: number;
+}
+/**
+ * Formats a raw number value based on specified formatting options.
+ */
+export declare const formatChartValue: (value: number | string | undefined | null, options?: FormatterOptions) => string;
+/**
+ * Preset shorthand formatters
+ */
+export declare const formatters: {
+    currency: (val: number, curr?: string, dec?: number) => string;
+    percent: (val: number, dec?: number) => string;
+    compact: (val: number) => string;
+    number: (val: number, dec?: number) => string;
+};

package/dist/components/charts/utils/gradients.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+interface ChartGradientsProps {
+    idPrefix: string;
+    gradients?: string[][];
+    colors?: string[];
+    opacityStart?: number;
+    opacityEnd?: number;
+}
+/**
+ * ChartGradients renders a list of SVG linearGradient definitions inside Recharts <defs>.
+ * This enables soft premium gradients for Area charts, Bar charts, and Line glows.
+ */
+export declare const ChartGradients: React.FC<ChartGradientsProps>;
+/**
+ * Helper to get the fill url string based on gradient presence
+ */
+export declare const getChartFillUrl: (idPrefix: string, index: number, hasGradients: boolean) => string;
+export {};