admin-ui-starter-kit 0.1.2 → 0.1.4

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

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../lib/utils.cjs`),n=require(`../../../_shared/text-DBnY6fcL.cjs`),r=require(`../../../_shared/heading-mZc_jan1.cjs`),i=require(`../../../_shared/button-D0nF99a9.cjs`),a=require(`../../../_shared/smart-card-Bm_VxYUG.cjs`),o=require(`../../../_shared/format-B2AdSQVn.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):o.t(n,{currency:e.currency});case`percentage`:return n===null?String(t):o.i(n);case`duration`:return n===null?String(t):o.n(n);case`number`:return n===null?String(t):o.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.t,{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.t,{tag:`span`,size:g[i],weight:`semibold`,className:`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.t,{tag:`span`,size:g[i],weight:`semibold`,className:`tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(n.t,{tag:`span`,size:g[i],className:`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.t,{tag:`span`,size:g[i],weight:`semibold`,className:`tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(n.t,{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`}},ee={sm:`text-sm`,md:`text-lg`,lg:`text-xl`},T={sm:`text-xl`,md:`text-3xl`,lg:`text-4xl`},E={sm:`h-6`,md:`h-8`,lg:`h-10`},D=16;function O(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.t,{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)(k,{...w});case`compact`:return(0,c.jsx)(A,{...w});case`minimal`:return(0,c.jsx)(j,{...w});case`bordered`:return(0,c.jsx)(M,{...w});case`accent`:return(0,c.jsx)(N,{...w});case`colored`:return(0,c.jsx)(ne,{...w,progress:v});default:return(0,c.jsx)(te,{...w})}}O.displayName=`Metric`;function te({data:e,formattedValue:i,trend:a,size:o,showSparkline:s,showChange:l,showIcon:u,ariaLabel:d,className:f}){let p=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-col gap-1`,f),"aria-label":d,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0 text-muted-foreground`,children:[!!u&&!!p&&(0,c.jsx)(p,{className:`size-3.5 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(n.t,{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`,ee[o]),title:i,children:i}),!!l&&!!e.change&&(0,c.jsx)(`div`,{className:`min-w-0`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`compact`})}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,className:`truncate`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:t.cn(`mt-auto`,E[o])}),!!e.footer&&(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.footer})]})}function k({data:e,formattedValue:i,trend:o,size:s,showSparkline:l,showChange:u,showIcon:d,ariaLabel:f,className:p}){let m=e.icon,h=!!(e.href||e.onClick),g=s===`sm`?`sm`:s===`lg`?`lg`:`base`,_=(0,c.jsxs)(a.t,{title:e.label,icon:d&&m?(0,c.jsx)(m,{className:`size-4`,"aria-hidden":`true`}):null,tooltip:e.tooltip,padding:g,className:t.cn(h&&`cursor-pointer transition-shadow hover:shadow-md`,p),"aria-label":f,children:[(0,c.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,c.jsx)(r.t,{tag:s===`sm`?`h5`:s===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,T[s]),children:i}),!!u&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:s,variant:`badge`})]}),!!e.subtitle&&(0,c.jsx)(n.t,{type:`secondary`,className:`mt-2`,children:e.subtitle}),!!l&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:o,className:t.cn(`mt-3`,s===`lg`?`h-12`:`h-10`)}),!!e.footer&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-2`,children:e.footer})]});return h&&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:_}):_}function A({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.t,{size:`xs`,type:`secondary`,className:`truncate`,children:e.label}),(0,c.jsx)(n.t,{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 j({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.t,{tag:`span`,size:i===`lg`?`sm`:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,c.jsx)(n.t,{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 M({data:e,formattedValue:i,trend:a,size:o,showSparkline:s,showChange:l,showIcon:u,colorScheme:d,ariaLabel:f,className:p}){let m=e.icon,h=w[d];return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-3 rounded-xl border p-4 shadow-sm`,h.border,h.bg,p),"aria-label":f,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:[!!u&&!!m&&(0,c.jsx)(m,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,weight:`medium`,children:e.label})]}),!!l&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),(0,c.jsx)(r.t,{tag:o===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,T[o]),children:i}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:E[o]}),!!e.footer&&(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,children:e.footer})]})}function N({data:e,formattedValue:i,trend:a,size:o,showSparkline:s,showChange:l,ariaLabel:u,className:d}){let f=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`dark relative flex flex-col rounded-2xl bg-card text-card-foreground shadow-lg ring-1 ring-border overflow-hidden`,d),"aria-label":u,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.t,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),!!f&&(0,c.jsx)(`span`,{className:`inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]`,children:(0,c.jsx)(f,{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`,T[o]),children:i}),!!l&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`compact`})]}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.subtitle})]}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:`h-12 w-full`})]})}function ne({data:e,formattedValue:i,size:a,showChange:o,colorScheme:s,ariaLabel:u,className:d,progress:f=0}){let p=w[s===`default`?`primary`:s],m=Math.round(Math.min(Math.max(f,0),100)/100*D);return(0,c.jsxs)(`div`,{className:t.cn(`rounded-xl bg-card p-5 shadow-sm border border-border/50`,d),"aria-label":u,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.t,{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`,p.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`,T[a]),children:i}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.subtitle})]}),(0,c.jsx)(`div`,{className:`mt-4 flex items-center gap-0.5`,role:`progressbar`,"aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":100,children:Array.from({length:D},(e,n)=>(0,c.jsx)(`div`,{className:t.cn(`h-6 w-1.5 rounded-sm transition-colors`,n<m?p.bar:`bg-muted`)},`seg-${n}`))}),!!o&&!!e.change&&(0,c.jsx)(`div`,{className:`mt-3`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,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.t,{size:`xxs`,type:`secondary`,children:e.footer})]})]})}function P({metrics:e,period:r,onPeriodChange:a,variant:o=`default`,size:s=`md`,showSparklines:u=!0,showChanges:d=!0,footerText:f,className:p}){let m=(0,c.jsx)(`div`,{className:`flex min-w-0 flex-1 items-stretch divide-x divide-border`,children:e.map(e=>(0,c.jsx)(`div`,{className:`flex-1 min-w-0 px-4 py-3`,children:(0,c.jsx)(O,{data:e,variant:`default`,size:s,showSparkline:u,showChange:d})},e.id))}),h=!!r&&(0,c.jsx)(`div`,{className:`flex shrink-0 items-center px-3`,children:(0,c.jsxs)(i.t,{variant:`secondary`,buttonStyle:`ghost`,className:`gap-1.5`,onClick:a?()=>a(r.value):void 0,children:[(0,c.jsx)(l.Calendar,{className:`size-3.5`,"aria-hidden":`true`}),(0,c.jsx)(n.t,{size:`xs`,weight:`medium`,children:r.label})]})});return o===`gradient`?(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component`,`rounded-xl bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-[1px]`,p),children:[(0,c.jsxs)(`div`,{className:`flex items-stretch overflow-hidden rounded-[11px] bg-card`,children:[h&&(0,c.jsxs)(c.Fragment,{children:[h,(0,c.jsx)(`div`,{className:`w-px bg-border`,"aria-hidden":`true`})]}),m]}),!!f&&(0,c.jsx)(`div`,{className:`rounded-b-[11px] border-t border-border/50 bg-card px-4 py-2`,children:(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,children:f})})]}):(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col overflow-hidden rounded-xl border border-border bg-card shadow-sm`,p),children:[(0,c.jsxs)(`div`,{className:`flex items-stretch`,children:[h&&(0,c.jsxs)(c.Fragment,{children:[h,(0,c.jsx)(`div`,{className:`w-px bg-border`,"aria-hidden":`true`})]}),m]}),!!f&&(0,c.jsx)(`div`,{className:`border-t border-border/50 px-4 py-2`,children:(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,children:f})})]})}P.displayName=`MetricBar`;var re={sm:`gap-2`,md:`gap-3`,lg:`gap-4`};function ie(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 F={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 I({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`?ie(e.length):F[a],re[o],f),children:e.map(e=>(0,c.jsx)(O,{data:e,variant:n,size:r,colorScheme:i,showSparkline:s,showChange:l,showIcon:u,loading:d},e.id))})}I.displayName=`MetricGrid`;var L={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function R(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function z({current:i,previous:o,title:s,currentPeriod:u,previousPeriod:d,className:p,strings:m}){let h=e.useStrings(L,{...s?{title:s}:{},...m}),g=R(i.value),_=R(o.value),v=g!==null&&_!==null,y=v?g-_:0,b=v&&_!==0?Math.round(y/_*100):0,x=y>0,S=y===0,C=S?l.Equal:x?l.ArrowUp:l.ArrowDown,w=S?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:x?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,c.jsxs)(a.t,{title:h.title,className:t.cn(`metric-comparison--component`,p),children:[!!(u||d)&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!u&&(0,c.jsx)(n.t,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:u}),!!d&&(0,c.jsx)(n.t,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted/40 px-2 py-0.5 uppercase tracking-wider text-muted-foreground/70`,children:d})]}),(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.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:h.currentLabel}),(0,c.jsx)(r.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:f(i)})]}),(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 bg-muted/40 px-3 py-2.5`,children:[(0,c.jsx)(n.t,{size:`xxs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground/70`,children:h.previousLabel}),(0,c.jsx)(r.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:f(o)})]})]}),!!v&&(0,c.jsxs)(`div`,{className:t.cn(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,w.box),children:[(0,c.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,w.chip),children:[(0,c.jsx)(C,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsxs)(n.t,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[x?`+`:S?``:`−`,(e=>{let t=Math.abs(e);return f({...i,value:t})})(y)]})]}),(0,c.jsxs)(n.t,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[x?`+`:S?``:`−`,Math.abs(b),`% `,h.suffix]})]})]})}z.displayName=`MetricComparison`;var B=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],V={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},H=[`var(--success)`,`var(--info)`,`var(--warning)`];function U({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 W({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 G({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 K({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 q({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 J({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:H[r%H.length]},`slice-${r}`)})})}function ae({kind:e,data:t}){let n=V[e];return e===`bars`?(0,c.jsx)(U,{data:t,color:n}):e===`line`?(0,c.jsx)(W,{data:t,color:n}):e===`dots`?(0,c.jsx)(G,{data:t,color:n}):e===`progress`?(0,c.jsx)(K,{data:t,color:n}):e===`area`?(0,c.jsx)(q,{data:t,color:n}):(0,c.jsx)(J,{data:t})}function Y({title:e=`Overview`,cells:r,className:i}){return(0,c.jsx)(a.t,{title:e,className:i,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.t,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,c.jsx)(n.t,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,c.jsx)(`div`,{className:`mt-auto`,children:(0,c.jsx)(ae,{kind:e.chart??B[r],data:e.data})})]},e.id??e.label))})})}Y.displayName=`MetricMicroGrid`;var X={green:`bg-gradient-to-br from-emerald-600 via-teal-700 to-emerald-800`,purple:`bg-gradient-to-br from-violet-600 via-indigo-700 to-purple-800`,warm:`bg-gradient-to-br from-orange-500 via-rose-600 to-pink-700`,ocean:`bg-gradient-to-br from-sky-600 via-cyan-700 to-blue-800`};function oe({active:e,payload:r,label:i}){return!e||!r?.length?null:(0,c.jsxs)(`div`,{className:t.cn(`metric-gradient--component`,`rounded-lg bg-foreground/95 px-3 py-2 shadow-lg backdrop-blur-sm`),children:[!!i&&(0,c.jsx)(n.t,{size:`xxs`,className:`text-background/60 mb-1`,children:i}),r.map((e,t)=>(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(`div`,{className:`size-2 rounded-full`,style:{backgroundColor:e.color??`#fff`},"aria-hidden":`true`}),(0,c.jsx)(n.t,{size:`xs`,weight:`semibold`,className:`text-background tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]},`tt-${t}`))]})}function Z({title:e,value:i,change:a,data:o,theme:l=`green`,subtitle:d,className:f}){let p=`metric-grad-${(0,s.useId)().replaceAll(`:`,``)}`;return(0,c.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-2xl p-5 text-white shadow-lg ring-1 ring-white/10`,X[l],f),children:[(0,c.jsx)(`div`,{className:`absolute -right-12 -top-12 size-44 rounded-full bg-white/[0.08] blur-2xl`,"aria-hidden":`true`}),(0,c.jsx)(`div`,{className:`absolute -bottom-8 -left-8 size-32 rounded-full bg-white/[0.06] blur-xl`,"aria-hidden":`true`}),(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.t,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-white/70`,children:e}),!!i&&(0,c.jsx)(r.t,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 text-white leading-none`,children:i}),!!d&&(0,c.jsx)(n.t,{size:`xs`,className:`mt-1 text-white/70`,children:d})]}),!!a&&(0,c.jsx)(y,{change:a,trend:a.direction===`up`?`positive`:a.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-white/20 !text-white`})]}),(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:o,margin:{top:4,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:p,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:`white`,stopOpacity:.3}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:`white`,stopOpacity:0})]})}),(0,c.jsx)(u.Tooltip,{content:(0,c.jsx)(oe,{}),cursor:{stroke:`rgba(255,255,255,0.4)`,strokeWidth:1}}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`value`,stroke:`rgba(255,255,255,0.7)`,strokeWidth:2,fill:`url(#${p})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:`#fff`,stroke:`rgba(255,255,255,0.7)`},isAnimationActive:!0,animationDuration:800})]})})})]})}Z.displayName=`MetricGradient`;var Q={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function se(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 $({title:r,description:i,data:o,className:s,strings:l}){let u=e.useStrings(d,l),{weeks:f,monthLabels:p}=se(o,u.heatmapMonthNames);return(0,c.jsxs)(a.t,{title:r,description:i,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.t,{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.t,{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?Q[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.t,{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`,Q[e])},`legend-${e}`)),(0,c.jsx)(n.t,{size:`xxs`,type:`secondary`,children:u.heatmapLegendMore})]})]})}$.displayName=`ActivityHeatmap`,exports.ActivityHeatmap=$,exports.Metric=O,exports.MetricBar=P,exports.MetricComparison=z,exports.MetricGradient=Z,exports.MetricGrid=I,exports.MetricMicroGrid=Y,exports.MetricSkeleton=C,exports.MetricSparkline=x,exports.MetricTrendChip=y,exports.defaultAnalyticsStrings=d,exports.defaultMetricComparisonStrings=L,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/text-DzKt9cyb.cjs"),r=require("../../../_shared/heading-C7mNh03X.cjs"),i=require("../../../_shared/button-LZWDn-aU.cjs"),a=require("../../../_shared/smart-card-DL7esK_y.cjs"),o=require("../../../_shared/format-BTtJC6oz.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):o.t(n,{currency:e.currency});case`percentage`:return n===null?String(t):o.i(n);case`duration`:return n===null?String(t):o.n(n);case`number`:return n===null?String(t):o.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.t,{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.t,{tag:`span`,size:g[i],weight:`semibold`,className:`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.t,{tag:`span`,size:g[i],weight:`semibold`,className:`tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(n.t,{tag:`span`,size:g[i],className:`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.t,{tag:`span`,size:g[i],weight:`semibold`,className:`tabular-nums`,children:f}),!!e.label&&(0,c.jsx)(n.t,{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`}},ee={sm:`text-sm`,md:`text-lg`,lg:`text-xl`},T={sm:`text-xl`,md:`text-3xl`,lg:`text-4xl`},E={sm:`h-6`,md:`h-8`,lg:`h-10`},D=16;function O(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.t,{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)(k,{...w});case`compact`:return(0,c.jsx)(A,{...w});case`minimal`:return(0,c.jsx)(j,{...w});case`bordered`:return(0,c.jsx)(M,{...w});case`accent`:return(0,c.jsx)(N,{...w});case`colored`:return(0,c.jsx)(ne,{...w,progress:v});default:return(0,c.jsx)(te,{...w})}}O.displayName=`Metric`;function te({data:e,formattedValue:i,trend:a,size:o,showSparkline:s,showChange:l,showIcon:u,ariaLabel:d,className:f}){let p=e.icon;return(0,c.jsxs)(`div`,{className:t.cn(`flex min-w-0 flex-col gap-1`,f),"aria-label":d,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0 text-muted-foreground`,children:[!!u&&!!p&&(0,c.jsx)(p,{className:`size-3.5 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(n.t,{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`,ee[o]),title:i,children:i}),!!l&&!!e.change&&(0,c.jsx)(`div`,{className:`min-w-0`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`compact`})}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,className:`truncate`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:t.cn(`mt-auto`,E[o])}),!!e.footer&&(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.footer})]})}function k({data:e,formattedValue:i,trend:o,size:s,showSparkline:l,showChange:u,showIcon:d,ariaLabel:f,className:p}){let m=e.icon,h=!!(e.href||e.onClick),g=s===`sm`?`sm`:s===`lg`?`lg`:`base`,_=(0,c.jsxs)(a.t,{title:e.label,icon:d&&m?(0,c.jsx)(m,{className:`size-4`,"aria-hidden":`true`}):null,tooltip:e.tooltip,padding:g,className:t.cn(h&&`cursor-pointer transition-shadow hover:shadow-md`,p),"aria-label":f,children:[(0,c.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,c.jsx)(r.t,{tag:s===`sm`?`h5`:s===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,T[s]),children:i}),!!u&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:s,variant:`badge`})]}),!!e.subtitle&&(0,c.jsx)(n.t,{type:`secondary`,className:`mt-2`,children:e.subtitle}),!!l&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:o,className:t.cn(`mt-3`,s===`lg`?`h-12`:`h-10`)}),!!e.footer&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,className:`mt-2`,children:e.footer})]});return h&&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:_}):_}function A({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.t,{size:`xs`,type:`secondary`,className:`truncate`,children:e.label}),(0,c.jsx)(n.t,{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 j({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.t,{tag:`span`,size:i===`lg`?`sm`:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,c.jsx)(n.t,{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 M({data:e,formattedValue:i,trend:a,size:o,showSparkline:s,showChange:l,showIcon:u,colorScheme:d,ariaLabel:f,className:p}){let m=e.icon,h=w[d];return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col gap-3 rounded-xl border p-4 shadow-sm`,h.border,h.bg,p),"aria-label":f,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:[!!u&&!!m&&(0,c.jsx)(m,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,weight:`medium`,children:e.label})]}),!!l&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),(0,c.jsx)(r.t,{tag:o===`lg`?`h3`:`h4`,className:t.cn(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,T[o]),children:i}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:E[o]}),!!e.footer&&(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,children:e.footer})]})}function N({data:e,formattedValue:i,trend:a,size:o,showSparkline:s,showChange:l,ariaLabel:u,className:d}){let f=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`,d),"aria-label":u,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.t,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),!!f&&(0,c.jsx)(`span`,{className:`inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]`,children:(0,c.jsx)(f,{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`,T[o]),children:i}),!!l&&!!e.change&&(0,c.jsx)(y,{change:e.change,trend:e.trend,size:o,variant:`compact`})]}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.subtitle})]}),!!s&&!!e.sparkline?.length&&(0,c.jsx)(x,{data:e.sparkline,trend:a,className:`h-12 w-full`})]})}function ne({data:e,formattedValue:i,size:a,showChange:o,colorScheme:s,ariaLabel:u,className:d,progress:f=0}){let p=w[s==="default"?`primary`:s],m=Math.round(Math.min(Math.max(f,0),100)/100*D);return(0,c.jsxs)(`div`,{className:t.cn(`rounded-xl bg-card p-5 shadow-sm border border-border/50`,d),"aria-label":u,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.t,{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`,p.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`,T[a]),children:i}),!!e.subtitle&&(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.subtitle})]}),(0,c.jsx)(`div`,{className:`mt-4 flex items-center gap-0.5`,role:`progressbar`,"aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":100,children:Array.from({length:D},(e,n)=>(0,c.jsx)(`div`,{className:t.cn(`h-6 w-1.5 rounded-sm transition-colors`,n<m?p.bar:`bg-muted`)},`seg-${n}`))}),!!o&&!!e.change&&(0,c.jsx)(`div`,{className:`mt-3`,children:(0,c.jsx)(y,{change:e.change,trend:e.trend,size:a,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.t,{size:`xxs`,type:`secondary`,children:e.footer})]})]})}function P({metrics:e,period:r,onPeriodChange:a,variant:o=`default`,size:s=`md`,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-3 lg:min-w-36 lg:flex-1`,children:(0,c.jsx)(O,{data:e,variant:`default`,size:s,showSparkline:u,showChange:d})},e.id))}),h=!!r&&(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)(i.t,{variant:`secondary`,buttonStyle:`ghost`,className:`gap-1.5`,onClick:a?()=>a(r.value):void 0,children:[(0,c.jsx)(l.Calendar,{className:`size-3.5`,"aria-hidden":`true`}),(0,c.jsx)(n.t,{size:`xs`,weight:`medium`,children:r.label})]})});return o===`gradient`?(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component`,`w-full`,`rounded-xl 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-[11px] 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-[11px] border-t border-border/50 bg-card px-4 py-2`,children:(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,children:f})})]}):(0,c.jsxs)(`div`,{className:t.cn(`metric-bar--component flex w-full flex-col overflow-hidden rounded-xl 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.t,{size:`xxs`,type:`discrete`,children:f})})]})}P.displayName=`MetricBar`;var re={sm:`gap-2`,md:`gap-3`,lg:`gap-4`};function ie(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 F={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 I({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`?ie(e.length):F[a],re[o],f),children:e.map(e=>(0,c.jsx)(O,{data:e,variant:n,size:r,colorScheme:i,showSparkline:s,showChange:l,showIcon:u,loading:d},e.id))})}I.displayName=`MetricGrid`;var L={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function R(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function z({current:i,previous:o,title:s,currentPeriod:u,previousPeriod:d,className:p,strings:m}){let h=e.useStrings(L,{...s?{title:s}:{},...m}),g=R(i.value),_=R(o.value),v=g!==null&&_!==null,y=v?g-_:0,b=v&&_!==0?Math.round(y/_*100):0,x=y>0,S=y===0,C=S?l.Equal:x?l.ArrowUp:l.ArrowDown,w=S?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:x?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,c.jsxs)(a.t,{title:h.title,className:t.cn(`metric-comparison--component`,p),children:[!!(u||d)&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!u&&(0,c.jsx)(n.t,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:u}),!!d&&(0,c.jsx)(n.t,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted/40 px-2 py-0.5 uppercase tracking-wider text-muted-foreground/70`,children:d})]}),(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.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:h.currentLabel}),(0,c.jsx)(r.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:f(i)})]}),(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 bg-muted/40 px-3 py-2.5`,children:[(0,c.jsx)(n.t,{size:`xxs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground/70`,children:h.previousLabel}),(0,c.jsx)(r.t,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:f(o)})]})]}),!!v&&(0,c.jsxs)(`div`,{className:t.cn(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,w.box),children:[(0,c.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,w.chip),children:[(0,c.jsx)(C,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,c.jsxs)(n.t,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[x?`+`:S?``:`−`,(e=>{let t=Math.abs(e);return f({...i,value:t})})(y)]})]}),(0,c.jsxs)(n.t,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[x?`+`:S?``:`−`,Math.abs(b),`% `,h.suffix]})]})]})}z.displayName=`MetricComparison`;var B=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],V={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},H=[`var(--success)`,`var(--info)`,`var(--warning)`];function U({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 W({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 G({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 K({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 q({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 J({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:H[r%H.length]},`slice-${r}`)})})}function ae({kind:e,data:t}){let n=V[e];return e===`bars`?(0,c.jsx)(U,{data:t,color:n}):e===`line`?(0,c.jsx)(W,{data:t,color:n}):e===`dots`?(0,c.jsx)(G,{data:t,color:n}):e===`progress`?(0,c.jsx)(K,{data:t,color:n}):e===`area`?(0,c.jsx)(q,{data:t,color:n}):(0,c.jsx)(J,{data:t})}function Y({title:e=`Overview`,cells:r,className:i}){return(0,c.jsx)(a.t,{title:e,className:i,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.t,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,c.jsx)(n.t,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,c.jsx)(`div`,{className:`mt-auto`,children:(0,c.jsx)(ae,{kind:e.chart??B[r],data:e.data})})]},e.id??e.label))})})}Y.displayName=`MetricMicroGrid`;var X={green:`bg-gradient-to-br from-emerald-600 via-teal-700 to-emerald-800`,purple:`bg-gradient-to-br from-violet-600 via-indigo-700 to-purple-800`,warm:`bg-gradient-to-br from-orange-500 via-rose-600 to-pink-700`,ocean:`bg-gradient-to-br from-sky-600 via-cyan-700 to-blue-800`};function oe({active:e,payload:r,label:i}){return!e||!r?.length?null:(0,c.jsxs)(`div`,{className:t.cn(`metric-gradient--component`,`rounded-lg bg-foreground/95 px-3 py-2 shadow-lg backdrop-blur-sm`),children:[!!i&&(0,c.jsx)(n.t,{size:`xxs`,className:`text-background/60 mb-1`,children:i}),r.map((e,t)=>(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(`div`,{className:`size-2 rounded-full`,style:{backgroundColor:e.color??`#fff`},"aria-hidden":`true`}),(0,c.jsx)(n.t,{size:`xs`,weight:`semibold`,className:`text-background tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]},`tt-${t}`))]})}function Z({title:e,value:i,change:a,data:o,theme:l=`green`,subtitle:d,className:f}){let p=`metric-grad-${(0,s.useId)().replaceAll(`:`,``)}`;return(0,c.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-lg p-5 text-white shadow-sm ring-1 ring-white/10`,X[l],f),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.t,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-white/70`,children:e}),!!i&&(0,c.jsx)(r.t,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 text-white leading-none`,children:i}),!!d&&(0,c.jsx)(n.t,{size:`xs`,className:`mt-1 text-white/70`,children:d})]}),!!a&&(0,c.jsx)(y,{change:a,trend:a.direction===`up`?`positive`:a.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-white/20 !text-white`})]}),(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:o,margin:{top:4,right:0,bottom:0,left:0},children:[(0,c.jsx)(`defs`,{children:(0,c.jsxs)(`linearGradient`,{id:p,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,c.jsx)(`stop`,{offset:`0%`,stopColor:`white`,stopOpacity:.3}),(0,c.jsx)(`stop`,{offset:`100%`,stopColor:`white`,stopOpacity:0})]})}),(0,c.jsx)(u.Tooltip,{content:(0,c.jsx)(oe,{}),cursor:{stroke:`rgba(255,255,255,0.4)`,strokeWidth:1}}),(0,c.jsx)(u.Area,{type:`monotone`,dataKey:`value`,stroke:`rgba(255,255,255,0.7)`,strokeWidth:2,fill:`url(#${p})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:`#fff`,stroke:`rgba(255,255,255,0.7)`},isAnimationActive:!0,animationDuration:800})]})})})]})}Z.displayName=`MetricGradient`;var Q={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function se(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 $({title:r,description:i,data:o,className:s,strings:l}){let u=e.useStrings(d,l),{weeks:f,monthLabels:p}=se(o,u.heatmapMonthNames);return(0,c.jsxs)(a.t,{title:r,description:i,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.t,{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.t,{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?Q[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.t,{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`,Q[e])},`legend-${e}`)),(0,c.jsx)(n.t,{size:`xxs`,type:`secondary`,children:u.heatmapLegendMore})]})]})}$.displayName=`ActivityHeatmap`,exports.ActivityHeatmap=$,exports.Metric=O,exports.MetricBar=P,exports.MetricComparison=z,exports.MetricGradient=Z,exports.MetricGrid=I,exports.MetricMicroGrid=Y,exports.MetricSkeleton=C,exports.MetricSparkline=x,exports.MetricTrendChip=y,exports.defaultAnalyticsStrings=d,exports.defaultMetricComparisonStrings=L,exports.formatMetricValue=f,exports.resolveTrend=p;
 //# sourceMappingURL=index.cjs.map