@lindaui/blocks 0.0.2

package/dist/detail-panel.js

@@ -0,0 +1,116 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FileText } from 'lucide-react';
+import { Button } from '@lindaui/ui/button';
+import { Card } from '@lindaui/ui/card';
+import { Divider } from '@lindaui/ui/divider';
+
+function DetailPanel({ selected = false, emptyTitle = "Seleccioná un elemento", emptyDescription, emptyIcon, title, subtitle, badges, media, meta, action }) {
+    if (!selected || title === undefined) {
+        return /*#__PURE__*/ jsx("div", {
+            className: "grid h-full place-items-center p-6 sm:p-10",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "max-w-[280px] text-center",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "mx-auto grid h-14 w-14 place-items-center rounded-2xl bg-secondary",
+                        children: emptyIcon ?? /*#__PURE__*/ jsx(FileText, {
+                            className: "h-7 w-7 text-muted-foreground",
+                            strokeWidth: 1.6
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("h3", {
+                        className: "mt-4 text-[15px] font-semibold",
+                        children: emptyTitle
+                    }),
+                    emptyDescription && /*#__PURE__*/ jsx("p", {
+                        className: "mt-1.5 text-sm text-muted-foreground",
+                        children: emptyDescription
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        className: "h-full overflow-y-auto px-4 py-5 sm:px-8 sm:py-7",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "mx-auto max-w-2xl",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    children: [
+                        badges && /*#__PURE__*/ jsx("div", {
+                            className: "flex flex-wrap items-center gap-2.5",
+                            children: badges
+                        }),
+                        /*#__PURE__*/ jsx("h1", {
+                            className: "mt-3 text-xl font-semibold tracking-tight sm:text-2xl",
+                            children: title
+                        }),
+                        subtitle && /*#__PURE__*/ jsx("p", {
+                            className: "mt-1 text-sm text-muted-foreground",
+                            children: subtitle
+                        })
+                    ]
+                }),
+                (media || meta && meta.length > 0) && // Mobile-first: stack (media arriba, meta abajo). Desde `sm` y solo
+                // cuando hay media, split en dos columnas (media fija 200px + meta
+                // 1fr). Sin media la Card de metadata ocupa todo el ancho siempre
+                // (si no, queda atrapada en la columna 1fr con un gutter vacío).
+                /*#__PURE__*/ jsxs("div", {
+                    className: media ? "mt-6 flex flex-col gap-4 sm:grid sm:grid-cols-[200px_1fr] sm:gap-6" : "mt-6",
+                    children: [
+                        media && /*#__PURE__*/ jsx("div", {
+                            children: media
+                        }),
+                        meta && meta.length > 0 && /*#__PURE__*/ jsx(Card, {
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: "px-4 py-1",
+                                children: meta.map((row, i)=>/*#__PURE__*/ jsxs("div", {
+                                        children: [
+                                            i > 0 && /*#__PURE__*/ jsx(Divider, {}),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "flex items-start gap-2.5 py-2.5",
+                                                children: [
+                                                    row.icon && /*#__PURE__*/ jsx("div", {
+                                                        className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground",
+                                                        children: row.icon
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "flex flex-1 justify-between gap-3",
+                                                        children: [
+                                                            /*#__PURE__*/ jsx("span", {
+                                                                className: "text-sm text-muted-foreground",
+                                                                children: row.label
+                                                            }),
+                                                            /*#__PURE__*/ jsx("span", {
+                                                                className: "text-right text-sm font-medium",
+                                                                children: row.value
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }, i))
+                            })
+                        })
+                    ]
+                }),
+                action && /*#__PURE__*/ jsx("div", {
+                    className: "mt-6",
+                    children: /*#__PURE__*/ jsxs(Button, {
+                        size: "lg",
+                        onPress: action.onPress,
+                        className: "w-full sm:w-auto",
+                        children: [
+                            action.icon,
+                            action.label
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+export { DetailPanel };

package/dist/document-panel.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+export interface DocumentPanelProps {
+    title: string;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    statusBadge?: ReactNode;
+    state: "empty" | "loading" | "ready";
+    emptyContent?: ReactNode;
+    loadingLabel?: string;
+    notices?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+}
+export declare function DocumentPanel({ title, subtitle, meta, statusBadge, state, emptyContent, loadingLabel, notices, children, footer, }: DocumentPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=document-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document-panel.d.ts","sourceRoot":"","sources":["../src/document-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,YAA0B,EAC1B,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE,kBAAkB,+BAqDpB"}

package/dist/document-panel.js

@@ -0,0 +1,80 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Divider } from '@lindaui/ui/divider';
+import { Skeleton } from '@lindaui/ui/skeleton';
+
+function DocumentPanel({ title, subtitle, meta, statusBadge, state, emptyContent, loadingLabel = "Cargando…", notices, children, footer }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-col h-full",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex flex-wrap items-start justify-between gap-3 px-4 pb-3 pt-4 flex-none sm:px-5",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "min-w-0",
+                        children: [
+                            /*#__PURE__*/ jsx("h2", {
+                                className: "truncate text-lg font-bold leading-tight tracking-tight sm:text-xl",
+                                children: title
+                            }),
+                            subtitle && /*#__PURE__*/ jsx("p", {
+                                className: "mt-0.5 text-sm text-muted-foreground",
+                                children: subtitle
+                            }),
+                            meta && /*#__PURE__*/ jsx("p", {
+                                className: "mt-0.5 text-xs text-muted-foreground tabular-nums",
+                                children: meta
+                            })
+                        ]
+                    }),
+                    statusBadge && /*#__PURE__*/ jsx("div", {
+                        className: "flex-none",
+                        children: statusBadge
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Divider, {}),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex-1 overflow-y-auto px-4 py-4 sm:px-5",
+                children: [
+                    state === "empty" && emptyContent,
+                    state === "loading" && /*#__PURE__*/ jsxs("div", {
+                        role: "status",
+                        className: "flex flex-col gap-3",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm text-muted-foreground",
+                                children: loadingLabel
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-full"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-full"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: "h-3 w-3/4"
+                            })
+                        ]
+                    }),
+                    state === "ready" && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            notices,
+                            children
+                        ]
+                    })
+                ]
+            }),
+            footer && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Divider, {}),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "flex-none flex flex-wrap gap-2 p-4",
+                        children: footer
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { DocumentPanel };

package/dist/document-reader.d.ts

@@ -0,0 +1,5 @@
+export interface DocumentReaderProps {
+    content: string;
+}
+export declare function DocumentReader({ content }: DocumentReaderProps): import("react").JSX.Element;
+//# sourceMappingURL=document-reader.d.ts.map

package/dist/document-reader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-reader.d.ts","sourceRoot":"","sources":["../src/document-reader.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,+BAsB9D"}

package/dist/document-reader.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function DocumentReader({ content }) {
+    const blocks = content.trim().split(/\n\s*\n/);
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex flex-col gap-4",
+        children: blocks.map((block, i)=>{
+            const lines = block.split("\n");
+            const heading = lines[0];
+            const body = lines.slice(1).join(" ");
+            return /*#__PURE__*/ jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "text-xs font-semibold tracking-widest uppercase text-muted-foreground",
+                        children: heading
+                    }),
+                    body && /*#__PURE__*/ jsx("p", {
+                        className: "mt-1.5 text-[13px] leading-relaxed text-pretty sm:text-sm",
+                        children: body
+                    })
+                ]
+            }, i);
+        })
+    });
+}
+
+export { DocumentReader };

package/dist/field-array-form.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+export interface FieldArrayFormValues {
+    category: string;
+    name: string;
+    entries: {
+        key: string;
+        value: string;
+    }[];
+}
+export interface FieldArrayFormProps {
+    onSubmit: (values: FieldArrayFormValues) => void | Promise<void>;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    categoryLabel?: string;
+    nameLabel?: string;
+    namePlaceholder?: string;
+    entriesLabel?: string;
+    addLabel?: string;
+    removeLabel?: string;
+    keyPlaceholder?: string;
+    valuePlaceholder?: string;
+    emptyHint?: ReactNode;
+    submitLabel?: string;
+    loading?: boolean;
+    defaultValues?: Partial<FieldArrayFormValues>;
+}
+export declare function FieldArrayForm({ onSubmit, options, categoryLabel, nameLabel, namePlaceholder, entriesLabel, addLabel, removeLabel, keyPlaceholder, valuePlaceholder, emptyHint, submitLabel, loading, defaultValues, }: FieldArrayFormProps): import("react").JSX.Element;
+//# sourceMappingURL=field-array-form.d.ts.map

package/dist/field-array-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-array-form.d.ts","sourceRoot":"","sources":["../src/field-array-form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC3C;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,aAA2B,EAC3B,SAAoB,EACpB,eAAe,EACf,YAAyB,EACzB,QAA4B,EAC5B,WAAgC,EAChC,cAAwB,EACxB,gBAA0B,EAC1B,SAAS,EACT,WAAuB,EACvB,OAAe,EACf,aAAa,GACd,EAAE,mBAAmB,+BAmHrB"}

package/dist/field-array-form.js

@@ -0,0 +1,132 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useForm, useFieldArray, Controller } from 'react-hook-form';
+import { X, Plus } from 'lucide-react';
+import { Button } from '@lindaui/ui/button';
+import { Input } from '@lindaui/ui/input';
+import { Select } from '@lindaui/ui/select';
+
+function FieldArrayForm({ onSubmit, options, categoryLabel = "Categoría", nameLabel = "Nombre", namePlaceholder, entriesLabel = "Entradas", addLabel = "Agregar entrada", removeLabel = "Eliminar entrada", keyPlaceholder = "Clave", valuePlaceholder = "Valor", emptyHint, submitLabel = "Guardar", loading = false, defaultValues }) {
+    const { control, handleSubmit } = useForm({
+        defaultValues: {
+            category: defaultValues?.category ?? options[0]?.value ?? "",
+            name: defaultValues?.name ?? "",
+            entries: defaultValues?.entries ?? []
+        }
+    });
+    const { fields, append, remove } = useFieldArray({
+        control,
+        name: "entries"
+    });
+    return /*#__PURE__*/ jsx("form", {
+        onSubmit: handleSubmit(onSubmit),
+        noValidate: true,
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex flex-col gap-4 px-4 py-4 sm:px-6 sm:py-5",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    children: [
+                        /*#__PURE__*/ jsx("label", {
+                            className: "text-sm font-medium",
+                            children: categoryLabel
+                        }),
+                        /*#__PURE__*/ jsx(Controller, {
+                            control: control,
+                            name: "category",
+                            render: ({ field })=>/*#__PURE__*/ jsx(Select, {
+                                    items: options,
+                                    value: field.value,
+                                    onChange: (val)=>field.onChange(val)
+                                })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Controller, {
+                    control: control,
+                    name: "name",
+                    render: ({ field })=>/*#__PURE__*/ jsx(Input, {
+                            label: nameLabel,
+                            placeholder: namePlaceholder,
+                            value: field.value,
+                            onChange: field.onChange,
+                            onBlur: field.onBlur,
+                            name: field.name
+                        })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex flex-col gap-2",
+                    children: [
+                        /*#__PURE__*/ jsx("p", {
+                            className: "text-sm font-medium",
+                            children: entriesLabel
+                        }),
+                        fields.length === 0 && emptyHint && /*#__PURE__*/ jsx("div", {
+                            className: "text-sm text-muted-foreground",
+                            children: emptyHint
+                        }),
+                        fields.map((field, index)=>/*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-2 sm:flex-row sm:items-start",
+                                children: [
+                                    /*#__PURE__*/ jsx(Controller, {
+                                        control: control,
+                                        name: `entries.${index}.key`,
+                                        render: ({ field: f })=>/*#__PURE__*/ jsx(Input, {
+                                                placeholder: keyPlaceholder,
+                                                "aria-label": `${keyPlaceholder} ${index + 1}`,
+                                                value: f.value,
+                                                onChange: f.onChange,
+                                                onBlur: f.onBlur,
+                                                name: f.name,
+                                                className: "min-w-0 w-full"
+                                            })
+                                    }),
+                                    /*#__PURE__*/ jsx(Controller, {
+                                        control: control,
+                                        name: `entries.${index}.value`,
+                                        render: ({ field: f })=>/*#__PURE__*/ jsx(Input, {
+                                                placeholder: valuePlaceholder,
+                                                "aria-label": `${valuePlaceholder} ${index + 1}`,
+                                                value: f.value,
+                                                onChange: f.onChange,
+                                                onBlur: f.onBlur,
+                                                name: f.name,
+                                                className: "min-w-0 w-full"
+                                            })
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        variant: "ghost",
+                                        onPress: ()=>remove(index),
+                                        "aria-label": removeLabel,
+                                        className: "w-full sm:w-auto",
+                                        children: /*#__PURE__*/ jsx(X, {
+                                            size: 16
+                                        })
+                                    })
+                                ]
+                            }, field.id)),
+                        /*#__PURE__*/ jsxs(Button, {
+                            variant: "secondary",
+                            onPress: ()=>append({
+                                    key: "",
+                                    value: ""
+                                }),
+                            children: [
+                                /*#__PURE__*/ jsx(Plus, {
+                                    size: 16
+                                }),
+                                addLabel
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    type: "submit",
+                    isDisabled: loading,
+                    children: submitLabel
+                })
+            ]
+        })
+    });
+}
+
+export { FieldArrayForm };

package/dist/image-viewer.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface ImageViewerProps {
+    src?: string;
+    alt?: string;
+    annotations?: ReactNode;
+    caption?: string;
+    placeholderLabel?: string;
+    dim?: number;
+    showControls?: boolean;
+    minZoom?: number;
+    maxZoom?: number;
+}
+export declare function ImageViewer({ src, alt, annotations, caption, placeholderLabel, dim, showControls, minZoom, maxZoom, }: ImageViewerProps): import("react").JSX.Element;
+//# sourceMappingURL=image-viewer.d.ts.map

package/dist/image-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-viewer.d.ts","sourceRoot":"","sources":["../src/image-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,GAAQ,EACR,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,GAAO,EACP,YAAoB,EACpB,OAAW,EACX,OAAa,GACd,EAAE,gBAAgB,+BAoGlB"}

package/dist/image-viewer.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Scan, ZoomOut, ZoomIn, Frame } from 'lucide-react';
+
+function ImageViewer({ src, alt = "", annotations, caption, placeholderLabel, dim = 0, showControls = false, minZoom = 1, maxZoom = 2.6 }) {
+    const [zoom, setZoom] = useState(1);
+    const [imgOk, setImgOk] = useState(false);
+    const showPlaceholder = !src || !imgOk;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "absolute inset-0 overflow-hidden bg-viewer-bg text-viewer-foreground",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "absolute inset-0 grid place-items-center transition-transform duration-300",
+                style: {
+                    transform: `scale(${zoom})`
+                },
+                children: [
+                    src && /*#__PURE__*/ jsx("img", {
+                        src: src,
+                        alt: alt,
+                        onLoad: ()=>setImgOk(true),
+                        onError: ()=>setImgOk(false),
+                        className: "max-h-full max-w-full object-contain",
+                        style: {
+                            display: imgOk ? "block" : "none"
+                        }
+                    }),
+                    showPlaceholder && /*#__PURE__*/ jsx("div", {
+                        className: "grid place-items-center rounded-lg border border-dashed",
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "text-center p-4",
+                            children: [
+                                /*#__PURE__*/ jsx(Scan, {
+                                    className: "mx-auto opacity-50",
+                                    style: {
+                                        width: 40,
+                                        height: 40
+                                    },
+                                    strokeWidth: 1.3
+                                }),
+                                placeholderLabel && /*#__PURE__*/ jsx("div", {
+                                    className: "mt-3 font-mono text-xs tracking-widest opacity-70",
+                                    children: placeholderLabel
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            annotations && /*#__PURE__*/ jsx("div", {
+                className: "absolute right-4 top-4 z-10",
+                children: annotations
+            }),
+            caption && /*#__PURE__*/ jsx("div", {
+                className: "absolute bottom-3.5 left-4 font-mono text-[9px] opacity-40 sm:text-[10px]",
+                children: caption
+            }),
+            showControls && /*#__PURE__*/ jsxs("div", {
+                className: "absolute bottom-4 left-3 z-20 flex items-center gap-1.5 sm:bottom-5 sm:left-4 sm:gap-2",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: ()=>setZoom((z)=>Math.max(minZoom, +(z - 0.2).toFixed(2))),
+                        className: "h-10 w-10 rounded-[10px] flex items-center justify-center sm:h-9 sm:w-9",
+                        "aria-label": "Reducir zoom",
+                        children: /*#__PURE__*/ jsx(ZoomOut, {
+                            className: "h-[17px] w-[17px]"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "self-center min-w-9 text-center font-mono text-[11px] opacity-75",
+                        children: [
+                            Math.round(zoom * 100),
+                            "%"
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: ()=>setZoom((z)=>Math.min(maxZoom, +(z + 0.2).toFixed(2))),
+                        className: "h-10 w-10 rounded-[10px] flex items-center justify-center sm:h-9 sm:w-9",
+                        "aria-label": "Ampliar zoom",
+                        children: /*#__PURE__*/ jsx(ZoomIn, {
+                            className: "h-[17px] w-[17px]"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: ()=>setZoom(1),
+                        className: "h-10 w-10 rounded-[10px] flex items-center justify-center sm:h-9 sm:w-9",
+                        "aria-label": "Encuadrar",
+                        children: /*#__PURE__*/ jsx(Frame, {
+                            className: "h-4 w-4"
+                        })
+                    })
+                ]
+            }),
+            dim > 0 && /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 transition-opacity duration-300",
+                style: {
+                    background: `color-mix(in oklch, var(--viewer-bg) ${Math.round(dim * 100)}%, transparent)`
+                }
+            })
+        ]
+    });
+}
+
+export { ImageViewer };

package/dist/line-chart.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../src/line-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,MAAM,CAAC;IAC7B,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,+BAwBhB"}

package/dist/line-chart.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@lindaui/ui/chart';
+import { LineChart as LineChart$1, CartesianGrid, XAxis, YAxis, Line } from 'recharts';
+
+function LineChart({ data, config, categoryKey, series, variant = "default", className }) {
+    const showDots = variant === "dots";
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: className,
+        children: /*#__PURE__*/ jsxs(LineChart$1, {
+            data: data,
+            children: [
+                /*#__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(Line, {
+                        dataKey: key,
+                        stroke: `var(--color-${key})`,
+                        strokeWidth: 2,
+                        dot: showDots,
+                        type: "monotone"
+                    }, key))
+            ]
+        })
+    });
+}
+
+export { LineChart };

package/dist/list-item.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+export interface ListItemProps {
+    title: string;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    leading?: ReactNode;
+    badge?: {
+        label: string;
+        variant?: "default" | "success" | "warning" | "danger" | "info";
+    };
+    selected?: boolean;
+    onSelect?: () => void;
+    showChevron?: boolean;
+}
+export declare function ListItem({ title, subtitle, meta, leading, badge, selected, onSelect, showChevron, }: ListItemProps): import("react").JSX.Element;
+//# sourceMappingURL=list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../src/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KAAE,CAAC;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,WAAmB,GACpB,EAAE,aAAa,+BAqCf"}