@gostack-framework/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../support/utils.js";
+import { useDroppable } from "@dnd-kit/core";
+import { SortableContext, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { ChevronLeft, ChevronRight, Plus, } from "lucide-react";
+import { motion } from "motion/react";
+import { SortableKanbanCard } from "./KanbanCard.js";
+export function KanbanColumn({ column, items, isCollapsed, onToggleCollapse, allowColumnCollapse = true, showItemCount = true, onAddCard, renderCard, renderColumnHeader, onCardClick, allowDragAndDrop = true, emptyPlaceholder, columnWidth = 320, columnClassName, }) {
+    const { setNodeRef, isOver } = useDroppable({
+        id: column.id,
+        data: {
+            type: "Column",
+            columnId: column.id,
+        },
+    });
+    const Icon = column.icon;
+    const toggleCollapse = () => onToggleCollapse(column.id);
+    // Collapsed View
+    if (isCollapsed) {
+        return (_jsxs(motion.div, { layout: true, initial: { width: 48, opacity: 0.8 }, animate: { width: 48, opacity: 1 }, exit: { width: 0, opacity: 0 }, transition: { duration: 0.25, ease: "easeInOut" }, ref: setNodeRef, onClick: toggleCollapse, role: "region", "aria-label": `${column.title} column (collapsed)`, className: cn("shrink-0 h-full flex flex-col items-center py-3 select-none rounded-xl border transition-colors cursor-pointer group relative overflow-hidden", isOver
+                ? "bg-dashboard-primary/10 border-dashboard-primary/70 ring-1 ring-dashboard-primary/30"
+                : "bg-dashboard-card/60 hover:bg-dashboard-secondary border-dashboard-border", columnClassName), children: [allowColumnCollapse && (_jsx("button", { type: "button", "aria-label": `Expand ${column.title} column`, onClick: (e) => {
+                        e.stopPropagation();
+                        toggleCollapse();
+                    }, className: "w-7 h-7 rounded-lg flex items-center justify-center text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-card transition-colors mb-4 cursor-pointer", children: _jsx(ChevronRight, { className: "w-3.5 h-3.5" }) })), Icon && (_jsx("div", { className: "mb-3 text-dashboard-muted-foreground group-hover:text-dashboard-foreground transition-colors", children: _jsx(Icon, { className: "w-4 h-4" }) })), _jsx("div", { className: "flex-1 flex items-center justify-center py-2 overflow-hidden", children: _jsx("span", { className: "[writing-mode:vertical-rl] rotate-180 text-xs font-semibold tracking-wider text-dashboard-foreground/80 group-hover:text-dashboard-foreground whitespace-nowrap transition-colors", children: column.title }) }), showItemCount && (_jsx("span", { className: "mt-auto px-1.5 py-0.5 rounded-full text-[10px] font-bold bg-dashboard-secondary text-dashboard-muted-foreground border border-dashboard-border shrink-0", children: items.length }))] }));
+    }
+    // Expanded View
+    return (_jsxs(motion.div, { layout: true, initial: { width: columnWidth, opacity: 0.8 }, animate: { width: columnWidth, opacity: 1 }, exit: { width: 0, opacity: 0 }, transition: { duration: 0.25, ease: "easeInOut" }, className: cn("shrink-0 h-full flex flex-col rounded-xl border border-dashboard-border bg-dashboard-card/40 overflow-hidden", isOver && "ring-1 ring-dashboard-primary/40 border-dashboard-primary/50", columnClassName), style: { width: typeof columnWidth === "number" ? `${columnWidth}px` : columnWidth }, children: [renderColumnHeader ? (renderColumnHeader(column, isCollapsed, toggleCollapse, items.length)) : (_jsxs("div", { className: "px-3.5 py-3 border-b border-dashboard-border bg-dashboard-card flex items-center justify-between gap-2 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [Icon && (_jsx("div", { className: "text-dashboard-primary shrink-0", children: _jsx(Icon, { className: "w-4 h-4" }) })), _jsx("h3", { className: "text-xs font-semibold text-dashboard-foreground truncate", children: column.title }), showItemCount && (_jsxs("span", { className: "inline-flex items-center px-1.5 py-0.2 rounded-full text-[10px] font-semibold bg-dashboard-secondary text-dashboard-muted-foreground border border-dashboard-border shrink-0", children: [items.length, column.limit ? ` / ${column.limit}` : ""] }))] }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [column.headerAction, onAddCard && (_jsx("button", { type: "button", "aria-label": `Add item to ${column.title}`, onClick: () => onAddCard(column.id), className: "w-6 h-6 rounded-md flex items-center justify-center text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-secondary transition-colors cursor-pointer", children: _jsx(Plus, { className: "w-3.5 h-3.5" }) })), allowColumnCollapse && (_jsx("button", { type: "button", "aria-label": `Collapse ${column.title} column`, onClick: toggleCollapse, className: "w-6 h-6 rounded-md flex items-center justify-center text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-secondary transition-colors cursor-pointer", children: _jsx(ChevronLeft, { className: "w-3.5 h-3.5" }) }))] })] })), _jsxs("div", { ref: setNodeRef, className: cn("flex-1 overflow-y-auto p-3 space-y-2.5 transition-colors", isOver && "bg-dashboard-secondary/30"), children: [_jsx(SortableContext, { items: items.map((item) => item.id.toString()), strategy: verticalListSortingStrategy, children: items.map((item) => (_jsx(SortableKanbanCard, { item: item, renderCard: renderCard, onCardClick: onCardClick, allowDragAndDrop: allowDragAndDrop }, item.id))) }), items.length === 0 && (_jsx("div", { className: "h-28 flex flex-col items-center justify-center rounded-lg border border-dashed border-dashboard-border/80 text-dashboard-muted-foreground/60 p-4 text-center", children: emptyPlaceholder ? (emptyPlaceholder(column)) : (_jsx("span", { className: "text-[11px] select-none", children: allowDragAndDrop ? "Drop cards here" : "No items" })) })), onAddCard && (_jsxs("button", { type: "button", onClick: () => onAddCard(column.id), className: "w-full py-2 px-2.5 rounded-lg border border-transparent hover:border-dashboard-border hover:bg-dashboard-secondary text-dashboard-muted-foreground hover:text-dashboard-foreground text-xs font-medium flex items-center justify-center gap-1.5 transition-all cursor-pointer mt-2", children: [_jsx(Plus, { className: "w-3.5 h-3.5" }), _jsx("span", { children: "Add card" })] }))] })] }));
+}
+//# sourceMappingURL=KanbanColumn.js.map

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+export interface KanbanToolbarProps {
+    totalItems: number;
+    columnsCount: number;
+    allCollapsed: boolean;
+    onToggleCollapseAll: () => void;
+    allowCollapseAll?: boolean;
+    toolbarExtra?: React.ReactNode;
+    className?: string;
+}
+export declare function KanbanToolbar({ totalItems, columnsCount, allCollapsed, onToggleCollapseAll, allowCollapseAll, toolbarExtra, className, }: KanbanToolbarProps): React.JSX.Element | null;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../support/utils.js";
+import { FoldHorizontal, UnfoldHorizontal, } from "lucide-react";
+export function KanbanToolbar({ totalItems, columnsCount, allCollapsed, onToggleCollapseAll, allowCollapseAll = true, toolbarExtra, className, }) {
+    if (!allowCollapseAll && !toolbarExtra) {
+        return null;
+    }
+    return (_jsxs("div", { className: cn("flex items-center justify-between gap-3 px-4 py-2 border-b border-dashboard-border bg-dashboard-card/50 text-xs text-dashboard-muted-foreground shrink-0", className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [allowCollapseAll && (_jsx("button", { type: "button", onClick: onToggleCollapseAll, "aria-label": allCollapsed ? "Expand all columns" : "Collapse all columns", className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-dashboard-card hover:bg-dashboard-secondary text-dashboard-muted-foreground hover:text-dashboard-foreground border border-dashboard-border transition-colors text-xs font-medium cursor-pointer shadow-2xs", children: allCollapsed ? (_jsxs(_Fragment, { children: [_jsx(UnfoldHorizontal, { className: "w-3.5 h-3.5 text-dashboard-primary" }), _jsx("span", { children: "Expand All" })] })) : (_jsxs(_Fragment, { children: [_jsx(FoldHorizontal, { className: "w-3.5 h-3.5 text-dashboard-primary" }), _jsx("span", { children: "Collapse All" })] })) })), _jsxs("span", { className: "text-[11px] text-dashboard-muted-foreground", children: [_jsx("span", { className: "font-semibold text-dashboard-foreground", children: totalItems }), " ", totalItems === 1 ? "item" : "items", " across", " ", _jsx("span", { className: "font-semibold text-dashboard-foreground", children: columnsCount }), " ", "columns"] })] }), toolbarExtra && (_jsx("div", { className: "flex items-center gap-2", children: toolbarExtra }))] }));
+}
+//# sourceMappingURL=KanbanToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanToolbar.js","sourceRoot":"","sources":["../../../../src/components/layout/kanban/KanbanToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAGH,cAAc,EACd,gBAAgB,GACnB,MAAM,cAAc,CAAC;AAatB,MAAM,UAAU,aAAa,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,GAAG,IAAI,EACvB,YAAY,EACZ,SAAS,GACQ;IACjB,IAAI,CAAC,gBAAgB,IAAI,CAAC,YAAY,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CACT,0JAA0J,EAC1J,SAAS,CACZ,aAED,eAAK,SAAS,EAAC,yBAAyB,aACnC,gBAAgB,IAAI,CACjB,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,mBAAmB,gBAChB,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACxE,SAAS,EAAC,uQAAuQ,YAEhR,YAAY,CAAC,CAAC,CAAC,CACZ,8BACI,KAAC,gBAAgB,IAAC,SAAS,EAAC,oCAAoC,GAAG,EACnE,wCAAuB,IACxB,CACN,CAAC,CAAC,CAAC,CACA,8BACI,KAAC,cAAc,IAAC,SAAS,EAAC,oCAAoC,GAAG,EACjE,0CAAyB,IAC1B,CACN,GACI,CACZ,EAED,gBAAM,SAAS,EAAC,6CAA6C,aACzD,eAAM,SAAS,EAAC,yCAAyC,YAAE,UAAU,GAAQ,EAAC,GAAG,EAChF,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAAS,GAAG,EAChD,eAAM,SAAS,EAAC,yCAAyC,YAAE,YAAY,GAAQ,EAAC,GAAG,eAEhF,IACL,EAEL,YAAY,IAAI,CACb,cAAK,SAAS,EAAC,yBAAyB,YACnC,YAAY,GACX,CACT,IACC,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from "./types";
+export * from "./KanbanCard";
+export * from "./KanbanColumn";
+export * from "./KanbanToolbar";
+export * from "./FeatureLayoutKanban";
+export { FeatureLayoutKanban as KanbanBoard } from "./FeatureLayoutKanban";

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

@@ -0,0 +1,7 @@
+export * from "./types.js";
+export * from "./KanbanCard.js";
+export * from "./KanbanColumn.js";
+export * from "./KanbanToolbar.js";
+export * from "./FeatureLayoutKanban.js";
+export { FeatureLayoutKanban as KanbanBoard } from "./FeatureLayoutKanban.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/kanban/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,67 @@
+import type { StatusBadgeVariant } from "../../../index";
+import type React from "react";
+export interface KanbanColumnDef<TItem = any> {
+    id: string;
+    title: string;
+    badgeVariant?: StatusBadgeVariant;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    limit?: number;
+    headerAction?: React.ReactNode;
+}
+export interface KanbanItemMoveEvent<TItem = any> {
+    itemId: string | number;
+    item: TItem;
+    sourceColumnId: string;
+    targetColumnId: string;
+    oldIndex: number;
+    newIndex: number;
+}
+export interface FeatureLayoutKanbanProps<TItem extends {
+    id: string | number;
+} = any> {
+    /** The dataset of items to display on the board */
+    items: TItem[];
+    /** Explicit column definitions */
+    columns: KanbanColumnDef<TItem>[];
+    /** Extract the column ID for an item (e.g. item => item.status). Defaults to item.status */
+    getItemColumnId?: (item: TItem) => string;
+    /** Callback invoked when an item moves across columns or within a column */
+    onItemMove?: (event: KanbanItemMoveEvent<TItem>) => void;
+    /** Simple callback when an item's status / column changes via drag-and-drop */
+    onItemStatusChange?: (itemId: string | number, newColumnId: string, item: TItem) => void;
+    /** Custom renderer for an item card */
+    renderCard?: (item: TItem, isDragging?: boolean) => React.ReactNode;
+    /** Custom column header renderer */
+    renderColumnHeader?: (column: KanbanColumnDef<TItem>, isCollapsed: boolean, toggleCollapse: () => void, itemCount: number) => React.ReactNode;
+    /** Click handler when a card is clicked */
+    onCardClick?: (item: TItem) => void;
+    /** Callback when user clicks "+ Add" in a column */
+    onAddCard?: (columnId: string) => void;
+    /** FLAG PROP: Enable / disable individual column collapse/expand. Default: true */
+    allowColumnCollapse?: boolean;
+    /** FLAG PROP: Enable / disable button for horizontally collapse/expand all columns. Default: true */
+    allowCollapseAll?: boolean;
+    /** FLAG PROP: Show or hide item count badge on column headers. Default: true */
+    showItemCount?: boolean;
+    /** FLAG PROP: Enable or disable drag-and-drop. Default: true */
+    allowDragAndDrop?: boolean;
+    /** Controlled collapsed column IDs */
+    collapsedColumns?: string[];
+    /** Callback when collapsed columns change */
+    onCollapsedColumnsChange?: (collapsedIds: string[]) => void;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Optional empty placeholder for a column */
+    emptyPlaceholder?: (column: KanbanColumnDef<TItem>) => React.ReactNode;
+    /** Extra content to render in the Kanban top toolbar */
+    toolbarExtra?: React.ReactNode;
+    /** Optional footer (e.g. pagination controls) rendered at the bottom of the Kanban board */
+    footer?: React.ReactNode;
+    /** Class name overrides */
+    className?: string;
+    columnsContainerClassName?: string;
+    columnClassName?: string;
+    columnWidth?: number | string;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/layout/kanban/types.ts"],"names":[],"mappings":""}

package/dist/components/popover.d.ts

@@ -0,0 +1,11 @@
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react").JSX.Element;
+declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): import("react").JSX.Element;
+declare function PopoverPortal({ ...props }: PopoverPrimitive.Portal.Props): import("react").JSX.Element;
+declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react").JSX.Element;
+declare function PopoverContent({ className, align, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & {
+    align?: any;
+    side?: any;
+    sideOffset?: number;
+}): import("react").JSX.Element;
+export { Popover, PopoverContent, PopoverPortal, PopoverPositioner, PopoverTrigger, };

package/dist/components/popover.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverPortal({ ...props }) {
+    return _jsx(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
+}
+function PopoverPositioner({ className, ...props }) {
+    return (_jsx(PopoverPrimitive.Positioner, { "data-slot": "popover-positioner", className: cn("z-[99999]", className), ...props }));
+}
+function PopoverContent({ className, align = "center", side = "bottom", sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPortal, { children: _jsx(PopoverPositioner, { align: align, side: side, sideOffset: sideOffset, children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn("z-[99999] w-auto rounded-xl bg-dashboard-card p-2 text-dashboard-foreground shadow-2xl border border-dashboard-border backdrop-blur-md outline-none duration-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), ...props }) }) }));
+}
+export { Popover, PopoverContent, PopoverPortal, PopoverPositioner, PopoverTrigger, };
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,SAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAA+B;IACtD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAkC;IAChE,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAiC;IAC9D,OAAO,KAAC,gBAAgB,CAAC,MAAM,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,SAAS,iBAAiB,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACH,KAAC,gBAAgB,CAAC,UAAU,iBACd,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KACjC,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAKX;IACG,OAAO,CACH,KAAC,aAAa,cACV,KAAC,iBAAiB,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,YAEtB,KAAC,gBAAgB,CAAC,KAAK,iBACT,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,uVAAuV,EACvV,SAAS,CACZ,KACG,KAAK,GACX,GACc,GACR,CACnB,CAAC;AACN,CAAC;AAED,OAAO,EACH,OAAO,EACP,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,cAAc,GACjB,CAAC"}

package/dist/components/react-flow/FlowGraphHeader.d.ts

@@ -0,0 +1,2 @@
+import type { FlowGraphHeaderConfig } from "./types";
+export declare function FlowGraphHeader({ show, backButton, title, badge, actions, children, className, }: FlowGraphHeaderConfig): import("react").JSX.Element | null;

package/dist/components/react-flow/FlowGraphHeader.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../support/utils.js";
+import { ArrowLeft } from "lucide-react";
+export function FlowGraphHeader({ show = true, backButton, title, badge, actions = [], children, className, }) {
+    if (!show)
+        return null;
+    const showBackButton = backButton?.show !== false && !!backButton?.onClick;
+    return (_jsxs("div", { className: cn("absolute top-4 left-4 z-10 flex items-center gap-4", className), children: [showBackButton && (_jsx("button", { type: "button", onClick: backButton.onClick, "aria-label": "Go back", className: "flex items-center justify-center w-10 h-10 rounded-full bg-dashboard-card border border-dashboard-border shadow-lg hover:bg-dashboard-secondary transition-colors text-dashboard-muted-foreground hover:text-dashboard-foreground cursor-pointer", children: _jsx(ArrowLeft, { size: 18 }) })), (title || badge) && (_jsxs("div", { className: "bg-dashboard-card/95 backdrop-blur-md border border-dashboard-border shadow-md px-4 py-2 rounded-2xl flex items-center gap-3", children: [title && (_jsx("span", { className: "font-bold text-dashboard-foreground text-sm", children: title })), badge && (_jsx("span", { className: "text-xs text-dashboard-muted-foreground", children: badge }))] })), actions.map((action) => (_jsxs("button", { onClick: action.onClick, className: cn("flex items-center justify-center gap-1.5 h-9 px-4 rounded-2xl bg-dashboard-card/95 backdrop-blur-md border border-dashboard-border shadow-md hover:bg-dashboard-secondary transition-all text-dashboard-foreground text-xs font-semibold cursor-pointer", action.className), children: [action.icon, _jsx("span", { children: action.label })] }, action.id))), children] }));
+}
+//# sourceMappingURL=FlowGraphHeader.js.map

package/dist/components/react-flow/FlowGraphHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowGraphHeader.js","sourceRoot":"","sources":["../../../src/components/react-flow/FlowGraphHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,UAAU,eAAe,CAAC,EAC5B,IAAI,GAAG,IAAI,EACX,UAAU,EACV,KAAK,EACL,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,SAAS,GACW;IACpB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,cAAc,GAAG,UAAU,EAAE,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC;IAE3E,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CACT,oDAAoD,EACpD,SAAS,CACZ,aAEA,cAAc,IAAI,CACf,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,CAAC,OAAO,gBAChB,SAAS,EACpB,SAAS,EAAC,kPAAkP,YAE5P,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,CACZ,EAEA,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CACjB,eAAK,SAAS,EAAC,8HAA8H,aACxI,KAAK,IAAI,CACN,eAAM,SAAS,EAAC,6CAA6C,YACxD,KAAK,GACH,CACV,EACA,KAAK,IAAI,CACN,eAAM,SAAS,EAAC,yCAAyC,YACpD,KAAK,GACH,CACV,IACC,CACT,EAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,kBAEI,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,EAAE,CACT,yPAAyP,EACzP,MAAM,CAAC,SAAS,CACnB,aAEA,MAAM,CAAC,IAAI,EACZ,yBAAO,MAAM,CAAC,KAAK,GAAQ,KARtB,MAAM,CAAC,EAAE,CAST,CACZ,CAAC,EAED,QAAQ,IACP,CACT,CAAC;AACN,CAAC"}

package/dist/components/react-flow/GlowEdge.d.ts

@@ -0,0 +1,3 @@
+import { type EdgeProps } from "@xyflow/react";
+import React from "react";
+export declare function GlowEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, data, }: EdgeProps): React.JSX.Element;

package/dist/components/react-flow/GlowEdge.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "../../index.js";
+import { useLanguage } from "@gostack-framework/react";
+import { EdgeLabelRenderer, getBezierPath, useReactFlow, } from "@xyflow/react";
+import { Unlink } from "lucide-react";
+import { useContext, useState } from "react";
+import { FlowEventsContext } from "./ReactFlowCanvas.js";
+export function GlowEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style = {}, markerEnd, data, }) {
+    const [isHovered, setIsHovered] = useState(false);
+    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+    const [buttonPos, setButtonPos] = useState(null);
+    const { screenToFlowPosition } = useReactFlow();
+    const events = useContext(FlowEventsContext);
+    const edgeData = data;
+    const { t } = useLanguage("shared");
+    const defaultTooltip = edgeData?.isClassificationLink
+        ? t("deleteClassification", "Delete Classification")
+        : edgeData?.isTeamLink
+            ? t("unlinkTeam", "Unlink Team")
+            : t("unlinkConnection", "Unlink Connection");
+    const tooltipText = edgeData?.tooltip || defaultTooltip;
+    const defaultConfirmTitle = edgeData?.isClassificationLink
+        ? t("deleteClassification", "Delete Classification")
+        : t("unlinkTeamAssignment", "Unlink Team Assignment");
+    const confirmTitle = edgeData?.confirmTitle || defaultConfirmTitle;
+    const defaultConfirmDescription = edgeData?.isClassificationLink
+        ? t("deleteClassificationConfirm", "Are you sure you want to delete this classification? This will permanently delete the classification and all its children. This action cannot be undone.")
+        : t("unlinkTeamConfirm", "Are you sure you want to remove this team assignment?");
+    const confirmDescription = edgeData?.confirmDescription || defaultConfirmDescription;
+    const defaultConfirmText = edgeData?.isClassificationLink
+        ? t("delete", "Delete")
+        : t("unlink", "Unlink");
+    const confirmText = edgeData?.confirmText || defaultConfirmText;
+    const defaultCancelText = t("cancel", "Cancel");
+    const cancelText = edgeData?.cancelText || defaultCancelText;
+    const [edgePath, labelX, labelY] = getBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    const handleMouseEnter = (event) => {
+        if (isConfirmOpen)
+            return;
+        const flowPos = screenToFlowPosition({
+            x: event.clientX,
+            y: event.clientY,
+        });
+        setButtonPos(flowPos);
+        setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+        if (isConfirmOpen)
+            return;
+        setIsHovered(false);
+    };
+    const onUnlink = (event) => {
+        event.stopPropagation();
+        if (edgeData?.isTeamLink || edgeData?.isClassificationLink) {
+            setIsConfirmOpen(true);
+        }
+        else {
+            if (events?.onEdgesChange) {
+                events.onEdgesChange([{ id, type: "remove" }]);
+            }
+        }
+    };
+    const posX = buttonPos?.x ?? labelX;
+    const posY = buttonPos?.y ?? labelY;
+    return (_jsxs(_Fragment, { children: [isHovered && (_jsx("path", { d: edgePath, fill: "none", stroke: style.stroke || "var(--color-dashboard-primary)", strokeWidth: (Number(style.strokeWidth) || 2) + 6, className: "transition-opacity duration-300 opacity-40 animate-pulse", style: {
+                    filter: `drop-shadow(0 0 6px ${style.stroke || "var(--color-dashboard-primary)"})`,
+                } })), _jsx("path", { id: id, d: edgePath, fill: "none", stroke: style.stroke || "var(--color-dashboard-primary)", strokeWidth: isHovered
+                    ? (Number(style.strokeWidth) || 2) + 1
+                    : style.strokeWidth || 2, className: "transition-opacity duration-300", style: {
+                    ...style,
+                    opacity: isHovered ? 1 : 0.7,
+                    strokeDasharray: isHovered ? "5" : "none",
+                    animation: isHovered
+                        ? "react-flow__dashdelay 0.6s linear infinite"
+                        : "none",
+                }, markerEnd: markerEnd }), _jsx("path", { d: edgePath, fill: "none", stroke: "transparent", strokeWidth: 16, className: "cursor-pointer", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }), isHovered && (_jsx(EdgeLabelRenderer, { children: _jsxs("div", { style: {
+                        position: "absolute",
+                        transform: `translate(-50%, -50%) translate(${posX}px, ${posY}px)`,
+                        pointerEvents: "all",
+                    }, className: "nodrag nopan flex flex-col items-center gap-1.5 z-50 animate-in fade-in zoom-in-95 duration-150", onMouseEnter: () => setIsHovered(true), onMouseLeave: handleMouseLeave, children: [_jsx("div", { className: "bg-dashboard-card text-dashboard-foreground text-[11px] font-semibold px-2.5 py-1 rounded-xl border border-dashboard-border shadow-xl whitespace-nowrap leading-tight text-center pointer-events-none", children: tooltipText }), _jsx("button", { type: "button", onClick: onUnlink, className: "w-5 h-5 rounded-full bg-dashboard-destructive hover:bg-dashboard-destructive/90 text-white flex items-center justify-center shadow-lg border border-dashboard-border transition-all duration-200 hover:scale-110 active:scale-95 cursor-pointer", title: tooltipText, "aria-label": tooltipText, children: _jsx(Unlink, { className: "size-2.5 stroke-[2.5]" }) })] }) })), (edgeData?.isTeamLink || edgeData?.isClassificationLink) && (_jsx(Dialog, { open: isConfirmOpen, onOpenChange: setIsConfirmOpen, children: _jsxs(DialogContent, { className: "sm:max-w-md bg-dashboard-background border-dashboard-border text-dashboard-foreground", children: [_jsx(DialogHeader, { className: "pb-4 border-b border-dashboard-border", children: _jsx(DialogTitle, { className: "text-dashboard-foreground", children: confirmTitle }) }), _jsx("div", { className: "py-4 text-sm text-dashboard-muted-foreground", children: confirmDescription }), _jsxs(DialogFooter, { className: "pt-4 border-t border-dashboard-border gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setIsConfirmOpen(false), children: cancelText }), _jsx(Button, { onClick: () => {
+                                        setIsConfirmOpen(false);
+                                        setIsHovered(false); // Reset hover state
+                                        if (edgeData.isTeamLink &&
+                                            edgeData.onUnlink) {
+                                            edgeData.onUnlink();
+                                        }
+                                        else if (edgeData.isClassificationLink &&
+                                            edgeData.onDelete) {
+                                            edgeData.onDelete();
+                                        }
+                                    }, className: "bg-dashboard-destructive hover:bg-dashboard-destructive/90 text-white border-0", children: confirmText })] })] }) }))] }));
+}
+//# sourceMappingURL=GlowEdge.js.map

package/dist/components/react-flow/GlowEdge.js.map

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

package/dist/components/react-flow/ReactFlowCanvas.d.ts

@@ -0,0 +1,7 @@
+import { type OnEdgesChange } from "@xyflow/react";
+import "@xyflow/react/dist/style.css";
+import type { RelationshipFlowProps } from "./types";
+export declare const FlowEventsContext: import("react").Context<{
+    onEdgesChange?: OnEdgesChange;
+} | null>;
+export declare function ReactFlowCanvas(props: Omit<RelationshipFlowProps, "header" | "className">): import("react").JSX.Element;

package/dist/components/react-flow/ReactFlowCanvas.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../support/utils.js";
+import { Background, Controls, MiniMap, ReactFlow, ReactFlowProvider, useReactFlow, } from "@xyflow/react";
+import "@xyflow/react/dist/style.css";
+import { createContext, useEffect } from "react";
+import { GlowEdge } from "./GlowEdge.js";
+export const FlowEventsContext = createContext(null);
+const edgeTypes = {
+    glow: GlowEdge,
+};
+const DEFAULT_UI = {
+    showBackground: true,
+    showControls: true,
+    showMiniMap: true,
+    fitView: true,
+    background: {
+        color: "var(--color-dashboard-border)",
+        gap: 24,
+        size: 2,
+    },
+    controlsClassName: "bg-dashboard-card border border-dashboard-border rounded-lg overflow-hidden",
+    miniMapClassName: "bg-dashboard-card border border-dashboard-border rounded-lg overflow-hidden",
+    nodeColor: "var(--color-dashboard-primary)",
+    maskColor: "var(--color-dashboard-background)",
+};
+function ReactFlowCanvasInner({ nodes, edges, onNodesChange, onEdgesChange, onConnect, nodeTypes, ui, canvasClassName, children, renderNodes, }) {
+    const config = { ...DEFAULT_UI, ...ui };
+    const renderedNodes = renderNodes ? renderNodes(nodes) : nodes;
+    const { fitView } = useReactFlow();
+    useEffect(() => {
+        const handleFit = () => {
+            setTimeout(() => {
+                fitView({ duration: 400, padding: 0.2 });
+            }, 100);
+        };
+        window.addEventListener("reactflow-fitview", handleFit);
+        return () => window.removeEventListener("reactflow-fitview", handleFit);
+    }, [fitView]);
+    return (_jsx(FlowEventsContext.Provider, { value: { onEdgesChange }, children: _jsxs(ReactFlow, { nodes: renderedNodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, edgeTypes: edgeTypes, fitView: config.fitView, className: cn("bg-dashboard-background", canvasClassName), children: [config.showBackground && (_jsx(Background, { color: config.background?.color, gap: config.background?.gap, size: config.background?.size })), config.showControls && (_jsx(Controls, { className: config.controlsClassName })), config.showMiniMap && (_jsx(MiniMap, { nodeColor: config.nodeColor, maskColor: config.maskColor, className: config.miniMapClassName })), children] }) }));
+}
+export function ReactFlowCanvas(props) {
+    return (_jsx(ReactFlowProvider, { children: _jsx(ReactFlowCanvasInner, { ...props }) }));
+}
+//# sourceMappingURL=ReactFlowCanvas.js.map

package/dist/components/react-flow/ReactFlowCanvas.js.map

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

package/dist/components/react-flow/RelationshipFlow.d.ts

@@ -0,0 +1,2 @@
+import type { RelationshipFlowProps } from "./types";
+export declare function RelationshipFlow({ nodes, edges, onNodesChange, onEdgesChange, onConnect, nodeTypes, ui, header, className, canvasClassName, children, renderNodes, orientation, }: RelationshipFlowProps): import("react").JSX.Element;

package/dist/components/react-flow/RelationshipFlow.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../support/utils.js";
+import { FlowGraphHeader } from "./FlowGraphHeader.js";
+import { ReactFlowCanvas } from "./ReactFlowCanvas.js";
+import { FlowOrientationContext } from "./types.js";
+export function RelationshipFlow({ nodes, edges, onNodesChange, onEdgesChange, onConnect, nodeTypes, ui, header, className, canvasClassName, children, renderNodes, orientation = "horizontal", }) {
+    return (_jsx(FlowOrientationContext.Provider, { value: orientation, children: _jsxs("div", { className: cn("h-full flex flex-col bg-dashboard-background relative overflow-hidden", className), children: [header && _jsx(FlowGraphHeader, { ...header }), _jsx("div", { className: "flex-1 w-full h-full", children: _jsx(ReactFlowCanvas, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, ui: ui, canvasClassName: canvasClassName, renderNodes: renderNodes, children: children }) })] }) }));
+}
+//# sourceMappingURL=RelationshipFlow.js.map

package/dist/components/react-flow/RelationshipFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipFlow.js","sourceRoot":"","sources":["../../../src/components/react-flow/RelationshipFlow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,EAAE,EACF,MAAM,EACN,SAAS,EACT,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,YAAY,GACN;IACpB,OAAO,CACH,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAC/C,eACI,SAAS,EAAE,EAAE,CACT,uEAAuE,EACvE,SAAS,CACZ,aAEA,MAAM,IAAI,KAAC,eAAe,OAAK,MAAM,GAAI,EAE1C,cAAK,SAAS,EAAC,sBAAsB,YACjC,KAAC,eAAe,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACK,GAChB,IACJ,GACwB,CACrC,CAAC;AACN,CAAC"}

package/dist/components/react-flow/TreeFlowLayout.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import type { RelationshipFlowProps } from "./types";
+export interface TreeFlowLayoutProps {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    tabs?: {
+        id: string;
+        label: ReactNode;
+        icon?: ReactNode;
+    }[];
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+    viewMode: "tree" | "flow";
+    onViewModeChange: (viewMode: "tree" | "flow") => void;
+    isDataLoading?: boolean;
+    treePanelTitle?: ReactNode;
+    addBtnLabel?: string;
+    onAddRoot?: () => void;
+    searchQuery?: string;
+    onSearchChange?: (val: string) => void;
+    onFilterToggle?: () => void;
+    isFilterActive?: boolean;
+    filterSidebar?: ReactNode;
+    flowProps: Omit<RelationshipFlowProps, "className">;
+    treeContent: ReactNode;
+    children?: ReactNode;
+}
+export declare function TreeFlowLayout({ title, subtitle, tabs, activeTab, onTabChange, viewMode, onViewModeChange, isDataLoading, treePanelTitle, addBtnLabel, onAddRoot, searchQuery, onSearchChange, onFilterToggle, isFilterActive, filterSidebar, flowProps, treeContent, children, }: TreeFlowLayoutProps): import("react").JSX.Element;
+export default TreeFlowLayout;

package/dist/components/react-flow/TreeFlowLayout.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Plus, SlidersHorizontal } from "lucide-react";
+import { Button } from "../button.js";
+import { FeatureLayout } from "../layout/FeatureLayout.js";
+import { ThemedText } from "../ThemedText.js";
+import { RelationshipFlow } from "./RelationshipFlow.js";
+export function TreeFlowLayout({ title, subtitle, tabs, activeTab, onTabChange, viewMode, onViewModeChange, isDataLoading = false, treePanelTitle, addBtnLabel = "Add Item", onAddRoot, searchQuery, onSearchChange, onFilterToggle, isFilterActive, filterSidebar, flowProps, treeContent, children, }) {
+    return (_jsxs(FeatureLayout, { children: [_jsxs(FeatureLayout.Header, { children: [_jsx("div", { id: "catalog-tabs-container", className: "flex-1 min-w-0", children: tabs && tabs.length > 0 && activeTab && onTabChange && (_jsx(FeatureLayout.Tabs, { tabs: tabs.map((tab) => ({
+                                id: tab.id,
+                                label: (_jsxs("span", { className: "flex items-center gap-2", children: [tab.icon, tab.label] })),
+                            })), activeTab: activeTab, onChange: onTabChange })) }), _jsx("div", { id: "catalog-search-filters", className: "flex items-center gap-2 shrink-0", children: _jsxs(FeatureLayout.Toolbar, { className: "shrink-0 flex items-center gap-2.5", children: [onSearchChange && (_jsx(FeatureLayout.Search, { value: searchQuery || "", onChange: onSearchChange, placeholder: "Search..." })), onFilterToggle && (_jsx(FeatureLayout.IconButton, { icon: SlidersHorizontal, onClick: onFilterToggle, active: isFilterActive })), _jsx(FeatureLayout.ViewToggle, { id: "classification-view-toggle", view: viewMode, onChange: (mode) => onViewModeChange(mode === "tree" ? "tree" : "flow"), options: ["tree", "flow"] }), viewMode === "tree" && onAddRoot && (_jsx(FeatureLayout.CreateButton, { id: "catalog-new-service-btn", icon: Plus, onClick: onAddRoot, children: _jsx(ThemedText, { variant: "body", children: addBtnLabel }) }))] }) })] }), _jsxs(FeatureLayout.Body, { children: [_jsx(FeatureLayout.Content, { children: _jsx("div", { className: "h-full flex flex-col min-h-0 overflow-hidden", children: viewMode === "tree" ? (_jsx("div", { id: "catalog-list-table", className: "flex-1 flex flex-col min-h-0 overflow-hidden animate-in fade-in duration-300", children: _jsxs("section", { className: "flex flex-col flex-1 min-h-0 bg-dashboard-card border border-dashboard-border rounded-[24px] shadow-sm p-5", children: [_jsxs("div", { className: "flex items-center justify-between mb-4 flex-none border-b border-dashboard-border pb-3", children: [_jsx("h2", { className: "text-sm font-bold text-dashboard-foreground flex items-center gap-2", children: treePanelTitle || "Hierarchy Tree" }), onAddRoot && (_jsxs(Button, { onClick: onAddRoot, className: "bg-transparent hover:bg-dashboard-primary/95 text-dashboard-foreground hover:text-dashboard-background rounded-full px-4 text-xs font-semibold flex items-center gap-1.5 cursor-pointer h-9 shrink-0 shadow-sm", children: [_jsx(Plus, { className: "w-3.5 h-3.5" }), addBtnLabel] }))] }), _jsx("div", { className: "flex-1 overflow-y-auto pr-1", children: isDataLoading ? (_jsxs("div", { className: "p-10 text-sm text-center text-dashboard-muted-foreground flex flex-col items-center justify-center h-full", children: [_jsx("div", { className: "w-8 h-8 border-4 border-dashboard-primary/30 border-t-dashboard-primary rounded-full animate-spin mb-4" }), "Loading items..."] })) : (treeContent) })] }) })) : (_jsx("div", { className: "flex-1 w-full bg-dashboard-card border border-dashboard-border rounded-[24px] overflow-hidden shadow-sm relative min-h-0 animate-in fade-in duration-300", children: isDataLoading ? (_jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center text-sm text-dashboard-muted-foreground", children: [_jsx("div", { className: "w-8 h-8 border-4 border-dashboard-primary/30 border-t-dashboard-primary rounded-full animate-spin mb-4" }), "Loading diagram..."] })) : (_jsx(RelationshipFlow, { ...flowProps, className: "h-full w-full" })) })) }) }), filterSidebar] }), children] }));
+}
+export default TreeFlowLayout;
+//# sourceMappingURL=TreeFlowLayout.js.map

package/dist/components/react-flow/TreeFlowLayout.js.map

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

package/dist/components/react-flow/edges.d.ts

@@ -0,0 +1,8 @@
+import { Edge } from "@xyflow/react";
+export interface StyledEdgeOptions {
+    animated?: boolean;
+    strokeColor?: string;
+    strokeWidth?: number;
+    data?: any;
+}
+export declare function createStyledEdge(id: string, source: string, target: string, options?: StyledEdgeOptions): Edge;

package/dist/components/react-flow/edges.js

@@ -0,0 +1,21 @@
+import { MarkerType } from "@xyflow/react";
+export function createStyledEdge(id, source, target, options = {}) {
+    const { animated = true, strokeColor = "var(--color-dashboard-primary)", strokeWidth = 2, data, } = options;
+    return {
+        id,
+        source,
+        target,
+        type: "glow",
+        animated,
+        style: {
+            stroke: strokeColor,
+            strokeWidth,
+        },
+        markerEnd: {
+            type: MarkerType.ArrowClosed,
+            color: strokeColor,
+        },
+        data,
+    };
+}
+//# sourceMappingURL=edges.js.map

package/dist/components/react-flow/edges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edges.js","sourceRoot":"","sources":["../../../src/components/react-flow/edges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,eAAe,CAAC;AASjD,MAAM,UAAU,gBAAgB,CAC5B,EAAU,EACV,MAAc,EACd,MAAc,EACd,UAA6B,EAAE;IAE/B,MAAM,EACF,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,gCAAgC,EAC9C,WAAW,GAAG,CAAC,EACf,IAAI,GACP,GAAG,OAAO,CAAC;IAEZ,OAAO;QACH,EAAE;QACF,MAAM;QACN,MAAM;QACN,IAAI,EAAE,MAAM;QACZ,QAAQ;QACR,KAAK,EAAE;YACH,MAAM,EAAE,WAAW;YACnB,WAAW;SACd;QACD,SAAS,EAAE;YACP,IAAI,EAAE,UAAU,CAAC,WAAW;YAC5B,KAAK,EAAE,WAAW;SACrB;QACD,IAAI;KACP,CAAC;AACN,CAAC"}

package/dist/components/react-flow/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./types";
+export * from "./layout";
+export * from "./edges";
+export * from "./useFlowGraph";
+export * from "./useFlowGraphSync";
+export * from "./ReactFlowCanvas";
+export * from "./FlowGraphHeader";
+export * from "./RelationshipFlow";
+export * from "./TreeFlowLayout";

package/dist/components/react-flow/index.js

@@ -0,0 +1,10 @@
+export * from "./types.js";
+export * from "./layout.js";
+export * from "./edges.js";
+export * from "./useFlowGraph.js";
+export * from "./useFlowGraphSync.js";
+export * from "./ReactFlowCanvas.js";
+export * from "./FlowGraphHeader.js";
+export * from "./RelationshipFlow.js";
+export * from "./TreeFlowLayout.js";
+//# sourceMappingURL=index.js.map

package/dist/components/react-flow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/react-flow/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

package/dist/components/react-flow/layout.d.ts

@@ -0,0 +1,5 @@
+import type { FlowGraphLayoutConfig } from "./types";
+export declare function computeVerticalPositions(count: number, { anchorX, centerY, spacing }: FlowGraphLayoutConfig): {
+    x: number;
+    y: number;
+}[];

package/dist/components/react-flow/layout.js

@@ -0,0 +1,11 @@
+export function computeVerticalPositions(count, { anchorX, centerY, spacing }) {
+    if (count <= 0)
+        return [];
+    const totalHeight = (count - 1) * spacing;
+    const startY = centerY - totalHeight / 2;
+    return Array.from({ length: count }, (_, index) => ({
+        x: anchorX,
+        y: startY + index * spacing,
+    }));
+}
+//# sourceMappingURL=layout.js.map

package/dist/components/react-flow/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/react-flow/layout.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CACpC,KAAa,EACb,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAyB;IAEpD,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAE1B,MAAM,WAAW,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;IAC1C,MAAM,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,CAAC,CAAC;IAEzC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAChD,CAAC,EAAE,OAAO;QACV,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO;KAC9B,CAAC,CAAC,CAAC;AACR,CAAC"}