@kala-ui/react 0.0.1-beta.1

package/dist/src/components/charts/bar-chart.js

@@ -0,0 +1,146 @@
+/**
+ * Bar Chart Component
+ * Vertical and horizontal bar charts for comparing values across categories
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../../lib/utils";
+import { Chart } from "./chart";
+import { getDefaultChartOptions } from "./utils";
+import { useThemeAwareChart } from "./use-theme-aware-chart";
+export function BarChart({ series, categories, colors, height = 350, width = "100%", className, title, subtitle, toolbar = false, animations = true, horizontal = false, stacked = false, dataLabels = false, barWidth = 70, options: customOptions, }) {
+    const { colors: themeColors } = useThemeAwareChart();
+    const chartOptions = useMemo(() => {
+        const baseOptions = getDefaultChartOptions();
+        // Use theme-aware colors if not provided
+        const chartColors = colors || themeColors.mixed;
+        const options = {
+            ...baseOptions,
+            chart: {
+                ...baseOptions.chart,
+                type: "bar",
+                stacked,
+                toolbar: {
+                    show: toolbar,
+                    tools: {
+                        download: true,
+                        selection: true,
+                        zoom: true,
+                        zoomin: true,
+                        zoomout: true,
+                        pan: true,
+                        reset: true,
+                    },
+                },
+                animations: {
+                    enabled: animations,
+                    speed: 800,
+                },
+            },
+            colors: chartColors,
+            plotOptions: {
+                bar: {
+                    horizontal,
+                    borderRadius: 4,
+                    columnWidth: `${barWidth}%`,
+                    barHeight: `${barWidth}%`,
+                    dataLabels: {
+                        position: horizontal ? "top" : "center",
+                    },
+                },
+            },
+            dataLabels: {
+                enabled: dataLabels,
+                style: {
+                    fontSize: "12px",
+                    colors: ["hsl(var(--foreground))"],
+                },
+            },
+            stroke: {
+                show: true,
+                width: 1,
+                colors: ["transparent"],
+            },
+            xaxis: {
+                categories,
+                labels: {
+                    style: {
+                        colors: "hsl(var(--muted-foreground))",
+                        fontSize: "12px",
+                    },
+                },
+                axisBorder: {
+                    color: "hsl(var(--border))",
+                },
+                axisTicks: {
+                    color: "hsl(var(--border))",
+                },
+            },
+            yaxis: {
+                labels: {
+                    style: {
+                        colors: "hsl(var(--muted-foreground))",
+                        fontSize: "12px",
+                    },
+                    formatter: (value) => value.toLocaleString(),
+                },
+            },
+            grid: {
+                borderColor: "hsl(var(--border))",
+                strokeDashArray: 3,
+            },
+            tooltip: {
+                theme: document.documentElement.classList.contains("dark")
+                    ? "dark"
+                    : "light",
+                y: {
+                    formatter: (value) => value.toLocaleString(),
+                },
+            },
+            legend: {
+                position: "top",
+                horizontalAlign: "right",
+                labels: {
+                    colors: "hsl(var(--foreground))",
+                },
+            },
+            ...(title && {
+                title: {
+                    text: title,
+                    style: {
+                        fontSize: "16px",
+                        fontWeight: "600",
+                        color: "hsl(var(--foreground))",
+                    },
+                },
+            }),
+            ...(subtitle && {
+                subtitle: {
+                    text: subtitle,
+                    style: {
+                        fontSize: "12px",
+                        color: "hsl(var(--muted-foreground))",
+                    },
+                },
+            }),
+            ...customOptions,
+        };
+        return options;
+    }, [
+        colors,
+        themeColors,
+        categories,
+        horizontal,
+        stacked,
+        dataLabels,
+        barWidth,
+        toolbar,
+        animations,
+        title,
+        subtitle,
+        customOptions,
+    ]);
+    return (_jsx(Chart, { className: cn("w-full", className), options: chartOptions, series: series, type: "bar", height: height, width: width }));
+}
+//# sourceMappingURL=bar-chart.js.map

package/dist/src/components/charts/bar-chart.js.map

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

package/dist/src/components/charts/chart-skeleton.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Chart Skeleton Component
+ * Provides a loading placeholder that matches chart components structure
+ * including chart area, legend, and optional table below
+ */
+export interface ChartSkeletonProps {
+    /**
+     * Height of the chart area (default: 350)
+     */
+    height?: number;
+    /**
+     * Show legend skeleton (default: true)
+     */
+    showLegend?: boolean;
+    /**
+     * Number of legend items to show (default: 4)
+     */
+    legendCount?: number;
+    /**
+     * Show table skeleton below chart
+     */
+    showTable?: boolean;
+    /**
+     * Number of table rows to show (default: 5)
+     */
+    tableRows?: number;
+    /**
+     * Number of table columns to show (default: 3)
+     */
+    tableColumns?: number;
+    /**
+     * Custom CSS class
+     */
+    className?: string;
+}
+export declare function ChartSkeleton({ height, showLegend, legendCount, showTable, tableRows, tableColumns, className, }: ChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-skeleton.d.ts.map

package/dist/src/components/charts/chart-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/chart-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,MAAM,WAAW,kBAAkB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC7B,MAAY,EACZ,UAAiB,EACjB,WAAe,EACf,SAAiB,EACjB,SAAa,EACb,YAAgB,EAChB,SAAS,GACT,EAAE,kBAAkB,2CAsDpB"}

package/dist/src/components/charts/chart-skeleton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Chart Skeleton Component
+ * Provides a loading placeholder that matches chart components structure
+ * including chart area, legend, and optional table below
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../table";
+export function ChartSkeleton({ height = 350, showLegend = true, legendCount = 4, showTable = false, tableRows = 5, tableColumns = 3, className, }) {
+    return (_jsxs("div", { className: cn("w-full space-y-4", className), children: [_jsx("div", { className: "w-full rounded-lg border bg-card theme-card", style: { height: `${height}px` }, children: _jsx("div", { className: "flex items-center justify-center h-full", children: _jsx(Skeleton, { className: "h-full w-full" }) }) }), showLegend && (_jsx("div", { className: "flex gap-4 justify-center mt-4", children: Array.from({ length: legendCount }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3 w-3 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-16" })] }, `legend-${i}`))) })), showTable && (_jsx("div", { className: "mt-6", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: Array.from({ length: tableColumns }).map((_, index) => (_jsx(TableHead, { children: _jsx(Skeleton, { className: "h-4 w-24" }) }, `header-${index}`))) }) }), _jsx(TableBody, { children: Array.from({ length: tableRows }).map((_, rowIndex) => (_jsx(TableRow, { className: "border-0", children: Array.from({ length: tableColumns }).map((_, colIndex) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-20" }) }, `cell-${rowIndex}-${colIndex}`))) }, `row-${rowIndex}`))) })] }) }))] }));
+}
+//# sourceMappingURL=chart-skeleton.js.map

package/dist/src/components/charts/chart-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-skeleton.js","sourceRoot":"","sources":["../../../../src/components/charts/chart-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,GACR,MAAM,UAAU,CAAC;AAiClB,MAAM,UAAU,aAAa,CAAC,EAC7B,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,CAAC,EACf,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,CAAC,EACb,YAAY,GAAG,CAAC,EAChB,SAAS,GACW;IACpB,OAAO,CACN,eAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAEhD,cACC,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,YAEhC,cAAK,SAAS,EAAC,yCAAyC,YACvD,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,GACjC,GACD,EAGL,UAAU,IAAI,CACd,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClD,eAAyB,SAAS,EAAC,yBAAyB,aAC3D,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,GAAG,EAC7C,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,KAFxB,UAAU,CAAC,EAAE,CAGjB,CACN,CAAC,GACG,CACN,EAGA,SAAS,IAAI,CACb,cAAK,SAAS,EAAC,MAAM,YACpB,MAAC,KAAK,eACL,KAAC,WAAW,cACX,KAAC,QAAQ,cACP,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,KAAC,SAAS,cACT,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IADlB,UAAU,KAAK,EAAE,CAErB,CACZ,CAAC,GACQ,GACE,EACd,KAAC,SAAS,cACR,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CACvD,KAAC,QAAQ,IAAyB,SAAS,EAAC,UAAU,YACpD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC1D,KAAC,SAAS,cACT,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IADlB,QAAQ,QAAQ,IAAI,QAAQ,EAAE,CAElC,CACZ,CAAC,IALY,OAAO,QAAQ,EAAE,CAMrB,CACX,CAAC,GACS,IACL,GACH,CACN,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/charts/chart.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Base Chart Component
+ * React component for ApexCharts
+ */
+import type { Props } from "react-apexcharts";
+import type { ChartSkeletonConfig } from "./chart.types";
+export interface ChartProps extends Props {
+    className?: string;
+    isLoading?: boolean;
+    skeletonConfig?: ChartSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+/**
+ * Base Chart Component - use this as the foundation for all charts
+ * Provides consistent styling
+ */
+export declare function Chart({ className, isLoading, skeletonConfig, skeleton, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
+export { ChartSkeleton } from "./chart-skeleton";
+//# sourceMappingURL=chart.d.ts.map

package/dist/src/components/charts/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/chart.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,KAAK;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACrB,SAAS,EACT,SAAS,EACT,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,UAAU,2CAcZ;AAGD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/charts/chart.js

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import ReactApexChart from "react-apexcharts";
+import { cn } from "../../lib/utils";
+import { ChartSkeleton } from "./chart-skeleton";
+/**
+ * Base Chart Component - use this as the foundation for all charts
+ * Provides consistent styling
+ */
+export function Chart({ className, isLoading, skeletonConfig, skeleton, ...props }) {
+    // Render skeleton if loading
+    if (isLoading) {
+        if (skeleton) {
+            return _jsx(_Fragment, { children: skeleton });
+        }
+        return _jsx(ChartSkeleton, { ...(skeletonConfig || {}), className: className });
+    }
+    return (_jsx("div", { className: cn("w-full", className), children: _jsx(ReactApexChart, { ...props }) }));
+}
+// Re-export ChartSkeleton for direct use
+export { ChartSkeleton } from "./chart-skeleton";
+//# sourceMappingURL=chart.js.map

package/dist/src/components/charts/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/components/charts/chart.tsx"],"names":[],"mappings":";AAMA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUjD;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EACrB,SAAS,EACT,SAAS,EACT,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,6BAA6B;IAC7B,IAAI,SAAS,EAAE,CAAC;QACf,IAAI,QAAQ,EAAE,CAAC;YACd,OAAO,4BAAG,QAAQ,GAAI,CAAC;QACxB,CAAC;QACD,OAAO,KAAC,aAAa,OAAK,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IAC5E,CAAC;IAED,OAAO,CACN,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YACtC,KAAC,cAAc,OAAK,KAAK,GAAI,GACxB,CACN,CAAC;AACH,CAAC;AAED,yCAAyC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/charts/chart.stories.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Chart Component Stories
+ * Based on Doar React ApexCharts examples
+ * @see https://doar-react-components.netlify.app/?path=/docs/charts-apexcharts--bar-chart
+ */
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Bar Chart Component - Vertical bars for comparing categories
+ */
+export declare const BarChart: Story;
+/**
+ * Stacked bar chart with multiple series
+ */
+export declare const StackedChart: Story;
+/**
+ * Line Chart Component - Clean lines for trends
+ */
+export declare const LineChart: Story;
+/**
+ * Area chart with gradient fill
+ */
+export declare const AreaChartStory: Story;
+/**
+ * Area chart with reference line for thresholds
+ */
+export declare const Thresholds: Story;
+/**
+ * Donut & Pie Chart Component - Proportional data visualization
+ */
+export declare const DonutChart: Story;
+/**
+ * Radial Bar Chart Component - Progress and completion rates
+ */
+export declare const RadialChart: Story;
+/**
+ * Multiple chart types in one view
+ */
+export declare const MixedCharts: Story;
+/**
+ * Dark theme demonstration
+ */
+export declare const DarkTheme: Story;
+/**
+ * Small charts in cards - Dashboard style
+ * Inspired by Doar React dashboard components
+ */
+export declare const CardCharts: Story;
+//# sourceMappingURL=chart.stories.d.ts.map

package/dist/src/components/charts/chart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/chart.stories.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYvD,QAAA,MAAM,IAAI;;;;;;;;;;;CAYoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA+E1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkIzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAmEvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA4IxB,CAAC"}