admin-ui-starter-kit 0.1.0

package/dist/components/composed/analytics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/analytics/analytics.strings.ts","../../../../src/components/composed/analytics/format-metric-value.ts","../../../../src/components/composed/analytics/atoms/metric-trend-chip.tsx","../../../../src/components/composed/analytics/atoms/metric-sparkline.tsx","../../../../src/components/composed/analytics/atoms/metric-skeleton.tsx","../../../../src/components/composed/analytics/metric/metric.tsx","../../../../src/components/composed/analytics/metric-bar/metric-bar.tsx","../../../../src/components/composed/analytics/metric-grid/metric-grid.tsx","../../../../src/components/composed/analytics/metric-comparison/metric-comparison.tsx","../../../../src/components/composed/analytics/metric-micro-grid/metric-micro-grid.tsx","../../../../src/components/composed/analytics/metric-gradient/metric-gradient.tsx","../../../../src/components/composed/analytics/activity-heatmap/activity-heatmap.tsx"],"sourcesContent":["/**\n * Shared default strings for `composed/analytics` components.\n *\n * Each component accepts a `strings` prop deep-merged over these defaults\n * so consumers override per-component without touching the rest. Day/month\n * labels live here too because they're localisable in the same way.\n */\nexport interface AnalyticsStrings {\n    /** Fallback shown by `<Metric />` when `error` is true. */\n    metricErrorLabel: string;\n    /** Default title for `<MetricComparison />` when no `title` prop is passed. */\n    comparisonTitle: string;\n    /** Labels for the activity heatmap weekday rows (Mon–Sun, length 7). */\n    heatmapDayLabels: readonly [string, string, string, string, string, string, string];\n    /** Short month names for the activity heatmap header (Jan–Dec, length 12). */\n    heatmapMonthNames: readonly [\n        string, string, string, string, string, string,\n        string, string, string, string, string, string,\n    ];\n    /** Heatmap legend \"less\" label (left edge of intensity legend). */\n    heatmapLegendLess: string;\n    /** Heatmap legend \"more\" label (right edge of intensity legend). */\n    heatmapLegendMore: string;\n}\n\nexport const defaultAnalyticsStrings: AnalyticsStrings = {\n    metricErrorLabel: 'Unable to load metric',\n    comparisonTitle: 'Comparison',\n    heatmapDayLabels: ['Mon', '', 'Wed', '', 'Fri', '', ''],\n    heatmapMonthNames: [\n        'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',\n    ],\n    heatmapLegendLess: 'Less',\n    heatmapLegendMore: 'More',\n};\n","/**\n * formatMetricValue — single canonical formatter for every metric surface.\n *\n * Keeps formatting logic out of the layout components so the same dataset\n * renders identically regardless of which `Metric*` variant displays it.\n */\nimport {\n\tEMPTY,\n\tformatCurrency,\n\tformatDuration,\n\tformatNumber,\n\tformatPercentage,\n} from '@/lib/format';\nimport type { MetricData } from './types';\n\nexport function formatMetricValue(data: MetricData): string {\n\tif (data.value === null || data.value === undefined) return EMPTY;\n\n\tconst value = data.value;\n\tconst numeric = typeof value === 'number' ? value : null;\n\n\tswitch (data.valueType) {\n\t\tcase 'currency':\n\t\t\treturn numeric !== null\n\t\t\t\t? formatCurrency(numeric, { currency: data.currency })\n\t\t\t\t: String(value);\n\t\tcase 'percentage':\n\t\t\treturn numeric !== null ? formatPercentage(numeric) : String(value);\n\t\tcase 'duration':\n\t\t\treturn numeric !== null ? formatDuration(numeric) : String(value);\n\t\tcase 'number':\n\t\t\treturn numeric !== null ? formatNumber(numeric) : String(value);\n\t\tcase 'text':\n\t\tdefault:\n\t\t\treturn String(value);\n\t}\n}\n\n/**\n * Resolve the effective `MetricTrend` for a metric — explicit `trend` wins,\n * otherwise we infer from `change.direction` (`up` → positive, `down` →\n * negative, `neutral`/missing → neutral).\n */\nexport function resolveTrend(data: MetricData): 'positive' | 'negative' | 'neutral' {\n\tif (data.trend) return data.trend;\n\tif (data.change?.direction === 'up') return 'positive';\n\tif (data.change?.direction === 'down') return 'negative';\n\treturn 'neutral';\n}\n","/**\n * MetricTrendChip — compact ↑/↓/→ delta indicator.\n *\n * Decouples direction (up/down/neutral) from tone (positive/negative/neutral)\n * so consumers can flip the colour for inverted metrics like churn or refund\n * rate. Four variants:\n *   - `default`   — coloured icon + value, no chrome\n *   - `badge`     — pill with tinted bg + arrow icon\n *   - `compact`   — coloured arrow + value, no spacing\n *   - `inline`    — value only with sign prefix, no icon\n */\nimport { ArrowDown, ArrowUp, Minus } from 'lucide-react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { MetricChange, MetricSize, MetricTrend, MetricTrendVariant } from '../types';\n\ninterface MetricTrendChipProps {\n\tchange: MetricChange;\n\ttrend?: MetricTrend;\n\tsize?: MetricSize;\n\tvariant?: MetricTrendVariant;\n\tclassName?: string;\n}\n\nconst TONE_CLASSES: Record<MetricTrend, { text: string; badge: string; arrow: string }> = {\n\tpositive: { text: 'text-success', badge: 'bg-success/10 text-success', arrow: 'text-success' },\n\tnegative: { text: 'text-destructive', badge: 'bg-destructive/10 text-destructive', arrow: 'text-destructive' },\n\tneutral: { text: 'text-muted-foreground', badge: 'bg-muted text-muted-foreground', arrow: 'text-muted-foreground' },\n};\n\nconst ICON_SIZE: Record<MetricSize, string> = {\n\tsm: 'size-3',\n\tmd: 'size-3.5',\n\tlg: 'size-4',\n};\n\nconst TEXT_SIZE: Record<MetricSize, 'xxs' | 'xs' | 'sm'> = {\n\tsm: 'xxs',\n\tmd: 'xs',\n\tlg: 'sm',\n};\n\nconst BADGE_PADDING: Record<MetricSize, string> = {\n\tsm: 'px-1.5 py-0.5',\n\tmd: 'px-2 py-0.5',\n\tlg: 'px-2.5 py-1',\n};\n\nfunction resolveTone(trend: MetricTrend | undefined, direction: MetricChange['direction']): MetricTrend {\n\tif (trend) return trend;\n\tif (direction === 'up') return 'positive';\n\tif (direction === 'down') return 'negative';\n\treturn 'neutral';\n}\n\nexport function MetricTrendChip({\n\tchange,\n\ttrend,\n\tsize = 'md',\n\tvariant = 'default',\n\tclassName,\n}: MetricTrendChipProps) {\n\tconst tone = resolveTone(trend, change.direction);\n\tconst Icon = change.direction === 'up' ? ArrowUp : change.direction === 'down' ? ArrowDown : Minus;\n\tconst palette = TONE_CLASSES[tone];\n\tconst valueText = String(change.value);\n\tconst sign = change.direction === 'up' ? '+' : change.direction === 'down' ? '' : '';\n\n\tif (variant === 'inline') {\n\t\treturn (\n\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} weight=\"medium\" className={cn('metric-trend-chip--component', palette.text, 'tabular-nums', className)}>\n\t\t\t\t{sign}{valueText}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tif (variant === 'compact') {\n\t\treturn (\n\t\t\t<span className={cn('inline-flex items-center gap-0.5', palette.text, className)}>\n\t\t\t\t<Icon className={ICON_SIZE[size]} strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t{valueText}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif (variant === 'badge') {\n\t\treturn (\n\t\t\t<span className={cn('inline-flex items-center gap-1 rounded-full font-medium tabular-nums', palette.badge, BADGE_PADDING[size], className)}>\n\t\t\t\t<Icon className={ICON_SIZE[size]} strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t{valueText}\n\t\t\t\t</Text>\n\t\t\t\t{!!change.label && (\n\t\t\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} className=\"opacity-70\">{change.label}</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t);\n\t}\n\n\t// default\n\treturn (\n\t\t<span className={cn('inline-flex items-center gap-1', palette.text, className)}>\n\t\t\t<Icon className={ICON_SIZE[size]} strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t{valueText}\n\t\t\t</Text>\n\t\t\t{!!change.label && (\n\t\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} type=\"secondary\">{change.label}</Text>\n\t\t\t)}\n\t\t</span>\n\t);\n}\n\nMetricTrendChip.displayName = 'MetricTrendChip';\n","/**\n * MetricSparkline — recharts-backed mini area chart used inside Metric\n * variants. Auto-stretches to its container; pass a fixed height (e.g.\n * `h-8 w-full`) on the wrapper. `trend` colours the stroke + gradient\n * (positive/negative/neutral); `color` overrides with any CSS colour\n * (semantic var, hex, rgb).\n */\nimport { useId, useMemo } from 'react';\nimport { Area, AreaChart, ResponsiveContainer } from 'recharts';\nimport { cn } from '@/lib/utils';\n\nimport type { MetricTrend } from '../types';\n\ninterface MetricSparklineProps {\n\tdata: readonly number[];\n\ttrend?: MetricTrend;\n\tcolor?: string;\n\tclassName?: string;\n\tanimated?: boolean;\n\t'aria-label'?: string;\n}\n\nconst TREND_COLORS: Record<MetricTrend, string> = {\n\tpositive: 'var(--success)',\n\tnegative: 'var(--destructive)',\n\tneutral: 'var(--muted-foreground)',\n};\n\nexport function MetricSparkline({\n\tdata,\n\ttrend = 'neutral',\n\tcolor,\n\tclassName,\n\tanimated = true,\n\t'aria-label': ariaLabel = 'Trend sparkline',\n}: MetricSparklineProps) {\n\tconst id = useId();\n\tconst gradientId = useMemo(() => `metric-spark-${id.replaceAll(':', '')}`, [id]);\n\tconst stroke = color ?? TREND_COLORS[trend];\n\n\tconst chartData = useMemo(() => {\n\t\tif (!Array.isArray(data) || data.length === 0) return [];\n\t\treturn data.map((value, i) => ({ i, v: value }));\n\t}, [data]);\n\n\tif (chartData.length === 0) {\n\t\treturn <div className={cn('metric-sparkline--component', 'w-full', className)} aria-hidden=\"true\" />;\n\t}\n\n\treturn (\n\t\t<div className={cn('w-full', className)} role=\"img\" aria-label={ariaLabel}>\n\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\" initialDimension={{ width: 1, height: 1 }}>\n\t\t\t\t<AreaChart data={chartData} margin={{ top: 2, right: 0, bottom: 0, left: 0 }}>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t\t<stop offset=\"0%\" stopColor={stroke} stopOpacity={0.25} />\n\t\t\t\t\t\t\t<stop offset=\"100%\" stopColor={stroke} stopOpacity={0} />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<Area\n\t\t\t\t\t\ttype=\"monotone\"\n\t\t\t\t\t\tdataKey=\"v\"\n\t\t\t\t\t\tstroke={stroke}\n\t\t\t\t\t\tstrokeWidth={1.75}\n\t\t\t\t\t\tfill={`url(#${gradientId})`}\n\t\t\t\t\t\tdot={false}\n\t\t\t\t\t\tactiveDot={false}\n\t\t\t\t\t\tisAnimationActive={animated}\n\t\t\t\t\t\tanimationDuration={600}\n\t\t\t\t\t/>\n\t\t\t\t</AreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n}\n\nMetricSparkline.displayName = 'MetricSparkline';\n","/**\n * MetricSkeleton — loading placeholder matching the height/spacing of every\n * `Metric` variant so the layout doesn't jump when data resolves.\n */\nimport { cn } from '@/lib/utils';\nimport type { MetricSize, MetricVariant } from '../types';\n\ninterface MetricSkeletonProps {\n\tvariant?: MetricVariant;\n\tsize?: MetricSize;\n\tclassName?: string;\n}\n\nconst Bar = ({ className }: { className?: string }) => (\n\t<div className={cn('animate-pulse rounded bg-muted', className)} />\n);\n\nexport function MetricSkeleton({\n\tvariant = 'default',\n\tsize = 'md',\n\tclassName,\n}: MetricSkeletonProps) {\n\tconst padding = size === 'sm' ? 'p-3' : size === 'lg' ? 'p-5' : 'p-4';\n\n\tif (variant === 'card' || variant === 'bordered' || variant === 'accent' || variant === 'colored') {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn('metric-skeleton--component', \n\t\t\t\t\t'rounded-xl border border-border bg-card shadow-sm',\n\t\t\t\t\tpadding,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\taria-busy=\"true\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t>\n\t\t\t\t<Bar className=\"h-3 w-24\" />\n\t\t\t\t<Bar className={cn('mt-3', size === 'lg' ? 'h-9 w-40' : 'h-7 w-32')} />\n\t\t\t\t<Bar className=\"mt-2 h-3 w-20\" />\n\t\t\t\t<Bar className=\"mt-3 h-8 w-full\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (variant === 'compact') {\n\t\treturn (\n\t\t\t<div className={cn('flex items-center gap-3', className)} aria-busy=\"true\">\n\t\t\t\t<Bar className=\"size-9 rounded-lg\" />\n\t\t\t\t<div className=\"flex-1 space-y-1.5\">\n\t\t\t\t\t<Bar className=\"h-3 w-20\" />\n\t\t\t\t\t<Bar className=\"h-4 w-28\" />\n\t\t\t\t</div>\n\t\t\t\t<Bar className=\"h-5 w-12 rounded-full\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (variant === 'minimal') {\n\t\treturn (\n\t\t\t<div className={cn('inline-flex items-baseline gap-2', className)} aria-busy=\"true\">\n\t\t\t\t<Bar className=\"h-3 w-12\" />\n\t\t\t\t<Bar className=\"h-3 w-16\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// default\n\treturn (\n\t\t<div className={cn('flex flex-col gap-1.5', padding, className)} aria-busy=\"true\">\n\t\t\t<Bar className=\"h-3 w-20\" />\n\t\t\t<Bar className=\"h-5 w-28\" />\n\t\t\t<Bar className=\"mt-1 h-6 w-full\" />\n\t\t</div>\n\t);\n}\n\nMetricSkeleton.displayName = 'MetricSkeleton';\n","/**\n * Metric — canonical single-metric surface. One component, seven variants:\n *\n *   default   — flat tile (label / value / trend / sparkline) for use inside\n *               MetricBar or other composed surfaces.\n *   card      — wrapped in SmartCard with shadow, padding, optional tooltip.\n *               Use as a standalone hero in a row of three.\n *   compact   — single-row icon + label + value + chip. Sidebar / list use.\n *   minimal   — inline `Label: value ↑12%` chip for in-flow copy.\n *   bordered  — soft tinted border keyed off `colorScheme`.\n *   accent    — dark surface card with bottom-aligned area sparkline.\n *   colored   — segmented progress bar (driven by `progress` prop).\n *\n * All variants share the same `MetricData` shape; only the layout changes.\n */\nimport { useMemo } from 'react';\nimport { ArrowUpRight } from 'lucide-react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { defaultAnalyticsStrings } from '../analytics.strings';\nimport { MetricSkeleton } from '../atoms/metric-skeleton';\nimport { MetricSparkline } from '../atoms/metric-sparkline';\nimport { MetricTrendChip } from '../atoms/metric-trend-chip';\nimport { formatMetricValue, resolveTrend } from '../format-metric-value';\nimport type {\n\tMetricColorScheme,\n\tMetricData,\n\tMetricSize,\n\tMetricVariant,\n} from '../types';\n\nexport interface MetricProps {\n\tdata: MetricData;\n\tvariant?: MetricVariant;\n\tsize?: MetricSize;\n\tcolorScheme?: MetricColorScheme;\n\tshowSparkline?: boolean;\n\tshowChange?: boolean;\n\tshowIcon?: boolean;\n\tloading?: boolean;\n\terror?: boolean;\n\terrorLabel?: string;\n\t/** `colored` variant only — 0-100 fill percentage. */\n\tprogress?: number;\n\tclassName?: string;\n\t'aria-label'?: string;\n}\n\n// ── colour-scheme palettes (shared between bordered + colored variants) ──\nconst SCHEME_TINT: Record<MetricColorScheme, { border: string; bg: string; bar: string; dot: string; ring: string }> = {\n\tdefault: { border: 'border-border', bg: 'bg-card', bar: 'bg-foreground', dot: 'bg-foreground', ring: 'ring-border' },\n\tprimary: { border: 'border-primary/25', bg: 'bg-primary/5', bar: 'bg-primary', dot: 'bg-primary', ring: 'ring-primary/20' },\n\tsuccess: { border: 'border-success/30', bg: 'bg-success/5', bar: 'bg-success', dot: 'bg-success', ring: 'ring-success/20' },\n\twarning: { border: 'border-warning/40', bg: 'bg-warning/10', bar: 'bg-warning', dot: 'bg-warning', ring: 'ring-warning/30' },\n\tdanger: { border: 'border-destructive/30', bg: 'bg-destructive/5', bar: 'bg-destructive', dot: 'bg-destructive', ring: 'ring-destructive/20' },\n\tinfo: { border: 'border-info/30', bg: 'bg-info/5', bar: 'bg-info', dot: 'bg-info', ring: 'ring-info/20' },\n};\n\n/** Compact value sizes for in-grid / in-bar usage where horizontal space is tight. */\nconst VALUE_FONT_SIZE: Record<MetricSize, string> = {\n\tsm: 'text-sm',\n\tmd: 'text-lg',\n\tlg: 'text-xl',\n};\n\n/** Hero value sizes for standalone card / bordered / accent variants. */\nconst VALUE_FONT_SIZE_HERO: Record<MetricSize, string> = {\n\tsm: 'text-xl',\n\tmd: 'text-3xl',\n\tlg: 'text-4xl',\n};\n\nconst SPARKLINE_HEIGHT: Record<MetricSize, string> = {\n\tsm: 'h-6',\n\tmd: 'h-8',\n\tlg: 'h-10',\n};\n\nconst SEGMENT_COUNT = 16;\n\nexport function Metric(props: MetricProps) {\n\tconst {\n\t\tdata,\n\t\tvariant = 'default',\n\t\tsize = 'md',\n\t\tcolorScheme = 'default',\n\t\tshowSparkline = true,\n\t\tshowChange = true,\n\t\tshowIcon = true,\n\t\tloading = false,\n\t\terror = false,\n\t\terrorLabel,\n\t\tprogress = 0,\n\t\tclassName,\n\t\t'aria-label': ariaLabel,\n\t} = props;\n\n\tconst formattedValue = useMemo(() => formatMetricValue(data), [data]);\n\tconst trend = useMemo(() => resolveTrend(data), [data]);\n\n\tif (loading) return <MetricSkeleton variant={variant} size={size} className={cn('metric--component', className)} />;\n\tif (error) {\n\t\treturn (\n\t\t\t<div className={cn('flex items-center justify-center rounded-lg border border-border bg-card p-4 text-muted-foreground', className)}>\n\t\t\t\t<Text>{errorLabel ?? defaultAnalyticsStrings.metricErrorLabel}</Text>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst sharedProps = {\n\t\tdata,\n\t\tformattedValue,\n\t\ttrend,\n\t\tsize,\n\t\tshowSparkline,\n\t\tshowChange,\n\t\tshowIcon,\n\t\tcolorScheme,\n\t\tariaLabel: ariaLabel ?? data.label,\n\t\tclassName,\n\t};\n\n\tswitch (variant) {\n\t\tcase 'card':\n\t\t\treturn <MetricCard {...sharedProps} />;\n\t\tcase 'compact':\n\t\t\treturn <MetricCompact {...sharedProps} />;\n\t\tcase 'minimal':\n\t\t\treturn <MetricMinimal {...sharedProps} />;\n\t\tcase 'bordered':\n\t\t\treturn <MetricBordered {...sharedProps} />;\n\t\tcase 'accent':\n\t\t\treturn <MetricAccent {...sharedProps} />;\n\t\tcase 'colored':\n\t\t\treturn <MetricColored {...sharedProps} progress={progress} />;\n\t\tdefault:\n\t\t\treturn <MetricDefault {...sharedProps} />;\n\t}\n}\n\nMetric.displayName = 'Metric';\n\n// ─────────────────────────────────────────────────────────────────────────\n// Internal sub-components — kept private. Each handles one variant only.\n// ─────────────────────────────────────────────────────────────────────────\n\ninterface SubProps {\n\tdata: MetricData;\n\tformattedValue: string;\n\ttrend: 'positive' | 'negative' | 'neutral';\n\tsize: MetricSize;\n\tshowSparkline: boolean;\n\tshowChange: boolean;\n\tshowIcon: boolean;\n\tcolorScheme: MetricColorScheme;\n\tariaLabel: string;\n\tclassName?: string;\n}\n\nfunction MetricDefault({ data, formattedValue, trend, size, showSparkline, showChange, showIcon, ariaLabel, className }: SubProps) {\n\tconst Icon = data.icon;\n\treturn (\n\t\t<div className={cn('flex min-w-0 flex-col gap-1', className)} aria-label={ariaLabel}>\n\t\t\t<div className=\"flex items-center gap-1.5 min-w-0 text-muted-foreground\">\n\t\t\t\t{!!showIcon && !!Icon && <Icon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"truncate\">{data.label}</Text>\n\t\t\t</div>\n\t\t\t<Heading\n\t\t\t\ttag=\"h5\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate',\n\t\t\t\t\tVALUE_FONT_SIZE[size],\n\t\t\t\t)}\n\t\t\t\ttitle={formattedValue}\n\t\t\t>\n\t\t\t\t{formattedValue}\n\t\t\t</Heading>\n\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size={size} variant=\"compact\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!data.subtitle && <Text size=\"xs\" type=\"secondary\" className=\"truncate\">{data.subtitle}</Text>}\n\t\t\t{!!showSparkline && !!data.sparkline?.length && (\n\t\t\t\t<MetricSparkline data={data.sparkline} trend={trend} className={cn('mt-auto', SPARKLINE_HEIGHT[size])} />\n\t\t\t)}\n\t\t\t{!!data.footer && <Text size=\"xxs\" type=\"discrete\" className=\"truncate\">{data.footer}</Text>}\n\t\t</div>\n\t);\n}\n\nfunction MetricCard({ data, formattedValue, trend, size, showSparkline, showChange, showIcon, ariaLabel, className }: SubProps) {\n\tconst Icon = data.icon;\n\tconst isInteractive = Boolean(data.href || data.onClick);\n\tconst padding: 'sm' | 'base' | 'lg' = size === 'sm' ? 'sm' : size === 'lg' ? 'lg' : 'base';\n\n\tconst card = (\n\t\t<SmartCard\n\t\t\ttitle={data.label}\n\t\t\ticon={!!showIcon && !!Icon ? <Icon className=\"size-4\" aria-hidden=\"true\" /> : null}\n\t\t\ttooltip={data.tooltip}\n\t\t\tpadding={padding}\n\t\t\tclassName={cn(isInteractive && 'cursor-pointer transition-shadow hover:shadow-md', className)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<div className=\"flex items-baseline justify-between gap-3\">\n\t\t\t\t<Heading\n\t\t\t\t\ttag={size === 'sm' ? 'h5' : size === 'lg' ? 'h3' : 'h4'}\n\t\t\t\t\tclassName={cn('font-bold tabular-nums tracking-tight border-none pb-0 leading-none', VALUE_FONT_SIZE_HERO[size])}\n\t\t\t\t>\n\t\t\t\t\t{formattedValue}\n\t\t\t\t</Heading>\n\t\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size={size} variant=\"badge\" />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!data.subtitle && <Text type=\"secondary\" className=\"mt-2\">{data.subtitle}</Text>}\n\t\t\t{!!showSparkline && !!data.sparkline?.length && (\n\t\t\t\t<MetricSparkline\n\t\t\t\t\tdata={data.sparkline}\n\t\t\t\t\ttrend={trend}\n\t\t\t\t\tclassName={cn('mt-3', size === 'lg' ? 'h-12' : 'h-10')}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!data.footer && <Text size=\"xs\" type=\"secondary\" className=\"mt-2\">{data.footer}</Text>}\n\t\t</SmartCard>\n\t);\n\n\tif (isInteractive && data.onClick) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={data.onClick}\n\t\t\t\tonKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && data.onClick?.()}\n\t\t\t\tclassName=\"rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40\"\n\t\t\t>\n\t\t\t\t{card}\n\t\t\t</div>\n\t\t);\n\t}\n\treturn card;\n}\n\nfunction MetricCompact({ data, formattedValue, size, showChange, showIcon, ariaLabel, className }: SubProps) {\n\tconst Icon = data.icon;\n\treturn (\n\t\t<div className={cn('flex items-center gap-3', className)} aria-label={ariaLabel}>\n\t\t\t{!!showIcon && !!Icon && (\n\t\t\t\t<span className=\"inline-flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground\">\n\t\t\t\t\t<Icon className=\"size-4\" aria-hidden=\"true\" />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">{data.label}</Text>\n\t\t\t\t<Text tag=\"span\" size={size === 'sm' ? 'sm' : 'lg'} weight=\"bold\" className=\"block truncate tabular-nums\">\n\t\t\t\t\t{formattedValue}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size={size} variant=\"badge\" className=\"shrink-0\" />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction MetricMinimal({ data, formattedValue, size, showChange, ariaLabel, className }: SubProps) {\n\treturn (\n\t\t<span className={cn('inline-flex items-baseline gap-2', className)} aria-label={ariaLabel}>\n\t\t\t<Text tag=\"span\" size={size === 'lg' ? 'sm' : 'xs'} type=\"secondary\">{data.label}:</Text>\n\t\t\t<Text tag=\"span\" size={size === 'lg' ? 'sm' : 'xs'} weight=\"semibold\" className=\"tabular-nums\">{formattedValue}</Text>\n\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size=\"sm\" variant=\"inline\" />\n\t\t\t)}\n\t\t</span>\n\t);\n}\n\nfunction MetricBordered({ data, formattedValue, trend, size, showSparkline, showChange, showIcon, colorScheme, ariaLabel, className }: SubProps) {\n\tconst Icon = data.icon;\n\tconst tint = SCHEME_TINT[colorScheme];\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('flex flex-col gap-3 rounded-xl border p-4 shadow-sm', tint.border, tint.bg, className)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<div className=\"flex items-center justify-between gap-2\">\n\t\t\t\t<div className=\"flex items-center gap-2 text-muted-foreground\">\n\t\t\t\t\t{!!showIcon && !!Icon && <Icon className=\"size-4 shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\">{data.label}</Text>\n\t\t\t\t</div>\n\t\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size={size} variant=\"badge\" />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<Heading\n\t\t\t\ttag={size === 'lg' ? 'h3' : 'h4'}\n\t\t\t\tclassName={cn('font-bold tabular-nums tracking-tight border-none pb-0 leading-none', VALUE_FONT_SIZE_HERO[size])}\n\t\t\t>\n\t\t\t\t{formattedValue}\n\t\t\t</Heading>\n\t\t\t{!!data.subtitle && <Text size=\"xs\" type=\"secondary\">{data.subtitle}</Text>}\n\t\t\t{!!showSparkline && !!data.sparkline?.length && (\n\t\t\t\t<MetricSparkline data={data.sparkline} trend={trend} className={SPARKLINE_HEIGHT[size]} />\n\t\t\t)}\n\t\t\t{!!data.footer && <Text size=\"xxs\" type=\"discrete\">{data.footer}</Text>}\n\t\t</div>\n\t);\n}\n\nfunction MetricAccent({ data, formattedValue, trend, size, showSparkline, showChange, ariaLabel, className }: SubProps) {\n\tconst Icon = data.icon;\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'dark relative flex flex-col rounded-2xl bg-card text-card-foreground shadow-lg ring-1 ring-border overflow-hidden',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<div className=\"flex flex-col gap-2 p-5\">\n\t\t\t\t<div className=\"flex items-center justify-between gap-3\">\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{data.label}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t<span className=\"inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]\">\n\t\t\t\t\t\t\t<Icon className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-baseline gap-2.5\">\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h3\"\n\t\t\t\t\t\tclassName={cn('font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground', VALUE_FONT_SIZE_HERO[size])}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formattedValue}\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size={size} variant=\"compact\" />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!data.subtitle && <Text size=\"xs\" type=\"secondary\">{data.subtitle}</Text>}\n\t\t\t</div>\n\t\t\t{!!showSparkline && !!data.sparkline?.length && (\n\t\t\t\t<MetricSparkline data={data.sparkline} trend={trend} className=\"h-12 w-full\" />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction MetricColored({ data, formattedValue, size, showChange, colorScheme, ariaLabel, className, progress = 0 }: SubProps & { progress?: number }) {\n\tconst tint = SCHEME_TINT[colorScheme === 'default' ? 'primary' : colorScheme];\n\tconst filledCount = Math.round((Math.min(Math.max(progress, 0), 100) / 100) * SEGMENT_COUNT);\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('rounded-xl bg-card p-5 shadow-sm border border-border/50', className)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"truncate\">{data.label}</Text>\n\t\t\t\t<span className={cn('size-1.5 rounded-full shrink-0', tint.dot)} aria-hidden=\"true\" />\n\t\t\t</div>\n\t\t\t<div className=\"mt-2.5 flex items-baseline gap-2\">\n\t\t\t\t<Heading\n\t\t\t\t\ttag=\"h3\"\n\t\t\t\t\tclassName={cn('font-bold tabular-nums tracking-tight border-none pb-0 leading-none', VALUE_FONT_SIZE_HERO[size])}\n\t\t\t\t>\n\t\t\t\t\t{formattedValue}\n\t\t\t\t</Heading>\n\t\t\t\t{!!data.subtitle && <Text size=\"xs\" type=\"secondary\">{data.subtitle}</Text>}\n\t\t\t</div>\n\t\t\t<div className=\"mt-4 flex items-center gap-0.5\" role=\"progressbar\" aria-valuenow={progress} aria-valuemin={0} aria-valuemax={100}>\n\t\t\t\t{Array.from({ length: SEGMENT_COUNT }, (_, i) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={`seg-${i}`}\n\t\t\t\t\t\tclassName={cn('h-6 w-1.5 rounded-sm transition-colors', i < filledCount ? tint.bar : 'bg-muted')}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{!!showChange && !!data.change && (\n\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t<MetricTrendChip change={data.change} trend={data.trend} size={size} variant=\"default\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!data.footer && (\n\t\t\t\t<div className=\"mt-2 inline-flex items-center gap-1 text-muted-foreground\">\n\t\t\t\t\t<ArrowUpRight className=\"size-3\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\">{data.footer}</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/**\n * MetricBar — horizontal strip of metrics with an optional period selector\n * on the leading edge. Cells are divided by hairlines so a row of 4 KPIs\n * reads as a single integrated module rather than disconnected cards.\n *\n * Variants:\n *   `default`  — flat hairline-divided bar with period chip on the left.\n *                Best for tables/dashboards where the bar sits above content.\n *   `gradient` — same layout wrapped in a tinted gradient frame for hero\n *                placement.\n *\n * Always render `Metric` cells inside; never render layout-specific markup\n * directly. That keeps the formatting / colouring rules in one place.\n */\nimport { Calendar } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { Metric } from '../metric/metric';\nimport type { MetricData, MetricPeriod, MetricSize } from '../types';\n\nexport type MetricBarVariant = 'default' | 'gradient';\n\nexport interface MetricBarProps {\n\tmetrics: MetricData[];\n\tperiod?: MetricPeriod;\n\tonPeriodChange?: (value: string) => void;\n\tvariant?: MetricBarVariant;\n\tsize?: MetricSize;\n\tshowSparklines?: boolean;\n\tshowChanges?: boolean;\n\tfooterText?: string;\n\tclassName?: string;\n}\n\nexport function MetricBar({\n\tmetrics,\n\tperiod,\n\tonPeriodChange,\n\tvariant = 'default',\n\tsize = 'md',\n\tshowSparklines = true,\n\tshowChanges = true,\n\tfooterText,\n\tclassName,\n}: MetricBarProps) {\n\tconst cells = (\n\t\t<div className=\"flex min-w-0 flex-1 items-stretch divide-x divide-border\">\n\t\t\t{metrics.map((metric) => (\n\t\t\t\t<div key={metric.id} className=\"flex-1 min-w-0 px-4 py-3\">\n\t\t\t\t\t<Metric\n\t\t\t\t\t\tdata={metric}\n\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tshowSparkline={showSparklines}\n\t\t\t\t\t\tshowChange={showChanges}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n\n\tconst periodChip = !!period && (\n\t\t<div className=\"flex shrink-0 items-center px-3\">\n\t\t\t<Button\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tclassName=\"gap-1.5\"\n\t\t\t\tonClick={onPeriodChange ? () => onPeriodChange(period.value) : undefined}\n\t\t\t>\n\t\t\t\t<Calendar className=\"size-3.5\" aria-hidden=\"true\" />\n\t\t\t\t<Text size=\"xs\" weight=\"medium\">{period.label}</Text>\n\t\t\t</Button>\n\t\t</div>\n\t);\n\n\tif (variant === 'gradient') {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn('metric-bar--component', \n\t\t\t\t\t'rounded-xl bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-[1px]',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div className=\"flex items-stretch overflow-hidden rounded-[11px] bg-card\">\n\t\t\t\t\t{periodChip && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{periodChip}\n\t\t\t\t\t\t\t<div className=\"w-px bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{cells}\n\t\t\t\t</div>\n\t\t\t\t{!!footerText && (\n\t\t\t\t\t<div className=\"rounded-b-[11px] border-t border-border/50 bg-card px-4 py-2\">\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\">{footerText}</Text>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'flex flex-col overflow-hidden rounded-xl border border-border bg-card shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex items-stretch\">\n\t\t\t\t{periodChip && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{periodChip}\n\t\t\t\t\t\t<div className=\"w-px bg-border\" aria-hidden=\"true\" />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{cells}\n\t\t\t</div>\n\t\t\t{!!footerText && (\n\t\t\t\t<div className=\"border-t border-border/50 px-4 py-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\">{footerText}</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nMetricBar.displayName = 'MetricBar';\n","/**\n * MetricGrid — responsive grid of `Metric` cells. The grid is the workhorse\n * for KPI rows on dashboards: pass a list, choose a variant, and the\n * component handles layout / column counts / spacing.\n *\n * Variants are forwarded to `Metric` so a single grid can show either\n * standalone cards, bordered tints, or compact list rows.\n *\n * Column counts default to `auto` — the grid breaks at sm/lg/xl based on\n * the cell count. Override with `columns` to pin a specific layout.\n */\nimport { cn } from '@/lib/utils';\n\nimport { Metric } from '../metric/metric';\nimport type {\n\tMetricColorScheme,\n\tMetricData,\n\tMetricSize,\n\tMetricVariant,\n} from '../types';\n\nexport interface MetricGridProps {\n\tmetrics: MetricData[];\n\t/** Cell variant — restricted to grid-friendly layouts. */\n\tvariant?: Extract<MetricVariant, 'card' | 'compact' | 'bordered' | 'accent' | 'colored'>;\n\tsize?: MetricSize;\n\tcolorScheme?: MetricColorScheme;\n\t/** Force a fixed column count. `auto` picks based on cell count. */\n\tcolumns?: 'auto' | 1 | 2 | 3 | 4 | 6;\n\tgap?: 'sm' | 'md' | 'lg';\n\tshowSparklines?: boolean;\n\tshowChanges?: boolean;\n\tshowIcons?: boolean;\n\tloading?: boolean;\n\tclassName?: string;\n}\n\nconst GAP_CLASS: Record<NonNullable<MetricGridProps['gap']>, string> = {\n\tsm: 'gap-2',\n\tmd: 'gap-3',\n\tlg: 'gap-4',\n};\n\nfunction autoColumnsFor(count: number): string {\n\tif (count <= 1) return 'grid-cols-1';\n\tif (count === 2) return 'grid-cols-1 sm:grid-cols-2';\n\tif (count === 3) return 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3';\n\tif (count === 4) return 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4';\n\tif (count === 5 || count === 6) return 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6';\n\treturn 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4';\n}\n\nconst COLUMN_CLASS: Record<Exclude<NonNullable<MetricGridProps['columns']>, 'auto'>, string> = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 sm:grid-cols-2',\n\t3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n\t4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n\t6: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6',\n};\n\nexport function MetricGrid({\n\tmetrics,\n\tvariant = 'card',\n\tsize = 'md',\n\tcolorScheme = 'default',\n\tcolumns = 'auto',\n\tgap = 'md',\n\tshowSparklines = true,\n\tshowChanges = true,\n\tshowIcons = true,\n\tloading = false,\n\tclassName,\n}: MetricGridProps) {\n\tconst columnsClass = columns === 'auto' ? autoColumnsFor(metrics.length) : COLUMN_CLASS[columns];\n\n\treturn (\n\t\t<div className={cn('metric-grid--component', 'grid', columnsClass, GAP_CLASS[gap], className)}>\n\t\t\t{metrics.map((metric) => (\n\t\t\t\t<Metric\n\t\t\t\t\tkey={metric.id}\n\t\t\t\t\tdata={metric}\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tcolorScheme={colorScheme}\n\t\t\t\t\tshowSparkline={showSparklines}\n\t\t\t\t\tshowChange={showChanges}\n\t\t\t\t\tshowIcon={showIcons}\n\t\t\t\t\tloading={loading}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nMetricGrid.displayName = 'MetricGrid';\n","/**\n * MetricComparison — period-over-period comparison surface.\n *\n * Renders two side-by-side `Metric.bordered`-style boxes for current vs\n * previous, with a delta block below showing absolute + percent change in\n * a tone-tinted box. Layout stacks vertically below the `sm` breakpoint.\n *\n * Accepts `MetricData` for both halves so format hints (currency, percent,\n * duration) carry over consistently. Strings overridable for i18n.\n */\nimport { ArrowDown, ArrowRight, ArrowUp, Equal } from 'lucide-react';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Heading, Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { formatMetricValue } from '../format-metric-value';\nimport type { MetricData } from '../types';\n\nexport interface MetricComparisonStrings {\n\ttitle: string;\n\tcurrentLabel: string;\n\tpreviousLabel: string;\n\tsuffix: string;\n}\n\nexport const defaultMetricComparisonStrings: MetricComparisonStrings = {\n\ttitle: 'Comparison',\n\tcurrentLabel: 'This period',\n\tpreviousLabel: 'Previous period',\n\tsuffix: 'vs previous',\n};\n\nexport interface MetricComparisonProps {\n\tcurrent: MetricData;\n\tprevious: MetricData;\n\ttitle?: string;\n\tcurrentPeriod?: string;\n\tpreviousPeriod?: string;\n\tclassName?: string;\n\tstrings?: Partial<MetricComparisonStrings>;\n}\n\nfunction toNumber(value: MetricData['value']): number | null {\n\tif (value === null || value === undefined) return null;\n\tif (typeof value === 'number') return value;\n\tconst n = Number(value);\n\treturn Number.isFinite(n) ? n : null;\n}\n\nexport function MetricComparison({\n\tcurrent,\n\tprevious,\n\ttitle,\n\tcurrentPeriod,\n\tpreviousPeriod,\n\tclassName,\n\tstrings: stringsProp,\n}: MetricComparisonProps) {\n\tconst strings = useStrings(defaultMetricComparisonStrings, {\n\t\t...(title ? { title } : {}),\n\t\t...stringsProp,\n\t});\n\n\tconst currentNum = toNumber(current.value);\n\tconst previousNum = toNumber(previous.value);\n\tconst canCompute = currentNum !== null && previousNum !== null;\n\tconst delta = canCompute ? (currentNum as number) - (previousNum as number) : 0;\n\tconst deltaPct = canCompute && (previousNum as number) !== 0\n\t\t? Math.round((delta / (previousNum as number)) * 100)\n\t\t: 0;\n\tconst isUp = delta > 0;\n\tconst isFlat = delta === 0;\n\tconst Arrow = isFlat ? Equal : isUp ? ArrowUp : ArrowDown;\n\n\tconst tone = isFlat\n\t\t? { box: 'bg-muted/40', chip: 'bg-card text-muted-foreground border border-border/60' }\n\t\t: isUp\n\t\t\t? { box: 'bg-success/10', chip: 'bg-success/15 text-success' }\n\t\t\t: { box: 'bg-destructive/10', chip: 'bg-destructive/15 text-destructive' };\n\n\tconst formatDelta = (value: number) => {\n\t\tconst abs = Math.abs(value);\n\t\t// reuse the formatter so currency/percent metrics render correctly\n\t\treturn formatMetricValue({ ...current, value: abs });\n\t};\n\n\treturn (\n\t\t<SmartCard title={strings.title} className={cn('metric-comparison--component', className)}>\n\t\t\t{!!(currentPeriod || previousPeriod) && (\n\t\t\t\t<div className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t{!!currentPeriod && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\tclassName=\"rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentPeriod}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!previousPeriod && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\tclassName=\"rounded-full bg-muted/40 px-2 py-0.5 uppercase tracking-wider text-muted-foreground/70\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{previousPeriod}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div className=\"mt-3 grid items-stretch gap-2 grid-cols-1 sm:grid-cols-[1fr_auto_1fr]\">\n\t\t\t\t<div className=\"rounded-lg border border-border/60 bg-card px-3 py-2.5\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.currentLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Heading tag=\"h5\" className=\"text-xl tabular-nums tracking-tight border-none pb-0\">\n\t\t\t\t\t\t{formatMetricValue(current)}\n\t\t\t\t\t</Heading>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-center justify-center text-muted-foreground/60\">\n\t\t\t\t\t<ArrowRight className=\"hidden size-4 sm:block\" aria-hidden=\"true\" />\n\t\t\t\t\t<ArrowDown className=\"size-4 sm:hidden\" aria-hidden=\"true\" />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rounded-lg bg-muted/40 px-3 py-2.5\">\n\t\t\t\t\t<Text size=\"xxs\" weight=\"medium\" className=\"uppercase tracking-wider text-muted-foreground/70\">\n\t\t\t\t\t\t{strings.previousLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Heading tag=\"h5\" className=\"text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground\">\n\t\t\t\t\t\t{formatMetricValue(previous)}\n\t\t\t\t\t</Heading>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!!canCompute && (\n\t\t\t\t<div className={cn('mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2', tone.box)}>\n\t\t\t\t\t<div className={cn('inline-flex items-center gap-1 rounded-full px-2 py-0.5', tone.chip)}>\n\t\t\t\t\t\t<Arrow className=\"size-3\" strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t{isUp ? '+' : isFlat ? '' : '−'}{formatDelta(delta)}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t{isUp ? '+' : isFlat ? '' : '−'}{Math.abs(deltaPct)}% {strings.suffix}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nMetricComparison.displayName = 'MetricComparison';\n","/**\n * MetricMicroGrid — six-cell dense KPI overview where each cell pairs a\n * label/value with a different lightweight visualization (bars / line /\n * dots / progress / area / pie). Useful as a top-of-page summary widget\n * on a packed dashboard.\n *\n * Cells are positional: index 0 → bars, 1 → line, 2 → dots, 3 → progress,\n * 4 → area, 5 → pie. To pin a specific renderer, pass `chart` per cell.\n */\nimport { useId } from 'react';\nimport { Area, AreaChart, ResponsiveContainer } from 'recharts';\n\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport type MicroChartKind = 'bars' | 'line' | 'dots' | 'progress' | 'area' | 'pie';\n\nexport interface MicroMetricCell {\n\tid?: string;\n\tlabel: string;\n\tvalue: string;\n\tdata: readonly number[];\n\tchart?: MicroChartKind;\n}\n\nexport interface MetricMicroGridProps {\n\ttitle?: string;\n\tcells: readonly MicroMetricCell[];\n\tclassName?: string;\n}\n\nconst DEFAULT_ORDER: MicroChartKind[] = ['bars', 'line', 'dots', 'progress', 'area', 'pie'];\n\nconst CHART_COLORS: Record<MicroChartKind, string> = {\n\tbars: 'var(--primary)',\n\tline: 'var(--info)',\n\tdots: 'var(--warning)',\n\tprogress: 'var(--success)',\n\tarea: 'var(--primary)',\n\tpie: 'var(--success)',\n};\n\nconst PIE_PALETTE = ['var(--success)', 'var(--info)', 'var(--warning)'];\n\nfunction MicroBars({ data, color }: { data: readonly number[]; color: string }) {\n\tconst max = Math.max(...data, 1);\n\treturn (\n\t\t<div className={cn('metric-micro-grid--component', 'flex h-5 items-end gap-[2px]')}>\n\t\t\t{data.slice(0, 6).map((v, i) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={`bar-${i}`}\n\t\t\t\t\tclassName=\"flex-1 rounded-t-sm\"\n\t\t\t\t\tstyle={{ height: `${(v / max) * 100}%`, backgroundColor: color, opacity: 0.8 }}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nfunction MicroLine({ data, color }: { data: readonly number[]; color: string }) {\n\tconst max = Math.max(...data, 1);\n\tconst min = Math.min(...data);\n\tconst range = max - min || 1;\n\tconst points = data.slice(0, 6);\n\treturn (\n\t\t<svg viewBox=\"0 0 60 16\" className=\"h-5 w-full\" preserveAspectRatio=\"none\">\n\t\t\t<polyline\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke={color}\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tpoints={points\n\t\t\t\t\t.map((v, i) => `${(i / Math.max(points.length - 1, 1)) * 60},${16 - ((v - min) / range) * 14}`)\n\t\t\t\t\t.join(' ')}\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction MicroDots({ data, color }: { data: readonly number[]; color: string }) {\n\tconst max = Math.max(...data, 1);\n\treturn (\n\t\t<div className=\"flex h-5 items-end justify-around\">\n\t\t\t{data.slice(0, 5).map((v, i) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={`dot-${i}`}\n\t\t\t\t\tclassName=\"h-1.5 w-1.5 rounded-full\"\n\t\t\t\t\tstyle={{ marginBottom: `${(v / max) * 12}px`, backgroundColor: color }}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nfunction MicroProgress({ data, color }: { data: readonly number[]; color: string }) {\n\tconst value = data[0] ?? 0;\n\tconst max = data[1] ?? 100;\n\tconst pct = Math.min((value / max) * 100, 100);\n\treturn (\n\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t<div className=\"h-full rounded-full transition-all\" style={{ width: `${pct}%`, backgroundColor: color }} />\n\t\t</div>\n\t);\n}\n\nfunction MicroAreaChart({ data, color }: { data: readonly number[]; color: string }) {\n\tconst id = useId();\n\tconst gradId = `micro-area-${id.replaceAll(':', '')}`;\n\tconst chartData = data.map((v, i) => ({ i, v }));\n\treturn (\n\t\t<div className=\"h-5 w-full\">\n\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\" initialDimension={{ width: 1, height: 1 }}>\n\t\t\t\t<AreaChart data={chartData} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id={gradId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t\t<stop offset=\"0%\" stopColor={color} stopOpacity={0.3} />\n\t\t\t\t\t\t\t<stop offset=\"100%\" stopColor={color} stopOpacity={0} />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<Area type=\"monotone\" dataKey=\"v\" stroke={color} strokeWidth={1.25} fill={`url(#${gradId})`} />\n\t\t\t\t</AreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n}\n\nfunction MicroPie({ data }: { data: readonly number[] }) {\n\tconst total = data.reduce((a, b) => a + b, 0) || 1;\n\tlet cumAngle = 0;\n\treturn (\n\t\t<svg viewBox=\"0 0 24 24\" className=\"h-6 w-6\">\n\t\t\t{data.slice(0, 3).map((v, i) => {\n\t\t\t\tconst angle = (v / total) * 360;\n\t\t\t\tconst startAngle = cumAngle;\n\t\t\t\tcumAngle += angle;\n\t\t\t\tconst startRad = ((startAngle - 90) * Math.PI) / 180;\n\t\t\t\tconst endRad = ((startAngle + angle - 90) * Math.PI) / 180;\n\t\t\t\tconst largeArc = angle > 180 ? 1 : 0;\n\t\t\t\tconst x1 = 12 + 10 * Math.cos(startRad);\n\t\t\t\tconst y1 = 12 + 10 * Math.sin(startRad);\n\t\t\t\tconst x2 = 12 + 10 * Math.cos(endRad);\n\t\t\t\tconst y2 = 12 + 10 * Math.sin(endRad);\n\t\t\t\treturn (\n\t\t\t\t\t<path\n\t\t\t\t\t\tkey={`slice-${i}`}\n\t\t\t\t\t\td={`M12,12 L${x1},${y1} A10,10 0 ${largeArc},1 ${x2},${y2} Z`}\n\t\t\t\t\t\tfill={PIE_PALETTE[i % PIE_PALETTE.length]}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</svg>\n\t);\n}\n\nfunction ChartFor({ kind, data }: { kind: MicroChartKind; data: readonly number[] }) {\n\tconst color = CHART_COLORS[kind];\n\tif (kind === 'bars') return <MicroBars data={data} color={color} />;\n\tif (kind === 'line') return <MicroLine data={data} color={color} />;\n\tif (kind === 'dots') return <MicroDots data={data} color={color} />;\n\tif (kind === 'progress') return <MicroProgress data={data} color={color} />;\n\tif (kind === 'area') return <MicroAreaChart data={data} color={color} />;\n\treturn <MicroPie data={data} />;\n}\n\nexport function MetricMicroGrid({ title = 'Overview', cells, className }: MetricMicroGridProps) {\n\treturn (\n\t\t<SmartCard title={title} className={className} padding=\"sm\">\n\t\t\t<div className=\"grid grid-cols-3 grid-rows-2 -m-2\">\n\t\t\t\t{cells.slice(0, 6).map((cell, i) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={cell.id ?? cell.label}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex flex-col gap-1.5 px-3 py-2.5',\n\t\t\t\t\t\t\ti % 3 !== 2 && 'border-r border-border/50',\n\t\t\t\t\t\t\ti < 3 && 'border-b border-border/50',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"truncate uppercase tracking-wider\">\n\t\t\t\t\t\t\t{cell.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text tag=\"span\" weight=\"bold\" className=\"tabular-nums truncate\">\n\t\t\t\t\t\t\t{cell.value}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<div className=\"mt-auto\">\n\t\t\t\t\t\t\t<ChartFor kind={cell.chart ?? DEFAULT_ORDER[i]} data={cell.data} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nMetricMicroGrid.displayName = 'MetricMicroGrid';\n","/**\n * MetricGradient — vivid full-bleed gradient hero card with embedded area\n * chart. Used at the top of marketing dashboards or analytics overview\n * pages where a single metric earns the most visual weight.\n *\n * Themes (`green` / `purple` / `warm` / `ocean`) drive the gradient palette;\n * the data prop accepts a `readonly MetricDataPoint[]` so consumers can pass\n * named time-series points. Renders the active dot in white and the area\n * fill in a soft white-on-tone gradient for legibility.\n */\nimport { useId } from 'react';\nimport { Area, AreaChart, ResponsiveContainer, Tooltip } from 'recharts';\n\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { MetricTrendChip } from '../atoms/metric-trend-chip';\nimport type { MetricChange, MetricDataPoint } from '../types';\n\nexport type MetricGradientTheme = 'green' | 'purple' | 'warm' | 'ocean';\n\nexport interface MetricGradientProps {\n\ttitle: string;\n\tvalue?: string;\n\tchange?: MetricChange;\n\tdata: readonly MetricDataPoint[];\n\ttheme?: MetricGradientTheme;\n\tsubtitle?: string;\n\tclassName?: string;\n}\n\nconst THEME_BG: Record<MetricGradientTheme, string> = {\n\tgreen: 'bg-gradient-to-br from-emerald-600 via-teal-700 to-emerald-800',\n\tpurple: 'bg-gradient-to-br from-violet-600 via-indigo-700 to-purple-800',\n\twarm: 'bg-gradient-to-br from-orange-500 via-rose-600 to-pink-700',\n\tocean: 'bg-gradient-to-br from-sky-600 via-cyan-700 to-blue-800',\n};\n\ninterface ChartTooltipPayload {\n\tvalue: number;\n\tname: string;\n\tcolor?: string;\n}\n\nfunction ChartTooltip({ active, payload, label }: { active?: boolean; payload?: ChartTooltipPayload[]; label?: string }) {\n\tif (!active || !payload?.length) return null;\n\treturn (\n\t\t<div className={cn('metric-gradient--component', 'rounded-lg bg-foreground/95 px-3 py-2 shadow-lg backdrop-blur-sm')}>\n\t\t\t{!!label && <Text size=\"xxs\" className=\"text-background/60 mb-1\">{label}</Text>}\n\t\t\t{payload.map((entry, idx) => (\n\t\t\t\t<div key={`tt-${idx}`} className=\"flex items-center gap-2\">\n\t\t\t\t\t<div className=\"size-2 rounded-full\" style={{ backgroundColor: entry.color ?? '#fff' }} aria-hidden=\"true\" />\n\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"text-background tabular-nums\">\n\t\t\t\t\t\t{typeof entry.value === 'number' ? entry.value.toLocaleString() : entry.value}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nexport function MetricGradient({\n\ttitle,\n\tvalue,\n\tchange,\n\tdata,\n\ttheme = 'green',\n\tsubtitle,\n\tclassName,\n}: MetricGradientProps) {\n\tconst id = useId();\n\tconst gradientId = `metric-grad-${id.replaceAll(':', '')}`;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'relative overflow-hidden rounded-2xl p-5 text-white shadow-lg ring-1 ring-white/10',\n\t\t\t\tTHEME_BG[theme],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"absolute -right-12 -top-12 size-44 rounded-full bg-white/[0.08] blur-2xl\" aria-hidden=\"true\" />\n\t\t\t<div className=\"absolute -bottom-8 -left-8 size-32 rounded-full bg-white/[0.06] blur-xl\" aria-hidden=\"true\" />\n\n\t\t\t<div className=\"relative flex items-start justify-between gap-3\">\n\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-white/70\">{title}</Text>\n\t\t\t\t\t{!!value && (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttag=\"h3\"\n\t\t\t\t\t\t\tclassName=\"mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 text-white leading-none\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!subtitle && <Text size=\"xs\" className=\"mt-1 text-white/70\">{subtitle}</Text>}\n\t\t\t\t</div>\n\t\t\t\t{!!change && (\n\t\t\t\t\t<MetricTrendChip\n\t\t\t\t\t\tchange={change}\n\t\t\t\t\t\ttrend={change.direction === 'up' ? 'positive' : change.direction === 'down' ? 'negative' : 'neutral'}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tvariant=\"badge\"\n\t\t\t\t\t\tclassName=\"shrink-0 !bg-white/20 !text-white\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<div className=\"relative -mx-1 mt-3 h-24\">\n\t\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\" initialDimension={{ width: 1, height: 1 }}>\n\t\t\t\t\t<AreaChart data={data as MetricDataPoint[]} margin={{ top: 4, right: 0, bottom: 0, left: 0 }}>\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t<linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t\t\t<stop offset=\"0%\" stopColor=\"white\" stopOpacity={0.3} />\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" stopColor=\"white\" stopOpacity={0} />\n\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t<Tooltip content={<ChartTooltip />} cursor={{ stroke: 'rgba(255,255,255,0.4)', strokeWidth: 1 }} />\n\t\t\t\t\t\t<Area\n\t\t\t\t\t\t\ttype=\"monotone\"\n\t\t\t\t\t\t\tdataKey=\"value\"\n\t\t\t\t\t\t\tstroke=\"rgba(255,255,255,0.7)\"\n\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\tfill={`url(#${gradientId})`}\n\t\t\t\t\t\t\tdot={false}\n\t\t\t\t\t\t\tactiveDot={{ r: 4, strokeWidth: 2, fill: '#fff', stroke: 'rgba(255,255,255,0.7)' }}\n\t\t\t\t\t\t\tisAnimationActive\n\t\t\t\t\t\t\tanimationDuration={800}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</AreaChart>\n\t\t\t\t</ResponsiveContainer>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nMetricGradient.displayName = 'MetricGradient';\n","/**\n * ActivityHeatmap — GitHub-style daily-activity calendar grid. Renders the\n * provided range as Monday-aligned columns with per-day intensity tinted\n * via the success palette. Month labels float above the grid; the legend\n * sits on the trailing edge.\n *\n * The layout uses absolute month labels with a 3-week minimum gap rule\n * so labels don't collide when a month starts mid-week.\n */\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultAnalyticsStrings } from '../analytics.strings';\nimport type { ActivityHeatmapDay, ActivityHeatmapProps, ActivityLevel } from './types';\n\nconst LEVEL_COLOR: Record<ActivityLevel, string> = {\n\t0: 'bg-muted',\n\t1: 'bg-success/20',\n\t2: 'bg-success/40',\n\t3: 'bg-success/65',\n\t4: 'bg-success',\n};\n\ninterface BuiltCalendar {\n\tweeks: (ActivityHeatmapDay | null)[][];\n\tmonthLabels: { label: string; weekIndex: number }[];\n}\n\nfunction buildCalendar(\n\tdata: readonly ActivityHeatmapDay[],\n\tmonthNames: readonly string[],\n): BuiltCalendar {\n\tif (data.length === 0) return { weeks: [], monthLabels: [] };\n\n\tconst sorted = [...data].sort((a, b) => a.date.localeCompare(b.date));\n\tconst startDate = new Date(sorted[0].date + 'T00:00:00');\n\tconst endDate = new Date(sorted[sorted.length - 1].date + 'T00:00:00');\n\n\tconst dayOfWeek = startDate.getDay();\n\tconst mondayOffset = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;\n\tconst alignedStart = new Date(startDate);\n\talignedStart.setDate(alignedStart.getDate() + mondayOffset);\n\n\tconst dateMap = new Map<string, ActivityLevel>();\n\tfor (const d of sorted) dateMap.set(d.date, d.level);\n\n\tconst weeks: (ActivityHeatmapDay | null)[][] = [];\n\tconst monthLabels: { label: string; weekIndex: number }[] = [];\n\tlet lastMonth = -1;\n\tlet currentWeek: (ActivityHeatmapDay | null)[] = [];\n\n\tconst cursor = new Date(alignedStart);\n\twhile (cursor <= endDate) {\n\t\tconst dateStr = cursor.toISOString().slice(0, 10);\n\t\tconst dayIdx = (cursor.getDay() + 6) % 7;\n\n\t\tif (dayIdx === 0 && currentWeek.length > 0) {\n\t\t\tweeks.push(currentWeek);\n\t\t\tcurrentWeek = [];\n\t\t}\n\n\t\tconst month = cursor.getMonth();\n\t\tif (month !== lastMonth) {\n\t\t\tconst labelWeekIndex = dayIdx === 0 ? weeks.length : weeks.length + 1;\n\t\t\tconst existing = monthLabels.find((m) => m.weekIndex === labelWeekIndex);\n\t\t\tif (!existing) monthLabels.push({ label: monthNames[month], weekIndex: labelWeekIndex });\n\t\t\tlastMonth = month;\n\t\t}\n\n\t\tconst level = dateMap.get(dateStr) ?? 0;\n\t\tcurrentWeek.push({ date: dateStr, level });\n\t\tcursor.setDate(cursor.getDate() + 1);\n\t}\n\n\tif (currentWeek.length > 0) {\n\t\twhile (currentWeek.length < 7) currentWeek.push(null);\n\t\tweeks.push(currentWeek);\n\t}\n\n\treturn { weeks, monthLabels };\n}\n\nexport function ActivityHeatmap({\n\ttitle,\n\tdescription,\n\tdata,\n\tclassName,\n\tstrings: stringsProp,\n}: ActivityHeatmapProps) {\n\tconst strings = useStrings(defaultAnalyticsStrings, stringsProp);\n\tconst { weeks, monthLabels } = buildCalendar(data, strings.heatmapMonthNames);\n\n\treturn (\n\t\t<SmartCard title={title} description={description} className={cn('activity-heatmap--component', className)}>\n\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t<div className=\"relative mb-1\" style={{ paddingLeft: '28px', height: '12px' }}>\n\t\t\t\t\t<div className=\"relative flex\" style={{ width: `${weeks.length * 15}px` }}>\n\t\t\t\t\t\t{monthLabels\n\t\t\t\t\t\t\t.filter((m, idx, arr) => idx === 0 || m.weekIndex - arr[idx - 1].weekIndex >= 3)\n\t\t\t\t\t\t\t.map((m) => (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tkey={`${m.label}-${m.weekIndex}`}\n\t\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName=\"absolute leading-none whitespace-nowrap\"\n\t\t\t\t\t\t\t\t\tstyle={{ left: `${m.weekIndex * 15}px`, top: 0 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{m.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex gap-0\">\n\t\t\t\t\t<div className=\"mr-1 flex flex-col gap-[3px]\">\n\t\t\t\t\t\t{strings.heatmapDayLabels.map((label, i) => (\n\t\t\t\t\t\t\t<div key={`day-${i}`} className=\"flex h-3 w-6 items-center justify-end\">\n\t\t\t\t\t\t\t\t{!!label && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"leading-none\">{label}</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"flex gap-[3px]\">\n\t\t\t\t\t\t{weeks.map((week, weekIdx) => (\n\t\t\t\t\t\t\t<div key={`w-${weekIdx}`} className=\"flex flex-col gap-[3px]\">\n\t\t\t\t\t\t\t\t{week.map((day, dayIdx) => {\n\t\t\t\t\t\t\t\t\tconst dayTitle = day ? `${day.date}: Level ${day.level}` : undefined;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={`d-${weekIdx}-${dayIdx}`}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'size-3 rounded-sm',\n\t\t\t\t\t\t\t\t\t\t\t\tday ? LEVEL_COLOR[day.level] : 'bg-transparent',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\ttitle={dayTitle}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"mt-4 flex items-center justify-end gap-1.5\">\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\">{strings.heatmapLegendLess}</Text>\n\t\t\t\t{([0, 1, 2, 3, 4] as ActivityLevel[]).map((level) => (\n\t\t\t\t\t<div key={`legend-${level}`} className={cn('size-3 rounded-sm', LEVEL_COLOR[level])} />\n\t\t\t\t))}\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\">{strings.heatmapLegendMore}</Text>\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nActivityHeatmap.displayName = 'ActivityHeatmap';\n"],"mappings":"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"}

package/dist/components/composed/analytics/metric/index.d.ts

@@ -0,0 +1,2 @@
+export { Metric, type MetricProps } from './metric';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/analytics/metric/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/composed/analytics/metric/metric.d.ts

@@ -0,0 +1,22 @@
+import { MetricColorScheme, MetricData, MetricSize, MetricVariant } from '../types';
+export interface MetricProps {
+    data: MetricData;
+    variant?: MetricVariant;
+    size?: MetricSize;
+    colorScheme?: MetricColorScheme;
+    showSparkline?: boolean;
+    showChange?: boolean;
+    showIcon?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    errorLabel?: string;
+    /** `colored` variant only — 0-100 fill percentage. */
+    progress?: number;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Metric(props: MetricProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Metric {
+    var displayName: string;
+}
+//# sourceMappingURL=metric.d.ts.map

package/dist/components/composed/analytics/metric/metric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric/metric.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACX,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAkCD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA0DxC;yBA1De,MAAM"}

package/dist/components/composed/analytics/metric-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricBar, type MetricBarProps, type MetricBarVariant } from './metric-bar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/analytics/metric-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/composed/analytics/metric-bar/metric-bar.d.ts

@@ -0,0 +1,18 @@
+import { MetricData, MetricPeriod, MetricSize } from '../types';
+export type MetricBarVariant = 'default' | 'gradient';
+export interface MetricBarProps {
+    metrics: MetricData[];
+    period?: MetricPeriod;
+    onPeriodChange?: (value: string) => void;
+    variant?: MetricBarVariant;
+    size?: MetricSize;
+    showSparklines?: boolean;
+    showChanges?: boolean;
+    footerText?: string;
+    className?: string;
+}
+export declare function MetricBar({ metrics, period, onPeriodChange, variant, size, showSparklines, showChanges, footerText, className, }: MetricBarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetricBar {
+    var displayName: string;
+}
+//# sourceMappingURL=metric-bar.d.ts.map

package/dist/components/composed/analytics/metric-bar/metric-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-bar/metric-bar.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EACzB,OAAO,EACP,MAAM,EACN,cAAc,EACd,OAAmB,EACnB,IAAW,EACX,cAAqB,EACrB,WAAkB,EAClB,UAAU,EACV,SAAS,GACT,EAAE,cAAc,2CAgFhB;yBA1Fe,SAAS"}

package/dist/components/composed/analytics/metric-comparison/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricComparison, defaultMetricComparisonStrings, type MetricComparisonProps, type MetricComparisonStrings, } from './metric-comparison';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/analytics/metric-comparison/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-comparison/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAChB,8BAA8B,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC5B,MAAM,qBAAqB,CAAC"}

package/dist/components/composed/analytics/metric-comparison/metric-comparison.d.ts

@@ -0,0 +1,22 @@
+import { MetricData } from '../types';
+export interface MetricComparisonStrings {
+    title: string;
+    currentLabel: string;
+    previousLabel: string;
+    suffix: string;
+}
+export declare const defaultMetricComparisonStrings: MetricComparisonStrings;
+export interface MetricComparisonProps {
+    current: MetricData;
+    previous: MetricData;
+    title?: string;
+    currentPeriod?: string;
+    previousPeriod?: string;
+    className?: string;
+    strings?: Partial<MetricComparisonStrings>;
+}
+export declare function MetricComparison({ current, previous, title, currentPeriod, previousPeriod, className, strings: stringsProp, }: MetricComparisonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetricComparison {
+    var displayName: string;
+}
+//# sourceMappingURL=metric-comparison.d.ts.map

package/dist/components/composed/analytics/metric-comparison/metric-comparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-comparison.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-comparison/metric-comparison.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,uBAAuB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAK5C,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACrC,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC3C;AASD,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,qBAAqB,2CA8FvB;yBAtGe,gBAAgB"}

package/dist/components/composed/analytics/metric-gradient/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricGradient, type MetricGradientProps, type MetricGradientTheme, } from './metric-gradient';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/analytics/metric-gradient/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-gradient/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,GACxB,MAAM,mBAAmB,CAAC"}

package/dist/components/composed/analytics/metric-gradient/metric-gradient.d.ts

@@ -0,0 +1,16 @@
+import { MetricChange, MetricDataPoint } from '../types';
+export type MetricGradientTheme = 'green' | 'purple' | 'warm' | 'ocean';
+export interface MetricGradientProps {
+    title: string;
+    value?: string;
+    change?: MetricChange;
+    data: readonly MetricDataPoint[];
+    theme?: MetricGradientTheme;
+    subtitle?: string;
+    className?: string;
+}
+export declare function MetricGradient({ title, value, change, data, theme, subtitle, className, }: MetricGradientProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetricGradient {
+    var displayName: string;
+}
+//# sourceMappingURL=metric-gradient.d.ts.map

package/dist/components/composed/analytics/metric-gradient/metric-gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-gradient.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-gradient/metric-gradient.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAgCD,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,KAAe,EACf,QAAQ,EACR,SAAS,GACT,EAAE,mBAAmB,2CAiErB;yBAzEe,cAAc"}

package/dist/components/composed/analytics/metric-grid/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricGrid, type MetricGridProps } from './metric-grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/analytics/metric-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/composed/analytics/metric-grid/metric-grid.d.ts

@@ -0,0 +1,21 @@
+import { MetricColorScheme, MetricData, MetricSize, MetricVariant } from '../types';
+export interface MetricGridProps {
+    metrics: MetricData[];
+    /** Cell variant — restricted to grid-friendly layouts. */
+    variant?: Extract<MetricVariant, 'card' | 'compact' | 'bordered' | 'accent' | 'colored'>;
+    size?: MetricSize;
+    colorScheme?: MetricColorScheme;
+    /** Force a fixed column count. `auto` picks based on cell count. */
+    columns?: 'auto' | 1 | 2 | 3 | 4 | 6;
+    gap?: 'sm' | 'md' | 'lg';
+    showSparklines?: boolean;
+    showChanges?: boolean;
+    showIcons?: boolean;
+    loading?: boolean;
+    className?: string;
+}
+export declare function MetricGrid({ metrics, variant, size, colorScheme, columns, gap, showSparklines, showChanges, showIcons, loading, className, }: MetricGridProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetricGrid {
+    var displayName: string;
+}
+//# sourceMappingURL=metric-grid.d.ts.map

package/dist/components/composed/analytics/metric-grid/metric-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-grid.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-grid/metric-grid.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;IACzF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAyBD,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,OAAgB,EAChB,IAAW,EACX,WAAuB,EACvB,OAAgB,EAChB,GAAU,EACV,cAAqB,EACrB,WAAkB,EAClB,SAAgB,EAChB,OAAe,EACf,SAAS,GACT,EAAE,eAAe,2CAoBjB;yBAhCe,UAAU"}

package/dist/components/composed/analytics/metric-micro-grid/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricMicroGrid, type MetricMicroGridProps, type MicroMetricCell, type MicroChartKind, } from './metric-micro-grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/analytics/metric-micro-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-micro-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,cAAc,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/components/composed/analytics/metric-micro-grid/metric-micro-grid.d.ts

@@ -0,0 +1,18 @@
+export type MicroChartKind = 'bars' | 'line' | 'dots' | 'progress' | 'area' | 'pie';
+export interface MicroMetricCell {
+    id?: string;
+    label: string;
+    value: string;
+    data: readonly number[];
+    chart?: MicroChartKind;
+}
+export interface MetricMicroGridProps {
+    title?: string;
+    cells: readonly MicroMetricCell[];
+    className?: string;
+}
+export declare function MetricMicroGrid({ title, cells, className }: MetricMicroGridProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetricMicroGrid {
+    var displayName: string;
+}
+//# sourceMappingURL=metric-micro-grid.d.ts.map

package/dist/components/composed/analytics/metric-micro-grid/metric-micro-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-micro-grid.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/analytics/metric-micro-grid/metric-micro-grid.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAwID,wBAAgB,eAAe,CAAC,EAAE,KAAkB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA2B7F;yBA3Be,eAAe"}

package/dist/components/composed/analytics/types.d.ts

@@ -0,0 +1,70 @@
+import { LucideIcon } from 'lucide-react';
+/** Format hint for a metric value. The Metric component formats accordingly. */
+export type MetricValueType = 'number' | 'currency' | 'percentage' | 'duration' | 'text';
+/** Direction of a change vs the comparison baseline. */
+export type MetricDirection = 'up' | 'down' | 'neutral';
+/**
+ * Tone for direction colouring. Decouples direction from semantic colour —
+ * for some metrics "down" is good (e.g. churn), so consumers can override.
+ */
+export type MetricTrend = 'positive' | 'negative' | 'neutral';
+/** Colour scheme used by Metric variants that support tinting. */
+export type MetricColorScheme = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** Visual layout variant for the canonical `Metric` component. */
+export type MetricVariant = 
+/** Default tile — label, value, optional sparkline / trend chip / footer. */
+'default'
+/** Wrapped in a SmartCard (with shadow, padding, optional tooltip). */
+ | 'card'
+/** Single-row icon + label + value + change chip. Compact list/sidebar use. */
+ | 'compact'
+/** Inline `Label: value ↑12%` chip. Pure inline copy. */
+ | 'minimal'
+/** Border + soft tint based on `colorScheme`. */
+ | 'bordered'
+/** Dark surface card with bottom-aligned area sparkline. Hero-row variant. */
+ | 'accent'
+/** Tinted card with stepped progress bar (`progress` prop drives fill). */
+ | 'colored';
+/** Canonical sizing scale used across atoms and molecules. */
+export type MetricSize = 'sm' | 'md' | 'lg';
+/** Trend chip rendering style. */
+export type MetricTrendVariant = 'default' | 'badge' | 'compact' | 'inline';
+/** Period strip controller (`MetricBar` selector + `onPeriodChange`). */
+export interface MetricPeriod {
+    label: string;
+    value: string;
+}
+/** Delta vs comparison period. `value` is plain text — formatting is consumer-side. */
+export interface MetricChange {
+    value: number | string;
+    direction: MetricDirection;
+    label?: string;
+}
+/**
+ * Shared metric data shape. `id` is required for stable list keys; `value` accepts
+ * `null` to render the empty placeholder; `valueType` tells the component how to
+ * format numeric values (currency, percentage, duration, …).
+ */
+export interface MetricData {
+    id: string;
+    label: string;
+    value: number | string | null;
+    valueType?: MetricValueType;
+    currency?: string;
+    change?: MetricChange;
+    sparkline?: readonly number[];
+    icon?: LucideIcon;
+    tooltip?: string;
+    subtitle?: string;
+    footer?: string;
+    trend?: MetricTrend;
+    href?: string;
+    onClick?: () => void;
+}
+/** Time-series datapoint used by the gradient/area chart variants. */
+export interface MetricDataPoint {
+    label: string;
+    value: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/analytics/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/analytics/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzF,wDAAwD;AACxD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAE9D,kEAAkE;AAClE,MAAM,MAAM,iBAAiB,GAC1B,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEV,kEAAkE;AAClE,MAAM,MAAM,aAAa;AACxB,6EAA6E;AAC3E,SAAS;AACX,uEAAuE;GACrE,MAAM;AACR,+EAA+E;GAC7E,SAAS;AACX,yDAAyD;GACvD,SAAS;AACX,iDAAiD;GAC/C,UAAU;AACZ,8EAA8E;GAC5E,QAAQ;AACV,2EAA2E;GACzE,SAAS,CAAC;AAEb,8DAA8D;AAC9D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,kCAAkC;AAClC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5E,yEAAyE;AACzE,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,uFAAuF;AACvF,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,sEAAsE;AACtE,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd"}

package/dist/components/composed/cards/contact-card/contact-card.d.ts

@@ -0,0 +1,14 @@
+import { ContactCardProps } from './types';
+/**
+ * ContactCard — Avatar + name + role + contact details (email, phone, location)
+ * with optional Contact / Profile actions and a status badge.
+ *
+ * Contact details render through `<ItemGroup>` + `<Item>` so density and
+ * media slots stay aligned with the rest of the library; the header and CTA
+ * row remain bespoke because they are not Item-shaped.
+ */
+export declare function ContactCard({ name, role, email, phone, location, avatarUrl, initials, badge, badgeVariant, onContact, onViewProfile, className, strings: stringsProp, }: ContactCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ContactCard {
+    var displayName: string;
+}
+//# sourceMappingURL=contact-card.d.ts.map

package/dist/components/composed/cards/contact-card/contact-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/cards/contact-card/contact-card.tsx"],"names":[],"mappings":"AAeA,OAAO,EAA6B,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAY3E;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,YAAwB,EACxB,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,gBAAgB,2CA6FlB;yBA3Ge,WAAW"}

package/dist/components/composed/cards/contact-card/index.d.ts

@@ -0,0 +1,3 @@
+export type { ContactCardProps } from './types';
+export { ContactCard } from './contact-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/cards/contact-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/cards/contact-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/composed/cards/contact-card/types.d.ts

@@ -0,0 +1,23 @@
+import { ComposedBadgeVariant as BadgeVariant } from '../../../base/badge/badge';
+export interface ContactCardStrings {
+    contact: string;
+    profile: string;
+}
+export declare const defaultContactCardStrings: ContactCardStrings;
+export interface ContactCardProps {
+    name: string;
+    role?: string;
+    email?: string;
+    phone?: string;
+    location?: string;
+    avatarUrl?: string;
+    initials?: string;
+    badge?: string;
+    badgeVariant?: BadgeVariant;
+    onContact?: () => void;
+    onViewProfile?: () => void;
+    className?: string;
+    /** Override default action button labels. */
+    strings?: Partial<ContactCardStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/cards/contact-card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/cards/contact-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAGvC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACzC"}

package/dist/components/composed/cards/course-card/course-card.d.ts

@@ -0,0 +1,6 @@
+import { CourseCardProps } from './types';
+export declare function CourseCard({ title, description, badges, participants, extraParticipants, progressPercent, actionLabel, onAction, className, strings: stringsProp, variant, gradient, }: CourseCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CourseCard {
+    var displayName: string;
+}
+//# sourceMappingURL=course-card.d.ts.map

package/dist/components/composed/cards/course-card/course-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"course-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/cards/course-card/course-card.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAA4B,KAAK,eAAe,EAA0B,MAAM,SAAS,CAAC;AAcjG,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,MAAW,EACX,YAAiB,EACjB,iBAAqB,EACrB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,OAAmB,EACnB,QAA2B,GAC3B,EAAE,eAAe,2CA2JjB;yBAxKe,UAAU"}

package/dist/components/composed/cards/course-card/index.d.ts

@@ -0,0 +1,3 @@
+export { CourseCard } from './course-card';
+export type { CourseParticipant, CourseBadge, CourseCardProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/cards/course-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/cards/course-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}