@hanzo/ui 5.6.1 → 8.0.0

package/dist/src/pattern/grid.d.ts

@@ -1,111 +0,0 @@
-import * as React from "react";
-export interface GridPatternProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Grid pattern variant */
-    variant?: "dots" | "lines" | "crosses" | "plus" | "squares";
-    /** Size of grid elements */
-    size?: number | {
-        width?: number;
-        height?: number;
-    };
-    /** Spacing between grid elements */
-    gap?: number | {
-        x?: number;
-        y?: number;
-    };
-    /** Color of grid elements */
-    color?: string;
-    /** Opacity of grid elements */
-    opacity?: number;
-    /** Stroke width for line-based patterns */
-    strokeWidth?: number;
-    /** Enable fade effect */
-    fade?: boolean | "edges" | "center" | "radial";
-    /** Gradient overlay */
-    gradient?: {
-        from?: string;
-        via?: string;
-        to?: string;
-        opacity?: number;
-    };
-    /** Animation configuration */
-    animation?: {
-        duration?: number;
-        direction?: "normal" | "reverse" | "alternate";
-        timing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
-    };
-    /** Position offset */
-    offset?: {
-        x?: number;
-        y?: number;
-    };
-    /** Maximum render area (for performance) */
-    maxArea?: {
-        width?: number;
-        height?: number;
-    };
-}
-declare const GridPattern: React.ForwardRefExoticComponent<GridPatternProps & React.RefAttributes<HTMLDivElement>>;
-export declare const GridPatternPresets: {
-    dotMatrix: {
-        variant: "dots";
-        size: number;
-        gap: number;
-        opacity: number;
-    };
-    fineDots: {
-        variant: "dots";
-        size: number;
-        gap: number;
-        opacity: number;
-    };
-    gridLines: {
-        variant: "lines";
-        gap: number;
-        strokeWidth: number;
-        opacity: number;
-    };
-    crosshatch: {
-        variant: "crosses";
-        size: number;
-        gap: number;
-        strokeWidth: number;
-        opacity: number;
-    };
-    blueprint: {
-        variant: "lines";
-        gap: number;
-        strokeWidth: number;
-        color: string;
-        opacity: number;
-    };
-    graph: {
-        variant: "lines";
-        gap: {
-            x: number;
-            y: number;
-        };
-        strokeWidth: number;
-        opacity: number;
-        fade: "edges";
-    };
-    isometric: {
-        variant: "lines";
-        gap: {
-            x: number;
-            y: number;
-        };
-        strokeWidth: number;
-        opacity: number;
-    };
-    hexagon: {
-        variant: "dots";
-        size: number;
-        gap: {
-            x: number;
-            y: number;
-        };
-        opacity: number;
-    };
-};
-export { GridPattern };
-//# sourceMappingURL=grid.d.ts.map

package/dist/src/pattern/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/pattern/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC3D,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACnD,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACzC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC9C,uBAAuB;IACvB,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,8BAA8B;IAC9B,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;QAC9C,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;KACpE,CAAA;IACD,sBAAsB;IACtB,MAAM,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACnC,4CAA4C;IAC5C,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C;AAED,QAAA,MAAM,WAAW,yFA4PhB,CAAA;AAKD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD9B,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/pattern/grid.js

@@ -1,126 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../utils";
-const GridPattern = React.forwardRef(({ variant = "dots", size = 4, gap = 20, color = "currentColor", opacity = 0.4, strokeWidth = 1, fade = false, gradient, animation, offset, maxArea, className, style, ...props }, ref) => {
-    const patternId = React.useId();
-    const maskId = React.useId();
-    const gradientId = React.useId();
-    const normalizedSize = typeof size === "number"
-        ? { width: size, height: size }
-        : { width: size.width ?? 4, height: size.height ?? 4 };
-    const normalizedGap = typeof gap === "number"
-        ? { x: gap, y: gap }
-        : { x: gap.x ?? 20, y: gap.y ?? 20 };
-    const normalizedOffset = {
-        x: offset?.x ?? 0,
-        y: offset?.y ?? 0,
-    };
-    const renderPattern = () => {
-        switch (variant) {
-            case "dots":
-                return (_jsx("circle", { cx: normalizedSize.width / 2, cy: normalizedSize.height / 2, r: normalizedSize.width / 2, fill: color, opacity: opacity }));
-            case "lines":
-                return (_jsxs(_Fragment, { children: [_jsx("line", { x1: "0", y1: "0", x2: "0", y2: normalizedGap.y, stroke: color, strokeWidth: strokeWidth, opacity: opacity }), _jsx("line", { x1: "0", y1: "0", x2: normalizedGap.x, y2: "0", stroke: color, strokeWidth: strokeWidth, opacity: opacity })] }));
-            case "crosses":
-                return (_jsxs(_Fragment, { children: [_jsx("line", { x1: normalizedSize.width / 2, y1: "0", x2: normalizedSize.width / 2, y2: normalizedSize.height, stroke: color, strokeWidth: strokeWidth, opacity: opacity }), _jsx("line", { x1: "0", y1: normalizedSize.height / 2, x2: normalizedSize.width, y2: normalizedSize.height / 2, stroke: color, strokeWidth: strokeWidth, opacity: opacity })] }));
-            case "plus":
-                return (_jsx("path", { d: `M ${normalizedSize.width / 2} 0 L ${normalizedSize.width / 2} ${normalizedSize.height} M 0 ${normalizedSize.height / 2} L ${normalizedSize.width} ${normalizedSize.height / 2}`, stroke: color, strokeWidth: strokeWidth, opacity: opacity, fill: "none", strokeLinecap: "round" }));
-            case "squares":
-                return (_jsx("rect", { width: normalizedSize.width, height: normalizedSize.height, fill: "none", stroke: color, strokeWidth: strokeWidth, opacity: opacity }));
-            default:
-                return null;
-        }
-    };
-    const renderFadeMask = () => {
-        if (!fade)
-            return null;
-        switch (fade) {
-            case "edges":
-            case true:
-                return (_jsxs("linearGradient", { id: maskId, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "0" }), _jsx("stop", { offset: "10%", stopColor: "white", stopOpacity: "1" }), _jsx("stop", { offset: "90%", stopColor: "white", stopOpacity: "1" }), _jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })] }));
-            case "center":
-                return (_jsxs("radialGradient", { id: maskId, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "1" }), _jsx("stop", { offset: "70%", stopColor: "white", stopOpacity: "1" }), _jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })] }));
-            case "radial":
-                return (_jsxs("radialGradient", { id: maskId, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "0" }), _jsx("stop", { offset: "30%", stopColor: "white", stopOpacity: "1" }), _jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "1" })] }));
-            default:
-                return null;
-        }
-    };
-    const animationStyle = animation
-        ? {
-            animation: `grid-pattern-move ${animation.duration ?? 10}s ${animation.timing ?? "linear"} infinite ${animation.direction ?? "normal"}`,
-        }
-        : {};
-    return (_jsxs("div", { ref: ref, className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), style: {
-            ...style,
-            ...animationStyle,
-        }, ...props, children: [_jsxs("svg", { className: "absolute h-full w-full", style: {
-                    transform: `translate(${normalizedOffset.x}px, ${normalizedOffset.y}px)`,
-                }, children: [_jsxs("defs", { children: [_jsx("pattern", { id: patternId, x: "0", y: "0", width: normalizedGap.x, height: normalizedGap.y, patternUnits: "userSpaceOnUse", children: renderPattern() }), renderFadeMask(), gradient && (_jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [_jsx("stop", { offset: "0%", stopColor: gradient.from ?? "transparent" }), gradient.via && _jsx("stop", { offset: "50%", stopColor: gradient.via }), _jsx("stop", { offset: "100%", stopColor: gradient.to ?? "transparent" })] }))] }), _jsx("rect", { width: maxArea?.width ?? "100%", height: maxArea?.height ?? "100%", fill: `url(#${patternId})`, mask: fade ? `url(#${maskId})` : undefined }), gradient && (_jsx("rect", { width: maxArea?.width ?? "100%", height: maxArea?.height ?? "100%", fill: `url(#${gradientId})`, opacity: gradient.opacity ?? 0.5, className: "mix-blend-multiply dark:mix-blend-screen" }))] }), _jsx("style", { children: `
-          @keyframes grid-pattern-move {
-            0% {
-              transform: translate(0, 0);
-            }
-            100% {
-              transform: translate(${normalizedGap.x}px, ${normalizedGap.y}px);
-            }
-          }
-        ` })] }));
-});
-GridPattern.displayName = "GridPattern";
-// Preset configurations
-export const GridPatternPresets = {
-    dotMatrix: {
-        variant: "dots",
-        size: 3,
-        gap: 30,
-        opacity: 0.3,
-    },
-    fineDots: {
-        variant: "dots",
-        size: 1,
-        gap: 10,
-        opacity: 0.4,
-    },
-    gridLines: {
-        variant: "lines",
-        gap: 40,
-        strokeWidth: 1,
-        opacity: 0.2,
-    },
-    crosshatch: {
-        variant: "crosses",
-        size: 10,
-        gap: 20,
-        strokeWidth: 1,
-        opacity: 0.3,
-    },
-    blueprint: {
-        variant: "lines",
-        gap: 20,
-        strokeWidth: 0.5,
-        color: "#3b82f6",
-        opacity: 0.3,
-    },
-    graph: {
-        variant: "lines",
-        gap: { x: 50, y: 50 },
-        strokeWidth: 1,
-        opacity: 0.15,
-        fade: "edges",
-    },
-    isometric: {
-        variant: "lines",
-        gap: { x: 30, y: 17.32 }, // 30deg isometric
-        strokeWidth: 0.5,
-        opacity: 0.2,
-    },
-    hexagon: {
-        variant: "dots",
-        size: 2,
-        gap: { x: 30, y: 26 }, // Hexagonal pattern
-        opacity: 0.3,
-    },
-};
-export { GridPattern };

package/dist/src/pattern/index.d.ts

@@ -1,3 +0,0 @@
-export { GridPattern, GridPatternPresets } from "./grid";
-export type { GridPatternProps } from "./grid";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/pattern/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pattern/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA"}

package/dist/src/pattern/index.js

@@ -1,2 +0,0 @@
-// Pattern components
-export { GridPattern, GridPatternPresets } from "./grid";

package/dist/src/project/gantt.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-export interface GanttProps extends React.HTMLAttributes<HTMLDivElement> {
-    tasks?: Array<{
-        id: string;
-        name: string;
-        start: Date;
-        end: Date;
-        progress?: number;
-    }>;
-}
-declare const Gantt: React.ForwardRefExoticComponent<GanttProps & React.RefAttributes<HTMLDivElement>>;
-export { Gantt };
-//# sourceMappingURL=gantt.d.ts.map

package/dist/src/project/gantt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gantt.d.ts","sourceRoot":"","sources":["../../../src/project/gantt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,IAAI,CAAA;QACX,GAAG,EAAE,IAAI,CAAA;QACT,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AAED,QAAA,MAAM,KAAK,mFA8CV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/src/project/gantt.js

@@ -1,9 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "@hanzo/ui/lib/utils";
-const Gantt = React.forwardRef(({ className, tasks = [], ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props, children: _jsx("div", { className: "p-6", children: _jsx("div", { className: "space-y-4", children: tasks.length === 0 ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No tasks available. Add tasks to display Gantt chart." }) })) : (tasks.map((task) => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsx("span", { className: "font-medium", children: task.name }), _jsxs("span", { className: "text-muted-foreground", children: [task.progress ?? 0, "%"] })] }), _jsx("div", { className: "h-8 rounded-md bg-muted", children: _jsx("div", { className: "h-full rounded-md bg-primary", style: { width: `${task.progress ?? 0}%` } }) }), _jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [_jsx("span", { children: task.start.toLocaleDateString() }), _jsx("span", { children: task.end.toLocaleDateString() })] })] }, task.id)))) }) }) }));
-});
-Gantt.displayName = "Gantt";
-export { Gantt };

package/dist/src/project/index.d.ts

@@ -1,4 +0,0 @@
-export { Gantt, type GanttProps } from "./gantt";
-export { KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanLabel, type KanbanColumn, type KanbanBoard as KanbanBoardType, } from "./kanban";
-export { List, ListItem } from "./list";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/project/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/project/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,IAAI,eAAe,GACpC,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}

package/dist/src/project/index.js

@@ -1,7 +0,0 @@
-// Project management components
-// Gantt Chart
-export { Gantt } from "./gantt";
-// Kanban Board
-export { KanbanBoard, } from "./kanban";
-// List components
-export { List, ListItem } from "./list";

package/dist/src/project/kanban.d.ts

@@ -1,36 +0,0 @@
-export interface KanbanCard {
-    id: string;
-    title: string;
-    description?: string;
-    labels?: KanbanLabel[];
-    priority?: "low" | "medium" | "high" | "urgent";
-    assignee?: string;
-    dueDate?: string;
-    createdAt: string;
-    updatedAt: string;
-}
-export interface KanbanLabel {
-    id: string;
-    name: string;
-    color: string;
-}
-export interface KanbanColumn {
-    id: string;
-    title: string;
-    cards: KanbanCard[];
-    limit?: number;
-}
-export interface KanbanBoard {
-    id: string;
-    title: string;
-    columns: KanbanColumn[];
-    labels: KanbanLabel[];
-}
-export interface KanbanBoardProps {
-    board: KanbanBoard;
-    onUpdateBoard: (board: KanbanBoard) => void;
-    className?: string;
-}
-export declare function KanbanBoard({ board, onUpdateBoard, className, }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
-export default KanbanBoard;
-//# sourceMappingURL=kanban.d.ts.map

package/dist/src/project/kanban.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../src/project/kanban.tsx"],"names":[],"mappings":"AAgEA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,WAAW,EAAE,CAAA;CACtB;AAoYD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAmRlB;AAGD,eAAe,WAAW,CAAA"}

package/dist/src/project/kanban.js

@@ -1,259 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { closestCorners, DndContext, DragOverlay, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
-import { arrayMove, SortableContext, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { cva } from "class-variance-authority";
-import { Calendar, Edit3, MoreHorizontal, Plus, Search, User, X, } from "lucide-react";
-import { cn } from "@hanzo/ui/lib/utils";
-import { Badge } from "@hanzo/ui/primitives/badge";
-import { Button } from "@hanzo/ui/primitives/button";
-import { Card, CardHeader } from "@hanzo/ui/primitives/card";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@hanzo/ui/primitives/dialog";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@hanzo/ui/primitives/dropdown-menu";
-import { Input } from "@hanzo/ui/primitives/input";
-import { Label } from "@hanzo/ui/primitives/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@hanzo/ui/primitives/select";
-import { Textarea } from "@hanzo/ui/primitives/textarea";
-// Priority variants
-const priorityVariants = cva("inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-semibold", {
-    variants: {
-        priority: {
-            low: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800 dark:bg-blue-900/20 dark:text-blue-400",
-            medium: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400",
-            high: "border-orange-200 bg-orange-50 text-orange-700 dark:border-orange-800 dark:bg-orange-900/20 dark:text-orange-400",
-            urgent: "border-red-200 bg-red-50 text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
-        },
-    },
-    defaultVariants: {
-        priority: "low",
-    },
-});
-// Sortable Card Component
-function SortableCard({ card, onEdit, onDelete, }) {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id: card.id });
-    const style = {
-        transform: CSS.Transform.toString(transform),
-        transition,
-    };
-    return (_jsx("div", { ref: setNodeRef, style: style, ...attributes, ...listeners, className: cn("cursor-grab active:cursor-grabbing", isDragging && "opacity-50"), children: _jsx(KanbanCardComponent, { card: card, onEdit: onEdit, onDelete: onDelete }) }));
-}
-// Card Component
-function KanbanCardComponent({ card, onEdit, onDelete, }) {
-    return (_jsx(Card, { className: "mb-3 group hover:shadow-md transition-shadow", children: _jsx(CardHeader, { className: "pb-3", children: _jsx("div", { className: "flex items-start justify-between", children: _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h4", { className: "font-medium text-sm leading-tight mb-2 break-words", children: card.title }), card.description && (_jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: card.description })), card.labels && card.labels.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: card.labels.map((label) => (_jsx(Badge, { variant: "outline", className: "text-xs h-5", style: {
-                                    backgroundColor: `${label.color}20`,
-                                    borderColor: label.color,
-                                    color: label.color,
-                                }, children: label.name }, label.id))) })), _jsxs("div", { className: "flex items-center justify-between text-xs", children: [_jsxs("div", { className: "flex items-center gap-2", children: [card.priority && (_jsx("span", { className: cn(priorityVariants({ priority: card.priority })), children: card.priority })), card.assignee && (_jsxs("div", { className: "flex items-center gap-1 text-muted-foreground", children: [_jsx(User, { className: "h-3 w-3" }), _jsx("span", { children: card.assignee })] }))] }), _jsxs("div", { className: "flex items-center gap-1", children: [card.dueDate && (_jsxs("div", { className: "flex items-center gap-1 text-muted-foreground", children: [_jsx(Calendar, { className: "h-3 w-3" }), _jsx("span", { children: new Date(card.dueDate).toLocaleDateString() })] })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity", children: _jsx(MoreHorizontal, { className: "h-3 w-3" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => onEdit(card), children: [_jsx(Edit3, { className: "h-4 w-4 mr-2" }), "Edit"] }), _jsxs(DropdownMenuItem, { onClick: () => onDelete(card.id), className: "text-destructive", children: [_jsx(X, { className: "h-4 w-4 mr-2" }), "Delete"] })] })] })] })] })] }) }) }) }));
-}
-// Column Component
-function KanbanColumnComponent({ column, onAddCard, onEditCard, onDeleteCard, }) {
-    const { setNodeRef } = useSortable({ id: column.id });
-    return (_jsxs("div", { ref: setNodeRef, className: "bg-muted/50 rounded-lg p-4 min-w-[280px] max-w-[280px] flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h3", { className: "font-semibold text-sm", children: column.title }), _jsxs(Badge, { variant: "secondary", className: "text-xs", children: [column.cards.length, column.limit && `/${column.limit}`] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onAddCard(column.id), children: _jsx(Plus, { className: "h-4 w-4" }) })] }), _jsx(SortableContext, { items: column.cards.map((card) => card.id), strategy: verticalListSortingStrategy, children: _jsx("div", { className: "flex-1 min-h-[200px]", children: column.cards.map((card) => (_jsx(SortableCard, { card: card, onEdit: onEditCard, onDelete: onDeleteCard }, card.id))) }) })] }));
-}
-// Card Form Dialog
-function CardFormDialog({ open, onOpenChange, card, onSave, labels, }) {
-    const [formData, setFormData] = React.useState({
-        title: card?.title || "",
-        description: card?.description || "",
-        priority: card?.priority || "low",
-        assignee: card?.assignee || "",
-        dueDate: card?.dueDate || "",
-        labels: card?.labels?.map((l) => l.id) || [],
-    });
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        if (!formData.title.trim())
-            return;
-        onSave({
-            ...card,
-            ...formData,
-            labels: labels.filter((l) => formData.labels.includes(l.id)),
-            updatedAt: new Date().toISOString(),
-        });
-        onOpenChange(false);
-    };
-    React.useEffect(() => {
-        if (card) {
-            setFormData({
-                title: card.title,
-                description: card.description || "",
-                priority: card.priority || "low",
-                assignee: card.assignee || "",
-                dueDate: card.dueDate || "",
-                labels: card.labels?.map((l) => l.id) || [],
-            });
-        }
-        else {
-            setFormData({
-                title: "",
-                description: "",
-                priority: "low",
-                assignee: "",
-                dueDate: "",
-                labels: [],
-            });
-        }
-    }, [card]);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: card ? "Edit Card" : "Create Card" }), _jsx(DialogDescription, { children: card
-                                ? "Update the card details below."
-                                : "Create a new card for your kanban board." })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "title", children: "Title *" }), _jsx(Input, { id: "title", value: formData.title, onChange: (e) => setFormData((prev) => ({ ...prev, title: e.target.value })), placeholder: "Enter card title...", required: true })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "description", children: "Description" }), _jsx(Textarea, { id: "description", value: formData.description, onChange: (e) => setFormData((prev) => ({
-                                        ...prev,
-                                        description: e.target.value,
-                                    })), placeholder: "Enter card description...", rows: 3 })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "priority", children: "Priority" }), _jsxs(Select, { value: formData.priority, onValueChange: (value) => setFormData((prev) => ({ ...prev, priority: value })), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "low", children: "Low" }), _jsx(SelectItem, { value: "medium", children: "Medium" }), _jsx(SelectItem, { value: "high", children: "High" }), _jsx(SelectItem, { value: "urgent", children: "Urgent" })] })] })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "assignee", children: "Assignee" }), _jsx(Input, { id: "assignee", value: formData.assignee, onChange: (e) => setFormData((prev) => ({ ...prev, assignee: e.target.value })), placeholder: "Assign to..." })] })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "dueDate", children: "Due Date" }), _jsx(Input, { id: "dueDate", type: "date", value: formData.dueDate, onChange: (e) => setFormData((prev) => ({ ...prev, dueDate: e.target.value })) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", children: [card ? "Update" : "Create", " Card"] })] })] })] }) }));
-}
-export function KanbanBoard({ board, onUpdateBoard, className, }) {
-    const [activeCard, setActiveCard] = React.useState(null);
-    const [searchQuery, setSearchQuery] = React.useState("");
-    const [cardFormOpen, setCardFormOpen] = React.useState(false);
-    const [editingCard, setEditingCard] = React.useState(undefined);
-    const [activeColumnId, setActiveColumnId] = React.useState("");
-    const sensors = useSensors(useSensor(PointerSensor, {
-        activationConstraint: {
-            distance: 8,
-        },
-    }));
-    // Filter cards based on search query
-    const filteredBoard = React.useMemo(() => {
-        if (!searchQuery.trim())
-            return board;
-        const filtered = {
-            ...board,
-            columns: board.columns.map((column) => ({
-                ...column,
-                cards: column.cards.filter((card) => card.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
-                    card.description
-                        ?.toLowerCase()
-                        .includes(searchQuery.toLowerCase()) ||
-                    card.labels?.some((label) => label.name.toLowerCase().includes(searchQuery.toLowerCase()))),
-            })),
-        };
-        return filtered;
-    }, [board, searchQuery]);
-    const handleDragStart = (event) => {
-        const { active } = event;
-        const card = board.columns
-            .flatMap((col) => col.cards)
-            .find((card) => card.id === active.id);
-        setActiveCard(card || null);
-    };
-    const handleDragOver = (event) => {
-        const { active, over } = event;
-        if (!over)
-            return;
-        const activeId = active.id;
-        const overId = over.id;
-        // Find the containers
-        const activeContainer = findContainer(activeId);
-        const overContainer = findContainer(overId);
-        if (!activeContainer ||
-            !overContainer ||
-            activeContainer === overContainer) {
-            return;
-        }
-        // Move card between columns
-        const updatedBoard = { ...board };
-        const activeColumnIndex = updatedBoard.columns.findIndex((col) => col.id === activeContainer);
-        const overColumnIndex = updatedBoard.columns.findIndex((col) => col.id === overContainer);
-        const activeColumn = updatedBoard.columns[activeColumnIndex];
-        const overColumn = updatedBoard.columns[overColumnIndex];
-        const activeCardIndex = activeColumn.cards.findIndex((card) => card.id === activeId);
-        const [movedCard] = activeColumn.cards.splice(activeCardIndex, 1);
-        // Check column limit
-        if (overColumn.limit && overColumn.cards.length >= overColumn.limit) {
-            return;
-        }
-        overColumn.cards.push(movedCard);
-        onUpdateBoard(updatedBoard);
-    };
-    const handleDragEnd = (event) => {
-        const { active, over } = event;
-        setActiveCard(null);
-        if (!over)
-            return;
-        const activeId = active.id;
-        const overId = over.id;
-        const activeContainer = findContainer(activeId);
-        const overContainer = findContainer(overId);
-        if (!activeContainer || !overContainer)
-            return;
-        const activeColumnIndex = board.columns.findIndex((col) => col.id === activeContainer);
-        const activeColumn = board.columns[activeColumnIndex];
-        if (activeContainer === overContainer) {
-            // Reordering within the same column
-            const oldIndex = activeColumn.cards.findIndex((card) => card.id === activeId);
-            const newIndex = activeColumn.cards.findIndex((card) => card.id === overId);
-            if (oldIndex !== newIndex) {
-                const updatedBoard = { ...board };
-                updatedBoard.columns[activeColumnIndex].cards = arrayMove(activeColumn.cards, oldIndex, newIndex);
-                onUpdateBoard(updatedBoard);
-            }
-        }
-    };
-    const findContainer = (id) => {
-        // Check if it's a column
-        if (board.columns.some((col) => col.id === id)) {
-            return id;
-        }
-        // Find which column contains this card
-        return board.columns.find((col) => col.cards.some((card) => card.id === id))
-            ?.id;
-    };
-    const handleAddCard = (columnId) => {
-        setActiveColumnId(columnId);
-        setEditingCard(undefined);
-        setCardFormOpen(true);
-    };
-    const handleEditCard = (card) => {
-        setEditingCard(card);
-        setActiveColumnId("");
-        setCardFormOpen(true);
-    };
-    const handleSaveCard = (cardData) => {
-        const updatedBoard = { ...board };
-        if (editingCard) {
-            // Update existing card
-            const columnIndex = updatedBoard.columns.findIndex((col) => col.cards.some((card) => card.id === editingCard.id));
-            if (columnIndex !== -1) {
-                const cardIndex = updatedBoard.columns[columnIndex].cards.findIndex((card) => card.id === editingCard.id);
-                if (cardIndex !== -1) {
-                    updatedBoard.columns[columnIndex].cards[cardIndex] = {
-                        ...editingCard,
-                        ...cardData,
-                    };
-                }
-            }
-        }
-        else {
-            // Create new card
-            const columnIndex = updatedBoard.columns.findIndex((col) => col.id === activeColumnId);
-            if (columnIndex !== -1) {
-                const newCard = {
-                    id: `card-${Date.now()}`,
-                    title: cardData.title,
-                    description: cardData.description,
-                    labels: cardData.labels,
-                    priority: cardData.priority,
-                    assignee: cardData.assignee,
-                    dueDate: cardData.dueDate,
-                    createdAt: new Date().toISOString(),
-                    updatedAt: new Date().toISOString(),
-                };
-                updatedBoard.columns[columnIndex].cards.push(newCard);
-            }
-        }
-        onUpdateBoard(updatedBoard);
-    };
-    const handleDeleteCard = (cardId) => {
-        const updatedBoard = { ...board };
-        const columnIndex = updatedBoard.columns.findIndex((col) => col.cards.some((card) => card.id === cardId));
-        if (columnIndex !== -1) {
-            updatedBoard.columns[columnIndex].cards = updatedBoard.columns[columnIndex].cards.filter((card) => card.id !== cardId);
-            onUpdateBoard(updatedBoard);
-        }
-    };
-    return (_jsxs("div", { className: cn("flex flex-col h-full", className), children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [_jsx("h1", { className: "text-2xl font-bold", children: board.title }), _jsx("div", { className: "flex items-center gap-3", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Search cards...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "pl-9 w-64" })] }) })] }), _jsx("div", { className: "flex-1 overflow-x-auto", children: _jsx("div", { className: "h-full p-4", children: _jsxs(DndContext, { sensors: sensors, collisionDetection: closestCorners, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: [_jsx("div", { className: "flex gap-6 h-full pb-4", children: filteredBoard.columns.map((column) => (_jsx(KanbanColumnComponent, { column: column, onAddCard: handleAddCard, onEditCard: handleEditCard, onDeleteCard: handleDeleteCard }, column.id))) }), _jsx(DragOverlay, { children: activeCard ? (_jsx(KanbanCardComponent, { card: activeCard, onEdit: () => { }, onDelete: () => { } })) : null })] }) }) }), _jsx(CardFormDialog, { open: cardFormOpen, onOpenChange: setCardFormOpen, card: editingCard, onSave: handleSaveCard, labels: board.labels })] }));
-}
-// Export default for registry
-export default KanbanBoard;

package/dist/src/project/list.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
-declare const ListItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-export { List, ListItem };
-//# sourceMappingURL=list.d.ts.map

package/dist/src/project/list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/project/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,IAAI,iHAKR,CAAA;AAGF,QAAA,MAAM,QAAQ,2GAKZ,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}

package/dist/src/project/list.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "@hanzo/ui/lib/utils";
-const List = React.forwardRef(({ className, ...props }, ref) => (_jsx("ul", { ref: ref, className: cn("space-y-2", className), ...props })));
-List.displayName = "List";
-const ListItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn("", className), ...props })));
-ListItem.displayName = "ListItem";
-export { List, ListItem };