admin-ui-starter-kit 0.4.2 → 0.4.4

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

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/button-C1qc97U1.cjs"),i=require("../../../_shared/smart-card-Df80VF8x.cjs"),a=require("../../../_shared/format-BTtJC6oz.cjs"),o=require("../../base/display/chart.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react"),u=require("recharts");var d={metricErrorLabel:`Unable to load metric`,comparisonTitle:`Comparison`,heatmapDayLabels:[`Mon`,``,`Wed`,``,`Fri`,``,``],heatmapMonthNames:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],heatmapLegendLess:`Less`,heatmapLegendMore:`More`};function f(e){if(e.value===null||e.value===void 0)return`—`;let t=e.value,n=typeof t==`number`?t:null;switch(e.valueType){case`currency`:return n===null?String(t):a.t(n,{currency:e.currency,currencyDisplay:`code`}).replace(/\u00a0/g,` `);case`percentage`:return n===null?String(t):a.i(n);case`duration`:return n===null?String(t):a.n(n);case`number`:return n===null?String(t):a.r(n);default:return String(t)}}function p(e){return e.trend?e.trend:e.change?.direction===`up`?`positive`:e.change?.direction===`down`?`negative`:`neutral`}var m={positive:{text:`text-success`,badge:`bg-success/10 text-success`,arrow:`text-success`},negative:{text:`text-destructive`,badge:`bg-destructive/10 text-destructive`,arrow:`text-destructive`},neutral:{text:`text-muted-foreground`,badge:`bg-muted text-muted-foreground`,arrow:`text-muted-foreground`}},h={sm:`size-3`,md:`size-3.5`,lg:`size-4`},g={sm:`xxs`,md:`xs`,lg:`sm`},_={sm:`px-1.5 py-0.5`,md:`px-2 py-0.5`,lg:`px-2.5 py-1`};function v(e,t){return e||(t===`up`?`positive`:t===`down`?`negative`:`neutral`)}function y({change:e,trend:r,size:i=`md`,variant:a=`default`,className:o}){let s=v(r,e.direction),u=e.direction===`up`?l.ArrowUp:e.direction===`down`?l.ArrowDown:l.Minus,d=m[s],f=String(e.value),p=e.direction===`up`?`+`:(e.direction,``);return a===`inline`?(0,c.jsxs)(n.n,{tag:`span`,size:g[i],weight:`medium`,className:t.cn(`metric-trend-chip--component`,d.text,`tabular-nums`,o),children:[p,f]}):a===`compact`?(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-0.5`,d.text,o),children:[(0,c.jsx)(u,{className:h[i],strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsx)(n.n,{tag:`span`,size:g[i],weight:`semibold`,className:`text-current tabular-nums`,children:f})]}):a===`badge`?(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1 rounded-full font-medium tabular-nums`,d.badge,_[i],o),children:[(0,c.jsx)(u,{className:h[i],strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsx)(n.n,{tag:`span`,size:g[i],weight:`semibold`,className:`text-current tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(n.n,{tag:`span`,size:g[i],className:`text-current opacity-70`,children:e.label})]}):(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1`,d.text,o),children:[(0,c.jsx)(u,{className:h[i],strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsx)(n.n,{tag:`span`,size:g[i],weight:`semibold`,className:`tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(n.n,{tag:`span`,size:g[i],type:`secondary`,children:e.label})]})}y.displayName=`MetricTrendChip`;var b={positive:`var(--success)`,negative:`var(--destructive)`,neutral:`var(--muted-foreground)`};function x({data:e,trend:n=`neutral`,color:r,className:i,animated:a=!0,"aria-label":o=`Trend sparkline`}){let l=(0,s.useId)(),d=(0,s.useMemo)(()=>`metric-spark-${l.replaceAll(`:`,``)}`,[l]),f=r??b[n],p=(0,s.useMemo)(()=>!Array.isArray(e)||e.length===0?[]:e.map((e,t)=>({i:t,v:e})),[e]);return p.length===0?(0,c.jsx)(`div`,{className:t.cn(`metric-sparkline--component`,`w-full`,i),"aria-hidden":`true`}):(0,c.jsx)(`div`,{className:t.cn(`w-full`,i),role:`img`,"aria-label":o,children:(0,c.jsx)(u.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,c.jsxs)(u.AreaChart,{data:p,margin:{top:2,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:d,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:f,stopOpacity:.25}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:f,stopOpacity:0})]})}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`v`,stroke:f,strokeWidth:1.75,fill:`url(#${d})`,dot:!1,activeDot:!1,isAnimationActive:a,animationDuration:600})]})})})}x.displayName=`MetricSparkline`;var S=({className:e})=>(0,c.jsx)(`div`,{className:t.cn(`animate-pulse rounded bg-muted`,e)});function C({variant:e=`default`,size:n=`md`,className:r}){let i=n===`sm`?`p-3`:n===`lg`?`p-5`:`p-4`;return e===`card`||e===`bordered`||e===`accent`||e===`colored`?(0,c.jsxs)(`div`,{className:t.cn(`metric-skeleton--component`,`rounded-xl border border-border bg-card shadow-sm`,i,r),"aria-busy":`true`,"aria-live":`polite`,children:[(0,c.jsx)(S,{className:`h-3 w-24`}),(0,c.jsx)(S,{className:t.cn(`mt-3`,n===`lg`?`h-9 w-40`:`h-7 w-32`)}),(0,c.jsx)(S,{className:`mt-2 h-3 w-20`}),(0,c.jsx)(S,{className:`mt-3 h-8 w-full`})]}):e===`compact`?(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-3`,r),"aria-busy":`true`,children:[(0,c.jsx)(S,{className:`size-9 rounded-lg`}),(0,c.jsxs)(`div`,{className:`flex-1 space-y-1.5`,children:[(0,c.jsx)(S,{className:`h-3 w-20`}),(0,c.jsx)(S,{className:`h-4 w-28`})]}),(0,c.jsx)(S,{className:`h-5 w-12 rounded-full`})]}):e===`minimal`?(0,c.jsxs)(`div`,{className:t.cn(`inline-flex items-baseline gap-2`,r),"aria-busy":`true`,children:[(0,c.jsx)(S,{className:`h-3 w-12`}),(0,c.jsx)(S,{className:`h-3 w-16`})]}):(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-1.5`,i,r),"aria-busy":`true`,children:[(0,c.jsx)(S,{className:`h-3 w-20`}),(0,c.jsx)(S,{className:`h-5 w-28`}),(0,c.jsx)(S,{className:`mt-1 h-6 w-full`})]})}C.displayName=`MetricSkeleton`;var w={default:{border:`border-border`,bg:`bg-card`,bar:`bg-foreground`,dot:`bg-foreground`,ring:`ring-border`},primary:{border:`border-primary/25`,bg:`bg-primary/5`,bar:`bg-primary`,dot:`bg-primary`,ring:`ring-primary/20`},success:{border:`border-success/30`,bg:`bg-success/5`,bar:`bg-success`,dot:`bg-success`,ring:`ring-success/20`},warning:{border:`border-warning/40`,bg:`bg-warning/10`,bar:`bg-warning`,dot:`bg-warning`,ring:`ring-warning/30`},danger:{border:`border-destructive/30`,bg:`bg-destructive/5`,bar:`bg-destructive`,dot:`bg-destructive`,ring:`ring-destructive/20`},info:{border:`border-info/30`,bg:`bg-info/5`,bar:`bg-info`,dot:`bg-info`,ring:`ring-info/20`}},T={sm:`text-sm`,md:`text-lg`,lg:`text-xl`},E={sm:`text-xl`,md:`text-3xl`,lg:`text-4xl`},D={sm:`h-6`,md:`h-8`,lg:`h-10`},O=16;function k(e){let{data:r,variant:i=`default`,size:a=`md`,colorScheme:o=`default`,showSparkline:l=!0,showChange:u=!0,showIcon:m=!0,loading:h=!1,error:g=!1,errorLabel:_,progress:v=0,className:y,"aria-label":b}=e,x=(0,s.useMemo)(()=>f(r),[r]),S=(0,s.useMemo)(()=>p(r),[r]);if(h)return(0,c.jsx)(C,{variant:i,size:a,className:t.cn(`metric--component`,y)});if(g)return(0,c.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-lg border border-border bg-card p-4 text-muted-foreground`,y),children:(0,c.jsx)(n.n,{children:_??d.metricErrorLabel})});let w={data:r,formattedValue:x,trend:S,size:a,showSparkline:l,showChange:u,showIcon:m,colorScheme:o,ariaLabel:b??r.label,className:y};switch(i){case`card`:return(0,c.jsx)(ee,{...w});case`compact`:return(0,c.jsx)(te,{...w});case`minimal`:return(0,c.jsx)(ne,{...w});case`bordered`:return(0,c.jsx)(re,{...w});case`accent`:return(0,c.jsx)(j,{...w});case`colored`:return(0,c.jsx)(M,{...w,progress:v});default:return(0,c.jsx)(A,{...w})}}k.displayName=`Metric`;function A({data:e,formattedValue:r,trend:i,size:a,showSparkline:o,showChange:s,showIcon:l,ariaLabel:u,className:d}){let f=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-col gap-1`,d),"aria-label":u,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0 text-muted-foreground`,children:[!!l&&!!f&&(0,c.jsx)(f,{className:`size-3.5 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label})]}),(0,c.jsx)(n.t,{tag:`h5`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate`,T[a]),title:r,children:r}),!!s&&!!e.change&&(0,c.jsx)(`div`,{className:`min-w-0`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,variant:`compact`})}),!!e.subtitle&&(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:e.subtitle}),!!o&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:i,className:t.cn(`mt-auto`,D[a])}),!!e.footer&&(0,c.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.footer})]})}function ee({data:e,formattedValue:r,trend:a,size:o,showSparkline:s,showChange:l,showIcon:u,ariaLabel:d,className:f}){let p=e.icon,m=!!(e.href||e.onClick),h=o===`sm`?`sm`:o===`lg`?`lg`:`base`,g=(0,c.jsxs)(i.t,{title:e.label,icon:u&&p?(0,c.jsx)(p,{className:`size-4`,"aria-hidden":`true`}):null,tooltip:e.tooltip,padding:h,className:t.cn(m&&`cursor-pointer transition-shadow hover:shadow-md`,f),"aria-label":d,children:[(0,c.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,c.jsx)(n.t,{tag:o===`sm`?`h5`:o===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,E[o]),children:r}),!!l&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),!!e.subtitle&&(0,c.jsx)(n.n,{type:`secondary`,className:`mt-2`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:t.cn(`mt-3`,o===`lg`?`h-12`:`h-10`)}),!!e.footer&&(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-2`,children:e.footer})]});return m&&e.onClick?(0,c.jsx)(`div`,{role:`button`,tabIndex:0,onClick:e.onClick,onKeyDown:t=>(t.key===`Enter`||t.key===` `)&&e.onClick?.(),className:`rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:g}):g}function te({data:e,formattedValue:r,size:i,showChange:a,showIcon:o,ariaLabel:s,className:l}){let u=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-3`,l),"aria-label":s,children:[!!o&&!!u&&(0,c.jsx)(`span`,{className:`inline-flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground`,children:(0,c.jsx)(u,{className:`size-4`,"aria-hidden":`true`})}),(0,c.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,className:`truncate`,children:e.label}),(0,c.jsx)(n.n,{tag:`span`,size:i===`sm`?`sm`:`lg`,weight:`bold`,className:`block truncate tabular-nums`,children:r})]}),!!a&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:i,variant:`badge`,className:`shrink-0`})]})}function ne({data:e,formattedValue:r,size:i,showChange:a,ariaLabel:o,className:s}){return(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-baseline gap-2`,s),"aria-label":o,children:[(0,c.jsxs)(n.n,{tag:`span`,size:i===`lg`?`sm`:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,c.jsx)(n.n,{tag:`span`,size:i===`lg`?`sm`:`xs`,weight:`semibold`,className:`tabular-nums`,children:r}),!!a&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:`sm`,variant:`inline`})]})}function re({data:e,formattedValue:r,trend:i,size:a,showSparkline:o,showChange:s,showIcon:l,colorScheme:u,ariaLabel:d,className:f}){let p=e.icon,m=w[u];return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-3 rounded-xl border p-4 shadow-sm`,m.border,m.bg,f),"aria-label":d,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[!!l&&!!p&&(0,c.jsx)(p,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,weight:`medium`,children:e.label})]}),!!s&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,variant:`badge`})]}),(0,c.jsx)(n.t,{tag:a===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,E[a]),children:r}),!!e.subtitle&&(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,children:e.subtitle}),!!o&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:i,className:D[a]}),!!e.footer&&(0,c.jsx)(n.n,{size:`xxs`,type:`discrete`,children:e.footer})]})}function j({data:e,formattedValue:r,trend:i,size:a,showSparkline:o,showChange:s,ariaLabel:l,className:u}){let d=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`dark relative flex flex-col overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,u),"aria-label":l,children:[(0,c.jsxs)(`div`,{className:`flex flex-col gap-2 p-5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),!!d&&(0,c.jsx)(`span`,{className:`inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]`,children:(0,c.jsx)(d,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`})})]}),(0,c.jsxs)(`div`,{className:`flex items-baseline gap-2.5`,children:[(0,c.jsx)(n.t,{tag:`h3`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground`,E[a]),children:r}),!!s&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,variant:`compact`})]}),!!e.subtitle&&(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,children:e.subtitle})]}),!!o&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:i,className:`h-12 w-full`})]})}function M({data:e,formattedValue:r,size:i,showChange:a,colorScheme:o,ariaLabel:s,className:u,progress:d=0}){let f=w[o==="default"?`primary`:o],p=Math.round(Math.min(Math.max(d,0),100)/100*O);return(0,c.jsxs)(`div`,{className:t.cn(`rounded-xl bg-card p-5 shadow-sm border border-border/50`,u),"aria-label":s,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label}),(0,c.jsx)(`span`,{className:t.cn(`size-1.5 rounded-full shrink-0`,f.dot),"aria-hidden":`true`})]}),(0,c.jsxs)(`div`,{className:`mt-2.5 flex items-baseline gap-2`,children:[(0,c.jsx)(n.t,{tag:`h3`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,E[i]),children:r}),!!e.subtitle&&(0,c.jsx)(n.n,{size:`xs`,type:`secondary`,children:e.subtitle})]}),(0,c.jsx)(`div`,{className:`mt-4 flex items-center gap-0.5`,role:`progressbar`,"aria-label":`${e.label} progress`,"aria-valuenow":d,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":`${d}%`,children:Array.from({length:O},(e,n)=>(0,c.jsx)(`div`,{className:t.cn(`h-6 w-1.5 rounded-sm transition-colors`,n<p?f.bar:`bg-muted`)},`seg-${n}`))}),!!a&&!!e.change&&(0,c.jsx)(`div`,{className:`mt-3`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:i,variant:`default`})}),!!e.footer&&(0,c.jsxs)(`div`,{className:`mt-2 inline-flex items-center gap-1 text-muted-foreground`,children:[(0,c.jsx)(l.ArrowUpRight,{className:`size-3`,"aria-hidden":`true`}),(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,children:e.footer})]})]})}function N({metrics:e,period:i,onPeriodChange:a,variant:o=`default`,size:s=`sm`,showSparklines:u=!0,showChanges:d=!0,footerText:f,className:p}){let m=(0,c.jsx)(`div`,{className:`grid min-w-0 flex-1 grid-cols-1 divide-y divide-border lg:flex lg:items-stretch lg:divide-x lg:divide-y-0`,children:e.map(e=>(0,c.jsx)(`div`,{className:`min-w-0 px-4 py-2.5 lg:min-w-36 lg:flex-1`,children:(0,c.jsx)(k,{data:e,variant:`default`,size:s,showSparkline:u,showChange:d})},e.id))}),h=!!i&&(0,c.jsx)(`div`,{className:`flex shrink-0 items-center border-b border-border px-3 py-2 lg:border-b-0 lg:py-0`,children:(0,c.jsxs)(r.t,{variant:`secondary`,buttonStyle:`ghost`,className:`gap-1.5`,onClick:a?()=>a(i.value):void 0,children:[(0,c.jsx)(l.Calendar,{className:`size-3.5`,"aria-hidden":`true`}),(0,c.jsx)(n.n,{size:`xs`,weight:`medium`,children:i.label})]})});return o===`gradient`?(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component`,`w-full`,`rounded-lg bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-[1px]`,p),children:[(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden rounded-radius bg-card lg:flex-row`,children:[h&&(0,c.jsxs)(c.Fragment,{children:[h,(0,c.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),m]}),!!f&&(0,c.jsx)(`div`,{className:`rounded-b-radius border-t border-border/50 bg-card px-4 py-2`,children:(0,c.jsx)(n.n,{size:`xxs`,type:`discrete`,children:f})})]}):(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component flex w-full flex-col overflow-hidden rounded-lg border border-border bg-card shadow-sm`,p),children:[(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden lg:flex-row`,children:[h&&(0,c.jsxs)(c.Fragment,{children:[h,(0,c.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),m]}),!!f&&(0,c.jsx)(`div`,{className:`border-t border-border/50 px-4 py-2`,children:(0,c.jsx)(n.n,{size:`xxs`,type:`discrete`,children:f})})]})}N.displayName=`MetricBar`;var ie={sm:`gap-2`,md:`gap-3`,lg:`gap-4`};function ae(e){return e<=1?`grid-cols-1`:e===2?`grid-cols-1 sm:grid-cols-2`:e===3?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`:e===4?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`:e===5||e===6?`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`}var oe={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`,6:`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`};function P({metrics:e,variant:n=`card`,size:r=`md`,colorScheme:i=`default`,columns:a=`auto`,gap:o=`md`,showSparklines:s=!0,showChanges:l=!0,showIcons:u=!0,loading:d=!1,className:f}){return(0,c.jsx)(`div`,{className:t.cn(`metric-grid--component`,`grid`,a===`auto`?ae(e.length):oe[a],ie[o],f),children:e.map(e=>(0,c.jsx)(k,{data:e,variant:n,size:r,colorScheme:i,showSparkline:s,showChange:l,showIcon:u,loading:d},e.id))})}P.displayName=`MetricGrid`;var F={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function I(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function L({current:r,previous:a,title:o,currentPeriod:s,previousPeriod:u,className:d,strings:p}){let m=e.useStrings(F,p),h=I(r.value),g=I(a.value),_=h!==null&&g!==null,v=_?h-g:0,y=_&&g!==0?Math.round(v/g*100):0,b=v>0,x=v===0,S=x?l.Equal:b?l.ArrowUp:l.ArrowDown,C=x?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:b?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,c.jsxs)(i.t,{title:o??m.title,className:t.cn(`metric-comparison--component`,d),children:[!!(s||u)&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!s&&(0,c.jsx)(n.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:s}),!!u&&(0,c.jsx)(n.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:u})]}),(0,c.jsxs)(`div`,{className:`mt-3 grid items-stretch gap-2 grid-cols-1 sm:grid-cols-[1fr_auto_1fr]`,children:[(0,c.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-card px-3 py-2.5`,children:[(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:m.currentLabel}),(0,c.jsx)(n.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:f(r)})]}),(0,c.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground/60`,children:[(0,c.jsx)(l.ArrowRight,{className:`hidden size-4 sm:block`,"aria-hidden":`true`}),(0,c.jsx)(l.ArrowDown,{className:`size-4 sm:hidden`,"aria-hidden":`true`})]}),(0,c.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 px-3 py-2.5`,children:[(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:m.previousLabel}),(0,c.jsx)(n.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:f(a)})]})]}),!!_&&(0,c.jsxs)(`div`,{className:t.cn(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,C.box),children:[(0,c.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,C.chip),children:[(0,c.jsx)(S,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsxs)(n.n,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[b?`+`:x?``:`−`,(e=>{let t=Math.abs(e);return f({...r,value:t})})(v)]})]}),(0,c.jsxs)(n.n,{size:`xs`,type:`secondary`,className:t.cn(`tabular-nums`,b&&`text-success`,!b&&!x&&`text-destructive`),children:[b?`+`:x?``:`−`,Math.abs(y),`% `,m.suffix]})]})]})}L.displayName=`MetricComparison`;var R=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],z={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},B=[`var(--success)`,`var(--info)`,`var(--warning)`];function V({data:e,color:n}){let r=Math.max(...e,1);return(0,c.jsx)(`div`,{className:t.cn(`metric-micro-grid--component`,`flex h-5 items-end gap-[2px]`),children:e.slice(0,6).map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 rounded-t-sm`,style:{height:`${e/r*100}%`,backgroundColor:n,opacity:.8}},`bar-${t}`))})}function H({data:e,color:t}){let n=Math.max(...e,1),r=Math.min(...e),i=n-r||1,a=e.slice(0,6);return(0,c.jsx)(`svg`,{viewBox:`0 0 60 16`,className:`h-5 w-full`,preserveAspectRatio:`none`,children:(0,c.jsx)(`polyline`,{fill:`none`,stroke:t,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,points:a.map((e,t)=>`${t/Math.max(a.length-1,1)*60},${16-(e-r)/i*14}`).join(` `)})})}function U({data:e,color:t}){let n=Math.max(...e,1);return(0,c.jsx)(`div`,{className:`flex h-5 items-end justify-around`,children:e.slice(0,5).map((e,r)=>(0,c.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full`,style:{marginBottom:`${e/n*12}px`,backgroundColor:t}},`dot-${r}`))})}function W({data:e,color:t}){let n=e[0]??0,r=e[1]??100;return(0,c.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,c.jsx)(`div`,{className:`h-full rounded-full transition-all`,style:{width:`${Math.min(n/r*100,100)}%`,backgroundColor:t}})})}function G({data:e,color:t}){let n=`micro-area-${(0,s.useId)().replaceAll(`:`,``)}`;return(0,c.jsx)(`div`,{className:`h-5 w-full`,children:(0,c.jsx)(u.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,c.jsxs)(u.AreaChart,{data:e.map((e,t)=>({i:t,v:e})),margin:{top:0,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:n,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:t,stopOpacity:.3}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:t,stopOpacity:0})]})}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`v`,stroke:t,strokeWidth:1.25,fill:`url(#${n})`})]})})})}function K({data:e}){let t=e.reduce((e,t)=>e+t,0)||1,n=0;return(0,c.jsx)(`svg`,{viewBox:`0 0 24 24`,className:`h-6 w-6`,children:e.slice(0,3).map((e,r)=>{let i=e/t*360,a=n;n+=i;let o=(a-90)*Math.PI/180,s=(a+i-90)*Math.PI/180,l=+(i>180);return(0,c.jsx)(`path`,{d:`M12,12 L${12+10*Math.cos(o)},${12+10*Math.sin(o)} A10,10 0 ${l},1 ${12+10*Math.cos(s)},${12+10*Math.sin(s)} Z`,fill:B[r%B.length]},`slice-${r}`)})})}function se({kind:e,data:t}){let n=z[e];return e===`bars`?(0,c.jsx)(V,{data:t,color:n}):e===`line`?(0,c.jsx)(H,{data:t,color:n}):e===`dots`?(0,c.jsx)(U,{data:t,color:n}):e===`progress`?(0,c.jsx)(W,{data:t,color:n}):e===`area`?(0,c.jsx)(G,{data:t,color:n}):(0,c.jsx)(K,{data:t})}function q({title:e=`Overview`,cells:r,className:a}){return(0,c.jsx)(i.t,{title:e,className:a,padding:`sm`,children:(0,c.jsx)(`div`,{className:`grid grid-cols-3 grid-rows-2 -m-2`,children:r.slice(0,6).map((e,r)=>(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-1.5 px-3 py-2.5`,r%3!=2&&`border-r border-border/50`,r<3&&`border-b border-border/50`),children:[(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,c.jsx)(n.n,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,c.jsx)(`div`,{className:`mt-auto`,children:(0,c.jsx)(se,{kind:e.chart??R[r],data:e.data})})]},e.id??e.label))})})}q.displayName=`MetricMicroGrid`;var ce={green:`bg-gradient-to-br from-success via-primary to-success`,purple:`bg-gradient-to-br from-info via-primary to-info`,warm:`bg-gradient-to-br from-warning via-destructive to-warning`,ocean:`bg-gradient-to-br from-info via-primary to-info`},J=`var(--inverse-foreground)`,Y=`var(--inverse-muted)`;function X({title:e,value:r,change:i,data:a,theme:o=`green`,subtitle:l,className:d}){let f=`metric-grad-${(0,s.useId)().replaceAll(`:`,``)}`;return(0,c.jsxs)(`div`,{className:t.cn(`metric-gradient--component`,`relative overflow-hidden rounded-lg p-5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,ce[o],d),children:[(0,c.jsxs)(`div`,{className:`relative flex items-start justify-between gap-3`,children:[(0,c.jsxs)(`div`,{className:`min-w-0`,children:[(0,c.jsx)(n.n,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:e}),!!r&&(0,c.jsx)(n.t,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:r}),!!l&&(0,c.jsx)(n.n,{size:`xs`,className:`mt-1 text-inverse-muted`,children:l})]}),!!i&&(0,c.jsx)(y,{change:i,trend:i.direction===`up`?`positive`:i.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-inverse-surface-strong !text-inverse-foreground`})]}),(0,c.jsx)(`div`,{className:`relative -mx-1 mt-3 h-24`,children:(0,c.jsx)(u.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,c.jsxs)(u.AreaChart,{data:a,margin:{top:4,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:f,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:J,stopOpacity:.3}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:J,stopOpacity:0})]})}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`value`,stroke:Y,strokeWidth:2,fill:`url(#${f})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:J,stroke:Y},isAnimationActive:!0,animationDuration:800})]})})})]})}X.displayName=`MetricGradient`;var Z={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function le(e,t){if(e.length===0)return{weeks:[],monthLabels:[]};let n=[...e].sort((e,t)=>e.date.localeCompare(t.date)),r=new Date(n[0].date+`T00:00:00`),i=new Date(n[n.length-1].date+`T00:00:00`),a=r.getDay(),o=a===0?-6:1-a,s=new Date(r);s.setDate(s.getDate()+o);let c=new Map;for(let e of n)c.set(e.date,e.level);let l=[],u=[],d=-1,f=[],p=new Date(s);for(;p<=i;){let e=p.toISOString().slice(0,10),n=(p.getDay()+6)%7;n===0&&f.length>0&&(l.push(f),f=[]);let r=p.getMonth();if(r!==d){let e=n===0?l.length:l.length+1;u.find(t=>t.weekIndex===e)||u.push({label:t[r],weekIndex:e}),d=r}let i=c.get(e)??0;f.push({date:e,level:i}),p.setDate(p.getDate()+1)}if(f.length>0){for(;f.length<7;)f.push(null);l.push(f)}return{weeks:l,monthLabels:u}}function Q({title:r,description:a,data:o,className:s,strings:l}){let u=e.useStrings(d,l),{weeks:f,monthLabels:p}=le(o,u.heatmapMonthNames);return(0,c.jsxs)(i.t,{title:r,description:a,className:t.cn(`activity-heatmap--component`,s),children:[(0,c.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,c.jsx)(`div`,{className:`relative mb-1`,style:{paddingLeft:`28px`,height:`12px`},children:(0,c.jsx)(`div`,{className:`relative flex`,style:{width:`${f.length*15}px`},children:p.filter((e,t,n)=>t===0||e.weekIndex-n[t-1].weekIndex>=3).map(e=>(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`absolute leading-none whitespace-nowrap`,style:{left:`${e.weekIndex*15}px`,top:0},children:e.label},`${e.label}-${e.weekIndex}`))})}),(0,c.jsxs)(`div`,{className:`flex gap-0`,children:[(0,c.jsx)(`div`,{className:`mr-1 flex flex-col gap-[3px]`,children:u.heatmapDayLabels.map((e,t)=>(0,c.jsx)(`div`,{className:`flex h-3 w-6 items-center justify-end`,children:!!e&&(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`leading-none`,children:e})},`day-${t}`))}),(0,c.jsx)(`div`,{className:`flex gap-[3px]`,children:f.map((e,n)=>(0,c.jsx)(`div`,{className:`flex flex-col gap-[3px]`,children:e.map((e,r)=>{let i=e?`${e.date}: Level ${e.level}`:void 0;return(0,c.jsx)(`div`,{className:t.cn(`size-3 rounded-sm`,e?Z[e.level]:`bg-transparent`),title:i},`d-${n}-${r}`)})},`w-${n}`))})]})]}),(0,c.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-1.5`,children:[(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,children:u.heatmapLegendLess}),[0,1,2,3,4].map(e=>(0,c.jsx)(`div`,{className:t.cn(`size-3 rounded-sm`,Z[e])},`legend-${e}`)),(0,c.jsx)(n.n,{size:`xxs`,type:`secondary`,children:u.heatmapLegendMore})]})]})}Q.displayName=`ActivityHeatmap`;function $({title:e,description:n,headerEnd:r,footer:a,config:s,children:l,initialDimension:u,surface:d,padding:f,className:p,contentClassName:m,chartClassName:h}){return(0,c.jsx)(i.t,{title:e,description:n,headerEnd:r,footerSlot:a,surface:d,padding:f,className:t.cn(`chart-card--component`,p),contentClassName:t.cn(`chart-card--content`,m),children:(0,c.jsx)(o.ChartContainer,{config:s,initialDimension:u,className:t.cn(`chart-card--chart min-h-[220px]`,h),children:l})})}$.displayName=`ChartCard`,exports.ActivityHeatmap=Q,exports.ChartCard=$,exports.Metric=k,exports.MetricBar=N,exports.MetricComparison=L,exports.MetricGradient=X,exports.MetricGrid=P,exports.MetricMicroGrid=q,exports.MetricSkeleton=C,exports.MetricSparkline=x,exports.MetricTrendChip=y,exports.defaultAnalyticsStrings=d,exports.defaultMetricComparisonStrings=F,exports.formatMetricValue=f,exports.resolveTrend=p;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/smart-card-B6m7tmt0.cjs"),a=require("../../../_shared/format-BTtJC6oz.cjs"),o=require("../../base/display/chart.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react"),u=require("recharts");var d={metricErrorLabel:`Unable to load metric`,comparisonTitle:`Comparison`,heatmapDayLabels:[`Mon`,``,`Wed`,``,`Fri`,``,``],heatmapMonthNames:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],heatmapLegendLess:`Less`,heatmapLegendMore:`More`};function f(e){if(e.value===null||e.value===void 0)return`—`;let t=e.value,n=typeof t==`number`?t:null;switch(e.valueType){case`currency`:return n===null?String(t):a.t(n,{currency:e.currency,currencyDisplay:`code`}).replace(/\u00a0/g,` `);case`percentage`:return n===null?String(t):a.i(n);case`duration`:return n===null?String(t):a.n(n);case`number`:return n===null?String(t):a.r(n);default:return String(t)}}function p(e){return e.trend?e.trend:e.change?.direction===`up`?`positive`:e.change?.direction===`down`?`negative`:`neutral`}var m={positive:{text:`text-success`,badge:`bg-success/10 text-success`,arrow:`text-success`},negative:{text:`text-destructive`,badge:`bg-destructive/10 text-destructive`,arrow:`text-destructive`},neutral:{text:`text-muted-foreground`,badge:`bg-muted text-muted-foreground`,arrow:`text-muted-foreground`}},h={sm:`size-3`,md:`size-3.5`,lg:`size-4`},g={sm:`xxs`,md:`xs`,lg:`sm`},_={sm:`px-1.5 py-0.5`,md:`px-2 py-0.5`,lg:`px-2.5 py-1`};function v(e,t){return e||(t===`up`?`positive`:t===`down`?`negative`:`neutral`)}function y({change:e,trend:n,size:i=`md`,variant:a=`default`,className:o}){let s=v(n,e.direction),u=e.direction===`up`?l.ArrowUp:e.direction===`down`?l.ArrowDown:l.Minus,d=m[s],f=String(e.value),p=e.direction===`up`?`+`:(e.direction,``);return a===`inline`?(0,c.jsxs)(r.n,{tag:`span`,size:g[i],weight:`medium`,className:t.cn(`metric-trend-chip--component`,d.text,`tabular-nums`,o),children:[p,f]}):a===`compact`?(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-0.5`,d.text,o),children:[(0,c.jsx)(u,{className:h[i],strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsx)(r.n,{tag:`span`,size:g[i],weight:`semibold`,className:`text-current tabular-nums`,children:f})]}):a===`badge`?(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1 rounded-full font-medium tabular-nums`,d.badge,_[i],o),children:[(0,c.jsx)(u,{className:h[i],strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsx)(r.n,{tag:`span`,size:g[i],weight:`semibold`,className:`text-current tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(r.n,{tag:`span`,size:g[i],className:`text-current opacity-70`,children:e.label})]}):(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1`,d.text,o),children:[(0,c.jsx)(u,{className:h[i],strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsx)(r.n,{tag:`span`,size:g[i],weight:`semibold`,className:`tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(r.n,{tag:`span`,size:g[i],type:`secondary`,children:e.label})]})}y.displayName=`MetricTrendChip`;var b={positive:`var(--success)`,negative:`var(--destructive)`,neutral:`var(--muted-foreground)`};function x({data:e,trend:n=`neutral`,color:r,className:i,animated:a=!0,"aria-label":o=`Trend sparkline`}){let l=(0,s.useId)(),d=(0,s.useMemo)(()=>`metric-spark-${l.replaceAll(`:`,``)}`,[l]),f=r??b[n],p=(0,s.useMemo)(()=>!Array.isArray(e)||e.length===0?[]:e.map((e,t)=>({i:t,v:e})),[e]);return p.length===0?(0,c.jsx)(`div`,{className:t.cn(`metric-sparkline--component`,`w-full`,i),"aria-hidden":`true`}):(0,c.jsx)(`div`,{className:t.cn(`w-full`,i),role:`img`,"aria-label":o,children:(0,c.jsx)(u.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,c.jsxs)(u.AreaChart,{data:p,margin:{top:2,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:d,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:f,stopOpacity:.25}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:f,stopOpacity:0})]})}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`v`,stroke:f,strokeWidth:1.75,fill:`url(#${d})`,dot:!1,activeDot:!1,isAnimationActive:a,animationDuration:600})]})})})}x.displayName=`MetricSparkline`;var S=({className:e})=>(0,c.jsx)(`div`,{className:t.cn(`animate-pulse rounded bg-muted`,e)});function C({variant:e=`default`,size:n=`md`,className:r}){let i=n===`sm`?`p-3`:n===`lg`?`p-5`:`p-4`;return e===`card`||e===`bordered`||e===`accent`||e===`colored`?(0,c.jsxs)(`div`,{className:t.cn(`metric-skeleton--component`,`rounded-xl border border-border bg-card shadow-sm`,i,r),"aria-busy":`true`,"aria-live":`polite`,children:[(0,c.jsx)(S,{className:`h-3 w-24`}),(0,c.jsx)(S,{className:t.cn(`mt-3`,n===`lg`?`h-9 w-40`:`h-7 w-32`)}),(0,c.jsx)(S,{className:`mt-2 h-3 w-20`}),(0,c.jsx)(S,{className:`mt-3 h-8 w-full`})]}):e===`compact`?(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-3`,r),"aria-busy":`true`,children:[(0,c.jsx)(S,{className:`size-9 rounded-lg`}),(0,c.jsxs)(`div`,{className:`flex-1 space-y-1.5`,children:[(0,c.jsx)(S,{className:`h-3 w-20`}),(0,c.jsx)(S,{className:`h-4 w-28`})]}),(0,c.jsx)(S,{className:`h-5 w-12 rounded-full`})]}):e===`minimal`?(0,c.jsxs)(`div`,{className:t.cn(`inline-flex items-baseline gap-2`,r),"aria-busy":`true`,children:[(0,c.jsx)(S,{className:`h-3 w-12`}),(0,c.jsx)(S,{className:`h-3 w-16`})]}):(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-1.5`,i,r),"aria-busy":`true`,children:[(0,c.jsx)(S,{className:`h-3 w-20`}),(0,c.jsx)(S,{className:`h-5 w-28`}),(0,c.jsx)(S,{className:`mt-1 h-6 w-full`})]})}C.displayName=`MetricSkeleton`;var w={default:{border:`border-border`,bg:`bg-card`,bar:`bg-foreground`,dot:`bg-foreground`,ring:`ring-border`},primary:{border:`border-primary/25`,bg:`bg-primary/5`,bar:`bg-primary`,dot:`bg-primary`,ring:`ring-primary/20`},success:{border:`border-success/30`,bg:`bg-success/5`,bar:`bg-success`,dot:`bg-success`,ring:`ring-success/20`},warning:{border:`border-warning/40`,bg:`bg-warning/10`,bar:`bg-warning`,dot:`bg-warning`,ring:`ring-warning/30`},danger:{border:`border-destructive/30`,bg:`bg-destructive/5`,bar:`bg-destructive`,dot:`bg-destructive`,ring:`ring-destructive/20`},info:{border:`border-info/30`,bg:`bg-info/5`,bar:`bg-info`,dot:`bg-info`,ring:`ring-info/20`}},T={sm:`text-sm`,md:`text-lg`,lg:`text-xl`},E={sm:`text-xl`,md:`text-3xl`,lg:`text-4xl`},D={sm:`h-6`,md:`h-8`,lg:`h-10`},O=16;function k(e){let{data:n,variant:i=`default`,size:a=`md`,colorScheme:o=`default`,showSparkline:l=!0,showChange:u=!0,showIcon:m=!0,loading:h=!1,error:g=!1,errorLabel:_,progress:v=0,className:y,"aria-label":b}=e,x=(0,s.useMemo)(()=>f(n),[n]),S=(0,s.useMemo)(()=>p(n),[n]);if(h)return(0,c.jsx)(C,{variant:i,size:a,className:t.cn(`metric--component`,y)});if(g)return(0,c.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-lg border border-border bg-card p-4 text-muted-foreground`,y),children:(0,c.jsx)(r.n,{children:_??d.metricErrorLabel})});let w={data:n,formattedValue:x,trend:S,size:a,showSparkline:l,showChange:u,showIcon:m,colorScheme:o,ariaLabel:b??n.label,className:y};switch(i){case`card`:return(0,c.jsx)(ee,{...w});case`compact`:return(0,c.jsx)(te,{...w});case`minimal`:return(0,c.jsx)(ne,{...w});case`bordered`:return(0,c.jsx)(re,{...w});case`accent`:return(0,c.jsx)(j,{...w});case`colored`:return(0,c.jsx)(M,{...w,progress:v});default:return(0,c.jsx)(A,{...w})}}k.displayName=`Metric`;function A({data:e,formattedValue:n,trend:i,size:a,showSparkline:o,showChange:s,showIcon:l,ariaLabel:u,className:d}){let f=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-col gap-1`,d),"aria-label":u,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0 text-muted-foreground`,children:[!!l&&!!f&&(0,c.jsx)(f,{className:`size-3.5 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label})]}),(0,c.jsx)(r.t,{tag:`h5`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate`,T[a]),title:n,children:n}),!!s&&!!e.change&&(0,c.jsx)(`div`,{className:`min-w-0`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,variant:`compact`})}),!!e.subtitle&&(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:e.subtitle}),!!o&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:i,className:t.cn(`mt-auto`,D[a])}),!!e.footer&&(0,c.jsx)(r.n,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.footer})]})}function ee({data:e,formattedValue:n,trend:a,size:o,showSparkline:s,showChange:l,showIcon:u,ariaLabel:d,className:f}){let p=e.icon,m=!!(e.href||e.onClick),h=o===`sm`?`sm`:o===`lg`?`lg`:`base`,g=(0,c.jsxs)(i.t,{title:e.label,icon:u&&p?(0,c.jsx)(p,{className:`size-4`,"aria-hidden":`true`}):null,tooltip:e.tooltip,padding:h,className:t.cn(m&&`cursor-pointer transition-shadow hover:shadow-md`,f),"aria-label":d,children:[(0,c.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,c.jsx)(r.t,{tag:o===`sm`?`h5`:o===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,E[o]),children:n}),!!l&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),!!e.subtitle&&(0,c.jsx)(r.n,{type:`secondary`,className:`mt-2`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:t.cn(`mt-3`,o===`lg`?`h-12`:`h-10`)}),!!e.footer&&(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-2`,children:e.footer})]});return m&&e.onClick?(0,c.jsx)(`div`,{role:`button`,tabIndex:0,onClick:e.onClick,onKeyDown:t=>(t.key===`Enter`||t.key===` `)&&e.onClick?.(),className:`rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:g}):g}function te({data:e,formattedValue:n,size:i,showChange:a,showIcon:o,ariaLabel:s,className:l}){let u=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-3`,l),"aria-label":s,children:[!!o&&!!u&&(0,c.jsx)(`span`,{className:`inline-flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground`,children:(0,c.jsx)(u,{className:`size-4`,"aria-hidden":`true`})}),(0,c.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,className:`truncate`,children:e.label}),(0,c.jsx)(r.n,{tag:`span`,size:i===`sm`?`sm`:`lg`,weight:`bold`,className:`block truncate tabular-nums`,children:n})]}),!!a&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:i,variant:`badge`,className:`shrink-0`})]})}function ne({data:e,formattedValue:n,size:i,showChange:a,ariaLabel:o,className:s}){return(0,c.jsxs)(`span`,{className:t.cn(`inline-flex items-baseline gap-2`,s),"aria-label":o,children:[(0,c.jsxs)(r.n,{tag:`span`,size:i===`lg`?`sm`:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,c.jsx)(r.n,{tag:`span`,size:i===`lg`?`sm`:`xs`,weight:`semibold`,className:`tabular-nums`,children:n}),!!a&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:`sm`,variant:`inline`})]})}function re({data:e,formattedValue:n,trend:i,size:a,showSparkline:o,showChange:s,showIcon:l,colorScheme:u,ariaLabel:d,className:f}){let p=e.icon,m=w[u];return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-3 rounded-xl border p-4 shadow-sm`,m.border,m.bg,f),"aria-label":d,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[!!l&&!!p&&(0,c.jsx)(p,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,children:e.label})]}),!!s&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,variant:`badge`})]}),(0,c.jsx)(r.t,{tag:a===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,E[a]),children:n}),!!e.subtitle&&(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,children:e.subtitle}),!!o&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:i,className:D[a]}),!!e.footer&&(0,c.jsx)(r.n,{size:`xxs`,type:`discrete`,children:e.footer})]})}function j({data:e,formattedValue:n,trend:i,size:a,showSparkline:o,showChange:s,ariaLabel:l,className:u}){let d=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`dark relative flex flex-col overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,u),"aria-label":l,children:[(0,c.jsxs)(`div`,{className:`flex flex-col gap-2 p-5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),!!d&&(0,c.jsx)(`span`,{className:`inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]`,children:(0,c.jsx)(d,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`})})]}),(0,c.jsxs)(`div`,{className:`flex items-baseline gap-2.5`,children:[(0,c.jsx)(r.t,{tag:`h3`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground`,E[a]),children:n}),!!s&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,variant:`compact`})]}),!!e.subtitle&&(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,children:e.subtitle})]}),!!o&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:i,className:`h-12 w-full`})]})}function M({data:e,formattedValue:n,size:i,showChange:a,colorScheme:o,ariaLabel:s,className:u,progress:d=0}){let f=w[o==="default"?`primary`:o],p=Math.round(Math.min(Math.max(d,0),100)/100*O);return(0,c.jsxs)(`div`,{className:t.cn(`rounded-xl bg-card p-5 shadow-sm border border-border/50`,u),"aria-label":s,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label}),(0,c.jsx)(`span`,{className:t.cn(`size-1.5 rounded-full shrink-0`,f.dot),"aria-hidden":`true`})]}),(0,c.jsxs)(`div`,{className:`mt-2.5 flex items-baseline gap-2`,children:[(0,c.jsx)(r.t,{tag:`h3`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,E[i]),children:n}),!!e.subtitle&&(0,c.jsx)(r.n,{size:`xs`,type:`secondary`,children:e.subtitle})]}),(0,c.jsx)(`div`,{className:`mt-4 flex items-center gap-0.5`,role:`progressbar`,"aria-label":`${e.label} progress`,"aria-valuenow":d,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":`${d}%`,children:Array.from({length:O},(e,n)=>(0,c.jsx)(`div`,{className:t.cn(`h-6 w-1.5 rounded-sm transition-colors`,n<p?f.bar:`bg-muted`)},`seg-${n}`))}),!!a&&!!e.change&&(0,c.jsx)(`div`,{className:`mt-3`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:i,variant:`default`})}),!!e.footer&&(0,c.jsxs)(`div`,{className:`mt-2 inline-flex items-center gap-1 text-muted-foreground`,children:[(0,c.jsx)(l.ArrowUpRight,{className:`size-3`,"aria-hidden":`true`}),(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,children:e.footer})]})]})}function N({metrics:e,period:i,onPeriodChange:a,variant:o=`default`,size:s=`sm`,showSparklines:u=!0,showChanges:d=!0,footerText:f,className:p}){let m=(0,c.jsx)(`div`,{className:`grid min-w-0 flex-1 grid-cols-1 divide-y divide-border lg:flex lg:items-stretch lg:divide-x lg:divide-y-0`,children:e.map(e=>(0,c.jsx)(`div`,{className:`min-w-0 px-4 py-2.5 lg:min-w-36 lg:flex-1`,children:(0,c.jsx)(k,{data:e,variant:`default`,size:s,showSparkline:u,showChange:d})},e.id))}),h=!!i&&(0,c.jsx)(`div`,{className:`flex shrink-0 items-center border-b border-border px-3 py-2 lg:border-b-0 lg:py-0`,children:(0,c.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`gap-1.5`,onClick:a?()=>a(i.value):void 0,children:[(0,c.jsx)(l.Calendar,{className:`size-3.5`,"aria-hidden":`true`}),(0,c.jsx)(r.n,{size:`xs`,weight:`medium`,children:i.label})]})});return o===`gradient`?(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component`,`w-full`,`rounded-lg bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-[1px]`,p),children:[(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden rounded-radius bg-card lg:flex-row`,children:[h&&(0,c.jsxs)(c.Fragment,{children:[h,(0,c.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),m]}),!!f&&(0,c.jsx)(`div`,{className:`rounded-b-radius border-t border-border/50 bg-card px-4 py-2`,children:(0,c.jsx)(r.n,{size:`xxs`,type:`discrete`,children:f})})]}):(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component flex w-full flex-col overflow-hidden rounded-lg border border-border bg-card shadow-sm`,p),children:[(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden lg:flex-row`,children:[h&&(0,c.jsxs)(c.Fragment,{children:[h,(0,c.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),m]}),!!f&&(0,c.jsx)(`div`,{className:`border-t border-border/50 px-4 py-2`,children:(0,c.jsx)(r.n,{size:`xxs`,type:`discrete`,children:f})})]})}N.displayName=`MetricBar`;var ie={sm:`gap-2`,md:`gap-3`,lg:`gap-4`};function ae(e){return e<=1?`grid-cols-1`:e===2?`grid-cols-1 sm:grid-cols-2`:e===3?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`:e===4?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`:e===5||e===6?`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`}var oe={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`,6:`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`};function P({metrics:e,variant:n=`card`,size:r=`md`,colorScheme:i=`default`,columns:a=`auto`,gap:o=`md`,showSparklines:s=!0,showChanges:l=!0,showIcons:u=!0,loading:d=!1,className:f}){return(0,c.jsx)(`div`,{className:t.cn(`metric-grid--component`,`grid`,a===`auto`?ae(e.length):oe[a],ie[o],f),children:e.map(e=>(0,c.jsx)(k,{data:e,variant:n,size:r,colorScheme:i,showSparkline:s,showChange:l,showIcon:u,loading:d},e.id))})}P.displayName=`MetricGrid`;var F={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function I(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function L({current:n,previous:a,title:o,currentPeriod:s,previousPeriod:u,className:d,strings:p}){let m=e.useStrings(F,p),h=I(n.value),g=I(a.value),_=h!==null&&g!==null,v=_?h-g:0,y=_&&g!==0?Math.round(v/g*100):0,b=v>0,x=v===0,S=x?l.Equal:b?l.ArrowUp:l.ArrowDown,C=x?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:b?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,c.jsxs)(i.t,{title:o??m.title,className:t.cn(`metric-comparison--component`,d),children:[!!(s||u)&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!s&&(0,c.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:s}),!!u&&(0,c.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:u})]}),(0,c.jsxs)(`div`,{className:`mt-3 grid items-stretch gap-2 grid-cols-1 sm:grid-cols-[1fr_auto_1fr]`,children:[(0,c.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-card px-3 py-2.5`,children:[(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:m.currentLabel}),(0,c.jsx)(r.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:f(n)})]}),(0,c.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground/60`,children:[(0,c.jsx)(l.ArrowRight,{className:`hidden size-4 sm:block`,"aria-hidden":`true`}),(0,c.jsx)(l.ArrowDown,{className:`size-4 sm:hidden`,"aria-hidden":`true`})]}),(0,c.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 px-3 py-2.5`,children:[(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:m.previousLabel}),(0,c.jsx)(r.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:f(a)})]})]}),!!_&&(0,c.jsxs)(`div`,{className:t.cn(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,C.box),children:[(0,c.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,C.chip),children:[(0,c.jsx)(S,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsxs)(r.n,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[b?`+`:x?``:`−`,(e=>{let t=Math.abs(e);return f({...n,value:t})})(v)]})]}),(0,c.jsxs)(r.n,{size:`xs`,type:`secondary`,className:t.cn(`tabular-nums`,b&&`text-success`,!b&&!x&&`text-destructive`),children:[b?`+`:x?``:`−`,Math.abs(y),`% `,m.suffix]})]})]})}L.displayName=`MetricComparison`;var R=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],z={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},B=[`var(--success)`,`var(--info)`,`var(--warning)`];function V({data:e,color:n}){let r=Math.max(...e,1);return(0,c.jsx)(`div`,{className:t.cn(`metric-micro-grid--component`,`flex h-5 items-end gap-[2px]`),children:e.slice(0,6).map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 rounded-t-sm`,style:{height:`${e/r*100}%`,backgroundColor:n,opacity:.8}},`bar-${t}`))})}function H({data:e,color:t}){let n=Math.max(...e,1),r=Math.min(...e),i=n-r||1,a=e.slice(0,6);return(0,c.jsx)(`svg`,{viewBox:`0 0 60 16`,className:`h-5 w-full`,preserveAspectRatio:`none`,children:(0,c.jsx)(`polyline`,{fill:`none`,stroke:t,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,points:a.map((e,t)=>`${t/Math.max(a.length-1,1)*60},${16-(e-r)/i*14}`).join(` `)})})}function U({data:e,color:t}){let n=Math.max(...e,1);return(0,c.jsx)(`div`,{className:`flex h-5 items-end justify-around`,children:e.slice(0,5).map((e,r)=>(0,c.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full`,style:{marginBottom:`${e/n*12}px`,backgroundColor:t}},`dot-${r}`))})}function W({data:e,color:t}){let n=e[0]??0,r=e[1]??100;return(0,c.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,c.jsx)(`div`,{className:`h-full rounded-full transition-all`,style:{width:`${Math.min(n/r*100,100)}%`,backgroundColor:t}})})}function G({data:e,color:t}){let n=`micro-area-${(0,s.useId)().replaceAll(`:`,``)}`;return(0,c.jsx)(`div`,{className:`h-5 w-full`,children:(0,c.jsx)(u.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,c.jsxs)(u.AreaChart,{data:e.map((e,t)=>({i:t,v:e})),margin:{top:0,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:n,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:t,stopOpacity:.3}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:t,stopOpacity:0})]})}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`v`,stroke:t,strokeWidth:1.25,fill:`url(#${n})`})]})})})}function K({data:e}){let t=e.reduce((e,t)=>e+t,0)||1,n=0;return(0,c.jsx)(`svg`,{viewBox:`0 0 24 24`,className:`h-6 w-6`,children:e.slice(0,3).map((e,r)=>{let i=e/t*360,a=n;n+=i;let o=(a-90)*Math.PI/180,s=(a+i-90)*Math.PI/180,l=+(i>180);return(0,c.jsx)(`path`,{d:`M12,12 L${12+10*Math.cos(o)},${12+10*Math.sin(o)} A10,10 0 ${l},1 ${12+10*Math.cos(s)},${12+10*Math.sin(s)} Z`,fill:B[r%B.length]},`slice-${r}`)})})}function se({kind:e,data:t}){let n=z[e];return e===`bars`?(0,c.jsx)(V,{data:t,color:n}):e===`line`?(0,c.jsx)(H,{data:t,color:n}):e===`dots`?(0,c.jsx)(U,{data:t,color:n}):e===`progress`?(0,c.jsx)(W,{data:t,color:n}):e===`area`?(0,c.jsx)(G,{data:t,color:n}):(0,c.jsx)(K,{data:t})}function q({title:e=`Overview`,cells:n,className:a}){return(0,c.jsx)(i.t,{title:e,className:a,padding:`sm`,children:(0,c.jsx)(`div`,{className:`grid grid-cols-3 grid-rows-2 -m-2`,children:n.slice(0,6).map((e,n)=>(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-1.5 px-3 py-2.5`,n%3!=2&&`border-r border-border/50`,n<3&&`border-b border-border/50`),children:[(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,c.jsx)(r.n,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,c.jsx)(`div`,{className:`mt-auto`,children:(0,c.jsx)(se,{kind:e.chart??R[n],data:e.data})})]},e.id??e.label))})})}q.displayName=`MetricMicroGrid`;var ce={green:`bg-gradient-to-br from-success via-primary to-success`,purple:`bg-gradient-to-br from-info via-primary to-info`,warm:`bg-gradient-to-br from-warning via-destructive to-warning`,ocean:`bg-gradient-to-br from-info via-primary to-info`},J=`var(--inverse-foreground)`,Y=`var(--inverse-muted)`;function X({title:e,value:n,change:i,data:a,theme:o=`green`,subtitle:l,className:d}){let f=`metric-grad-${(0,s.useId)().replaceAll(`:`,``)}`;return(0,c.jsxs)(`div`,{className:t.cn(`metric-gradient--component`,`relative overflow-hidden rounded-lg p-5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,ce[o],d),children:[(0,c.jsxs)(`div`,{className:`relative flex items-start justify-between gap-3`,children:[(0,c.jsxs)(`div`,{className:`min-w-0`,children:[(0,c.jsx)(r.n,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:e}),!!n&&(0,c.jsx)(r.t,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:n}),!!l&&(0,c.jsx)(r.n,{size:`xs`,className:`mt-1 text-inverse-muted`,children:l})]}),!!i&&(0,c.jsx)(y,{change:i,trend:i.direction===`up`?`positive`:i.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-inverse-surface-strong !text-inverse-foreground`})]}),(0,c.jsx)(`div`,{className:`relative -mx-1 mt-3 h-24`,children:(0,c.jsx)(u.ResponsiveContainer,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,c.jsxs)(u.AreaChart,{data:a,margin:{top:4,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:f,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:J,stopOpacity:.3}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:J,stopOpacity:0})]})}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`value`,stroke:Y,strokeWidth:2,fill:`url(#${f})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:J,stroke:Y},isAnimationActive:!0,animationDuration:800})]})})})]})}X.displayName=`MetricGradient`;var Z={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function le(e,t){if(e.length===0)return{weeks:[],monthLabels:[]};let n=[...e].sort((e,t)=>e.date.localeCompare(t.date)),r=new Date(n[0].date+`T00:00:00`),i=new Date(n[n.length-1].date+`T00:00:00`),a=r.getDay(),o=a===0?-6:1-a,s=new Date(r);s.setDate(s.getDate()+o);let c=new Map;for(let e of n)c.set(e.date,e.level);let l=[],u=[],d=-1,f=[],p=new Date(s);for(;p<=i;){let e=p.toISOString().slice(0,10),n=(p.getDay()+6)%7;n===0&&f.length>0&&(l.push(f),f=[]);let r=p.getMonth();if(r!==d){let e=n===0?l.length:l.length+1;u.find(t=>t.weekIndex===e)||u.push({label:t[r],weekIndex:e}),d=r}let i=c.get(e)??0;f.push({date:e,level:i}),p.setDate(p.getDate()+1)}if(f.length>0){for(;f.length<7;)f.push(null);l.push(f)}return{weeks:l,monthLabels:u}}function Q({title:n,description:a,data:o,className:s,strings:l}){let u=e.useStrings(d,l),{weeks:f,monthLabels:p}=le(o,u.heatmapMonthNames);return(0,c.jsxs)(i.t,{title:n,description:a,className:t.cn(`activity-heatmap--component`,s),children:[(0,c.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,c.jsx)(`div`,{className:`relative mb-1`,style:{paddingLeft:`28px`,height:`12px`},children:(0,c.jsx)(`div`,{className:`relative flex`,style:{width:`${f.length*15}px`},children:p.filter((e,t,n)=>t===0||e.weekIndex-n[t-1].weekIndex>=3).map(e=>(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`absolute leading-none whitespace-nowrap`,style:{left:`${e.weekIndex*15}px`,top:0},children:e.label},`${e.label}-${e.weekIndex}`))})}),(0,c.jsxs)(`div`,{className:`flex gap-0`,children:[(0,c.jsx)(`div`,{className:`mr-1 flex flex-col gap-[3px]`,children:u.heatmapDayLabels.map((e,t)=>(0,c.jsx)(`div`,{className:`flex h-3 w-6 items-center justify-end`,children:!!e&&(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,className:`leading-none`,children:e})},`day-${t}`))}),(0,c.jsx)(`div`,{className:`flex gap-[3px]`,children:f.map((e,n)=>(0,c.jsx)(`div`,{className:`flex flex-col gap-[3px]`,children:e.map((e,r)=>{let i=e?`${e.date}: Level ${e.level}`:void 0;return(0,c.jsx)(`div`,{className:t.cn(`size-3 rounded-sm`,e?Z[e.level]:`bg-transparent`),title:i},`d-${n}-${r}`)})},`w-${n}`))})]})]}),(0,c.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-1.5`,children:[(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,children:u.heatmapLegendLess}),[0,1,2,3,4].map(e=>(0,c.jsx)(`div`,{className:t.cn(`size-3 rounded-sm`,Z[e])},`legend-${e}`)),(0,c.jsx)(r.n,{size:`xxs`,type:`secondary`,children:u.heatmapLegendMore})]})]})}Q.displayName=`ActivityHeatmap`;function $({title:e,description:n,headerEnd:r,footer:a,config:s,children:l,initialDimension:u,surface:d,padding:f,className:p,contentClassName:m,chartClassName:h}){return(0,c.jsx)(i.t,{title:e,description:n,headerEnd:r,footerSlot:a,surface:d,padding:f,className:t.cn(`chart-card--component`,p),contentClassName:t.cn(`chart-card--content`,m),children:(0,c.jsx)(o.ChartContainer,{config:s,initialDimension:u,className:t.cn(`chart-card--chart min-h-[220px]`,h),children:l})})}$.displayName=`ChartCard`,exports.ActivityHeatmap=Q,exports.ChartCard=$,exports.Metric=k,exports.MetricBar=N,exports.MetricComparison=L,exports.MetricGradient=X,exports.MetricGrid=P,exports.MetricMicroGrid=q,exports.MetricSkeleton=C,exports.MetricSparkline=x,exports.MetricTrendChip=y,exports.defaultAnalyticsStrings=d,exports.defaultMetricComparisonStrings=F,exports.formatMetricValue=f,exports.resolveTrend=p;
 //# sourceMappingURL=index.cjs.map