@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/components/layout/FeatureLayoutExportButton.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { exportToCSV, exportToExcel, exportToPrint, } from "../../support/utils/fileUtils.js";
+import { Download, FileSpreadsheet, FileText, Printer } from "lucide-react";
+import { toast } from "sonner";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../dropdown-menu.js";
+export function FeatureLayoutExportButton({ data, columns, filename = "export", }) {
+    const getColumns = () => columns ||
+        (data.length > 0
+            ? Object.keys(data[0]).map((key) => ({
+                header: key.charAt(0).toUpperCase() +
+                    key
+                        .slice(1)
+                        .replace(/([A-Z])/g, " $1")
+                        .trim(),
+                accessor: key,
+            }))
+            : []);
+    const baseFilename = filename.replace(/\.(csv|xlsx)$/i, "");
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx("button", { "aria-label": "Export options", className: "w-8 h-8 rounded-md flex items-center justify-center transition-colors outline-none cursor-pointer border bg-dashboard-card dark:bg-dashboard-card/40 text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground border-dashboard-border", children: _jsx(Download, { className: "w-3.5 h-3.5" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-44 z-100 bg-dashboard-card border border-dashboard-border rounded-lg shadow-lg", children: [_jsxs(DropdownMenuItem, { className: "cursor-pointer text-[13px] font-medium focus:bg-dashboard-secondary focus:text-dashboard-foreground flex items-center gap-2.5 p-2 rounded-md", onClick: () => exportToCSV(data, getColumns(), `${baseFilename}.csv`), children: [_jsx(FileText, { className: "w-4 h-4 text-dashboard-muted-foreground" }), "Export to CSV"] }), _jsxs(DropdownMenuItem, { className: "cursor-pointer text-[13px] font-medium focus:bg-dashboard-secondary focus:text-dashboard-foreground flex items-center gap-2.5 p-2 rounded-md", onClick: () => void exportToExcel(data, getColumns(), `${baseFilename}.xlsx`).catch((error) => toast.error(error instanceof Error ? error.message : "Export failed")), children: [_jsx(FileSpreadsheet, { className: "w-4 h-4 text-green-500/80" }), "Export to Excel"] }), _jsxs(DropdownMenuItem, { className: "cursor-pointer text-[13px] font-medium focus:bg-dashboard-secondary focus:text-dashboard-foreground flex items-center gap-2.5 p-2 rounded-md", onClick: () => exportToPrint(data, getColumns(), baseFilename), children: [_jsx(Printer, { className: "w-4 h-4 text-blue-500/80" }), "Print / Save as PDF"] })] })] }));
+}
+//# sourceMappingURL=FeatureLayoutExportButton.js.map

package/dist/components/layout/FeatureLayoutExportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureLayoutExportButton.js","sourceRoot":"","sources":["../../../src/components/layout/FeatureLayoutExportButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,GACd,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,UAAU,yBAAyB,CAAmB,EAC1D,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,QAAQ,GACe;IAClC,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO;QACP,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;YACd,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBACjC,MAAM,EACJ,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;oBAC3B,GAAG;yBACA,KAAK,CAAC,CAAC,CAAC;yBACR,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;yBAC1B,IAAI,EAAE;gBACX,QAAQ,EAAE,GAAc;aACzB,CAAC,CAAC;YACL,CAAC,CAAC,EAAE,CAAC,CAAC;IAEV,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;IAE5D,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAClB,MAAM,EACJ,+BACa,gBAAgB,EAC3B,SAAS,EAAC,2QAA2Q,YAErR,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAC7B,GAEX,EACF,MAAC,mBAAmB,IAClB,KAAK,EAAC,KAAK,EACX,SAAS,EAAC,kFAAkF,aAE5F,MAAC,gBAAgB,IACf,SAAS,EAAC,8IAA8I,EACxJ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,YAAY,MAAM,CAAC,aAErE,KAAC,QAAQ,IAAC,SAAS,EAAC,yCAAyC,GAAG,qBAE/C,EACnB,MAAC,gBAAgB,IACf,SAAS,EAAC,8IAA8I,EACxJ,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,aAAa,CAChB,IAAI,EACJ,UAAU,EAAE,EACZ,GAAG,YAAY,OAAO,CACvB,CAAC,KAAK,CAAC,CAAC,KAAc,EAAE,EAAE,CACzB,KAAK,CAAC,KAAK,CACT,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CACzD,CACF,aAGH,KAAC,eAAe,IAAC,SAAS,EAAC,2BAA2B,GAAG,uBAExC,EACnB,MAAC,gBAAgB,IACf,SAAS,EAAC,8IAA8I,EACxJ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,YAAY,CAAC,aAE9D,KAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,GAAG,2BAE/B,IACC,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/layout/FeatureLayoutTabs.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+export interface TabItem {
+    id: string;
+    label: React.ReactNode;
+    count?: number;
+    icon?: React.ReactNode;
+    closable?: boolean;
+    onClose?: () => void;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export interface FeatureLayoutTabsProps<T extends TabItem = TabItem> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    tabs: T[];
+    activeTab: string;
+    onChange: (tabId: string) => void;
+    onTabsChange?: (tabs: T[]) => void;
+    onAdd?: () => void;
+    onClose?: (tabId: string) => void;
+    renderIcon?: (tab: T) => React.ReactNode;
+    renderLabel?: (tab: T) => React.ReactNode;
+    draggable?: boolean;
+    pinFirstTab?: boolean;
+    onReorder?: (fromIndex: number, toIndex: number) => void;
+    /**
+     * When true (default: true), automatically alerts the user before refreshing or navigating away
+     * if multiple tabs or closable/item tabs are open.
+     */
+    warnOnRefresh?: boolean;
+    /** Custom warning message for beforeunload */
+    warnOnRefreshMessage?: string;
+}
+/**
+ * Hook to alert the user before refreshing or leaving the page if tabs or unsaved changes exist
+ */
+export declare function useWarnOnRefresh(shouldWarn: boolean, customMessage?: string): void;
+export declare function FeatureLayoutTabs<T extends TabItem = TabItem>({ tabs, activeTab, onChange, onTabsChange, onAdd, onClose, renderIcon, renderLabel, draggable, pinFirstTab, onReorder, warnOnRefresh, warnOnRefreshMessage, className, ...props }: FeatureLayoutTabsProps<T>): React.JSX.Element;

package/dist/components/layout/FeatureLayoutTabs.js

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../support/utils.js";
+import { ChevronLeft, ChevronRight, Plus, X } from "lucide-react";
+import * as React from "react";
+import ThemedText from "../ThemedText.js";
+/**
+ * Hook to alert the user before refreshing or leaving the page if tabs or unsaved changes exist
+ */
+export function useWarnOnRefresh(shouldWarn, customMessage) {
+    React.useEffect(() => {
+        if (!shouldWarn)
+            return;
+        const message = customMessage ||
+            "You have open tabs. If you reload this page, all open tabs and unsaved changes will be lost.";
+        const handleBeforeUnload = (e) => {
+            e.preventDefault();
+            e.returnValue = message;
+            return message;
+        };
+        window.addEventListener("beforeunload", handleBeforeUnload);
+        return () => {
+            window.removeEventListener("beforeunload", handleBeforeUnload);
+        };
+    }, [shouldWarn, customMessage]);
+}
+export function FeatureLayoutTabs({ tabs, activeTab, onChange, onTabsChange, onAdd, onClose, renderIcon, renderLabel, draggable = true, pinFirstTab = true, onReorder, warnOnRefresh = true, warnOnRefreshMessage, className, ...props }) {
+    const scrollContainerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const [canScrollLeft, setCanScrollLeft] = React.useState(false);
+    const [canScrollRight, setCanScrollRight] = React.useState(false);
+    const [isOverflowing, setIsOverflowing] = React.useState(false);
+    const [draggedIndex, setDraggedIndex] = React.useState(null);
+    const [displayTabs, setDisplayTabs] = React.useState(tabs);
+    const hasOpenTabs = tabs.length > 1 ||
+        tabs.some((t, idx) => Boolean(t.closable) ||
+            (pinFirstTab && idx > 0) ||
+            t.type === "detail" ||
+            t.type === "create" ||
+            t.type === "edit");
+    useWarnOnRefresh(warnOnRefresh !== false && hasOpenTabs, warnOnRefreshMessage);
+    React.useEffect(() => {
+        setDisplayTabs(tabs);
+    }, [tabs]);
+    const checkScroll = React.useCallback(() => {
+        const el = scrollContainerRef.current;
+        if (!el)
+            return;
+        const { scrollLeft, scrollWidth, clientWidth } = el;
+        const maxScroll = scrollWidth - clientWidth;
+        const overflowing = maxScroll > 2;
+        setIsOverflowing(overflowing);
+        if (!overflowing) {
+            setCanScrollLeft(false);
+            setCanScrollRight(false);
+            return;
+        }
+        const isRtl = document.documentElement.dir === "rtl" ||
+            el.closest('[dir="rtl"]') !== null;
+        if (isRtl) {
+            const current = Math.abs(scrollLeft);
+            setCanScrollRight(current > 4);
+            setCanScrollLeft(current < maxScroll - 4);
+        }
+        else {
+            setCanScrollLeft(scrollLeft > 4);
+            setCanScrollRight(scrollLeft < maxScroll - 4);
+        }
+    }, []);
+    React.useEffect(() => {
+        const el = scrollContainerRef.current;
+        const contentEl = contentRef.current;
+        if (!el)
+            return;
+        checkScroll();
+        const raf = requestAnimationFrame(checkScroll);
+        const observer = new ResizeObserver(() => checkScroll());
+        observer.observe(el);
+        if (contentEl)
+            observer.observe(contentEl);
+        return () => {
+            cancelAnimationFrame(raf);
+            observer.disconnect();
+        };
+    }, [tabs, checkScroll]);
+    React.useEffect(() => {
+        const el = scrollContainerRef.current;
+        if (!el)
+            return;
+        const onWheel = (e) => {
+            if (el.scrollWidth > el.clientWidth) {
+                const delta = e.deltaX !== 0 ? e.deltaX : e.deltaY;
+                if (delta !== 0) {
+                    e.preventDefault();
+                    el.scrollLeft += delta;
+                    checkScroll();
+                }
+            }
+        };
+        el.addEventListener("wheel", onWheel, { passive: false });
+        return () => el.removeEventListener("wheel", onWheel);
+    }, [checkScroll]);
+    // Auto-scroll active tab into view when activeTab changes
+    React.useEffect(() => {
+        const el = scrollContainerRef.current;
+        if (!el)
+            return;
+        const activeBtn = el.querySelector(`[data-tab-id="${activeTab}"]`);
+        if (activeBtn) {
+            activeBtn.scrollIntoView({
+                behavior: "smooth",
+                block: "nearest",
+                inline: "nearest",
+            });
+            setTimeout(checkScroll, 350);
+        }
+    }, [activeTab, checkScroll]);
+    const scrollByAmount = (direction) => {
+        const el = scrollContainerRef.current;
+        if (!el)
+            return;
+        const punch = 200;
+        const delta = direction === "left" ? -punch : punch;
+        el.scrollBy({ left: delta, behavior: "smooth" });
+        setTimeout(checkScroll, 300);
+    };
+    const handleDragStart = (e, index) => {
+        if (!draggable || (pinFirstTab && index === 0)) {
+            e.preventDefault();
+            return;
+        }
+        setDraggedIndex(index);
+        e.dataTransfer.setData("text/plain", String(index));
+        e.dataTransfer.effectAllowed = "move";
+    };
+    const handleDragOver = (e, index) => {
+        if (!draggable)
+            return;
+        e.preventDefault();
+        if (draggedIndex === null ||
+            draggedIndex === index ||
+            (pinFirstTab && (index === 0 || draggedIndex === 0))) {
+            return;
+        }
+        const next = [...displayTabs];
+        const [moved] = next.splice(draggedIndex, 1);
+        next.splice(index, 0, moved);
+        setDisplayTabs(next);
+        setDraggedIndex(index);
+        onTabsChange?.(next);
+        onReorder?.(draggedIndex, index);
+    };
+    const handleDragEnd = () => {
+        setDraggedIndex(null);
+    };
+    return (_jsxs("div", { className: cn("flex-1 min-w-0 flex items-center gap-1.5 select-none", className), ...props, children: [isOverflowing && (_jsx("button", { type: "button", onClick: () => scrollByAmount("left"), disabled: !canScrollLeft, "aria-label": "Scroll tabs left", className: cn("w-7 h-7 rounded-full flex items-center justify-center shrink-0 bg-dashboard-card border border-dashboard-border text-dashboard-muted-foreground shadow-xs transition-all z-10", canScrollLeft
+                    ? "hover:bg-dashboard-secondary hover:text-dashboard-foreground cursor-pointer"
+                    : "opacity-30 cursor-not-allowed pointer-events-none"), children: _jsx(ChevronLeft, { className: "w-3.5 h-3.5" }) })), _jsxs("div", { className: "relative flex-1 min-w-0 flex items-center", children: [canScrollLeft && (_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-6 bg-gradient-to-r from-dashboard-card to-transparent pointer-events-none rounded-l-md z-1" })), _jsx("div", { ref: scrollContainerRef, onScroll: checkScroll, className: "min-w-0 flex items-center overflow-x-auto hide-scrollbar scroll-smooth", children: _jsxs("div", { ref: contentRef, className: "flex items-center gap-1 shrink-0", children: [displayTabs.map((tab, index) => {
+                                    const isActive = activeTab === tab.id;
+                                    const isDraggable = draggable && (!pinFirstTab || index !== 0);
+                                    const isClosable = tab.closable ??
+                                        (onClose !== undefined &&
+                                            (!pinFirstTab || index !== 0));
+                                    return (_jsxs("div", { "data-tab-id": tab.id, role: "tab", "aria-selected": isActive, tabIndex: 0, onClick: () => onChange(tab.id), onKeyDown: (e) => {
+                                            if (e.key === "Enter" ||
+                                                e.key === " ") {
+                                                e.preventDefault();
+                                                onChange(tab.id);
+                                            }
+                                        }, draggable: isDraggable, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e, index), onDragEnd: handleDragEnd, className: cn("px-3 py-1.5 text-xs rounded-md transition-all outline-none flex items-center gap-2 select-none whitespace-nowrap shrink-0", isDraggable
+                                            ? "cursor-grab active:cursor-grabbing"
+                                            : "cursor-pointer", isActive
+                                            ? "bg-dashboard-secondary text-dashboard-foreground font-semibold border border-dashboard-border shadow-2xs"
+                                            : "text-dashboard-muted-foreground hover:bg-dashboard-secondary/60 hover:text-dashboard-foreground border border-transparent", draggedIndex === index &&
+                                            "opacity-30 scale-95 border border-dashed border-dashboard-border", tab.disabled &&
+                                            "opacity-40 pointer-events-none cursor-not-allowed"), children: [renderIcon ? (_jsx("span", { className: "shrink-0 flex items-center", children: renderIcon(tab) })) : tab.icon ? (_jsx("span", { className: "shrink-0 flex items-center", children: tab.icon })) : null, _jsx(ThemedText, { as: "span", variant: "caption", color: isActive ? "primary" : undefined, children: renderLabel
+                                                    ? renderLabel(tab)
+                                                    : tab.label }), tab.count !== undefined && (_jsx("span", { className: cn("text-[10px] px-1.5 py-0.2 rounded-full font-semibold", isActive
+                                                    ? "bg-dashboard-primary/20 text-dashboard-primary border border-dashboard-primary/30"
+                                                    : "bg-dashboard-muted text-dashboard-muted-foreground"), children: tab.count })), isClosable && (_jsx("button", { type: "button", "aria-label": `Close ${typeof tab.label === "string" ? tab.label : "tab"}`, onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    if (tab.onClose) {
+                                                        tab.onClose();
+                                                    }
+                                                    else if (onClose) {
+                                                        onClose(tab.id);
+                                                    }
+                                                }, className: "hover:text-dashboard-foreground text-dashboard-muted-foreground p-0.5 rounded-full hover:bg-dashboard-secondary transition-colors cursor-pointer", children: _jsx(X, { className: "w-3 h-3" }) }))] }, tab.id));
+                                }), onAdd && (_jsx("button", { type: "button", onClick: onAdd, "aria-label": "Add tab", className: "w-7 h-7 ml-1 rounded-md flex items-center justify-center text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground transition-colors shrink-0 cursor-pointer", children: _jsx(Plus, { className: "w-3.5 h-3.5" }) }))] }) }), canScrollRight && (_jsx("div", { className: "absolute right-0 top-0 bottom-0 w-6 bg-gradient-to-l from-dashboard-card to-transparent pointer-events-none rounded-r-md z-1" }))] }), isOverflowing && (_jsx("button", { type: "button", onClick: () => scrollByAmount("right"), disabled: !canScrollRight, "aria-label": "Scroll tabs right", className: cn("w-7 h-7 rounded-full flex items-center justify-center shrink-0 bg-dashboard-card border border-dashboard-border text-dashboard-muted-foreground shadow-xs transition-all z-10", canScrollRight
+                    ? "hover:bg-dashboard-secondary hover:text-dashboard-foreground cursor-pointer"
+                    : "opacity-30 cursor-not-allowed pointer-events-none"), children: _jsx(ChevronRight, { className: "w-3.5 h-3.5" }) }))] }));
+}
+//# sourceMappingURL=FeatureLayoutTabs.js.map

package/dist/components/layout/FeatureLayoutTabs.js.map

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

package/dist/components/layout/kanban/FeatureLayoutKanban.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { FeatureLayoutKanbanProps } from "./types";
+export declare function FeatureLayoutKanban<TItem extends {
+    id: string | number;
+} = any>({ items, columns, getItemColumnId, onItemMove, onItemStatusChange, renderCard, renderColumnHeader, onCardClick, onAddCard, allowColumnCollapse, allowCollapseAll, showItemCount, allowDragAndDrop, collapsedColumns: controlledCollapsedColumns, onCollapsedColumnsChange, isLoading, emptyPlaceholder, toolbarExtra, footer, className, columnsContainerClassName, columnClassName, columnWidth, }: FeatureLayoutKanbanProps<TItem>): React.JSX.Element;
+export default FeatureLayoutKanban;

package/dist/components/layout/kanban/FeatureLayoutKanban.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../support/utils.js";
+import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCorners, useSensor, useSensors, } from "@dnd-kit/core";
+import { arrayMove, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { KanbanColumn } from "./KanbanColumn.js";
+import { KanbanToolbar } from "./KanbanToolbar.js";
+export function FeatureLayoutKanban({ items, columns, getItemColumnId = (item) => item?.status || "", onItemMove, onItemStatusChange, renderCard, renderColumnHeader, onCardClick, onAddCard, allowColumnCollapse = true, allowCollapseAll = true, showItemCount = true, allowDragAndDrop = true, collapsedColumns: controlledCollapsedColumns, onCollapsedColumnsChange, isLoading = false, emptyPlaceholder, toolbarExtra, footer, className, columnsContainerClassName, columnClassName, columnWidth = 320, }) {
+    // Local copy of items for fluid optimistic updates during drag & drop
+    const [localItems, setLocalItems] = useState(items);
+    // Keep local items synchronized with incoming items prop
+    useEffect(() => {
+        setLocalItems(items);
+    }, [items]);
+    // Local state for collapsed columns if uncontrolled
+    const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState([]);
+    const collapsedColumns = controlledCollapsedColumns !== undefined
+        ? controlledCollapsedColumns
+        : uncontrolledCollapsed;
+    const setCollapsedColumns = useCallback((updater) => {
+        const next = updater(collapsedColumns);
+        if (onCollapsedColumnsChange) {
+            onCollapsedColumnsChange(next);
+        }
+        if (controlledCollapsedColumns === undefined) {
+            setUncontrolledCollapsed(next);
+        }
+    }, [collapsedColumns, controlledCollapsedColumns, onCollapsedColumnsChange]);
+    // Column collapse toggle
+    const handleToggleColumn = useCallback((columnId) => {
+        setCollapsedColumns((prev) => prev.includes(columnId)
+            ? prev.filter((id) => id !== columnId)
+            : [...prev, columnId]);
+    }, [setCollapsedColumns]);
+    // Collapse All / Expand All toggle
+    const allCollapsed = useMemo(() => {
+        if (columns.length === 0)
+            return false;
+        return columns.every((col) => collapsedColumns.includes(col.id));
+    }, [columns, collapsedColumns]);
+    const handleToggleCollapseAll = useCallback(() => {
+        if (allCollapsed) {
+            setCollapsedColumns(() => []);
+        }
+        else {
+            setCollapsedColumns(() => columns.map((col) => col.id));
+        }
+    }, [allCollapsed, columns, setCollapsedColumns]);
+    // Group items by column ID
+    const groupedItems = useMemo(() => {
+        const groups = {};
+        for (const col of columns) {
+            groups[col.id] = [];
+        }
+        for (const item of localItems) {
+            const colId = getItemColumnId(item);
+            if (groups[colId]) {
+                groups[colId].push(item);
+            }
+            else {
+                // Try case-insensitive lookup in defined columns
+                const matchedCol = columns.find((c) => c.id.toLowerCase() === (colId || "").toLowerCase());
+                if (matchedCol && groups[matchedCol.id]) {
+                    groups[matchedCol.id].push(item);
+                }
+                else {
+                    // If column does not exist in definitions, collect in fallback
+                    if (!groups["__other__"])
+                        groups["__other__"] = [];
+                    groups["__other__"].push(item);
+                }
+            }
+        }
+        return groups;
+    }, [columns, localItems, getItemColumnId]);
+    // Currently dragged item for DragOverlay preview
+    const [activeItem, setActiveItem] = useState(null);
+    const [activeSourceColumnId, setActiveSourceColumnId] = useState(null);
+    // Drag sensors with distance activation so buttons/clicks inside cards work effortlessly
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 5,
+        },
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const handleDragStart = useCallback((event) => {
+        if (!allowDragAndDrop)
+            return;
+        const { active } = event;
+        const found = localItems.find((item) => item.id.toString() === active.id.toString());
+        if (found) {
+            setActiveItem(found);
+            setActiveSourceColumnId(getItemColumnId(found));
+        }
+    }, [allowDragAndDrop, localItems, getItemColumnId]);
+    const handleDragOver = useCallback((event) => {
+        if (!allowDragAndDrop)
+            return;
+        const { active, over } = event;
+        if (!over)
+            return;
+        const activeId = active.id.toString();
+        const overId = over.id.toString();
+        if (activeId === overId)
+            return;
+        const isActiveItem = active.data.current?.type === "Item";
+        const isOverItem = over.data.current?.type === "Item";
+        const isOverColumn = over.data.current?.type === "Column";
+        if (!isActiveItem)
+            return;
+        // Scenario 1: Dropping an Item over another Item
+        if (isActiveItem && isOverItem) {
+            setLocalItems((prevItems) => {
+                const activeIndex = prevItems.findIndex((i) => i.id.toString() === activeId);
+                const overIndex = prevItems.findIndex((i) => i.id.toString() === overId);
+                if (activeIndex === -1 || overIndex === -1)
+                    return prevItems;
+                const sourceCol = getItemColumnId(prevItems[activeIndex]);
+                const targetCol = getItemColumnId(prevItems[overIndex]);
+                if (sourceCol !== targetCol) {
+                    const updated = [...prevItems];
+                    // Assign target column ID to item
+                    updated[activeIndex].status = targetCol;
+                    return arrayMove(updated, activeIndex, overIndex);
+                }
+                return arrayMove(prevItems, activeIndex, overIndex);
+            });
+        }
+        // Scenario 2: Dropping an Item over an empty Column dropzone
+        if (isActiveItem && isOverColumn) {
+            const targetColumnId = over.data.current?.columnId || overId;
+            setLocalItems((prevItems) => {
+                const activeIndex = prevItems.findIndex((i) => i.id.toString() === activeId);
+                if (activeIndex === -1)
+                    return prevItems;
+                const sourceCol = getItemColumnId(prevItems[activeIndex]);
+                if (sourceCol === targetColumnId)
+                    return prevItems;
+                const updated = [...prevItems];
+                updated[activeIndex].status = targetColumnId;
+                return arrayMove(updated, activeIndex, activeIndex);
+            });
+        }
+    }, [allowDragAndDrop, getItemColumnId]);
+    const handleDragEnd = useCallback((event) => {
+        if (!allowDragAndDrop)
+            return;
+        const { active, over } = event;
+        if (activeItem) {
+            const finalItem = localItems.find((i) => i.id.toString() === activeItem.id.toString());
+            const newColId = finalItem ? getItemColumnId(finalItem) : null;
+            if (finalItem && newColId && activeSourceColumnId && newColId !== activeSourceColumnId) {
+                onItemStatusChange?.(finalItem.id, newColId, finalItem);
+                if (onItemMove) {
+                    const targetItems = groupedItems[newColId] || [];
+                    const newIdx = targetItems.findIndex((i) => i.id.toString() === finalItem.id.toString());
+                    const sourceItems = groupedItems[activeSourceColumnId] || [];
+                    const oldIdx = sourceItems.findIndex((i) => i.id.toString() === activeItem.id.toString());
+                    onItemMove({
+                        itemId: finalItem.id,
+                        item: finalItem,
+                        sourceColumnId: activeSourceColumnId,
+                        targetColumnId: newColId,
+                        oldIndex: oldIdx >= 0 ? oldIdx : 0,
+                        newIndex: newIdx >= 0 ? newIdx : 0,
+                    });
+                }
+            }
+        }
+        setActiveItem(null);
+        setActiveSourceColumnId(null);
+    }, [
+        allowDragAndDrop,
+        activeItem,
+        localItems,
+        activeSourceColumnId,
+        getItemColumnId,
+        onItemStatusChange,
+        onItemMove,
+        groupedItems,
+    ]);
+    if (isLoading) {
+        return (_jsxs("div", { className: "flex-1 flex flex-col h-full overflow-hidden p-6 animate-pulse", children: [_jsx("div", { className: "h-8 w-64 bg-dashboard-card rounded-md mb-4" }), _jsx("div", { className: "flex-1 flex gap-4 overflow-hidden", children: [1, 2, 3, 4].map((i) => (_jsxs("div", { className: "w-80 h-full rounded-xl bg-dashboard-card/40 border border-dashboard-border p-4 flex flex-col gap-3", children: [_jsx("div", { className: "h-6 w-32 bg-dashboard-secondary rounded" }), _jsx("div", { className: "h-24 w-full bg-dashboard-secondary/60 rounded-lg" }), _jsx("div", { className: "h-24 w-full bg-dashboard-secondary/60 rounded-lg" })] }, i))) })] }));
+    }
+    return (_jsxs("div", { className: cn("flex-1 flex flex-col h-full min-h-0 overflow-hidden bg-dashboard-background select-none", className), children: [_jsx(KanbanToolbar, { totalItems: localItems.length, columnsCount: columns.length, allCollapsed: allCollapsed, onToggleCollapseAll: handleToggleCollapseAll, allowCollapseAll: allowCollapseAll, toolbarExtra: toolbarExtra }), _jsxs(DndContext, { sensors: sensors, collisionDetection: closestCorners, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: [_jsx("div", { className: cn("flex-1 flex overflow-x-auto overflow-y-hidden p-4 md:p-6 gap-4 min-h-0 custom-scrollbar", columnsContainerClassName), children: columns.map((column) => {
+                            const isColCollapsed = collapsedColumns.includes(column.id);
+                            const colItems = groupedItems[column.id] || [];
+                            return (_jsx(KanbanColumn, { column: column, items: colItems, isCollapsed: isColCollapsed, onToggleCollapse: handleToggleColumn, allowColumnCollapse: allowColumnCollapse, showItemCount: showItemCount, onAddCard: onAddCard, renderCard: renderCard, renderColumnHeader: renderColumnHeader, onCardClick: onCardClick, allowDragAndDrop: allowDragAndDrop, emptyPlaceholder: emptyPlaceholder, columnWidth: columnWidth, columnClassName: columnClassName }, column.id));
+                        }) }), _jsx(DragOverlay, { dropAnimation: { duration: 180, easing: "ease" }, children: activeItem ? (_jsx("div", { className: "scale-105 rotate-1.5 shadow-2xl opacity-95 ring-1 ring-dashboard-primary/40 rounded-xl cursor-grabbing pointer-events-none", children: renderCard ? (renderCard(activeItem, true)) : (_jsx("div", { className: "bg-dashboard-card border border-dashboard-border rounded-xl p-3.5 shadow-xl", children: _jsx("span", { className: "text-xs font-semibold text-dashboard-foreground", children: activeItem.title ||
+                                        activeItem.name ||
+                                        `Item #${activeItem.id}` }) })) })) : null })] }), footer && (_jsx("div", { className: "shrink-0 px-4 py-2.5 border-t border-dashboard-border bg-dashboard-card/30", children: footer }))] }));
+}
+export default FeatureLayoutKanban;
+//# sourceMappingURL=FeatureLayoutKanban.js.map

package/dist/components/layout/kanban/FeatureLayoutKanban.js.map

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

package/dist/components/layout/kanban/KanbanCard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface SortableKanbanCardProps<TItem extends {
+    id: string | number;
+} = any> {
+    item: TItem;
+    renderCard?: (item: TItem, isDragging?: boolean) => React.ReactNode;
+    onCardClick?: (item: TItem) => void;
+    allowDragAndDrop?: boolean;
+}
+export declare function SortableKanbanCard<TItem extends {
+    id: string | number;
+} = any>({ item, renderCard, onCardClick, allowDragAndDrop, }: SortableKanbanCardProps<TItem>): React.JSX.Element;

package/dist/components/layout/kanban/KanbanCard.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../support/utils.js";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { GripVertical } from "lucide-react";
+export function SortableKanbanCard({ item, renderCard, onCardClick, allowDragAndDrop = true, }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({
+        id: item.id.toString(),
+        data: {
+            type: "Item",
+            item,
+        },
+        disabled: !allowDragAndDrop,
+    });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.35 : 1,
+    };
+    const handleClick = (e) => {
+        // Only trigger click if not dragged
+        if (!isDragging && onCardClick) {
+            onCardClick(item);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if ((e.key === "Enter" || e.key === " ") && onCardClick) {
+            e.preventDefault();
+            onCardClick(item);
+        }
+    };
+    return (_jsx("div", { ref: setNodeRef, style: style, ...attributes, ...listeners, onClick: handleClick, onKeyDown: handleKeyDown, role: onCardClick ? "button" : undefined, tabIndex: onCardClick ? 0 : undefined, "aria-label": `Card ${item.id}`, className: cn("relative group select-none transition-shadow duration-200 outline-none", allowDragAndDrop
+            ? "cursor-grab active:cursor-grabbing"
+            : onCardClick
+                ? "cursor-pointer"
+                : "cursor-default", isDragging && "z-50"), children: renderCard ? (renderCard(item, isDragging)) : (_jsx(DefaultKanbanCardContent, { item: item, allowDragAndDrop: allowDragAndDrop })) }));
+}
+function DefaultKanbanCardContent({ item, allowDragAndDrop, }) {
+    const title = item.title || item.name || `Item #${item.id}`;
+    const subtitle = item.description || item.code || item.subtitle;
+    return (_jsxs("div", { className: "bg-dashboard-card hover:bg-dashboard-secondary border border-dashboard-border rounded-xl p-3.5 transition-all shadow-xs group-hover:border-dashboard-primary/40", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "text-xs font-semibold text-dashboard-foreground line-clamp-2", children: title }), allowDragAndDrop && (_jsx(GripVertical, { className: "w-3.5 h-3.5 text-dashboard-muted-foreground/40 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" }))] }), subtitle && (_jsx("p", { className: "mt-1 text-[11px] text-dashboard-muted-foreground line-clamp-2", children: subtitle })), _jsxs("div", { className: "mt-2.5 flex items-center justify-between text-[10px] text-dashboard-muted-foreground pt-2 border-t border-dashboard-border/60", children: [_jsxs("span", { className: "font-mono text-dashboard-muted-foreground/80", children: ["#", item.id] }), item.status && (_jsx("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded-md bg-dashboard-secondary text-dashboard-foreground font-medium", children: item.status }))] })] }));
+}
+//# sourceMappingURL=KanbanCard.js.map

package/dist/components/layout/kanban/KanbanCard.js.map

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

package/dist/components/layout/kanban/KanbanColumn.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { KanbanColumnDef } from "./types";
+export interface KanbanColumnProps<TItem extends {
+    id: string | number;
+} = any> {
+    column: KanbanColumnDef<TItem>;
+    items: TItem[];
+    isCollapsed: boolean;
+    onToggleCollapse: (columnId: string) => void;
+    allowColumnCollapse?: boolean;
+    showItemCount?: boolean;
+    onAddCard?: (columnId: string) => void;
+    renderCard?: (item: TItem, isDragging?: boolean) => React.ReactNode;
+    renderColumnHeader?: (column: KanbanColumnDef<TItem>, isCollapsed: boolean, toggleCollapse: () => void, itemCount: number) => React.ReactNode;
+    onCardClick?: (item: TItem) => void;
+    allowDragAndDrop?: boolean;
+    emptyPlaceholder?: (column: KanbanColumnDef<TItem>) => React.ReactNode;
+    columnWidth?: number | string;
+    columnClassName?: string;
+}
+export declare function KanbanColumn<TItem extends {
+    id: string | number;
+} = any>({ column, items, isCollapsed, onToggleCollapse, allowColumnCollapse, showItemCount, onAddCard, renderCard, renderColumnHeader, onCardClick, allowDragAndDrop, emptyPlaceholder, columnWidth, columnClassName, }: KanbanColumnProps<TItem>): React.JSX.Element;