@orbit_ui_toolkit/orbitui-kit 0.1.26 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/components/Button/Button.d.ts +1 -1
  2. package/dist/components/Button/Button.stories.d.ts +1 -0
  3. package/dist/components/Dialog/BaseDialog.d.ts +3 -1
  4. package/dist/components/Dialog/BaseDialog.stories.d.ts +1 -0
  5. package/dist/components/DropdownMenu/DropdownMenu.d.ts +74 -0
  6. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +8 -0
  7. package/dist/components/SeatLayout/EditorCanvas.d.ts +6 -0
  8. package/dist/components/SeatLayout/SeatCell.d.ts +11 -0
  9. package/dist/components/SeatLayout/SeatLayout.stories.d.ts +9 -0
  10. package/dist/components/SeatLayout/SeatLayoutEditor.d.ts +13 -0
  11. package/dist/components/SeatLayout/SeatLayoutViewer.d.ts +9 -0
  12. package/dist/components/SeatLayout/SeatLayoutViewer.stories.d.ts +6 -0
  13. package/dist/components/SeatLayout/Toolbar.d.ts +3 -0
  14. package/dist/components/SeatLayout/context.d.ts +19 -0
  15. package/dist/components/SeatLayout/index.d.ts +11 -0
  16. package/dist/components/SeatLayout/types.d.ts +23 -0
  17. package/dist/components/Stack/Stack.d.ts +18 -2
  18. package/dist/components/Stepper/Stepper.d.ts +13 -0
  19. package/dist/components/Stepper/Stepper.stories.d.ts +10 -0
  20. package/dist/components/Stepper/index.d.ts +1 -0
  21. package/dist/components/calendar/types.d.ts +2 -0
  22. package/dist/components/charts/AnalyticsCard/OrbitAnalyticsCard.d.ts +19 -0
  23. package/dist/components/charts/AreaChart/OrbitAreaChart.d.ts +22 -0
  24. package/dist/components/charts/BarChart/OrbitBarChart.d.ts +22 -0
  25. package/dist/components/charts/Charts.stories.d.ts +13 -0
  26. package/dist/components/charts/ComposedChart/OrbitComposedChart.d.ts +25 -0
  27. package/dist/components/charts/DonutChart/OrbitDonutChart.d.ts +21 -0
  28. package/dist/components/charts/HeatMap/OrbitHeatMap.d.ts +19 -0
  29. package/dist/components/charts/LineChart/OrbitLineChart.d.ts +21 -0
  30. package/dist/components/charts/PieChart/OrbitPieChart.d.ts +18 -0
  31. package/dist/components/charts/RadarChart/OrbitRadarChart.d.ts +18 -0
  32. package/dist/components/charts/RadialProgress/OrbitRadialProgress.d.ts +12 -0
  33. package/dist/components/charts/common/ChartContainer.d.ts +16 -0
  34. package/dist/components/charts/common/ChartLegend.d.ts +10 -0
  35. package/dist/components/charts/common/ChartTooltip.d.ts +12 -0
  36. package/dist/components/charts/theme/ChartThemeContext.d.ts +17 -0
  37. package/dist/components/charts/theme/theme.d.ts +44 -0
  38. package/dist/components/charts/utils/formatters.d.ts +22 -0
  39. package/dist/components/charts/utils/gradients.d.ts +18 -0
  40. package/dist/index.d.ts +20 -0
  41. package/dist/orbitui.cjs.js +212 -71
  42. package/dist/orbitui.es.js +29516 -2713
  43. package/package.json +70 -67
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
- variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'ghost' | 'gradient';
3
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'ghost' | 'gradient' | 'outline';
4
4
  size?: 'sm' | 'md' | 'lg' | 'icon';
5
5
  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
6
6
  isLoading?: boolean;
@@ -5,6 +5,7 @@ export default meta;
5
5
  type Story = StoryObj<typeof Button>;
6
6
  export declare const Primary: Story;
7
7
  export declare const Secondary: Story;
8
+ export declare const Outline: Story;
8
9
  export declare const Danger: Story;
9
10
  export declare const Large: Story;
10
11
  export declare const Small: Story;
@@ -2,9 +2,11 @@ import { default as React } from 'react';
2
2
  export interface BaseDialogProps {
3
3
  isOpen: boolean;
4
4
  onClose: () => void;
5
- title?: string;
5
+ title?: string | React.ReactNode;
6
6
  children: React.ReactNode;
7
7
  size?: 'sm' | 'md' | 'lg' | 'xl';
8
+ width?: string;
9
+ height?: string;
8
10
  className?: string;
9
11
  showCloseButton?: boolean;
10
12
  theme?: 'light' | 'dark' | 'system';
@@ -6,3 +6,4 @@ type Story = StoryObj<typeof BaseDialog>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithForm: Story;
8
8
  export declare const LargeSize: Story;
9
+ export declare const CustomDimensions: Story;
@@ -0,0 +1,74 @@
1
+ import { default as React } from 'react';
2
+ export interface DropdownMenuItemConfig {
3
+ type?: 'item' | 'separator' | 'group-label';
4
+ label?: string;
5
+ icon?: React.ReactNode;
6
+ badge?: React.ReactNode;
7
+ shortcut?: string;
8
+ variant?: 'default' | 'danger' | 'success';
9
+ disabled?: boolean;
10
+ onClick?: () => void;
11
+ }
12
+ export interface DropdownMenuHeaderConfig {
13
+ avatar?: React.ReactNode;
14
+ name: string;
15
+ email?: string;
16
+ role?: string;
17
+ }
18
+ export interface DropdownMenuProps {
19
+ children?: React.ReactNode;
20
+ trigger?: React.ReactNode;
21
+ header?: DropdownMenuHeaderConfig;
22
+ items?: DropdownMenuItemConfig[];
23
+ align?: 'left' | 'right';
24
+ width?: string;
25
+ isOpen?: boolean;
26
+ onOpenChange?: (open: boolean) => void;
27
+ className?: string;
28
+ }
29
+ export interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
30
+ icon?: React.ReactNode;
31
+ badge?: React.ReactNode;
32
+ shortcut?: string;
33
+ variant?: 'default' | 'danger' | 'success';
34
+ }
35
+ export declare const DropdownMenu: React.FC<DropdownMenuProps>;
36
+ export interface DropdownMenuProfileTriggerProps {
37
+ src?: string;
38
+ alt?: string;
39
+ initials?: string;
40
+ name: string;
41
+ role?: string;
42
+ status?: 'online' | 'offline' | 'busy' | 'away';
43
+ className?: string;
44
+ }
45
+ export declare const DropdownMenuProfileTrigger: React.FC<DropdownMenuProfileTriggerProps>;
46
+ export interface DropdownMenuButtonTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
47
+ label: string;
48
+ icon?: React.ReactNode;
49
+ rightIcon?: React.ReactNode;
50
+ variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
51
+ size?: 'sm' | 'md';
52
+ }
53
+ export declare const DropdownMenuButtonTrigger: React.FC<DropdownMenuButtonTriggerProps>;
54
+ export interface DropdownMenuTriggerProps {
55
+ children: React.ReactNode;
56
+ asChild?: boolean;
57
+ }
58
+ export declare const DropdownMenuTrigger: React.FC<DropdownMenuTriggerProps>;
59
+ export interface DropdownMenuContentProps {
60
+ children: React.ReactNode;
61
+ className?: string;
62
+ width?: string;
63
+ }
64
+ export declare const DropdownMenuContent: React.FC<DropdownMenuContentProps>;
65
+ export interface DropdownMenuHeaderProps {
66
+ avatar?: React.ReactNode;
67
+ name: string;
68
+ email?: string;
69
+ role?: string;
70
+ className?: string;
71
+ }
72
+ export declare const DropdownMenuHeader: React.FC<DropdownMenuHeaderProps>;
73
+ export declare const DropdownMenuItem: React.FC<DropdownMenuItemProps>;
74
+ export declare const DropdownMenuSeparator: React.FC;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { DropdownMenu } from './DropdownMenu';
3
+ declare const meta: Meta<typeof DropdownMenu>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DropdownMenu>;
6
+ export declare const Default: Story;
7
+ export declare const ProfileDropdown: Story;
8
+ export declare const ShortcutsAndBadges: Story;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ export interface EditorCanvasProps {
3
+ readOnly?: boolean;
4
+ }
5
+ export declare const EditorCanvas: React.FC<EditorCanvasProps>;
6
+ export default EditorCanvas;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ import { CellData } from './types';
3
+ interface SeatCellProps {
4
+ row: number;
5
+ col: number;
6
+ cell?: CellData;
7
+ onInteract: (row: number, col: number) => void;
8
+ rowLabel?: string;
9
+ }
10
+ declare const _default: React.NamedExoticComponent<SeatCellProps>;
11
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { SeatLayout } from './SeatLayoutEditor';
3
+ declare const meta: Meta<typeof SeatLayout>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof SeatLayout>;
6
+ export declare const UncontrolledInteractive: Story;
7
+ export declare const ControlledInteractive: Story;
8
+ export declare const ReadOnlyLayoutView: Story;
9
+ export declare const CustomPricingCategories: Story;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { LayoutData, PricingCategory } from './types';
3
+ export declare const createDefaultLayout: (rows?: number, cols?: number) => LayoutData;
4
+ export interface SeatLayoutEditorProps {
5
+ value?: LayoutData;
6
+ onChange?: (value: LayoutData) => void;
7
+ defaultValue?: LayoutData;
8
+ readOnly?: boolean;
9
+ className?: string;
10
+ style?: React.CSSProperties;
11
+ categories?: PricingCategory[];
12
+ }
13
+ export declare const SeatLayout: React.FC<SeatLayoutEditorProps>;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { LayoutData, PricingCategory } from './types';
3
+ export interface SeatLayoutViewerProps {
4
+ value: LayoutData;
5
+ categories?: PricingCategory[];
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ }
9
+ export declare const SeatLayoutViewer: React.FC<SeatLayoutViewerProps>;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { SeatLayoutViewer } from './SeatLayoutViewer';
3
+ declare const meta: Meta<typeof SeatLayoutViewer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof SeatLayoutViewer>;
6
+ export declare const DefaultViewer: Story;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export declare const Toolbar: React.FC;
3
+ export default Toolbar;
@@ -0,0 +1,19 @@
1
+ import { LayoutData, SeatType, CellData, PricingCategory } from './types';
2
+ export interface SeatLayoutEditorContextType {
3
+ layout: LayoutData;
4
+ readOnly: boolean;
5
+ activeCategory: string;
6
+ activeType: SeatType;
7
+ categories: PricingCategory[];
8
+ setActiveCategory: (category: string) => void;
9
+ setActiveType: (type: SeatType) => void;
10
+ updateCell: (row: number, col: number, data: Partial<CellData>) => void;
11
+ updateDimensions: (rows: number, cols: number) => void;
12
+ toggleDividerRow: (row: number) => void;
13
+ toggleDividerCol: (col: number) => void;
14
+ addCategory: (category: PricingCategory) => void;
15
+ removeCategory: (id: string) => void;
16
+ updateDividerName: (row: number, name: string) => void;
17
+ }
18
+ export declare const SeatLayoutEditorContext: import('react').Context<SeatLayoutEditorContextType | undefined>;
19
+ export declare const useSeatLayoutEditor: () => SeatLayoutEditorContextType;
@@ -0,0 +1,11 @@
1
+ export * from './types';
2
+ export { SeatLayout, createDefaultLayout } from './SeatLayoutEditor';
3
+ export { useSeatLayoutEditor } from './context';
4
+ export type { SeatLayoutEditorContextType } from './context';
5
+ export type { SeatLayoutEditorProps } from './SeatLayoutEditor';
6
+ export { EditorCanvas } from './EditorCanvas';
7
+ export type { EditorCanvasProps } from './EditorCanvas';
8
+ export { Toolbar } from './Toolbar';
9
+ export { default as SeatCell } from './SeatCell';
10
+ export { SeatLayoutViewer } from './SeatLayoutViewer';
11
+ export type { SeatLayoutViewerProps } from './SeatLayoutViewer';
@@ -0,0 +1,23 @@
1
+ export type SeatType = 'seat' | 'aisle' | 'empty' | 'wheelchair' | 'blocked' | 'damaged';
2
+ export interface CellData {
3
+ id?: string;
4
+ type: SeatType;
5
+ category?: string;
6
+ }
7
+ export interface LayoutDimensions {
8
+ rows: number;
9
+ cols: number;
10
+ }
11
+ export interface LayoutData {
12
+ dimensions: LayoutDimensions;
13
+ grid: Record<string, CellData>;
14
+ dividerRows?: number[];
15
+ dividerCols?: number[];
16
+ dividerNames?: Record<number, string>;
17
+ categories?: PricingCategory[];
18
+ }
19
+ export interface PricingCategory {
20
+ id: string;
21
+ name: string;
22
+ color: string;
23
+ }
@@ -40,7 +40,23 @@ export type StackProps<T extends React.ElementType = 'div'> = {
40
40
  * Justify content along the main axis.
41
41
  */
42
42
  justifyContent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
43
+ /**
44
+ * Shorthand alias for alignItems.
45
+ */
46
+ align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
47
+ /**
48
+ * Shorthand alias for justifyContent.
49
+ */
50
+ justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
51
+ /**
52
+ * If true, centers children along both axes (aligns center and justifies center).
53
+ */
54
+ center?: boolean;
55
+ style?: React.CSSProperties;
43
56
  className?: string;
44
57
  children?: React.ReactNode;
45
- } & React.ComponentPropsWithoutRef<T>;
46
- export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<any>>;
58
+ };
59
+ export type StackComponent = <T extends React.ElementType = 'div'>(props: StackProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof StackProps<T>> & {
60
+ ref?: React.Ref<any>;
61
+ }) => React.ReactElement | null;
62
+ export declare const Stack: StackComponent;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface Step {
3
+ label: string;
4
+ icon?: React.ReactNode;
5
+ }
6
+ export interface StepperProps {
7
+ steps: Step[];
8
+ activeStep: number;
9
+ className?: string;
10
+ /** Whether to show labels only for active, first and last steps when there are many steps */
11
+ compactLabels?: boolean;
12
+ }
13
+ export declare const Stepper: React.FC<StepperProps>;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Stepper } from './Stepper';
3
+ declare const meta: Meta<typeof Stepper>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Stepper>;
6
+ export declare const FirstStep: Story;
7
+ export declare const MiddleStep: Story;
8
+ export declare const LastStep: Story;
9
+ export declare const ManySteps: Story;
10
+ export declare const NonCompactLabels: Story;
@@ -0,0 +1 @@
1
+ export * from './Stepper';
@@ -6,6 +6,8 @@ export interface CalendarEvent {
6
6
  end: Date;
7
7
  description?: string;
8
8
  color?: string;
9
+ isReadOnly?: boolean;
10
+ type?: 'MEETING' | 'MOVIE_RELEASE';
9
11
  }
10
12
  export interface CalendarProps {
11
13
  events?: CalendarEvent[];
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ export interface OrbitAnalyticsCardProps {
3
+ title: string;
4
+ value: string | number;
5
+ description?: string;
6
+ change?: number;
7
+ changeLabel?: string;
8
+ filters?: string[];
9
+ activeFilter?: string;
10
+ onFilterChange?: (filter: string) => void;
11
+ isLoading?: boolean;
12
+ sparklineData?: any[];
13
+ sparklineCategory?: string;
14
+ sparklineColor?: string;
15
+ children?: React.ReactNode;
16
+ className?: string;
17
+ }
18
+ export declare const OrbitAnalyticsCard: React.FC<OrbitAnalyticsCardProps>;
19
+ export default OrbitAnalyticsCard;
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface OrbitAreaChartProps extends Omit<ChartContainerProps, 'children'> {
5
+ data: any[];
6
+ index: string;
7
+ categories: string[];
8
+ colors?: string[];
9
+ valueFormatter?: (value: any) => string;
10
+ formatterOptions?: FormatterOptions;
11
+ showXAxis?: boolean;
12
+ showYAxis?: boolean;
13
+ showGridLines?: boolean;
14
+ showLegend?: boolean;
15
+ showTooltip?: boolean;
16
+ connectNulls?: boolean;
17
+ curveType?: 'linear' | 'monotone' | 'step';
18
+ animate?: boolean;
19
+ stack?: boolean;
20
+ }
21
+ export declare const OrbitAreaChart: React.FC<OrbitAreaChartProps>;
22
+ export default OrbitAreaChart;
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface OrbitBarChartProps extends Omit<ChartContainerProps, 'children'> {
5
+ data: any[];
6
+ index: string;
7
+ categories: string[];
8
+ colors?: string[];
9
+ valueFormatter?: (value: any) => string;
10
+ formatterOptions?: FormatterOptions;
11
+ showXAxis?: boolean;
12
+ showYAxis?: boolean;
13
+ showGridLines?: boolean;
14
+ showLegend?: boolean;
15
+ showTooltip?: boolean;
16
+ layout?: 'horizontal' | 'vertical';
17
+ stack?: boolean;
18
+ animate?: boolean;
19
+ barRadius?: number;
20
+ }
21
+ export declare const OrbitBarChart: React.FC<OrbitBarChartProps>;
22
+ export default OrbitBarChart;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ export declare const LineChart: StoryObj;
5
+ export declare const AreaChart: StoryObj;
6
+ export declare const BarChart: StoryObj;
7
+ export declare const PieChart: StoryObj;
8
+ export declare const DonutChart: StoryObj;
9
+ export declare const RadarChart: StoryObj;
10
+ export declare const RadialProgress: StoryObj;
11
+ export declare const HeatMap: StoryObj;
12
+ export declare const ComposedChart: StoryObj;
13
+ export declare const AnalyticsCard: StoryObj;
@@ -0,0 +1,25 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface ComposedSeriesConfig {
5
+ key: string;
6
+ color?: string;
7
+ stackId?: string;
8
+ }
9
+ export interface OrbitComposedChartProps extends Omit<ChartContainerProps, 'children'> {
10
+ data: any[];
11
+ index: string;
12
+ areas?: ComposedSeriesConfig[];
13
+ bars?: ComposedSeriesConfig[];
14
+ lines?: ComposedSeriesConfig[];
15
+ valueFormatter?: (value: any) => string;
16
+ formatterOptions?: FormatterOptions;
17
+ showXAxis?: boolean;
18
+ showYAxis?: boolean;
19
+ showGridLines?: boolean;
20
+ showLegend?: boolean;
21
+ showTooltip?: boolean;
22
+ animate?: boolean;
23
+ }
24
+ export declare const OrbitComposedChart: React.FC<OrbitComposedChartProps>;
25
+ export default OrbitComposedChart;
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface OrbitDonutChartProps extends Omit<ChartContainerProps, 'children'> {
5
+ data: any[];
6
+ category: string;
7
+ index: string;
8
+ colors?: string[];
9
+ valueFormatter?: (value: any) => string;
10
+ formatterOptions?: FormatterOptions;
11
+ showLegend?: boolean;
12
+ showTooltip?: boolean;
13
+ animate?: boolean;
14
+ innerRadius?: number | string;
15
+ outerRadius?: number | string;
16
+ centerLabel?: string;
17
+ centerValue?: string | number;
18
+ showCenterHUD?: boolean;
19
+ }
20
+ export declare const OrbitDonutChart: React.FC<OrbitDonutChartProps>;
21
+ export default OrbitDonutChart;
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ export interface HeatMapData {
4
+ x: string | number;
5
+ y: string | number;
6
+ value: number;
7
+ [key: string]: any;
8
+ }
9
+ export interface OrbitHeatMapProps extends Omit<ChartContainerProps, 'children'> {
10
+ data: HeatMapData[];
11
+ xKey?: string;
12
+ yKey?: string;
13
+ valueKey?: string;
14
+ colors?: string[];
15
+ valueFormatter?: (value: any) => string;
16
+ showTooltip?: boolean;
17
+ }
18
+ export declare const OrbitHeatMap: React.FC<OrbitHeatMapProps>;
19
+ export default OrbitHeatMap;
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface OrbitLineChartProps extends Omit<ChartContainerProps, 'children'> {
5
+ data: any[];
6
+ index: string;
7
+ categories: string[];
8
+ colors?: string[];
9
+ valueFormatter?: (value: any) => string;
10
+ formatterOptions?: FormatterOptions;
11
+ showXAxis?: boolean;
12
+ showYAxis?: boolean;
13
+ showGridLines?: boolean;
14
+ showLegend?: boolean;
15
+ showTooltip?: boolean;
16
+ connectNulls?: boolean;
17
+ curveType?: 'linear' | 'monotone' | 'step';
18
+ animate?: boolean;
19
+ }
20
+ export declare const OrbitLineChart: React.FC<OrbitLineChartProps>;
21
+ export default OrbitLineChart;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface OrbitPieChartProps extends Omit<ChartContainerProps, 'children'> {
5
+ data: any[];
6
+ category: string;
7
+ index: string;
8
+ colors?: string[];
9
+ valueFormatter?: (value: any) => string;
10
+ formatterOptions?: FormatterOptions;
11
+ showLegend?: boolean;
12
+ showTooltip?: boolean;
13
+ animate?: boolean;
14
+ innerRadius?: number | string;
15
+ outerRadius?: number | string;
16
+ }
17
+ export declare const OrbitPieChart: React.FC<OrbitPieChartProps>;
18
+ export default OrbitPieChart;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ import { FormatterOptions } from '../utils/formatters';
4
+ export interface OrbitRadarChartProps extends Omit<ChartContainerProps, 'children'> {
5
+ data: any[];
6
+ index: string;
7
+ categories: string[];
8
+ colors?: string[];
9
+ valueFormatter?: (value: any) => string;
10
+ formatterOptions?: FormatterOptions;
11
+ showGridLines?: boolean;
12
+ showLegend?: boolean;
13
+ showTooltip?: boolean;
14
+ animate?: boolean;
15
+ gridType?: 'polygon' | 'circle';
16
+ }
17
+ export declare const OrbitRadarChart: React.FC<OrbitRadarChartProps>;
18
+ export default OrbitRadarChart;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { ChartContainerProps } from '../common/ChartContainer';
3
+ export interface OrbitRadialProgressProps extends Omit<ChartContainerProps, 'children'> {
4
+ value: number;
5
+ label?: string;
6
+ color?: string;
7
+ trackColor?: string;
8
+ size?: number | string;
9
+ animate?: boolean;
10
+ }
11
+ export declare const OrbitRadialProgress: React.FC<OrbitRadialProgressProps>;
12
+ export default OrbitRadialProgress;
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ export interface ChartContainerProps {
3
+ title?: string;
4
+ subtitle?: string;
5
+ isLoading?: boolean;
6
+ isEmpty?: boolean;
7
+ height?: number | string;
8
+ className?: string;
9
+ headerActions?: React.ReactNode;
10
+ filters?: string[];
11
+ activeFilter?: string;
12
+ onFilterChange?: (filter: string) => void;
13
+ children: React.ReactNode;
14
+ }
15
+ export declare const ChartContainer: React.FC<ChartContainerProps>;
16
+ export default ChartContainer;
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ export interface ChartLegendProps {
3
+ payload?: any[];
4
+ onClick?: (dataKey: string) => void;
5
+ activeSeries?: string[];
6
+ align?: 'left' | 'center' | 'right';
7
+ className?: string;
8
+ }
9
+ export declare const ChartLegend: React.FC<ChartLegendProps>;
10
+ export default ChartLegend;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { FormatterOptions } from '../utils/formatters';
3
+ export interface ChartTooltipProps {
4
+ active?: boolean;
5
+ payload?: any[];
6
+ label?: string | number;
7
+ valueFormatter?: (value: any) => string;
8
+ formatterOptions?: FormatterOptions;
9
+ labelFormatter?: (label: any) => string;
10
+ }
11
+ export declare const ChartTooltip: React.FC<ChartTooltipProps>;
12
+ export default ChartTooltip;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { ChartThemeName, ChartColorPreset } from './theme';
3
+ export interface ChartThemeContextType {
4
+ mode: 'light' | 'dark';
5
+ presetName: ChartThemeName;
6
+ preset: ChartColorPreset;
7
+ setPresetName: (preset: ChartThemeName) => void;
8
+ setMode: (mode: 'light' | 'dark' | 'auto') => void;
9
+ }
10
+ interface ChartThemeProviderProps {
11
+ children: React.ReactNode;
12
+ defaultPreset?: ChartThemeName;
13
+ defaultMode?: 'light' | 'dark' | 'auto';
14
+ }
15
+ export declare const ChartThemeProvider: React.FC<ChartThemeProviderProps>;
16
+ export declare const useChartTheme: () => ChartThemeContextType;
17
+ export {};
@@ -0,0 +1,44 @@
1
+ export type ChartThemeName = 'default' | 'vercel' | 'stripe' | 'linear' | 'tremor';
2
+ export interface ChartColorPreset {
3
+ primary: string;
4
+ gradients: string[][];
5
+ colors: string[];
6
+ mutedColors: string[];
7
+ }
8
+ export declare const CHART_PRESETS: Record<ChartThemeName, ChartColorPreset>;
9
+ export declare const GRID_LINE_CONFIG: {
10
+ light: {
11
+ stroke: string;
12
+ strokeDasharray: string;
13
+ opacity: number;
14
+ };
15
+ dark: {
16
+ stroke: string;
17
+ strokeDasharray: string;
18
+ opacity: number;
19
+ };
20
+ };
21
+ export declare const AXIS_CONFIG: {
22
+ light: {
23
+ stroke: string;
24
+ tickLine: boolean;
25
+ axisLine: boolean;
26
+ fontSize: number;
27
+ fill: string;
28
+ dy: number;
29
+ dx: number;
30
+ };
31
+ dark: {
32
+ stroke: string;
33
+ tickLine: boolean;
34
+ axisLine: boolean;
35
+ fontSize: number;
36
+ fill: string;
37
+ dy: number;
38
+ dx: number;
39
+ };
40
+ };
41
+ export declare const ANIMATION_CONFIG: {
42
+ duration: number;
43
+ easing: "ease-out";
44
+ };