@lindaui/blocks 0.0.2

package/dist/list-item.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronRight } from 'lucide-react';
+import { Badge } from '@lindaui/ui/badge';
+
+function ListItem({ title, subtitle, meta, leading, badge, selected = false, onSelect, showChevron = false }) {
+    return /*#__PURE__*/ jsxs("button", {
+        type: "button",
+        "aria-pressed": selected,
+        onClick: onSelect,
+        className: [
+            "flex w-full items-center gap-3 border-b border-border px-3 py-3.5 text-left transition-colors sm:px-4",
+            "min-h-[72px] cursor-pointer font-[inherit] text-[inherit] active:bg-accent",
+            selected ? "bg-primary/5 lg:border-l-2 lg:border-l-primary" : "bg-card hover:bg-accent/50"
+        ].join(" "),
+        children: [
+            leading != null && /*#__PURE__*/ jsx("div", {
+                className: "flex-none",
+                children: leading
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "truncate text-sm font-semibold",
+                        children: title
+                    }),
+                    subtitle != null && /*#__PURE__*/ jsx("div", {
+                        className: "mt-0.5 truncate text-xs text-muted-foreground",
+                        children: subtitle
+                    }),
+                    meta != null && /*#__PURE__*/ jsx("div", {
+                        className: "mt-0.5 text-xs text-muted-foreground tabular-nums",
+                        children: meta
+                    })
+                ]
+            }),
+            badge != null && /*#__PURE__*/ jsx(Badge, {
+                variant: badge.variant ?? "default",
+                children: badge.label
+            }),
+            showChevron && /*#__PURE__*/ jsx(ChevronRight, {
+                "aria-hidden": true,
+                className: "-mr-1 size-4 flex-none text-muted-foreground/50 lg:hidden"
+            })
+        ]
+    });
+}
+
+export { ListItem };

package/dist/list-pane.d.ts

@@ -0,0 +1,27 @@
+import React, { type ReactNode } from "react";
+export interface ListPaneFilter {
+    key: string;
+    label: string;
+    count?: number;
+}
+export interface ListPaneProps {
+    filters?: ListPaneFilter[];
+    activeFilter?: string;
+    onFilterChange?: (key: string) => void;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    searchLabel?: string;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void;
+    errorTitle?: string;
+    retryLabel?: string;
+    isEmpty?: boolean;
+    emptyTitle?: string;
+    emptyDescription?: ReactNode;
+    emptyIcon?: ReactNode;
+    children?: ReactNode;
+}
+export declare function ListPane({ filters, activeFilter, onFilterChange, searchValue, onSearchChange, searchPlaceholder, searchLabel, loading, error, onRetry, errorTitle, retryLabel, isEmpty, emptyTitle, emptyDescription, emptyIcon, children, }: ListPaneProps): React.JSX.Element;
+//# sourceMappingURL=list-pane.d.ts.map

package/dist/list-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-pane.d.ts","sourceRoot":"","sources":["../src/list-pane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAgB,EAChB,cAAc,EACd,iBAA4B,EAC5B,WAAsB,EACtB,OAAe,EACf,KAAY,EACZ,OAAO,EACP,UAA8C,EAC9C,UAAyB,EACzB,OAAO,EACP,UAA6B,EAC7B,gBAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,qBAgGf"}

package/dist/list-pane.js

@@ -0,0 +1,136 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Search, AlertCircle, RotateCcw, FileText } from 'lucide-react';
+import { Button } from '@lindaui/ui/button';
+import { Input } from '@lindaui/ui/input';
+import { Skeleton } from '@lindaui/ui/skeleton';
+
+function ListPane({ filters, activeFilter, onFilterChange, searchValue = "", onSearchChange, searchPlaceholder = "Buscar", searchLabel = "Buscar", loading = false, error = null, onRetry, errorTitle = "No se pudieron cargar los datos", retryLabel = "Reintentar", isEmpty, emptyTitle = "Sin resultados", emptyDescription, emptyIcon, children }) {
+    const showEmpty = !loading && !error && (isEmpty !== undefined ? isEmpty : React.Children.count(children) === 0);
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-full min-h-0 flex-col bg-background",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex-none space-y-3 px-3 pb-3 pt-3 sm:px-4",
+                children: [
+                    filters && filters.length > 0 && /*#__PURE__*/ jsx("div", {
+                        className: "flex flex-wrap gap-2 overflow-x-auto",
+                        children: filters.map((f)=>/*#__PURE__*/ jsxs(Button, {
+                                variant: activeFilter === f.key ? "primary" : "ghost",
+                                onPress: ()=>onFilterChange?.(f.key),
+                                size: "sm",
+                                children: [
+                                    f.label,
+                                    f.count != null && /*#__PURE__*/ jsx("span", {
+                                        "aria-hidden": true,
+                                        className: "ml-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-muted-foreground/15 px-1 text-[11px] font-semibold tabular-nums text-muted-foreground",
+                                        children: f.count
+                                    })
+                                ]
+                            }, f.key))
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "relative",
+                        children: [
+                            /*#__PURE__*/ jsx(Search, {
+                                className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground z-10"
+                            }),
+                            /*#__PURE__*/ jsx(Input, {
+                                type: "search",
+                                value: searchValue,
+                                onChange: onSearchChange ?? (()=>{}),
+                                placeholder: searchPlaceholder,
+                                "aria-label": searchLabel,
+                                className: "h-9 pl-8"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "min-h-0 flex-1 overflow-y-auto border-t border-border",
+                children: [
+                    loading && /*#__PURE__*/ jsx("div", {
+                        role: "status",
+                        "aria-label": "Cargando",
+                        children: Array.from({
+                            length: 6
+                        }).map((_, i)=>/*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-3 border-b border-border px-3 py-3.5 sm:px-4",
+                                children: [
+                                    /*#__PURE__*/ jsx(Skeleton, {
+                                        className: "h-[42px] w-[42px] rounded-[11px]"
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "flex flex-1 flex-col gap-2",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Skeleton, {
+                                                className: "h-3 w-36"
+                                            }),
+                                            /*#__PURE__*/ jsx(Skeleton, {
+                                                className: "h-2.5 w-28"
+                                            }),
+                                            /*#__PURE__*/ jsx(Skeleton, {
+                                                className: "h-2.5 w-20"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, i))
+                    }),
+                    !loading && error && /*#__PURE__*/ jsxs("div", {
+                        className: "m-3 rounded-xl border border-destructive/35 bg-destructive/5 p-6 text-center",
+                        children: [
+                            /*#__PURE__*/ jsx(AlertCircle, {
+                                className: "mx-auto h-6 w-6 text-destructive"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "mt-2 text-sm font-semibold",
+                                children: errorTitle
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "mt-1 text-xs text-muted-foreground",
+                                children: error
+                            }),
+                            onRetry && /*#__PURE__*/ jsxs(Button, {
+                                variant: "secondary",
+                                size: "sm",
+                                onPress: onRetry,
+                                className: "mt-3",
+                                children: [
+                                    /*#__PURE__*/ jsx(RotateCcw, {
+                                        className: "h-3.5 w-3.5"
+                                    }),
+                                    retryLabel
+                                ]
+                            })
+                        ]
+                    }),
+                    showEmpty && /*#__PURE__*/ jsxs("div", {
+                        className: "py-16 text-center",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "mx-auto grid h-11 w-11 place-items-center rounded-xl bg-secondary",
+                                children: emptyIcon ?? /*#__PURE__*/ jsx(FileText, {
+                                    className: "h-5 w-5 text-muted-foreground"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "mt-3 text-sm font-semibold",
+                                children: emptyTitle
+                            }),
+                            emptyDescription && /*#__PURE__*/ jsx("div", {
+                                className: "mt-1 text-xs text-muted-foreground",
+                                children: emptyDescription
+                            })
+                        ]
+                    }),
+                    !loading && !error && !showEmpty && children
+                ]
+            })
+        ]
+    });
+}
+
+export { ListPane };

package/dist/login-form.d.ts

@@ -0,0 +1,18 @@
+export interface LoginValues {
+    email: string;
+    password: string;
+}
+export interface LoginFormProps {
+    onSubmit: (values: LoginValues) => void | Promise<void>;
+    title?: string;
+    emailLabel?: string;
+    passwordLabel?: string;
+    submitLabel?: string;
+    loading?: boolean;
+    error?: string;
+    className?: string;
+    /** Sin Card ni título (para componer dentro de AuthLayout u otro shell). */
+    bare?: boolean;
+}
+export declare function LoginForm({ onSubmit, title, emailLabel, passwordLabel, submitLabel, loading, error, className, bare, }: LoginFormProps): import("react").JSX.Element;
+//# sourceMappingURL=login-form.d.ts.map

package/dist/login-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.d.ts","sourceRoot":"","sources":["../src/login-form.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAwB,EACxB,UAAoB,EACpB,aAA4B,EAC5B,WAAwB,EACxB,OAAe,EACf,KAAK,EACL,SAAS,EACT,IAAY,GACb,EAAE,cAAc,+BA+EhB"}

package/dist/login-form.js

@@ -0,0 +1,109 @@
+'use client';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useForm } from 'react-hook-form';
+import { Card, CardHeader, CardTitle, CardContent, CardFooter } from '@lindaui/ui/card';
+import { Input } from '@lindaui/ui/input';
+import { Button } from '@lindaui/ui/button';
+import { Field } from '@lindaui/ui/field';
+import { Text } from '@lindaui/ui/text';
+
+function LoginForm({ onSubmit, title = "Iniciar sesión", emailLabel = "Email", passwordLabel = "Contraseña", submitLabel = "Ingresar", loading = false, error, className, bare = false }) {
+    const { control, handleSubmit } = useForm({
+        defaultValues: {
+            email: "",
+            password: ""
+        }
+    });
+    const fields = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Field, {
+                control: control,
+                name: "email",
+                children: ({ field, invalid })=>/*#__PURE__*/ jsx(Input, {
+                        label: emailLabel,
+                        type: "email",
+                        autoComplete: "username",
+                        value: field.value,
+                        onChange: (value)=>field.onChange(value),
+                        onBlur: field.onBlur,
+                        name: field.name,
+                        isInvalid: invalid
+                    })
+            }),
+            /*#__PURE__*/ jsx(Field, {
+                control: control,
+                name: "password",
+                children: ({ field, invalid })=>/*#__PURE__*/ jsx(Input, {
+                        label: passwordLabel,
+                        type: "password",
+                        autoComplete: "current-password",
+                        value: field.value,
+                        onChange: (value)=>field.onChange(value),
+                        onBlur: field.onBlur,
+                        name: field.name,
+                        isInvalid: invalid
+                    })
+            }),
+            error && /*#__PURE__*/ jsx(Text, {
+                role: "alert",
+                className: "text-sm text-[var(--danger,#dc2626)]",
+                children: error
+            })
+        ]
+    });
+    if (bare) {
+        return /*#__PURE__*/ jsxs("form", {
+            onSubmit: handleSubmit((values)=>onSubmit(values)),
+            noValidate: true,
+            className: `space-y-5 ${className ?? ""}`.trim(),
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "flex flex-col gap-5",
+                    children: fields
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    type: "submit",
+                    variant: "primary",
+                    size: "lg",
+                    isDisabled: loading,
+                    className: "w-full",
+                    children: submitLabel
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxs(Card, {
+        className: `w-full max-w-sm ${className ?? ""}`.trim(),
+        children: [
+            /*#__PURE__*/ jsx(CardHeader, {
+                className: "px-4 py-4 sm:px-6 sm:py-5",
+                children: /*#__PURE__*/ jsx(CardTitle, {
+                    className: "text-xl sm:text-2xl",
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ jsxs("form", {
+                onSubmit: handleSubmit((values)=>onSubmit(values)),
+                noValidate: true,
+                children: [
+                    /*#__PURE__*/ jsx(CardContent, {
+                        className: "flex flex-col gap-4 px-4 sm:px-6",
+                        children: fields
+                    }),
+                    /*#__PURE__*/ jsx(CardFooter, {
+                        className: "px-4 pb-4 sm:px-6 sm:pb-5",
+                        children: /*#__PURE__*/ jsx(Button, {
+                            type: "submit",
+                            variant: "primary",
+                            isDisabled: loading,
+                            className: "w-full",
+                            children: submitLabel
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { LoginForm };

package/dist/pie-chart.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type ChartConfig } from "@lindaui/ui/chart";
+export interface PieChartProps {
+    data: Array<Record<string, string | number>>;
+    config: ChartConfig;
+    categoryKey: string;
+    valueKey: string;
+    variant?: "pie" | "donut" | "label";
+    className?: string;
+}
+export declare function PieChart({ data, config, categoryKey, valueKey, variant, className, }: PieChartProps): React.JSX.Element;
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/pie-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../src/pie-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,QAAQ,EACR,OAAe,EACf,SAAS,GACV,EAAE,aAAa,qBAoCf"}

package/dist/pie-chart.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { PieChart as PieChart$1, Pie, Cell, LabelList } from 'recharts';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@lindaui/ui/chart';
+
+function PieChart({ data, config, categoryKey, valueKey, variant = "pie", className }) {
+    const innerRadius = variant === "donut" ? "55%" : variant === "label" ? "45%" : 0;
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: className,
+        children: /*#__PURE__*/ jsxs(PieChart$1, {
+            children: [
+                /*#__PURE__*/ jsx(ChartTooltip, {
+                    content: /*#__PURE__*/ jsx(ChartTooltipContent, {})
+                }),
+                /*#__PURE__*/ jsx(ChartLegend, {
+                    content: /*#__PURE__*/ jsx(ChartLegendContent, {})
+                }),
+                /*#__PURE__*/ jsxs(Pie, {
+                    data: data,
+                    dataKey: valueKey,
+                    nameKey: categoryKey,
+                    innerRadius: innerRadius,
+                    outerRadius: "80%",
+                    paddingAngle: 2,
+                    children: [
+                        data.map((entry, index)=>{
+                            const key = String(entry[categoryKey]);
+                            return /*#__PURE__*/ jsx(Cell, {
+                                fill: `var(--color-${key})`
+                            }, `cell-${index}`);
+                        }),
+                        variant === "label" && /*#__PURE__*/ jsx(LabelList, {
+                            dataKey: categoryKey,
+                            position: "outside",
+                            style: {
+                                fontSize: 12,
+                                fill: "var(--foreground)"
+                            }
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+export { PieChart };

package/dist/radar-chart.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type ChartConfig } from "@lindaui/ui/chart";
+export interface RadarChartProps {
+    data: Array<Record<string, string | number>>;
+    config: ChartConfig;
+    categoryKey: string;
+    series: string[];
+    className?: string;
+}
+export declare function RadarChart({ data, config, categoryKey, series, className, }: RadarChartProps): React.JSX.Element;
+//# sourceMappingURL=radar-chart.d.ts.map

package/dist/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../src/radar-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,eAAe,qBAsBjB"}

package/dist/radar-chart.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar } from 'recharts';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@lindaui/ui/chart';
+
+function RadarChart({ data, config, categoryKey, series, className }) {
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: className,
+        children: /*#__PURE__*/ jsxs(RadarChart$1, {
+            data: data,
+            children: [
+                /*#__PURE__*/ jsx(ChartTooltip, {
+                    content: /*#__PURE__*/ jsx(ChartTooltipContent, {})
+                }),
+                /*#__PURE__*/ jsx(ChartLegend, {
+                    content: /*#__PURE__*/ jsx(ChartLegendContent, {})
+                }),
+                /*#__PURE__*/ jsx(PolarGrid, {}),
+                /*#__PURE__*/ jsx(PolarAngleAxis, {
+                    dataKey: categoryKey
+                }),
+                /*#__PURE__*/ jsx(PolarRadiusAxis, {}),
+                series.map((key)=>/*#__PURE__*/ jsx(Radar, {
+                        dataKey: key,
+                        name: key,
+                        fill: `var(--color-${key})`,
+                        stroke: `var(--color-${key})`,
+                        fillOpacity: 0.5
+                    }, key))
+            ]
+        })
+    });
+}
+
+export { RadarChart };

package/dist/radial-chart.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type ChartConfig } from "@lindaui/ui/chart";
+export interface RadialChartProps {
+    data: Array<Record<string, string | number>>;
+    config: ChartConfig;
+    categoryKey: string;
+    series: string[];
+    variant?: "default" | "stacked" | "label";
+    className?: string;
+}
+export declare function RadialChart({ data, config, categoryKey, series, variant, className, }: RadialChartProps): React.JSX.Element;
+//# sourceMappingURL=radial-chart.d.ts.map

package/dist/radial-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-chart.d.ts","sourceRoot":"","sources":["../src/radial-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAC7C,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,WAAW,EACX,MAAM,EACN,OAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,qBAsElB"}

package/dist/radial-chart.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { RadialBarChart, PolarGrid, PolarRadiusAxis, Label, RadialBar } from 'recharts';
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@lindaui/ui/chart';
+
+function RadialChart({ data, config, categoryKey, series, variant = "default", className }) {
+    const isStacked = variant === "stacked";
+    const showLabel = variant === "label";
+    const total = React.useMemo(()=>{
+        if (!showLabel) return null;
+        return data.reduce((acc, row)=>{
+            series.forEach((key)=>{
+                const v = row[key];
+                if (typeof v === "number") acc += v;
+            });
+            return acc;
+        }, 0);
+    }, [
+        data,
+        series,
+        showLabel
+    ]);
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: className,
+        children: /*#__PURE__*/ jsxs(RadialBarChart, {
+            data: data,
+            innerRadius: "30%",
+            outerRadius: "90%",
+            startAngle: 90,
+            endAngle: -270,
+            children: [
+                /*#__PURE__*/ jsx(PolarGrid, {
+                    gridType: "circle",
+                    radialLines: false
+                }),
+                /*#__PURE__*/ jsx(ChartTooltip, {
+                    content: /*#__PURE__*/ jsx(ChartTooltipContent, {})
+                }),
+                showLabel && /*#__PURE__*/ jsx(PolarRadiusAxis, {
+                    tick: false,
+                    axisLine: false,
+                    children: /*#__PURE__*/ jsx(Label, {
+                        content: ({ viewBox })=>{
+                            if (!viewBox || !("cx" in viewBox) || !("cy" in viewBox)) return null;
+                            const { cx, cy } = viewBox;
+                            return /*#__PURE__*/ jsxs("text", {
+                                x: cx,
+                                y: cy,
+                                textAnchor: "middle",
+                                dominantBaseline: "middle",
+                                children: [
+                                    /*#__PURE__*/ jsx("tspan", {
+                                        x: cx,
+                                        y: cy,
+                                        className: "fill-foreground text-2xl font-bold",
+                                        style: {
+                                            fontSize: 24,
+                                            fontWeight: 700
+                                        },
+                                        children: total
+                                    }),
+                                    /*#__PURE__*/ jsx("tspan", {
+                                        x: cx,
+                                        y: (cy ?? 0) + 20,
+                                        className: "fill-muted-foreground",
+                                        style: {
+                                            fontSize: 12
+                                        },
+                                        children: "Total"
+                                    })
+                                ]
+                            });
+                        }
+                    })
+                }),
+                series.map((key)=>/*#__PURE__*/ jsx(RadialBar, {
+                        dataKey: key,
+                        name: key,
+                        fill: `var(--color-${key})`,
+                        stackId: isStacked ? "stack" : undefined,
+                        background: !isStacked,
+                        cornerRadius: 4
+                    }, key))
+            ]
+        })
+    });
+}
+
+export { RadialChart };

package/dist/recording-overlay.d.ts

@@ -0,0 +1,13 @@
+export interface RecordingOverlayProps {
+    label: string;
+    description?: string;
+    elapsed: number;
+    error?: string | null;
+    onStop: () => void;
+    onCancel: () => void;
+    stopLabel?: string;
+    errorTitle?: string;
+    backLabel?: string;
+}
+export declare function RecordingOverlay({ label, description, elapsed, error, onStop, onCancel, stopLabel, errorTitle, backLabel, }: RecordingOverlayProps): import("react").JSX.Element;
+//# sourceMappingURL=recording-overlay.d.ts.map

package/dist/recording-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-overlay.d.ts","sourceRoot":"","sources":["../src/recording-overlay.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAqB,EACrB,UAA8C,EAC9C,SAAoB,GACrB,EAAE,qBAAqB,+BAiEvB"}