@app-studio/components 0.10.17

package/dist/native/components/Carousel/Carousel/Carousel.view.native.js

@@ -0,0 +1,153 @@
+import React, { useMemo, useEffect, useRef } from 'react';
+import { View, Horizontal, Text } from 'app-studio';
+import { Button } from '../../Button/Button';
+import { useCarouselState } from './Carousel.state';
+import { IndicatorStyles, ActiveIndicatorStyles, NavigationButtonStyles, getDefaultCarouselStyles, } from './Carousel.style';
+import { CarouselContext, useCarouselContext } from './Carousel.context';
+export const CarouselSlide = ({ children, isActive, index, views, ...props }) => {
+    if (!isActive)
+        return null;
+    return (<View width="100%" height="100%" {...views} {...props}>
+      {children}
+    </View>);
+};
+export const CarouselPreviousComponent = ({ views, children, ...props }) => {
+    const { goToPrevious, canGoPrevious, styles: globalStyles } = useCarouselContext();
+    const defaultStyles = getDefaultCarouselStyles().prevButton;
+    const mergedStyles = {
+        ...defaultStyles,
+        ...globalStyles?.prevButton,
+        ...views?.prevButton,
+    };
+    return (<Button onClick={() => goToPrevious()} isDisabled={!canGoPrevious} {...mergedStyles} {...props}>
+      {children ?? <Text>‹</Text>}
+    </Button>);
+};
+export const CarouselNextComponent = ({ views, children, ...props }) => {
+    const { goToNext, canGoNext, styles: globalStyles } = useCarouselContext();
+    const defaultStyles = getDefaultCarouselStyles().nextButton;
+    const mergedStyles = {
+        ...defaultStyles,
+        ...globalStyles?.nextButton,
+        ...views?.nextButton,
+    };
+    return (<Button onClick={() => goToNext()} isDisabled={!canGoNext} {...mergedStyles} {...props}>
+      {children ?? <Text>›</Text>}
+    </Button>);
+};
+export const CarouselItemComponent = ({ children, views, ...props }) => {
+    const { registerSlide, unregisterSlide, styles: globalStyles } = useCarouselContext();
+    const slideIdRef = useRef(null);
+    useEffect(() => {
+        const id = registerSlide();
+        slideIdRef.current = id;
+        return () => {
+            if (slideIdRef.current !== null)
+                unregisterSlide(slideIdRef.current);
+        };
+    }, [registerSlide, unregisterSlide]);
+    const defaultStyles = getDefaultCarouselStyles().item;
+    const mergedStyles = {
+        ...defaultStyles,
+        ...globalStyles?.item,
+        ...views?.item,
+    };
+    return <View {...mergedStyles} {...props}>{children}</View>;
+};
+export const CarouselContentComponent = ({ children, views, style, ...props }) => {
+    const { currentIndex, styles: globalStyles, contentId } = useCarouselContext();
+    const defaultStyles = getDefaultCarouselStyles();
+    const mergedContentStyles = {
+        ...defaultStyles.content,
+        ...globalStyles?.content,
+        ...views?.content,
+    };
+    const mergedInnerStyles = {
+        ...defaultStyles.innerContainer,
+        ...globalStyles?.innerContainer,
+        ...views?.innerContainer,
+    };
+    const childArr = React.Children.toArray(children);
+    const activeChild = childArr[currentIndex];
+    return (<View {...mergedContentStyles} {...props}>
+      <View {...mergedInnerStyles}>{activeChild}</View>
+    </View>);
+};
+export const CarouselView = ({ children, defaultActiveIndex = 0, activeIndex: controlledActiveIndex, onChange, showNavigation = true, navigationPosition = 'inside', prevButton, nextButton, showIndicators = true, indicatorPosition = 'bottom', indicatorVariant = 'dot', autoPlay = false, autoPlayInterval = 3000, pauseOnHover = true, infinite = true, direction = 'horizontal', transitionDuration = 300, views, stepIndices, themeMode: elementMode, ...props }) => {
+    const slides = useMemo(() => React.Children.toArray(children), [children]);
+    const carouselState = useCarouselState({
+        defaultActiveIndex,
+        activeIndex: controlledActiveIndex,
+        onChange,
+        autoPlay,
+        autoPlayInterval,
+        pauseOnHover,
+        infinite,
+        totalSlides: slides.length,
+    });
+    const { activeIndex, totalSlides, goToSlide, nextSlide, prevSlide, } = carouselState;
+    const renderNavigation = () => {
+        if (!showNavigation)
+            return null;
+        const prevButtonElement = prevButton || (<View {...NavigationButtonStyles} {...views?.prevButton}>
+        <Text>‹</Text>
+      </View>);
+        const nextButtonElement = nextButton || (<View {...NavigationButtonStyles} {...views?.nextButton}>
+        <Text>›</Text>
+      </View>);
+        return (<>
+        <View position="absolute" top="50%" left={navigationPosition === 'inside' ? 10 : -40} onPress={prevSlide} onClick={prevSlide} opacity={!infinite && activeIndex === 0 ? 0.5 : 1}>
+          {prevButtonElement}
+        </View>
+        <View position="absolute" top="50%" right={navigationPosition === 'inside' ? 10 : -40} onPress={nextSlide} onClick={nextSlide} opacity={!infinite && activeIndex === slides.length - 1 ? 0.5 : 1}>
+          {nextButtonElement}
+        </View>
+      </>);
+    };
+    const renderIndicators = () => {
+        if (!showIndicators)
+            return null;
+        return (<Horizontal position="absolute" left={0} right={0} justifyContent="center" {...(indicatorPosition === 'top' ? { top: 10 } : { bottom: 10 })} {...views?.indicators}>
+        {slides.map((_, index) => (<View key={index} onPress={() => goToSlide(index)} onClick={() => goToSlide(index)} {...IndicatorStyles[indicatorVariant]} {...(index === activeIndex ? { ...ActiveIndicatorStyles[indicatorVariant] } : {})} {...views?.indicator} {...(index === activeIndex ? views?.activeIndicator : {})}>
+            {indicatorVariant === 'number' && <Text>{index + 1}</Text>}
+          </View>))}
+      </Horizontal>);
+    };
+    const hasCompoundComponents = useMemo(() => {
+        return React.Children.toArray(children).some((child) => React.isValidElement(child) &&
+            (child.type === CarouselContentComponent ||
+                child.type === CarouselItemComponent ||
+                child.type === CarouselPreviousComponent ||
+                child.type === CarouselNextComponent));
+    }, [children]);
+    if (hasCompoundComponents) {
+        return (<CarouselContext.Provider value={{
+                currentIndex: activeIndex,
+                totalSlides,
+                goToSlide,
+                goToNext: nextSlide,
+                goToPrevious: prevSlide,
+                canGoNext: carouselState.canGoNext,
+                canGoPrevious: carouselState.canGoPrevious,
+                registerSlide: carouselState.registerSlide,
+                unregisterSlide: carouselState.unregisterSlide,
+                styles: { ...getDefaultCarouselStyles(), ...views },
+                contentId: carouselState.contentId,
+                infinite,
+            }}>
+        <View position="relative" width="100%" height="100%" overflow="hidden" {...views?.container} {...props}>
+          {children}
+        </View>
+      </CarouselContext.Provider>);
+    }
+    return (<View position="relative" width="100%" height="100%" overflow="hidden" {...views?.container} {...props}>
+      <View width="100%" height="100%" position="relative" {...views?.slideWrapper}>
+        {slides.map((slide, index) => (<CarouselSlide key={index} isActive={index === activeIndex} index={index} views={views?.slide}>
+            {slide}
+          </CarouselSlide>))}
+      </View>
+      {renderNavigation()}
+      {renderIndicators()}
+    </View>);
+};
+//# sourceMappingURL=Carousel.view.native.js.map

package/dist/native/components/Carousel/Carousel/Carousel.view.native.js.map

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

package/dist/native/components/Carousel/Carousel.d.ts

@@ -0,0 +1,2 @@
+import { CarouselType } from './Carousel/Carousel.props';
+export declare const Carousel: CarouselType;

package/dist/native/components/Carousel/Carousel.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CarouselView, CarouselSlide, CarouselContentComponent, CarouselItemComponent, CarouselPreviousComponent, CarouselNextComponent, } from './Carousel/Carousel.view';
+// This file defines the main Carousel compound component, which acts as the primary interface and assembler for its associated sub-components such as Slide, Content, Item, Previous, and Next.
+const CarouselComponent = (props) => {
+    return <CarouselView {...props}/>;
+};
+export const Carousel = CarouselComponent;
+Carousel.Slide = CarouselSlide;
+Carousel.Content = CarouselContentComponent;
+Carousel.Item = CarouselItemComponent;
+Carousel.Previous = CarouselPreviousComponent;
+Carousel.Next = CarouselNextComponent;
+//# sourceMappingURL=Carousel.js.map

package/dist/native/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAClC,gMAAgM;AAChM,MAAM,iBAAiB,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrC,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiC,CAAC;AAC1D,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC;AAC/B,QAAQ,CAAC,OAAO,GAAG,wBAAwB,CAAC;AAC5C,QAAQ,CAAC,IAAI,GAAG,qBAAqB,CAAC;AACtC,QAAQ,CAAC,QAAQ,GAAG,yBAAyB,CAAC;AAC9C,QAAQ,CAAC,IAAI,GAAG,qBAAqB,CAAC"}

package/dist/native/components/Chart/Chart/BarChart.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChartData } from './Chart.type';
+interface BarChartProps {
+    data: ChartData;
+    width: number;
+    height: number;
+    animationProgress: number;
+    showGrid?: boolean;
+    onBarClick?: (seriesName: string, index: number) => void;
+    showTooltip: (x: number, y: number, content: React.ReactNode) => void;
+    hideTooltip: () => void;
+    views?: any;
+}
+export declare const BarChart: React.FC<BarChartProps>;
+export {};

package/dist/native/components/Chart/Chart/BarChart.js

@@ -0,0 +1,144 @@
+import React, { useMemo } from 'react';
+import { View, useTheme } from 'app-studio';
+import { Text } from 'app-studio';
+import { BarStyles, AxisStyles, AxisLabelStyles, GridStyles, } from './Chart.style';
+// The BarChart functional component, responsible for rendering a bar chart using SVG elements.
+export const BarChart = ({ data, width, height, animationProgress, showGrid = true, onBarClick, showTooltip, hideTooltip, views, }) => {
+    // Hook to access theme-related utilities, specifically a function to retrieve colors.
+    const { getColor } = useTheme();
+    // Defines the internal padding for the chart area within the SVG canvas.
+    const padding = { top: 20, right: 20, bottom: 40, left: 50 };
+    // Calculates the effective width available for drawing the chart bars and axes, considering padding.
+    const chartWidth = width - padding.left - padding.right;
+    // Calculates the effective height available for drawing the chart bars and axes, considering padding.
+    const chartHeight = height - padding.top - padding.bottom;
+    // Memoized calculation of the maximum data value across all series, used for Y-axis scaling.
+    const maxValue = useMemo(() => {
+        let max = 0;
+        data.series.forEach((series) => {
+            series.data.forEach((value) => {
+                max = Math.max(max, value);
+            });
+        });
+        return max;
+    }, [data]);
+    // Determines the total number of categories (bar groups) based on the provided labels.
+    const barCount = data.labels.length;
+    // Determines the total number of data series to be displayed in the chart.
+    const seriesCount = data.series.length;
+    // Calculates the width allocated for each group of bars (one for each label on the X-axis).
+    const groupWidth = chartWidth / barCount;
+    // Calculates the width of an individual bar within a bar group.
+    const barWidth = (groupWidth * 0.8) / seriesCount;
+    // Calculates the spacing between individual bars within a single bar group.
+    const barSpacing = (groupWidth * 0.2) / (seriesCount + 1);
+    // Ensures the maximum value for scaling is at least 10, preventing issues with zero or very small data ranges.
+    const effectiveMaxValue = maxValue || 10;
+    // Memoized calculation of the values for Y-axis tick marks.
+    const yAxisTicks = useMemo(() => {
+        const tickCount = 5;
+        const ticks = [];
+        for (let i = 0; i <= tickCount; i++) {
+            const value = (effectiveMaxValue / tickCount) * i;
+            ticks.push(value);
+        }
+        return ticks;
+    }, [maxValue]);
+    return (<svg width={width} height={height}>
+      <defs>
+        {data.series.map((series, index) => {
+            const color = series.color ? getColor(series.color) : 'black';
+            return (<linearGradient key={`bar-gradient-${index}`} id={`bar-gradient-${index}`} x1="0%" y1="0%" x2="0%" y2="100%">
+              <stop offset="0%" stopColor={color} stopOpacity={1}/>
+              <stop offset="100%" stopColor={color} stopOpacity={0.7}/>
+            </linearGradient>);
+        })}
+      </defs>
+      
+      <line x1={padding.left} y1={height - padding.bottom} x2={width - padding.right} y2={height - padding.bottom} {...AxisStyles} {...views?.axis}/>
+      
+      <line x1={padding.left} y1={padding.top} x2={padding.left} y2={height - padding.bottom} {...AxisStyles} {...views?.axis}/>
+      
+      {data.labels.map((label, index) => {
+            const x = padding.left + (index + 0.5) * groupWidth;
+            const y = height - padding.bottom + 20;
+            return (<text key={`x-label-${index}`} x={x} y={y} textAnchor="middle" {...AxisLabelStyles} {...views?.axisLabel}>
+            {label}
+          </text>);
+        })}
+      
+      {yAxisTicks.map((tick, index) => {
+            const y = height - padding.bottom - (tick / effectiveMaxValue) * chartHeight;
+            return (<React.Fragment key={`y-tick-${index}`}>
+            <text x={padding.left - 10} y={y} textAnchor="end" dominantBaseline="middle" {...AxisLabelStyles} {...views?.axisLabel}>
+              {tick.toFixed(0)}
+            </text>
+            {showGrid && (<line x1={padding.left} y1={y} x2={width - padding.right} y2={y} {...GridStyles} {...views?.grid}/>)}
+          </React.Fragment>);
+        })}
+      
+      {data.series.map((series, seriesIndex) => {
+            if (series.hidden)
+                return null;
+            return (<React.Fragment key={`series-${seriesIndex}`}>
+            {series.data.map((value, dataIndex) => {
+                    const barHeight = (value / effectiveMaxValue) * chartHeight * animationProgress;
+                    const x = padding.left +
+                        dataIndex * groupWidth +
+                        barSpacing * (seriesIndex + 1) +
+                        barWidth * seriesIndex;
+                    const y = height - padding.bottom - barHeight;
+                    const categoryLabel = data.labels[dataIndex];
+                    const categoryTotal = data.series.reduce((sum, currentSeries) => {
+                        const seriesValue = currentSeries.data[dataIndex];
+                        return (sum + (typeof seriesValue === 'number' ? seriesValue : 0));
+                    }, 0);
+                    const sharePercentage = categoryTotal > 0
+                        ? ((value / categoryTotal) * 100).toFixed(1)
+                        : null;
+                    const fillColor = series.color ? getColor(series.color) : 'black';
+                    const handleMouseMove = (e) => {
+                        const tooltipContent = (<View display="flex" flexDirection="column" minWidth="180px">
+                    <View display="flex" justifyContent="space-between" alignItems="center">
+                      <Text fontWeight="semibold">{series.name}</Text>
+                      <View width="12px" height="12px" borderRadius="2px" backgroundColor={fillColor}/>
+                    </View>
+                    <Text marginTop="4px" color="color-gray-500" fontSize="12px">
+                      {categoryLabel}
+                    </Text>
+                    <View marginTop="8px" display="flex" flexDirection="column">
+                      <View display="flex" justifyContent="space-between">
+                        <Text color="color-gray-500">Value</Text>
+                        <Text fontWeight="medium">
+                          {value.toLocaleString()}
+                        </Text>
+                      </View>
+                      {sharePercentage !== null && (<View marginTop="4px" display="flex" justifyContent="space-between">
+                          <Text color="color-gray-500">Share</Text>
+                          <Text fontWeight="medium">{`${sharePercentage}%`}</Text>
+                        </View>)}
+                      <View marginTop="4px" display="flex" justifyContent="space-between">
+                        <Text color="color-gray-500">Category total</Text>
+                        <Text fontWeight="medium">
+                          {categoryTotal.toLocaleString()}
+                        </Text>
+                      </View>
+                    </View>
+                  </View>);
+                        const rect = e.currentTarget.getBoundingClientRect();
+                        const screenX = rect.left + rect.width / 2;
+                        const screenY = rect.top;
+                        showTooltip(screenX, screenY, tooltipContent);
+                    };
+                    const handleClick = () => {
+                        if (onBarClick) {
+                            onBarClick(series.name, dataIndex);
+                        }
+                    };
+                    return (<rect key={`bar-${seriesIndex}-${dataIndex}`} x={x} y={y} width={barWidth} height={barHeight} fill={`url(#bar-gradient-${seriesIndex})`} onMouseEnter={handleMouseMove} onMouseMove={handleMouseMove} onMouseLeave={hideTooltip} onClick={handleClick} {...BarStyles} {...views?.bar}/>);
+                })}
+          </React.Fragment>);
+        })}
+    </svg>);
+};
+//# sourceMappingURL=BarChart.js.map

package/dist/native/components/Chart/Chart/BarChart.js.map

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

package/dist/native/components/Chart/Chart/Chart.props.d.ts

@@ -0,0 +1,28 @@
+import { ViewProps } from 'app-studio';
+import { ChartType, ChartData, ChartDataPoint, ChartStyles } from './Chart.type';
+export interface ChartProps extends Omit<ViewProps, 'animationDuration'> {
+    type: ChartType;
+    data?: ChartData;
+    dataPoints?: ChartDataPoint[];
+    title?: string;
+    showLegend?: boolean;
+    legendPosition?: 'top' | 'right' | 'bottom' | 'left';
+    showGrid?: boolean;
+    showTooltips?: boolean;
+    animated?: boolean;
+    animationDuration?: number;
+    responsive?: boolean;
+    aspectRatio?: number;
+    width?: number | string;
+    height?: number | string;
+    views?: ChartStyles;
+    onDataPointClick?: (dataPoint: ChartDataPoint | null, index: number) => void;
+    onSeriesClick?: (seriesName: string, index: number) => void;
+    isLoading?: boolean;
+    error?: React.ReactNode;
+    noData?: boolean | React.ReactNode;
+    loadingIndicator?: React.ReactNode;
+    errorIndicator?: React.ReactNode;
+    noDataIndicator?: React.ReactNode;
+    'aria-label'?: string;
+}

package/dist/native/components/Chart/Chart/Chart.props.js

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

package/dist/native/components/Chart/Chart/Chart.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.props.js","sourceRoot":"","sources":["../../../../../src/components/Chart/Chart/Chart.props.ts"],"names":[],"mappings":""}

package/dist/native/components/Chart/Chart/Chart.state.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { ChartData, ChartDataPoint } from './Chart.type';
+export interface ChartStateProps {
+    data?: ChartData;
+    dataPoints?: ChartDataPoint[];
+    animated?: boolean;
+    animationDuration?: number;
+    showTooltips?: boolean;
+}
+export declare const useChartState: ({ data, dataPoints, animated, animationDuration, showTooltips, }: ChartStateProps) => {
+    animationProgress: number;
+    tooltip: {
+        visible: boolean;
+        x: number;
+        y: number;
+        content: ReactNode;
+    };
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
+    processedData: () => {
+        color: string;
+        hidden: boolean;
+        label: string;
+        value: number;
+    }[] | {
+        series: {
+            color: string;
+            hidden: boolean;
+            name: string;
+            data: number[];
+        }[];
+        labels: string[];
+    } | null;
+    showTooltip: (x: number, y: number, content: ReactNode) => void;
+    hideTooltip: () => void;
+    getChartDimensions: () => {
+        width: number;
+        height: number;
+    };
+    toggleSeries: (seriesName: string) => void;
+};

package/dist/native/components/Chart/Chart/Chart.state.js

@@ -0,0 +1,102 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { DEFAULT_COLORS } from './Chart.style';
+// This file defines the `ChartStateProps` interface and implements the `useChartState` custom hook. This hook centralizes all state management and derived logic for the Chart component, including animation progress, tooltip visibility and positioning, data processing, and user interaction handlers for series toggling, offering a comprehensive and reusable state layer.
+export const useChartState = ({ data, dataPoints, animated = true, animationDuration = 500, showTooltips = true, }) => {
+    const [animationProgress, setAnimationProgress] = useState(animated ? 0 : 1);
+    const [tooltip, setTooltip] = useState({
+        visible: false,
+        x: 0,
+        y: 0,
+        content: null,
+    });
+    const animationRef = useRef(null);
+    const containerRef = useRef(null);
+    useEffect(() => {
+        if (!animated) {
+            setAnimationProgress(1);
+            return;
+        }
+        const startTime = Date.now();
+        const animate = () => {
+            const elapsed = Date.now() - startTime;
+            const progress = Math.min(elapsed / animationDuration, 1);
+            setAnimationProgress(progress);
+            if (progress < 1) {
+                animationRef.current = requestAnimationFrame(animate);
+            }
+        };
+        animationRef.current = requestAnimationFrame(animate);
+        return () => {
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+            }
+        };
+    }, [animated, animationDuration]);
+    const [hiddenSeries, setHiddenSeries] = useState(new Set());
+    const toggleSeries = useCallback((seriesName) => {
+        setHiddenSeries((prev) => {
+            const next = new Set(prev);
+            if (next.has(seriesName)) {
+                next.delete(seriesName);
+            }
+            else {
+                next.add(seriesName);
+            }
+            return next;
+        });
+    }, []);
+    const processedData = useCallback(() => {
+        if (data) {
+            return {
+                ...data,
+                series: data.series.map((series, index) => ({
+                    ...series,
+                    color: series.color || DEFAULT_COLORS[index % DEFAULT_COLORS.length],
+                    hidden: hiddenSeries.has(series.name),
+                })),
+            };
+        }
+        if (dataPoints) {
+            return dataPoints.map((point, index) => ({
+                ...point,
+                color: point.color || DEFAULT_COLORS[index % DEFAULT_COLORS.length],
+                hidden: hiddenSeries.has(point.label),
+            }));
+        }
+        return null;
+    }, [data, dataPoints, hiddenSeries]);
+    const showTooltip = useCallback((x, y, content) => {
+        if (!showTooltips)
+            return;
+        setTooltip({
+            visible: true,
+            x,
+            y,
+            content,
+        });
+    }, [showTooltips]);
+    const hideTooltip = useCallback(() => {
+        setTooltip((prev) => ({
+            ...prev,
+            visible: false,
+        }));
+    }, []);
+    const getChartDimensions = useCallback(() => {
+        if (!containerRef.current) {
+            return { width: 0, height: 0 };
+        }
+        const { width, height } = containerRef.current.getBoundingClientRect();
+        return { width, height };
+    }, []);
+    return {
+        animationProgress,
+        tooltip,
+        containerRef,
+        processedData,
+        showTooltip,
+        hideTooltip,
+        getChartDimensions,
+        toggleSeries,
+    };
+};
+//# sourceMappingURL=Chart.state.js.map

package/dist/native/components/Chart/Chart/Chart.state.js.map

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

package/dist/native/components/Chart/Chart/Chart.style.d.ts

@@ -0,0 +1,20 @@
+import { ViewProps } from 'app-studio';
+export declare const DEFAULT_COLORS: string[];
+export declare const ChartContainerStyles: ViewProps;
+export declare const ChartTitleStyles: ViewProps;
+export declare const ChartLegendStyles: ViewProps;
+export declare const LegendItemStyles: ViewProps;
+export declare const LegendColorStyles: ViewProps;
+export declare const LegendTextStyles: ViewProps;
+export declare const TooltipStyles: ViewProps;
+export declare const GridStyles: ViewProps;
+export declare const AxisStyles: ViewProps;
+export declare const AxisLabelStyles: ViewProps;
+export declare const BarStyles: ViewProps;
+export declare const LineStyles: ViewProps;
+export declare const PointStyles: ViewProps;
+export declare const PieSliceStyles: ViewProps;
+export declare const OverlayBaseStyles: ViewProps;
+export declare const LoadingOverlayStyles: ViewProps;
+export declare const ErrorOverlayStyles: ViewProps;
+export declare const NoDataOverlayStyles: ViewProps;