@lindaui/blocks 0.4.2 → 0.5.0

package/dist/kanban/navigation-buttons.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from "react";
+export interface NavigationButtonsProps {
+    scrollRef: RefObject<HTMLElement | null>;
+    columnWidth?: number;
+    leftLabel?: string;
+    rightLabel?: string;
+}
+export declare function NavigationButtons({ scrollRef, columnWidth, leftLabel, rightLabel, }: NavigationButtonsProps): import("react").JSX.Element;
+//# sourceMappingURL=navigation-buttons.d.ts.map

package/dist/kanban/navigation-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-buttons.d.ts","sourceRoot":"","sources":["../../src/kanban/navigation-buttons.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,WAAiB,EACjB,SAAyB,EACzB,UAA2B,GAC5B,EAAE,sBAAsB,+BA4DxB"}

package/dist/kanban/scroll-indicators.d.ts

@@ -0,0 +1,6 @@
+import { type RefObject } from "react";
+export interface ScrollIndicatorsProps {
+    scrollRef: RefObject<HTMLElement | null>;
+}
+export declare function ScrollIndicators({ scrollRef }: ScrollIndicatorsProps): import("react").JSX.Element;
+//# sourceMappingURL=scroll-indicators.d.ts.map

package/dist/kanban/scroll-indicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-indicators.d.ts","sourceRoot":"","sources":["../../src/kanban/scroll-indicators.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC1C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAqCpE"}

package/dist/kanban/use-keyboard-navigation.d.ts

@@ -0,0 +1,4 @@
+import { type RefObject } from "react";
+/** Preserve horizontal board navigation, without intercepting text editing. */
+export declare function useKeyboardNavigation<T extends HTMLElement>(scrollRef: RefObject<T | null>, columnWidth?: number): void;
+//# sourceMappingURL=use-keyboard-navigation.d.ts.map

package/dist/kanban/use-keyboard-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-navigation.d.ts","sourceRoot":"","sources":["../../src/kanban/use-keyboard-navigation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,+EAA+E;AAC/E,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,WAAW,EACzD,SAAS,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAC9B,WAAW,SAAM,QAmClB"}

package/dist/kanban-board.d.ts

@@ -0,0 +1,31 @@
+import { type UniqueIdentifier } from "@dnd-kit/core";
+import { type ReactNode } from "react";
+export { resolveKanbanDrop } from "./kanban/drop-utils.js";
+export { NavigationButtons, type NavigationButtonsProps } from "./kanban/navigation-buttons.js";
+export { ScrollIndicators, type ScrollIndicatorsProps } from "./kanban/scroll-indicators.js";
+export { useKeyboardNavigation } from "./kanban/use-keyboard-navigation.js";
+export interface KanbanColumnDefinition<ColumnId extends UniqueIdentifier = string> {
+    id: ColumnId;
+    title: ReactNode;
+    colorClassName?: string;
+}
+export interface KanbanCardState {
+    isDragging: boolean;
+}
+export interface KanbanBoardProps<Entity, ColumnId extends UniqueIdentifier = string> {
+    /** Entity and column IDs must be stable and unique across the whole board. */
+    entities: readonly Entity[];
+    columns: readonly KanbanColumnDefinition<ColumnId>[];
+    getEntityId: (entity: Entity) => UniqueIdentifier;
+    getColumnId: (entity: Entity) => ColumnId;
+    onColumnChange: (entityId: UniqueIdentifier, columnId: ColumnId, entity: Entity) => void;
+    renderCard: (entity: Entity, state: KanbanCardState) => ReactNode;
+    renderColumn?: (column: KanbanColumnDefinition<ColumnId>, entities: readonly Entity[]) => ReactNode;
+    isLoading?: boolean;
+    emptyContent?: ReactNode;
+    ariaLabel?: string;
+    scrollLeftLabel?: string;
+    scrollRightLabel?: string;
+}
+export declare function KanbanBoard<Entity, ColumnId extends UniqueIdentifier = string>({ entities, columns, getEntityId, getColumnId, onColumnChange, renderCard, renderColumn, isLoading, emptyContent, ariaLabel, scrollLeftLabel, scrollRightLabel, }: KanbanBoardProps<Entity, ColumnId>): import("react").JSX.Element;
+//# sourceMappingURL=kanban-board.d.ts.map

package/dist/kanban-board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../src/kanban-board.tsx"],"names":[],"mappings":"AAEA,OAAO,EAUL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,gCAA6B,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA4B,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAkC,CAAC;AAEzE,MAAM,WAAW,sBAAsB,CAAC,QAAQ,SAAS,gBAAgB,GAAG,MAAM;IAChF,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB,CAAC,MAAM,EAAE,QAAQ,SAAS,gBAAgB,GAAG,MAAM;IAClF,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,OAAO,EAAE,SAAS,sBAAsB,CAAC,QAAQ,CAAC,EAAE,CAAC;IACrD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,gBAAgB,CAAC;IAClD,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC;IAC1C,cAAc,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,KAAK,SAAS,CAAC;IACpG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,QAAQ,SAAS,gBAAgB,GAAG,MAAM,EAAE,EAC9E,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,YAAY,EACZ,SAAiB,EACjB,YAAY,EACZ,SAA0B,EAC1B,eAAe,EACf,gBAAgB,GACjB,EAAE,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,+BA6FpC"}

package/dist/kanban-board.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useSensors, useSensor, PointerSensor, TouchSensor, DndContext, closestCorners, DragOverlay } from '@dnd-kit/core';
+import { Skeleton } from '@lindaui/ui/compound';
+import { useState, useRef, Fragment } from 'react';
+import { KanbanColumn } from './kanban-column.js';
+import { N as NavigationButtons } from './navigation-buttons-e77mshh0.js';
+import { S as ScrollIndicators } from './scroll-indicators-gvxapogd.js';
+import { u as useKeyboardNavigation } from './use-keyboard-navigation-he1xmriz.js';
+
+/** Resolve column and card targets without mutating the controlled collection. */ function resolveKanbanDrop({ activeId, overId, entities, columns, getEntityId, getColumnId }) {
+    if (overId === null) return null;
+    const entity = entities.find((item)=>getEntityId(item) === activeId);
+    if (entity === undefined) return null;
+    const targetEntity = entities.find((item)=>getEntityId(item) === overId);
+    const targetColumn = columns.find((column)=>column.id === overId);
+    const columnId = targetEntity !== undefined ? getColumnId(targetEntity) : targetColumn?.id;
+    if (columnId === undefined || columnId === getColumnId(entity)) return null;
+    if (!columns.some((column)=>column.id === columnId)) return null;
+    return {
+        entity,
+        entityId: activeId,
+        columnId
+    };
+}
+
+function KanbanBoard({ entities, columns, getEntityId, getColumnId, onColumnChange, renderCard, renderColumn, isLoading = false, emptyContent, ariaLabel = "Kanban board", scrollLeftLabel, scrollRightLabel }) {
+    const [activeId, setActiveId] = useState(null);
+    const scrollRef = useRef(null);
+    useKeyboardNavigation(scrollRef);
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 8
+        }
+    }), useSensor(TouchSensor, {
+        activationConstraint: {
+            delay: 200,
+            tolerance: 5
+        }
+    }));
+    const handleDragStart = (event)=>setActiveId(event.active.id);
+    const handleDragEnd = (event)=>{
+        setActiveId(null);
+        const drop = resolveKanbanDrop({
+            activeId: event.active.id,
+            overId: event.over?.id ?? null,
+            entities,
+            columns,
+            getEntityId,
+            getColumnId
+        });
+        if (drop) onColumnChange(drop.entityId, drop.columnId, drop.entity);
+    };
+    const activeEntity = activeId !== null ? entities.find((entity)=>getEntityId(entity) === activeId) : null;
+    if (isLoading) {
+        return /*#__PURE__*/ jsx("div", {
+            className: "flex h-full gap-4 overflow-x-auto p-4 lg:p-6",
+            children: columns.map((column)=>/*#__PURE__*/ jsxs("div", {
+                    className: "flex w-80 flex-shrink-0 flex-col gap-3",
+                    children: [
+                        /*#__PURE__*/ jsx(Skeleton, {
+                            className: "h-8 w-24 rounded-lg"
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "min-h-[500px] space-y-3 rounded-xl bg-surface-secondary/50 p-2",
+                            children: Array.from({
+                                length: 3
+                            }).map((_, index)=>/*#__PURE__*/ jsx(Skeleton, {
+                                    className: "h-32 w-full rounded-xl"
+                                }, index))
+                        })
+                    ]
+                }, column.id))
+        });
+    }
+    return /*#__PURE__*/ jsxs(DndContext, {
+        collisionDetection: closestCorners,
+        onDragEnd: handleDragEnd,
+        onDragStart: handleDragStart,
+        sensors: sensors,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "relative h-full w-full overflow-hidden",
+                children: [
+                    /*#__PURE__*/ jsx(ScrollIndicators, {
+                        scrollRef: scrollRef
+                    }),
+                    /*#__PURE__*/ jsx(NavigationButtons, {
+                        scrollRef: scrollRef,
+                        leftLabel: scrollLeftLabel,
+                        rightLabel: scrollRightLabel
+                    }),
+                    /*#__PURE__*/ jsx("section", {
+                        "aria-label": ariaLabel,
+                        className: "flex h-full gap-4 overflow-x-auto overflow-y-visible p-4 lg:p-6",
+                        ref: scrollRef,
+                        children: columns.map((column)=>{
+                            const items = entities.filter((entity)=>getColumnId(entity) === column.id);
+                            return /*#__PURE__*/ jsx(Fragment, {
+                                children: renderColumn ? renderColumn(column, items) : /*#__PURE__*/ jsx(KanbanColumn, {
+                                    id: column.id,
+                                    title: column.title,
+                                    entities: items,
+                                    getEntityId: getEntityId,
+                                    renderCard: (entity)=>renderCard(entity, {
+                                            isDragging: false
+                                        }),
+                                    colorClassName: column.colorClassName,
+                                    emptyContent: emptyContent
+                                })
+                            }, column.id);
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(DragOverlay, {
+                children: activeEntity !== null && activeEntity !== undefined ? /*#__PURE__*/ jsx("div", {
+                    className: "rotate-3 opacity-80",
+                    children: renderCard(activeEntity, {
+                        isDragging: true
+                    })
+                }) : null
+            })
+        ]
+    });
+}
+
+export { KanbanBoard, NavigationButtons, ScrollIndicators, resolveKanbanDrop, useKeyboardNavigation };

package/dist/kanban-column.d.ts

@@ -0,0 +1,13 @@
+import { type UniqueIdentifier } from "@dnd-kit/core";
+import { type ReactNode } from "react";
+export interface KanbanColumnProps<Entity> {
+    id: UniqueIdentifier;
+    title: ReactNode;
+    entities: readonly Entity[];
+    getEntityId: (entity: Entity) => UniqueIdentifier;
+    renderCard: (entity: Entity) => ReactNode;
+    colorClassName?: string;
+    emptyContent?: ReactNode;
+}
+export declare function KanbanColumn<Entity>({ id, title, entities, getEntityId, renderCard, colorClassName, emptyContent, }: KanbanColumnProps<Entity>): import("react").JSX.Element;
+//# sourceMappingURL=kanban-column.d.ts.map

package/dist/kanban-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-column.d.ts","sourceRoot":"","sources":["../src/kanban-column.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGpE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,iBAAiB,CAAC,MAAM;IACvC,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,gBAAgB,CAAC;IAClD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,EACnC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAA+B,EAC/B,YAAyB,GAC1B,EAAE,iBAAiB,CAAC,MAAM,CAAC,+BAoC3B"}

package/dist/kanban-column.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useDroppable } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { cn } from '@lindaui/ui/cn';
+import { Fragment } from 'react';
+
+function KanbanColumn({ id, title, entities, getEntityId, renderCard, colorClassName = "bg-accent/60", emptyContent = "No items" }) {
+    const { setNodeRef, isOver } = useDroppable({
+        id
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex h-full w-80 flex-shrink-0 flex-col",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex h-full flex-col overflow-hidden rounded-2xl bg-surface/50",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: cn("h-2.5", colorClassName)
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center justify-between px-4 py-3",
+                    children: [
+                        /*#__PURE__*/ jsx("h3", {
+                            className: "font-semibold text-foreground",
+                            children: title
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "rounded-full bg-surface-secondary px-2 py-1 font-mono text-muted text-xs",
+                            children: entities.length
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: cn("min-h-[500px] flex-1 overflow-y-auto p-2 transition-colors", isOver ? "bg-accent/10" : ""),
+                    ref: setNodeRef,
+                    children: [
+                        /*#__PURE__*/ jsx(SortableContext, {
+                            items: entities.map(getEntityId),
+                            strategy: verticalListSortingStrategy,
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: "space-y-3",
+                                children: entities.map((entity)=>/*#__PURE__*/ jsx(Fragment, {
+                                        children: renderCard(entity)
+                                    }, getEntityId(entity)))
+                            })
+                        }),
+                        entities.length === 0 && /*#__PURE__*/ jsx("div", {
+                            className: "flex h-32 items-center justify-center text-muted text-sm",
+                            children: emptyContent
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+export { KanbanColumn };

package/dist/legacy-kpi-card.d.ts

@@ -0,0 +1,16 @@
+import type { LucideIcon } from "lucide-react";
+export type KPICardColor = "default" | "success" | "primary" | "warning";
+export interface KPICardProps {
+    color?: KPICardColor;
+    icon: LucideIcon;
+    isLoading?: boolean;
+    title: string;
+    trend?: {
+        value: number;
+        isPositive: boolean;
+    };
+    value: string | number;
+}
+/** Exact legacy KPI anatomy; StatCard and its featured variant remain unchanged. */
+export declare function KPICard({ title, value, icon: Icon, trend, color, isLoading }: KPICardProps): import("react").JSX.Element;
+//# sourceMappingURL=legacy-kpi-card.d.ts.map

package/dist/legacy-kpi-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-kpi-card.d.ts","sourceRoot":"","sources":["../src/legacy-kpi-card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACzE,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAOD,oFAAoF;AACpF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAiB,EAAE,SAAiB,EAAE,EAAE,YAAY,+BAe9G"}

package/dist/legacy-kpi-card.js

@@ -0,0 +1,4 @@
+import 'react/jsx-runtime';
+import '@lindaui/ui/compound';
+import '@lindaui/ui/cn';
+export { K as KPICard } from './analytics-skeleton-imve37du.js';

package/dist/logout-dialog-bbv59tbi.js

@@ -0,0 +1,93 @@
+'use client';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Modal, Button, Spinner } from '@lindaui/ui/compound';
+import { useState, useRef } from 'react';
+
+function useLogoutDialog(onSignOut, labels) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [isPending, setIsPending] = useState(false);
+    const [error, setError] = useState(null);
+    const pending = useRef(false);
+    const onOpenChange = (open)=>{
+        if (pending.current) return;
+        setError(null);
+        setIsOpen(open);
+    };
+    const confirm = async ()=>{
+        if (pending.current) return;
+        pending.current = true;
+        setIsPending(true);
+        setError(null);
+        try {
+            await onSignOut();
+            setIsOpen(false);
+        } catch  {
+            setError(labels.logoutError);
+        } finally{
+            pending.current = false;
+            setIsPending(false);
+        }
+    };
+    return {
+        open: ()=>onOpenChange(true),
+        dialog: /*#__PURE__*/ jsx(Modal.Backdrop, {
+            isDismissable: !isPending,
+            isKeyboardDismissDisabled: isPending,
+            isOpen: isOpen,
+            onOpenChange: onOpenChange,
+            children: /*#__PURE__*/ jsx(Modal.Container, {
+                children: /*#__PURE__*/ jsxs(Modal.Dialog, {
+                    className: "sm:max-w-md",
+                    role: "alertdialog",
+                    children: [
+                        /*#__PURE__*/ jsx(Modal.Header, {
+                            children: /*#__PURE__*/ jsx(Modal.Heading, {
+                                children: labels.logoutTitle
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Modal.Body, {
+                            children: [
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "text-muted text-sm leading-relaxed",
+                                    children: labels.logoutDescription
+                                }),
+                                error ? /*#__PURE__*/ jsx("p", {
+                                    className: "mt-3 text-danger text-sm",
+                                    role: "alert",
+                                    children: error
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Modal.Footer, {
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    autoFocus: true,
+                                    isDisabled: isPending,
+                                    onPress: ()=>onOpenChange(false),
+                                    variant: "tertiary",
+                                    children: labels.logoutCancel
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    isPending: isPending,
+                                    onPress: confirm,
+                                    variant: "danger",
+                                    children: ({ isPending: buttonPending })=>/*#__PURE__*/ jsxs(Fragment, {
+                                            children: [
+                                                buttonPending ? /*#__PURE__*/ jsx(Spinner, {
+                                                    color: "current",
+                                                    size: "sm"
+                                                }) : null,
+                                                buttonPending ? labels.logoutPending : labels.logoutConfirm
+                                            ]
+                                        })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    };
+}
+
+export { useLogoutDialog as u };

package/dist/message-bubble-odjvhroq.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import dayjs from 'dayjs';
+import { motion } from 'framer-motion';
+import { cn } from '@lindaui/ui/cn';
+import { I as ImageLightbox } from './image-lightbox-ci3arb6z.js';
+import { W as WhatsAppAudioPlayer } from './whatsapp-audio-player-nooty6jb.js';
+
+function formatTime(date) {
+    return dayjs(date).format("HH:mm");
+}
+function MessageBubble({ message }) {
+    const isBot = message.side === "right";
+    const hasAudio = message.media?.kind === "audio";
+    if (message.side === "center") return /*#__PURE__*/ jsx(motion.div, {
+        animate: {
+            opacity: 1
+        },
+        className: "my-2 flex justify-center",
+        initial: {
+            opacity: 0
+        },
+        children: /*#__PURE__*/ jsx("div", {
+            className: "rounded-full bg-surface-secondary px-3 py-1 text-muted text-xs",
+            children: message.text
+        })
+    });
+    return /*#__PURE__*/ jsx(motion.div, {
+        animate: {
+            opacity: 1,
+            y: 0
+        },
+        className: cn("flex w-full", isBot ? "justify-end" : "justify-start"),
+        initial: {
+            opacity: 0,
+            y: 10
+        },
+        children: /*#__PURE__*/ jsxs("div", {
+            className: cn("relative p-3 text-sm shadow-sm", hasAudio ? "w-[90%] max-w-[330px]" : "max-w-[85%] sm:max-w-[70%]", "rounded-2xl transition-all duration-200", isBot ? "rounded-tr-none bg-[#d9fdd3] text-[#111b21] dark:bg-[#005c4b] dark:text-white" : "rounded-tl-none bg-white text-[#111b21] dark:bg-[#202c33] dark:text-white"),
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: cn("absolute top-0 h-0 w-0 border-solid", isBot ? "-right-[12px] border-t-[#d9fdd3] border-t-[10px] border-r-[12px] border-r-transparent dark:border-t-[#005c4b]" : "-left-[12px] border-t-[10px] border-t-white border-l-[12px] border-l-transparent dark:border-t-[#202c33]")
+                }),
+                message.media?.kind === "image" && /*#__PURE__*/ jsx("div", {
+                    className: "mb-2 overflow-hidden rounded-lg",
+                    children: /*#__PURE__*/ jsx(ImageLightbox, {
+                        alt: "Media compartida",
+                        src: message.media.url
+                    })
+                }),
+                message.media?.kind === "audio" && /*#__PURE__*/ jsx("div", {
+                    className: "mb-2",
+                    children: /*#__PURE__*/ jsx(WhatsAppAudioPlayer, {
+                        isBot: isBot,
+                        src: message.media.url
+                    })
+                }),
+                message.media?.kind === "pdf" && /*#__PURE__*/ jsx("div", {
+                    className: "mb-2",
+                    children: /*#__PURE__*/ jsxs("a", {
+                        className: "flex items-center gap-1.5 rounded-lg border border-border bg-surface-secondary px-3 py-2 text-sm text-foreground transition-colors hover:bg-surface-secondary dark:border-border dark:bg-default dark:text-muted dark:hover:bg-default",
+                        download: true,
+                        href: message.media.url,
+                        rel: "noopener noreferrer",
+                        target: "_blank",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: "PDF"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "max-w-[180px] truncate",
+                                children: message.media.label ?? "Documento adjunto"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "relative",
+                    children: [
+                        /*#__PURE__*/ jsxs("p", {
+                            className: "whitespace-pre-wrap break-words",
+                            children: [
+                                message.text,
+                                /*#__PURE__*/ jsxs("span", {
+                                    className: "invisible text-[10px]",
+                                    children: [
+                                        "  ",
+                                        formatTime(message.timestamp),
+                                        message.authorTag ? ` ${message.authorTag}` : ""
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("span", {
+                            className: "absolute right-0 bottom-0 flex items-center gap-1 text-[#52616b] text-[10px] dark:text-[#d1dedb]",
+                            children: [
+                                formatTime(message.timestamp),
+                                message.authorTag && /*#__PURE__*/ jsx("span", {
+                                    children: message.authorTag
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+export { MessageBubble as M };

package/dist/message-composer-m2n6soo7.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TextArea, Button, Spinner } from '@lindaui/ui/compound';
+import { Send, Mic } from 'lucide-react';
+import { useCallback } from 'react';
+
+/** Controlled glass composer; Enter sends and Shift+Enter retains a newline. */ function MessageComposer({ value, onValueChange, onSend, isSending = false, placeholder, disabled = false }) {
+    const hasText = value.trim().length > 0;
+    const handleChange = useCallback((e)=>onValueChange(e.target.value), [
+        onValueChange
+    ]);
+    const handleKeyDown = useCallback((e)=>{
+        if (e.key === "Enter" && !e.shiftKey && !isSending) {
+            e.preventDefault();
+            if (hasText) onSend();
+        }
+    }, [
+        hasText,
+        isSending,
+        onSend
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        className: "absolute inset-x-0 bottom-0 flex justify-center px-4 py-3",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex w-full items-end gap-2 rounded-3xl border border-white/30 bg-white/60 px-4 py-2 shadow-2xl backdrop-blur-2xl backdrop-saturate-200 transition-all lg:w-[70%] dark:border-white/15 dark:bg-slate-800/40",
+            children: [
+                /*#__PURE__*/ jsx(TextArea, {
+                    "aria-label": placeholder,
+                    className: "field-sizing-content max-h-30 min-h-0 flex-1 resize-none overflow-y-auto border-none bg-transparent py-1 text-foreground shadow-none dark:text-white",
+                    disabled: disabled || isSending,
+                    onChange: handleChange,
+                    onKeyDown: handleKeyDown,
+                    placeholder: placeholder,
+                    rows: 1,
+                    value: value
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    className: "rounded-full bg-[#00a884] text-white",
+                    isDisabled: disabled || isSending,
+                    isIconOnly: true,
+                    isPending: isSending,
+                    onPress: hasText ? onSend : undefined,
+                    size: "sm",
+                    variant: "primary",
+                    children: ({ isPending })=>isPending ? /*#__PURE__*/ jsx(Spinner, {
+                            color: "current",
+                            size: "sm"
+                        }) : hasText ? /*#__PURE__*/ jsx(Send, {
+                            className: "h-4 w-4"
+                        }) : /*#__PURE__*/ jsx(Mic, {
+                            className: "h-4 w-4"
+                        })
+                })
+            ]
+        })
+    });
+}
+
+export { MessageComposer as M };

package/dist/navigation-buttons-e77mshh0.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Button } from '@lindaui/ui/compound';
+import { cn } from '@lindaui/ui/cn';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { useState, useEffect } from 'react';
+
+function NavigationButtons({ scrollRef, columnWidth = 320, leftLabel = "Scroll left", rightLabel = "Scroll right" }) {
+    const [canScrollLeft, setCanScrollLeft] = useState(false);
+    const [canScrollRight, setCanScrollRight] = useState(false);
+    useEffect(()=>{
+        const element = scrollRef.current;
+        if (!element) return;
+        const checkScroll = ()=>{
+            const { scrollLeft, scrollWidth, clientWidth } = element;
+            setCanScrollLeft(scrollLeft > 0);
+            setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 1);
+        };
+        checkScroll();
+        element.addEventListener("scroll", checkScroll);
+        window.addEventListener("resize", checkScroll);
+        return ()=>{
+            element.removeEventListener("scroll", checkScroll);
+            window.removeEventListener("resize", checkScroll);
+        };
+    }, [
+        scrollRef
+    ]);
+    const scroll = (direction)=>{
+        const element = scrollRef.current;
+        if (!element) return;
+        element.scrollTo({
+            behavior: "smooth",
+            left: element.scrollLeft + (direction === "left" ? -columnWidth : columnWidth)
+        });
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                "aria-label": leftLabel,
+                className: cn("absolute top-1/2 left-4 z-20 -translate-y-1/2 rounded-full shadow-xl transition-opacity", canScrollLeft ? "opacity-100" : "pointer-events-none opacity-0"),
+                isIconOnly: true,
+                onPress: ()=>scroll("left"),
+                size: "md",
+                variant: "primary",
+                children: /*#__PURE__*/ jsx(ChevronLeft, {
+                    className: "h-6 w-6"
+                })
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                "aria-label": rightLabel,
+                className: cn("absolute top-1/2 right-4 z-20 -translate-y-1/2 rounded-full shadow-xl transition-opacity", canScrollRight ? "opacity-100" : "pointer-events-none opacity-0"),
+                isIconOnly: true,
+                onPress: ()=>scroll("right"),
+                size: "md",
+                variant: "primary",
+                children: /*#__PURE__*/ jsx(ChevronRight, {
+                    className: "h-6 w-6"
+                })
+            })
+        ]
+    });
+}
+
+export { NavigationButtons as N };