@varity-labs/ui-kit 2.0.0-alpha.1

package/dist/components/Analytics/DataTable.js

@@ -0,0 +1,165 @@
+/**
+ * DataTable - Sortable, filterable data table component
+ *
+ * Displays tabular data with sorting, filtering, and pagination support.
+ */
+import React, { useState, useMemo } from 'react';
+/**
+ * DataTable Component
+ *
+ * @example
+ * ```tsx
+ * <DataTable
+ *   columns={[
+ *     { key: 'name', header: 'Name', sortable: true },
+ *     { key: 'value', header: 'Value', align: 'right',
+ *       render: (val) => `$${val}` }
+ *   ]}
+ *   data={[
+ *     { name: 'Product A', value: 1000 },
+ *     { name: 'Product B', value: 2000 }
+ *   ]}
+ *   pagination
+ *   pageSize={10}
+ * />
+ * ```
+ */
+export const DataTable = ({ columns, data, loading = false, pagination = false, pageSize = 10, onRowClick, emptyMessage = 'No data available', hoverable = true, striped = true }) => {
+    const [sortColumn, setSortColumn] = useState(null);
+    const [sortDirection, setSortDirection] = useState('asc');
+    const [currentPage, setCurrentPage] = useState(1);
+    // Sorting logic
+    const sortedData = useMemo(() => {
+        if (!sortColumn)
+            return data;
+        return [...data].sort((a, b) => {
+            const aVal = a[sortColumn];
+            const bVal = b[sortColumn];
+            if (aVal === bVal)
+                return 0;
+            const comparison = aVal > bVal ? 1 : -1;
+            return sortDirection === 'asc' ? comparison : -comparison;
+        });
+    }, [data, sortColumn, sortDirection]);
+    // Pagination logic
+    const paginatedData = useMemo(() => {
+        if (!pagination)
+            return sortedData;
+        const startIndex = (currentPage - 1) * pageSize;
+        const endIndex = startIndex + pageSize;
+        return sortedData.slice(startIndex, endIndex);
+    }, [sortedData, pagination, currentPage, pageSize]);
+    const totalPages = Math.ceil(data.length / pageSize);
+    const handleSort = (columnKey) => {
+        if (sortColumn === columnKey) {
+            setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
+        }
+        else {
+            setSortColumn(columnKey);
+            setSortDirection('asc');
+        }
+    };
+    return (React.createElement("div", { className: "varity-data-table" },
+        React.createElement("div", { style: { overflowX: 'auto' } },
+            React.createElement("table", { style: {
+                    width: '100%',
+                    borderCollapse: 'collapse',
+                    fontSize: '14px'
+                } },
+                React.createElement("thead", null,
+                    React.createElement("tr", { style: { borderBottom: '2px solid var(--varity-border-color, #e0e0e0)' } }, columns.map((column) => (React.createElement("th", { key: column.key, style: {
+                            padding: '12px 16px',
+                            textAlign: column.align || 'left',
+                            fontWeight: 600,
+                            color: 'var(--varity-text-primary, #212121)',
+                            backgroundColor: 'var(--varity-bg-secondary, #f9f9f9)',
+                            cursor: column.sortable ? 'pointer' : 'default',
+                            userSelect: 'none',
+                            width: column.width
+                        }, onClick: () => column.sortable && handleSort(column.key) },
+                        React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px', justifyContent: column.align === 'right' ? 'flex-end' : column.align === 'center' ? 'center' : 'flex-start' } },
+                            React.createElement("span", null, column.header),
+                            column.sortable && (React.createElement("span", { style: { fontSize: '10px', opacity: sortColumn === column.key ? 1 : 0.3 } }, sortColumn === column.key && sortDirection === 'asc' ? '▲' : '▼')))))))),
+                React.createElement("tbody", null, loading ? (React.createElement("tr", null,
+                    React.createElement("td", { colSpan: columns.length, style: {
+                            padding: '40px',
+                            textAlign: 'center',
+                            color: 'var(--varity-text-secondary, #757575)'
+                        } },
+                        React.createElement("div", { style: {
+                                display: 'inline-block',
+                                width: '32px',
+                                height: '32px',
+                                border: '3px solid var(--varity-border-color, #e0e0e0)',
+                                borderTop: '3px solid var(--varity-primary-color, #1976d2)',
+                                borderRadius: '50%',
+                                animation: 'spin 1s linear infinite'
+                            } })))) : paginatedData.length === 0 ? (React.createElement("tr", null,
+                    React.createElement("td", { colSpan: columns.length, style: {
+                            padding: '40px',
+                            textAlign: 'center',
+                            color: 'var(--varity-text-secondary, #757575)'
+                        } }, emptyMessage))) : (paginatedData.map((row, rowIndex) => (React.createElement("tr", { key: rowIndex, style: {
+                        borderBottom: '1px solid var(--varity-border-color, #e0e0e0)',
+                        backgroundColor: striped && rowIndex % 2 === 1 ? 'var(--varity-bg-secondary, #f9f9f9)' : 'transparent',
+                        cursor: onRowClick ? 'pointer' : 'default',
+                        transition: 'background-color 0.2s ease'
+                    }, onClick: () => onRowClick && onRowClick(row), onMouseEnter: (e) => {
+                        if (hoverable) {
+                            e.currentTarget.style.backgroundColor = 'var(--varity-bg-hover, #f0f0f0)';
+                        }
+                    }, onMouseLeave: (e) => {
+                        e.currentTarget.style.backgroundColor = striped && rowIndex % 2 === 1 ? 'var(--varity-bg-secondary, #f9f9f9)' : 'transparent';
+                    } }, columns.map((column) => (React.createElement("td", { key: column.key, style: {
+                        padding: '12px 16px',
+                        textAlign: column.align || 'left',
+                        color: 'var(--varity-text-primary, #212121)'
+                    } }, column.render
+                    ? column.render(row[column.key], row)
+                    : row[column.key])))))))))),
+        pagination && totalPages > 1 && !loading && (React.createElement("div", { style: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                marginTop: '16px',
+                padding: '12px 16px',
+                backgroundColor: 'var(--varity-bg-secondary, #f9f9f9)',
+                borderRadius: '8px'
+            } },
+            React.createElement("span", { style: { fontSize: '13px', color: 'var(--varity-text-secondary, #757575)' } },
+                "Showing ",
+                ((currentPage - 1) * pageSize) + 1,
+                " - ",
+                Math.min(currentPage * pageSize, data.length),
+                " of ",
+                data.length),
+            React.createElement("div", { style: { display: 'flex', gap: '8px' } },
+                React.createElement("button", { onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, style: {
+                        padding: '6px 12px',
+                        backgroundColor: 'var(--varity-bg-card, #ffffff)',
+                        border: '1px solid var(--varity-border-color, #e0e0e0)',
+                        borderRadius: '6px',
+                        cursor: currentPage === 1 ? 'not-allowed' : 'pointer',
+                        fontSize: '13px',
+                        opacity: currentPage === 1 ? 0.5 : 1
+                    } }, "Previous"),
+                React.createElement("span", { style: {
+                        padding: '6px 12px',
+                        fontSize: '13px',
+                        color: 'var(--varity-text-secondary, #757575)'
+                    } },
+                    "Page ",
+                    currentPage,
+                    " of ",
+                    totalPages),
+                React.createElement("button", { onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, style: {
+                        padding: '6px 12px',
+                        backgroundColor: 'var(--varity-bg-card, #ffffff)',
+                        border: '1px solid var(--varity-border-color, #e0e0e0)',
+                        borderRadius: '6px',
+                        cursor: currentPage === totalPages ? 'not-allowed' : 'pointer',
+                        fontSize: '13px',
+                        opacity: currentPage === totalPages ? 0.5 : 1
+                    } }, "Next"))))));
+};
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/Analytics/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAsChD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAgC,EACvD,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,EAAE,EACb,UAAU,EACV,YAAY,GAAG,mBAAmB,EAClC,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACI,EAAE,EAAE;IACtB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACjE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAiB,KAAK,CAAC,CAAA;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,gBAAgB;IAChB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAA;QAE5B,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAA;YAC1B,MAAM,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAA;YAE1B,IAAI,IAAI,KAAK,IAAI;gBAAE,OAAO,CAAC,CAAA;YAE3B,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACvC,OAAO,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;QAC3D,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAErC,mBAAmB;IACnB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,UAAU;YAAE,OAAO,UAAU,CAAA;QAElC,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;QAC/C,MAAM,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAA;QACtC,OAAO,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAC/C,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;IAEpD,MAAM,UAAU,GAAG,CAAC,SAAiB,EAAE,EAAE;QACvC,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC7B,gBAAgB,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,SAAS,CAAC,CAAA;YACxB,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;QAEhC,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;YAC/B,+BACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,cAAc,EAAE,UAAU;oBAC1B,QAAQ,EAAE,MAAM;iBACjB;gBAGD;oBACE,4BAAI,KAAK,EAAE,EAAE,YAAY,EAAE,+CAA+C,EAAE,IACzE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,4BACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,KAAK,EAAE;4BACL,OAAO,EAAE,WAAW;4BACpB,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM;4BACjC,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,qCAAqC;4BAC5C,eAAe,EAAE,qCAAqC;4BACtD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;4BAC/C,UAAU,EAAE,MAAM;4BAClB,KAAK,EAAE,MAAM,CAAC,KAAK;yBACpB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC;wBAExD,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE;4BAC5K,kCAAO,MAAM,CAAC,MAAM,CAAQ;4BAC3B,MAAM,CAAC,QAAQ,IAAI,CAClB,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,IAC5E,UAAU,KAAK,MAAM,CAAC,GAAG,IAAI,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC5D,CACR,CACG,CACH,CACN,CAAC,CACC,CACC;gBAGR,mCACG,OAAO,CAAC,CAAC,CAAC,CACT;oBACE,4BACE,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,SAAS,EAAE,QAAQ;4BACnB,KAAK,EAAE,uCAAuC;yBAC/C;wBAED,6BACE,KAAK,EAAE;gCACL,OAAO,EAAE,cAAc;gCACvB,KAAK,EAAE,MAAM;gCACb,MAAM,EAAE,MAAM;gCACd,MAAM,EAAE,+CAA+C;gCACvD,SAAS,EAAE,gDAAgD;gCAC3D,YAAY,EAAE,KAAK;gCACnB,SAAS,EAAE,yBAAyB;6BACrC,GACD,CACC,CACF,CACN,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC/B;oBACE,4BACE,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,SAAS,EAAE,QAAQ;4BACnB,KAAK,EAAE,uCAAuC;yBAC/C,IAEA,YAAY,CACV,CACF,CACN,CAAC,CAAC,CAAC,CACF,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CACnC,4BACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;wBACL,YAAY,EAAE,+CAA+C;wBAC7D,eAAe,EAAE,OAAO,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,aAAa;wBACtG,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBAC1C,UAAU,EAAE,4BAA4B;qBACzC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,GAAG,CAAC,EAC5C,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;wBAClB,IAAI,SAAS,EAAE,CAAC;4BACd,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,iCAAiC,CAAA;wBAC3E,CAAC;oBACH,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;wBAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,aAAa,CAAA;oBAC/H,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,4BACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,KAAK,EAAE;wBACL,OAAO,EAAE,WAAW;wBACpB,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM;wBACjC,KAAK,EAAE,qCAAqC;qBAC7C,IAEA,MAAM,CAAC,MAAM;oBACZ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;oBACrC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAChB,CACN,CAAC,CACC,CACN,CAAC,CACH,CACK,CACF,CACJ;QAGL,UAAU,IAAI,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAC3C,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;gBAC/B,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,WAAW;gBACpB,eAAe,EAAE,qCAAqC;gBACtD,YAAY,EAAE,KAAK;aACpB;YAED,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,uCAAuC,EAAE;;gBACtE,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC;;gBAAK,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;;gBAAM,IAAI,CAAC,MAAM,CACzG;YAEP,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;gBACzC,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,EAC9C,QAAQ,EAAE,WAAW,KAAK,CAAC,EAC3B,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,eAAe,EAAE,gCAAgC;wBACjD,MAAM,EAAE,+CAA+C;wBACvD,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;wBACrD,QAAQ,EAAE,MAAM;wBAChB,OAAO,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;qBACrC,eAGM;gBAET,8BACE,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,uCAAuC;qBAC/C;;oBAEK,WAAW;;oBAAM,UAAU,CAC5B;gBAEP,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,EAC9C,QAAQ,EAAE,WAAW,KAAK,UAAU,EACpC,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,eAAe,EAAE,gCAAgC;wBACjD,MAAM,EAAE,+CAA+C;wBACvD,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;wBAC9D,QAAQ,EAAE,MAAM;wBAChB,OAAO,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;qBAC9C,WAGM,CACL,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,42 @@
+/**
+ * MetricDisplay - Simple metric display component
+ *
+ * Displays a metric value with label and optional formatting.
+ */
+import React from 'react';
+export interface MetricDisplayProps {
+    /** Metric label */
+    label: string;
+    /** Metric value */
+    value: string | number;
+    /** Value unit */
+    unit?: string;
+    /** Metric format type */
+    format?: 'number' | 'currency' | 'percentage' | 'custom';
+    /** Currency symbol (if format is 'currency') */
+    currencySymbol?: string;
+    /** Number of decimal places */
+    decimals?: number;
+    /** Size variant */
+    size?: 'small' | 'medium' | 'large';
+    /** Color variant */
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'error';
+    /** Icon to display */
+    icon?: string;
+}
+/**
+ * MetricDisplay Component
+ *
+ * @example
+ * ```tsx
+ * <MetricDisplay
+ *   label="Conversion Rate"
+ *   value={3.5}
+ *   format="percentage"
+ *   size="large"
+ *   color="success"
+ * />
+ * ```
+ */
+export declare const MetricDisplay: React.FC<MetricDisplayProps>;
+//# sourceMappingURL=MetricDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Analytics/MetricDisplay.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,kBAAkB;IACjC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAA;IACxD,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAC/D,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6HtD,CAAA"}

package/dist/components/Analytics/MetricDisplay.js

@@ -0,0 +1,110 @@
+/**
+ * MetricDisplay - Simple metric display component
+ *
+ * Displays a metric value with label and optional formatting.
+ */
+import React from 'react';
+/**
+ * MetricDisplay Component
+ *
+ * @example
+ * ```tsx
+ * <MetricDisplay
+ *   label="Conversion Rate"
+ *   value={3.5}
+ *   format="percentage"
+ *   size="large"
+ *   color="success"
+ * />
+ * ```
+ */
+export const MetricDisplay = ({ label, value, unit = '', format = 'number', currencySymbol = '$', decimals = 0, size = 'medium', color = 'default', icon }) => {
+    const formatValue = (val) => {
+        if (typeof val === 'string')
+            return val;
+        switch (format) {
+            case 'currency':
+                return `${currencySymbol}${val.toLocaleString(undefined, {
+                    minimumFractionDigits: decimals,
+                    maximumFractionDigits: decimals
+                })}`;
+            case 'percentage':
+                return `${val.toFixed(decimals)}%`;
+            case 'number':
+                if (val >= 1000000) {
+                    return `${(val / 1000000).toFixed(decimals)}M`;
+                }
+                else if (val >= 1000) {
+                    return `${(val / 1000).toFixed(decimals)}K`;
+                }
+                return val.toLocaleString(undefined, {
+                    minimumFractionDigits: decimals,
+                    maximumFractionDigits: decimals
+                });
+            case 'custom':
+                return val.toString() + (unit ? ` ${unit}` : '');
+            default:
+                return val.toString();
+        }
+    };
+    const getSizeStyles = () => {
+        switch (size) {
+            case 'small':
+                return {
+                    valueFontSize: '20px',
+                    labelFontSize: '12px',
+                    iconSize: '20px'
+                };
+            case 'large':
+                return {
+                    valueFontSize: '36px',
+                    labelFontSize: '16px',
+                    iconSize: '32px'
+                };
+            case 'medium':
+            default:
+                return {
+                    valueFontSize: '28px',
+                    labelFontSize: '14px',
+                    iconSize: '24px'
+                };
+        }
+    };
+    const getColor = () => {
+        switch (color) {
+            case 'primary':
+                return 'var(--varity-primary-color, #1976d2)';
+            case 'success':
+                return 'var(--varity-success-color, #4caf50)';
+            case 'warning':
+                return 'var(--varity-warning-color, #ff9800)';
+            case 'error':
+                return 'var(--varity-error-color, #f44336)';
+            case 'default':
+            default:
+                return 'var(--varity-text-primary, #212121)';
+        }
+    };
+    const styles = getSizeStyles();
+    return (React.createElement("div", { className: "varity-metric-display", style: {
+            display: 'inline-flex',
+            flexDirection: 'column',
+            gap: '8px'
+        } },
+        React.createElement("span", { style: {
+                fontSize: styles.labelFontSize,
+                color: 'var(--varity-text-secondary, #757575)',
+                fontWeight: 500,
+                textTransform: 'uppercase',
+                letterSpacing: '0.5px'
+            } }, label),
+        React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' } },
+            icon && (React.createElement("span", { style: { fontSize: styles.iconSize } }, icon)),
+            React.createElement("span", { style: {
+                    fontSize: styles.valueFontSize,
+                    fontWeight: 700,
+                    color: getColor(),
+                    lineHeight: 1
+                } }, formatValue(value)))));
+};
+//# sourceMappingURL=MetricDisplay.js.map

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

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

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

@@ -0,0 +1,14 @@
+/**
+ * Analytics Components
+ *
+ * Data visualization and analytics components for Varity dashboards.
+ */
+export { AnalyticsCard } from './AnalyticsCard';
+export { ChartContainer } from './ChartContainer';
+export { DataTable } from './DataTable';
+export { MetricDisplay } from './MetricDisplay';
+export type { AnalyticsCardProps } from './AnalyticsCard';
+export type { ChartContainerProps, ChartAction } from './ChartContainer';
+export type { DataTableProps, DataTableColumn } from './DataTable';
+export type { MetricDisplayProps } from './MetricDisplay';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Analytics/index.js

@@ -0,0 +1,10 @@
+/**
+ * Analytics Components
+ *
+ * Data visualization and analytics components for Varity dashboards.
+ */
+export { AnalyticsCard } from './AnalyticsCard';
+export { ChartContainer } from './ChartContainer';
+export { DataTable } from './DataTable';
+export { MetricDisplay } from './MetricDisplay';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/components/Branding/Attribution.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Attribution - Required Varity attribution component
+ *
+ * REQUIRED: Must be visible on all pages per licensing agreement.
+ * This component cannot be removed or hidden.
+ */
+import React from 'react';
+export interface AttributionProps {
+    /** Position of attribution */
+    position?: 'footer' | 'header' | 'floating';
+    /** Size variant */
+    size?: 'small' | 'medium' | 'large';
+    /** Show Varity logo */
+    showLogo?: boolean;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+/**
+ * Attribution Component
+ *
+ * IMPORTANT: This component is REQUIRED per the Varity licensing agreement.
+ * Removing or hiding this component violates the terms of service.
+ *
+ * @example
+ * ```tsx
+ * <Attribution position="footer" size="small" />
+ * ```
+ */
+export declare const Attribution: React.FC<AttributionProps>;
+/**
+ * Validate that attribution is present on page
+ * This function can be called during app initialization to ensure compliance.
+ */
+export declare const validateAttribution: () => boolean;
+/**
+ * Monitor attribution visibility (development mode only)
+ */
+export declare const monitorAttribution: (interval?: number) => void;
+//# sourceMappingURL=Attribution.d.ts.map

package/dist/components/Branding/Attribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attribution.d.ts","sourceRoot":"","sources":["../../../src/components/Branding/Attribution.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC3C,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwGlD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAAO,OActC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,WAAU,MAAa,SAQzD,CAAA"}

package/dist/components/Branding/Attribution.js

@@ -0,0 +1,124 @@
+/**
+ * Attribution - Required Varity attribution component
+ *
+ * REQUIRED: Must be visible on all pages per licensing agreement.
+ * This component cannot be removed or hidden.
+ */
+import React from 'react';
+/**
+ * Attribution Component
+ *
+ * IMPORTANT: This component is REQUIRED per the Varity licensing agreement.
+ * Removing or hiding this component violates the terms of service.
+ *
+ * @example
+ * ```tsx
+ * <Attribution position="footer" size="small" />
+ * ```
+ */
+export const Attribution = ({ position = 'footer', size = 'medium', showLogo = true, style }) => {
+    const getSizeStyles = () => {
+        switch (size) {
+            case 'small':
+                return {
+                    fontSize: '11px',
+                    padding: '6px 12px',
+                    logoSize: '14px'
+                };
+            case 'large':
+                return {
+                    fontSize: '15px',
+                    padding: '12px 20px',
+                    logoSize: '20px'
+                };
+            case 'medium':
+            default:
+                return {
+                    fontSize: '13px',
+                    padding: '8px 16px',
+                    logoSize: '16px'
+                };
+        }
+    };
+    const getPositionStyles = () => {
+        switch (position) {
+            case 'header':
+                return {
+                    position: 'relative',
+                    top: 0,
+                    right: 0
+                };
+            case 'floating':
+                return {
+                    position: 'fixed',
+                    bottom: '16px',
+                    right: '16px',
+                    zIndex: 1000,
+                    boxShadow: '0 2px 8px rgba(0,0,0,0.15)'
+                };
+            case 'footer':
+            default:
+                return {
+                    position: 'relative'
+                };
+        }
+    };
+    const sizeStyles = getSizeStyles();
+    const positionStyles = getPositionStyles();
+    return (React.createElement("div", { className: "varity-attribution", "data-varity-required": "true", style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: '8px',
+            padding: sizeStyles.padding,
+            backgroundColor: 'var(--varity-bg-attribution, rgba(255, 255, 255, 0.95))',
+            borderRadius: '8px',
+            border: '1px solid var(--varity-border-color, #e0e0e0)',
+            fontSize: sizeStyles.fontSize,
+            color: 'var(--varity-text-secondary, #757575)',
+            ...positionStyles,
+            ...style
+        } },
+        React.createElement("span", null, "Powered by"),
+        React.createElement("a", { href: "https://varity.com?utm_source=dashboard&utm_medium=attribution", target: "_blank", rel: "noopener noreferrer", style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '6px',
+                color: 'var(--varity-primary-color, #1976d2)',
+                textDecoration: 'none',
+                fontWeight: 600,
+                transition: 'opacity 0.2s ease'
+            }, onMouseEnter: (e) => {
+                e.currentTarget.style.opacity = '0.8';
+            }, onMouseLeave: (e) => {
+                e.currentTarget.style.opacity = '1';
+            } },
+            showLogo && (React.createElement("span", { style: { fontSize: sizeStyles.logoSize } }, "\uD83D\uDE80")),
+            React.createElement("span", null, "Varity"))));
+};
+/**
+ * Validate that attribution is present on page
+ * This function can be called during app initialization to ensure compliance.
+ */
+export const validateAttribution = () => {
+    if (typeof document === 'undefined')
+        return true;
+    const attributionElements = document.querySelectorAll('[data-varity-required="true"]');
+    if (attributionElements.length === 0) {
+        console.warn('⚠️ Varity Attribution Missing: The Varity attribution component is required per the licensing agreement. ' +
+            'Please include the <Attribution /> component on your page.');
+        return false;
+    }
+    return true;
+};
+/**
+ * Monitor attribution visibility (development mode only)
+ */
+export const monitorAttribution = (interval = 5000) => {
+    if (typeof window === 'undefined' || process.env.NODE_ENV === 'production') {
+        return;
+    }
+    setInterval(() => {
+        validateAttribution();
+    }, interval);
+};
+//# sourceMappingURL=Attribution.js.map

package/dist/components/Branding/Attribution.js.map

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

package/dist/components/Branding/Logo.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Logo - Customizable logo component
+ *
+ * Displays company logo with fallback to text.
+ */
+import React from 'react';
+export interface LogoProps {
+    /** Logo image URL */
+    src?: string;
+    /** Company name (fallback if no image) */
+    companyName?: string;
+    /** Logo size */
+    size?: 'small' | 'medium' | 'large' | number;
+    /** Custom width (overrides size) */
+    width?: number;
+    /** Custom height (overrides size) */
+    height?: number;
+    /** Alt text */
+    alt?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Show company name alongside logo */
+    showName?: boolean;
+}
+/**
+ * Logo Component
+ *
+ * @example
+ * ```tsx
+ * <Logo
+ *   src="/logo.png"
+ *   companyName="Acme Corp"
+ *   size="medium"
+ *   showName
+ * />
+ * ```
+ */
+export declare const Logo: React.FC<LogoProps>;
+//# sourceMappingURL=Logo.d.ts.map

package/dist/components/Branding/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/Branding/Logo.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,SAAS;IACxB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5C,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuFpC,CAAA"}