@hanzo/ui 5.3.34 → 5.3.35

package/dist/src/navigation/icon-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-navigation-bar.d.ts.map

package/dist/src/navigation/icon-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/icon-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/icon-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

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

@@ -0,0 +1,19 @@
+export { default as AdvancedNavigationBar } from "./advanced-navigation-bar";
+export { default as AIModelSelectorNavigationBar } from "./ai-model-selector-navigation-bar";
+export { default as AppSwitcherNavigationBar } from "./app-switcher-navigation-bar";
+export { default as BreadcrumbAndFiltersNavigationBar } from "./breadcrumb-and-filters-navigation-bar";
+export { default as BreadcrumbNavigationBar } from "./breadcrumb-navigation-bar";
+export { default as CenteredLogoNavigationBar } from "./centered-logo-navigation-bar";
+export { default as CollaborationNavigationBar } from "./collaboration-navigation-bar";
+export { default as CommunicationNavigationBar } from "./communication-navigation-bar";
+export { default as ContextSwitcherNavigationBar } from "./context-switcher-navigation-bar";
+export { default as DashboardNavigationBar } from "./dashboard-navigation-bar";
+export { default as ECommerceNavigationBar } from "./e-commerce-navigation-bar";
+export { default as IconNavigationBar } from "./icon-navigation-bar";
+export { default as SearchAndToggleNavigationBar } from "./search-and-toggle-navigation-bar";
+export { default as SimpleNavigationBar } from "./simple-navigation-bar";
+export { default as StatusDashboardNavigationBar } from "./status-dashboard-navigation-bar";
+export { default as TeamSwitcherNavigationBar } from "./team-switcher-navigation-bar";
+export { default as TwoTierNavigationBar } from "./two-tier-navigation-bar";
+export { default as UnderlineNavigationBar } from "./underline-navigation-bar";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,oCAAoC,CAAA;AAC5F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,MAAM,yCAAyC,CAAA;AACtG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,oCAAoC,CAAA;AAC5F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/src/navigation/index.js

@@ -0,0 +1,19 @@
+// Navigation bar components
+export { default as AdvancedNavigationBar } from "./advanced-navigation-bar";
+export { default as AIModelSelectorNavigationBar } from "./ai-model-selector-navigation-bar";
+export { default as AppSwitcherNavigationBar } from "./app-switcher-navigation-bar";
+export { default as BreadcrumbAndFiltersNavigationBar } from "./breadcrumb-and-filters-navigation-bar";
+export { default as BreadcrumbNavigationBar } from "./breadcrumb-navigation-bar";
+export { default as CenteredLogoNavigationBar } from "./centered-logo-navigation-bar";
+export { default as CollaborationNavigationBar } from "./collaboration-navigation-bar";
+export { default as CommunicationNavigationBar } from "./communication-navigation-bar";
+export { default as ContextSwitcherNavigationBar } from "./context-switcher-navigation-bar";
+export { default as DashboardNavigationBar } from "./dashboard-navigation-bar";
+export { default as ECommerceNavigationBar } from "./e-commerce-navigation-bar";
+export { default as IconNavigationBar } from "./icon-navigation-bar";
+export { default as SearchAndToggleNavigationBar } from "./search-and-toggle-navigation-bar";
+export { default as SimpleNavigationBar } from "./simple-navigation-bar";
+export { default as StatusDashboardNavigationBar } from "./status-dashboard-navigation-bar";
+export { default as TeamSwitcherNavigationBar } from "./team-switcher-navigation-bar";
+export { default as TwoTierNavigationBar } from "./two-tier-navigation-bar";
+export { default as UnderlineNavigationBar } from "./underline-navigation-bar";

package/dist/src/navigation/search-and-toggle-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-and-toggle-navigation-bar.d.ts.map

package/dist/src/navigation/search-and-toggle-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-and-toggle-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/search-and-toggle-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/search-and-toggle-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/simple-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=simple-navigation-bar.d.ts.map

package/dist/src/navigation/simple-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/simple-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/simple-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/status-dashboard-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=status-dashboard-navigation-bar.d.ts.map

package/dist/src/navigation/status-dashboard-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dashboard-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/status-dashboard-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/status-dashboard-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/team-switcher-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=team-switcher-navigation-bar.d.ts.map

package/dist/src/navigation/team-switcher-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-switcher-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/team-switcher-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/team-switcher-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/two-tier-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=two-tier-navigation-bar.d.ts.map

package/dist/src/navigation/two-tier-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"two-tier-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/two-tier-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/two-tier-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

package/dist/src/navigation/underline-navigation-bar.d.ts

@@ -0,0 +1,2 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=underline-navigation-bar.d.ts.map

package/dist/src/navigation/underline-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"underline-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/navigation/underline-navigation-bar.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAMhC"}

package/dist/src/navigation/underline-navigation-bar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Component() {
+    return (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx("p", { className: "text-muted-foreground", children: "Component coming soon" }) }));
+}

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

@@ -0,0 +1,111 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,126 @@
+"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+// 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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1 @@
+{"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"}