@varity-labs/ui-kit 2.0.0-alpha.1 → 2.0.0-beta.10

package/dist/components/Analytics/EnhancedKPICard.js

@@ -0,0 +1,135 @@
+'use client';
+import React, { useMemo } from 'react';
+import { HelpCircle, Clock, TrendingUp, TrendingDown, Minus } from 'lucide-react';
+import { Sparkline, getSparklineColors } from './Sparkline';
+export function EnhancedKPICard({ title, value, change, icon, source, trend = 'neutral', color = 'blue', sparklineData, showSparkline = false, lastSynced, helpText, onClick, }) {
+    const colorClasses = {
+        blue: {
+            bg: 'bg-blue-50 dark:bg-blue-950',
+            icon: 'text-blue-600 dark:text-blue-400',
+            border: 'border-blue-100 dark:border-blue-800',
+            accent: 'text-blue-600 dark:text-blue-400',
+        },
+        green: {
+            bg: 'bg-green-50 dark:bg-green-950',
+            icon: 'text-green-600 dark:text-green-400',
+            border: 'border-green-100 dark:border-green-800',
+            accent: 'text-green-600 dark:text-green-400',
+        },
+        orange: {
+            bg: 'bg-orange-50 dark:bg-orange-950',
+            icon: 'text-orange-600 dark:text-orange-400',
+            border: 'border-orange-100 dark:border-orange-800',
+            accent: 'text-orange-600 dark:text-orange-400',
+        },
+        purple: {
+            bg: 'bg-purple-50 dark:bg-purple-950',
+            icon: 'text-purple-600 dark:text-purple-400',
+            border: 'border-purple-100 dark:border-purple-800',
+            accent: 'text-purple-600 dark:text-purple-400',
+        },
+        red: {
+            bg: 'bg-red-50 dark:bg-red-950',
+            icon: 'text-red-600 dark:text-red-400',
+            border: 'border-red-100 dark:border-red-800',
+            accent: 'text-red-600 dark:text-red-400',
+        },
+    };
+    const trendConfig = {
+        up: {
+            color: 'text-emerald-600 dark:text-emerald-400',
+            bgColor: 'bg-emerald-50 dark:bg-emerald-950',
+            icon: TrendingUp,
+            label: 'Up',
+        },
+        down: {
+            color: 'text-red-600 dark:text-red-400',
+            bgColor: 'bg-red-50 dark:bg-red-950',
+            icon: TrendingDown,
+            label: 'Down',
+        },
+        neutral: {
+            color: 'text-gray-600 dark:text-gray-400',
+            bgColor: 'bg-gray-50 dark:bg-gray-800',
+            icon: Minus,
+            label: 'No change',
+        },
+    };
+    const TrendIcon = trendConfig[trend].icon;
+    const sparklineColors = getSparklineColors(trend, color);
+    // Format last synced time
+    const formattedLastSynced = useMemo(() => {
+        if (!lastSynced)
+            return null;
+        // If it's already a relative string (e.g., "2 min ago"), return as-is
+        if (lastSynced.includes('ago') || lastSynced.includes('Just now')) {
+            return lastSynced;
+        }
+        // Otherwise, try to parse as ISO date
+        try {
+            const syncDate = new Date(lastSynced);
+            const now = new Date();
+            const diffMs = now.getTime() - syncDate.getTime();
+            const diffMins = Math.floor(diffMs / 60000);
+            const diffHours = Math.floor(diffMs / 3600000);
+            if (diffMins < 1)
+                return 'Just now';
+            if (diffMins < 60)
+                return `${diffMins}m ago`;
+            if (diffHours < 24)
+                return `${diffHours}h ago`;
+            return `${Math.floor(diffHours / 24)}d ago`;
+        }
+        catch {
+            return lastSynced;
+        }
+    }, [lastSynced]);
+    // Generate mock sparkline data if none provided
+    const displaySparklineData = useMemo(() => {
+        if (sparklineData && sparklineData.length >= 2)
+            return sparklineData;
+        // Generate plausible trend data based on current value and change
+        const baseValue = typeof value === 'number' ? value : parseFloat(value.replace(/[^0-9.-]/g, '')) || 100;
+        const changePercent = change?.value || 0;
+        const points = 7;
+        const data = [];
+        for (let i = 0; i < points; i++) {
+            const progress = i / (points - 1);
+            const trendValue = baseValue * (1 - changePercent / 100 * (1 - progress));
+            const noise = trendValue * 0.02 * (Math.random() - 0.5);
+            data.push(Math.max(0, trendValue + noise));
+        }
+        return data;
+    }, [sparklineData, value, change]);
+    return (React.createElement("div", { onClick: onClick, className: `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-5 hover:shadow-lg hover:border-blue-300 dark:hover:border-blue-600 hover:-translate-y-0.5 transition-all duration-200 ${onClick ? 'cursor-pointer' : ''}`, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, onKeyDown: onClick ? (e) => e.key === 'Enter' && onClick() : undefined },
+        React.createElement("div", { className: "flex items-start justify-between mb-3" },
+            React.createElement("div", { className: "flex items-center gap-2" },
+                React.createElement("div", { className: `w-10 h-10 ${colorClasses[color].bg} rounded-lg flex items-center justify-center text-xl` }, icon),
+                React.createElement("div", null,
+                    React.createElement("div", { className: "flex items-center gap-1" },
+                        React.createElement("h3", { className: "text-sm font-medium text-gray-700 dark:text-gray-300" }, title),
+                        helpText && (React.createElement("div", { className: "relative group" },
+                            React.createElement(HelpCircle, { className: "w-3.5 h-3.5 text-gray-400 dark:text-gray-500 cursor-help" }),
+                            React.createElement("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900 text-xs rounded whitespace-nowrap opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10" },
+                                helpText,
+                                React.createElement("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-900 dark:border-t-gray-100" }))))),
+                    source && (React.createElement("span", { className: "text-[10px] text-gray-400 dark:text-gray-500 uppercase tracking-wide" }, source))))),
+        React.createElement("div", { className: "mb-3" },
+            React.createElement("p", { className: "text-3xl font-bold text-gray-900 dark:text-white tracking-tight" }, value)),
+        change && (React.createElement("div", { className: "flex items-center gap-2 mb-3" },
+            React.createElement("span", { className: `inline-flex items-center gap-1 text-xs font-semibold px-2 py-1 rounded ${trendConfig[trend].bgColor} ${trendConfig[trend].color}` },
+                React.createElement(TrendIcon, { className: "w-3.5 h-3.5" }),
+                React.createElement("span", null,
+                    Math.abs(change.value).toFixed(1),
+                    "%")),
+            React.createElement("span", { className: "text-xs text-gray-500 dark:text-gray-400" }, change.period))),
+        showSparkline && (React.createElement("div", { className: "mb-3" },
+            React.createElement(Sparkline, { data: displaySparklineData, width: 180, height: 36, strokeColor: sparklineColors.stroke, fillColor: sparklineColors.fill, strokeWidth: 2, showGradient: true, className: "w-full" }))),
+        formattedLastSynced && (React.createElement("div", { className: "flex items-center gap-1 text-[10px] text-gray-400 dark:text-gray-500 pt-2 border-t border-gray-100 dark:border-gray-700" },
+            React.createElement(Clock, { className: "w-3 h-3" }),
+            React.createElement("span", null,
+                "Synced ",
+                formattedLastSynced)))));
+}
+export default EnhancedKPICard;
+//# sourceMappingURL=EnhancedKPICard.js.map

package/dist/components/Analytics/EnhancedKPICard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedKPICard.js","sourceRoot":"","sources":["../../../src/components/Analytics/EnhancedKPICard.tsx"],"names":[],"mappings":"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"}

package/dist/components/Analytics/Sparkline.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+interface SparklineProps {
+    data: number[];
+    width?: number;
+    height?: number;
+    strokeColor?: string;
+    fillColor?: string;
+    strokeWidth?: number;
+    showGradient?: boolean;
+    className?: string;
+}
+export declare function Sparkline({ data, width, height, strokeColor, fillColor, strokeWidth, showGradient, className, }: SparklineProps): React.JSX.Element;
+export declare const SPARKLINE_COLORS: {
+    positive: {
+        stroke: string;
+        fill: string;
+    };
+    negative: {
+        stroke: string;
+        fill: string;
+    };
+    neutral: {
+        stroke: string;
+        fill: string;
+    };
+    blue: {
+        stroke: string;
+        fill: string;
+    };
+    purple: {
+        stroke: string;
+        fill: string;
+    };
+    orange: {
+        stroke: string;
+        fill: string;
+    };
+};
+export declare function getSparklineColors(trend?: 'up' | 'down' | 'neutral', color?: string): {
+    stroke: string;
+    fill: string;
+};
+export default Sparkline;
+//# sourceMappingURL=Sparkline.d.ts.map

package/dist/components/Analytics/Sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/Analytics/Sparkline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAW,EACX,WAAuB,EACvB,SAAuB,EACvB,WAAe,EACf,YAAmB,EACnB,SAAc,GACf,EAAE,cAAc,qBAoGhB;AAGD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB5B,CAAC;AAGF,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM;;;EAOnF;AAED,eAAe,SAAS,CAAC"}

package/dist/components/Analytics/Sparkline.js

@@ -0,0 +1,90 @@
+'use client';
+import React, { useMemo } from 'react';
+export function Sparkline({ data, width = 100, height = 32, strokeColor = '#3b82f6', fillColor = '#3b82f680', strokeWidth = 2, showGradient = true, className = '', }) {
+    const pathData = useMemo(() => {
+        if (!data || data.length < 2)
+            return { line: '', area: '' };
+        const min = Math.min(...data);
+        const max = Math.max(...data);
+        const range = max - min || 1;
+        const padding = 2;
+        const points = data.map((value, index) => {
+            const x = padding + (index / (data.length - 1)) * (width - padding * 2);
+            const y = height - padding - ((value - min) / range) * (height - padding * 2);
+            return { x, y };
+        });
+        // Create smooth line path using cubic bezier curves
+        let linePath = `M ${points[0].x} ${points[0].y}`;
+        for (let i = 1; i < points.length; i++) {
+            const prev = points[i - 1];
+            const curr = points[i];
+            const tension = 0.3;
+            const cp1x = prev.x + (curr.x - prev.x) * tension;
+            const cp1y = prev.y;
+            const cp2x = curr.x - (curr.x - prev.x) * tension;
+            const cp2y = curr.y;
+            linePath += ` C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${curr.x} ${curr.y}`;
+        }
+        // Create area path for gradient fill
+        const areaPath = `${linePath} L ${points[points.length - 1].x} ${height} L ${points[0].x} ${height} Z`;
+        return { line: linePath, area: areaPath };
+    }, [data, width, height]);
+    // Generate unique ID for gradient
+    const gradientId = useMemo(() => `sparkline-gradient-${Math.random().toString(36).substr(2, 9)}`, []);
+    if (!data || data.length < 2) {
+        return (React.createElement("div", { className: `flex items-center justify-center ${className}`, style: { width, height } },
+            React.createElement("div", { className: "h-0.5 w-full bg-gray-200 dark:bg-gray-700 rounded" })));
+    }
+    return (React.createElement("svg", { width: width, height: height, className: className, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none" },
+        showGradient && (React.createElement("defs", null,
+            React.createElement("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "0%", y2: "100%" },
+                React.createElement("stop", { offset: "0%", stopColor: fillColor, stopOpacity: "0.4" }),
+                React.createElement("stop", { offset: "100%", stopColor: fillColor, stopOpacity: "0" })))),
+        showGradient && (React.createElement("path", { d: pathData.area, fill: `url(#${gradientId})` })),
+        React.createElement("path", { d: pathData.line, fill: "none", stroke: strokeColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
+        data.length > 0 && (React.createElement("circle", { cx: width - 2, cy: height -
+                2 -
+                ((data[data.length - 1] - Math.min(...data)) /
+                    (Math.max(...data) - Math.min(...data) || 1)) *
+                    (height - 4), r: 3, fill: strokeColor }))));
+}
+// Preset color configurations for different trends
+export const SPARKLINE_COLORS = {
+    positive: {
+        stroke: '#10b981',
+        fill: '#10b98180',
+    },
+    negative: {
+        stroke: '#ef4444',
+        fill: '#ef444480',
+    },
+    neutral: {
+        stroke: '#6b7280',
+        fill: '#6b728080',
+    },
+    blue: {
+        stroke: '#3b82f6',
+        fill: '#3b82f680',
+    },
+    purple: {
+        stroke: '#8b5cf6',
+        fill: '#8b5cf680',
+    },
+    orange: {
+        stroke: '#f97316',
+        fill: '#f9731680',
+    },
+};
+// Helper to determine sparkline color based on trend
+export function getSparklineColors(trend, color) {
+    if (trend === 'up')
+        return SPARKLINE_COLORS.positive;
+    if (trend === 'down')
+        return SPARKLINE_COLORS.negative;
+    if (color && SPARKLINE_COLORS[color]) {
+        return SPARKLINE_COLORS[color];
+    }
+    return SPARKLINE_COLORS.blue;
+}
+export default Sparkline;
+//# sourceMappingURL=Sparkline.js.map

package/dist/components/Analytics/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../../../src/components/Analytics/Sparkline.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,EAAE,EACX,WAAW,GAAG,SAAS,EACvB,SAAS,GAAG,WAAW,EACvB,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,EAAE,GACC;IACf,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;QAE5D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;QAC7B,MAAM,OAAO,GAAG,CAAC,CAAC;QAElB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvC,MAAM,CAAC,GAAG,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC;YACxE,MAAM,CAAC,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC;YAC9E,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,oDAAoD;QACpD,IAAI,QAAQ,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACvB,MAAM,OAAO,GAAG,GAAG,CAAC;YAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YAClD,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YAClD,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;YAEpB,QAAQ,IAAI,MAAM,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC;QACzE,CAAC;QAED,qCAAqC;QACrC,MAAM,QAAQ,GAAG,GAAG,QAAQ,MAAM,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,IAAI,CAAC;QAEvG,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1B,kCAAkC;IAClC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEtG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC7B,OAAO,CACL,6BAAK,SAAS,EAAE,oCAAoC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACvF,6BAAK,SAAS,EAAC,mDAAmD,GAAG,CACjE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,mBAAmB,EAAC,MAAM;QAEzB,YAAY,IAAI,CACf;YACE,wCAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM;gBAC/D,8BAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAC,KAAK,GAAG;gBAC5D,8BAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAC,GAAG,GAAG,CAC7C,CACZ,CACR;QAGA,YAAY,IAAI,CACf,8BACE,CAAC,EAAE,QAAQ,CAAC,IAAI,EAChB,IAAI,EAAE,QAAQ,UAAU,GAAG,GAC3B,CACH;QAGD,8BACE,CAAC,EAAE,QAAQ,CAAC,IAAI,EAChB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QAGD,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,gCACE,EAAE,EAAE,KAAK,GAAG,CAAC,EACb,EAAE,EACA,MAAM;gBACN,CAAC;gBACD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;oBAC1C,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC7C,CAAC,MAAM,GAAG,CAAC,CAAC,EAEhB,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,WAAW,GACjB,CACH,CACG,CACP,CAAC;AACJ,CAAC;AAED,mDAAmD;AACnD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE;QACR,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,WAAW;KAClB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,WAAW;KAClB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,WAAW;KAClB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,WAAW;KAClB;IACD,MAAM,EAAE;QACN,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,WAAW;KAClB;IACD,MAAM,EAAE;QACN,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,WAAW;KAClB;CACF,CAAC;AAEF,qDAAqD;AACrD,MAAM,UAAU,kBAAkB,CAAC,KAAiC,EAAE,KAAc;IAClF,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACrD,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACvD,IAAI,KAAK,IAAI,gBAAgB,CAAC,KAAsC,CAAC,EAAE,CAAC;QACtE,OAAO,gBAAgB,CAAC,KAAsC,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,gBAAgB,CAAC,IAAI,CAAC;AAC/B,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/Analytics/index.d.ts

@@ -7,6 +7,8 @@ export { AnalyticsCard } from './AnalyticsCard';
 export { ChartContainer } from './ChartContainer';
 export { DataTable } from './DataTable';
 export { MetricDisplay } from './MetricDisplay';
+export { Sparkline, SPARKLINE_COLORS, getSparklineColors } from './Sparkline';
+export { EnhancedKPICard } from './EnhancedKPICard';
 export type { AnalyticsCardProps } from './AnalyticsCard';
 export type { ChartContainerProps, ChartAction } from './ChartContainer';
 export type { DataTableProps, DataTableColumn } from './DataTable';

package/dist/components/Analytics/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Analytics/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACxE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Analytics/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACxE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/Analytics/index.js

@@ -7,4 +7,6 @@ export { AnalyticsCard } from './AnalyticsCard';
 export { ChartContainer } from './ChartContainer';
 export { DataTable } from './DataTable';
 export { MetricDisplay } from './MetricDisplay';
+export { Sparkline, SPARKLINE_COLORS, getSparklineColors } from './Sparkline';
+export { EnhancedKPICard } from './EnhancedKPICard';
 //# sourceMappingURL=index.js.map

package/dist/components/Analytics/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Analytics/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Analytics/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/Dashboard/DashboardFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardFooter.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,GAAG,EAAE,MAAM,CAAA;IACX,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqG1D,CAAA"}
+{"version":3,"file":"DashboardFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardFooter.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,GAAG,EAAE,MAAM,CAAA;IACX,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6H1D,CAAA"}

package/dist/components/Dashboard/DashboardFooter.js

@@ -50,19 +50,35 @@ links = [] }) => {
                 fontSize: '13px'
             } },
             React.createElement("span", { style: { color: 'var(--varity-text-secondary, #757575)' } }, "Powered by"),
-            React.createElement("a", { href: "https://varity.com?utm_source=dashboard&utm_medium=footer", target: "_blank", rel: "noopener noreferrer", style: {
+            React.createElement("a", { href: "https://developer.store.varity.so", target: "_blank", rel: "noopener noreferrer", style: {
                     color: 'var(--varity-primary-color, #1976d2)',
                     textDecoration: 'none',
                     fontWeight: 600,
                     display: 'flex',
                     alignItems: 'center',
-                    gap: '4px'
+                    gap: '6px'
                 }, onMouseEnter: (e) => {
-                    e.currentTarget.style.textDecoration = 'underline';
+                    e.currentTarget.style.opacity = '0.8';
                 }, onMouseLeave: (e) => {
-                    e.currentTarget.style.textDecoration = 'none';
+                    e.currentTarget.style.opacity = '1';
                 } },
-                React.createElement("span", { style: { fontSize: '16px' } }, "\uD83D\uDE80"),
-                "Varity")))));
+                React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 64 64", xmlns: "http://www.w3.org/2000/svg", style: { display: 'block' } },
+                    React.createElement("defs", null,
+                        React.createElement("linearGradient", { id: "varity-ft-f1", x1: "0%", y1: "0%", x2: "100%", y2: "100%" },
+                            React.createElement("stop", { offset: "0%", stopColor: "#5EEAD4" }),
+                            React.createElement("stop", { offset: "100%", stopColor: "#0D9488" })),
+                        React.createElement("linearGradient", { id: "varity-ft-f2", x1: "100%", y1: "0%", x2: "0%", y2: "100%" },
+                            React.createElement("stop", { offset: "0%", stopColor: "#60A5FA" }),
+                            React.createElement("stop", { offset: "100%", stopColor: "#1D4ED8" })),
+                        React.createElement("linearGradient", { id: "varity-ft-f4", x1: "0%", y1: "100%", x2: "100%", y2: "0%" },
+                            React.createElement("stop", { offset: "0%", stopColor: "#14B8A6" }),
+                            React.createElement("stop", { offset: "100%", stopColor: "#2DD4BF" }))),
+                    React.createElement("path", { d: "M32 6 L48 22 L32 32 L16 22 Z", fill: "url(#varity-ft-f4)" }),
+                    React.createElement("path", { d: "M16 22 L32 32 L32 58 L8 36 Z", fill: "url(#varity-ft-f1)" }),
+                    React.createElement("path", { d: "M48 22 L56 36 L32 58 L32 32 Z", fill: "url(#varity-ft-f2)" }),
+                    React.createElement("path", { d: "M8 36 L32 58 L20 58 Z", fill: "url(#varity-ft-f1)", opacity: "0.7" }),
+                    React.createElement("path", { d: "M56 36 L44 58 L32 58 Z", fill: "url(#varity-ft-f2)", opacity: "0.7" }),
+                    React.createElement("path", { d: "M32 12 L40 22 L32 28 L24 22 Z", fill: "white", opacity: "0.25" })),
+                React.createElement("span", null, "Varity"))))));
 };
 //# sourceMappingURL=DashboardFooter.js.map

package/dist/components/Dashboard/DashboardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFooter.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardFooter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardFooter.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardFooter.tsx"],"names":[],"mappings":"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"}

package/dist/components/Dashboard/DashboardHeader.d.ts

@@ -8,6 +8,8 @@ import { UserInfo } from './DashboardLayout';
 export interface DashboardHeaderProps {
     /** Header height in pixels */
     height?: number;
+    /** Sidebar width in pixels (used to offset header from left) */
+    sidebarWidth?: number;
     /** User information */
     user?: UserInfo;
     /** Callback when user clicks logout */
@@ -16,6 +18,14 @@ export interface DashboardHeaderProps {
     showNotifications?: boolean;
     /** Number of unread notifications */
     notificationCount?: number;
+    /** Callback when user navigates to profile */
+    onNavigateToProfile?: () => void;
+    /** Callback when user navigates to settings */
+    onNavigateToSettings?: () => void;
+    /** Callback when search bar is clicked */
+    onSearchClick?: () => void;
+    /** Placeholder text for search bar */
+    searchPlaceholder?: string;
 }
 /**
  * DashboardHeader Component

package/dist/components/Dashboard/DashboardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsI1D,CAAA"}
+{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuU1D,CAAA"}