@salesmind-ai/design-system 0.2.1 → 0.3.1

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 (142) hide show
  1. package/README.md +32 -2
  2. package/dist/AppearancePanel-UT57J69V.d.cts +51 -0
  3. package/dist/AppearancePanel-UT57J69V.d.ts +51 -0
  4. package/dist/AppearanceProvider-C36a8-eb.d.cts +45 -0
  5. package/dist/AppearanceProvider-C36a8-eb.d.ts +45 -0
  6. package/dist/Breadcrumb-RX-B_gDV.d.cts +44 -0
  7. package/dist/Breadcrumb-RX-B_gDV.d.ts +44 -0
  8. package/dist/ExportMenu-A2TLFiVv.d.cts +311 -0
  9. package/dist/ExportMenu-C8qck5AT.d.ts +311 -0
  10. package/dist/SectionShell-BfBw5q0Y.d.cts +18 -0
  11. package/dist/SectionShell-BfBw5q0Y.d.ts +18 -0
  12. package/dist/Select-BdZmK0Lt.d.cts +66 -0
  13. package/dist/Select-BdZmK0Lt.d.ts +66 -0
  14. package/dist/admin/index.cjs +2941 -0
  15. package/dist/admin/index.cjs.map +1 -0
  16. package/dist/admin/index.css +4145 -0
  17. package/dist/admin/index.css.map +1 -0
  18. package/dist/admin/index.d.cts +491 -0
  19. package/dist/admin/index.d.ts +491 -0
  20. package/dist/admin/index.js +2918 -0
  21. package/dist/admin/index.js.map +1 -0
  22. package/dist/{audit-CiyPkxk1.d.cts → audit-BS2fn7M4.d.ts} +2 -51
  23. package/dist/{audit-CiyPkxk1.d.ts → audit-DwCmg32J.d.cts} +2 -51
  24. package/dist/blog/index.cjs +1074 -0
  25. package/dist/blog/index.cjs.map +1 -0
  26. package/dist/blog/index.css +1422 -0
  27. package/dist/blog/index.css.map +1 -0
  28. package/dist/blog/index.d.cts +233 -0
  29. package/dist/blog/index.d.ts +233 -0
  30. package/dist/blog/index.js +1056 -0
  31. package/dist/blog/index.js.map +1 -0
  32. package/dist/chart-types-BGVVO-zl.d.cts +208 -0
  33. package/dist/chart-types-BGVVO-zl.d.ts +208 -0
  34. package/dist/charts/index.cjs +2698 -0
  35. package/dist/charts/index.cjs.map +1 -0
  36. package/dist/charts/index.css +1167 -0
  37. package/dist/charts/index.css.map +1 -0
  38. package/dist/charts/index.d.cts +453 -0
  39. package/dist/charts/index.d.ts +453 -0
  40. package/dist/charts/index.js +2682 -0
  41. package/dist/charts/index.js.map +1 -0
  42. package/dist/core/index.cjs +526 -395
  43. package/dist/core/index.cjs.map +1 -1
  44. package/dist/core/index.css +294 -0
  45. package/dist/core/index.css.map +1 -1
  46. package/dist/core/index.d.cts +7 -982
  47. package/dist/core/index.d.ts +7 -982
  48. package/dist/core/index.js +476 -351
  49. package/dist/core/index.js.map +1 -1
  50. package/dist/i18n/index.cjs +585 -0
  51. package/dist/i18n/index.cjs.map +1 -0
  52. package/dist/i18n/index.d.cts +855 -0
  53. package/dist/i18n/index.d.ts +855 -0
  54. package/dist/i18n/index.js +547 -0
  55. package/dist/i18n/index.js.map +1 -0
  56. package/dist/index.cjs +3 -2
  57. package/dist/index.cjs.map +1 -1
  58. package/dist/index.css +11 -7
  59. package/dist/index.css.map +1 -1
  60. package/dist/index.d.cts +22 -1290
  61. package/dist/index.d.ts +22 -1290
  62. package/dist/index.js +3 -2
  63. package/dist/index.js.map +1 -1
  64. package/dist/marketing/index.cjs +2144 -3023
  65. package/dist/marketing/index.cjs.map +1 -1
  66. package/dist/marketing/index.css +3729 -4824
  67. package/dist/marketing/index.css.map +1 -1
  68. package/dist/marketing/index.d.cts +1351 -4
  69. package/dist/marketing/index.d.ts +1351 -4
  70. package/dist/marketing/index.js +2190 -3054
  71. package/dist/marketing/index.js.map +1 -1
  72. package/dist/motion/index.cjs +1230 -0
  73. package/dist/motion/index.cjs.map +1 -0
  74. package/dist/motion/index.css +699 -0
  75. package/dist/motion/index.css.map +1 -0
  76. package/dist/motion/index.d.cts +68 -0
  77. package/dist/motion/index.d.ts +68 -0
  78. package/dist/motion/index.js +1218 -0
  79. package/dist/motion/index.js.map +1 -0
  80. package/dist/nav/index.cjs +1533 -0
  81. package/dist/nav/index.cjs.map +1 -0
  82. package/dist/nav/index.css +1984 -0
  83. package/dist/nav/index.css.map +1 -0
  84. package/dist/nav/index.d.cts +279 -0
  85. package/dist/nav/index.d.ts +279 -0
  86. package/dist/nav/index.js +1501 -0
  87. package/dist/nav/index.js.map +1 -0
  88. package/dist/report/index.cjs +26 -1649
  89. package/dist/report/index.cjs.map +1 -1
  90. package/dist/report/index.css +0 -963
  91. package/dist/report/index.css.map +1 -1
  92. package/dist/report/index.d.cts +4 -2
  93. package/dist/report/index.d.ts +4 -2
  94. package/dist/report/index.js +27 -1640
  95. package/dist/report/index.js.map +1 -1
  96. package/dist/sections/index.cjs +385 -0
  97. package/dist/sections/index.cjs.map +1 -0
  98. package/dist/sections/index.css +815 -0
  99. package/dist/sections/index.css.map +1 -0
  100. package/dist/sections/index.d.cts +69 -0
  101. package/dist/sections/index.d.ts +69 -0
  102. package/dist/sections/index.js +374 -0
  103. package/dist/sections/index.js.map +1 -0
  104. package/dist/social-proof/index.cjs +1255 -0
  105. package/dist/social-proof/index.cjs.map +1 -0
  106. package/dist/social-proof/index.css +1423 -0
  107. package/dist/social-proof/index.css.map +1 -0
  108. package/dist/social-proof/index.d.cts +258 -0
  109. package/dist/social-proof/index.d.ts +258 -0
  110. package/dist/social-proof/index.js +1238 -0
  111. package/dist/social-proof/index.js.map +1 -0
  112. package/dist/theme/index.cjs +573 -0
  113. package/dist/theme/index.cjs.map +1 -0
  114. package/dist/theme/index.css +464 -0
  115. package/dist/theme/index.css.map +1 -0
  116. package/dist/theme/index.d.cts +48 -0
  117. package/dist/theme/index.d.ts +48 -0
  118. package/dist/theme/index.js +558 -0
  119. package/dist/theme/index.js.map +1 -0
  120. package/dist/types-DAlgDGzw.d.cts +52 -0
  121. package/dist/types-DAlgDGzw.d.ts +52 -0
  122. package/dist/web/client/index.cjs +501 -0
  123. package/dist/web/client/index.cjs.map +1 -0
  124. package/dist/web/client/index.css +456 -0
  125. package/dist/web/client/index.css.map +1 -0
  126. package/dist/web/client/index.d.cts +172 -0
  127. package/dist/web/client/index.d.ts +172 -0
  128. package/dist/web/client/index.js +486 -0
  129. package/dist/web/client/index.js.map +1 -0
  130. package/dist/web/index.d.cts +6 -893
  131. package/dist/web/index.d.ts +6 -893
  132. package/dist/web/server/index.cjs +569 -0
  133. package/dist/web/server/index.cjs.map +1 -0
  134. package/dist/web/server/index.d.cts +725 -0
  135. package/dist/web/server/index.d.ts +725 -0
  136. package/dist/web/server/index.js +562 -0
  137. package/dist/web/server/index.js.map +1 -0
  138. package/package.json +81 -9
  139. package/dist/ExportMenu-hEe5MhLq.d.cts +0 -1027
  140. package/dist/ExportMenu-hEe5MhLq.d.ts +0 -1027
  141. package/dist/index-B64suAAc.d.cts +0 -1498
  142. package/dist/index-B64suAAc.d.ts +0 -1498
@@ -1,1027 +0,0 @@
1
- import React__default from 'react';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
-
4
- /**
5
- * Insight types define the semantic category of an insight.
6
- * Each type constrains which charts can be used as evidence.
7
- */
8
- type InsightType = 'performance-delta' | 'behavioral-correlation' | 'funnel-leakage' | 'audience-mismatch' | 'message-fatigue' | 'psychological-resonance' | 'timing-pattern' | 'segment-outperformance' | 'anomaly-detection' | 'competitive-benchmark';
9
- /**
10
- * Analytical states represent the data quality status of a component.
11
- */
12
- type AnalyticalState = 'VALID' | 'INSUFFICIENT_SAMPLE' | 'LOW_CONFIDENCE' | 'PARTIAL_TIME_WINDOW' | 'DATA_SKEW_DETECTED' | 'CONFLICTING_SIGNALS' | 'INFERRED_NOT_OBSERVED' | 'STALE_DATA' | 'FIELD_MISSING' | 'CALCULATION_ERROR';
13
- /**
14
- * Report mode determines the level of detail shown.
15
- */
16
- type ReportMode = 'executive' | 'analyst';
17
- /**
18
- * Configuration for report mode features.
19
- */
20
- interface ReportModeConfig {
21
- mode: ReportMode;
22
- features: {
23
- showMethodology: boolean;
24
- showConfidenceScores: boolean;
25
- showRawData: boolean;
26
- showStatisticalTests: boolean;
27
- chartDetailLevel: 'summary' | 'detailed';
28
- maxInsightsShown: number;
29
- allowDrilldown: boolean;
30
- };
31
- }
32
- /**
33
- * Confidence level thresholds and labels.
34
- */
35
- type ConfidenceLevel = 'high' | 'moderate' | 'low' | 'insufficient';
36
- interface ConfidenceThreshold {
37
- level: ConfidenceLevel;
38
- min: number;
39
- max: number;
40
- label: string;
41
- color: string;
42
- }
43
- /**
44
- * Data contract for analytical components.
45
- */
46
- interface DataContract {
47
- requiredFields: string[];
48
- optionalFields: string[];
49
- minimums: {
50
- sampleSize: number;
51
- completeness: number;
52
- timeSpan?: number;
53
- };
54
- fallbackBehavior: FallbackBehavior;
55
- }
56
- type FallbackBehavior = {
57
- type: 'hide';
58
- } | {
59
- type: 'disable';
60
- message: string;
61
- } | {
62
- type: 'warn';
63
- severity: 'low' | 'medium' | 'high';
64
- } | {
65
- type: 'substitute';
66
- component: string;
67
- };
68
- /**
69
- * Insight type contract defining allowed charts and requirements.
70
- */
71
- interface InsightTypeContract {
72
- type: InsightType;
73
- allowedCharts: string[];
74
- requiredFields: string[];
75
- minSampleSize: number;
76
- headlinePattern: string;
77
- recommendationFormats: string[];
78
- }
79
- /**
80
- * Trend direction for metrics.
81
- */
82
- type TrendDirection = 'up' | 'down' | 'neutral';
83
- /**
84
- * State details for DataStateIndicator.
85
- */
86
- interface DataStateDetails {
87
- sampleSize?: number;
88
- requiredSize?: number;
89
- confidence?: number;
90
- missingFields?: string[];
91
- staleDays?: number;
92
- message?: string;
93
- }
94
- /**
95
- * Chart types supported by the report engine.
96
- */
97
- type ChartType = 'LineChart' | 'BarChart' | 'PieChart' | 'AreaChart' | 'FunnelChart' | 'HeatmapChart' | 'MBTIRadar' | 'MBTITypeGrid' | 'KeyMetric';
98
- /**
99
- * MBTI personality types.
100
- */
101
- type MBTIType = 'INTJ' | 'INTP' | 'ENTJ' | 'ENTP' | 'INFJ' | 'INFP' | 'ENFJ' | 'ENFP' | 'ISTJ' | 'ISFJ' | 'ESTJ' | 'ESFJ' | 'ISTP' | 'ISFP' | 'ESTP' | 'ESFP';
102
-
103
- /**
104
- * Chart intent defines the semantic purpose of visualization.
105
- * This is the primary classifier that governs switching rules.
106
- */
107
- type ChartIntent = 'trend' | 'comparison' | 'composition' | 'distribution' | 'relationship' | 'geo';
108
- /**
109
- * All supported chart types organized by intent.
110
- */
111
- type TrendChartType = 'line' | 'smooth_line' | 'area' | 'stacked_area' | 'area_100pct';
112
- type ComparisonChartType = 'bar' | 'column' | 'stacked_bar' | 'stacked_column' | 'column_100pct' | 'combo';
113
- type CompositionChartType = 'pie' | 'donut' | 'treemap';
114
- type DistributionChartType = 'histogram' | 'radar';
115
- type RelationshipChartType = 'scatter' | 'bubble' | 'heatmap';
116
- type GeoChartType = 'geo' | 'choropleth';
117
- /**
118
- * Union of all chart types
119
- */
120
- type ChartTypeId = TrendChartType | ComparisonChartType | CompositionChartType | DistributionChartType | RelationshipChartType | GeoChartType | 'funnel' | 'waterfall' | 'timeline';
121
- /**
122
- * Chart phase classification
123
- */
124
- type ChartPhase = 'mvp' | 'phase2' | 'phase3';
125
- interface ChartTypeMetadata {
126
- id: ChartTypeId;
127
- name: string;
128
- description: string;
129
- intent: ChartIntent;
130
- phase: ChartPhase;
131
- contract: ChartDataContract;
132
- switchableTo: ChartTypeId[];
133
- supportsStacking: boolean;
134
- supportsMultipleSeries: boolean;
135
- requiresTimeAxis: boolean;
136
- maxCategories?: number;
137
- maxSlices?: number;
138
- }
139
- interface ChartDataContract {
140
- requiredDimensions: number;
141
- requiredMeasures: number;
142
- minDataPoints: number;
143
- idealDataPoints: number;
144
- maxDataPoints?: number;
145
- allowNegativeValues: boolean;
146
- requireNonZeroTotal: boolean;
147
- warningThresholds: {
148
- tooManyCategories?: number;
149
- imbalancedRatio?: number;
150
- sparseData?: number;
151
- };
152
- fallback: ChartFallbackBehavior;
153
- }
154
- type ChartFallbackBehavior = {
155
- type: 'hide';
156
- } | {
157
- type: 'show_kpi';
158
- message: string;
159
- } | {
160
- type: 'aggregate';
161
- strategy: 'other_bucket' | 'top_n';
162
- } | {
163
- type: 'warn';
164
- message: string;
165
- };
166
- declare const CHART_REGISTRY: Record<ChartTypeId, ChartTypeMetadata>;
167
- /**
168
- * Maps intent to allowed chart types for switching.
169
- * Users can ONLY switch within the same intent family.
170
- */
171
- declare const INTENT_CHART_FAMILIES: Record<ChartIntent, ChartTypeId[]>;
172
- /**
173
- * Get allowed chart types for switching from a given type.
174
- */
175
- declare function getAllowedSwitchTargets(currentType: ChartTypeId): ChartTypeId[];
176
- /**
177
- * Check if switching from one chart type to another is allowed.
178
- */
179
- declare function canSwitchChart(from: ChartTypeId, to: ChartTypeId): boolean;
180
- interface ChartValidationResult {
181
- isValid: boolean;
182
- warnings: string[];
183
- errors: string[];
184
- suggestedType?: ChartTypeId;
185
- fallbackAction?: ChartFallbackBehavior;
186
- }
187
- /**
188
- * Validate data against a chart's contract.
189
- */
190
- declare function validateChartData(chartType: ChartTypeId, data: unknown[], dimensions: string[], measures: string[]): ChartValidationResult;
191
- /**
192
- * Get MVP charts for a given intent.
193
- */
194
- declare function getMVPChartsForIntent(intent: ChartIntent): ChartTypeMetadata[];
195
- /**
196
- * Get the default chart type for an intent.
197
- */
198
- declare function getDefaultChartForIntent(intent: ChartIntent): ChartTypeId;
199
- /**
200
- * Suggest the best chart type for given data characteristics.
201
- */
202
- declare function suggestChartType(params: {
203
- hasTimeAxis: boolean;
204
- dimensionCount: number;
205
- measureCount: number;
206
- dataPointCount: number;
207
- hasNegativeValues: boolean;
208
- isSequential: boolean;
209
- }): ChartTypeId;
210
-
211
- interface ReportShellProps {
212
- /** Report title */
213
- title?: string;
214
- /** Report subtitle or date range */
215
- subtitle?: string;
216
- /** Report mode (executive = minimal detail, analyst = full detail) */
217
- mode?: ReportMode;
218
- /** Brand variant for theming */
219
- brand?: string;
220
- /** Callback when mode changes */
221
- onModeChange?: (mode: ReportMode) => void;
222
- /** Report content */
223
- children: React__default.ReactNode;
224
- /** Header actions (export, share, etc.) */
225
- actions?: React__default.ReactNode;
226
- /** Additional CSS class */
227
- className?: string;
228
- }
229
- /**
230
- * ReportShell is the root container for all reports.
231
- * It provides mode context and establishes the report structure.
232
- */
233
- declare const ReportShell: React__default.ForwardRefExoticComponent<ReportShellProps & React__default.RefAttributes<HTMLDivElement>>;
234
-
235
- interface ExecutiveThesisProps {
236
- /** The main thesis statement - the single most important finding */
237
- thesis: string;
238
- /** Supporting context for the thesis */
239
- context?: string;
240
- /** Key metric supporting the thesis */
241
- metric?: {
242
- label: string;
243
- value: string | number;
244
- trend?: 'up' | 'down' | 'neutral';
245
- };
246
- /** AI-generated indicator */
247
- aiGenerated?: boolean;
248
- /** Additional CSS class */
249
- className?: string;
250
- }
251
- /**
252
- * ExecutiveThesis displays the single most important finding of a report.
253
- * There should be exactly ONE of these per report, at the top.
254
- *
255
- * Composition Rule: R1 - ExecutiveThesis MUST appear exactly once, at the top.
256
- */
257
- declare const ExecutiveThesis: React__default.ForwardRefExoticComponent<ExecutiveThesisProps & React__default.RefAttributes<HTMLElement>>;
258
-
259
- interface InsightBlockProps {
260
- /** The type of insight - constrains allowed child charts */
261
- type: InsightType;
262
- /** The insight headline */
263
- headline: string;
264
- /** Supporting description */
265
- description?: string;
266
- /** Confidence score (0-100) */
267
- confidence?: number;
268
- /** Methodology notes (shown in analyst mode) */
269
- methodology?: string;
270
- /** Evidence charts (max 3 per composition rules) */
271
- children: React__default.ReactNode;
272
- /** Additional CSS class */
273
- className?: string;
274
- }
275
- /**
276
- * InsightBlock groups an insight with its supporting evidence.
277
- *
278
- * Composition Rules:
279
- * - R2: InsightBlock MUST precede any chart it references
280
- * - R3: Charts CANNOT appear without a parent InsightBlock
281
- * - R6: Max 3 charts per InsightBlock
282
- */
283
- declare const InsightBlock: React__default.ForwardRefExoticComponent<InsightBlockProps & React__default.RefAttributes<HTMLElement>>;
284
-
285
- interface EvidenceGroupProps {
286
- /** Group title */
287
- title?: string;
288
- /** Layout direction */
289
- layout?: 'row' | 'column' | 'grid';
290
- /** Number of columns for grid layout */
291
- columns?: 1 | 2 | 3;
292
- /** Evidence charts (max 3 per composition rules) */
293
- children: React__default.ReactNode;
294
- /** Additional CSS class */
295
- className?: string;
296
- }
297
- /**
298
- * EvidenceGroup contains related charts under an InsightBlock.
299
- *
300
- * Composition Rule: R6 - Max 3 charts per InsightBlock (enforced via EvidenceGroup)
301
- */
302
- declare const EvidenceGroup: React__default.ForwardRefExoticComponent<EvidenceGroupProps & React__default.RefAttributes<HTMLDivElement>>;
303
-
304
- interface ConfidenceIndicatorProps {
305
- /** Confidence score (0-100) */
306
- score: number;
307
- /** Show the numeric score */
308
- showScore?: boolean;
309
- /** Show the label */
310
- showLabel?: boolean;
311
- /** Size variant */
312
- size?: 'sm' | 'md' | 'lg';
313
- /** Additional CSS class */
314
- className?: string;
315
- }
316
- /**
317
- * ConfidenceIndicator displays the reliability score of an insight or data point.
318
- * This is a guardrail component that helps users understand data quality.
319
- */
320
- declare const ConfidenceIndicator: React__default.ForwardRefExoticComponent<ConfidenceIndicatorProps & React__default.RefAttributes<HTMLDivElement>>;
321
-
322
- interface DataCoverageBadgeProps {
323
- /** Current sample size */
324
- sampleSize: number;
325
- /** Required minimum sample size */
326
- requiredSize?: number;
327
- /** Date range covered */
328
- dateRange?: {
329
- start: string;
330
- end: string;
331
- };
332
- /** Show date range */
333
- showDateRange?: boolean;
334
- /** Size variant */
335
- size?: 'sm' | 'md';
336
- /** Additional CSS class */
337
- className?: string;
338
- }
339
- /**
340
- * DataCoverageBadge shows the sample size and optionally the date range of the data.
341
- * This is a guardrail component that helps users understand data coverage.
342
- */
343
- declare const DataCoverageBadge: React__default.ForwardRefExoticComponent<DataCoverageBadgeProps & React__default.RefAttributes<HTMLDivElement>>;
344
-
345
- interface DataStateIndicatorProps {
346
- /** Current analytical state */
347
- state: AnalyticalState;
348
- /** Additional details about the state */
349
- details?: DataStateDetails;
350
- /** Show full details or compact */
351
- variant?: 'compact' | 'full';
352
- /** Action button handler */
353
- onAction?: () => void;
354
- /** Additional CSS class */
355
- className?: string;
356
- }
357
- /**
358
- * DataStateIndicator shows the analytical state of data (valid, insufficient, etc.).
359
- * This is a guardrail component that prevents misleading outputs.
360
- */
361
- declare const DataStateIndicator: React__default.ForwardRefExoticComponent<DataStateIndicatorProps & React__default.RefAttributes<HTMLDivElement>>;
362
-
363
- /** Translatable labels for the MethodologyNote component. */
364
- interface MethodologyNoteLabels {
365
- /** Title text and aria-label. @default "Methodology" */
366
- title?: string;
367
- /** Label for the sample size row. @default "Sample Size" */
368
- sampleSize?: string;
369
- /** Label for the data sources row. @default "Data Sources" */
370
- dataSources?: string;
371
- /** Label for the calculation row. @default "Calculation" */
372
- calculation?: string;
373
- }
374
- interface MethodologyNoteProps {
375
- /** Methodology description */
376
- children: React__default.ReactNode;
377
- /** Sample size (triggers automatic display if < 100) */
378
- sampleSize?: number;
379
- /** Data sources used */
380
- sources?: string[];
381
- /** Calculation method */
382
- calculation?: string;
383
- /** Always show regardless of mode */
384
- forceShow?: boolean;
385
- /** Additional CSS class */
386
- className?: string;
387
- /** Override default English labels for i18n. */
388
- labels?: MethodologyNoteLabels;
389
- }
390
- /**
391
- * MethodologyNote documents how data was collected and calculated.
392
- *
393
- * Composition Rule: R4 - MethodologyNote MUST appear if sample size < 100
394
- */
395
- declare const MethodologyNote: React__default.ForwardRefExoticComponent<MethodologyNoteProps & React__default.RefAttributes<HTMLElement>>;
396
-
397
- interface CaveatBlockProps {
398
- /** Caveat title/summary */
399
- title?: string;
400
- /** Caveat details */
401
- children: React__default.ReactNode;
402
- /** Severity level */
403
- severity?: 'info' | 'warning' | 'critical';
404
- /** Confidence score that triggered this caveat */
405
- confidence?: number;
406
- /** Always show regardless of mode */
407
- forceShow?: boolean;
408
- /** Additional CSS class */
409
- className?: string;
410
- }
411
- /**
412
- * CaveatBlock displays limitations and warnings about the data or analysis.
413
- *
414
- * Composition Rule: Required if confidence < 70%
415
- */
416
- declare const CaveatBlock: React__default.ForwardRefExoticComponent<CaveatBlockProps & React__default.RefAttributes<HTMLElement>>;
417
-
418
- interface KeyMetricProps {
419
- /** Metric title/label */
420
- title: string;
421
- /** Primary value */
422
- value: string | number;
423
- /** Value prefix (e.g., '$', '#') */
424
- prefix?: string;
425
- /** Value suffix (e.g., '%', 'users') */
426
- suffix?: string;
427
- /** Trend indicator */
428
- trend?: {
429
- value: number;
430
- direction: TrendDirection;
431
- label?: string;
432
- };
433
- /** Secondary metric */
434
- secondary?: {
435
- label: string;
436
- value: string | number;
437
- };
438
- /** Sample size for data state */
439
- sampleSize?: number;
440
- /** Confidence score */
441
- confidence?: number;
442
- /** Click handler for drill-down */
443
- onClick?: () => void;
444
- /** Loading state */
445
- loading?: boolean;
446
- /** Size variant */
447
- size?: 'sm' | 'md' | 'lg';
448
- /** Additional CSS class */
449
- className?: string;
450
- }
451
- /**
452
- * KeyMetric displays a single KPI with trend indicator and optional drill-down.
453
- * This is an analytical component with built-in data state awareness.
454
- */
455
- declare const KeyMetric: React__default.ForwardRefExoticComponent<KeyMetricProps & React__default.RefAttributes<HTMLDivElement>>;
456
-
457
- interface TrendIndicatorProps {
458
- /** Percentage change */
459
- value: number;
460
- /** Override direction (auto-detected from value) */
461
- direction?: TrendDirection;
462
- /** Positive is good (green) or bad (red) */
463
- positiveIsGood?: boolean;
464
- /** Show arrow icon */
465
- showIcon?: boolean;
466
- /** Show the percentage sign */
467
- showPercent?: boolean;
468
- /** Size */
469
- size?: 'sm' | 'md' | 'lg';
470
- /** Additional CSS class */
471
- className?: string;
472
- }
473
- /**
474
- * TrendIndicator shows directional change with color coding.
475
- * Requires at least 2 data points to be meaningful.
476
- */
477
- declare const TrendIndicator: React__default.ForwardRefExoticComponent<TrendIndicatorProps & React__default.RefAttributes<HTMLSpanElement>>;
478
-
479
- interface ChartContainerProps<T = Record<string, unknown>> {
480
- /** Chart title */
481
- title?: string;
482
- /** Chart subtitle/description */
483
- subtitle?: string;
484
- /** Chart height */
485
- height?: number;
486
- /** Chart data for validation */
487
- data?: T[];
488
- /** Required fields for data validation */
489
- requiredFields?: string[];
490
- /** Minimum sample size */
491
- minSampleSize?: number;
492
- /** Show data coverage badge */
493
- showCoverage?: boolean;
494
- /** Date range for coverage badge */
495
- dateRange?: {
496
- start: string;
497
- end: string;
498
- };
499
- /** Loading state */
500
- loading?: boolean;
501
- /** Empty state message */
502
- emptyMessage?: string;
503
- /** Chart children (Recharts components) */
504
- children: React__default.ReactNode;
505
- /** Additional CSS class */
506
- className?: string;
507
- }
508
- /**
509
- * ChartContainer wraps charts with responsive sizing, theming, and data state handling.
510
- * It enforces data contracts and shows appropriate states when data is invalid.
511
- */
512
- declare function ChartContainer<T extends Record<string, unknown>>({ title, subtitle, height, data, requiredFields, minSampleSize, showCoverage, dateRange, loading, emptyMessage, children, className, ...props }: ChartContainerProps<T>): react_jsx_runtime.JSX.Element;
513
- declare namespace ChartContainer {
514
- var displayName: string;
515
- }
516
-
517
- interface LineConfig {
518
- /** Data key for the line */
519
- key: string;
520
- /** Display name */
521
- name?: string;
522
- /** Line color (CSS variable or hex) */
523
- color?: string;
524
- /** Dashed line */
525
- dashed?: boolean;
526
- /** Show dots on data points */
527
- dot?: boolean;
528
- }
529
- interface LineChartProps<T = Record<string, unknown>> {
530
- /** Chart data */
531
- data: T[];
532
- /** X-axis data key */
533
- xKey: string;
534
- /** Line configurations */
535
- lines: LineConfig[];
536
- /** Chart title */
537
- title?: string;
538
- /** Chart subtitle */
539
- subtitle?: string;
540
- /** Chart height */
541
- height?: number;
542
- /** Show grid lines */
543
- grid?: boolean;
544
- /** Show legend */
545
- legend?: boolean;
546
- /** Curve type */
547
- curve?: 'linear' | 'monotone' | 'step';
548
- /** Custom tooltip formatter */
549
- tooltipFormatter?: (value: number, name: string) => string;
550
- /** Minimum sample size */
551
- minSampleSize?: number;
552
- /** Date range */
553
- dateRange?: {
554
- start: string;
555
- end: string;
556
- };
557
- /** Additional CSS class */
558
- className?: string;
559
- }
560
- /**
561
- * LineChart displays time-series or trend data.
562
- * Requires minimum 7 data points for meaningful visualization.
563
- */
564
- declare function LineChart<T extends Record<string, unknown>>({ data, xKey, lines, title, subtitle, height, grid, legend: showLegend, curve, minSampleSize, dateRange, className, }: LineChartProps<T>): react_jsx_runtime.JSX.Element;
565
- declare namespace LineChart {
566
- var displayName: string;
567
- }
568
-
569
- interface BarConfig {
570
- /** Data key for the bar */
571
- key: string;
572
- /** Display name */
573
- name?: string;
574
- /** Bar color (CSS variable or hex) */
575
- color?: string;
576
- /** Stack ID for stacked bars */
577
- stackId?: string;
578
- }
579
- interface BarChartProps<T = Record<string, unknown>> {
580
- /** Chart data */
581
- data: T[];
582
- /** X-axis data key (category key) */
583
- xKey: string;
584
- /** Bar configurations */
585
- bars: BarConfig[];
586
- /** Chart title */
587
- title?: string;
588
- /** Chart subtitle */
589
- subtitle?: string;
590
- /** Chart height */
591
- height?: number;
592
- /** Layout direction */
593
- layout?: 'horizontal' | 'vertical';
594
- /** Show grid lines */
595
- grid?: boolean;
596
- /** Show legend */
597
- legend?: boolean;
598
- /** Bar corner radius */
599
- radius?: number;
600
- /** Show value labels on bars */
601
- showLabels?: boolean;
602
- /** Custom tooltip formatter */
603
- tooltipFormatter?: (value: number, name: string) => string;
604
- /** Minimum sample size */
605
- minSampleSize?: number;
606
- /** Use category colors (different color per bar in single series) */
607
- categoryColors?: string[];
608
- /** Additional CSS class */
609
- className?: string;
610
- }
611
- /**
612
- * BarChart displays comparisons and distributions.
613
- * Requires minimum 5 categories for meaningful visualization.
614
- */
615
- declare function BarChart<T extends Record<string, unknown>>({ data, xKey, bars, title, subtitle, height, layout, grid, legend: showLegend, radius, showLabels, minSampleSize, categoryColors, className, }: BarChartProps<T>): react_jsx_runtime.JSX.Element;
616
- declare namespace BarChart {
617
- var displayName: string;
618
- }
619
-
620
- interface PieChartDataItem {
621
- name: string;
622
- value: number;
623
- color?: string;
624
- }
625
- interface PieChartProps {
626
- /** Chart data */
627
- data: PieChartDataItem[];
628
- /** Chart title */
629
- title?: string;
630
- /** Chart subtitle */
631
- subtitle?: string;
632
- /** Chart height */
633
- height?: number;
634
- /** Inner radius for donut effect (0 = pie, >0 = donut) */
635
- innerRadius?: number;
636
- /** Outer radius */
637
- outerRadius?: number;
638
- /** Show labels */
639
- showLabels?: boolean;
640
- /** Label type */
641
- labelType?: 'percent' | 'value' | 'name';
642
- /** Show legend */
643
- legend?: boolean;
644
- /** Custom tooltip formatter */
645
- tooltipFormatter?: (value: number, name: string) => string;
646
- /** Minimum sample size (total of all values) */
647
- minSampleSize?: number;
648
- /** Additional CSS class */
649
- className?: string;
650
- }
651
- /**
652
- * PieChart displays proportions and compositions.
653
- * Requires minimum 3 segments and n > 30 for meaningful visualization.
654
- */
655
- declare function PieChart({ data, title, subtitle, height, innerRadius, outerRadius, showLabels, labelType, legend: showLegend, minSampleSize, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
656
- declare namespace PieChart {
657
- var displayName: string;
658
- }
659
-
660
- interface FunnelStage {
661
- /** Stage name */
662
- name: string;
663
- /** Value/count at this stage */
664
- value: number;
665
- /** Optional color override */
666
- color?: string;
667
- }
668
- interface FunnelChartProps {
669
- /** Funnel stages (min 3 required) */
670
- stages: FunnelStage[];
671
- /** Chart title */
672
- title?: string;
673
- /** Chart subtitle */
674
- subtitle?: string;
675
- /** Show conversion rates between stages */
676
- showConversionRates?: boolean;
677
- /** Show drop-off percentages */
678
- showDropOff?: boolean;
679
- /** Show value labels */
680
- showValues?: boolean;
681
- /** Height in pixels */
682
- height?: number;
683
- /** Additional CSS class */
684
- className?: string;
685
- }
686
- /**
687
- * FunnelChart visualizes conversion funnels and drop-off rates.
688
- * Requires minimum 3 stages for meaningful visualization.
689
- */
690
- declare function FunnelChart({ stages, title, subtitle, showConversionRates, showDropOff, showValues, height, className, }: FunnelChartProps): react_jsx_runtime.JSX.Element;
691
- declare namespace FunnelChart {
692
- var displayName: string;
693
- }
694
-
695
- interface HeatmapCell {
696
- /** X-axis value (column) */
697
- x: string;
698
- /** Y-axis value (row) */
699
- y: string;
700
- /** Cell value */
701
- value: number;
702
- }
703
- interface HeatmapChartProps {
704
- /** Heatmap data */
705
- data: HeatmapCell[];
706
- /** Chart title */
707
- title?: string;
708
- /** Chart subtitle */
709
- subtitle?: string;
710
- /** X-axis label */
711
- xLabel?: string;
712
- /** Y-axis label */
713
- yLabel?: string;
714
- /** Color scale (low to high) */
715
- colorScale?: [string, string];
716
- /** Show cell values */
717
- showValues?: boolean;
718
- /** Value formatter */
719
- valueFormatter?: (value: number) => string;
720
- /** Minimum cells required */
721
- minCells?: number;
722
- /** Additional CSS class */
723
- className?: string;
724
- }
725
- /**
726
- * HeatmapChart visualizes density and correlation data.
727
- * Requires minimum 25 cells for meaningful visualization.
728
- */
729
- declare function HeatmapChart({ data, title, subtitle, xLabel, yLabel, colorScale, showValues, valueFormatter, minCells, className, }: HeatmapChartProps): react_jsx_runtime.JSX.Element;
730
- declare namespace HeatmapChart {
731
- var displayName: string;
732
- }
733
-
734
- interface ChartDimension {
735
- /** Field key in data */
736
- key: string;
737
- /** Display label */
738
- label?: string;
739
- /** Is this a time dimension */
740
- isTime?: boolean;
741
- }
742
- interface ChartMeasure {
743
- /** Field key in data */
744
- key: string;
745
- /** Display label */
746
- label?: string;
747
- /** Color (CSS variable or hex) */
748
- color?: string;
749
- /** Stack group ID */
750
- stackId?: string;
751
- }
752
- interface ChartProps<T = Record<string, unknown>> {
753
- /** Semantic intent of the visualization */
754
- intent: ChartIntent;
755
- /** Chart data */
756
- data: T[];
757
- /** Dimension fields (categories, time axis) */
758
- dimensions: ChartDimension[];
759
- /** Measure fields (values to visualize) */
760
- measures: ChartMeasure[];
761
- /** Default chart type */
762
- defaultType?: ChartTypeId;
763
- /** Allowed chart types for switching (defaults to all MVP types in family) */
764
- allowedTypes?: ChartTypeId[];
765
- /** Controlled chart type */
766
- chartType?: ChartTypeId;
767
- /** Callback when chart type changes */
768
- onChartTypeChange?: (type: ChartTypeId) => void;
769
- /** Allow user to switch chart types */
770
- allowSwitching?: boolean;
771
- /** Chart title */
772
- title?: string;
773
- /** Chart subtitle */
774
- subtitle?: string;
775
- /** Chart height */
776
- height?: number;
777
- /** Show legend */
778
- legend?: boolean;
779
- /** Show grid */
780
- grid?: boolean;
781
- /** Additional CSS class */
782
- className?: string;
783
- }
784
- /**
785
- * Chart is the unified abstraction layer for all visualizations.
786
- *
787
- * It provides:
788
- * - Intent-based chart selection
789
- * - Data contract validation
790
- * - Governed chart switching within semantic families
791
- * - Consistent theming and accessibility
792
- *
793
- * @example
794
- * ```tsx
795
- * <Chart
796
- * intent="trend"
797
- * data={timeSeriesData}
798
- * dimensions={[{ key: 'date', isTime: true }]}
799
- * measures={[{ key: 'revenue', label: 'Revenue' }]}
800
- * defaultType="line"
801
- * allowSwitching
802
- * />
803
- * ```
804
- */
805
- declare function Chart<T extends Record<string, unknown>>({ intent, data, dimensions, measures, defaultType, allowedTypes, chartType: controlledType, onChartTypeChange, allowSwitching, title, subtitle, height, legend: showLegend, grid, className, }: ChartProps<T>): react_jsx_runtime.JSX.Element;
806
- declare namespace Chart {
807
- var displayName: string;
808
- }
809
-
810
- interface ChartSwitchControlProps {
811
- /** Currently selected chart type */
812
- currentType: ChartTypeId;
813
- /** Allowed chart types for switching */
814
- allowedTypes: ChartTypeId[];
815
- /** Callback when type changes */
816
- onTypeChange: (type: ChartTypeId) => void;
817
- /** Size variant */
818
- size?: 'sm' | 'md';
819
- /** Additional CSS class */
820
- className?: string;
821
- }
822
- /**
823
- * ChartSwitchControl allows users to switch between allowed chart types
824
- * within the same semantic family.
825
- */
826
- declare function ChartSwitchControl({ currentType, allowedTypes, onTypeChange, size, className, }: ChartSwitchControlProps): react_jsx_runtime.JSX.Element | null;
827
- declare namespace ChartSwitchControl {
828
- var displayName: string;
829
- }
830
-
831
- /**
832
- * MBTI dimension scores representing preference strengths.
833
- * Values should be 0-100 where 50 is neutral.
834
- */
835
- interface MBTIDimensions {
836
- /** Extraversion (0) vs Introversion (100) */
837
- EI: number;
838
- /** Sensing (0) vs Intuition (100) */
839
- SN: number;
840
- /** Thinking (0) vs Feeling (100) */
841
- TF: number;
842
- /** Judging (0) vs Perceiving (100) */
843
- JP: number;
844
- }
845
- interface MBTIRadarProps {
846
- /** MBTI dimension scores */
847
- dimensions: MBTIDimensions;
848
- /** Sample size for confidence calculation */
849
- sampleSize: number;
850
- /** Optional comparison dimensions (e.g., benchmark) */
851
- comparison?: MBTIDimensions;
852
- /** Chart title */
853
- title?: string;
854
- /** Chart subtitle */
855
- subtitle?: string;
856
- /** Chart size */
857
- size?: number;
858
- /** Show dimension labels */
859
- showLabels?: boolean;
860
- /** Show values on hover */
861
- showValues?: boolean;
862
- /** Minimum sample size (default: 20) */
863
- minSampleSize?: number;
864
- /** Confidence score (0-100) */
865
- confidence?: number;
866
- /** Additional CSS class */
867
- className?: string;
868
- }
869
- /**
870
- * MBTIRadar visualizes personality dimension scores as a radar chart.
871
- * Requires minimum 20 samples for meaningful visualization.
872
- *
873
- * Each dimension is scored 0-100:
874
- * - EI: 0 = Extraversion, 100 = Introversion
875
- * - SN: 0 = Sensing, 100 = Intuition
876
- * - TF: 0 = Thinking, 100 = Feeling
877
- * - JP: 0 = Judging, 100 = Perceiving
878
- */
879
- declare function MBTIRadar({ dimensions, sampleSize, comparison, title, subtitle, size, showLabels, showValues, minSampleSize, confidence, className, }: MBTIRadarProps): react_jsx_runtime.JSX.Element;
880
- declare namespace MBTIRadar {
881
- var displayName: string;
882
- }
883
-
884
- interface MBTITypeCount {
885
- /** MBTI type */
886
- type: MBTIType;
887
- /** Count of individuals with this type */
888
- count: number;
889
- /** Optional response rate for this type */
890
- responseRate?: number;
891
- }
892
- interface MBTITypeGridProps {
893
- /** Distribution of MBTI types */
894
- data: MBTITypeCount[];
895
- /** Total sample size (sum of all counts) */
896
- sampleSize?: number;
897
- /** Chart title */
898
- title?: string;
899
- /** Chart subtitle */
900
- subtitle?: string;
901
- /** Show percentage labels */
902
- showPercentages?: boolean;
903
- /** Show count labels */
904
- showCounts?: boolean;
905
- /** Highlight types above this threshold (percentage) */
906
- highlightThreshold?: number;
907
- /** Minimum sample size (default: 50) */
908
- minSampleSize?: number;
909
- /** Confidence score (0-100) */
910
- confidence?: number;
911
- /** Click handler for type selection */
912
- onTypeClick?: (type: MBTIType) => void;
913
- /** Currently selected type */
914
- selectedType?: MBTIType;
915
- /** Additional CSS class */
916
- className?: string;
917
- }
918
- /**
919
- * MBTITypeGrid displays the distribution of all 16 MBTI types in a 4x4 grid.
920
- * Requires minimum 50 samples for meaningful visualization.
921
- */
922
- declare function MBTITypeGrid({ data, sampleSize: propSampleSize, title, subtitle, showPercentages, showCounts, highlightThreshold, minSampleSize, confidence, onTypeClick, selectedType, className, }: MBTITypeGridProps): react_jsx_runtime.JSX.Element;
923
- declare namespace MBTITypeGrid {
924
- var displayName: string;
925
- }
926
-
927
- interface SelectProps {
928
- /** Current selected value */
929
- value?: string;
930
- /** Default value for uncontrolled mode */
931
- defaultValue?: string;
932
- /** Callback when value changes */
933
- onValueChange?: (value: string | null) => void;
934
- /** Whether the select is disabled */
935
- disabled?: boolean;
936
- /** Whether the select is required */
937
- required?: boolean;
938
- /** Name for form submission */
939
- name?: string;
940
- /**
941
- * Item label map for Value display resolution.
942
- * When provided, Select.Value renders the label instead of the raw value.
943
- * Accepts a record (e.g. `{ en: "English", fr: "French" }`) or an array
944
- * of `{ value, label }` objects.
945
- */
946
- items?: Record<string, React__default.ReactNode> | ReadonlyArray<{
947
- label: React__default.ReactNode;
948
- value: string;
949
- }>;
950
- /** Children (SelectTrigger, SelectContent, etc.) */
951
- children: React__default.ReactNode;
952
- }
953
- declare function Select({ value, defaultValue, onValueChange, disabled, required, name, items, children, }: SelectProps): react_jsx_runtime.JSX.Element;
954
- declare namespace Select {
955
- var displayName: string;
956
- }
957
- interface SelectTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
958
- /** Placeholder text when no value selected */
959
- placeholder?: string;
960
- /** Size variant */
961
- size?: 'sm' | 'md' | 'lg';
962
- }
963
- declare const SelectTrigger: React__default.ForwardRefExoticComponent<SelectTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
964
- interface SelectContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
965
- /** Positioning side */
966
- side?: 'top' | 'bottom';
967
- /** Side offset in pixels */
968
- sideOffset?: number;
969
- /** Alignment */
970
- align?: 'start' | 'center' | 'end';
971
- }
972
- declare const SelectContent: React__default.ForwardRefExoticComponent<SelectContentProps & React__default.RefAttributes<HTMLDivElement>>;
973
- interface SelectItemProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
974
- /** Value for this option */
975
- value: string;
976
- /** Display text */
977
- children: React__default.ReactNode;
978
- /** Whether the item is disabled */
979
- disabled?: boolean;
980
- }
981
- declare const SelectItem: React__default.ForwardRefExoticComponent<SelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
982
- interface SelectGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
983
- /** Group label */
984
- label?: string;
985
- }
986
- declare const SelectGroup: React__default.ForwardRefExoticComponent<SelectGroupProps & React__default.RefAttributes<HTMLDivElement>>;
987
- declare const SelectSeparator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
988
-
989
- type ExportFormat = 'pdf' | 'csv' | 'xlsx' | 'pptx' | 'png' | 'json';
990
- interface ExportOption {
991
- /** Export format */
992
- format: ExportFormat;
993
- /** Display label */
994
- label: string;
995
- /** Optional description */
996
- description?: string;
997
- /** Whether this option is disabled */
998
- disabled?: boolean;
999
- }
1000
- interface ExportMenuProps {
1001
- /** Available export options */
1002
- options?: ExportOption[];
1003
- /** Callback when an export option is selected */
1004
- onExport: (format: ExportFormat) => void;
1005
- /** Whether export is currently in progress */
1006
- isExporting?: boolean;
1007
- /** Button label */
1008
- label?: string;
1009
- /** Button size */
1010
- size?: 'sm' | 'md' | 'lg';
1011
- /** Button variant */
1012
- variant?: 'primary' | 'secondary' | 'outline';
1013
- /** Additional CSS class */
1014
- className?: string;
1015
- /** Disabled state */
1016
- disabled?: boolean;
1017
- }
1018
- /**
1019
- * ExportMenu provides a dropdown for exporting reports in various formats.
1020
- * This is an interface-only component - actual export logic is implemented at the app layer.
1021
- */
1022
- declare function ExportMenu({ options, onExport, isExporting, label, size, variant, className, disabled, }: ExportMenuProps): react_jsx_runtime.JSX.Element;
1023
- declare namespace ExportMenu {
1024
- var displayName: string;
1025
- }
1026
-
1027
- export { type HeatmapCell as $, type AnalyticalState as A, BarChart as B, type ConfidenceThreshold as C, type DataStateDetails as D, ConfidenceIndicator as E, type ConfidenceIndicatorProps as F, type DataContract as G, DataCoverageBadge as H, type InsightType as I, type DataCoverageBadgeProps as J, DataStateIndicator as K, type DataStateIndicatorProps as L, type DistributionChartType as M, EvidenceGroup as N, type EvidenceGroupProps as O, ExecutiveThesis as P, type ExecutiveThesisProps as Q, type ReportModeConfig as R, type ExportFormat as S, ExportMenu as T, type ExportMenuProps as U, type ExportOption as V, type FallbackBehavior as W, FunnelChart as X, type FunnelChartProps as Y, type FunnelStage as Z, type GeoChartType as _, type InsightTypeContract as a, HeatmapChart as a0, type HeatmapChartProps as a1, INTENT_CHART_FAMILIES as a2, InsightBlock as a3, type InsightBlockProps as a4, KeyMetric as a5, type KeyMetricProps as a6, LineChart as a7, type LineChartProps as a8, type LineConfig as a9, type SelectTriggerProps as aA, type TrendChartType as aB, type TrendDirection as aC, TrendIndicator as aD, type TrendIndicatorProps as aE, canSwitchChart as aF, getAllowedSwitchTargets as aG, getDefaultChartForIntent as aH, getMVPChartsForIntent as aI, suggestChartType as aJ, validateChartData as aK, type MBTIDimensions as aa, MBTIRadar as ab, type MBTIRadarProps as ac, type MBTIType as ad, type MBTITypeCount as ae, MBTITypeGrid as af, type MBTITypeGridProps as ag, MethodologyNote as ah, type MethodologyNoteLabels as ai, type MethodologyNoteProps as aj, PieChart as ak, type PieChartDataItem as al, type PieChartProps as am, type RelationshipChartType as an, ReportShell as ao, type ReportShellProps as ap, Select as aq, SelectContent as ar, type SelectContentProps as as, SelectGroup as at, type SelectGroupProps as au, SelectItem as av, type SelectItemProps as aw, type SelectProps as ax, SelectSeparator as ay, SelectTrigger as az, type ConfidenceLevel as b, type ReportMode as c, type BarChartProps as d, type BarConfig as e, CHART_REGISTRY as f, CaveatBlock as g, type CaveatBlockProps as h, Chart as i, ChartContainer as j, type ChartContainerProps as k, type ChartDataContract as l, type ChartDimension as m, type ChartFallbackBehavior as n, type ChartIntent as o, type ChartMeasure as p, type ChartPhase as q, type ChartProps as r, ChartSwitchControl as s, type ChartSwitchControlProps as t, type ChartType as u, type ChartTypeId as v, type ChartTypeMetadata as w, type ChartValidationResult as x, type ComparisonChartType as y, type CompositionChartType as z };