npm - @flipdish/ui-library - Versions diffs - 0.20.1 → 0.22.0 - Mend

@flipdish/ui-library 0.20.1 → 0.22.0

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

Files changed (241) hide show

package/dist/components/organisms/Charts/components/metrics.cjs CHANGED Viewed

@@ -10,7 +10,9 @@ var React = require('react');
 var recharts = require('recharts');
 const ActionsDropdown = ({ actions, testId }) => (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Dropdown.Dropdown.DotsButton, { "data-testid": testIdUtils.joinTestId(testId, 'actions') }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-min", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { children: actions.map(({ id, label, icon, onPress }) => (jsxRuntime.jsx(Dropdown.Dropdown.Item, { icon: icon, onAction: onPress, children: jsxRuntime.jsx("span", { className: "pr-4", children: label }) }, id))) }) })] }));
-const MetricChangeIndicator = ({ type, trend, value, className, 'data-testid': dataTestId }) => {
+/** Shared overflow-actions slot rendered identically by every Metrics card. */
+const MetricsCardDropdown = ({ dropdownActions, testId }) => dropdownActions && dropdownActions.length > 0 ? (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) })) : null;
+const MetricChangeIndicator = ({ type, changeTrend, value, className, 'data-testid': dataTestId }) => {
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metric-change-indicator', rootName: 'metric-change-indicator' });
     const icons = {
         positive: {
@@ -24,28 +26,28 @@ const MetricChangeIndicator = ({ type, trend, value, className, 'data-testid': d
             modern: uiIcons.ArrowDownRight,
         },
     };
-    const Icon = icons[trend][type];
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('flex items-center', type === 'simple' ? 'gap-0.5' : 'gap-1', type === 'modern' && 'rounded-md bg-primary py-0.5 pr-2 pl-1.5 shadow-xs ring-1 ring-primary ring-inset', className), children: [jsxRuntime.jsx(Icon, { className: cx.cx('stroke-[3px] text-fg-success-secondary', type === 'modern' ? 'size-3' : 'size-4', trend === 'negative' ? 'text-fg-error-secondary' : 'text-fg-success-secondary') }), jsxRuntime.jsx("span", { className: cx.cx('text-sm font-medium text-secondary', type === 'modern' ? 'text-secondary' : trend === 'negative' ? 'text-error-primary' : 'text-success-primary'), children: value })] }));
+    const Icon = icons[changeTrend][type];
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('flex items-center', type === 'simple' ? 'gap-0.5' : 'gap-1', type === 'modern' && 'rounded-md bg-primary py-0.5 pr-2 pl-1.5 shadow-xs ring-1 ring-primary ring-inset', className), children: [jsxRuntime.jsx(Icon, { className: cx.cx('stroke-[3px] text-fg-success-secondary', type === 'modern' ? 'size-3' : 'size-4', changeTrend === 'negative' ? 'text-fg-error-secondary' : 'text-fg-success-secondary') }), jsxRuntime.jsx("span", { className: cx.cx('text-sm font-medium text-secondary', type === 'modern' ? 'text-secondary' : changeTrend === 'negative' ? 'text-error-primary' : 'text-success-primary'), children: value })] }));
 };
-const MetricsSimple = ({ title = '2,000', subtitle = 'View 24 hours', type, trend, change, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+const MetricsSimple = ({ title = '2,000', subtitle = 'View 24 hours', type, changeTrend, change, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-simple', rootName: 'metrics-simple' });
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-2 px-4 py-5 md:px-5", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-end gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: type, trend: trend, value: change })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-2 px-4 py-5 md:px-5", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-end gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const MetricsIcon01 = ({ icon = uiIcons.TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-01', rootName: 'metrics-icon-01' });
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: changeTrend === 'positive' ? 'success' : 'error', theme: "light", icon: icon, size: "lg" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-end gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: "modern", trend: changeTrend, value: change })] })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: changeTrend === 'positive' ? 'success' : 'error', theme: "light", icon: icon, size: "lg" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-end gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: "modern", changeTrend: changeTrend, value: change })] })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const MetricsIcon02 = ({ icon = uiIcons.Zap, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', changeDescription = 'vs last month', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-02', rootName: 'metrics-icon-02' });
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "brand", theme: "light", size: "lg", icon: icon }), jsxRuntime.jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: "simple", trend: changeTrend, value: change }), changeDescription && jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "brand", theme: "light", size: "lg", icon: icon }), jsxRuntime.jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: "simple", changeTrend: changeTrend, value: change }), changeDescription && jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const MetricsIcon03 = ({ icon = uiIcons.TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, className, footer, 'data-testid': dataTestId, }) => {
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-03', rootName: 'metrics-icon-03' });
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", theme: "modern", icon: icon || uiIcons.TrendUp01, size: "lg" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 lg:gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: "trend", trend: changeTrend, value: change }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: "vs last month" })] })] })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", theme: "modern", icon: icon || uiIcons.TrendUp01, size: "lg" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 lg:gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: "trend", changeTrend: changeTrend, value: change }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: "vs last month" })] })] })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const MetricsIcon04 = ({ icon = uiIcons.TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-04', rootName: 'metrics-icon-04' });
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('min-w-70 rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:flex-row md:px-5", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", theme: "modern", icon: icon, size: "md" }), jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: "modern", trend: changeTrend, value: change })] })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('min-w-70 rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:flex-row md:px-5", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", theme: "modern", icon: icon, size: "md" }), jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: "modern", changeTrend: changeTrend, value: change })] })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const CustomizedDot = (props) => {
     if (!props.payload?.highlight) {
@@ -73,16 +75,16 @@ const lineData = [
     { value: 50 },
     { value: 55 },
 ];
-const MetricsChart01 = ({ title = '2,000', subtitle = 'View 24 hours', change = '100%', changeDescription = 'vs last month', dropdownActions, chartData = lineData, trend = 'positive', footer, className, 'data-testid': dataTestId, }) => {
+const MetricsChart01 = ({ title = '2,000', subtitle = 'View 24 hours', change = '100%', changeDescription = 'vs last month', dropdownActions, chartData = lineData, changeTrend = 'positive', footer, className, 'data-testid': dataTestId, }) => {
     const id = React.useId();
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-01', rootName: 'metrics-chart-01' });
-    const chartColor = trend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-5 px-4 py-5 md:px-5", children: [jsxRuntime.jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: "simple", trend: trend, value: change }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsxRuntime.jsxs(recharts.AreaChart, { height: 56, width: 112, data: chartData, margin: {
+    const chartColor = changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-5 px-4 py-5 md:px-5", children: [jsxRuntime.jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: "simple", changeTrend: changeTrend, value: change }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsxRuntime.jsxs(recharts.AreaChart, { height: 56, width: 112, data: chartData, margin: {
                                     left: 0,
                                     right: 0,
                                     top: 0,
                                     bottom: 0,
-                                }, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: "monotone", stroke: "currentColor", strokeWidth: 2, fill: `url(#gradient-${id})`, fillOpacity: 0.2, dot: jsxRuntime.jsx(CustomizedDot, { dotColor: chartColor }), activeDot: false })] })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+                                }, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: "monotone", stroke: "currentColor", strokeWidth: 2, fill: `url(#gradient-${id})`, fillOpacity: 0.2, dot: jsxRuntime.jsx(CustomizedDot, { dotColor: chartColor }), activeDot: false })] })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const lineData2 = [
     { a: 10, b: 0 },
@@ -90,39 +92,39 @@ const lineData2 = [
     { a: 30, b: 20 },
     { a: 20, b: 35 },
 ];
-const MetricsChart02 = ({ icon = uiIcons.Eye, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+const MetricsChart02 = ({ icon = uiIcons.Eye, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', chartData = lineData2, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const id = React.useId();
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-02', rootName: 'metrics-chart-02' });
     const chartColor = changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", theme: "modern", size: "lg", icon: icon }), jsxRuntime.jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary lg:text-display-md", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: "trend", trend: changeTrend, value: change })] }), jsxRuntime.jsxs(recharts.AreaChart, { height: 56, width: 128, data: lineData2, margin: {
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", theme: "modern", size: "lg", icon: icon }), jsxRuntime.jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary lg:text-display-md", children: title }), jsxRuntime.jsx(MetricChangeIndicator, { type: "trend", changeTrend: changeTrend, value: change })] }), jsxRuntime.jsxs(recharts.AreaChart, { height: 56, width: 128, data: chartData, margin: {
                                     left: 0,
                                     right: 0,
                                     top: 0,
                                     bottom: 0,
-                                }, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { className: chartColor, dataKey: "a", type: "monotone", strokeWidth: 0, fill: "currentColor", fillOpacity: 0.2, isAnimationActive: false, activeDot: false }), jsxRuntime.jsx(recharts.Area, { dataKey: "b", type: "monotone", strokeWidth: 0, fill: `url(#gradient-${id})`, fillOpacity: 0.2, isAnimationActive: false, activeDot: false })] })] }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+                                }, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { className: chartColor, dataKey: "a", type: "monotone", strokeWidth: 0, fill: "currentColor", fillOpacity: 0.2, isAnimationActive: false, activeDot: false }), jsxRuntime.jsx(recharts.Area, { dataKey: "b", type: "monotone", strokeWidth: 0, fill: `url(#gradient-${id})`, fillOpacity: 0.2, isAnimationActive: false, activeDot: false })] })] }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const lineData3 = [{ value: 0 }, { value: 9 }, { value: 6 }, { value: 15 }];
 const MetricsChart03 = ({ title = '2,000', subtitle = 'View 24 hours', type = 'trend', change, changeTrend, changeDescription, chartColor, chartAreaFill, chartCurveType, chartData = lineData3, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const id = React.useId();
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-03', rootName: 'metrics-chart-03' });
     chartColor = chartColor ?? (changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary');
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: type, trend: changeTrend, value: change }), changeDescription && jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] })] }), jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 72, children: jsxRuntime.jsxs(recharts.AreaChart, { data: chartData, margin: {
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [jsxRuntime.jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change }), changeDescription && jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] })] }), jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 72, children: jsxRuntime.jsxs(recharts.AreaChart, { data: chartData, margin: {
                                 left: 0,
                                 right: 0,
                                 top: 0,
                                 bottom: 0,
-                            }, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+                            }, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const MetricsChart04 = ({ title, subtitle, type = 'trend', change, changeTrend, changeDescription, chartColor = 'text-fg-success-secondary', chartAreaFill, chartCurveType, chartData = lineData3, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const id = React.useId();
     const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-04', rootName: 'metrics-chart-04' });
     chartColor = chartColor ?? (changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary');
-    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('flex flex-col overflow-hidden rounded-xl bg-secondary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsx("div", { className: "mb-0.5 px-4 pt-3 pb-2 md:px-5", children: jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-primary", children: subtitle }) }), jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl bg-primary px-4 py-5 shadow-xs ring-1 ring-secondary ring-inset md:gap-5 md:px-5", children: [jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("p", { className: "text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: type, trend: changeTrend, value: change }), changeDescription && jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }) }), jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 56, children: jsxRuntime.jsxs(recharts.AreaChart, { data: chartData, margin: {
+    return (jsxRuntime.jsxs("div", { "data-testid": testId, className: cx.cx('flex flex-col overflow-hidden rounded-xl bg-secondary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxRuntime.jsx("div", { className: "mb-0.5 px-4 pt-3 pb-2 md:px-5", children: jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-primary", children: subtitle }) }), jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl bg-primary px-4 py-5 shadow-xs ring-1 ring-secondary ring-inset md:gap-5 md:px-5", children: [jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("p", { className: "text-display-sm font-semibold text-primary", children: title }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change }), changeDescription && jsxRuntime.jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }) }), jsxRuntime.jsx(recharts.ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 56, children: jsxRuntime.jsxs(recharts.AreaChart, { data: chartData, margin: {
                                 left: 0,
                                 right: 0,
                                 top: 0,
                                 bottom: 0,
-                            }, className: chartColor, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), dropdownActions && dropdownActions.length > 0 && (jsxRuntime.jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsxRuntime.jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end py-3 pr-4 pl-3 md:pr-5 md:pl-4", children: footer })] }));
+                            }, className: chartColor, children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsxRuntime.jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsxRuntime.jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsxRuntime.jsx(recharts.Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), jsxRuntime.jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsxRuntime.jsx("div", { className: "flex items-center justify-end py-3 pr-4 pl-3 md:pr-5 md:pl-4", children: footer })] }));
 };
 exports.MetricChangeIndicator = MetricChangeIndicator;

package/dist/components/organisms/Charts/components/metrics.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metrics.cjs","sources":["../../../../../src/components/organisms/Charts/components/metrics.tsx"],"sourcesContent":[null],"names":["_jsxs","Dropdown","_jsx","joinTestId","useResolvedTestId","ArrowUp","TrendUp01","ArrowUpRight","ArrowDown","TrendDown01","ArrowDownRight","cx","FeaturedIcon","Zap","useId","AreaChart","Area","Eye","ResponsiveContainer"],"mappings":"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"}
1	+ {"version":3,"file":"metrics.cjs","sources":["../../../../../src/components/organisms/Charts/components/metrics.tsx"],"sourcesContent":[null],"names":["_jsxs","Dropdown","_jsx","joinTestId","useResolvedTestId","ArrowUp","TrendUp01","ArrowUpRight","ArrowDown","TrendDown01","ArrowDownRight","cx","FeaturedIcon","Zap","useId","AreaChart","Area","Eye","ResponsiveContainer"],"mappings":"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"}

package/dist/components/organisms/Charts/components/metrics.d.ts CHANGED Viewed

@@ -8,18 +8,18 @@ export interface MetricDropdownAction {
 }
 interface MetricChangeIndicatorProps {
     type: 'simple' | 'trend' | 'modern';
-    trend: 'positive' | 'negative';
+    changeTrend: 'positive' | 'negative';
     value?: string;
     className?: string;
     /** Overrides the `data-testid` (defaults to `fd-metric-change-indicator`). */
     'data-testid'?: string;
 }
-export declare const MetricChangeIndicator: ({ type, trend, value, className, "data-testid": dataTestId }: MetricChangeIndicatorProps) => import("react").JSX.Element;
-export declare const MetricsSimple: ({ title, subtitle, type, trend, change, dropdownActions, footer, className, "data-testid": dataTestId, }: {
+export declare const MetricChangeIndicator: ({ type, changeTrend, value, className, "data-testid": dataTestId }: MetricChangeIndicatorProps) => import("react").JSX.Element;
+export declare const MetricsSimple: ({ title, subtitle, type, changeTrend, change, dropdownActions, footer, className, "data-testid": dataTestId, }: {
     title?: string;
     subtitle?: string;
     type: "simple" | "trend" | "modern";
-    trend: "positive" | "negative";
+    changeTrend: "positive" | "negative";
     change?: string;
     dropdownActions?: MetricDropdownAction[];
     footer?: ReactNode;
@@ -84,13 +84,13 @@ export declare const MetricsIcon04: ({ icon, title, subtitle, change, changeTren
     /** Overrides the `data-testid` on the card (defaults to `fd-metrics-icon-04`). */
     "data-testid"?: string;
 }) => import("react").JSX.Element;
-export declare const MetricsChart01: ({ title, subtitle, change, changeDescription, dropdownActions, chartData, trend, footer, className, "data-testid": dataTestId, }: {
+export declare const MetricsChart01: ({ title, subtitle, change, changeDescription, dropdownActions, chartData, changeTrend, footer, className, "data-testid": dataTestId, }: {
     title?: string;
     subtitle?: string;
     change?: string;
     changeDescription?: string;
     dropdownActions?: MetricDropdownAction[];
-    trend?: "positive" | "negative";
+    changeTrend?: "positive" | "negative";
     chartData?: {
         value: number;
         highlight?: boolean;
@@ -100,7 +100,7 @@ export declare const MetricsChart01: ({ title, subtitle, change, changeDescripti
     /** Overrides the `data-testid` on the card (defaults to `fd-metrics-chart-01`). */
     "data-testid"?: string;
 }) => import("react").JSX.Element;
-export declare const MetricsChart02: ({ icon, title, subtitle, change, changeTrend, dropdownActions, footer, className, "data-testid": dataTestId, }: {
+export declare const MetricsChart02: ({ icon, title, subtitle, change, changeTrend, chartData, dropdownActions, footer, className, "data-testid": dataTestId, }: {
     icon?: FC<{
         className?: string;
     }>;
@@ -108,6 +108,10 @@ export declare const MetricsChart02: ({ icon, title, subtitle, change, changeTre
     subtitle?: string;
     change?: string;
     changeTrend?: "positive" | "negative";
+    chartData?: {
+        a: number;
+        b: number;
+    }[];
     dropdownActions?: MetricDropdownAction[];
     footer?: ReactNode;
     className?: string;

package/dist/components/organisms/Charts/components/metrics.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/metrics.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAG5D,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;~~AAwBD~~,UAAU,0BAA0B;IAClC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,~~KAAK~~,EAAE,UAAU,GAAG,UAAU,CAAC;~~IAC/B~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,~~8DAA8D~~,0BAA0B,~~gCA4C7H~~,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,~~0GAU3B~~;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,~~KAAK~~,EAAE,UAAU,GAAG,UAAU,CAAC;~~IAC/B~~,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCAuBA~~,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gHAU3B;IACD,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCA2BA~~,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mIAW3B;IACD,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCA6BA~~,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gHAU3B;IACD,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCA8BA~~,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gHAU3B;IACD,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCA4BA~~,CAAC;AA4CF,eAAO,MAAM,cAAc,GAAI,~~kIAW5B~~;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,~~KAAK~~,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;~~IAChC~~,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCA+DA~~,CAAC;AASF,eAAO,MAAM,cAAc,GAAI,~~gHAU5B~~;IACD,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACtC,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCAqEA~~,CAAC;AAIF,eAAO,MAAM,cAAc,GAAI,yLAe5B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCA8DA~~,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,yLAe5B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,~~gCAkEA~~,CAAC"}
1	+ {"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/metrics.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/Charts/components/metrics.js CHANGED Viewed

@@ -8,7 +8,9 @@ import { useId } from 'react';
 import { AreaChart, Area, ResponsiveContainer } from 'recharts';
 const ActionsDropdown = ({ actions, testId }) => (jsxs(Dropdown.Root, { children: [jsx(Dropdown.DotsButton, { "data-testid": joinTestId(testId, 'actions') }), jsx(Dropdown.Popover, { className: "w-min", children: jsx(Dropdown.Menu, { children: actions.map(({ id, label, icon, onPress }) => (jsx(Dropdown.Item, { icon: icon, onAction: onPress, children: jsx("span", { className: "pr-4", children: label }) }, id))) }) })] }));
-const MetricChangeIndicator = ({ type, trend, value, className, 'data-testid': dataTestId }) => {
+/** Shared overflow-actions slot rendered identically by every Metrics card. */
+const MetricsCardDropdown = ({ dropdownActions, testId }) => dropdownActions && dropdownActions.length > 0 ? (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) })) : null;
+const MetricChangeIndicator = ({ type, changeTrend, value, className, 'data-testid': dataTestId }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metric-change-indicator', rootName: 'metric-change-indicator' });
     const icons = {
         positive: {
@@ -22,28 +24,28 @@ const MetricChangeIndicator = ({ type, trend, value, className, 'data-testid': d
             modern: ArrowDownRight,
         },
     };
-    const Icon = icons[trend][type];
-    return (jsxs("div", { "data-testid": testId, className: cx('flex items-center', type === 'simple' ? 'gap-0.5' : 'gap-1', type === 'modern' && 'rounded-md bg-primary py-0.5 pr-2 pl-1.5 shadow-xs ring-1 ring-primary ring-inset', className), children: [jsx(Icon, { className: cx('stroke-[3px] text-fg-success-secondary', type === 'modern' ? 'size-3' : 'size-4', trend === 'negative' ? 'text-fg-error-secondary' : 'text-fg-success-secondary') }), jsx("span", { className: cx('text-sm font-medium text-secondary', type === 'modern' ? 'text-secondary' : trend === 'negative' ? 'text-error-primary' : 'text-success-primary'), children: value })] }));
+    const Icon = icons[changeTrend][type];
+    return (jsxs("div", { "data-testid": testId, className: cx('flex items-center', type === 'simple' ? 'gap-0.5' : 'gap-1', type === 'modern' && 'rounded-md bg-primary py-0.5 pr-2 pl-1.5 shadow-xs ring-1 ring-primary ring-inset', className), children: [jsx(Icon, { className: cx('stroke-[3px] text-fg-success-secondary', type === 'modern' ? 'size-3' : 'size-4', changeTrend === 'negative' ? 'text-fg-error-secondary' : 'text-fg-success-secondary') }), jsx("span", { className: cx('text-sm font-medium text-secondary', type === 'modern' ? 'text-secondary' : changeTrend === 'negative' ? 'text-error-primary' : 'text-success-primary'), children: value })] }));
 };
-const MetricsSimple = ({ title = '2,000', subtitle = 'View 24 hours', type, trend, change, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+const MetricsSimple = ({ title = '2,000', subtitle = 'View 24 hours', type, changeTrend, change, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-simple', rootName: 'metrics-simple' });
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-2 px-4 py-5 md:px-5", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-end gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: type, trend: trend, value: change })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-2 px-4 py-5 md:px-5", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-end gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const MetricsIcon01 = ({ icon = TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-01', rootName: 'metrics-icon-01' });
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsx(FeaturedIcon, { color: changeTrend === 'positive' ? 'success' : 'error', theme: "light", icon: icon, size: "lg" }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-end gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: "modern", trend: changeTrend, value: change })] })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsx(FeaturedIcon, { color: changeTrend === 'positive' ? 'success' : 'error', theme: "light", icon: icon, size: "lg" }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-end gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: "modern", changeTrend: changeTrend, value: change })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const MetricsIcon02 = ({ icon = Zap, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', changeDescription = 'vs last month', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-02', rootName: 'metrics-icon-02' });
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(FeaturedIcon, { color: "brand", theme: "light", size: "lg", icon: icon }), jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxs("div", { className: "flex flex-col gap-3", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "simple", trend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(FeaturedIcon, { color: "brand", theme: "light", size: "lg", icon: icon }), jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxs("div", { className: "flex flex-col gap-3", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "simple", changeTrend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const MetricsIcon03 = ({ icon = TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, className, footer, 'data-testid': dataTestId, }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-03', rootName: 'metrics-icon-03' });
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", icon: icon || TrendUp01, size: "lg" }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxs("div", { className: "flex flex-wrap items-center gap-3 lg:gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "trend", trend: changeTrend, value: change }), jsx("span", { className: "text-sm font-medium text-tertiary", children: "vs last month" })] })] })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", icon: icon || TrendUp01, size: "lg" }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxs("div", { className: "flex flex-wrap items-center gap-3 lg:gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "trend", changeTrend: changeTrend, value: change }), jsx("span", { className: "text-sm font-medium text-tertiary", children: "vs last month" })] })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const MetricsIcon04 = ({ icon = TrendUp01, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-icon-04', rootName: 'metrics-icon-04' });
-    return (jsxs("div", { "data-testid": testId, className: cx('min-w-70 rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:flex-row md:px-5", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", icon: icon, size: "md" }), jsxs("div", { className: "flex w-full flex-col gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: "modern", trend: changeTrend, value: change })] })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+    return (jsxs("div", { "data-testid": testId, className: cx('min-w-70 rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:flex-row md:px-5", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", icon: icon, size: "md" }), jsxs("div", { className: "flex w-full flex-col gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-tertiary", children: subtitle }), jsxs("div", { className: "flex w-full flex-wrap items-center justify-between gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsx(MetricChangeIndicator, { type: "modern", changeTrend: changeTrend, value: change })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const CustomizedDot = (props) => {
     if (!props.payload?.highlight) {
@@ -71,16 +73,16 @@ const lineData = [
     { value: 50 },
     { value: 55 },
 ];
-const MetricsChart01 = ({ title = '2,000', subtitle = 'View 24 hours', change = '100%', changeDescription = 'vs last month', dropdownActions, chartData = lineData, trend = 'positive', footer, className, 'data-testid': dataTestId, }) => {
+const MetricsChart01 = ({ title = '2,000', subtitle = 'View 24 hours', change = '100%', changeDescription = 'vs last month', dropdownActions, chartData = lineData, changeTrend = 'positive', footer, className, 'data-testid': dataTestId, }) => {
     const id = useId();
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-01', rootName: 'metrics-chart-01' });
-    const chartColor = trend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-5 px-4 py-5 md:px-5", children: [jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle }), jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "simple", trend: trend, value: change }), jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsxs(AreaChart, { height: 56, width: 112, data: chartData, margin: {
+    const chartColor = changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-5 px-4 py-5 md:px-5", children: [jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle }), jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: "simple", changeTrend: changeTrend, value: change }), jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }), jsxs(AreaChart, { height: 56, width: 112, data: chartData, margin: {
                                     left: 0,
                                     right: 0,
                                     top: 0,
                                     bottom: 0,
-                                }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: "monotone", stroke: "currentColor", strokeWidth: 2, fill: `url(#gradient-${id})`, fillOpacity: 0.2, dot: jsx(CustomizedDot, { dotColor: chartColor }), activeDot: false })] })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
+                                }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: "monotone", stroke: "currentColor", strokeWidth: 2, fill: `url(#gradient-${id})`, fillOpacity: 0.2, dot: jsx(CustomizedDot, { dotColor: chartColor }), activeDot: false })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-4 md:px-5", children: footer })] }));
 };
 const lineData2 = [
     { a: 10, b: 0 },
@@ -88,39 +90,39 @@ const lineData2 = [
     { a: 30, b: 20 },
     { a: 20, b: 35 },
 ];
-const MetricsChart02 = ({ icon = Eye, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
+const MetricsChart02 = ({ icon = Eye, title = '2,000', subtitle = 'View 24 hours', change = '100%', changeTrend = 'positive', chartData = lineData2, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const id = useId();
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-02', rootName: 'metrics-chart-02' });
     const chartColor = changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary';
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", size: "lg", icon: icon }), jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary lg:text-display-md", children: title }), jsx(MetricChangeIndicator, { type: "trend", trend: changeTrend, value: change })] }), jsxs(AreaChart, { height: 56, width: 128, data: lineData2, margin: {
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(FeaturedIcon, { color: "gray", theme: "modern", size: "lg", icon: icon }), jsx("h3", { className: "text-md font-semibold text-primary", children: subtitle })] }), jsxs("div", { className: "flex items-end justify-between gap-4", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary lg:text-display-md", children: title }), jsx(MetricChangeIndicator, { type: "trend", changeTrend: changeTrend, value: change })] }), jsxs(AreaChart, { height: 56, width: 128, data: chartData, margin: {
                                     left: 0,
                                     right: 0,
                                     top: 0,
                                     bottom: 0,
-                                }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { className: chartColor, dataKey: "a", type: "monotone", strokeWidth: 0, fill: "currentColor", fillOpacity: 0.2, isAnimationActive: false, activeDot: false }), jsx(Area, { dataKey: "b", type: "monotone", strokeWidth: 0, fill: `url(#gradient-${id})`, fillOpacity: 0.2, isAnimationActive: false, activeDot: false })] })] }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+                                }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { className: chartColor, dataKey: "a", type: "monotone", strokeWidth: 0, fill: "currentColor", fillOpacity: 0.2, isAnimationActive: false, activeDot: false }), jsx(Area, { dataKey: "b", type: "monotone", strokeWidth: 0, fill: `url(#gradient-${id})`, fillOpacity: 0.2, isAnimationActive: false, activeDot: false })] })] }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const lineData3 = [{ value: 0 }, { value: 9 }, { value: 6 }, { value: 15 }];
 const MetricsChart03 = ({ title = '2,000', subtitle = 'View 24 hours', type = 'trend', change, changeTrend, changeDescription, chartColor, chartAreaFill, chartCurveType, chartData = lineData3, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const id = useId();
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-03', rootName: 'metrics-chart-03' });
     chartColor = chartColor ?? (changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary');
-    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-center gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: type, trend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] })] }), jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 72, children: jsxs(AreaChart, { data: chartData, margin: {
+    return (jsxs("div", { "data-testid": testId, className: cx('rounded-xl bg-primary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsxs("div", { className: "relative flex flex-col gap-4 px-4 py-5 md:gap-5 md:px-5", children: [jsxs("div", { className: "flex flex-col gap-2", children: [jsx("h3", { className: "text-sm font-medium text-tertiary", children: subtitle }), jsxs("div", { className: "flex items-center gap-4", children: [jsx("p", { className: "flex-1 text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] })] }), jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 72, children: jsxs(AreaChart, { data: chartData, margin: {
                                 left: 0,
                                 right: 0,
                                 top: 0,
                                 bottom: 0,
-                            }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
+                            }, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end border-t border-secondary p-3 pr-4 md:p-4 md:pr-5", children: footer })] }));
 };
 const MetricsChart04 = ({ title, subtitle, type = 'trend', change, changeTrend, changeDescription, chartColor = 'text-fg-success-secondary', chartAreaFill, chartCurveType, chartData = lineData3, dropdownActions, footer, className, 'data-testid': dataTestId, }) => {
     const id = useId();
     const testId = useResolvedTestId({ testId: dataTestId, segment: 'metrics-chart-04', rootName: 'metrics-chart-04' });
     chartColor = chartColor ?? (changeTrend === 'positive' ? 'text-fg-success-secondary' : 'text-fg-error-secondary');
-    return (jsxs("div", { "data-testid": testId, className: cx('flex flex-col overflow-hidden rounded-xl bg-secondary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsx("div", { className: "mb-0.5 px-4 pt-3 pb-2 md:px-5", children: jsx("h3", { className: "text-sm font-semibold text-primary", children: subtitle }) }), jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl bg-primary px-4 py-5 shadow-xs ring-1 ring-secondary ring-inset md:gap-5 md:px-5", children: [jsx("div", { className: "flex flex-col gap-2", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx("p", { className: "text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: type, trend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }) }), jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 56, children: jsxs(AreaChart, { data: chartData, margin: {
+    return (jsxs("div", { "data-testid": testId, className: cx('flex flex-col overflow-hidden rounded-xl bg-secondary shadow-xs ring-1 ring-secondary ring-inset', className), children: [jsx("div", { className: "mb-0.5 px-4 pt-3 pb-2 md:px-5", children: jsx("h3", { className: "text-sm font-semibold text-primary", children: subtitle }) }), jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl bg-primary px-4 py-5 shadow-xs ring-1 ring-secondary ring-inset md:gap-5 md:px-5", children: [jsx("div", { className: "flex flex-col gap-2", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx("p", { className: "text-display-sm font-semibold text-primary", children: title }), jsxs("div", { className: "flex gap-2", children: [jsx(MetricChangeIndicator, { type: type, changeTrend: changeTrend, value: change }), changeDescription && jsx("span", { className: "text-sm font-medium text-tertiary", children: changeDescription })] })] }) }), jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: 56, children: jsxs(AreaChart, { data: chartData, margin: {
                                 left: 0,
                                 right: 0,
                                 top: 0,
                                 bottom: 0,
-                            }, className: chartColor, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), dropdownActions && dropdownActions.length > 0 && (jsx("div", { className: "absolute top-4 right-4 md:top-5 md:right-5", children: jsx(ActionsDropdown, { actions: dropdownActions, testId: testId }) }))] }), footer && jsx("div", { className: "flex items-center justify-end py-3 pr-4 pl-3 md:pr-5 md:pl-4", children: footer })] }));
+                            }, className: chartColor, children: [jsx("defs", { children: jsxs("linearGradient", { id: `gradient-${id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [jsx("stop", { offset: "5%", stopColor: "currentColor", className: chartColor, stopOpacity: "1" }), jsx("stop", { offset: "95%", stopColor: "currentColor", className: chartColor, stopOpacity: "0" })] }) }), jsx(Area, { isAnimationActive: false, className: chartColor, dataKey: "value", type: chartCurveType || 'monotone', stroke: "currentColor", strokeWidth: 2, fill: chartAreaFill || `url(#gradient-${id})`, fillOpacity: 0.2, activeDot: false })] }) }), jsx(MetricsCardDropdown, { dropdownActions: dropdownActions, testId: testId })] }), footer && jsx("div", { className: "flex items-center justify-end py-3 pr-4 pl-3 md:pr-5 md:pl-4", children: footer })] }));
 };
 export { MetricChangeIndicator, MetricsChart01, MetricsChart02, MetricsChart03, MetricsChart04, MetricsIcon01, MetricsIcon02, MetricsIcon03, MetricsIcon04, MetricsSimple };