@objectifthunes/limestone-sdk 0.1.6 → 0.1.8

package/dist/components/data-display/chart/use-chart.js

@@ -0,0 +1,172 @@
+const DEFAULT_PADDING = { top: 20, right: 20, bottom: 30, left: 40 };
+const COLOR_CYCLE = ['#22c55e', '#eab308', '#ef4444', '#8b5cf6', '#06b6d4'];
+function formatLabel(value) {
+    return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+export function useChart(tokens, props) {
+    const { type, data, width, height, showGrid = true, showLabels = true, padding = DEFAULT_PADDING, } = props;
+    const colorCycle = [tokens.colors.primary, tokens.colors.accent, ...COLOR_CYCLE];
+    const chartAreaWidth = width - padding.left - padding.right;
+    const chartAreaHeight = height - padding.top - padding.bottom;
+    const containerStyle = { width, height };
+    const chartAreaStyle = {
+        position: 'absolute',
+        top: padding.top,
+        left: padding.left,
+        width: chartAreaWidth,
+        height: chartAreaHeight,
+    };
+    const gridLineStyle = {
+        stroke: tokens.colors.muted,
+        strokeWidth: 1,
+        strokeDasharray: '4 4',
+    };
+    const labelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+    };
+    // Build grid lines (shared for line and bar)
+    const buildGridLines = () => {
+        if (!showGrid)
+            return [];
+        return Array.from({ length: 5 }, (_, i) => {
+            const y = chartAreaHeight * (i / 4);
+            return { x1: 0, y1: y, x2: chartAreaWidth, y2: y };
+        });
+    };
+    if (type === 'pie') {
+        const total = data.reduce((sum, d) => sum + d.value, 0);
+        const bounds = { minX: 0, maxX: width, minY: 0, maxY: height };
+        const cx = width / 2;
+        const cy = height / 2;
+        const maxPad = Math.max(padding.top, padding.right, padding.bottom, padding.left);
+        const radius = Math.min(width, height) / 2 - maxPad;
+        let currentAngle = -Math.PI / 2;
+        const slices = data.map((d, i) => {
+            const sliceAngle = total > 0 ? (d.value / total) * 2 * Math.PI : 0;
+            const startAngle = currentAngle;
+            const endAngle = currentAngle + sliceAngle;
+            currentAngle = endAngle;
+            const midAngle = startAngle + sliceAngle / 2;
+            const labelPosition = {
+                x: cx + Math.cos(midAngle) * radius * 0.6,
+                y: cy + Math.sin(midAngle) * radius * 0.6,
+            };
+            return {
+                startAngle,
+                endAngle,
+                color: d.color ?? colorCycle[i % colorCycle.length],
+                value: d.value,
+                percentage: total > 0 ? (d.value / total) * 100 : 0,
+                labelPosition,
+            };
+        });
+        return {
+            points: undefined,
+            pathData: undefined,
+            bars: undefined,
+            slices,
+            gridLines: [],
+            xLabels: [],
+            yLabels: [],
+            bounds,
+            containerStyle,
+            gridLineStyle,
+            labelStyle,
+            chartAreaStyle,
+        };
+    }
+    const values = data.map((d) => d.value);
+    const minValue = values.length > 0 ? Math.min(...values) : 0;
+    const maxValue = values.length > 0 ? Math.max(...values) : 0;
+    const range = maxValue - minValue || 1;
+    const bounds = {
+        minX: 0,
+        maxX: chartAreaWidth,
+        minY: minValue,
+        maxY: maxValue,
+    };
+    const gridLines = buildGridLines();
+    const yLabels = showLabels
+        ? Array.from({ length: 5 }, (_, i) => {
+            const y = chartAreaHeight * (i / 4);
+            const value = minValue + range * (1 - i / 4);
+            return { x: -padding.left / 2, y, label: formatLabel(value) };
+        })
+        : [];
+    if (type === 'line') {
+        const xStep = data.length > 1 ? chartAreaWidth / (data.length - 1) : 0;
+        const points = data.map((d, i) => ({
+            x: i * xStep,
+            y: chartAreaHeight - ((d.value - minValue) / range) * chartAreaHeight,
+            value: d.value,
+        }));
+        let pathData;
+        if (points.length > 0) {
+            const first = points[0];
+            pathData = `M ${first.x} ${first.y}`;
+            for (let i = 1; i < points.length; i++) {
+                const p = points[i];
+                pathData += ` L ${p.x} ${p.y}`;
+            }
+        }
+        const xLabels = showLabels
+            ? points.map((p, i) => ({
+                x: p.x,
+                y: chartAreaHeight + 16,
+                label: data[i].label,
+            }))
+            : [];
+        return {
+            points,
+            pathData,
+            bars: undefined,
+            slices: undefined,
+            gridLines,
+            xLabels,
+            yLabels,
+            bounds,
+            containerStyle,
+            gridLineStyle,
+            labelStyle,
+            chartAreaStyle,
+        };
+    }
+    // bar chart
+    const barSlotWidth = chartAreaWidth / data.length;
+    const barWidth = barSlotWidth * 0.7;
+    const barGap = barSlotWidth * 0.3 / 2;
+    const bars = data.map((d, i) => {
+        const barHeight = Math.max(2, ((d.value - minValue) / range) * chartAreaHeight);
+        return {
+            x: i * barSlotWidth + barGap,
+            y: chartAreaHeight - barHeight,
+            width: barWidth,
+            height: barHeight,
+            value: d.value,
+            color: d.color ?? colorCycle[i % colorCycle.length],
+        };
+    });
+    const xLabels = showLabels
+        ? bars.map((b, i) => ({
+            x: b.x + b.width / 2,
+            y: chartAreaHeight + 16,
+            label: data[i].label,
+        }))
+        : [];
+    return {
+        points: undefined,
+        pathData: undefined,
+        bars,
+        slices: undefined,
+        gridLines,
+        xLabels,
+        yLabels,
+        bounds,
+        containerStyle,
+        gridLineStyle,
+        labelStyle,
+        chartAreaStyle,
+    };
+}
+//# sourceMappingURL=use-chart.js.map

package/dist/components/data-display/chart/use-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart.js","sourceRoot":"","sources":["../../../../src/components/data-display/chart/use-chart.ts"],"names":[],"mappings":"AAaA,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACrE,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5E,SAAS,WAAW,CAAC,KAAa;IAChC,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,MAAmB,EAAE,KAAiB;IAC7D,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,eAAe,GAC1B,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,WAAW,CAAC,CAAC;IAEjF,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC;IAC5D,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;IAE9D,MAAM,cAAc,GAAqB,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAE3D,MAAM,cAAc,GAAqB;QACvC,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,OAAO,CAAC,GAAG;QAChB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,eAAe;KACxB,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;QAC3B,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,KAAK;KACvB,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe;KACrC,CAAC;IAEF,6CAA6C;IAC7C,MAAM,cAAc,GAAG,GAAe,EAAE;QACtC,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACxC,MAAM,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACpC,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACxD,MAAM,MAAM,GAAgB,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAC5E,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC;QACrB,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAClF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAEpD,IAAI,YAAY,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QAChC,MAAM,MAAM,GAAe,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC3C,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACnE,MAAM,UAAU,GAAG,YAAY,CAAC;YAChC,MAAM,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;YAC3C,YAAY,GAAG,QAAQ,CAAC;YACxB,MAAM,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;YAC7C,MAAM,aAAa,GAAG;gBACpB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,GAAG;gBACzC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,GAAG;aAC1C,CAAC;YACF,OAAO;gBACL,UAAU;gBACV,QAAQ;gBACR,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAE;gBACpD,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,UAAU,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;gBACnD,aAAa;aACd,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,SAAS;YACf,MAAM;YACN,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,MAAM;YACN,cAAc;YACd,aAAa;YACb,UAAU;YACV,cAAc;SACf,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,QAAQ,GAAG,QAAQ,IAAI,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAgB;QAC1B,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAgB,UAAU;QACrC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACpC,MAAM,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YAC7C,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QAChE,CAAC,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvE,MAAM,MAAM,GAAqB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACnD,CAAC,EAAE,CAAC,GAAG,KAAK;YACZ,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,eAAe;YACrE,KAAK,EAAE,CAAC,CAAC,KAAK;SACf,CAAC,CAAC,CAAC;QAEJ,IAAI,QAA4B,CAAC;QACjC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;YACzB,QAAQ,GAAG,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;gBACrB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACjC,CAAC;QACH,CAAC;QAED,MAAM,OAAO,GAAgB,UAAU;YACrC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;gBACpB,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,CAAC,EAAE,eAAe,GAAG,EAAE;gBACvB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAE,CAAC,KAAK;aACtB,CAAC,CAAC;YACL,CAAC,CAAC,EAAE,CAAC;QAEP,OAAO;YACL,MAAM;YACN,QAAQ;YACR,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,SAAS;YACT,OAAO;YACP,OAAO;YACP,MAAM;YACN,cAAc;YACd,aAAa;YACb,UAAU;YACV,cAAc;SACf,CAAC;IACJ,CAAC;IAED,YAAY;IACZ,MAAM,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;IAClD,MAAM,QAAQ,GAAG,YAAY,GAAG,GAAG,CAAC;IACpC,MAAM,MAAM,GAAG,YAAY,GAAG,GAAG,GAAG,CAAC,CAAC;IAEtC,MAAM,IAAI,GAAc,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,eAAe,CAAC,CAAC;QAChF,OAAO;YACL,CAAC,EAAE,CAAC,GAAG,YAAY,GAAG,MAAM;YAC5B,CAAC,EAAE,eAAe,GAAG,SAAS;YAC9B,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAE;SACrD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAgB,UAAU;QACrC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YAClB,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC;YACpB,CAAC,EAAE,eAAe,GAAG,EAAE;YACvB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAE,CAAC,KAAK;SACtB,CAAC,CAAC;QACL,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,SAAS;QACnB,IAAI;QACJ,MAAM,EAAE,SAAS;QACjB,SAAS;QACT,OAAO;QACP,OAAO;QACP,MAAM;QACN,cAAc;QACd,aAAa;QACb,UAAU;QACV,cAAc;KACf,CAAC;AACJ,CAAC"}

package/dist/components/data-display/countdown-timer/countdown-timer.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { CountdownTimerProps } from './types.js';
+export declare function CountdownTimer(props: CountdownTimerProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=countdown-timer.d.ts.map

package/dist/components/data-display/countdown-timer/countdown-timer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-timer.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/countdown-timer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAK3F"}

package/dist/components/data-display/countdown-timer/countdown-timer.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useCountdownTimer } from './use-countdown-timer.js';
+export function CountdownTimer(props) {
+    const { tokens } = useTheme();
+    const { containerStyle } = useCountdownTimer(tokens, props);
+    return createElement(View, { style: containerStyle, testID: props.testID });
+}
+//# sourceMappingURL=countdown-timer.js.map

package/dist/components/data-display/countdown-timer/countdown-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-timer.js","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/countdown-timer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE5D,OAAO,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9E,CAAC"}

package/dist/components/data-display/countdown-timer/index.d.ts

@@ -0,0 +1,4 @@
+export { CountdownTimer } from './countdown-timer.js';
+export { useCountdownTimer } from './use-countdown-timer.js';
+export type { CountdownTimerProps, CountdownFormat, CountdownSegment, UseCountdownTimerResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/countdown-timer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/data-display/countdown-timer/index.js

@@ -0,0 +1,3 @@
+export { CountdownTimer } from './countdown-timer.js';
+export { useCountdownTimer } from './use-countdown-timer.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/countdown-timer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/data-display/countdown-timer/types.d.ts

@@ -0,0 +1,37 @@
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export type CountdownFormat = 'hh:mm:ss' | 'dd:hh:mm:ss' | 'mm:ss';
+export interface CountdownTimerProps {
+    targetDate?: Date;
+    durationMs?: number;
+    format?: CountdownFormat;
+    onComplete?: () => void;
+    testID?: string;
+}
+export interface CountdownSegment {
+    value: string;
+    label: string;
+}
+export interface UseCountdownTimerResult {
+    containerStyle: ResolvedBoxStyle;
+    getSegmentStyle: (index: number) => ResolvedBoxStyle;
+    segmentValueStyle: {
+        fontSize: number;
+        fontWeight: string;
+        fontFamily: string;
+        color: string;
+    };
+    segmentLabelStyle: {
+        fontSize: number;
+        color: string;
+        fontFamily: string;
+    };
+    separatorStyle: {
+        fontSize: number;
+        fontWeight: string;
+        color: string;
+    };
+    segments: CountdownSegment[];
+    isComplete: boolean;
+    remainingMs: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/data-display/countdown-timer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,aAAa,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,gBAAgB,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACrD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,cAAc,EAAE;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/data-display/countdown-timer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/data-display/countdown-timer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/types.ts"],"names":[],"mappings":""}

package/dist/components/data-display/countdown-timer/use-countdown-timer.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { CountdownTimerProps, UseCountdownTimerResult } from './types.js';
+export declare function useCountdownTimer(tokens: ThemeTokens, props: CountdownTimerProps): UseCountdownTimerResult;
+//# sourceMappingURL=use-countdown-timer.d.ts.map

package/dist/components/data-display/countdown-timer/use-countdown-timer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-countdown-timer.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/use-countdown-timer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAoB,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAOjG,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,mBAAmB,GACzB,uBAAuB,CA0FzB"}

package/dist/components/data-display/countdown-timer/use-countdown-timer.js

@@ -0,0 +1,81 @@
+function pad(n) {
+    return String(n).padStart(2, '0');
+}
+export function useCountdownTimer(tokens, props) {
+    const { targetDate, durationMs, format = 'hh:mm:ss', } = props;
+    const remainingMs = Math.max(0, targetDate ? targetDate.getTime() - Date.now() : durationMs ?? 0);
+    const isComplete = remainingMs <= 0;
+    let segments;
+    if (format === 'dd:hh:mm:ss') {
+        const days = Math.floor(remainingMs / 86400000);
+        const hours = Math.floor((remainingMs % 86400000) / 3600000);
+        const minutes = Math.floor((remainingMs % 3600000) / 60000);
+        const seconds = Math.floor((remainingMs % 60000) / 1000);
+        segments = [
+            { value: pad(days), label: 'DAYS' },
+            { value: pad(hours), label: 'HRS' },
+            { value: pad(minutes), label: 'MIN' },
+            { value: pad(seconds), label: 'SEC' },
+        ];
+    }
+    else if (format === 'mm:ss') {
+        const minutes = Math.floor(remainingMs / 60000);
+        const seconds = Math.floor((remainingMs % 60000) / 1000);
+        segments = [
+            { value: pad(minutes), label: 'MIN' },
+            { value: pad(seconds), label: 'SEC' },
+        ];
+    }
+    else {
+        // hh:mm:ss
+        const hours = Math.floor(remainingMs / 3600000);
+        const minutes = Math.floor((remainingMs % 3600000) / 60000);
+        const seconds = Math.floor((remainingMs % 60000) / 1000);
+        segments = [
+            { value: pad(hours), label: 'HRS' },
+            { value: pad(minutes), label: 'MIN' },
+            { value: pad(seconds), label: 'SEC' },
+        ];
+    }
+    const containerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: tokens.spacing.xs,
+    };
+    const getSegmentStyle = (_index) => ({
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        paddingHorizontal: tokens.spacing.sm,
+        paddingVertical: tokens.spacing.xs,
+        minWidth: 48,
+        alignItems: 'center',
+        justifyContent: 'center',
+    });
+    const segmentValueStyle = {
+        fontSize: tokens.typography.sizes.xl,
+        fontWeight: tokens.typography.weights.bold,
+        fontFamily: tokens.typography.fontFamily.mono,
+        color: tokens.colors.foreground,
+    };
+    const segmentLabelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const separatorStyle = {
+        fontSize: tokens.typography.sizes.xl,
+        fontWeight: tokens.typography.weights.bold,
+        color: tokens.colors.mutedForeground,
+    };
+    return {
+        containerStyle,
+        getSegmentStyle,
+        segmentValueStyle,
+        segmentLabelStyle,
+        separatorStyle,
+        segments,
+        isComplete,
+        remainingMs,
+    };
+}
+//# sourceMappingURL=use-countdown-timer.js.map

package/dist/components/data-display/countdown-timer/use-countdown-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-countdown-timer.js","sourceRoot":"","sources":["../../../../src/components/data-display/countdown-timer/use-countdown-timer.ts"],"names":[],"mappings":"AAIA,SAAS,GAAG,CAAC,CAAS;IACpB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,MAAmB,EACnB,KAA0B;IAE1B,MAAM,EACJ,UAAU,EACV,UAAU,EACV,MAAM,GAAG,UAAU,GACpB,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CACjE,CAAC;IACF,MAAM,UAAU,GAAG,WAAW,IAAI,CAAC,CAAC;IAEpC,IAAI,QAA4B,CAAC;IAEjC,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,OAAO,CAAC,CAAC;QAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACzD,QAAQ,GAAG;YACT,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;YACnC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;YACnC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;YACrC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;SACtC,CAAC;IACJ,CAAC;SAAM,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACzD,QAAQ,GAAG;YACT,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;YACrC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;SACtC,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,WAAW;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACzD,QAAQ,GAAG;YACT,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;YACnC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;YACrC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;SACtC,CAAC;IACJ,CAAC;IAED,MAAM,cAAc,GAAqB;QACvC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACvB,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,MAAc,EAAoB,EAAE,CAAC,CAAC;QAC7D,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;QACnC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;QAC7B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG;QACxB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;QAC1C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;QAC7C,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU;KAChC,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACxB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe;QACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;KAC9C,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;QAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe;KACrC,CAAC;IAEF,OAAO;QACL,cAAc;QACd,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,cAAc;QACd,QAAQ;QACR,UAAU;QACV,WAAW;KACZ,CAAC;AACJ,CAAC"}

package/dist/components/data-display/credit-card-display/credit-card-display.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { CreditCardDisplayProps } from './types.js';
+export declare function CreditCardDisplay(props: CreditCardDisplayProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=credit-card-display.d.ts.map

package/dist/components/data-display/credit-card-display/credit-card-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit-card-display.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/credit-card-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAKjG"}

package/dist/components/data-display/credit-card-display/credit-card-display.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useCreditCardDisplay } from './use-credit-card-display.js';
+export function CreditCardDisplay(props) {
+    const { tokens } = useTheme();
+    const { containerStyle } = useCreditCardDisplay(tokens, props);
+    return createElement(View, { style: containerStyle, testID: props.testID });
+}
+//# sourceMappingURL=credit-card-display.js.map

package/dist/components/data-display/credit-card-display/credit-card-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit-card-display.js","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/credit-card-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,GAAG,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE/D,OAAO,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9E,CAAC"}

package/dist/components/data-display/credit-card-display/index.d.ts

@@ -0,0 +1,4 @@
+export { CreditCardDisplay } from './credit-card-display.js';
+export { useCreditCardDisplay } from './use-credit-card-display.js';
+export type { CreditCardDisplayProps, CardBrand, CardSize, UseCreditCardDisplayResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/credit-card-display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,sBAAsB,EAAE,SAAS,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/data-display/credit-card-display/index.js

@@ -0,0 +1,3 @@
+export { CreditCardDisplay } from './credit-card-display.js';
+export { useCreditCardDisplay } from './use-credit-card-display.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/credit-card-display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/data-display/credit-card-display/types.d.ts

@@ -0,0 +1,41 @@
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export type CardBrand = 'visa' | 'mastercard' | 'amex' | 'discover' | 'generic';
+export type CardSize = 'sm' | 'md' | 'lg';
+export interface CreditCardDisplayProps {
+    last4: string;
+    brand: CardBrand;
+    holderName?: string;
+    expiry?: string;
+    gradient?: [string, string];
+    size?: CardSize;
+    testID?: string;
+}
+export interface UseCreditCardDisplayResult {
+    containerStyle: ResolvedBoxStyle;
+    maskedNumberStyle: {
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+        letterSpacing: number;
+    };
+    holderNameStyle: {
+        fontSize: number;
+        color: string;
+        textTransform: 'uppercase';
+        fontFamily: string;
+    };
+    expiryLabelStyle: {
+        fontSize: number;
+        color: string;
+        fontFamily: string;
+    };
+    expiryValueStyle: {
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+    };
+    brandLogoSize: number;
+    gradientColors: [string, string];
+    maskedNumber: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/data-display/credit-card-display/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,cAAc,EAAE,gBAAgB,CAAC;IACjC,iBAAiB,EAAE;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,WAAW,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,gBAAgB,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,gBAAgB,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/data-display/credit-card-display/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/data-display/credit-card-display/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/types.ts"],"names":[],"mappings":""}

package/dist/components/data-display/credit-card-display/use-credit-card-display.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { CreditCardDisplayProps, UseCreditCardDisplayResult } from './types.js';
+export declare function useCreditCardDisplay(tokens: ThemeTokens, props: CreditCardDisplayProps): UseCreditCardDisplayResult;
+//# sourceMappingURL=use-credit-card-display.d.ts.map

package/dist/components/data-display/credit-card-display/use-credit-card-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-credit-card-display.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/use-credit-card-display.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,0BAA0B,EAAuB,MAAM,YAAY,CAAC;AAuB1G,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,sBAAsB,GAC5B,0BAA0B,CAiE5B"}

package/dist/components/data-display/credit-card-display/use-credit-card-display.js

@@ -0,0 +1,72 @@
+const BRAND_GRADIENTS = {
+    visa: ['#1a1f71', '#2563eb'],
+    mastercard: ['#eb001b', '#f79e1b'],
+    amex: ['#006fcf', '#00a1e4'],
+    discover: ['#ff6000', '#ff8a00'],
+    generic: ['', ''], // will be set from tokens
+};
+const SIZE_WIDTHS = {
+    sm: 240,
+    md: 320,
+    lg: 400,
+};
+const LOGO_SIZES = {
+    sm: 24,
+    md: 32,
+    lg: 40,
+};
+export function useCreditCardDisplay(tokens, props) {
+    const { last4, brand, gradient, size = 'md', } = props;
+    const sizeWidth = SIZE_WIDTHS[size];
+    const brandLogoSize = LOGO_SIZES[size];
+    let gradientColors;
+    if (gradient) {
+        gradientColors = gradient;
+    }
+    else if (brand === 'generic') {
+        gradientColors = [tokens.colors.muted, tokens.colors.card];
+    }
+    else {
+        gradientColors = BRAND_GRADIENTS[brand];
+    }
+    const containerStyle = {
+        width: sizeWidth,
+        aspectRatio: 1.586,
+        borderRadius: tokens.radii.lg,
+        overflow: 'hidden',
+    };
+    const maskedNumber = `\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${last4}`;
+    const maskedNumberStyle = {
+        fontSize: tokens.typography.sizes.lg,
+        fontFamily: tokens.typography.fontFamily.mono,
+        color: tokens.colors.primaryForeground,
+        letterSpacing: 4,
+    };
+    const holderNameStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        color: tokens.colors.primaryForeground,
+        textTransform: 'uppercase',
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const expiryLabelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: 'rgba(255,255,255,0.7)',
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const expiryValueStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        fontFamily: tokens.typography.fontFamily.mono,
+        color: tokens.colors.primaryForeground,
+    };
+    return {
+        containerStyle,
+        maskedNumberStyle,
+        holderNameStyle,
+        expiryLabelStyle,
+        expiryValueStyle,
+        brandLogoSize,
+        gradientColors,
+        maskedNumber,
+    };
+}
+//# sourceMappingURL=use-credit-card-display.js.map

package/dist/components/data-display/credit-card-display/use-credit-card-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-credit-card-display.js","sourceRoot":"","sources":["../../../../src/components/data-display/credit-card-display/use-credit-card-display.ts"],"names":[],"mappings":"AAIA,MAAM,eAAe,GAAwC;IAC3D,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,UAAU,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAClC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAChC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,0BAA0B;CAC9C,CAAC;AAEF,MAAM,WAAW,GAA6B;IAC5C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,UAAU,GAA6B;IAC3C,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAClC,MAAmB,EACnB,KAA6B;IAE7B,MAAM,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC,IAAI,cAAgC,CAAC;IACrC,IAAI,QAAQ,EAAE,CAAC;QACb,cAAc,GAAG,QAAQ,CAAC;IAC5B,CAAC;SAAM,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/B,cAAc,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;SAAM,CAAC;QACN,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,cAAc,GAAqB;QACvC,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,KAAK;QAClB,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE;QAC7B,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,YAAY,GAAG,8EAA8E,KAAK,EAAE,CAAC;IAE3G,MAAM,iBAAiB,GAAG;QACxB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;QAC7C,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,iBAAiB;QACtC,aAAa,EAAE,CAAC;KACjB,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,iBAAiB;QACtC,aAAa,EAAE,WAAoB;QACnC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;KAC9C,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,KAAK,EAAE,uBAAuB;QAC9B,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;KAC9C,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;QAC7C,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,iBAAiB;KACvC,CAAC;IAEF,OAAO;QACL,cAAc;QACd,iBAAiB;QACjB,eAAe;QACf,gBAAgB;QAChB,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,YAAY;KACb,CAAC;AACJ,CAAC"}

package/dist/components/data-display/data-table/data-table.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { DataTableProps } from './types.js';
+export declare function DataTable(props: DataTableProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-display/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAQjF"}

package/dist/components/data-display/data-table/data-table.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useDataTable } from './use-data-table.js';
+export function DataTable(props) {
+    const { tokens } = useTheme();
+    const { containerStyle, accessibilityProps } = useDataTable(tokens, props);
+    return createElement(View, { style: containerStyle, ...accessibilityProps, testID: props.testID });
+}
+//# sourceMappingURL=data-table.js.map

package/dist/components/data-display/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../../src/components/data-display/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE3E,OAAO,aAAa,CAClB,IAAW,EACX,EAAE,KAAK,EAAE,cAAqB,EAAE,GAAG,kBAAkB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAC9E,CAAC;AACJ,CAAC"}

package/dist/components/data-display/data-table/index.d.ts

@@ -0,0 +1,4 @@
+export { DataTable } from './data-table.js';
+export { useDataTable } from './use-data-table.js';
+export type { DataTableProps, TableColumn, SortDirection, UseDataTableResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/data-display/data-table/index.js

@@ -0,0 +1,3 @@
+export { DataTable } from './data-table.js';
+export { useDataTable } from './use-data-table.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}