@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,111 @@
+/**
+ * Radial Bar Chart Component
+ * Circular progress bars for showing percentages and completion rates
+ */
+"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 RadialBarChart({ series, labels, colors, height = 350, width = "100%", className, title, subtitle, animations = true, dataLabels = true, hollowSize = "50%", 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: "radialBar",
+                animations: {
+                    enabled: animations,
+                    speed: 800,
+                },
+            },
+            colors: chartColors,
+            plotOptions: {
+                radialBar: {
+                    hollow: {
+                        size: hollowSize,
+                    },
+                    track: {
+                        background: "hsl(var(--muted))",
+                        strokeWidth: "100%",
+                    },
+                    dataLabels: {
+                        show: dataLabels,
+                        name: {
+                            fontSize: "14px",
+                            color: "hsl(var(--muted-foreground))",
+                            offsetY: -10,
+                        },
+                        value: {
+                            fontSize: "24px",
+                            fontWeight: 700,
+                            color: "hsl(var(--foreground))",
+                            offsetY: 5,
+                            formatter: (value) => `${value}%`,
+                        },
+                        total: {
+                            show: series.length > 1,
+                            label: "Total",
+                            fontSize: "14px",
+                            color: "hsl(var(--muted-foreground))",
+                            formatter: (w) => {
+                                const total = w.globals.series.reduce((a, b) => a + b, 0) /
+                                    w.globals.series.length;
+                                return `${Math.round(total)}%`;
+                            },
+                        },
+                    },
+                },
+            },
+            labels,
+            legend: {
+                show: series.length > 1,
+                position: "bottom",
+                horizontalAlign: "center",
+                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,
+        series,
+        labels,
+        dataLabels,
+        hollowSize,
+        animations,
+        title,
+        subtitle,
+        customOptions,
+    ]);
+    return (_jsx(Chart, { className: cn("w-full", className), options: chartOptions, series: series, type: "radialBar", height: height, width: width }));
+}
+//# sourceMappingURL=radial-bar-chart.js.map

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

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

package/dist/src/components/charts/theme-utils.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Chart Theme Utilities
+ * Theme-aware color system for charts that respects light/dark mode
+ */
+/**
+ * Chart color palette type
+ */
+export type ColorPalette = string[];
+/**
+ * Color scheme configuration for different themes
+ */
+export interface ThemeColorScheme {
+    primary: ColorPalette;
+    success: ColorPalette;
+    warning: ColorPalette;
+    destructive: ColorPalette;
+    info: ColorPalette;
+    mixed: ColorPalette;
+    grid: string;
+    axisLabels: string;
+    tooltipBg: string;
+    tooltipText: string;
+}
+/**
+ * Get theme-aware chart colors
+ * @param theme - Optional theme override, otherwise detects from DOM
+ * @returns Color palette for current theme
+ */
+export declare function getChartColors(theme?: "light" | "dark" | "neutral" | "accent"): ThemeColorScheme;
+/**
+ * Get default chart options with theme-aware colors
+ * @param theme - Optional theme override
+ */
+export declare function getThemeAwareChartOptions(theme?: "light" | "dark" | "neutral" | "accent"): {
+    grid: {
+        borderColor: string;
+        strokeDashArray: number;
+        xaxis: {
+            lines: {
+                show: boolean;
+            };
+        };
+    };
+    tooltip: {
+        theme: string;
+    };
+    legend: {
+        labels: {
+            colors: string;
+        };
+    };
+};
+/**
+ * Create a theme-aware chart instance
+ * Use this to get colors that will update when theme changes
+ */
+export declare function createThemeAwareChart(): {
+    /**
+     * Get current colors
+     */
+    getColors: () => ThemeColorScheme;
+    /**
+     * Update colors based on current theme
+     */
+    updateColors: () => boolean;
+    /**
+     * Get current theme
+     */
+    getTheme: () => "light" | "dark" | "neutral" | "accent";
+};
+//# sourceMappingURL=theme-utils.d.ts.map

package/dist/src/components/charts/theme-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-utils.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/theme-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,WAAW,EAAE,YAAY,CAAC;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACpB;AA0GD;;;;GAIG;AACH,wBAAgB,cAAc,CAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAC7C,gBAAgB,CAElB;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACxC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ;;;;;;;;;;;;;;;;;;EAuB/C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB;IAKnC;;OAEG;;IAGH;;OAEG;;IAWH;;OAEG;;EAGJ"}

package/dist/src/components/charts/theme-utils.js

@@ -0,0 +1,166 @@
+/**
+ * Chart Theme Utilities
+ * Theme-aware color system for charts that respects light/dark mode
+ */
+/**
+ * Light theme color palette
+ * Matches CSS variables in globals.css for :root
+ */
+const lightTheme = {
+    primary: ["#3b82f6", "#60a5fa", "#93c5fd", "#bfdbfe"],
+    success: ["#10b981", "#34d399", "#6ee7b7", "#a7f3d0"],
+    warning: ["#f59e0b", "#fbbf24", "#fcd34d", "#fde68a"],
+    destructive: ["#ef4444", "#f87171", "#fca5a5", "#fecaca"],
+    info: ["#0ea5e9", "#38bdf8", "#7dd3fc", "#bae6fd"],
+    mixed: ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#ec4899"],
+    grid: "#e5e7eb", // hsl(211 27% 81%)
+    axisLabels: "#6b7280", // hsl(215.4 16.3% 46.9%)
+    tooltipBg: "#ffffff",
+    tooltipText: "#171717",
+};
+/**
+ * Dark theme color palette
+ * Matches CSS variables in globals.css for .dark
+ */
+const darkTheme = {
+    primary: ["#60a5fa", "#3b82f6", "#2563eb", "#1d4ed8"],
+    success: ["#34d399", "#10b981", "#059669", "#047857"],
+    warning: ["#fbbf24", "#f59e0b", "#d97706", "#b45309"],
+    destructive: ["#f87171", "#ef4444", "#dc2626", "#b91c1c"],
+    info: ["#38bdf8", "#0ea5e9", "#0284c7", "#0369a1"],
+    mixed: ["#60a5fa", "#34d399", "#fbbf24", "#f87171", "#a78bfa", "#f472b6"],
+    grid: "#374151", // hsl(221 32% 43%) with alpha
+    axisLabels: "#a1a1aa", // hsl(215 20.2% 65.1%)
+    tooltipBg: "#1e293b",
+    tooltipText: "#fafafa",
+};
+/**
+ * Neutral theme color palette
+ * Matches CSS variables in globals.css for .neutral
+ */
+const neutralTheme = {
+    primary: ["#171717", "#262626", "#404040", "#525252"],
+    success: ["#22c55e", "#16a34a", "#15803d", "#166534"],
+    warning: ["#f59e0b", "#d97706", "#b45309", "#92400e"],
+    destructive: ["#ef4444", "#dc2626", "#b91c1c", "#991b1b"],
+    info: ["#3b82f6", "#2563eb", "#1d4ed8", "#1e40af"],
+    mixed: ["#171717", "#22c55e", "#f59e0b", "#ef4444", "#7c3aed", "#db2777"],
+    grid: "#e5e5e5",
+    axisLabels: "#737373",
+    tooltipBg: "#ffffff",
+    tooltipText: "#171717",
+};
+/**
+ * Accent theme color palette (light theme with accent styling)
+ * Matches CSS variables in globals.css for .accent
+ */
+const accentTheme = {
+    primary: ["#3b82f6", "#60a5fa", "#93c5fd", "#bfdbfe"],
+    success: ["#10b981", "#34d399", "#6ee7b7", "#a7f3d0"],
+    warning: ["#f59e0b", "#fbbf24", "#fcd34d", "#fde68a"],
+    destructive: ["#ef4444", "#f87171", "#fca5a5", "#fecaca"],
+    info: ["#0ea5e9", "#38bdf8", "#7dd3fc", "#bae6fd"],
+    mixed: ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#ec4899"],
+    grid: "#e5e7eb",
+    axisLabels: "#737373",
+    tooltipBg: "#ffffff",
+    tooltipText: "#171717",
+};
+/**
+ * Get current theme from DOM
+ */
+function getCurrentTheme() {
+    if (document.documentElement.classList.contains("dark")) {
+        return document.documentElement.classList.contains("accent")
+            ? "accent"
+            : "dark";
+    }
+    if (document.documentElement.classList.contains("neutral")) {
+        return "neutral";
+    }
+    if (document.documentElement.classList.contains("accent")) {
+        return "accent";
+    }
+    return "light";
+}
+/**
+ * Get theme color scheme
+ */
+function getThemeScheme(theme) {
+    const activeTheme = theme || getCurrentTheme();
+    switch (activeTheme) {
+        case "dark":
+            return darkTheme;
+        case "neutral":
+            return neutralTheme;
+        case "accent":
+            return accentTheme;
+        default:
+            return lightTheme;
+    }
+}
+/**
+ * Get theme-aware chart colors
+ * @param theme - Optional theme override, otherwise detects from DOM
+ * @returns Color palette for current theme
+ */
+export function getChartColors(theme) {
+    return getThemeScheme(theme);
+}
+/**
+ * Get default chart options with theme-aware colors
+ * @param theme - Optional theme override
+ */
+export function getThemeAwareChartOptions(theme) {
+    const colors = getChartColors(theme);
+    return {
+        grid: {
+            borderColor: colors.grid,
+            strokeDashArray: 3,
+            xaxis: {
+                lines: {
+                    show: false,
+                },
+            },
+        },
+        tooltip: {
+            theme: getCurrentTheme() === "dark" ? "dark" : "light",
+        },
+        legend: {
+            labels: {
+                colors: colors.axisLabels,
+            },
+        },
+    };
+}
+/**
+ * Create a theme-aware chart instance
+ * Use this to get colors that will update when theme changes
+ */
+export function createThemeAwareChart() {
+    let currentTheme = getCurrentTheme();
+    let colors = getChartColors(currentTheme);
+    return {
+        /**
+         * Get current colors
+         */
+        getColors: () => colors,
+        /**
+         * Update colors based on current theme
+         */
+        updateColors: () => {
+            const newTheme = getCurrentTheme();
+            if (newTheme !== currentTheme) {
+                currentTheme = newTheme;
+                colors = getChartColors(currentTheme);
+                return true; // Theme changed
+            }
+            return false; // Theme unchanged
+        },
+        /**
+         * Get current theme
+         */
+        getTheme: () => currentTheme,
+    };
+}
+//# sourceMappingURL=theme-utils.js.map

package/dist/src/components/charts/theme-utils.js.map

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

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

@@ -0,0 +1,193 @@
+/**
+ * Chart Component Types
+ * Type definitions for ApexCharts-based chart components
+ */
+import type { ApexOptions } from "apexcharts";
+/**
+ * Base chart props shared across all chart types
+ */
+export interface BaseChartProps {
+    /** Chart height in pixels */
+    height?: number;
+    /** Chart width (100% by default) */
+    width?: string | number;
+    /** Custom CSS classes */
+    className?: string;
+    /** Chart title */
+    title?: string;
+    /** Chart subtitle */
+    subtitle?: string;
+    /** Show/hide toolbar */
+    toolbar?: boolean;
+    /** Enable/disable animations */
+    animations?: boolean;
+    /** Custom ApexCharts options (merged with defaults) */
+    options?: Partial<ApexOptions>;
+}
+/**
+ * Series data point for single value charts
+ */
+export interface ChartDataPoint {
+    /** X-axis value (date, category, etc.) */
+    x: string | number;
+    /** Y-axis value */
+    y: number;
+    /** Optional fill color for this point */
+    fillColor?: string;
+    /** Optional stroke color for this point */
+    strokeColor?: string;
+}
+/**
+ * Series configuration for charts
+ */
+export interface ChartSeries {
+    /** Series name */
+    name: string;
+    /** Series data points */
+    data: number[] | ChartDataPoint[];
+    /** Series color (hex or CSS variable) */
+    color?: string;
+    /** Series type (for mixed charts) */
+    type?: "line" | "area" | "bar" | "column";
+}
+/**
+ * Area Chart specific props
+ */
+export interface AreaChartProps extends BaseChartProps {
+    /** Chart series data */
+    series: ChartSeries[];
+    /** X-axis categories (if not using data points) */
+    categories?: string[];
+    /** Chart colors */
+    colors?: string[];
+    /** Curve style */
+    curve?: "smooth" | "straight" | "stepline";
+    /** Enable stacked mode */
+    stacked?: boolean;
+    /** Show data labels */
+    dataLabels?: boolean;
+    /** Y-axis label */
+    yAxisLabel?: string;
+    /** Reference lines (e.g., limits, targets) */
+    referenceLines?: ReferenceLine[];
+}
+/**
+ * Line Chart specific props
+ */
+export interface LineChartProps extends BaseChartProps {
+    /** Chart series data */
+    series: ChartSeries[];
+    /** X-axis categories */
+    categories?: string[];
+    /** Chart colors */
+    colors?: string[];
+    /** Curve style */
+    curve?: "smooth" | "straight" | "stepline";
+    /** Line width */
+    strokeWidth?: number;
+    /** Show markers on data points */
+    markers?: boolean;
+    /** Y-axis label */
+    yAxisLabel?: string;
+}
+/**
+ * Bar Chart specific props
+ */
+export interface BarChartProps extends BaseChartProps {
+    /** Chart series data */
+    series: ChartSeries[];
+    /** X-axis categories */
+    categories: string[];
+    /** Chart colors */
+    colors?: string[];
+    /** Horizontal bars */
+    horizontal?: boolean;
+    /** Enable stacked mode */
+    stacked?: boolean;
+    /** Show data labels */
+    dataLabels?: boolean;
+    /** Bar width percentage */
+    barWidth?: number;
+}
+/**
+ * Donut/Pie Chart specific props
+ */
+export interface DonutChartProps extends BaseChartProps {
+    /** Chart labels */
+    labels: string[];
+    /** Chart data values */
+    series: number[];
+    /** Chart colors */
+    colors?: string[];
+    /** Show as donut (true) or pie (false) */
+    donut?: boolean;
+    /** Donut hole size (10-90) */
+    donutSize?: number;
+    /** Show data labels */
+    dataLabels?: boolean;
+    /** Show legend */
+    legend?: boolean;
+}
+/**
+ * Radial Bar Chart specific props
+ */
+export interface RadialBarChartProps extends BaseChartProps {
+    /** Series labels */
+    labels: string[];
+    /** Series values (percentages 0-100) */
+    series: number[];
+    /** Chart colors */
+    colors?: string[];
+    /** Show data labels */
+    dataLabels?: boolean;
+    /** Hollow size percentage */
+    hollowSize?: string;
+}
+/**
+ * Reference line configuration
+ */
+export interface ReferenceLine {
+    /** Y-axis value for the line */
+    value: number;
+    /** Line color */
+    color?: string;
+    /** Line style */
+    dashArray?: number;
+    /** Line label */
+    label?: string;
+}
+/**
+ * Theme configuration for charts
+ */
+export interface ChartTheme {
+    /** Color palette */
+    palette: "palette1" | "palette2" | "palette3" | "palette4" | "palette5";
+    /** Light or dark mode */
+    mode: "light" | "dark";
+    /** Monochrome colors */
+    monochrome?: {
+        enabled: boolean;
+        color: string;
+        shadeTo: "light" | "dark";
+        shadeIntensity: number;
+    };
+}
+/**
+ * Chart Skeleton Configuration
+ * Configuration for chart loading states
+ */
+export interface ChartSkeletonConfig {
+    /** 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;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * Chart Component Types
+ * Type definitions for ApexCharts-based chart components
+ */
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/charts/types.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/src/components/charts/use-theme-aware-chart.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Theme-Aware Chart Hook
+ * Custom hook to manage theme-aware charts with automatic re-renders on theme changes
+ */
+/**
+ * Hook to get theme-aware chart colors with automatic re-renders on theme changes
+ * This hook listens for theme changes and triggers component re-renders to update chart colors
+ */
+export declare function useThemeAwareChart(): {
+    colors: import("./theme-utils").ThemeColorScheme;
+    theme: "light" | "dark" | "neutral" | "accent";
+};
+//# sourceMappingURL=use-theme-aware-chart.d.ts.map

package/dist/src/components/charts/use-theme-aware-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-aware-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/use-theme-aware-chart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH;;;GAGG;AACH,wBAAgB,kBAAkB;;;EA+DjC"}

package/dist/src/components/charts/use-theme-aware-chart.js

@@ -0,0 +1,67 @@
+/**
+ * Theme-Aware Chart Hook
+ * Custom hook to manage theme-aware charts with automatic re-renders on theme changes
+ */
+import { useEffect, useState } from "react";
+import { getChartColors } from "./theme-utils";
+/**
+ * Hook to get theme-aware chart colors with automatic re-renders on theme changes
+ * This hook listens for theme changes and triggers component re-renders to update chart colors
+ */
+export function useThemeAwareChart() {
+    const [theme, setTheme] = useState(() => {
+        // Detect initial theme from DOM
+        if (typeof document === "undefined")
+            return "light";
+        if (document.documentElement.classList.contains("dark")) {
+            return document.documentElement.classList.contains("accent")
+                ? "accent"
+                : "dark";
+        }
+        if (document.documentElement.classList.contains("neutral")) {
+            return "neutral";
+        }
+        if (document.documentElement.classList.contains("accent")) {
+            return "accent";
+        }
+        return "light";
+    });
+    const colors = getChartColors(theme);
+    useEffect(() => {
+        // Listen for theme changes by observing DOM class changes
+        if (typeof document === "undefined")
+            return;
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === "attributes" && mutation.attributeName === "class") {
+                    const element = document.documentElement;
+                    const classList = element.classList;
+                    let newTheme = "light";
+                    if (classList.contains("dark")) {
+                        newTheme = classList.contains("accent") ? "accent" : "dark";
+                    }
+                    else if (classList.contains("neutral")) {
+                        newTheme = "neutral";
+                    }
+                    else if (classList.contains("accent")) {
+                        newTheme = "accent";
+                    }
+                    setTheme(newTheme);
+                }
+            });
+        });
+        // Observe the document element for class changes (theme changes)
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["class"],
+        });
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+    return {
+        colors,
+        theme,
+    };
+}
+//# sourceMappingURL=use-theme-aware-chart.js.map

package/dist/src/components/charts/use-theme-aware-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-aware-chart.js","sourceRoot":"","sources":["../../../../src/components/charts/use-theme-aware-chart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE;QACJ,gCAAgC;QAChC,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO,OAAO,CAAC;QAEpD,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACzD,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAC3D,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,MAAM,CAAC;QACX,CAAC;QACD,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5D,OAAO,SAAS,CAAC;QAClB,CAAC;QACD,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3D,OAAO,QAAQ,CAAC;QACjB,CAAC;QACD,OAAO,OAAO,CAAC;IAChB,CAAC,CACD,CAAC;IAEF,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACd,0DAA0D;QAC1D,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAE5C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;YACnD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE,CAAC;oBAC1E,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC;oBACzC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;oBAEpC,IAAI,QAAQ,GAA4C,OAAO,CAAC;oBAEhE,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;oBAC7D,CAAC;yBAAM,IAAI,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;wBAC1C,QAAQ,GAAG,SAAS,CAAC;oBACtB,CAAC;yBAAM,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;wBACzC,QAAQ,GAAG,QAAQ,CAAC;oBACrB,CAAC;oBAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACpB,CAAC;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,iEAAiE;QACjE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;YAC1C,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;SAC1B,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACN,MAAM;QACN,KAAK;KACL,CAAC;AACH,CAAC"}