@taiv/ui 1.4.5 → 1.4.6

package/dist/components/Misc/LoadingOverlay/LoadingOverlay.d.ts

@@ -0,0 +1,5 @@
+import { LoadingOverlayProps as MantineLoadingOverlayProps } from '@mantine/core';
+export interface LoadingOverlayProps extends MantineLoadingOverlayProps {
+}
+export declare const LoadingOverlay: ({ ...props }: LoadingOverlayProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

package/dist/components/Misc/LoadingOverlay/LoadingOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Misc/LoadingOverlay/LoadingOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2C,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAE3H,MAAM,WAAW,mBAAoB,SAAQ,0BAA0B;CACtE;AAGD,eAAO,MAAM,cAAc,GAAI,cAAe,mBAAmB,4CAYhE,CAAA"}

package/dist/components/Misc/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { primary } from '../../../constants';
+import { LoadingOverlay as MantineLoadingOverlay } from '@mantine/core';
+export const LoadingOverlay = ({ ...props }) => {
+    return _jsx(MantineLoadingOverlay, { ...props, overlayBlur: 3, overlayOpacity: 0.5, loaderProps: {
+            size: 'xl',
+            color: `${primary[200]}`,
+        } });
+};

package/dist/components/index.d.ts

@@ -51,4 +51,5 @@ export { Fraction } from './Typography/Fraction';
 export { Formula } from './Typography/Formula';
 export { Transition } from './Misc/Transition/Transition';
 export { IconBadge } from './Misc/IconBadge/IconBadge';
+export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/index.js

@@ -57,3 +57,4 @@ export { Formula } from './Typography/Formula';
 //Misc
 export { Transition } from './Misc/Transition/Transition';
 export { IconBadge } from './Misc/IconBadge/IconBadge';
+export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiv/ui",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",

package/dist/components/Data/JustChart.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { formats } from '../../constants/data';
-export interface ChartDataPoint {
-    date: string | number;
-    value: number;
-    label?: string;
-}
-export interface ChartSeries {
-    name: string;
-    data: ChartDataPoint[];
-    color?: string;
-    type?: 'line' | 'area' | 'bar';
-}
-export interface ChartProps {
-    series: ChartSeries[];
-    height?: string | number;
-    yAxisFormat?: keyof typeof formats;
-    xAxisFormat?: keyof typeof formats;
-    showLegend?: boolean;
-    loading?: boolean;
-}
-export declare const Chart: React.FC<ChartProps>;
-//# sourceMappingURL=JustChart.d.ts.map

package/dist/components/Data/JustChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JustChart.d.ts","sourceRoot":"","sources":["../../../src/components/Data/JustChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAK/C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;CAChC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmKtC,CAAC"}

package/dist/components/Data/JustChart.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text } from '../Typography/Text';
-import { Center } from '../Layout/Center';
-import { primary, neutral } from '../../constants/colors';
-import { Area, Bar, CartesianGrid, ComposedChart, Legend, Line, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
-import { Group } from '../Layout/Group';
-import { getChartFormat } from './shared/dataFormats';
-import { Box } from '../Layout/Box';
-import { Stack } from '../Layout/Stack';
-export const Chart = ({ series, height = 300, yAxisFormat = 'decimal', xAxisFormat = 'string', showLegend = true, loading = false }) => {
-    var _a;
-    const formatYAxisValue = getChartFormat[yAxisFormat];
-    const formatXAxisValue = (value) => value.toString();
-    // Transform data to match Recharts format
-    // TODO: This is a hack to get the data in the correct format - we should use the data in the correct format from the start
-    const chartData = (_a = series[0]) === null || _a === void 0 ? void 0 : _a.data.map((point, index) => {
-        const dataPoint = { date: point.date };
-        series.forEach((s) => {
-            if (s.data[index]) {
-                dataPoint[s.name] = s.data[index].value;
-            }
-        });
-        return dataPoint;
-    });
-    const hasData = series.some((s) => s.data.length > 0);
-    // Single reusable tick component
-    const CustomTick = ({ x, y, payload, formatter }) => {
-        return (_jsx("g", { transform: `translate(${x},${y})`, children: _jsx("foreignObject", { x: 0, y: 0, width: 100, height: 20, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }, children: _jsx(Text, { variant: "label", children: formatter(payload.value) }) }) }) }));
-    };
-    const getTooltipContent = (props) => {
-        const { active, payload, label } = props;
-        if (active && payload && payload.length) {
-            return (_jsx(Box, { sx: {
-                    backgroundColor: 'white',
-                    padding: '1rem',
-                    border: `1px solid ${neutral[100]}`,
-                    borderRadius: '8px',
-                    boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-                }, children: _jsxs(Stack, { gap: "0.25rem", children: [_jsx(Text, { weight: "semibold", color: neutral[300], children: formatXAxisValue(label) }), payload.map((entry) => (_jsxs(Group, { gap: "0.5rem", children: [_jsx("div", { style: {
-                                        width: '8px',
-                                        height: '8px',
-                                        borderRadius: '50%',
-                                        backgroundColor: entry.color,
-                                    } }), _jsxs(Group, { gap: "0.25rem", children: [_jsxs(Text, { variant: "label", color: neutral[300], children: [entry.name, ":"] }), _jsx(Text, { variant: "label", children: formatYAxisValue(entry.value) })] })] }, entry.name)))] }) }));
-        }
-        return null;
-    };
-    return (_jsx(_Fragment, { children: loading || !hasData ? (_jsx(Center, { style: { height, backgroundColor: neutral[25], borderRadius: '8px' }, children: _jsx(Text, { variant: "label", color: neutral[200], children: loading ? 'Loading...' : 'No data available' }) })) : (_jsxs(_Fragment, { children: [_jsx(Center, { style: { height, width: '100%' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(ComposedChart, { data: chartData, children: [_jsx("defs", { children: series.map((s, index) => (_jsxs("linearGradient", { id: `gradient-${index}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: s.color || primary[200], stopOpacity: 0.3 }), _jsx("stop", { offset: "99%", stopColor: s.color || primary[200], stopOpacity: 0.05 })] }, s.name))) }), _jsx(XAxis, { dataKey: "date", axisLine: { stroke: neutral[50] }, tickLine: { stroke: neutral[50] }, tick: (props) => _jsx(CustomTick, { ...props, formatter: formatXAxisValue }) }), _jsx(YAxis, { width: 40, axisLine: false, tickLine: false, tick: (props) => _jsx(CustomTick, { ...props, formatter: formatYAxisValue }) }), _jsx(CartesianGrid, { strokeDasharray: "0", stroke: neutral[50], horizontal: true, vertical: false }), series.map((s, index) => {
-                                    const seriesType = s.type || 'line';
-                                    if (seriesType === 'area') {
-                                        return (_jsx(Area, { type: "monotone", dataKey: s.name, stroke: s.color || primary[200], strokeWidth: 2, fill: `url(#gradient-${index})`, baseValue: "dataMin", style: { outline: 'none' } }, s.name));
-                                    }
-                                    else if (seriesType === 'bar') {
-                                        return (_jsx(Bar, { dataKey: s.name, fill: s.color || primary[200], radius: [8, 8, 0, 0], style: { outline: 'none' }, onMouseEnter: (data, index, event) => {
-                                                const barElement = event.target;
-                                                if (barElement) {
-                                                    barElement.style.opacity = '0.8';
-                                                }
-                                            }, onMouseLeave: (data, index, event) => {
-                                                const barElement = event.target;
-                                                if (barElement) {
-                                                    barElement.style.opacity = '1';
-                                                }
-                                            } }, s.name));
-                                    }
-                                    else {
-                                        return _jsx(Line, { type: "monotone", dataKey: s.name, stroke: s.color || primary[200], strokeWidth: 2, dot: false, style: { outline: 'none' } }, s.name);
-                                    }
-                                }), _jsx(Tooltip, { content: getTooltipContent, cursor: series.some((s) => s.type === 'bar') ? false : true }), showLegend && (_jsx(Legend, { iconType: "circle", iconSize: 8, formatter: (value) => (_jsx(Text, { variant: "label", sx: { color: neutral[300], display: 'inline', whiteSpace: 'nowrap' }, children: value })) }))] }) }) }), _jsx("style", { children: `.recharts-surface { outline: none; }` })] })) }));
-};

package/dist/components/Data/JustPieChart.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { numberFormats } from '../../constants/data';
-export interface PieChartDataPoint {
-    name: string;
-    value: number;
-    color?: string;
-}
-export interface JustPieChartProps {
-    data: PieChartDataPoint[];
-    height?: string | number;
-    showLegend?: boolean;
-    innerRadius?: number;
-    outerRadius?: number;
-    paddingAngle?: number;
-    format?: keyof typeof numberFormats;
-    loading?: boolean;
-    centerTitle?: string;
-}
-export declare const JustPieChart: React.FC<JustPieChartProps>;
-//# sourceMappingURL=JustPieChart.d.ts.map

package/dist/components/Data/JustPieChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JustPieChart.d.ts","sourceRoot":"","sources":["../../../src/components/Data/JustPieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+IpD,CAAC"}

package/dist/components/Data/JustPieChart.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text } from '../Typography/Text';
-import { Center } from '../Layout/Center';
-import { Group } from '../Layout/Group';
-import { neutral } from '../../constants/colors';
-import { PieChart as RechartsPieChart, Pie, Cell, ResponsiveContainer, Tooltip, Legend } from 'recharts';
-import { Title } from '../Typography/Title';
-import { Stack } from '../Layout/Stack';
-import { getChartFormatter } from './shared/chartFormats';
-export const JustPieChart = ({ data, height = '30rem', showLegend = true, innerRadius = 80, outerRadius = 100, paddingAngle = 5, format = 'decimal', loading = false, centerTitle, }) => {
-    const hasData = data && data.length > 0;
-    const totalValue = hasData ? data.reduce((sum, item) => sum + item.value, 0) : 0;
-    const firstDataPoint = hasData ? data[0] : null;
-    const firstDataPercentage = firstDataPoint && totalValue > 0 ? Math.round((firstDataPoint.value / totalValue) * 100) : 0;
-    const valueFormatter = (value) => getChartFormatter(format)(value);
-    // Custom tooltip component
-    const CustomTooltip = ({ active, payload, label }) => {
-        if (active && payload && payload.length) {
-            return (_jsxs("div", { style: {
-                    backgroundColor: 'white',
-                    padding: '10px',
-                    border: `1px solid ${neutral[100]}`,
-                    borderRadius: '8px',
-                    boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-                    zIndex: 1000,
-                    position: 'relative',
-                }, children: [_jsx(Text, { weight: "semibold", color: neutral[300], children: label }), payload.map((entry) => (_jsxs(Group, { children: [_jsx("div", { style: {
-                                    width: '8px',
-                                    height: '8px',
-                                    borderRadius: '50%',
-                                    backgroundColor: entry.payload.color,
-                                } }), _jsxs(Group, { gap: "0.25rem", children: [_jsxs(Text, { variant: "label", color: neutral[300], children: [entry.payload.name, ":"] }), _jsx(Text, { variant: "label", children: valueFormatter(entry.payload.value) })] })] }, entry.name)))] }));
-        }
-        return null;
-    };
-    return (_jsxs(_Fragment, { children: [loading || !hasData ? (_jsx(Center, { style: { height, backgroundColor: neutral[25], borderRadius: '8px' }, children: _jsx(Text, { variant: "label", color: neutral[200], children: loading ? 'Loading...' : 'No data available' }) })) : (_jsxs(Center, { style: { height, width: '100%', position: 'relative' }, children: [_jsx(ResponsiveContainer, { width: "100%", height: "100%", style: { outline: 'none' }, children: _jsxs(RechartsPieChart, { style: { outline: 'none' }, children: [_jsx(Pie, { data: data, innerRadius: innerRadius, outerRadius: outerRadius, paddingAngle: paddingAngle, dataKey: "value", style: { outline: 'none' }, children: data.map((entry, index) => (_jsx(Cell, { fill: entry.color, style: { outline: 'none' } }, `cell-${entry.name}`))) }), _jsx(Tooltip, { content: _jsx(CustomTooltip, {}), wrapperStyle: {
-                                        border: 'none',
-                                        outline: 'none',
-                                        boxShadow: 'none',
-                                        zIndex: 1000,
-                                    }, contentStyle: {
-                                        border: 'none',
-                                        outline: 'none',
-                                        boxShadow: 'none',
-                                        padding: 0,
-                                        margin: 0,
-                                        backgroundColor: 'transparent',
-                                    } }), showLegend && (_jsx(Legend, { iconType: "circle", iconSize: 8, style: {
-                                        marginTop: '1rem',
-                                    }, formatter: (value) => (_jsx(Text, { variant: "label", style: {
-                                            color: neutral[300],
-                                            display: 'inline',
-                                            whiteSpace: 'nowrap',
-                                        }, children: value })) }))] }) }), _jsx(Center, { style: {
-                            position: 'absolute',
-                            top: '45%',
-                            left: '50%',
-                            transform: 'translate(-50%, -50%)',
-                            textAlign: 'center',
-                            zIndex: 1,
-                            pointerEvents: 'none',
-                        }, children: _jsxs(Stack, { gap: "0", align: "center", children: [_jsxs(Title, { variant: "cardHeader", color: neutral[300], children: [firstDataPercentage, "%"] }), _jsx(Text, { variant: "label", children: centerTitle })] }) })] })), _jsx("style", { children: `.recharts-surface { outline: none; }` })] }));
-};

package/dist/components/Data/StatsCard.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { CardProps } from '../Layout/Card';
-import { primitives } from '../../constants/colors';
-import { dataFormats } from './shared/dataFormats';
-export interface StatsCardProps extends Omit<CardProps, 'children'> {
-    value: number;
-    title: string;
-    description?: string;
-    format?: keyof typeof dataFormats;
-    isDelta?: boolean;
-    icon?: React.ReactNode;
-    iconColor?: keyof typeof primitives;
-    tooltip?: React.ReactNode;
-    increaseDescription?: string;
-}
-export declare const StatsCard: ({ value, format, isDelta, title, description, increaseDescription, icon: Icon, iconColor, tooltip, ...cardProps }: StatsCardProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatsCard.d.ts.map

package/dist/components/Data/StatsCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../../src/components/Data/StatsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAE,UAAU,EAAoB,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,GAAI,mHAAgJ,cAAc,4CA4DvL,CAAC"}

package/dist/components/Data/StatsCard.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from '../Layout/Card';
-import { InfoTooltip } from '../Info/Tooltips/InfoTooltip';
-import { Text } from '../Typography/Text';
-import { Title } from '../Typography/Title';
-import { Group } from '../Layout/Group';
-import { Stack } from '../Layout/Stack';
-import { success, neutral } from '../../constants/colors';
-import { dataFormats } from './shared/dataFormats';
-import { IconBadge } from '../Misc/IconBadge';
-export const StatsCard = ({ value, format = 'decimal', isDelta = false, title, description, increaseDescription, icon: Icon, iconColor = 'blue', tooltip, ...cardProps }) => {
-    const getDelta = () => {
-        const currentDirection = isDelta ? (value > 0 ? 'positive' : value < 0 ? 'negative' : null) : null;
-        return {
-            direction: currentDirection,
-            color: currentDirection === 'positive' ? success[200] : currentDirection === 'negative' ? neutral[200] : undefined,
-            showIncrementalText: currentDirection === 'positive',
-        };
-    };
-    const delta = getDelta();
-    const formatValue = () => {
-        const config = dataFormats[format];
-        const formattedNumber = value.toLocaleString('en-US', {
-            minimumFractionDigits: config.decimalPlaces,
-            maximumFractionDigits: config.decimalPlaces,
-        });
-        let result = formattedNumber;
-        if (delta.direction === 'positive') {
-            result = `+${result}`;
-        }
-        else if (delta.direction === 'negative') {
-            result = `-${result}`;
-        }
-        result = `${config.prefix}${result}${config.suffix}`;
-        return result;
-    };
-    return (_jsx(Card, { bg: neutral[25], animate: true, ...cardProps, children: _jsxs(Stack, { gap: "1.6rem", children: [_jsxs(Stack, { gap: "0.25rem", children: [_jsxs(Group, { position: "apart", children: [_jsx(Title, { size: "3xl", weight: "bold", children: formatValue() }), Icon && _jsx(IconBadge, { icon: Icon, color: iconColor })] }), _jsxs(Group, { gap: "0.75rem", children: [_jsx(Title, { variant: "cardHeader", color: "#6D6D6D", weight: "medium", children: title }), tooltip && _jsx(InfoTooltip, { text: tooltip })] })] }), _jsxs(Stack, { gap: "0", children: [description && _jsx(Text, { variant: "label", children: description }), delta.showIncrementalText && increaseDescription && (_jsx(Text, { variant: "label", color: delta.color, children: increaseDescription }))] })] }) }));
-};

package/dist/components/Data/shared/chartFormats.d.ts

@@ -1,8 +0,0 @@
-import { formats, truncation } from '../../../constants/data';
-interface FormatOptions {
-    truncateAt?: keyof typeof truncation;
-    decimalPlaces?: number;
-}
-export declare const getChartFormatter: (format: keyof typeof formats, options?: FormatOptions) => ((value: string | number) => string);
-export {};
-//# sourceMappingURL=chartFormats.d.ts.map

package/dist/components/Data/shared/chartFormats.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chartFormats.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/shared/chartFormats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE7E,UAAU,aAAa;IACrB,UAAU,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAeD,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,OAAO,OAAO,EAAE,UAAU,aAAa,KAAG,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAa5H,CAAC"}

package/dist/components/Data/shared/chartFormats.js

@@ -1,29 +0,0 @@
-import { numberFormats, truncation } from '../../../constants/data';
-const formatAndTruncate = (value, format, options) => {
-    var _a, _b;
-    const absValue = Math.abs(value);
-    const config = numberFormats[format];
-    const truncateConfig = truncation[(_a = options === null || options === void 0 ? void 0 : options.truncateAt) !== null && _a !== void 0 ? _a : 'thousand'];
-    const computedDecimalPlaces = (_b = options === null || options === void 0 ? void 0 : options.decimalPlaces) !== null && _b !== void 0 ? _b : config.decimalPlaces;
-    if (absValue >= truncateConfig.threshold) {
-        return `${config.prefix}${(value / truncateConfig.threshold).toFixed(1)}${truncateConfig.suffix}${config.suffix}`;
-    }
-    else {
-        return `${config.prefix}${value.toFixed(computedDecimalPlaces)}${config.suffix}`;
-    }
-};
-export const getChartFormatter = (format, options) => {
-    if (format === 'string') {
-        return (value) => String(value);
-    }
-    else if (format in numberFormats) {
-        return (value) => {
-            const numValue = typeof value === 'string' ? parseFloat(value) : value;
-            if (isNaN(numValue)) {
-                return String(value);
-            }
-            return formatAndTruncate(numValue, format, options);
-        };
-    }
-    throw new Error(`Invalid format: ${format}`);
-};

package/dist/components/Data/shared/dataFormats.d.ts

@@ -1,9 +0,0 @@
-export declare const getChartFormat: {
-    string: (value: string) => string;
-    integer: (value: number) => string;
-    decimal: (value: number) => string;
-    currency: (value: number) => string;
-    percentage: (value: number) => string;
-    multiple: (value: number) => string;
-};
-//# sourceMappingURL=dataFormats.d.ts.map

package/dist/components/Data/shared/dataFormats.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataFormats.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/shared/dataFormats.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc;oBACT,MAAM,KAAG,MAAM;qBACd,MAAM,KAAG,MAAM;qBACf,MAAM,KAAG,MAAM;sBACd,MAAM,KAAG,MAAM;wBACb,MAAM,KAAG,MAAM;sBACjB,MAAM,KAAG,MAAM;CAClC,CAAC"}

package/dist/components/Data/shared/dataFormats.js

@@ -1,20 +0,0 @@
-import { formats, truncation } from '../../../constants/data';
-const formatAndTruncate = (value, format, threshold = 'million') => {
-    const absValue = Math.abs(value);
-    const config = formats[format];
-    const truncateConfig = truncation[threshold];
-    if (absValue >= truncateConfig.threshold) {
-        return `${config.prefix}${(value / truncateConfig.threshold).toFixed(1)}${truncateConfig.suffix}${config.suffix}`;
-    }
-    else {
-        return `${config.prefix}${value.toFixed(config.decimalPlaces)}${config.suffix}`;
-    }
-};
-export const getChartFormat = {
-    string: (value) => value,
-    integer: (value) => formatAndTruncate(value, 'integer', 'thousand'),
-    decimal: (value) => formatAndTruncate(value, 'decimal', 'thousand'),
-    currency: (value) => formatAndTruncate(value, 'currency', 'thousand'),
-    percentage: (value) => formatAndTruncate(value, 'percentage', 'thousand'),
-    multiple: (value) => formatAndTruncate(value, 'multiple', 'thousand'),
-};

package/dist/components/Inputs/Buttons/Button.d.ts

@@ -1,12 +0,0 @@
-import { ButtonProps as MantineButtonProps } from '@mantine/core';
-import { componentSizes } from './shared/sizes';
-import { componentVariants } from './shared/variants';
-export interface ButtonProps extends MantineButtonProps {
-    onClick?: () => void;
-    size?: keyof typeof componentSizes;
-    variant?: keyof typeof componentVariants;
-    fullWidth?: boolean;
-    toggled?: boolean;
-}
-export declare const Button: ({ onClick, size, variant, fullWidth, toggled, styles, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

package/dist/components/Inputs/Buttons/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Buttons/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,GAAI,kEAAqG,WAAW,4CAkCtI,CAAC"}

package/dist/components/Inputs/Buttons/Button.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button as MantineButton } from '@mantine/core';
-import { fontBase, fontWeight } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-import { componentVariants } from './shared/variants';
-export const Button = ({ onClick, size = 'md', variant = 'primary', fullWidth = false, toggled = false, styles, ...props }) => {
-    const selectedVariant = componentVariants[variant];
-    const selectedSize = componentSizes[size];
-    // Apply active styles for nav variant when isActive is true
-    const getVariantStyles = () => {
-        if (toggled) {
-            return {
-                ...selectedVariant,
-                ...selectedVariant['&:toggled'],
-            };
-        }
-        return selectedVariant;
-    };
-    const style = {
-        root: {
-            borderRadius: '8px',
-            border: '1px solid white',
-            width: fullWidth ? '100%' : 'fit-content',
-            height: `${selectedSize.height}rem`,
-            padding: selectedSize.padding,
-            minWidth: `${selectedSize.minWidth}rem`,
-            fontSize: selectedSize.fontSize,
-            ...getVariantStyles(),
-        },
-        label: {
-            ...fontBase,
-            fontWeight: fontWeight['semibold'],
-        },
-        ...styles,
-    };
-    return _jsx(MantineButton, { styles: style, size: size, onClick: onClick, ...props });
-};

package/dist/components/Inputs/Buttons/UnstyledButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { UnstyledButtonProps as MantineUnstyledButtonProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-interface UnstyledButtonProps extends MantineUnstyledButtonProps {
-    styles?: Record<string, CSSObject>;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-declare const UnstyledButton: ({ styles, onClick, ...props }: UnstyledButtonProps) => import("react/jsx-runtime").JSX.Element;
-export { UnstyledButton };
-//# sourceMappingURL=UnstyledButton.d.ts.map

package/dist/components/Inputs/Buttons/UnstyledButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Buttons/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,IAAI,0BAA0B,EAClD,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,mBAAoB,SAAQ,0BAA0B;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,cAAc,GAAI,+BAA+B,mBAAmB,4CAEzE,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Inputs/Buttons/UnstyledButton.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { UnstyledButton as MantineUnstyledButton, } from '@mantine/core';
-const UnstyledButton = ({ styles, onClick, ...props }) => {
-    return _jsx(MantineUnstyledButton, { styles: styles, onClick: onClick, ...props });
-};
-export { UnstyledButton };

package/dist/components/Inputs/Buttons/shared/sizes.d.ts

@@ -1,25 +0,0 @@
-declare const componentSizes: {
-    sm: {
-        padding: string;
-        minWidth: number;
-        fontSize: string;
-        lineHeight: string;
-        height: number;
-    };
-    md: {
-        padding: string;
-        minWidth: number;
-        fontSize: string;
-        lineHeight: string;
-        height: number;
-    };
-    lg: {
-        padding: string;
-        minWidth: number;
-        fontSize: string;
-        lineHeight: string;
-        height: number;
-    };
-};
-export { componentSizes };
-//# sourceMappingURL=sizes.d.ts.map

package/dist/components/Inputs/Buttons/shared/sizes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/shared/sizes.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;CAInB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Inputs/Buttons/shared/sizes.js

@@ -1,7 +0,0 @@
-import { fontSize } from '../../../../constants/font';
-const componentSizes = {
-    sm: { height: 3, ...fontSize['sm'], padding: '0.8rem 1.8rem', minWidth: 6.8 },
-    md: { height: 4, ...fontSize['md'], padding: '0.8rem 2.4rem', minWidth: 11.2 },
-    lg: { height: 4.8, ...fontSize['lg'], padding: '0.8rem 4rem', minWidth: 15.2 },
-};
-export { componentSizes };