admin-ui-starter-kit 0.1.0 → 0.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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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"}
+{"version":3,"file":"index.cjs","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/index.js

@@ -1,10 +1,10 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/text-DIxMTECE.js";
-import { o as r } from "../../../_shared/typography-BtPQBvSm.js";
-import { t as i } from "../../../_shared/button-Ck2qS42n.js";
-import { t as a } from "../../../_shared/smart-card-hJ01usWt.js";
-import { i as o, n as s, r as c, t as l } from "../../../_shared/format-BlVEsPyT.js";
+import { t as r } from "../../../_shared/heading-BprqyzDs.js";
+import { t as i } from "../../../_shared/button-ChCkwoOD.js";
+import { t as a } from "../../../_shared/smart-card-MT6JjkoI.js";
+import { i as o, n as s, r as c, t as l } from "../../../_shared/format-CP65h1vK.js";
 import { useId as u, useMemo as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ArrowDown as h, ArrowRight as g, ArrowUp as _, ArrowUpRight as v, Calendar as y, Equal as b, Minus as x } from "lucide-react";