npm - themelia-react-ui - Versions diffs - 0.0.0-stage → 1.0.0 - Mend

themelia-react-ui 0.0.0-stage → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1338) hide show

package/dist/blocks/analytics.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"analytics.js","names":["_Fragment","Text","DisplayLabel","Grid","Stack","Card","formatPercentage","formatDuration","formatNumber","formatCurrency","Value","SecondaryValue","Badge","ChartContainer","ContentBlock","Fragment$1","defaultAnalyticsStrings","formatMetricValue","data","value","numeric","resolveTrend","TONE_CLASSES","ICON_SIZE","TEXT_SIZE","BADGE_PADDING","resolveTone","trend","direction","MetricTrendChip","tone","change","Icon","ArrowUp","ArrowDown","Minus","palette","valueText","sign","variant","size","cn","className","TREND_COLORS","MetricSparkline","ariaLabel","id","useId","gradientId","useMemo","stroke","color","chartData","ResponsiveContainer","AreaChart","Area","animated","Bar","MetricSkeleton","padding","SCHEME_TINT","VALUE_FONT_SIZE","VALUE_FONT_SIZE_HERO","SPARKLINE_HEIGHT","SEGMENT_COUNT","Metric","props","rootClassName","formattedValue","loading","error","errorLabel","sharedProps","MetricCard","MetricCompact","MetricMinimal","MetricBordered","MetricAccent","MetricColored","MetricDefault","showIcon","Heading","showChange","showSparkline","isInteractive","card","e","tint","colorScheme","filledCount","progress","i","ArrowUpRight","MetricBar","cells","metrics","metric","showSparklines","showChanges","periodChip","period","Button","onPeriodChange","Calendar","footerText","COLUMN_CLASS","autoColumnsFor","count","MetricGrid","columnsClass","columns","showIcons","defaultMetricComparisonStrings","toNumber","n","MetricComparison","stringsProp","strings","useStrings","currentNum","current","previousNum","previous","canCompute","delta","deltaPct","isUp","isFlat","Arrow","Equal","title","currentPeriod","previousPeriod","ArrowRight","abs","DEFAULT_ORDER","CHART_COLORS","PIE_PALETTE","MicroBars","max","v","MicroLine","min","range","points","MicroDots","MicroProgress","pct","MicroAreaChart","gradId","MicroPie","total","a","b","cumAngle","angle","startAngle","startRad","endRad","largeArc","x1","y1","x2","y2","ChartFor","kind","MetricMicroGrid","cell","THEME_BG","CHART_INVERSE","CHART_INVERSE_SOFT","MetricGradient","theme","subtitle","LEVEL_COLOR","buildCalendar","sorted","startDate","endDate","dayOfWeek","mondayOffset","alignedStart","dateMap","d","weeks","monthLabels","lastMonth","currentWeek","cursor","dateStr","dayIdx","month","labelWeekIndex","m","monthNames","level","ActivityHeatmap","description","idx","arr","label","week","dayTitle","day","weekIdx","ChartCard","footer","contentClassName","chartClassName","defaultTimeDistributionRulerStrings","hour","hourLabel","TimeDistributionRuler","maxVal","hours","peakHour","getDensityClass","ratio","currentHour"],"sources":["../../src/components/blocks/analytics/analytics.strings.ts","../../src/components/blocks/analytics/format-metric-value.ts","../../src/components/blocks/analytics/atoms/metric-trend-chip.tsx","../../src/components/blocks/analytics/atoms/metric-sparkline.tsx","../../src/components/blocks/analytics/atoms/metric-skeleton.tsx","../../src/components/blocks/analytics/metric/metric.tsx","../../src/components/blocks/analytics/metric-bar/metric-bar.tsx","../../src/components/blocks/analytics/metric-grid/metric-grid.tsx","../../src/components/blocks/analytics/metric-comparison/metric-comparison.tsx","../../src/components/blocks/analytics/metric-micro-grid/metric-micro-grid.tsx","../../src/components/blocks/analytics/metric-gradient/metric-gradient.tsx","../../src/components/blocks/analytics/activity-heatmap/activity-heatmap.tsx","../../src/components/blocks/analytics/chart-card/chart-card.tsx","../../src/components/blocks/analytics/time-ruler/types.ts","../../src/components/blocks/analytics/time-ruler/time-ruler.tsx"],"sourcesContent":["/**\n * Shared default strings for `blocks/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\t/** Fallback shown by `<Metric />` when `error` is true. */\n\tmetricErrorLabel: string;\n\t/** Default title for `<MetricComparison />` when no `title` prop is passed. */\n\tcomparisonTitle: string;\n\t/** Labels for the activity heatmap weekday rows (Mon–Sun, length 7). */\n\theatmapDayLabels: readonly [string, string, string, string, string, string, string];\n\t/** Short month names for the activity heatmap header (Jan–Dec, length 12). */\n\theatmapMonthNames: readonly [\n\t\tstring, string, string, string, string, string,\n\t\tstring, string, string, string, string, string,\n\t];\n\t/** Heatmap legend \"less\" label (left edge of intensity legend). */\n\theatmapLegendLess: string;\n\t/** Heatmap legend \"more\" label (right edge of intensity legend). */\n\theatmapLegendMore: string;\n}\n\nexport const defaultAnalyticsStrings: AnalyticsStrings = {\n\tmetricErrorLabel: 'Unable to load metric',\n\tcomparisonTitle: 'Comparison',\n\theatmapDayLabels: ['Mon', '', 'Wed', '', 'Fri', '', ''],\n\theatmapMonthNames: [\n\t\t'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n\t\t'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',\n\t],\n\theatmapLegendLess: 'Less',\n\theatmapLegendMore: '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\tformatNumber,\n\tformatPercentage,\n} from '../../../lib/format';\nimport { formatDuration } from '../../primitives';\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, {\n\t\t\t\t\tcurrency: data.currency,\n\t\t\t\t\tcurrencyDisplay: 'code',\n\t\t\t\t}).replace(/\\u00a0/g, ' ')\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 { Value } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { MetricChange, MetricSize, MetricTrend, MetricTrendVariant } from '../types';\n\nexport interface MetricTrendChipProps {\n\tchange: MetricChange;\n\ttrend?: MetricTrend;\n\t/** Size preset. */\n\tsize?: MetricSize;\n\t/** Shell treatment. */\n\tvariant?: MetricTrendVariant;\n\t/** Merged onto the outermost node. */\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-icon-sm',\n\tmd: 'size-icon-md',\n\tlg: 'size-icon',\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<Value 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</Value>\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-space-2xs', palette.text, className)}>\n\t\t\t\t<Icon className={ICON_SIZE[size]} strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t\t<Value size={TEXT_SIZE[size]} weight=\"semibold\" className=\"text-current tabular-nums\">\n\t\t\t\t\t{valueText}\n\t\t\t\t</Value>\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-space-xs rounded-full', 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<Value size={TEXT_SIZE[size]} weight=\"semibold\" className=\"text-current tabular-nums\">\n\t\t\t\t\t{valueText}\n\t\t\t\t</Value>\n\t\t\t\t{!!change.label && (\n\t\t\t\t\t<Text tag=\"span\" size={TEXT_SIZE[size]} className=\"text-current 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-space-xs', palette.text, className)}>\n\t\t\t<Icon className={ICON_SIZE[size]} strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t<Value size={TEXT_SIZE[size]} weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t{valueText}\n\t\t\t</Value>\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\nexport interface MetricSparklineProps {\n\t/** Data points to plot, in chronological order. */\n\tdata: readonly number[];\n\ttrend?: MetricTrend;\n\tcolor?: string;\n\t/** Merged onto the outermost node. */\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', 'h-full w-full', className)} aria-hidden=\"true\" />;\n\t}\n\n\treturn (\n\t\t<div className={cn('metric-sparkline--component h-full 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 { Card } from '../../../base/cards';\nimport { cn } from '../../../../lib/utils';\nimport type { MetricSize, MetricVariant } from '../types';\n\nexport interface MetricSkeletonProps {\n\t/** Shell treatment. */\n\tvariant?: MetricVariant;\n\t/** Size preset. */\n\tsize?: MetricSize;\n\t/** Merged onto the outermost node. */\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 = 'p-surface';\n\n\tif (variant === 'card') {\n\t\treturn (\n\t\t\t<Card\n\t\t\t\tclassName={cn('metric-skeleton--component', className)}\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-space-lg', size === 'lg' ? 'h-9 w-40' : 'h-7 w-32')} />\n\t\t\t\t<Bar className=\"mt-space-md h-3 w-20\" />\n\t\t\t\t<Bar className=\"mt-space-lg h-8 w-full\" />\n\t\t\t</Card>\n\t\t);\n\t}\n\n\tif (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-radius 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-space-lg', size === 'lg' ? 'h-9 w-40' : 'h-7 w-32')} />\n\t\t\t\t<Bar className=\"mt-space-md h-3 w-20\" />\n\t\t\t\t<Bar className=\"mt-space-lg 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-space-lg', className)} aria-busy=\"true\">\n\t\t\t\t<Bar className=\"size-9 rounded-radius\" />\n\t\t\t\t<div className=\"flex-1 space-y-space-sm\">\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-space-md', 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-space-sm', 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 blocks surfaces.\n * card — standalone metric using the canonical Card surface.\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 { Card } from '../../../base/cards';\nimport { Stack } from '../../../base/structure';\nimport { Value } from '../../../primitives';\nimport { DisplayLabel, Heading, Text } from '../../../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\t/** Records to render. */\n\tdata: MetricData;\n\t/** Shell treatment. */\n\tvariant?: MetricVariant;\n\t/** Size preset. */\n\tsize?: MetricSize;\n\tcolorScheme?: MetricColorScheme;\n\t/** Renders the sparkline. */\n\tshowSparkline?: boolean;\n\t/** Renders the change. */\n\tshowChange?: boolean;\n\t/** Renders the icon. */\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\t/** Merged onto the outermost node. */\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-base',\n\tlg: 'text-base',\n};\n\n/** Hero value sizes for standalone card / bordered / accent variants. */\nconst VALUE_FONT_SIZE_HERO: Record<MetricSize, string> = {\n\tsm: 'text-base',\n\tmd: 'text-base',\n\tlg: 'text-base',\n};\n\nconst SPARKLINE_HEIGHT: Record<MetricSize, string> = {\n\tsm: 'h-control-sm',\n\tmd: 'h-control',\n\tlg: 'h-control-lg',\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\tconst rootClassName = cn('metric--component', className);\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={rootClassName} />;\n\tif (error) {\n\t\treturn (\n\t\t\t<div className={cn('flex items-center justify-center rounded-radius border border-border bg-card text-card-foreground', 'p-surface', rootClassName)}>\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: rootClassName,\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\t/** Records to render. */\n\tdata: MetricData;\n\tformattedValue: string;\n\ttrend: 'positive' | 'negative' | 'neutral';\n\t/** Size preset. */\n\tsize: MetricSize;\n\t/** Renders the sparkline. */\n\tshowSparkline: boolean;\n\t/** Renders the change. */\n\tshowChange: boolean;\n\t/** Renders the icon. */\n\tshowIcon: boolean;\n\tcolorScheme: MetricColorScheme;\n\t/** Accessible name for the region. */\n\tariaLabel: string;\n\t/** Merged onto the outermost node. */\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<Stack gap=\"xs\" className={className} aria-label={ariaLabel}>\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"min-w-0 text-muted-foreground\">\n\t\t\t\t{!!showIcon && !!Icon && <Icon className=\"size-icon-md 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</Stack>\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=\"xs\" type=\"discrete\" className=\"truncate\">{data.footer}</Text>}\n\t\t</Stack>\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 card = (\n\t\t<Card\n\t\t\ttitle={data.label}\n\t\t\ticon={!!showIcon && !!Icon ? <Icon className=\"size-icon\" aria-hidden=\"true\" /> : null}\n\t\t\ttooltip={data.tooltip}\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<Stack gap=\"normal\">\n\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" justify=\"between\" gap=\"normal\">\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag={size === 'sm' ? 'h5' : size === 'lg' ? 'h3' : 'h4'}\n\t\t\t\t\t\tclassName={cn('max-w-full break-words font-bold tabular-nums tracking-tight border-none pb-0 leading-none', 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=\"badge\" />\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!data.subtitle && <Text type=\"secondary\">{data.subtitle}</Text>}\n\t\t\t\t{!!showSparkline && !!data.sparkline?.length && (\n\t\t\t\t\t<MetricSparkline\n\t\t\t\t\t\tdata={data.sparkline}\n\t\t\t\t\t\ttrend={trend}\n\t\t\t\t\t\tclassName={size === 'lg' ? 'h-control-lg' : 'h-control'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{!!data.footer && <Text size=\"xs\" type=\"secondary\">{data.footer}</Text>}\n\t\t\t</Stack>\n\t\t</Card>\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-radius 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-space-lg', className)} aria-label={ariaLabel}>\n\t\t\t{!!showIcon && !!Icon && (\n\t\t\t\t<span className=\"inline-flex size-avatar shrink-0 items-center justify-center rounded-radius bg-muted/60 text-muted-foreground\">\n\t\t\t\t\t<Icon className=\"size-icon\" 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<Value size={size === 'sm' ? 'sm' : 'base'} weight=\"bold\" className=\"block truncate tabular-nums\">\n\t\t\t\t\t{formattedValue}\n\t\t\t\t</Value>\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-space-md', 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<Value size={size === 'lg' ? 'sm' : 'xs'} weight=\"semibold\" className=\"tabular-nums\">{formattedValue}</Value>\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<Stack\n\t\t\tgap=\"lg\"\n\t\t\tclassName={cn('rounded-radius border shadow-sm', 'p-surface', tint.border, tint.bg, className)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"md\">\n\t\t\t\t<div className=\"flex items-center gap-space-md text-muted-foreground\">\n\t\t\t\t\t{!!showIcon && !!Icon && <Icon className=\"size-icon 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</Stack>\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=\"xs\" type=\"discrete\">{data.footer}</Text>}\n\t\t</Stack>\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<Stack\n\t\t\tgap=\"none\"\n\t\t\tclassName={cn(\n\t\t\t\t'dark relative overflow-hidden rounded-radius bg-card text-card-foreground shadow-sm ring-1 ring-border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<Stack gap=\"md\" className={'p-surface'}>\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"lg\">\n\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t{data.label}\n\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t<span className=\"inline-flex size-avatar-sm items-center justify-center rounded-radius bg-foreground/[0.08]\">\n\t\t\t\t\t\t\t<Icon className=\"size-icon-md 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</Stack>\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</Stack>\n\t\t\t{!!showSparkline && !!data.sparkline?.length && (\n\t\t\t\t<MetricSparkline data={data.sparkline} trend={trend} className=\"h-control-lg w-full\" />\n\t\t\t)}\n\t\t</Stack>\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-radius bg-card shadow-sm border border-border/50', 'p-surface', className)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<div className=\"flex items-center gap-space-md\">\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-space-md flex items-baseline gap-space-md\">\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\n\t\t\t\tclassName=\"mt-space-xl flex items-center gap-space-2xs\"\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-label={`${data.label} progress`}\n\t\t\t\taria-valuenow={progress}\n\t\t\t\taria-valuemin={0}\n\t\t\t\taria-valuemax={100}\n\t\t\t\taria-valuetext={`${progress}%`}\n\t\t\t>\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-radius-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-space-lg\">\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-space-md inline-flex items-center gap-space-xs text-muted-foreground\">\n\t\t\t\t\t<ArrowUpRight className=\"size-icon-sm\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text size=\"xs\" 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 '../../../base/buttons';\nimport { Text } from '../../../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\t/** Shell treatment. */\n\tvariant?: MetricBarVariant;\n\t/** Size preset. */\n\tsize?: MetricSize;\n\t/** Renders the sparklines. */\n\tshowSparklines?: boolean;\n\t/** Renders the changes. */\n\tshowChanges?: boolean;\n\tfooterText?: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function MetricBar({\n\tmetrics,\n\tperiod,\n\tonPeriodChange,\n\tvariant = 'default',\n\tsize = 'sm',\n\tshowSparklines = true,\n\tshowChanges = true,\n\tfooterText,\n\tclassName,\n}: MetricBarProps) {\n\tconst cells = (\n\t\t<div className=\"grid min-w-0 flex-1 grid-cols-1 divide-y divide-border @xl/metric-bar:flex @xl/metric-bar:items-stretch @xl/metric-bar:divide-x @xl/metric-bar:divide-y-0\">\n\t\t\t{metrics.map((metric) => (\n\t\t\t\t// The cell is a full-height flex column and the Metric stretches into\n\t\t\t\t// it so `MetricDefault`'s `mt-auto` sparkline resolves against real\n\t\t\t\t// leftover height. Without this, a metric carrying an optional\n\t\t\t\t// subtitle grows taller and its sparkline drops off the shared\n\t\t\t\t// baseline the rest of the strip sits on.\n\t\t\t\t<div key={metric.id} className=\"flex min-w-0 flex-col px-4 py-2.5 @xl/metric-bar:min-w-36 @xl/metric-bar:flex-1\">\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\tclassName=\"flex-1\"\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 border-b border-border px-3 py-2 lg:border-b-0 lg:py-0\">\n\t\t\t<Button\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tclassName=\"gap-space-sm\"\n\t\t\t\tonClick={onPeriodChange ? () => onPeriodChange(period.value) : undefined}\n\t\t\t>\n\t\t\t\t<Calendar className=\"size-icon-md\" aria-hidden=\"true\" />\n\t\t\t\t<Text size=\"inherit\" 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 @container/metric-bar',\n\t\t\t\t\t'w-full',\n\t\t\t\t\t'rounded-radius bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-px',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div className=\"flex min-w-0 flex-col overflow-hidden rounded-radius bg-card @xl/metric-bar:flex-row\">\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=\"hidden w-px bg-border @xl/metric-bar:block\" 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-radius border-t border-border/50 bg-card px-4 py-2\">\n\t\t\t\t\t\t<Text size=\"xs\" 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'metric-bar--component @container/metric-bar flex w-full flex-col overflow-hidden rounded-radius 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 min-w-0 flex-col overflow-hidden @xl/metric-bar:flex-row\">\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=\"hidden w-px bg-border @xl/metric-bar:block\" 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=\"xs\" 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 based on the cell count.\n * Override with `columns` to set the maximum number of tracks.\n *\n * Every break is a container query against the grid's own width, not the\n * viewport's. A KPI row is routinely dropped into a sidebar, a drawer, or one\n * half of a split view; keyed to the viewport, six metrics in a 300px rail on\n * a desktop screen rendered as six ~40px columns.\n */\nimport { Grid } from '../../../base/structure';\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\t/** Metrics rendered as one responsive peer collection. */\n\tmetrics: MetricData[];\n\t/** Cell variant. `card` composes the canonical Card surface. */\n\tvariant?: Extract<MetricVariant, 'card' | 'compact' | 'bordered' | 'accent' | 'colored'>;\n\t/** Shared visual size forwarded to every metric. */\n\tsize?: MetricSize;\n\t/** Shared semantic color recipe forwarded to every metric. */\n\tcolorScheme?: MetricColorScheme;\n\t/** Maximum column count; narrower parents use fewer tracks. `auto` chooses from the cell count. */\n\tcolumns?: 'auto' | 1 | 2 | 3 | 4 | 6;\n\t/** Peer spacing. Defaults to `xl`; use denser gaps explicitly for compact lists. */\n\tgap?: 'sm' | 'md' | 'lg' | 'xl';\n\t/** Show each metric's sparkline when data is available. */\n\tshowSparklines?: boolean;\n\t/** Show each metric's change indicator when data is available. */\n\tshowChanges?: boolean;\n\t/** Show each metric's icon when data is available. */\n\tshowIcons?: boolean;\n\t/** Render loading skeletons without changing the grid or card geometry. */\n\tloading?: boolean;\n\t/**\n\t * Additional classes for the component root. The root owns the query\n\t * container; the responsive `grid-cols-*` live on the grid inside it, so pin\n\t * a layout with `columns` rather than a class here.\n\t */\n\tclassName?: string;\n}\n\n// Parent-width tiers give framed metrics room for their shared surface insets,\n// primary labels and formatted values. Requested columns are a ceiling, never\n// a reason to squeeze desktop tracks into a narrow shell or drawer.\nconst COLUMN_CLASS: Record<Exclude<NonNullable<MetricGridProps['columns']>, 'auto'>, string> = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 @md/metric-grid:grid-cols-2',\n\t3: 'grid-cols-1 @md/metric-grid:grid-cols-2 @3xl/metric-grid:grid-cols-3',\n\t4: 'grid-cols-1 @md/metric-grid:grid-cols-2 @5xl/metric-grid:grid-cols-4',\n\t6: 'grid-cols-1 @md/metric-grid:grid-cols-2 @3xl/metric-grid:grid-cols-3 @7xl/metric-grid:grid-cols-6',\n};\n\nfunction autoColumnsFor(count: number): string {\n\tconst maximum = count <= 1 ? 1 : count === 2 ? 2 : count === 3 ? 3 : count <= 4 || count > 6 ? 4 : 6;\n\treturn COLUMN_CLASS[maximum];\n}\n\nexport function MetricGrid({\n\tmetrics,\n\tvariant = 'card',\n\tsize = 'md',\n\tcolorScheme = 'default',\n\tcolumns = 'auto',\n\tgap = 'xl',\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/*\n\t\t * The root exists to be the query container: an element cannot match its\n\t\t * own container query, so the grid whose columns react has to sit inside\n\t\t * the element being measured. Same shape as product-details-card.\n\t\t */\n\t\t<div className={cn('metric-grid--component @container/metric-grid', className)}>\n\t\t\t<Grid\n\t\t\t\tcolumns={1}\n\t\t\t\tgap={gap}\n\t\t\t\tclassName={cn('metric-grid--grid', columnsClass)}\n\t\t\t>\n\t\t\t\t{metrics.map((metric) => (\n\t\t\t\t\t<Metric\n\t\t\t\t\t\tkey={metric.id}\n\t\t\t\t\t\tdata={metric}\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tcolorScheme={colorScheme}\n\t\t\t\t\t\tshowSparkline={showSparklines}\n\t\t\t\t\t\tshowChange={showChanges}\n\t\t\t\t\t\tshowIcon={showIcons}\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Grid>\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 { Badge } from '../../../base/badge';\nimport { Stack } from '../../../base/structure';\nimport { Value } from '../../../primitives';\nimport { DisplayLabel, Heading, Text } from '../../../typography';\nimport { type StringsProp, 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\t/** Surface title. */\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\t/** Surface title. */\n\ttitle?: string;\n\tcurrentPeriod?: string;\n\tpreviousPeriod?: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<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, stringsProp);\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<Stack\n\t\t\tdata-component=\"metric-comparison\"\n\t\t\tdata-slot=\"metric-comparison\"\n\t\t\tgap=\"md\"\n\t\t\tclassName={cn('metric-comparison--component @container/metric-comparison', className)}\n\t\t\taria-label={title ?? strings.title}\n\t\t>\n\t\t\t{!!(currentPeriod || previousPeriod) && (\n\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"sm\">\n\t\t\t\t\t{!!currentPeriod && (\n\t\t\t\t\t\t<Badge tone=\"secondary\" inline>\n\t\t\t\t\t\t\t{currentPeriod}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!previousPeriod && (\n\t\t\t\t\t\t<Badge tone=\"secondary\" inline>\n\t\t\t\t\t\t\t{previousPeriod}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t)}\n\n\t\t\t<div className=\"grid items-stretch gap-space-md grid-cols-1 @md/metric-comparison:grid-cols-[1fr_auto_1fr]\">\n\t\t\t\t<div className=\"rounded-radius border border-border/60 bg-card p-surface\">\n\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t{strings.currentLabel}\n\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t<Heading tag=\"h5\" className=\"text-base 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-icon @md/metric-comparison:block\" aria-hidden=\"true\" />\n\t\t\t\t\t<ArrowDown className=\"size-icon @md/metric-comparison:hidden\" aria-hidden=\"true\" />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rounded-radius border border-border/60 bg-muted/30 p-surface\">\n\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t{strings.previousLabel}\n\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t<Heading tag=\"h5\" className=\"text-base 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('rounded-radius p-surface', tone.box)}>\n\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\">\n\t\t\t\t\t<div className={cn('inline-flex items-center gap-space-xs rounded-full px-2 py-0.5', tone.chip)}>\n\t\t\t\t\t\t<Arrow className=\"size-icon-sm\" strokeWidth={2.5} aria-hidden=\"true\" />\n\t\t\t\t\t\t<Value 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</Value>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'tabular-nums',\n\t\t\t\t\t\t\tisUp && 'text-success',\n\t\t\t\t\t\t\t!isUp && !isFlat && 'text-destructive',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\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</Stack>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Stack>\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 { Stack } from '../../../base/structure';\nimport { Value } from '../../../primitives';\nimport { DisplayLabel } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nexport type MicroChartKind = 'bars' | 'line' | 'dots' | 'progress' | 'area' | 'pie';\n\nexport interface MicroMetricCell {\n\t/** Stable identity for this entry. */\n\tid?: string;\n\t/** Display label. */\n\tlabel: string;\n\t/** Current value. Controlled. */\n\tvalue: string;\n\t/** Records to render. */\n\tdata: readonly number[];\n\tchart?: MicroChartKind;\n}\n\nexport interface MetricMicroGridProps {\n\t/** Surface title. */\n\ttitle?: string;\n\tcells: readonly MicroMetricCell[];\n\t/** Merged onto the outermost node. */\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-space-2xs')}>\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-radius-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\" data-intrinsic-geometry>\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<div\n\t\t\tdata-component=\"metric-micro-grid\"\n\t\t\tdata-slot=\"metric-micro-grid\"\n\t\t\tclassName={cn('metric-micro-grid--component min-w-0', className)}\n\t\t\taria-label={title}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-3 grid-rows-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'p-surface-xs',\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<Stack gap=\"sm\">\n\t\t\t\t\t\t<DisplayLabel className=\"truncate\">\n\t\t\t\t\t\t\t{cell.label}\n\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t<Value weight=\"bold\" className=\"truncate tabular-nums\">\n\t\t\t\t\t\t\t{cell.value}\n\t\t\t\t\t\t</Value>\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</Stack>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\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`) resolve to semantic tokens;\n * the data prop accepts a `readonly MetricDataPoint[]` so consumers can pass\n * named time-series points.\n */\nimport { useId } from 'react';\nimport { Area, AreaChart, ResponsiveContainer } from 'recharts';\n\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel, Heading, Text } from '../../../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\t/** Surface title. */\n\ttitle: string;\n\t/** Current value. Controlled. */\n\tvalue?: string;\n\tchange?: MetricChange;\n\t/** Records to render. */\n\tdata: readonly MetricDataPoint[];\n\ttheme?: MetricGradientTheme;\n\tsubtitle?: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\n/**\n * Four themes, four looks. `purple` and `ocean` were the same string, so a\n * \"four themes\" row rendered three. Each ramp still resolves to semantic\n * state tokens only, so a consumer retheming the palette moves all four\n * together: `purple` is brand-led, `ocean` runs blue into teal.\n */\nconst THEME_BG: Record<MetricGradientTheme, string> = {\n\tgreen: 'bg-gradient-to-br from-success via-primary to-success',\n\tpurple: 'bg-gradient-to-br from-primary via-info to-primary',\n\twarm: 'bg-gradient-to-br from-warning via-destructive to-warning',\n\tocean: 'bg-gradient-to-br from-info via-success to-info',\n};\n\nconst CHART_INVERSE = 'var(--inverse-foreground)';\nconst CHART_INVERSE_SOFT = 'var(--inverse-muted)';\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 className={cn(\n\t\t\t\t'metric-gradient--component',\n\t\t\t\t'relative overflow-hidden rounded-radius p-surface text-inverse-foreground shadow-sm ring-1 ring-inverse-border',\n\t\t\t\tTHEME_BG[theme],\n\t\t\t\tclassName,\n\t\t\t)}>\n\t\t<Stack gap=\"md\">\n\t\t\t<Stack\n\t\t\t\tdirection=\"horizontal\"\n\t\t\t\talign=\"start\"\n\t\t\t\tjustify=\"between\"\n\t\t\t\twrap\n\t\t\t\tclassName=\"relative rounded-radius bg-inverse-background p-surface\"\n\t\t\t>\n\t\t\t\t<Stack gap=\"xs\" className=\"min-w-0\">\n\t\t\t\t\t<DisplayLabel tone=\"inverse\">{title}</DisplayLabel>\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=\"text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground\"\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=\"text-inverse-muted\">{subtitle}</Text>}\n\t\t\t\t</Stack>\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-inverse-surface-strong !text-inverse-foreground\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Stack>\n\n\t\t\t<div className=\"relative -mx-1 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={CHART_INVERSE} stopOpacity={0.3} />\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" stopColor={CHART_INVERSE} 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<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={CHART_INVERSE_SOFT}\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: CHART_INVERSE, stroke: CHART_INVERSE_SOFT }}\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</Stack>\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 { Stack } from '../../../base/structure';\nimport { Text } from '../../../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<Stack\n\t\t\tgap=\"md\"\n\t\t\tdata-component=\"activity-heatmap\"\n\t\t\tdata-slot=\"activity-heatmap\"\n\t\t\tclassName={cn('activity-heatmap--component', className)}\n\t\t\taria-label={title}\n\t\t>\n\t\t\t{!!description && (\n\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t{description}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t<div className=\"overflow-x-auto\" data-intrinsic-geometry>\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=\"xs\"\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-0.75\">\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=\"xs\" 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-0.75\">\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-0.75\">\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-radius-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-space-xl flex items-center justify-end gap-space-sm\">\n\t\t\t\t<Text size=\"xs\" 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-radius-sm', LEVEL_COLOR[level])} />\n\t\t\t\t))}\n\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.heatmapLegendMore}</Text>\n\t\t\t</div>\n\t\t</Stack>\n\t);\n}\n\nActivityHeatmap.displayName = 'ActivityHeatmap';\n","/**\n * ChartCard — standard admin chart surface for custom Recharts compositions.\n *\n * Use when a consumer wants this library's admin hierarchy around a bespoke\n * chart. Data, axes, series, and Recharts children stay caller-owned; the\n * component provides ChartContainer config, slots, and BEM hooks. It remains\n * card-free until the call site opts into `surface` and `padding`.\n */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tChartContainer,\n\ttype ChartConfig,\n\ttype ChartInitialDimension,\n} from '../../../base/chart';\nimport { ContentBlock } from '../../../base/display';\nimport type { CardSurface, ComponentScale } from '../../../../lib/component-vocabulary';\nimport { cn } from '../../../../lib/utils';\n\nexport type ChartCardPadding = ComponentScale;\nexport type ChartCardSurface = CardSurface;\n\nexport interface ChartCardProps {\n\t/** Surface title. */\n\ttitle?: ReactNode;\n\t/** Supporting copy shown under the label. */\n\tdescription?: ReactNode;\n\t/** Content at the end of the header, before the overflow menu. */\n\theaderEnd?: ReactNode;\n\t/** Status or count shown immediately after the title. */\n\ttitleSuffix?: ReactNode;\n\t/** Content below the body. */\n\tfooter?: ReactNode;\n\tconfig: ChartConfig;\n\tchildren: ComponentProps<typeof ChartContainer>['children'];\n\tinitialDimension?: ChartInitialDimension;\n\t/** Outer chrome. */\n\tsurface?: ChartCardSurface;\n\t/** Surface inset. */\n\tpadding?: ChartCardPadding;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Merged onto the content. */\n\tcontentClassName?: string;\n\t/** Merged onto the chart. */\n\tchartClassName?: string;\n}\n\nexport function ChartCard({\n\ttitle,\n\tdescription,\n\theaderEnd,\n\ttitleSuffix,\n\tfooter,\n\tconfig,\n\tchildren,\n\tinitialDimension,\n\tsurface,\n\tpadding,\n\tclassName,\n\tcontentClassName,\n\tchartClassName,\n}: ChartCardProps) {\n\treturn (\n\t\t<ContentBlock\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\theaderEnd={headerEnd}\n\t\t\ttitleSuffix={titleSuffix}\n\t\t\tfooterSlot={footer}\n\t\t\tsurface={surface}\n\t\t\tpadding={padding}\n\t\t\tclassName={cn('chart-card--component', className)}\n\t\t\tcontentClassName={cn('chart-card--content', contentClassName)}\n\t\t>\n\t\t\t<ChartContainer\n\t\t\t\tconfig={config}\n\t\t\t\tinitialDimension={initialDimension}\n\t\t\t\tclassName={cn('chart-card--chart min-h-[var(--chart-min-height)]', chartClassName)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ChartContainer>\n\t\t</ContentBlock>\n\t);\n}\n\nChartCard.displayName = 'ChartCard';\n","import type { StringsProp } from '../../../../lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n\t/** Density-band legend labels. */\n\tlegendNone: string;\n\tlegendLow: string;\n\tlegendMedium: string;\n\tlegendHigh: string;\n\t/** \"Now\" marker label. */\n\tlegendNow: string;\n\t/**\n\t * Renders an hour of the day (0–23) as the axis tick and as the leading\n\t * part of the per-hour tooltip. Zero-padded two-digit numerals are only\n\t * the English/Latin default — override this to reach any other numbering\n\t * system or clock convention.\n\t */\n\tformatHourLabel: (hour: number) => string;\n\t/**\n\t * Format function for the per-hour `title` tooltip. Receives the already\n\t * formatted `hourLabel` and the bucket's count. The default names no\n\t * domain; add the noun your data actually counts.\n\t */\n\tformatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n\tlegendNone: 'None',\n\tlegendLow: 'Low',\n\tlegendMedium: 'Medium',\n\tlegendHigh: 'High',\n\tlegendNow: 'Now',\n\tformatHourLabel: (hour) => String(hour).padStart(2, '0'),\n\tformatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count}`,\n};\n\nexport interface TimeDistributionRulerProps {\n\thours: number[];\n\tcurrentHour?: number;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { SecondaryValue } from '../../../primitives';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography/text';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n\tconst strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n\tconst maxVal = Math.max(...hours, 1);\n\tconst peakHour = hours.indexOf(Math.max(...hours));\n\n\tfunction getDensityClass(count: number): string {\n\t\tif (count === 0) return 'bg-muted';\n\t\tconst ratio = count / maxVal;\n\t\tif (ratio < 0.33) return 'bg-primary/25';\n\t\tif (ratio < 0.66) return 'bg-primary/55';\n\t\treturn 'bg-primary';\n\t}\n\n\treturn (\n\t\t<Stack gap=\"sm\" className={cn('time-ruler--component', className)}>\n\t\t\t{/* Ruler bar */}\n\t\t\t<div className=\"relative flex h-8 gap-px overflow-hidden rounded-radius-md\">\n\t\t\t\t{hours.map((count, hour) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={hour}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'relative flex-1 transition-colors duration-200',\n\t\t\t\t\t\t\tgetDensityClass(count),\n\t\t\t\t\t\t\thour === peakHour && 'ring-1 ring-primary ring-inset',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\ttitle={strings.formatHourTitle(strings.formatHourLabel(hour), count)}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{/* Hour labels + now marker */}\n\t\t\t<div className=\"relative flex\">\n\t\t\t\t{hours.map((_, hour) => (\n\t\t\t\t\t<div key={hour} className=\"flex-1 text-center\">\n\t\t\t\t\t\t{hour % 4 === 0 && (\n\t\t\t\t\t\t\t<SecondaryValue size=\"xs\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t{strings.formatHourLabel(hour)}\n\t\t\t\t\t\t\t</SecondaryValue>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{/* Now marker */}\n\t\t\t{currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n\t\t\t\t<div className=\"relative h-0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"absolute -top-[42px] flex flex-col items-center\"\n\t\t\t\t\t\tstyle={{ left: `${(currentHour / 24) * 100}%`, transform: 'translateX(-50%)' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{/* Legend */}\n\t\t\t<div className=\"flex items-center gap-space-lg\">\n\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t<div className=\"h-2 w-3 rounded-radius-sm bg-muted\" />\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.legendNone}</Text>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t<div className=\"h-2 w-3 rounded-radius-sm bg-primary/25\" />\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.legendLow}</Text>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t<div className=\"h-2 w-3 rounded-radius-sm bg-primary/55\" />\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.legendMedium}</Text>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t<div className=\"h-2 w-3 rounded-radius-sm bg-primary\" />\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.legendHigh}</Text>\n\t\t\t\t</div>\n\t\t\t\t{currentHour !== undefined && (\n\t\t\t\t\t<div className=\"flex items-center gap-space-xs\">\n\t\t\t\t\t\t<div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.legendNow}</Text>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Stack>\n\t);\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n"],"mappings":"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"}

package/dist/blocks/collaboration.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use client";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../message-B5-6LeYl.js";
+export { o as Message, n as MessageActions, i as MessageBubble, t as MessageContent, e as MessageHeader, r as MessageStatus, a as defaultMessageStrings };

package/dist/blocks/commerce/receipt.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use client";
+import { n as e, t } from "../../receipt-DYWTQGEc.js";
+export { e as Receipt, t as ReceiptItems };