@lindaui/blocks 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Franco Carballar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,41 @@
+# @lindaui/blocks
+
+Composed UI sections built on **@lindaui/ui** — auth flows, lists, master-detail
+panels, and charts. This is an importable npm package, **not** a copy-paste /
+shadcn-style registry: you `import` the blocks, you don't vendor their source.
+
+## Install
+
+```bash
+pnpm add @lindaui/blocks @lindaui/ui @lindaui/tokens
+```
+
+Peer dependencies: `react >=19`, `react-dom >=19`, `react-hook-form >=7`,
+`lucide-react` (icons), and `recharts` (chart blocks).
+
+## Usage
+
+```tsx
+import "@lindaui/tokens/css";
+import { LoginForm } from "@lindaui/blocks/login-form";
+import { BarChart } from "@lindaui/blocks/bar-chart";
+```
+
+Controlled blocks (`list-pane`, `detail-panel`, `document-panel`,
+`split-workspace`, `confirm-dialog`) receive state + handlers. There is zero
+data-fetching / backend in the library — you wire that up.
+
+## Catalog
+
+**UI sections:** `login-form`, `auth-layout`, `auth-provider`,
+`field-array-form`, `list-item`, `list-pane`, `detail-panel`, `confirm-dialog`,
+`image-viewer`, `document-panel`, `document-reader`, `recording-overlay`,
+`split-workspace`.
+
+**Charts** (on `@lindaui/ui/chart`): `area-chart`, `bar-chart`, `line-chart`,
+`pie-chart`, `radar-chart`, `radial-chart`, `stat-card`, `chart-card`,
+`stats-grid`.
+
+## License
+
+MIT

package/dist/area-chart.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../src/area-chart.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAS3B,MAAM,WAAW,cAAc;IAC7B,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,UAAU,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,MAAM,EACN,OAAmB,EACnB,SAAS,GACV,EAAE,cAAc,+BAmDhB"}

package/dist/area-chart.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@lindaui/ui/chart';
+import { AreaChart as AreaChart$1, CartesianGrid, XAxis, YAxis, Area } from 'recharts';
+
+function AreaChart({ data, config, categoryKey, series, variant = "default", className }) {
+    const isStacked = variant === "stacked";
+    const isGradient = variant === "gradient";
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: className,
+        children: /*#__PURE__*/ jsxs(AreaChart$1, {
+            data: data,
+            children: [
+                isGradient && /*#__PURE__*/ jsx("defs", {
+                    children: series.map((key)=>/*#__PURE__*/ jsxs("linearGradient", {
+                            id: `gradient-${key}`,
+                            x1: "0",
+                            y1: "0",
+                            x2: "0",
+                            y2: "1",
+                            children: [
+                                /*#__PURE__*/ jsx("stop", {
+                                    offset: "5%",
+                                    stopColor: `var(--color-${key})`,
+                                    stopOpacity: 0.8
+                                }),
+                                /*#__PURE__*/ jsx("stop", {
+                                    offset: "95%",
+                                    stopColor: `var(--color-${key})`,
+                                    stopOpacity: 0.1
+                                })
+                            ]
+                        }, key))
+                }),
+                /*#__PURE__*/ jsx(CartesianGrid, {
+                    vertical: false
+                }),
+                /*#__PURE__*/ jsx(XAxis, {
+                    dataKey: categoryKey,
+                    tickLine: false,
+                    axisLine: false
+                }),
+                /*#__PURE__*/ jsx(YAxis, {
+                    tickLine: false,
+                    axisLine: false
+                }),
+                /*#__PURE__*/ jsx(ChartTooltip, {
+                    content: /*#__PURE__*/ jsx(ChartTooltipContent, {})
+                }),
+                series.length > 1 && /*#__PURE__*/ jsx(ChartLegend, {
+                    content: /*#__PURE__*/ jsx(ChartLegendContent, {})
+                }),
+                series.map((key)=>/*#__PURE__*/ jsx(Area, {
+                        dataKey: key,
+                        fill: isGradient ? `url(#gradient-${key})` : `var(--color-${key})`,
+                        stroke: `var(--color-${key})`,
+                        stackId: isStacked ? "a" : undefined
+                    }, key))
+            ]
+        })
+    });
+}
+
+export { AreaChart };

package/dist/auth-layout.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+export interface AuthFeature {
+    icon?: ReactNode;
+    label: string;
+}
+export interface AuthLayoutProps {
+    /** Marca (logo) del panel de marca (desktop). */
+    logo?: ReactNode;
+    /** Logo compacto del panel de contenido (mobile). Si no se pasa, usa `logo`. */
+    compactLogo?: ReactNode;
+    /** Contenido del panel de marca (solo desktop). Si no hay headline ni
+     *  features, el panel de marca se omite y queda solo el form centrado. */
+    brandHeadline?: ReactNode;
+    brandDescription?: ReactNode;
+    brandFeatures?: AuthFeature[];
+    brandFooter?: ReactNode;
+    /** Panel de contenido. */
+    title: ReactNode;
+    description?: ReactNode;
+    /** Nota al pie del panel de contenido (ej. "sesión protegida"). */
+    footer?: ReactNode;
+    /** El formulario u otro contenido de auth. */
+    children: ReactNode;
+}
+export declare function AuthLayout({ logo, compactLogo, brandHeadline, brandDescription, brandFeatures, brandFooter, title, description, footer, children, }: AuthLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=auth-layout.d.ts.map

package/dist/auth-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout.d.ts","sourceRoot":"","sources":["../src/auth-layout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;8EAC0E;IAC1E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0BAA0B;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,GACT,EAAE,eAAe,+BAsFjB"}

package/dist/auth-layout.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function AuthLayout({ logo, compactLogo, brandHeadline, brandDescription, brandFeatures, brandFooter, title, description, footer, children }) {
+    const hasBrand = brandHeadline != null || brandDescription != null || brandFeatures != null && brandFeatures.length > 0 || brandFooter != null;
+    return /*#__PURE__*/ jsxs("div", {
+        className: hasBrand ? "flex min-h-dvh flex-col lg:grid lg:grid-cols-[1.05fr_0.95fr]" : "flex min-h-dvh flex-col",
+        children: [
+            hasBrand && /*#__PURE__*/ jsxs("div", {
+                className: "relative hidden flex-col justify-between bg-viewer-bg p-12 text-viewer-foreground lg:flex",
+                style: {
+                    backgroundImage: "repeating-linear-gradient(135deg, color-mix(in oklch, var(--viewer-foreground) 3%, transparent) 0 2px, transparent 2px 13px)"
+                },
+                children: [
+                    logo && /*#__PURE__*/ jsx("div", {
+                        className: "flex items-center gap-2.5",
+                        children: logo
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "max-w-md",
+                        children: [
+                            brandHeadline && /*#__PURE__*/ jsx("h1", {
+                                className: "text-3xl font-semibold leading-tight tracking-tight",
+                                children: brandHeadline
+                            }),
+                            brandDescription && /*#__PURE__*/ jsx("p", {
+                                className: "mt-4 text-sm leading-relaxed opacity-70",
+                                children: brandDescription
+                            }),
+                            brandFeatures && brandFeatures.length > 0 && /*#__PURE__*/ jsx("div", {
+                                className: "mt-7 flex gap-6",
+                                children: brandFeatures.map((f, i)=>/*#__PURE__*/ jsxs("div", {
+                                        className: "flex items-center gap-2 text-sm opacity-80",
+                                        children: [
+                                            f.icon,
+                                            f.label
+                                        ]
+                                    }, i))
+                            })
+                        ]
+                    }),
+                    brandFooter ? /*#__PURE__*/ jsx("p", {
+                        className: "text-xs opacity-40",
+                        children: brandFooter
+                    }) : /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex flex-1 flex-col justify-between p-6 pt-[max(env(safe-area-inset-top),2rem)] lg:justify-center lg:p-10 lg:pb-10",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "mx-auto w-full max-w-[360px]",
+                        children: [
+                            (compactLogo ?? logo) && hasBrand && /*#__PURE__*/ jsx("div", {
+                                className: "mb-10 flex items-center gap-2.5 lg:hidden",
+                                children: compactLogo ?? logo
+                            }),
+                            (compactLogo ?? logo) && !hasBrand && /*#__PURE__*/ jsx("div", {
+                                className: "mb-10 flex items-center gap-2.5",
+                                children: compactLogo ?? logo
+                            }),
+                            /*#__PURE__*/ jsx("h2", {
+                                className: "mb-1.5 text-[28px] font-semibold tracking-tight lg:text-2xl",
+                                children: title
+                            }),
+                            description && /*#__PURE__*/ jsx("p", {
+                                className: "mb-7 text-sm text-muted-foreground",
+                                children: description
+                            }),
+                            children
+                        ]
+                    }),
+                    footer && /*#__PURE__*/ jsx("div", {
+                        className: "mx-auto mt-10 flex w-full max-w-[360px] items-center justify-center gap-1.5 text-xs text-muted-foreground lg:mt-6",
+                        children: footer
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { AuthLayout };

package/dist/auth-provider.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+export interface AuthUser {
+    name?: string;
+    [key: string]: unknown;
+}
+export declare function AuthProvider({ user, children, }: {
+    user: AuthUser | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useAuth(): {
+    user: AuthUser | null;
+};
+//# sourceMappingURL=auth-provider.d.ts.map

package/dist/auth-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-provider.d.ts","sourceRoot":"","sources":["../src/auth-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAQD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAIA;AAED,wBAAgB,OAAO,IAAI;IAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;CAAE,CAEnD"}

package/dist/auth-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+
+const AuthContext = /*#__PURE__*/ createContext({
+    user: null
+});
+function AuthProvider({ user, children }) {
+    return /*#__PURE__*/ jsx(AuthContext.Provider, {
+        value: {
+            user
+        },
+        children: children
+    });
+}
+function useAuth() {
+    return useContext(AuthContext);
+}
+
+export { AuthProvider, useAuth };

package/dist/bar-chart.d.ts

@@ -0,0 +1,11 @@
+import { type ChartConfig } from "@lindaui/ui/chart";
+export interface BarChartProps {
+    data: Array<Record<string, string | number>>;
+    config: ChartConfig;
+    categoryKey: string;
+    series: string[];
+    variant?: "default" | "stacked" | "grouped" | "horizontal";
+    className?: string;
+}
+export declare function BarChart({ data, config, categoryKey, series, variant, className, }: BarChartProps): import("react").JSX.Element;
+//# sourceMappingURL=bar-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../src/bar-chart.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAC;AAS3B,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,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,MAAM,EACN,OAAmB,EACnB,SAAS,GACV,EAAE,aAAa,+BA4Cf"}

package/dist/bar-chart.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@lindaui/ui/chart';
+import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Bar } from 'recharts';
+
+function BarChart({ data, config, categoryKey, series, variant = "default", className }) {
+    const isHorizontal = variant === "horizontal";
+    const isStacked = variant === "stacked";
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: className,
+        children: /*#__PURE__*/ jsxs(BarChart$1, {
+            data: data,
+            layout: isHorizontal ? "vertical" : "horizontal",
+            children: [
+                /*#__PURE__*/ jsx(CartesianGrid, {
+                    vertical: isHorizontal,
+                    horizontal: !isHorizontal
+                }),
+                isHorizontal ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(XAxis, {
+                            type: "number",
+                            tickLine: false,
+                            axisLine: false
+                        }),
+                        /*#__PURE__*/ jsx(YAxis, {
+                            dataKey: categoryKey,
+                            type: "category",
+                            tickLine: false,
+                            axisLine: false
+                        })
+                    ]
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(XAxis, {
+                            dataKey: categoryKey,
+                            tickLine: false,
+                            axisLine: false
+                        }),
+                        /*#__PURE__*/ jsx(YAxis, {
+                            tickLine: false,
+                            axisLine: false
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(ChartTooltip, {
+                    content: /*#__PURE__*/ jsx(ChartTooltipContent, {})
+                }),
+                series.length > 1 && /*#__PURE__*/ jsx(ChartLegend, {
+                    content: /*#__PURE__*/ jsx(ChartLegendContent, {})
+                }),
+                series.map((key)=>/*#__PURE__*/ jsx(Bar, {
+                        dataKey: key,
+                        fill: `var(--color-${key})`,
+                        stackId: isStacked ? "a" : undefined,
+                        radius: 4
+                    }, key))
+            ]
+        })
+    });
+}
+
+export { BarChart };

package/dist/chart-card.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface ChartCardProps {
+    title: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ChartCard({ title, description, action, footer, children, className, }: ChartCardProps): import("react").JSX.Element;
+//# sourceMappingURL=chart-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-card.d.ts","sourceRoot":"","sources":["../src/chart-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAc,GACf,EAAE,cAAc,+BAkBhB"}

package/dist/chart-card.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@lindaui/ui/card';
+
+function ChartCard({ title, description, action, footer, children, className = "" }) {
+    return /*#__PURE__*/ jsxs(Card, {
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(CardHeader, {
+                className: "pb-2",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-start justify-between gap-4",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "min-w-0 flex-1",
+                            children: [
+                                /*#__PURE__*/ jsx(CardTitle, {
+                                    children: title
+                                }),
+                                description && /*#__PURE__*/ jsx(CardDescription, {
+                                    className: "mt-1",
+                                    children: description
+                                })
+                            ]
+                        }),
+                        action && /*#__PURE__*/ jsx("div", {
+                            className: "shrink-0",
+                            children: action
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(CardContent, {
+                className: "pt-0",
+                children: children
+            }),
+            footer && /*#__PURE__*/ jsx(CardFooter, {
+                children: footer
+            })
+        ]
+    });
+}
+
+export { ChartCard };

package/dist/confirm-dialog.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    title: ReactNode;
+    description?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    icon?: ReactNode;
+    /** Acción irreversible: botón de confirmar en rojo + icon box destructivo. */
+    destructive?: boolean;
+    /** Chip del actor responsable (ej. firmante) bajo la descripción. */
+    identity?: {
+        name: string;
+    };
+}
+export declare function ConfirmDialog({ open, onOpenChange, onConfirm, title, description, confirmLabel, cancelLabel, icon, destructive, identity, }: ConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../src/confirm-dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7B;AAYD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAA0B,EAC1B,WAAwB,EACxB,IAAI,EACJ,WAAmB,EACnB,QAAQ,GACT,EAAE,kBAAkB,+BA2CpB"}

package/dist/confirm-dialog.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog } from '@lindaui/ui/dialog';
+import { Button } from '@lindaui/ui/button';
+
+function getInitials(name) {
+    return name.split(" ").filter((p)=>p.length > 0).map((p)=>p[0]).join("").slice(0, 2).toUpperCase();
+}
+function ConfirmDialog({ open, onOpenChange, onConfirm, title, description, confirmLabel = "Confirmar", cancelLabel = "Cancelar", icon, destructive = false, identity }) {
+    return /*#__PURE__*/ jsxs(Dialog, {
+        open: open,
+        onClose: ()=>onOpenChange(false),
+        title: title,
+        footer: /*#__PURE__*/ jsxs("div", {
+            className: "flex flex-col-reverse gap-2 w-full sm:flex-row sm:justify-end sm:w-auto",
+            children: [
+                /*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    onPress: ()=>onOpenChange(false),
+                    className: "w-full sm:w-auto",
+                    children: cancelLabel
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    variant: destructive ? "danger" : "primary",
+                    onPress: onConfirm,
+                    className: "w-full sm:w-auto",
+                    children: confirmLabel
+                })
+            ]
+        }),
+        children: [
+            icon && /*#__PURE__*/ jsx("div", {
+                className: `w-10 h-10 rounded-[10px] grid place-items-center mb-3.5 ${destructive ? "bg-destructive/10 text-destructive" : "bg-primary/10 text-primary"}`,
+                children: icon
+            }),
+            description && /*#__PURE__*/ jsx("p", {
+                className: "text-sm text-muted-foreground",
+                children: description
+            }),
+            identity && /*#__PURE__*/ jsxs("div", {
+                className: "mt-4 px-3.5 py-3 rounded-[calc(var(--radius)-2px)] bg-muted flex items-center gap-2.5",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "w-8 h-8 rounded-full bg-secondary text-secondary-foreground grid place-items-center text-xs font-semibold shrink-0",
+                        children: getInitials(identity.name)
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-xs font-semibold",
+                        children: identity.name
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { ConfirmDialog };

package/dist/detail-panel.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+export interface DetailPanelMetaRow {
+    icon?: ReactNode;
+    label: ReactNode;
+    value: ReactNode;
+}
+export interface DetailPanelAction {
+    label: ReactNode;
+    onPress: () => void;
+    icon?: ReactNode;
+}
+export interface DetailPanelProps {
+    selected?: boolean;
+    emptyTitle?: string;
+    emptyDescription?: ReactNode;
+    emptyIcon?: ReactNode;
+    title?: string;
+    subtitle?: ReactNode;
+    badges?: ReactNode;
+    media?: ReactNode;
+    meta?: DetailPanelMetaRow[];
+    action?: DetailPanelAction;
+}
+export declare function DetailPanel({ selected, emptyTitle, emptyDescription, emptyIcon, title, subtitle, badges, media, meta, action, }: DetailPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=detail-panel.d.ts.map

package/dist/detail-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel.d.ts","sourceRoot":"","sources":["../src/detail-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,UAAqC,EACrC,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,GACP,EAAE,gBAAgB,+BA+ElB"}