react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/types/components/lib/charts/RadialBarChart.d.ts

@@ -0,0 +1,27 @@
+import './RadialBarChart.css';
+/**
+ * RadialBarChart — Concentric progress arcs (one per item) sharing a 0–100%
+ * scale. Labels sit at each arc's start so identity never relies on color.
+ *
+ * @param {Array<{label: string, value: number, max?: number}>} items - Values (default max 100).
+ * @param {number} sweep - Arc sweep in degrees (180–360).
+ * @param {string[]} colors - Optional per-item colors.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface RadialBarChartProps {
+    title?: string;
+    subtitle?: string;
+    items?: Array<{
+        label: string;
+        value: number;
+        max?: number;
+    }>;
+    sweep?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function RadialBarChart({ title, subtitle, items, sweep, colors, variant, size, className, }: RadialBarChartProps): import("react").JSX.Element;
+export default RadialBarChart;

package/dist/types/components/lib/charts/RangeAreaChart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * RangeAreaChart — Min/max band with an average line. Ideal for temperatures,
+ * latency percentiles or price ranges.
+ *
+ * @param {string[]} categories - X-axis labels.
+ * @param {number[]} min - Lower bound per period.
+ * @param {number[]} max - Upper bound per period.
+ * @param {number[]} avg - Central value per period.
+ * @param {string} bandLabel - Legend label for the band.
+ * @param {string} lineLabel - Legend label for the line.
+ * @param {string} suffix - Value suffix.
+ * @param {string} color - Hue for band and line.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface RangeAreaChartProps {
+    title?: string;
+    subtitle?: string;
+    categories?: string[];
+    min?: number[];
+    max?: number[];
+    avg?: number[];
+    bandLabel?: string;
+    lineLabel?: string;
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    color?: string;
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function RangeAreaChart({ title, subtitle, categories, min, max, avg, bandLabel, lineLabel, prefix, suffix, height, color, variant, size, className, }: RangeAreaChartProps): import("react").JSX.Element;
+export default RangeAreaChart;

package/dist/types/components/lib/charts/RetentionCohortTable.d.ts

@@ -0,0 +1,27 @@
+import './RetentionCohortTable.css';
+/**
+ * RetentionCohortTable — Triangular cohort retention matrix. Each row is a
+ * signup cohort, each column a period since signup, shaded on a single-hue ramp.
+ *
+ * @param {Array<{cohort: string, size: number, retention: number[]}>} cohorts - Retention % per period (period 0 = 100).
+ * @param {string} periodLabel - Column prefix (e.g. 'Week', 'Month').
+ * @param {string} color - Ramp hue.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface RetentionCohortTableProps {
+    title?: string;
+    subtitle?: string;
+    cohorts?: Array<{
+        cohort: string;
+        size: number;
+        retention: number[];
+    }>;
+    periodLabel?: string;
+    color?: string;
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function RetentionCohortTable({ title, subtitle, cohorts, periodLabel, color, variant, size, className, }: RetentionCohortTableProps): import("react").JSX.Element;
+export default RetentionCohortTable;

package/dist/types/components/lib/charts/SankeyChart.d.ts

@@ -0,0 +1,30 @@
+import './SankeyChart.css';
+/**
+ * SankeyChart — Two-column flow diagram: sources on the left, targets on the
+ * right, ribbons whose thickness encodes the flow volume.
+ *
+ * @param {Array<{source: string, target: string, value: number}>} flows - Links between nodes.
+ * @param {string} suffix - Value suffix.
+ * @param {number} height - SVG height in viewBox units (width is 640).
+ * @param {string[]} colors - Optional per-source colors.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface SankeyChartProps {
+    title?: string;
+    subtitle?: string;
+    flows?: Array<{
+        source: string;
+        target: string;
+        value: number;
+    }>;
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function SankeyChart({ title, subtitle, flows, prefix, suffix, height, colors, variant, size, className, }: SankeyChartProps): import("react").JSX.Element;
+export default SankeyChart;

package/dist/types/components/lib/charts/ScatterPlot.d.ts

@@ -0,0 +1,35 @@
+interface Pt {
+    x: number;
+    y: number;
+    label?: string;
+}
+/**
+ * ScatterPlot — X/Y relationship plot for up to 3 groups, with an optional
+ * least-squares trend line and per-point tooltips.
+ *
+ * @param {Array<{name: string, points: Array<{x: number, y: number, label?: string}>}>} groups - Point groups (max 3).
+ * @param {string} xLabel - X-axis title.
+ * @param {string} yLabel - Y-axis title.
+ * @param {boolean} trend - Draw a linear regression line across all points.
+ * @param {string[]} colors - Optional per-group colors.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface ScatterPlotProps {
+    title?: string;
+    subtitle?: string;
+    groups?: Array<{
+        name: string;
+        points: Pt[];
+    }>;
+    xLabel?: string;
+    yLabel?: string;
+    trend?: boolean;
+    height?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ScatterPlot({ title, subtitle, groups, xLabel, yLabel, trend, height, colors, variant, size, className, }: ScatterPlotProps): import("react").JSX.Element;
+export default ScatterPlot;

package/dist/types/components/lib/charts/SegmentedBarChart.d.ts

@@ -0,0 +1,30 @@
+import './SegmentedBarChart.css';
+/**
+ * SegmentedBarChart — A single tall part-to-whole bar with labelled segments
+ * and a breakdown list. A clearer alternative to a pie for ≤ 6 parts.
+ *
+ * @param {Array<{label: string, value: number}>} segments - Parts of the whole.
+ * @param {string} total - Optional formatted total for the header.
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {string[]} colors - Optional per-segment colors.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface SegmentedBarChartProps {
+    title?: string;
+    subtitle?: string;
+    segments?: Array<{
+        label: string;
+        value: number;
+    }>;
+    total?: string;
+    prefix?: string;
+    suffix?: string;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function SegmentedBarChart({ title, subtitle, segments, total, prefix, suffix, colors, variant, size, className, }: SegmentedBarChartProps): import("react").JSX.Element;
+export default SegmentedBarChart;

package/dist/types/components/lib/charts/SlopeChart.d.ts

@@ -0,0 +1,33 @@
+/**
+ * SlopeChart — Before/after comparison of several items between two points in
+ * time. Rising lines use the positive status color, falling lines the negative.
+ *
+ * @param {string} fromLabel - Left column label.
+ * @param {string} toLabel - Right column label.
+ * @param {Array<{label: string, from: number, to: number}>} items - Items to compare.
+ * @param {string} highlight - Optional item label to emphasise (others dim).
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface SlopeChartProps {
+    title?: string;
+    subtitle?: string;
+    fromLabel?: string;
+    toLabel?: string;
+    items?: Array<{
+        label: string;
+        from: number;
+        to: number;
+    }>;
+    highlight?: string;
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function SlopeChart({ title, subtitle, fromLabel, toLabel, items, highlight, prefix, suffix, height, variant, size, className, }: SlopeChartProps): import("react").JSX.Element;
+export default SlopeChart;

package/dist/types/components/lib/charts/SparklineChart.d.ts

@@ -0,0 +1,24 @@
+import './SparklineChart.css';
+/**
+ * SparklineChart — Compact inline trend line for tables, KPI tiles and text.
+ * Marks the last point and optionally the min/max.
+ *
+ * @param {number[]} data - Values to plot.
+ * @param {string} label - Accessible description (e.g. 'Revenue, last 30 days').
+ * @param {string} variant - Visual style (line|area|bars).
+ * @param {string} size - Dimensions (sm|md|lg).
+ * @param {string} color - Stroke/fill color; defaults to trend status color.
+ * @param {boolean} showExtremes - Mark the min and max points.
+ * @param {string} className - Extra CSS class.
+ */
+export interface SparklineChartProps {
+    data?: number[];
+    label?: string;
+    variant?: 'line' | 'area' | 'bars';
+    size?: 'sm' | 'md' | 'lg';
+    color?: string;
+    showExtremes?: boolean;
+    className?: string;
+}
+export declare function SparklineChart({ data, label, variant, size, color, showExtremes, className, }: SparklineChartProps): import("react").JSX.Element;
+export default SparklineChart;

package/dist/types/components/lib/charts/StackedAreaChart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * StackedAreaChart — Stacked (or 100% normalised) SVG area chart for showing how
+ * parts contribute to a changing total over time.
+ *
+ * @param {string[]} categories - X-axis labels.
+ * @param {Array<{name: string, data: number[]}>} series - Stacked layers, bottom first (max 8).
+ * @param {boolean} normalized - Show each period as 100% share instead of absolute totals.
+ * @param {string} curve - Interpolation (smooth|linear|step).
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {number} height - SVG height in viewBox units (width is 640).
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface StackedAreaChartProps {
+    title?: string;
+    subtitle?: string;
+    categories?: string[];
+    series?: Array<{
+        name: string;
+        data: number[];
+    }>;
+    normalized?: boolean;
+    curve?: 'smooth' | 'linear' | 'step';
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function StackedAreaChart({ title, subtitle, categories, series, normalized, curve, prefix, suffix, height, colors, variant, size, className, }: StackedAreaChartProps): import("react").JSX.Element;
+export default StackedAreaChart;

package/dist/types/components/lib/charts/StackedBarChart.d.ts

@@ -0,0 +1,33 @@
+/**
+ * StackedBarChart — Vertical or horizontal stacked bars, with an optional 100%
+ * mode. Segments are separated by a 2px surface gap instead of borders.
+ *
+ * @param {string[]} categories - Bar labels.
+ * @param {Array<{name: string, data: number[]}>} series - Stack layers (max 8).
+ * @param {boolean} horizontal - Draw bars horizontally.
+ * @param {boolean} normalized - Show each bar as a 100% share.
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface StackedBarChartProps {
+    title?: string;
+    subtitle?: string;
+    categories?: string[];
+    series?: Array<{
+        name: string;
+        data: number[];
+    }>;
+    horizontal?: boolean;
+    normalized?: boolean;
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function StackedBarChart({ title, subtitle, categories, series, horizontal, normalized, prefix, suffix, height, colors, variant, size, className, }: StackedBarChartProps): import("react").JSX.Element;
+export default StackedBarChart;

package/dist/types/components/lib/charts/SunburstChart.d.ts

@@ -0,0 +1,33 @@
+import './SunburstChart.css';
+/**
+ * SunburstChart — Two-level hierarchical donut: inner ring for parents, outer
+ * ring for children (shaded variants of the parent hue).
+ *
+ * @param {Array<{label: string, children: Array<{label: string, value: number}>}>} data - Hierarchy.
+ * @param {string} centerLabel - Caption in the middle.
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {string[]} colors - Optional per-parent colors.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface SunburstChartProps {
+    title?: string;
+    subtitle?: string;
+    data?: Array<{
+        label: string;
+        children: Array<{
+            label: string;
+            value: number;
+        }>;
+    }>;
+    centerLabel?: string;
+    prefix?: string;
+    suffix?: string;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function SunburstChart({ title, subtitle, data, centerLabel, prefix, suffix, colors, variant, size, className, }: SunburstChartProps): import("react").JSX.Element;
+export default SunburstChart;

package/dist/types/components/lib/charts/TreemapChart.d.ts

@@ -0,0 +1,31 @@
+/**
+ * TreemapChart — Squarified treemap where each rectangle's area is proportional
+ * to its value. Labels appear on tiles large enough to hold them.
+ *
+ * @param {Array<{label: string, value: number, group?: number}>} items - Tiles (group = color slot index).
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {number} height - SVG height in viewBox units (width is 640).
+ * @param {string[]} colors - Optional color overrides.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface TreemapChartProps {
+    title?: string;
+    subtitle?: string;
+    items?: Array<{
+        label: string;
+        value: number;
+        group?: number;
+    }>;
+    groups?: string[];
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function TreemapChart({ title, subtitle, items, groups, prefix, suffix, height, colors, variant, size, className, }: TreemapChartProps): import("react").JSX.Element;
+export default TreemapChart;

package/dist/types/components/lib/charts/WaffleChart.d.ts

@@ -0,0 +1,26 @@
+import './WaffleChart.css';
+/**
+ * WaffleChart — 10×10 grid of squares where each square is 1% of the whole.
+ * An intuitive part-to-whole view for percentages.
+ *
+ * @param {Array<{label: string, value: number}>} parts - Parts of the whole (rounded to 100 cells).
+ * @param {number} columns - Cells per row (default 10).
+ * @param {string[]} colors - Optional per-part colors.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface WaffleChartProps {
+    title?: string;
+    subtitle?: string;
+    parts?: Array<{
+        label: string;
+        value: number;
+    }>;
+    columns?: number;
+    colors?: string[];
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function WaffleChart({ title, subtitle, parts, columns, colors, variant, size, className, }: WaffleChartProps): import("react").JSX.Element;
+export default WaffleChart;

package/dist/types/components/lib/charts/WaterfallChart.d.ts

@@ -0,0 +1,32 @@
+/**
+ * WaterfallChart — Shows how a starting value is built up or eroded by a
+ * sequence of positive and negative steps, ending in a total.
+ *
+ * @param {string} startLabel - Label for the opening bar.
+ * @param {number} start - Opening value.
+ * @param {Array<{label: string, value: number}>} steps - Signed changes.
+ * @param {string} endLabel - Label for the closing total bar.
+ * @param {string} prefix - Value prefix.
+ * @param {string} suffix - Value suffix.
+ * @param {string} variant - Card style (glass|solid|ghost).
+ * @param {string} size - Density (sm|md|lg).
+ */
+export interface WaterfallChartProps {
+    title?: string;
+    subtitle?: string;
+    startLabel?: string;
+    start?: number;
+    steps?: Array<{
+        label: string;
+        value: number;
+    }>;
+    endLabel?: string;
+    prefix?: string;
+    suffix?: string;
+    height?: number;
+    variant?: 'glass' | 'solid' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function WaterfallChart({ title, subtitle, startLabel, start, steps, endLabel, prefix, suffix, height, variant, size, className, }: WaterfallChartProps): import("react").JSX.Element;
+export default WaterfallChart;

package/dist/types/components/lib/charts/chart-tooltip.d.ts

@@ -0,0 +1 @@
+export declare function initChartTooltips(): void;

package/dist/types/components/lib/charts/chart-utils.d.ts

@@ -0,0 +1,46 @@
+/** Fixed-order categorical palette (CSS tokens with hex fallbacks). Never cycled past 8. */
+export declare const CHART_COLORS: string[];
+export declare const POSITIVE = "var(--chart-pos, #34c38f)";
+export declare const NEGATIVE = "var(--chart-neg, #f06a6a)";
+/** Returns the color for a series index, honouring user overrides. */
+export declare function colorAt(i: number, overrides?: string[]): string;
+/** Linear scale factory: maps a domain [d0, d1] onto a range [r0, r1]. */
+export declare function scaleLinear(d0: number, d1: number, r0: number, r1: number): (v: number) => number;
+/** Produces nice, evenly spaced axis ticks covering [min, max]. */
+export declare function niceTicks(min: number, max: number, count?: number): number[];
+/** Compact number formatter: 1200 → 1.2k, 3400000 → 3.4M. */
+export declare function formatCompact(v: number, decimals?: number): string;
+/** Formats a value with an optional prefix/suffix (e.g. '$', '%'). */
+export declare function formatValue(v: number, prefix?: string, suffix?: string, compact?: boolean): string;
+export type Point = [number, number];
+/** Straight polyline path. */
+export declare function linePath(points: Point[]): string;
+/** Step path (horizontal then vertical). */
+export declare function stepPath(points: Point[]): string;
+/** Monotone cubic interpolation — smooth curve that never overshoots the data. */
+export declare function smoothPath(points: Point[]): string;
+/** Picks the path builder for a curve type. */
+export declare function curvePath(points: Point[], curve?: 'linear' | 'smooth' | 'step'): string;
+/** Closes a line path down to a baseline to form an area. */
+export declare function areaPath(points: Point[], baseline: number, curve?: 'linear' | 'smooth' | 'step'): string;
+/** Area between an upper and lower line (for bands / stacked areas). */
+export declare function bandPath(upper: Point[], lower: Point[], curve?: 'linear' | 'smooth' | 'step'): string;
+/** Polar → cartesian, with 0 rad at 12 o'clock and clockwise rotation. */
+export declare function polar(cx: number, cy: number, r: number, angle: number): Point;
+/** Annular sector path (donut slice). Angles in radians, 0 at 12 o'clock. */
+export declare function arcPath(cx: number, cy: number, rOuter: number, rInner: number, a0: number, a1: number): string;
+/** Open arc stroke path (for gauges / rings). */
+export declare function arcStroke(cx: number, cy: number, r: number, a0: number, a1: number): string;
+/** Sum helper. */
+export declare function sum(values: number[]): number;
+/** Quantile on a sorted array (linear interpolation). */
+export declare function quantile(sorted: number[], q: number): number;
+export declare function chartId(prefix?: string): string;
+export interface Rect {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+/** Squarified treemap layout (Bruls et al.) for a list of positive values. */
+export declare function squarify(values: number[], box: Rect): Rect[];

package/dist/types/components/lib/charts/index.d.ts

@@ -0,0 +1,44 @@
+export { default as RadarMetricChart } from './RadarMetricChart';
+export { default as LinearProgressGauge } from './LinearProgressGauge';
+export { default as ActivityRings } from './ActivityRings';
+export { default as BoxPlotChart } from './BoxPlotChart';
+export { default as BubbleChart } from './BubbleChart';
+export { default as BulletChart } from './BulletChart';
+export { default as BumpChart } from './BumpChart';
+export { default as CandlestickChart } from './CandlestickChart';
+export { default as ChartFrame } from './ChartFrame';
+export { default as DivergingBarChart } from './DivergingBarChart';
+export { default as DumbbellChart } from './DumbbellChart';
+export { default as ForecastLineChart } from './ForecastLineChart';
+export { default as FunnelChart } from './FunnelChart';
+export { default as GaugeChart } from './GaugeChart';
+export { default as GoalProgressChart } from './GoalProgressChart';
+export { default as GroupedBarChart } from './GroupedBarChart';
+export { default as HeatmapChart } from './HeatmapChart';
+export { default as HistogramChart } from './HistogramChart';
+export { default as HorizontalBarChart } from './HorizontalBarChart';
+export { default as KpiStatTile } from './KpiStatTile';
+export { default as KpiTrendGrid } from './KpiTrendGrid';
+export { default as LineChart } from './LineChart';
+export { default as LollipopChart } from './LollipopChart';
+export { default as MeterGauge } from './MeterGauge';
+export { default as MetricDeltaTable } from './MetricDeltaTable';
+export { default as PieChart } from './PieChart';
+export { default as PolarAreaChart } from './PolarAreaChart';
+export { default as PopulationPyramid } from './PopulationPyramid';
+export { default as PunchCardChart } from './PunchCardChart';
+export { default as RadarChart } from './RadarChart';
+export { default as RadialBarChart } from './RadialBarChart';
+export { default as RangeAreaChart } from './RangeAreaChart';
+export { default as RetentionCohortTable } from './RetentionCohortTable';
+export { default as SankeyChart } from './SankeyChart';
+export { default as ScatterPlot } from './ScatterPlot';
+export { default as SegmentedBarChart } from './SegmentedBarChart';
+export { default as SlopeChart } from './SlopeChart';
+export { default as SparklineChart } from './SparklineChart';
+export { default as StackedAreaChart } from './StackedAreaChart';
+export { default as StackedBarChart } from './StackedBarChart';
+export { default as SunburstChart } from './SunburstChart';
+export { default as TreemapChart } from './TreemapChart';
+export { default as WaffleChart } from './WaffleChart';
+export { default as WaterfallChart } from './WaterfallChart';

package/dist/types/components/lib/data/AccordionGroupGlass.d.ts

@@ -0,0 +1,6 @@
+import './AccordionGroupGlass.css';
+/** AccordionGroupGlass */
+export interface AccordionGroupGlassProps {
+}
+export declare function AccordionGroupGlass({}: AccordionGroupGlassProps): import("react").JSX.Element;
+export default AccordionGroupGlass;

package/dist/types/components/lib/data/ActivityHeatmapGrid.d.ts

@@ -0,0 +1,13 @@
+import './ActivityHeatmapGrid.css';
+/**
+ * ActivityHeatmapGrid — GitHub-style activity contribution matrix with intensity color levels and month labels.
+ *
+ * @param {string} title - Section header label. Default is 'Commit Activity'.
+ * @param {number} totalCount - Total activity events recorded. Default is 1428.
+ */
+export interface ActivityHeatmapGridProps {
+    title?: string;
+    totalCount?: number;
+}
+export declare function ActivityHeatmapGrid({ title, totalCount, }: ActivityHeatmapGridProps): import("react").JSX.Element;
+export default ActivityHeatmapGrid;

package/dist/types/components/lib/data/AvatarGroupStack.d.ts

@@ -0,0 +1,6 @@
+import './AvatarGroupStack.css';
+/** AvatarGroupStack */
+export interface AvatarGroupStackProps {
+}
+export declare function AvatarGroupStack({}: AvatarGroupStackProps): import("react").JSX.Element;
+export default AvatarGroupStack;

package/dist/types/components/lib/data/CalendarGridView.d.ts

@@ -0,0 +1,6 @@
+import './CalendarGridView.css';
+/** CalendarGridView */
+export interface CalendarGridViewProps {
+}
+export declare function CalendarGridView({}: CalendarGridViewProps): import("react").JSX.Element;
+export default CalendarGridView;

package/dist/types/components/lib/data/DataChipsGroup.d.ts

@@ -0,0 +1,6 @@
+import './DataChipsGroup.css';
+/** DataChipsGroup */
+export interface DataChipsGroupProps {
+}
+export declare function DataChipsGroup({}: DataChipsGroupProps): import("react").JSX.Element;
+export default DataChipsGroup;

package/dist/types/components/lib/data/DescriptionListHoriz.d.ts

@@ -0,0 +1,6 @@
+import './DescriptionListHoriz.css';
+/** DescriptionListHoriz */
+export interface DescriptionListHorizProps {
+}
+export declare function DescriptionListHoriz({}: DescriptionListHorizProps): import("react").JSX.Element;
+export default DescriptionListHoriz;

package/dist/types/components/lib/data/FileTreeView.d.ts

@@ -0,0 +1,6 @@
+import './FileTreeView.css';
+/** FileTreeView */
+export interface FileTreeViewProps {
+}
+export declare function FileTreeView({}: FileTreeViewProps): import("react").JSX.Element;
+export default FileTreeView;

package/dist/types/components/lib/data/GanttChartMinimal.d.ts

@@ -0,0 +1,6 @@
+import './GanttChartMinimal.css';
+/** GanttChartMinimal */
+export interface GanttChartMinimalProps {
+}
+export declare function GanttChartMinimal({}: GanttChartMinimalProps): import("react").JSX.Element;
+export default GanttChartMinimal;

package/dist/types/components/lib/data/GlassTable.d.ts

@@ -0,0 +1,6 @@
+import './GlassTable.css';
+/** GlassTable */
+export interface GlassTableProps {
+}
+export declare function GlassTable({}: GlassTableProps): import("react").JSX.Element;
+export default GlassTable;

package/dist/types/components/lib/data/KeyValuePillGroup.d.ts

@@ -0,0 +1,6 @@
+import './KeyValuePillGroup.css';
+/** KeyValuePillGroup */
+export interface KeyValuePillGroupProps {
+}
+export declare function KeyValuePillGroup({}: KeyValuePillGroupProps): import("react").JSX.Element;
+export default KeyValuePillGroup;

package/dist/types/components/lib/data/MetricComparisonRow.d.ts

@@ -0,0 +1,19 @@
+import './MetricComparisonRow.css';
+/**
+ * MetricComparisonRow — Horizontal gauge comparing actual performance vs target benchmark with percentage badge.
+ *
+ * @param {string} title - Benchmark description (e.g. 'Monthly Revenue Target').
+ * @param {number} current - Current numeric value figure.
+ * @param {number} target - Goal target value.
+ * @param {string} unit - Unit prefix or suffix (e.g. '$', 'ms', 'users'). Default is '$'.
+ * @param {string} color - Progress bar accent color. Default is '#d4a017'.
+ */
+export interface MetricComparisonRowProps {
+    title: string;
+    current: number;
+    target: number;
+    unit?: string;
+    color?: string;
+}
+export declare function MetricComparisonRow({ title, current, target, unit, color, }: MetricComparisonRowProps): import("react").JSX.Element;
+export default MetricComparisonRow;