admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/showcase/assets/metrics-analytics-cards-CEBu5Uw0.js

@@ -0,0 +1,77 @@
+import{n as e,r as t,t as n}from"./chunk-CilyBKbf.js";import{cr as r,gr as i,hr as a,sr as o,t as s,vr as c,yr as l}from"./example-6phCHGsN.js";import{O as u,a as d,k as f}from"./index-B4ubXfly.js";import{A as p,B as m,C as h,D as g,E as _,F as v,G as y,H as b,I as x,J as S,K as C,L as w,M as T,N as E,O as ee,P as te,Q as D,R as O,S as ne,T as re,U as k,V as A,W as j,X as ie,Y as M,Z as N,_ as P,a as F,b as I,c as ae,d as L,f as oe,g as R,h as se,i as ce,j as le,k as ue,l as de,m as fe,n as pe,o as me,p as he,q as ge,r as _e,s as ve,t as ye,u as be,v as z,w as xe,x as Se,y as Ce,z as we}from"./AreaChart-CJ57G5Ub.js";import{t as Te}from"./props-table-uDY4eIzt.js";import{t as Ee}from"./metric-trend-chip-mtvcJ_M9.js";var De=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e,t){let n=new Map;for(let r=0;r<e.length;r++){let i=e[r],a=t(i,r,e);n.has(a)||n.set(a,i)}return Array.from(n.values())}e.uniqBy=t})),Oe=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e,t){return function(...n){return e.apply(this,n.slice(0,t))}}e.ary=t})),ke=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return e}e.identity=t})),Ae=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return typeof e==`object`&&!!e}e.isObjectLike=t})),je=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=x(),n=Ae();function r(e){return n.isObjectLike(e)&&t.isArrayLike(e)}e.isArrayLikeObject=r})),Me=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=ge();function n(e){return function(n){return t.get(n,e)}}e.property=n})),Ne=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return e==null||typeof e!=`object`&&typeof e!=`function`}e.isPrimitive=t})),Pe=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=v(),n=Ne(),r=te();function i(e,t,n){return typeof n==`function`?a(e,t,function e(t,r,i,o,s,c){let l=n(t,r,i,o,s,c);return l===void 0?a(t,r,e,c):!!l},new Map):i(e,t,()=>void 0)}function a(e,n,i,s){if(n===e)return!0;switch(typeof n){case`object`:return o(e,n,i,s);case`function`:return Object.keys(n).length>0?a(e,{...n},i,s):r.isEqualsSameValueZero(e,n);default:return t.isObject(e)?typeof n==`string`?n===``:!0:r.isEqualsSameValueZero(e,n)}}function o(e,t,r,i){if(t==null)return!0;if(Array.isArray(t))return c(e,t,r,i);if(t instanceof Map)return s(e,t,r,i);if(t instanceof Set)return l(e,t,r,i);let a=Object.keys(t);if(e==null||n.isPrimitive(e))return a.length===0;if(a.length===0)return!0;if(i?.has(t))return i.get(t)===e;i?.set(t,e);try{for(let o=0;o<a.length;o++){let s=a[o];if(!n.isPrimitive(e)&&!(s in e)||t[s]===void 0&&e[s]!==void 0||t[s]===null&&e[s]!==null||!r(e[s],t[s],s,e,t,i))return!1}return!0}finally{i?.delete(t)}}function s(e,t,n,r){if(t.size===0)return!0;if(!(e instanceof Map))return!1;for(let[i,a]of t.entries())if(n(e.get(i),a,i,e,t,r)===!1)return!1;return!0}function c(e,t,n,r){if(t.length===0)return!0;if(!Array.isArray(e))return!1;let i=new Set;for(let a=0;a<t.length;a++){let o=t[a],s=!1;for(let c=0;c<e.length;c++){if(i.has(c))continue;let l=e[c],u=!1;if(n(l,o,a,e,t,r)&&(u=!0),u){i.add(c),s=!0;break}}if(!s)return!1}return!0}function l(e,t,n,r){return t.size===0?!0:e instanceof Set?c([...e],[...t],n,r):!1}e.isMatchWith=i,e.isSetMatch=l})),Fe=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Pe();function n(e,n){return t.isMatchWith(e,n,()=>void 0)}e.isMatch=n})),Ie=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}e.getSymbols=t})),Le=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}e.getTag=t})),Re=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),e.argumentsTag=`[object Arguments]`,e.arrayBufferTag=`[object ArrayBuffer]`,e.arrayTag=`[object Array]`,e.bigInt64ArrayTag=`[object BigInt64Array]`,e.bigUint64ArrayTag=`[object BigUint64Array]`,e.booleanTag=`[object Boolean]`,e.dataViewTag=`[object DataView]`,e.dateTag=`[object Date]`,e.errorTag=`[object Error]`,e.float32ArrayTag=`[object Float32Array]`,e.float64ArrayTag=`[object Float64Array]`,e.functionTag=`[object Function]`,e.int16ArrayTag=`[object Int16Array]`,e.int32ArrayTag=`[object Int32Array]`,e.int8ArrayTag=`[object Int8Array]`,e.mapTag=`[object Map]`,e.numberTag=`[object Number]`,e.objectTag=`[object Object]`,e.regexpTag=`[object RegExp]`,e.setTag=`[object Set]`,e.stringTag=`[object String]`,e.symbolTag=`[object Symbol]`,e.uint16ArrayTag=`[object Uint16Array]`,e.uint32ArrayTag=`[object Uint32Array]`,e.uint8ArrayTag=`[object Uint8Array]`,e.uint8ClampedArrayTag=`[object Uint8ClampedArray]`})),ze=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),e.globalThis=typeof globalThis==`object`&&globalThis||typeof window==`object`&&window||typeof self==`object`&&self||typeof global==`object`&&global||(function(){return this})()||Function(`return this`)()})),Be=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=ze();function n(e){return t.globalThis.Buffer!==void 0&&t.globalThis.Buffer.isBuffer(e)}e.isBuffer=n})),Ve=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}e.isTypedArray=t})),He=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Ie(),n=Le(),r=Re(),i=Be(),a=Ne(),o=Ve();function s(e,t){return c(e,void 0,e,new Map,t)}function c(e,t,n,r=new Map,s=void 0){let d=s?.(e,t,n,r);if(d!==void 0)return d;if(a.isPrimitive(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let i=0;i<e.length;i++)t[i]=c(e[i],i,n,r,s);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[i,a]of e)t.set(i,c(a,i,n,r,s));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let i of e)t.add(c(i,void 0,n,r,s));return t}if(i.isBuffer(e))return e.subarray();if(o.isTypedArray(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let i=0;i<e.length;i++)t[i]=c(e[i],i,n,r,s);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),l(t,e,n,r,s),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),l(t,e,n,r,s),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),l(t,e,n,r,s),t}if(e instanceof Error){let t=structuredClone(e);return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,t.constructor=e.constructor,l(t,e,n,r,s),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),l(t,e,n,r,s),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),l(t,e,n,r,s),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),l(t,e,n,r,s),t}if(typeof e==`object`&&u(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),l(t,e,n,r,s),t}return e}function l(e,n,r=e,i,a){let o=[...Object.keys(n),...t.getSymbols(n)];for(let t=0;t<o.length;t++){let s=o[t],l=Object.getOwnPropertyDescriptor(e,s);(l==null||l.writable)&&(e[s]=c(n[s],s,r,i,a))}}function u(e){switch(n.getTag(e)){case r.argumentsTag:case r.arrayTag:case r.arrayBufferTag:case r.dataViewTag:case r.booleanTag:case r.dateTag:case r.float32ArrayTag:case r.float64ArrayTag:case r.int8ArrayTag:case r.int16ArrayTag:case r.int32ArrayTag:case r.mapTag:case r.numberTag:case r.objectTag:case r.regexpTag:case r.setTag:case r.stringTag:case r.symbolTag:case r.uint8ArrayTag:case r.uint8ClampedArrayTag:case r.uint16ArrayTag:case r.uint32ArrayTag:return!0;default:return!1}}e.cloneDeepWith=s,e.cloneDeepWithImpl=c,e.copyProperties=l})),Ue=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=He();function n(e){return t.cloneDeepWithImpl(e,void 0,e,new Map,void 0)}e.cloneDeep=n})),We=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Fe(),n=Ue();function r(e){return e=n.cloneDeep(e),n=>t.isMatch(n,e)}e.matches=r})),Ge=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=He(),n=Le(),r=Re();function i(e,i){return t.cloneDeepWith(e,(a,o,s,c)=>{let l=i?.(a,o,s,c);if(l!==void 0)return l;if(typeof e==`object`){if(n.getTag(e)===r.objectTag&&typeof e.constructor!=`function`){let n={};return c.set(e,n),t.copyProperties(n,e,s,c),n}switch(Object.prototype.toString.call(e)){case r.numberTag:case r.stringTag:case r.booleanTag:{let n=new e.constructor(e?.valueOf());return t.copyProperties(n,e),n}case r.argumentsTag:{let n={};return t.copyProperties(n,e),n.length=e.length,n[Symbol.iterator]=e[Symbol.iterator],n}default:return}}})}e.cloneDeepWith=i})),Ke=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Ge();function n(e){return t.cloneDeepWith(e)}e.cloneDeep=n})),qe=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Le();function n(e){return typeof e==`object`&&!!e&&t.getTag(e)===`[object Arguments]`}e.isArguments=n})),Je=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=ie(),n=E(),r=qe(),i=S();function a(e,a){let o;if(o=Array.isArray(a)?a:typeof a==`string`&&t.isDeepKey(a)&&e?.[a]==null?i.toPath(a):[a],o.length===0)return!1;let s=e;for(let e=0;e<o.length;e++){let t=o[e];if((s==null||!Object.hasOwn(s,t))&&!((Array.isArray(s)||r.isArguments(s))&&n.isIndex(t)&&t<s.length))return!1;s=s[t]}return!0}e.has=a})),Ye=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Fe(),n=M(),r=Ke(),i=ge(),a=Je();function o(e,o){switch(typeof e){case`object`:Object.is(e?.valueOf(),-0)&&(e=`-0`);break;case`number`:e=n.toKey(e);break}return o=r.cloneDeep(o),function(n){let r=i.get(n,e);return r===void 0?a.has(n,e):o===void 0?r===void 0:t.isMatch(r,o)}}e.matchesProperty=o})),Xe=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=ke(),n=Me(),r=We(),i=Ye();function a(e){if(e==null)return t.identity;switch(typeof e){case`function`:return e;case`object`:return Array.isArray(e)&&e.length===2?i.matchesProperty(e[0],e[1]):r.matches(e);case`string`:case`symbol`:case`number`:return n.property(e)}}e.iteratee=a})),Ze=n((e=>{Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=De(),n=Oe(),r=ke(),i=je(),a=Xe();function o(e,o=r.identity){return i.isArrayLikeObject(e)?t.uniqBy(Array.from(e),n.ary(a.iteratee(o),1)):[]}e.uniqBy=o})),Qe=t(n(((e,t)=>{t.exports=Ze().uniqBy}))());function $e(e,t,n){return t===!0?(0,Qe.default)(e,n):typeof t==`function`?(0,Qe.default)(e,t):e}var B=t(f()),V=1;function et(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],[t,n]=(0,B.useState)({height:0,left:0,top:0,width:0});return[t,(0,B.useCallback)(e=>{if(e!=null){var r=e.getBoundingClientRect(),i={height:r.height,left:r.left,top:r.top,width:r.width};(Math.abs(i.height-t.height)>V||Math.abs(i.left-t.left)>V||Math.abs(i.top-t.top)>V||Math.abs(i.width-t.width)>V)&&n({height:i.height,left:i.left,top:i.top,width:i.width})}},[t.width,t.height,t.top,t.left,...e])]}var tt=t(p());function nt(){return nt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},nt.apply(null,arguments)}function rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?rt(Object(n),!0).forEach(function(t){it(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function it(e,t,n){return(t=at(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function at(e){var t=ot(e,`string`);return typeof t==`symbol`?t:t+``}function ot(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function st(e){return Array.isArray(e)&&b(e[0])&&b(e[1])?e.join(` ~ `):e}var U={separator:` : `,contentStyle:{margin:0,padding:10,backgroundColor:`#fff`,border:`1px solid #ccc`,whiteSpace:`nowrap`},itemStyle:{display:`block`,paddingTop:4,paddingBottom:4,color:`#000`},labelStyle:{},accessibilityLayer:!1};function ct(e,t){return t==null?e:(0,tt.default)(e,t)}var lt=e=>{var{separator:t=U.separator,contentStyle:n,itemStyle:r,labelStyle:i=U.labelStyle,payload:a,formatter:o,itemSorter:s,wrapperClassName:c,labelClassName:u,label:d,labelFormatter:f,accessibilityLayer:p=U.accessibilityLayer}=e,m=()=>{if(a&&a.length){var e={padding:0,margin:0},n=ct(a,s).map((e,n)=>{if(!e||e.type===`none`)return null;var i=e.formatter||o||st,{value:s,name:c}=e,l=s,u=c;if(i){var d=i(s,c,e,n,a);if(Array.isArray(d))[l,u]=d;else if(d!=null)l=d;else return null}var f=H(H({},U.itemStyle),{},{color:e.color||U.itemStyle.color},r);return B.createElement(`li`,{className:`recharts-tooltip-item`,key:`tooltip-item-${n}`,style:f},b(u)?B.createElement(`span`,{className:`recharts-tooltip-item-name`},u):null,b(u)?B.createElement(`span`,{className:`recharts-tooltip-item-separator`},t):null,B.createElement(`span`,{className:`recharts-tooltip-item-value`},l),B.createElement(`span`,{className:`recharts-tooltip-item-unit`},e.unit||``))});return B.createElement(`ul`,{className:`recharts-tooltip-item-list`,style:e},n)}return null},h=H(H({},U.contentStyle),n),g=H({margin:0},i),_=!A(d),v=_?d:``,y=l(`recharts-default-tooltip`,c),x=l(`recharts-tooltip-label`,u);_&&f&&a!=null&&(v=f(d,a));var S=p?{role:`status`,"aria-live":`assertive`}:{};return B.createElement(`div`,nt({className:y,style:h},S),B.createElement(`p`,{className:x,style:g},B.isValidElement(v)?v:`${v}`),m())},W=`recharts-tooltip-wrapper`,ut={visibility:`hidden`};function dt(e){var{coordinate:t,translateX:n,translateY:r}=e;return l(W,{[`${W}-right`]:k(n)&&t&&k(t.x)&&n>=t.x,[`${W}-left`]:k(n)&&t&&k(t.x)&&n<t.x,[`${W}-bottom`]:k(r)&&t&&k(t.y)&&r>=t.y,[`${W}-top`]:k(r)&&t&&k(t.y)&&r<t.y})}function ft(e){var{allowEscapeViewBox:t,coordinate:n,key:r,offset:i,position:a,reverseDirection:o,tooltipDimension:s,viewBox:c,viewBoxDimension:l}=e;if(a&&k(a[r]))return a[r];var u=n[r]-s-(i>0?i:0),d=n[r]+i;if(t[r])return o[r]?u:d;var f=c[r];return f==null?0:o[r]?Math.max(u<f?d:u,f):l==null?0:d+s>f+l?Math.max(u,f):Math.max(d,f)}function pt(e){var{translateX:t,translateY:n,useTranslate3d:r}=e;return{transform:r?`translate3d(${t}px, ${n}px, 0)`:`translate(${t}px, ${n}px)`}}function mt(e){var{allowEscapeViewBox:t,coordinate:n,offsetTop:r,offsetLeft:i,position:a,reverseDirection:o,tooltipBox:s,useTranslate3d:c,viewBox:l}=e,u,d,f;return s.height>0&&s.width>0&&n?(d=ft({allowEscapeViewBox:t,coordinate:n,key:`x`,offset:i,position:a,reverseDirection:o,tooltipDimension:s.width,viewBox:l,viewBoxDimension:l.width}),f=ft({allowEscapeViewBox:t,coordinate:n,key:`y`,offset:r,position:a,reverseDirection:o,tooltipDimension:s.height,viewBox:l,viewBoxDimension:l.height}),u=pt({translateX:d,translateY:f,useTranslate3d:c})):u=ut,{cssProperties:u,cssClasses:dt({translateX:d,translateY:f,coordinate:n})}}function ht(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ht(Object(n),!0).forEach(function(t){gt(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ht(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function gt(e,t,n){return(t=_t(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _t(e){var t=vt(e,`string`);return typeof t==`symbol`?t:t+``}function vt(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function yt(e){if(!(e.prefersReducedMotion&&e.isAnimationActive===`auto`)&&e.isAnimationActive&&e.active)return`transform ${e.animationDuration}ms ${e.animationEasing}`}function bt(e){var t=xe(),[n,r]=B.useState(()=>({dismissed:!1,dismissedAtCoordinate:{x:0,y:0}}));B.useEffect(()=>{var t=t=>{t.key===`Escape`&&r({dismissed:!0,dismissedAtCoordinate:{x:e.coordinate?.x??0,y:e.coordinate?.y??0}})};return document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e.coordinate?.x,e.coordinate?.y]),n.dismissed&&((e.coordinate?.x??0)!==n.dismissedAtCoordinate.x||(e.coordinate?.y??0)!==n.dismissedAtCoordinate.y)&&r(G(G({},n),{},{dismissed:!1}));var{cssClasses:i,cssProperties:a}=mt({allowEscapeViewBox:e.allowEscapeViewBox,coordinate:e.coordinate,offsetLeft:typeof e.offset==`number`?e.offset:e.offset.x,offsetTop:typeof e.offset==`number`?e.offset:e.offset.y,position:e.position,reverseDirection:e.reverseDirection,tooltipBox:{height:e.lastBoundingBox.height,width:e.lastBoundingBox.width},useTranslate3d:e.useTranslate3d,viewBox:e.viewBox}),o=G(G({},e.hasPortalFromProps?{}:G(G({transition:yt({prefersReducedMotion:t,isAnimationActive:e.isAnimationActive,active:e.active,animationDuration:e.animationDuration,animationEasing:e.animationEasing})},a),{},{pointerEvents:`none`,position:`absolute`,top:0,left:0})),{},{visibility:!n.dismissed&&e.active&&e.hasPayload?`visible`:`hidden`},e.wrapperStyle);return B.createElement(`div`,{xmlns:`http://www.w3.org/1999/xhtml`,tabIndex:-1,className:i,style:o,ref:e.innerRef},e.children)}var xt=B.memo(bt),St=[`x`,`y`,`top`,`left`,`width`,`height`,`className`];function Ct(){return Ct=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ct.apply(null,arguments)}function wt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Tt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?wt(Object(n),!0).forEach(function(t){Et(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Et(e,t,n){return(t=Dt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dt(e){var t=Ot(e,`string`);return typeof t==`symbol`?t:t+``}function Ot(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function kt(e,t){if(e==null)return{};var n,r,i=At(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function At(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var jt=(e,t,n,r,i,a)=>`M${e},${i}v${r}M${a},${t}h${n}`,Mt=e=>{var{x:t=0,y:n=0,top:r=0,left:i=0,width:a=0,height:o=0,className:s}=e,c=kt(e,St),u=Tt({x:t,y:n,top:r,left:i,width:a,height:o},c);return!k(t)||!k(n)||!k(a)||!k(o)||!k(r)||!k(i)?null:B.createElement(`path`,Ct({},N(u),{className:l(`recharts-cross`,s),d:jt(t,n,a,o,r,i)}))};function Nt(e,t,n,r){var i=r/2;return{stroke:`none`,fill:`#ccc`,x:e===`horizontal`?t.x-i:n.left+.5,y:e===`horizontal`?n.top+.5:t.y-i,width:e===`horizontal`?r:n.width-1,height:e===`horizontal`?n.height-1:r}}var Pt=[`radius`],Ft=[`radius`],It,Lt,Rt,zt,Bt,Vt,Ht,Ut,Wt,Gt;function Kt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function qt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Kt(Object(n),!0).forEach(function(t){Jt(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Kt(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Jt(e,t,n){return(t=Yt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yt(e){var t=Xt(e,`string`);return typeof t==`symbol`?t:t+``}function Xt(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},K.apply(null,arguments)}function Zt(e,t){if(e==null)return{};var n,r,i=Qt(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Qt(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function q(e,t){return t||=e.slice(0),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var $t=(e,t,n,r,i)=>{var a=y(n),o=y(r),s=Math.min(Math.abs(a)/2,Math.abs(o)/2),c=o>=0?1:-1,l=a>=0?1:-1,u=+(o>=0&&a>=0||o<0&&a<0),d;if(s>0&&Array.isArray(i)){for(var f=[0,0,0,0],p=0,m=4;p<m;p++){var h=i[p]??0;f[p]=h>s?s:h}d=C(It||=q([`M`,`,`,``]),e,t+c*f[0]),f[0]>0&&(d+=C(Lt||=q([`A `,`,`,`,0,0,`,`,`,`,`,``]),f[0],f[0],u,e+l*f[0],t)),d+=C(Rt||=q([`L `,`,`,``]),e+n-l*f[1],t),f[1]>0&&(d+=C(zt||=q([`A `,`,`,`,0,0,`,`,
+        `,`,`,``]),f[1],f[1],u,e+n,t+c*f[1])),d+=C(Bt||=q([`L `,`,`,``]),e+n,t+r-c*f[2]),f[2]>0&&(d+=C(Vt||=q([`A `,`,`,`,0,0,`,`,
+        `,`,`,``]),f[2],f[2],u,e+n-l*f[2],t+r)),d+=C(Ht||=q([`L `,`,`,``]),e+l*f[3],t+r),f[3]>0&&(d+=C(Ut||=q([`A `,`,`,`,0,0,`,`,
+        `,`,`,``]),f[3],f[3],u,e,t+r-c*f[3])),d+=`Z`}else if(s>0&&i===+i&&i>0){var g=Math.min(s,i);d=C(Wt||=q(`M .,.
+            A .,.,0,0,.,.,.
+            L .,.
+            A .,.,0,0,.,.,.
+            L .,.
+            A .,.,0,0,.,.,.
+            L .,.
+            A .,.,0,0,.,.,. Z`.split(`.`)),e,t+c*g,g,g,u,e+l*g,t,e+n-l*g,t,g,g,u,e+n,t+c*g,e+n,t+r-c*g,g,g,u,e+n-l*g,t+r,e+l*g,t+r,g,g,u,e,t+r-c*g)}else d=C(Gt||=q([`M `,`,`,` h `,` v `,` h `,` Z`]),e,t,n,r,-n);return d},en={x:0,y:0,width:0,height:0,radius:0,isAnimationActive:!1,isUpdateAnimationActive:!1,animationBegin:0,animationDuration:1500,animationEasing:`ease`},tn=e=>{var t=w(e,en),n=(0,B.useRef)(null),[r,i]=(0,B.useState)(-1);(0,B.useEffect)(()=>{if(n.current&&n.current.getTotalLength)try{var e=n.current.getTotalLength();e&&i(e)}catch{}},[]);var{x:a,y:o,width:s,height:c,radius:u,className:d}=t,{animationEasing:f,animationDuration:p,animationBegin:h,isAnimationActive:g,isUpdateAnimationActive:_}=t,v=(0,B.useRef)(s),b=(0,B.useRef)(c),x=(0,B.useRef)(a),S=(0,B.useRef)(o),C=Ce((0,B.useMemo)(()=>({x:a,y:o,width:s,height:c,radius:u}),[a,o,s,c,u]),`rectangle-`);if(a!==+a||o!==+o||s!==+s||c!==+c||s===0||c===0)return null;var T=l(`recharts-rectangle`,d);if(!_){var E=N(t),{radius:ee}=E,te=Zt(E,Pt);return B.createElement(`path`,K({},te,{x:y(a),y:y(o),width:y(s),height:y(c),radius:typeof u==`number`?u:void 0,className:T,d:$t(a,o,s,c,u)}))}var D=v.current,O=b.current,ne=x.current,re=S.current,k=`0px ${r===-1?1:r}px`,A=`${r}px ${r}px`,j=Se([`strokeDasharray`],p,typeof f==`string`?f:en.animationEasing);return B.createElement(I,{animationId:C,key:C,canBegin:r>0,duration:p,easing:f,isActive:_,begin:h},e=>{var r=m(D,s,e),i=m(O,c,e),l=m(ne,a,e),d=m(re,o,e);n.current&&(v.current=r,b.current=i,x.current=l,S.current=d);var f=g?e>0?{transition:j,strokeDasharray:A}:{strokeDasharray:k}:{strokeDasharray:A},p=N(t),{radius:h}=p,_=Zt(p,Ft);return B.createElement(`path`,K({},_,{radius:typeof u==`number`?u:void 0,className:T,d:$t(l,d,r,i,u),ref:n,style:qt(qt({},f),t.style)}))})};function nn(e){var{cx:t,cy:n,radius:r,startAngle:i,endAngle:a}=e;return{points:[z(t,n,r,i),z(t,n,r,a)],cx:t,cy:n,radius:r,startAngle:i,endAngle:a}}var rn,an,on,sn,cn,ln,un;function dn(){return dn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},dn.apply(null,arguments)}function J(e,t){return t||=e.slice(0),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var fn=(e,t)=>j(t-e)*Math.min(Math.abs(t-e),359.999),Y=e=>{var{cx:t,cy:n,radius:r,angle:i,sign:a,isExternal:o,cornerRadius:s,cornerIsExternal:c}=e,l=s*(o?1:-1)+r,u=Math.asin(s/l)/P,d=c?i:i+a*u,f=z(t,n,l,d),p=z(t,n,r,d),m=c?i-a*u:i;return{center:f,circleTangency:p,lineTangency:z(t,n,l*Math.cos(u*P),m),theta:u}},pn=e=>{var{cx:t,cy:n,innerRadius:r,outerRadius:i,startAngle:a,endAngle:o}=e,s=fn(a,o),c=a+s,l=z(t,n,i,a),u=z(t,n,i,c),d=C(rn||=J([`M `,`,`,`
+    A `,`,`,`,0,
+    `,`,`,`,
+    `,`,`,`
+  `]),l.x,l.y,i,i,+(Math.abs(s)>180),+(a>c),u.x,u.y);if(r>0){var f=z(t,n,r,a),p=z(t,n,r,c);d+=C(an||=J([`L `,`,`,`
+            A `,`,`,`,0,
+            `,`,`,`,
+            `,`,`,` Z`]),p.x,p.y,r,r,+(Math.abs(s)>180),+(a<=c),f.x,f.y)}else d+=C(on||=J([`L `,`,`,` Z`]),t,n);return d},mn=e=>{var{cx:t,cy:n,innerRadius:r,outerRadius:i,cornerRadius:a,forceCornerRadius:o,cornerIsExternal:s,startAngle:c,endAngle:l}=e,u=j(l-c),{circleTangency:d,lineTangency:f,theta:p}=Y({cx:t,cy:n,radius:i,angle:c,sign:u,cornerRadius:a,cornerIsExternal:s}),{circleTangency:m,lineTangency:h,theta:g}=Y({cx:t,cy:n,radius:i,angle:l,sign:-u,cornerRadius:a,cornerIsExternal:s}),_=s?Math.abs(c-l):Math.abs(c-l)-p-g;if(_<0)return o?C(sn||=J([`M `,`,`,`
+        a`,`,`,`,0,0,1,`,`,0
+        a`,`,`,`,0,0,1,`,`,0
+      `]),f.x,f.y,a,a,a*2,a,a,-a*2):pn({cx:t,cy:n,innerRadius:r,outerRadius:i,startAngle:c,endAngle:l});var v=C(cn||=J([`M `,`,`,`
+    A`,`,`,`,0,0,`,`,`,`,`,`
+    A`,`,`,`,0,`,`,`,`,`,`,`,`
+    A`,`,`,`,0,0,`,`,`,`,`,`
+  `]),f.x,f.y,a,a,+(u<0),d.x,d.y,i,i,+(_>180),+(u<0),m.x,m.y,a,a,+(u<0),h.x,h.y);if(r>0){var{circleTangency:y,lineTangency:b,theta:x}=Y({cx:t,cy:n,radius:r,angle:c,sign:u,isExternal:!0,cornerRadius:a,cornerIsExternal:s}),{circleTangency:S,lineTangency:w,theta:T}=Y({cx:t,cy:n,radius:r,angle:l,sign:-u,isExternal:!0,cornerRadius:a,cornerIsExternal:s}),E=s?Math.abs(c-l):Math.abs(c-l)-x-T;if(E<0&&a===0)return`${v}L${t},${n}Z`;v+=C(ln||=J([`L`,`,`,`
+      A`,`,`,`,0,0,`,`,`,`,`,`
+      A`,`,`,`,0,`,`,`,`,`,`,`,`
+      A`,`,`,`,0,0,`,`,`,`,`,`Z`]),w.x,w.y,a,a,+(u<0),S.x,S.y,r,r,+(E>180),+(u>0),y.x,y.y,a,a,+(u<0),b.x,b.y)}else v+=C(un||=J([`L`,`,`,`Z`]),t,n);return v},hn={cx:0,cy:0,innerRadius:0,outerRadius:0,startAngle:0,endAngle:0,cornerRadius:0,forceCornerRadius:!1,cornerIsExternal:!1},gn=e=>{var t=w(e,hn),{cx:n,cy:r,innerRadius:i,outerRadius:a,cornerRadius:o,forceCornerRadius:s,cornerIsExternal:c,startAngle:u,endAngle:d,className:f}=t;if(a<i||u===d)return null;var p=l(`recharts-sector`,f),m=a-i,h=we(o,m,0,!0),g=h>0&&Math.abs(u-d)<360?mn({cx:n,cy:r,innerRadius:i,outerRadius:a,cornerRadius:Math.min(h,m/2),forceCornerRadius:s,cornerIsExternal:c,startAngle:u,endAngle:d}):pn({cx:n,cy:r,innerRadius:i,outerRadius:a,startAngle:u,endAngle:d});return B.createElement(`path`,dn({},N(t),{className:p,d:g}))};function _n(e,t,n){if(e===`horizontal`)return[{x:t.x,y:n.top},{x:t.x,y:n.top+n.height}];if(e===`vertical`)return[{x:n.left,y:t.y},{x:n.left+n.width,y:t.y}];if(O(t)){if(e===`centric`){var{cx:r,cy:i,innerRadius:a,outerRadius:o,angle:s}=t,c=z(r,i,a,s),l=z(r,i,o,s);return[{x:c.x,y:c.y},{x:l.x,y:l.y}]}return nn(t)}}function vn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function yn(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?vn(Object(n),!0).forEach(function(t){bn(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vn(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function bn(e,t,n){return(t=xn(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xn(e){var t=Sn(e,`string`);return typeof t==`symbol`?t:t+``}function Sn(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var Cn=()=>T(se),wn=()=>{var e=Cn(),t=T(oe),n=T(L);return ue(!e||!n?void 0:yn(yn({},e),{},{scale:n}),t)};function Tn(){return Tn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Tn.apply(null,arguments)}function En(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?En(Object(n),!0).forEach(function(t){Dn(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):En(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Dn(e,t,n){return(t=On(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function On(e){var t=kn(e,`string`);return typeof t==`symbol`?t:t+``}function kn(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function An(e){var{cursor:t,cursorComp:n,cursorProps:r}=e;return(0,B.isValidElement)(t)?(0,B.cloneElement)(t,r):(0,B.createElement)(n,r)}function jn(e){var{coordinate:t,payload:n,index:r,offset:i,tooltipAxisBandSize:a,layout:o,cursor:s,tooltipEventType:c,chartName:u}=e,d=t,f=n,p=r;if(!s||!d||u!==`ScatterChart`&&c!==`axis`)return null;var m,h,g;if(u===`ScatterChart`)m=d,h=Mt,g=R.cursorLine;else if(u===`BarChart`)m=Nt(o,d,i,a),h=tn,g=R.cursorRectangle;else if(o===`radial`&&O(d)){var{cx:_,cy:v,radius:y,startAngle:b,endAngle:x}=nn(d);m={cx:_,cy:v,startAngle:b,endAngle:x,innerRadius:y,outerRadius:y},h=gn,g=R.cursorLine}else m={points:_n(o,d,i)},h=ne,g=R.cursorLine;var S=typeof s==`object`&&`className`in s?s.className:void 0,C=X(X(X(X({stroke:`#ccc`,pointerEvents:`none`},i),m),D(s)),{},{payload:f,payloadIndex:p,className:l(`recharts-tooltip-cursor`,S)});return B.createElement(F,{zIndex:e.zIndex??g},B.createElement(An,{cursor:s,cursorComp:h,cursorProps:C}))}function Mn(e){var t=wn(),n=_(),r=re(),i=be();return t==null||n==null||r==null||i==null?null:B.createElement(jn,Tn({},e,{offset:n,layout:r,tooltipAxisBandSize:t,chartName:i}))}var Nn=t(u());function Pn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Fn(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Pn(Object(n),!0).forEach(function(t){In(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pn(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function In(e,t,n){return(t=Ln(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ln(e){var t=Rn(e,`string`);return typeof t==`symbol`?t:t+``}function Rn(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function zn(e){return e.dataKey}function Bn(e,t){return B.isValidElement(e)?B.cloneElement(e,t):typeof e==`function`?B.createElement(e,t):B.createElement(lt,t)}var Vn=[],Hn={allowEscapeViewBox:{x:!1,y:!1},animationDuration:400,animationEasing:`ease`,axisId:0,contentStyle:{},cursor:!0,filterNull:!0,includeHidden:!1,isAnimationActive:`auto`,itemSorter:`name`,itemStyle:{},labelStyle:{},offset:10,reverseDirection:{x:!1,y:!1},separator:` : `,trigger:`hover`,useTranslate3d:!1,wrapperStyle:{}};function Un(e){var t=w(e,Hn),{active:n,allowEscapeViewBox:r,animationDuration:i,animationEasing:a,content:o,filterNull:s,isAnimationActive:c,offset:l,payloadUniqBy:u,position:d,reverseDirection:f,useTranslate3d:p,wrapperStyle:m,cursor:_,shared:v,trigger:y,defaultIndex:b,portal:x,axisId:S}=t,C=le(),E=typeof b==`number`?String(b):b;(0,B.useEffect)(()=>{C(he({shared:v,trigger:y,axisId:S,active:n,defaultIndex:E}))},[C,v,y,S,n,E]);var ee=g(),te=h(),D=fe(v),{activeIndex:O,isActive:ne}=T(e=>ae(e,D,y,E))??{},re=T(e=>de(e,D,y,E)),k=T(e=>ve(e,D,y,E)),A=T(e=>me(e,D,y,E)),j=re,ie=ce(),M=n??ne??!1,[N,P]=et([j,M]),F=D===`axis`?k:void 0;_e(D,y,A,F,O,M);var I=x??ie;if(I==null||ee==null||D==null)return null;var L=j??Vn;M||(L=Vn),s&&L.length&&(L=$e(L.filter(e=>e.value!=null&&(e.hide!==!0||t.includeHidden)),u,zn));var oe=L.length>0,R=Fn(Fn({},t),{},{payload:L,label:F,active:M,activeIndex:O,coordinate:A,accessibilityLayer:te}),se=B.createElement(xt,{allowEscapeViewBox:r,animationDuration:i,animationEasing:a,isAnimationActive:c,active:M,coordinate:A,hasPayload:oe,offset:l,position:d,reverseDirection:f,useTranslate3d:p,viewBox:ee,wrapperStyle:m,lastBoundingBox:N,innerRef:P,hasPortalFromProps:!!x},Bn(o,R));return B.createElement(B.Fragment,null,(0,Nn.createPortal)(se,I),M&&B.createElement(Mn,{cursor:_,tooltipEventType:D,coordinate:A,payload:L,index:O}))}var Z=d(),Wn={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 Gn({active:e,payload:t,label:n}){return!e||!t?.length?null:(0,Z.jsxs)(`div`,{className:c(`metric-gradient--component`,`rounded-lg bg-foreground/95 px-3 py-2 shadow-lg backdrop-blur-sm`),children:[!!n&&(0,Z.jsx)(i,{size:`xxs`,className:`text-background/60 mb-1`,children:n}),t.map((e,t)=>(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`div`,{className:`size-2 rounded-full`,style:{backgroundColor:e.color??`#fff`},"aria-hidden":`true`}),(0,Z.jsx)(i,{size:`xs`,weight:`semibold`,className:`text-background tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]},`tt-${t}`))]})}function Q({title:e,value:t,change:n,data:r,theme:o=`green`,subtitle:s,className:l}){let u=`metric-grad-${(0,B.useId)().replaceAll(`:`,``)}`;return(0,Z.jsxs)(`div`,{className:c(`relative overflow-hidden rounded-2xl p-5 text-white shadow-lg ring-1 ring-white/10`,Wn[o],l),children:[(0,Z.jsx)(`div`,{className:`absolute -right-12 -top-12 size-44 rounded-full bg-white/[0.08] blur-2xl`,"aria-hidden":`true`}),(0,Z.jsx)(`div`,{className:`absolute -bottom-8 -left-8 size-32 rounded-full bg-white/[0.06] blur-xl`,"aria-hidden":`true`}),(0,Z.jsxs)(`div`,{className:`relative flex items-start justify-between gap-3`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsx)(i,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-white/70`,children:e}),!!t&&(0,Z.jsx)(a,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 text-white leading-none`,children:t}),!!s&&(0,Z.jsx)(i,{size:`xs`,className:`mt-1 text-white/70`,children:s})]}),!!n&&(0,Z.jsx)(Ee,{change:n,trend:n.direction===`up`?`positive`:n.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-white/20 !text-white`})]}),(0,Z.jsx)(`div`,{className:`relative -mx-1 mt-3 h-24`,children:(0,Z.jsx)(ee,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,Z.jsxs)(ye,{data:r,margin:{top:4,right:0,bottom:0,left:0},children:[(0,Z.jsx)(`defs`,{children:(0,Z.jsxs)(`linearGradient`,{id:u,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,Z.jsx)(`stop`,{offset:`0%`,stopColor:`white`,stopOpacity:.3}),(0,Z.jsx)(`stop`,{offset:`100%`,stopColor:`white`,stopOpacity:0})]})}),(0,Z.jsx)(Un,{content:(0,Z.jsx)(Gn,{}),cursor:{stroke:`rgba(255,255,255,0.4)`,strokeWidth:1}}),(0,Z.jsx)(pe,{type:`monotone`,dataKey:`value`,stroke:`rgba(255,255,255,0.7)`,strokeWidth:2,fill:`url(#${u})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:`#fff`,stroke:`rgba(255,255,255,0.7)`},isAnimationActive:!0,animationDuration:800})]})})})]})}Q.displayName=`MetricGradient`;var Kn=e({FourThemes:()=>qn}),$=[{label:`Jan`,value:4200},{label:`Feb`,value:3800},{label:`Mar`,value:5100},{label:`Apr`,value:4600},{label:`May`,value:5800},{label:`Jun`,value:6200},{label:`Jul`,value:5900},{label:`Aug`,value:7100},{label:`Sep`,value:6800},{label:`Oct`,value:7500},{label:`Nov`,value:8200},{label:`Dec`,value:9100}];function qn(){return(0,Z.jsx)(Z.Fragment,{children:(0,Z.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2 xl:grid-cols-4`,children:[(0,Z.jsx)(Q,{title:`Growth`,value:`32.4K`,change:{value:`15.2%`,direction:`up`},data:$,theme:`green`,subtitle:`vs last quarter`}),(0,Z.jsx)(Q,{title:`Engagement`,value:`8,940`,change:{value:`4.7%`,direction:`up`},data:$,theme:`purple`,subtitle:`active users`}),(0,Z.jsx)(Q,{title:`Conversions`,value:`4.8%`,change:{value:`0.3%`,direction:`down`},data:$,theme:`warm`,subtitle:`checkout rate`}),(0,Z.jsx)(Q,{title:`Sessions`,value:`124K`,change:{value:`8.1%`,direction:`up`},data:$,theme:`ocean`,subtitle:`last 30 days`})]})})}var Jn=`import { MetricGradient, type MetricDataPoint } from '@/components/composed/analytics';
+
+const data: MetricDataPoint[] = [
+	{ label: 'Jan', value: 4200 }, { label: 'Feb', value: 3800 }, { label: 'Mar', value: 5100 },
+	{ label: 'Apr', value: 4600 }, { label: 'May', value: 5800 }, { label: 'Jun', value: 6200 },
+	{ label: 'Jul', value: 5900 }, { label: 'Aug', value: 7100 }, { label: 'Sep', value: 6800 },
+	{ label: 'Oct', value: 7500 }, { label: 'Nov', value: 8200 }, { label: 'Dec', value: 9100 },
+];
+
+export function FourThemes() {
+	return (
+		<>
+			<div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+								<MetricGradient
+									title="Growth"
+									value="32.4K"
+									change={{ value: '15.2%', direction: 'up' }}
+									data={data}
+									theme="green"
+									subtitle="vs last quarter"
+								/>
+								<MetricGradient
+									title="Engagement"
+									value="8,940"
+									change={{ value: '4.7%', direction: 'up' }}
+									data={data}
+									theme="purple"
+									subtitle="active users"
+								/>
+								<MetricGradient
+									title="Conversions"
+									value="4.8%"
+									change={{ value: '0.3%', direction: 'down' }}
+									data={data}
+									theme="warm"
+									subtitle="checkout rate"
+								/>
+								<MetricGradient
+									title="Sessions"
+									value="124K"
+									change={{ value: '8.1%', direction: 'up' }}
+									data={data}
+									theme="ocean"
+									subtitle="last 30 days"
+								/>
+							</div>
+		</>
+	);
+}
+`;function Yn(e){let t={h4:`h4`,...e.components};return Kn||Zn(`Examples`,!1),qn||Zn(`Examples.FourThemes`,!0),(0,Z.jsxs)(r,{title:`Features · Metrics · Analytics cards`,description:"`MetricGradient` — vivid gradient hero card with embedded area chart. Pick a `theme` to drive the colour palette.",layer:`features`,status:`ready`,children:[(0,Z.jsx)(o,{title:`Examples`,id:`examples`,children:(0,Z.jsx)(s,{name:`FourThemes`,source:Jn,children:(0,Z.jsx)(qn,{})})}),(0,Z.jsxs)(o,{title:`API`,id:`api`,children:[(0,Z.jsx)(t.h4,{children:`MetricGradient`}),(0,Z.jsx)(Te,{component:`MetricGradient`})]})]})}function Xn(e={}){let{wrapper:t}=e.components||{};return t?(0,Z.jsx)(t,{...e,children:(0,Z.jsx)(Yn,{...e})}):Yn(e)}function Zn(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Xn as default};

package/dist/showcase/assets/metrics-comparison-Bs-R6v4y.js

@@ -0,0 +1,76 @@
+import{n as e}from"./chunk-CilyBKbf.js";import{cr as t,gr as n,hr as r,sr as i,t as a,vr as o}from"./example-6phCHGsN.js";import{t as s}from"./arrow-down-CUoXUyN1.js";import{t as c}from"./arrow-right-i25q9L2H.js";import{t as l}from"./arrow-up-pnezegnF.js";import{D as u,a as d,r as f}from"./index-B4ubXfly.js";import{t as p}from"./props-table-uDY4eIzt.js";import{t as m}from"./smart-card-BisUbLPt.js";import{t as h}from"./format-metric-value-cyOYS377.js";var g=f(`equal`,[[`line`,{x1:`5`,x2:`19`,y1:`9`,y2:`9`,key:`1nwqeh`}],[`line`,{x1:`5`,x2:`19`,y1:`15`,y2:`15`,key:`g8yjpy`}]]),_=d(),v={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function y(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function b({current:e,previous:t,title:i,currentPeriod:a,previousPeriod:d,className:f,strings:p}){let b=u(v,{...i?{title:i}:{},...p}),x=y(e.value),S=y(t.value),C=x!==null&&S!==null,w=C?x-S:0,T=C&&S!==0?Math.round(w/S*100):0,E=w>0,D=w===0,O=D?g:E?l:s,k=D?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:E?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,_.jsxs)(m,{title:b.title,className:o(`metric-comparison--component`,f),children:[!!(a||d)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!a&&(0,_.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:a}),!!d&&(0,_.jsx)(n,{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,_.jsxs)(`div`,{className:`mt-3 grid items-stretch gap-2 grid-cols-1 sm:grid-cols-[1fr_auto_1fr]`,children:[(0,_.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-card px-3 py-2.5`,children:[(0,_.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.currentLabel}),(0,_.jsx)(r,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:h(e)})]}),(0,_.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground/60`,children:[(0,_.jsx)(c,{className:`hidden size-4 sm:block`,"aria-hidden":`true`}),(0,_.jsx)(s,{className:`size-4 sm:hidden`,"aria-hidden":`true`})]}),(0,_.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-3 py-2.5`,children:[(0,_.jsx)(n,{size:`xxs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground/70`,children:b.previousLabel}),(0,_.jsx)(r,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:h(t)})]})]}),!!C&&(0,_.jsxs)(`div`,{className:o(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,k.box),children:[(0,_.jsxs)(`div`,{className:o(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,k.chip),children:[(0,_.jsx)(O,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,_.jsxs)(n,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[E?`+`:D?``:`−`,(t=>{let n=Math.abs(t);return h({...e,value:n})})(w)]})]}),(0,_.jsxs)(n,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[E?`+`:D?``:`−`,Math.abs(T),`% `,b.suffix]})]})]})}b.displayName=`MetricComparison`;var x=e({Default:()=>E,FlatNoChange:()=>k,PercentageValues:()=>O,WithCurrencyOverrideEUR:()=>D}),S={current:{id:`cur`,label:`Current`,value:48250,valueType:`currency`,currency:`USD`},previous:{id:`prev`,label:`Previous`,value:41800,valueType:`currency`,currency:`USD`}},C={current:{id:`cur`,label:`Current`,value:148500,valueType:`currency`,currency:`EUR`},previous:{id:`prev`,label:`Previous`,value:132100,valueType:`currency`,currency:`EUR`}},w={current:{id:`cur`,label:`Current`,value:.082,valueType:`percentage`},previous:{id:`prev`,label:`Previous`,value:.094,valueType:`percentage`}},T={current:{id:`cur`,label:`Current`,value:1240,valueType:`number`},previous:{id:`prev`,label:`Previous`,value:1240,valueType:`number`}};function E(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Monthly Revenue`,current:S.current,previous:S.previous,currentPeriod:`Mar 2026`,previousPeriod:`Feb 2026`})})}function D(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Quarterly Revenue`,current:C.current,previous:C.previous,currentPeriod:`Q1 2026`,previousPeriod:`Q4 2025`})})}function O(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Conversion rate`,current:w.current,previous:w.previous,currentPeriod:`This week`,previousPeriod:`Last week`})})}function k(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Active sessions`,current:T.current,previous:T.previous})})}var A=`import { MetricComparison, type MetricData } from '@/components/composed/analytics';
+
+const monthly: { current: MetricData; previous: MetricData } = {
+	current: { id: 'cur', label: 'Current', value: 48250, valueType: 'currency', currency: 'USD' },
+	previous: { id: 'prev', label: 'Previous', value: 41800, valueType: 'currency', currency: 'USD' },
+};
+
+const quarterly: { current: MetricData; previous: MetricData } = {
+	current: { id: 'cur', label: 'Current', value: 148500, valueType: 'currency', currency: 'EUR' },
+	previous: { id: 'prev', label: 'Previous', value: 132100, valueType: 'currency', currency: 'EUR' },
+};
+
+const conversion: { current: MetricData; previous: MetricData } = {
+	current: { id: 'cur', label: 'Current', value: 0.082, valueType: 'percentage' },
+	previous: { id: 'prev', label: 'Previous', value: 0.094, valueType: 'percentage' },
+};
+
+const flat: { current: MetricData; previous: MetricData } = {
+	current: { id: 'cur', label: 'Current', value: 1240, valueType: 'number' },
+	previous: { id: 'prev', label: 'Previous', value: 1240, valueType: 'number' },
+};
+
+export function Default() {
+	return (
+		<>
+			<MetricComparison
+								title="Monthly Revenue"
+								current={monthly.current}
+								previous={monthly.previous}
+								currentPeriod="Mar 2026"
+								previousPeriod="Feb 2026"
+							/>
+		</>
+	);
+}
+
+export function WithCurrencyOverrideEUR() {
+	return (
+		<>
+			<MetricComparison
+								title="Quarterly Revenue"
+								current={quarterly.current}
+								previous={quarterly.previous}
+								currentPeriod="Q1 2026"
+								previousPeriod="Q4 2025"
+							/>
+		</>
+	);
+}
+
+export function PercentageValues() {
+	return (
+		<>
+			<MetricComparison
+								title="Conversion rate"
+								current={conversion.current}
+								previous={conversion.previous}
+								currentPeriod="This week"
+								previousPeriod="Last week"
+							/>
+		</>
+	);
+}
+
+export function FlatNoChange() {
+	return (
+		<>
+			<MetricComparison
+								title="Active sessions"
+								current={flat.current}
+								previous={flat.previous}
+							/>
+		</>
+	);
+}
+`;function j(e){let n={h4:`h4`,...e.components};return x||N(`Examples`,!1),E||N(`Examples.Default`,!0),k||N(`Examples.FlatNoChange`,!0),O||N(`Examples.PercentageValues`,!0),D||N(`Examples.WithCurrencyOverrideEUR`,!0),(0,_.jsxs)(t,{title:`Features · Metrics · Comparison`,description:"`MetricComparison` — side-by-side current vs previous with a tone-tinted delta box. Reuses the unified `MetricData` shape so currency/percent formatting carries through.",layer:`features`,status:`ready`,children:[(0,_.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(a,{name:`Default`,source:A,children:(0,_.jsx)(E,{})}),(0,_.jsx)(a,{name:`WithCurrencyOverrideEUR`,source:A,children:(0,_.jsx)(D,{})}),(0,_.jsx)(a,{name:`PercentageValues`,source:A,children:(0,_.jsx)(O,{})}),(0,_.jsx)(a,{name:`FlatNoChange`,source:A,children:(0,_.jsx)(k,{})})]}),(0,_.jsxs)(i,{title:`API`,id:`api`,children:[(0,_.jsx)(n.h4,{children:`MetricComparison`}),(0,_.jsx)(p,{component:`MetricComparison`})]})]})}function M(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(j,{...e})}):j(e)}function N(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{M as default};

package/dist/showcase/assets/metrics-heatmap-BKHWH8sM.js

@@ -0,0 +1,27 @@
+import{n as e}from"./chunk-CilyBKbf.js";import{cr as t,gr as n,sr as r,t as i,vr as a}from"./example-6phCHGsN.js";import{D as o,a as s}from"./index-B4ubXfly.js";import{t as c}from"./props-table-uDY4eIzt.js";import{t as l}from"./smart-card-BisUbLPt.js";import{t as u}from"./analytics.strings-BcotPUad.js";var d=s(),f={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function p(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 m({title:e,description:t,data:r,className:i,strings:s}){let c=o(u,s),{weeks:m,monthLabels:h}=p(r,c.heatmapMonthNames);return(0,d.jsxs)(l,{title:e,description:t,className:a(`activity-heatmap--component`,i),children:[(0,d.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,d.jsx)(`div`,{className:`relative mb-1`,style:{paddingLeft:`28px`,height:`12px`},children:(0,d.jsx)(`div`,{className:`relative flex`,style:{width:`${m.length*15}px`},children:h.filter((e,t,n)=>t===0||e.weekIndex-n[t-1].weekIndex>=3).map(e=>(0,d.jsx)(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,d.jsxs)(`div`,{className:`flex gap-0`,children:[(0,d.jsx)(`div`,{className:`mr-1 flex flex-col gap-[3px]`,children:c.heatmapDayLabels.map((e,t)=>(0,d.jsx)(`div`,{className:`flex h-3 w-6 items-center justify-end`,children:!!e&&(0,d.jsx)(n,{size:`xxs`,type:`secondary`,className:`leading-none`,children:e})},`day-${t}`))}),(0,d.jsx)(`div`,{className:`flex gap-[3px]`,children:m.map((e,t)=>(0,d.jsx)(`div`,{className:`flex flex-col gap-[3px]`,children:e.map((e,n)=>{let r=e?`${e.date}: Level ${e.level}`:void 0;return(0,d.jsx)(`div`,{className:a(`size-3 rounded-sm`,e?f[e.level]:`bg-transparent`),title:r},`d-${t}-${n}`)})},`w-${t}`))})]})]}),(0,d.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-1.5`,children:[(0,d.jsx)(n,{size:`xxs`,type:`secondary`,children:c.heatmapLegendLess}),[0,1,2,3,4].map(e=>(0,d.jsx)(`div`,{className:a(`size-3 rounded-sm`,f[e])},`legend-${e}`)),(0,d.jsx)(n,{size:`xxs`,type:`secondary`,children:c.heatmapLegendMore})]})]})}m.displayName=`ActivityHeatmap`;var h=e({OrderActivity:()=>v});function g(){let e=[],t=new Date;for(let n=89;n>=0;n--){let r=new Date(t);r.setDate(r.getDate()-n);let i=Math.random(),a=i<.15?0:i<.35?1:i<.6?2:i<.8?3:4;e.push({date:r.toISOString().slice(0,10),level:a})}return e}var _=g();function v(){return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(`div`,{className:`max-w-2xl`,children:(0,d.jsx)(m,{title:`Order Activity`,description:`Last 90 days`,data:_})})})}var y=`import { ActivityHeatmap, type ActivityHeatmapDay } from '@/components/composed/analytics';
+
+function generate(): ActivityHeatmapDay[] {
+	const days: ActivityHeatmapDay[] = [];
+	const now = new Date();
+	for (let i = 89; i >= 0; i--) {
+		const d = new Date(now);
+		d.setDate(d.getDate() - i);
+		const r = Math.random();
+		const level: 0 | 1 | 2 | 3 | 4 = r < 0.15 ? 0 : r < 0.35 ? 1 : r < 0.6 ? 2 : r < 0.8 ? 3 : 4;
+		days.push({ date: d.toISOString().slice(0, 10), level });
+	}
+	return days;
+}
+
+const data = generate();
+
+export function OrderActivity() {
+	return (
+		<>
+			<div className="max-w-2xl">
+								<ActivityHeatmap title="Order Activity" description="Last 90 days" data={data} />
+							</div>
+		</>
+	);
+}
+`;function b(e){let n={h4:`h4`,...e.components};return h||S(`Examples`,!1),v||S(`Examples.OrderActivity`,!0),(0,d.jsxs)(t,{title:`Features · Metrics · Activity heatmap`,description:"`ActivityHeatmap` — GitHub-style daily-activity calendar with success-tinted intensity cells.",layer:`features`,status:`ready`,children:[(0,d.jsx)(r,{title:`Examples`,id:`examples`,children:(0,d.jsx)(i,{name:`OrderActivity`,source:y,children:(0,d.jsx)(v,{})})}),(0,d.jsxs)(r,{title:`API`,id:`api`,children:[(0,d.jsx)(n.h4,{children:`ActivityHeatmap`}),(0,d.jsx)(c,{component:`ActivityHeatmap`})]})]})}function x(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(b,{...e})}):b(e)}function S(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{x as default};

package/dist/showcase/assets/metrics-inline-badge-BxVn0Y2p.js

@@ -0,0 +1,17 @@
+import{n as e}from"./chunk-CilyBKbf.js";import{cr as t,gr as n,sr as r,t as i,vr as a}from"./example-6phCHGsN.js";import{a as o}from"./index-B4ubXfly.js";import{t as s}from"./props-table-uDY4eIzt.js";var c=o(),l={sm:`gap-1 rounded-full px-2 py-0.5`,md:`gap-1.5 rounded-full px-2.5 py-1`,base:`gap-1.5 rounded-full px-2.5 py-1`,lg:`gap-1.5 rounded-full px-3 py-1`},u={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xs`},d={sm:`xxs`,md:`xs`,base:`xs`,lg:`xs`},f={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xxs`};function p({metrics:e,className:t}){return(0,c.jsx)(`div`,{className:a(`inline-metric--component`,`flex flex-wrap gap-1.5`,t),children:e.map(e=>{let t=e.size??`base`;return(0,c.jsxs)(`span`,{className:a(`inline-flex items-center bg-card ring-1 ring-border/60`,l[t]??l.base),children:[(0,c.jsx)(n,{tag:`span`,size:u[t]??`xxs`,type:`secondary`,children:e.label}),(0,c.jsx)(n,{tag:`span`,size:d[t]??`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),(0,c.jsxs)(n,{tag:`span`,size:f[t]??`xxs`,weight:`medium`,className:a(`tabular-nums inline-flex items-center gap-0.5 rounded-full px-1`,e.up?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:[e.up?`↑`:`↓`,e.change]})]},e.label)})})}p.displayName=`InlineMetricBadge`;var m=e({MixedSizesDirections:()=>h});function h(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(p,{metrics:[{label:`Revenue`,value:`52.3K`,change:`+12%`,up:!0,size:`md`},{label:`Orders`,value:`1,284`,change:`+8%`,up:!0,size:`md`},{label:`Returns`,value:`23`,change:`-5%`,up:!1,size:`sm`},{label:`AOV`,value:`351 USD`,change:`+3%`,up:!0,size:`lg`}]})})}var g=`import { InlineMetricBadge } from '@/components/composed/data-display/inline-metric';
+
+export function MixedSizesDirections() {
+	return (
+		<>
+			<InlineMetricBadge
+								metrics={[
+									{ label: 'Revenue', value: '52.3K', change: '+12%', up: true, size: 'md' },
+									{ label: 'Orders', value: '1,284', change: '+8%', up: true, size: 'md' },
+									{ label: 'Returns', value: '23', change: '-5%', up: false, size: 'sm' },
+									{ label: 'AOV', value: '351 USD', change: '+3%', up: true, size: 'lg' },
+								]}
+							/>
+		</>
+	);
+}
+`;function _(e){let n={h4:`h4`,...e.components};return m||y(`Examples`,!1),h||y(`Examples.MixedSizesDirections`,!0),(0,c.jsxs)(t,{title:`Features · Metrics · Inline badge`,description:"`InlineMetricBadge` — compact `label · value · change%` pill rows. Use as in-flow copy where a full Metric tile is too heavy.",layer:`features`,status:`ready`,children:[(0,c.jsx)(r,{title:`Examples`,id:`examples`,children:(0,c.jsx)(i,{name:`MixedSizesDirections`,source:g,children:(0,c.jsx)(h,{})})}),(0,c.jsxs)(r,{title:`API`,id:`api`,children:[(0,c.jsx)(n.h4,{children:`InlineMetricBadge`}),(0,c.jsx)(s,{component:`InlineMetricBadge`})]})]})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(_,{...e})}):_(e)}function y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{v as default};

package/dist/showcase/assets/metrics-kpi-row-DtACYEds.js

@@ -0,0 +1,31 @@
+import{n as e}from"./chunk-CilyBKbf.js";import{cr as t,gr as n,sr as r,t as i,vr as a}from"./example-6phCHGsN.js";import{a as o}from"./index-B4ubXfly.js";import{t as s}from"./props-table-uDY4eIzt.js";var c=o(),l=`ring-1 ring-border/50 shadow-sm`;function u({kpis:e,className:t}){return(0,c.jsx)(`div`,{className:a(`mini-kpi--component`,`inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2`,l,t),children:e.map(e=>(0,c.jsxs)(`div`,{className:`flex flex-col items-center px-4`,children:[(0,c.jsx)(n,{weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(n,{size:`xs`,type:`secondary`,className:`text-xxs`,children:e.label})]},e.label))})}u.displayName=`MiniKpiRow`;var d=e({Example3KPIs:()=>p,Example4KPIs:()=>f});function f(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(u,{kpis:[{value:`2,847`,label:`Orders`},{value:`142K`,label:`Revenue`},{value:`94.2%`,label:`Fulfillment`},{value:`4.8`,label:`Rating`}]})})}function p(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(u,{kpis:[{value:`128`,label:`Active`},{value:`24`,label:`Pending`},{value:`7`,label:`Overdue`}]})})}var m=`import { MiniKpiRow } from '@/components/composed/data-display/mini-kpi';
+
+export function Example4KPIs() {
+	return (
+		<>
+			<MiniKpiRow
+								kpis={[
+									{ value: '2,847', label: 'Orders' },
+									{ value: '142K', label: 'Revenue' },
+									{ value: '94.2%', label: 'Fulfillment' },
+									{ value: '4.8', label: 'Rating' },
+								]}
+							/>
+		</>
+	);
+}
+
+export function Example3KPIs() {
+	return (
+		<>
+			<MiniKpiRow
+								kpis={[
+									{ value: '128', label: 'Active' },
+									{ value: '24', label: 'Pending' },
+									{ value: '7', label: 'Overdue' },
+								]}
+							/>
+		</>
+	);
+}
+`;function h(e){let n={h4:`h4`,...e.components};return d||_(`Examples`,!1),p||_(`Examples.Example3KPIs`,!0),f||_(`Examples.Example4KPIs`,!0),(0,c.jsxs)(t,{title:`Features · Metrics · KPI row`,description:"`MiniKpiRow` — compact horizontal divider-separated KPI strip for header / footer accents.",layer:`features`,status:`ready`,children:[(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Example4KPIs`,source:m,children:(0,c.jsx)(f,{})}),(0,c.jsx)(i,{name:`Example3KPIs`,source:m,children:(0,c.jsx)(p,{})})]}),(0,c.jsxs)(r,{title:`API`,id:`api`,children:[(0,c.jsx)(n.h4,{children:`MiniKpiRow`}),(0,c.jsx)(s,{component:`MiniKpiRow`})]})]})}function g(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}function _(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{g as default};

package/dist/showcase/assets/metrics-micro-grid-BkwUGOUR.js

@@ -0,0 +1,42 @@
+import{n as e,r as t}from"./chunk-CilyBKbf.js";import{cr as n,gr as r,sr as i,t as a,vr as o}from"./example-6phCHGsN.js";import{a as s,k as c}from"./index-B4ubXfly.js";import{O as l,n as u,t as d}from"./AreaChart-CJ57G5Ub.js";import{t as f}from"./props-table-uDY4eIzt.js";import{t as p}from"./smart-card-BisUbLPt.js";var m=t(c(),1),h=s(),g=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],_={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},v=[`var(--success)`,`var(--info)`,`var(--warning)`];function y({data:e,color:t}){let n=Math.max(...e,1);return(0,h.jsx)(`div`,{className:o(`metric-micro-grid--component`,`flex h-5 items-end gap-[2px]`),children:e.slice(0,6).map((e,r)=>(0,h.jsx)(`div`,{className:`flex-1 rounded-t-sm`,style:{height:`${e/n*100}%`,backgroundColor:t,opacity:.8}},`bar-${r}`))})}function b({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,h.jsx)(`svg`,{viewBox:`0 0 60 16`,className:`h-5 w-full`,preserveAspectRatio:`none`,children:(0,h.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 x({data:e,color:t}){let n=Math.max(...e,1);return(0,h.jsx)(`div`,{className:`flex h-5 items-end justify-around`,children:e.slice(0,5).map((e,r)=>(0,h.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full`,style:{marginBottom:`${e/n*12}px`,backgroundColor:t}},`dot-${r}`))})}function S({data:e,color:t}){let n=e[0]??0,r=e[1]??100;return(0,h.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,h.jsx)(`div`,{className:`h-full rounded-full transition-all`,style:{width:`${Math.min(n/r*100,100)}%`,backgroundColor:t}})})}function C({data:e,color:t}){let n=`micro-area-${(0,m.useId)().replaceAll(`:`,``)}`;return(0,h.jsx)(`div`,{className:`h-5 w-full`,children:(0,h.jsx)(l,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,h.jsxs)(d,{data:e.map((e,t)=>({i:t,v:e})),margin:{top:0,right:0,bottom:0,left:0},children:[(0,h.jsx)(`defs`,{children:(0,h.jsxs)(`linearGradient`,{id:n,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,h.jsx)(`stop`,{offset:`0%`,stopColor:t,stopOpacity:.3}),(0,h.jsx)(`stop`,{offset:`100%`,stopColor:t,stopOpacity:0})]})}),(0,h.jsx)(u,{type:`monotone`,dataKey:`v`,stroke:t,strokeWidth:1.25,fill:`url(#${n})`})]})})})}function w({data:e}){let t=e.reduce((e,t)=>e+t,0)||1,n=0;return(0,h.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,c=+(i>180);return(0,h.jsx)(`path`,{d:`M12,12 L${12+10*Math.cos(o)},${12+10*Math.sin(o)} A10,10 0 ${c},1 ${12+10*Math.cos(s)},${12+10*Math.sin(s)} Z`,fill:v[r%v.length]},`slice-${r}`)})})}function T({kind:e,data:t}){let n=_[e];return e===`bars`?(0,h.jsx)(y,{data:t,color:n}):e===`line`?(0,h.jsx)(b,{data:t,color:n}):e===`dots`?(0,h.jsx)(x,{data:t,color:n}):e===`progress`?(0,h.jsx)(S,{data:t,color:n}):e===`area`?(0,h.jsx)(C,{data:t,color:n}):(0,h.jsx)(w,{data:t})}function E({title:e=`Overview`,cells:t,className:n}){return(0,h.jsx)(p,{title:e,className:n,padding:`sm`,children:(0,h.jsx)(`div`,{className:`grid grid-cols-3 grid-rows-2 -m-2`,children:t.slice(0,6).map((e,t)=>(0,h.jsxs)(`div`,{className:o(`flex flex-col gap-1.5 px-3 py-2.5`,t%3!=2&&`border-r border-border/50`,t<3&&`border-b border-border/50`),children:[(0,h.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,h.jsx)(r,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,h.jsx)(`div`,{className:`mt-auto`,children:(0,h.jsx)(T,{kind:e.chart??g[t],data:e.data})})]},e.id??e.label))})})}E.displayName=`MetricMicroGrid`;var D=e({DefaultAutoAssignedCharts:()=>O,PinnedChartKinds:()=>k});function O(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(`div`,{className:`max-w-lg`,children:(0,h.jsx)(E,{title:`Overview`,cells:[{label:`Revenue`,value:`87.4K`,data:[42,55,60,65,75]},{label:`Orders`,value:`1,284`,data:[80,85,90,100,110,105]},{label:`Avg Value`,value:`68.1`,data:[58,62,64,68]},{label:`Vouchers`,value:`73%`,data:[73,100]},{label:`Growth`,value:`+12%`,data:[42,48,55,52,60,58,65,70,75]},{label:`Channels`,value:`3`,data:[520,186,94]}]})})})}function k(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(`div`,{className:`max-w-lg`,children:(0,h.jsx)(E,{title:`Force per-cell chart`,cells:[{label:`Sessions`,value:`1.2M`,data:[200,210,240,260,290,320],chart:`area`},{label:`Users`,value:`24K`,data:[80,85,90,100,110,105],chart:`line`},{label:`Bounce`,value:`32%`,data:[32,100],chart:`progress`},{label:`Pages`,value:`4.2`,data:[3.8,4,4.1,4.2,4.3],chart:`bars`},{label:`Devices`,value:`3`,data:[520,186,94],chart:`pie`},{label:`Sources`,value:`8`,data:[4,6,5,7,8],chart:`dots`}]})})})}var A=`import { MetricMicroGrid } from '@/components/composed/analytics';
+
+export function DefaultAutoAssignedCharts() {
+	return (
+		<>
+			<div className="max-w-lg">
+								<MetricMicroGrid
+									title="Overview"
+									cells={[
+										{ label: 'Revenue', value: '87.4K', data: [42, 55, 60, 65, 75] },
+										{ label: 'Orders', value: '1,284', data: [80, 85, 90, 100, 110, 105] },
+										{ label: 'Avg Value', value: '68.1', data: [58, 62, 64, 68] },
+										{ label: 'Vouchers', value: '73%', data: [73, 100] },
+										{ label: 'Growth', value: '+12%', data: [42, 48, 55, 52, 60, 58, 65, 70, 75] },
+										{ label: 'Channels', value: '3', data: [520, 186, 94] },
+									]}
+								/>
+							</div>
+		</>
+	);
+}
+
+export function PinnedChartKinds() {
+	return (
+		<>
+			<div className="max-w-lg">
+								<MetricMicroGrid
+									title="Force per-cell chart"
+									cells={[
+										{ label: 'Sessions', value: '1.2M', data: [200, 210, 240, 260, 290, 320], chart: 'area' },
+										{ label: 'Users', value: '24K', data: [80, 85, 90, 100, 110, 105], chart: 'line' },
+										{ label: 'Bounce', value: '32%', data: [32, 100], chart: 'progress' },
+										{ label: 'Pages', value: '4.2', data: [3.8, 4.0, 4.1, 4.2, 4.3], chart: 'bars' },
+										{ label: 'Devices', value: '3', data: [520, 186, 94], chart: 'pie' },
+										{ label: 'Sources', value: '8', data: [4, 6, 5, 7, 8], chart: 'dots' },
+									]}
+								/>
+							</div>
+		</>
+	);
+}
+`;function j(e){let t={h4:`h4`,...e.components};return D||N(`Examples`,!1),O||N(`Examples.DefaultAutoAssignedCharts`,!0),k||N(`Examples.PinnedChartKinds`,!0),(0,h.jsxs)(n,{title:`Features · Metrics · Micro chart grid`,description:"`MetricMicroGrid` — six-cell dense overview pairing each KPI with a different lightweight visualization (bars / line / dots / progress / area / pie).",layer:`features`,status:`ready`,children:[(0,h.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(a,{name:`DefaultAutoAssignedCharts`,source:A,children:(0,h.jsx)(O,{})}),(0,h.jsx)(a,{name:`PinnedChartKinds`,source:A,children:(0,h.jsx)(k,{})})]}),(0,h.jsxs)(i,{title:`API`,id:`api`,children:[(0,h.jsx)(t.h4,{children:`MetricMicroGrid`}),(0,h.jsx)(f,{component:`MetricMicroGrid`})]})]})}function M(e={}){let{wrapper:t}=e.components||{};return t?(0,h.jsx)(t,{...e,children:(0,h.jsx)(j,{...e})}):j(e)}function N(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{M as default};

package/dist/showcase/assets/metrics-overview-BAtrlzsI.js

@@ -0,0 +1,192 @@
+import{n as e}from"./chunk-CilyBKbf.js";import{cr as t,gr as n,sr as r,t as i}from"./example-6phCHGsN.js";import{t as a}from"./dollar-sign-DFZs6vfz.js";import{t as o}from"./shopping-bag-BqlAP4vn.js";import{t as s}from"./trending-up-BmLhdF_w.js";import{t as c}from"./users-B7G4yTCR.js";import{a as l}from"./index-B4ubXfly.js";import{t as u}from"./props-table-uDY4eIzt.js";import{t as d}from"./metric-trend-chip-mtvcJ_M9.js";import{n as f,r as p,t as m}from"./metric-BSvxidIX.js";import{n as h,t as g}from"./metric-grid-Dtqx_3Lg.js";var _=e({ErrorState:()=>P,LiveLoadingState:()=>N,LoadingSkeletons:()=>M,MetricBarDefault:()=>w,MetricBarGradientFrame:()=>T,MetricGridCardVariant:()=>E,MetricGridCompactList:()=>D,MetricMinimalInlineCopy:()=>k,MetricSizesSmMdLg:()=>O,MetricSparklineExample:()=>j,MetricTrendChipExample:()=>A}),v=l(),y={id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},sparkline:[120,140,132,158,167,180,198,220,240,248],icon:a,subtitle:`This month`},b={id:`orders`,label:`Orders`,value:312,valueType:`number`,change:{value:`4.1%`,direction:`up`},sparkline:[22,28,25,30,35,33,38,41,39,44],icon:o},x={id:`customers`,label:`Active customers`,value:1820,valueType:`number`,change:{value:`2.3%`,direction:`down`},sparkline:[200,198,205,195,188,182,178,180,184,182],icon:c},S={id:`conversion`,label:`Conversion`,value:.082,valueType:`percentage`,change:{value:`0.6%`,direction:`up`},sparkline:[.07,.071,.073,.075,.078,.079,.081,.082],icon:s},C=[y,b,x,S];function w(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(h,{period:{label:`This month`,value:`this_month`},metrics:C})})}function T(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(h,{period:{label:`This month`,value:`this_month`},metrics:C,variant:`gradient`,footerText:`Updated 2 minutes ago`})})}function E(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`card`,columns:4})})}function D(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`compact`,columns:2})})}function O(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsx)(m,{data:b,variant:`bordered`,size:`sm`}),(0,v.jsx)(m,{data:b,variant:`bordered`,size:`md`}),(0,v.jsx)(m,{data:b,variant:`bordered`,size:`lg`})]})})}function k(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-x-6 gap-y-2 rounded-lg border border-border bg-card p-4`,children:[(0,v.jsx)(m,{data:y,variant:`minimal`}),(0,v.jsx)(m,{data:b,variant:`minimal`}),(0,v.jsx)(m,{data:x,variant:`minimal`}),(0,v.jsx)(m,{data:S,variant:`minimal`})]})})}function A(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,v.jsx)(d,{change:{value:`12.4%`,direction:`up`},variant:`default`}),(0,v.jsx)(d,{change:{value:`12.4%`,direction:`up`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`3.2%`,direction:`down`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`0%`,direction:`neutral`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`5.1%`,direction:`up`},variant:`compact`}),(0,v.jsx)(d,{change:{value:`5.1%`,direction:`up`},variant:`inline`})]})})}function j(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-3`,children:[(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Positive`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[120,140,132,158,167,180,198,220,240,248],trend:`positive`})})]}),(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Negative`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[200,198,205,195,188,182,178,180,184,182],trend:`negative`})})]}),(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Neutral`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[15,20,18,24,22,28,31,35,38,42,45,48],trend:`neutral`})})]})]})})}function M(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4`,children:[(0,v.jsx)(f,{variant:`card`}),(0,v.jsx)(f,{variant:`bordered`}),(0,v.jsx)(f,{variant:`accent`}),(0,v.jsx)(f,{variant:`compact`})]})})}function N(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`card`,columns:4,loading:!0})})}function P(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(m,{data:y,variant:`card`,error:!0,errorLabel:`Couldn't load this metric`})})}var F=`import { DollarSign, ShoppingBag, TrendingUp, Users } from 'lucide-react';
+import {
+	Metric,
+	MetricBar,
+	MetricGrid,
+	MetricSkeleton,
+	MetricSparkline,
+	MetricTrendChip,
+	type MetricData,
+} from '@/components/composed/analytics';
+import { Text } from '@/components/typography';
+
+const revenue: MetricData = {
+	id: 'revenue',
+	label: 'Revenue',
+	value: 24820,
+	valueType: 'currency',
+	currency: 'USD',
+	change: { value: '12.4%', direction: 'up' },
+	sparkline: [120, 140, 132, 158, 167, 180, 198, 220, 240, 248],
+	icon: DollarSign,
+	subtitle: 'This month',
+};
+
+const orders: MetricData = {
+	id: 'orders',
+	label: 'Orders',
+	value: 312,
+	valueType: 'number',
+	change: { value: '4.1%', direction: 'up' },
+	sparkline: [22, 28, 25, 30, 35, 33, 38, 41, 39, 44],
+	icon: ShoppingBag,
+};
+
+const customers: MetricData = {
+	id: 'customers',
+	label: 'Active customers',
+	value: 1820,
+	valueType: 'number',
+	change: { value: '2.3%', direction: 'down' },
+	sparkline: [200, 198, 205, 195, 188, 182, 178, 180, 184, 182],
+	icon: Users,
+};
+
+const conversion: MetricData = {
+	id: 'conversion',
+	label: 'Conversion',
+	value: 0.082,
+	valueType: 'percentage',
+	change: { value: '0.6%', direction: 'up' },
+	sparkline: [0.07, 0.071, 0.073, 0.075, 0.078, 0.079, 0.081, 0.082],
+	icon: TrendingUp,
+};
+
+const ALL = [revenue, orders, customers, conversion];
+
+export function MetricBarDefault() {
+	return (
+		<>
+			<MetricBar
+								period={{ label: 'This month', value: 'this_month' }}
+								metrics={ALL}
+							/>
+		</>
+	);
+}
+
+export function MetricBarGradientFrame() {
+	return (
+		<>
+			<MetricBar
+								period={{ label: 'This month', value: 'this_month' }}
+								metrics={ALL}
+								variant="gradient"
+								footerText="Updated 2 minutes ago"
+							/>
+		</>
+	);
+}
+
+export function MetricGridCardVariant() {
+	return (
+		<>
+			<MetricGrid metrics={ALL} variant="card" columns={4} />
+		</>
+	);
+}
+
+export function MetricGridCompactList() {
+	return (
+		<>
+			<MetricGrid metrics={ALL} variant="compact" columns={2} />
+		</>
+	);
+}
+
+export function MetricSizesSmMdLg() {
+	return (
+		<>
+			<div className="space-y-3">
+								<Metric data={orders} variant="bordered" size="sm" />
+								<Metric data={orders} variant="bordered" size="md" />
+								<Metric data={orders} variant="bordered" size="lg" />
+							</div>
+		</>
+	);
+}
+
+export function MetricMinimalInlineCopy() {
+	return (
+		<>
+			<div className="flex flex-wrap gap-x-6 gap-y-2 rounded-lg border border-border bg-card p-4">
+								<Metric data={revenue} variant="minimal" />
+								<Metric data={orders} variant="minimal" />
+								<Metric data={customers} variant="minimal" />
+								<Metric data={conversion} variant="minimal" />
+							</div>
+		</>
+	);
+}
+
+export function MetricTrendChipExample() {
+	return (
+		<>
+			<div className="flex flex-wrap items-center gap-3">
+								<MetricTrendChip change={{ value: '12.4%', direction: 'up' }} variant="default" />
+								<MetricTrendChip change={{ value: '12.4%', direction: 'up' }} variant="badge" />
+								<MetricTrendChip change={{ value: '3.2%', direction: 'down' }} variant="badge" />
+								<MetricTrendChip change={{ value: '0%', direction: 'neutral' }} variant="badge" />
+								<MetricTrendChip change={{ value: '5.1%', direction: 'up' }} variant="compact" />
+								<MetricTrendChip change={{ value: '5.1%', direction: 'up' }} variant="inline" />
+							</div>
+		</>
+	);
+}
+
+export function MetricSparklineExample() {
+	return (
+		<>
+			<div className="grid grid-cols-1 gap-3 sm:grid-cols-3">
+								<div className="rounded-lg border border-border bg-card p-3">
+									<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Positive</Text>
+									<div className="mt-1 h-12 w-full">
+										<MetricSparkline data={[120, 140, 132, 158, 167, 180, 198, 220, 240, 248]} trend="positive" />
+									</div>
+								</div>
+								<div className="rounded-lg border border-border bg-card p-3">
+									<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Negative</Text>
+									<div className="mt-1 h-12 w-full">
+										<MetricSparkline data={[200, 198, 205, 195, 188, 182, 178, 180, 184, 182]} trend="negative" />
+									</div>
+								</div>
+								<div className="rounded-lg border border-border bg-card p-3">
+									<Text size="xxs" type="secondary" weight="medium" className="uppercase tracking-wider">Neutral</Text>
+									<div className="mt-1 h-12 w-full">
+										<MetricSparkline data={[15, 20, 18, 24, 22, 28, 31, 35, 38, 42, 45, 48]} trend="neutral" />
+									</div>
+								</div>
+							</div>
+		</>
+	);
+}
+
+export function LoadingSkeletons() {
+	return (
+		<>
+			<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4">
+								<MetricSkeleton variant="card" />
+								<MetricSkeleton variant="bordered" />
+								<MetricSkeleton variant="accent" />
+								<MetricSkeleton variant="compact" />
+							</div>
+		</>
+	);
+}
+
+export function LiveLoadingState() {
+	return (
+		<>
+			<MetricGrid metrics={ALL} variant="card" columns={4} loading />
+		</>
+	);
+}
+
+export function ErrorState() {
+	return (
+		<>
+			<Metric data={revenue} variant="card" error errorLabel="Couldn't load this metric" />
+		</>
+	);
+}
+`;function I(e){let n={h4:`h4`,...e.components};return _||R(`Examples`,!1),P||R(`Examples.ErrorState`,!0),N||R(`Examples.LiveLoadingState`,!0),M||R(`Examples.LoadingSkeletons`,!0),w||R(`Examples.MetricBarDefault`,!0),T||R(`Examples.MetricBarGradientFrame`,!0),E||R(`Examples.MetricGridCardVariant`,!0),D||R(`Examples.MetricGridCompactList`,!0),k||R(`Examples.MetricMinimalInlineCopy`,!0),O||R(`Examples.MetricSizesSmMdLg`,!0),j||R(`Examples.MetricSparklineExample`,!0),A||R(`Examples.MetricTrendChipExample`,!0),(0,v.jsxs)(t,{title:`Features · Metrics · Overview`,description:`The unified metrics module: a single Metric component with seven layout variants, plus MetricBar, MetricGrid, and supporting atoms (TrendChip, Sparkline, Skeleton). One MetricData shape powers every surface — see the dedicated pages for each layout.`,layer:`features`,status:`ready`,children:[(0,v.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(i,{name:`MetricBarDefault`,source:F,children:(0,v.jsx)(w,{})}),(0,v.jsx)(i,{name:`MetricBarGradientFrame`,source:F,children:(0,v.jsx)(T,{})}),(0,v.jsx)(i,{name:`MetricGridCardVariant`,source:F,children:(0,v.jsx)(E,{})}),(0,v.jsx)(i,{name:`MetricGridCompactList`,source:F,children:(0,v.jsx)(D,{})}),(0,v.jsx)(i,{name:`MetricSizesSmMdLg`,source:F,children:(0,v.jsx)(O,{})}),(0,v.jsx)(i,{name:`MetricMinimalInlineCopy`,source:F,children:(0,v.jsx)(k,{})}),(0,v.jsx)(i,{name:`MetricTrendChipExample`,source:F,children:(0,v.jsx)(A,{})}),(0,v.jsx)(i,{name:`MetricSparklineExample`,source:F,children:(0,v.jsx)(j,{})}),(0,v.jsx)(i,{name:`LoadingSkeletons`,source:F,children:(0,v.jsx)(M,{})}),(0,v.jsx)(i,{name:`LiveLoadingState`,source:F,children:(0,v.jsx)(N,{})}),(0,v.jsx)(i,{name:`ErrorState`,source:F,children:(0,v.jsx)(P,{})})]}),(0,v.jsxs)(r,{title:`API`,id:`api`,children:[(0,v.jsx)(n.h4,{children:`Metric`}),(0,v.jsx)(u,{component:`Metric`}),(0,v.jsx)(n.h4,{children:`MetricBar`}),(0,v.jsx)(u,{component:`MetricBar`}),(0,v.jsx)(n.h4,{children:`MetricGrid`}),(0,v.jsx)(u,{component:`MetricGrid`}),(0,v.jsx)(n.h4,{children:`MetricSkeleton`}),(0,v.jsx)(u,{component:`MetricSkeleton`}),(0,v.jsx)(n.h4,{children:`MetricSparkline`}),(0,v.jsx)(u,{component:`MetricSparkline`}),(0,v.jsx)(n.h4,{children:`MetricTrendChip`}),(0,v.jsx)(u,{component:`MetricTrendChip`})]})]})}function L(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(I,{...e})}):I(e)}function R(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{L as default};