@hanzo/ui-shadcn 5.7.2

package/dist/src/network/NetworkSwitcher.js

@@ -0,0 +1,80 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * <NetworkSwitcher/> — the ONE network selector for every Hanzo surface
+ * (desktop, app, chat, team, console). Renders the selected environment
+ * and a menu of configured networks + a custom-endpoint form, backed by
+ * the shared selected-network store, so dropping this into a header is
+ * the whole integration.
+ *
+ * Self-contained (React + semantic Tailwind tokens only), matching the
+ * other @hanzo/ui domain modules.
+ */
+import * as React from 'react';
+import { validateCustomNetwork } from './networks';
+import { useNetwork } from './store';
+const ENV_DOT = {
+    mainnet: 'bg-emerald-500',
+    testnet: 'bg-amber-500',
+    devnet: 'bg-sky-500',
+    local: 'bg-zinc-400',
+    custom: 'bg-violet-500',
+};
+const EMPTY_DRAFT = { label: '', chainID: '', rpcEndpoint: '', apiEndpoint: '' };
+export function NetworkSwitcher({ onChange, className = '' }) {
+    const { network, networks, select, selectCustom } = useNetwork();
+    const [open, setOpen] = React.useState(false);
+    const [customOpen, setCustomOpen] = React.useState(false);
+    const [draft, setDraft] = React.useState(EMPTY_DRAFT);
+    const [error, setError] = React.useState(null);
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const onDown = (e) => {
+            if (ref.current && !ref.current.contains(e.target))
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', onDown);
+        return () => document.removeEventListener('mousedown', onDown);
+    }, [open]);
+    const pick = (env) => {
+        if (env === 'custom') {
+            setCustomOpen(true);
+            return;
+        }
+        const next = select(env);
+        setOpen(false);
+        setCustomOpen(false);
+        onChange?.(next);
+    };
+    const saveCustom = () => {
+        const candidate = {
+            label: draft.label.trim() || 'Custom',
+            networkID: Number(draft.chainID),
+            evmChainID: Number(draft.chainID),
+            rpcEndpoint: draft.rpcEndpoint.trim(),
+            apiEndpoint: draft.apiEndpoint.trim(),
+            currency: network.currency,
+        };
+        const invalid = validateCustomNetwork({ ...candidate, env: 'custom' });
+        if (invalid) {
+            setError(invalid);
+            return;
+        }
+        const next = selectCustom(candidate);
+        setError(null);
+        setDraft(EMPTY_DRAFT);
+        setOpen(false);
+        setCustomOpen(false);
+        onChange?.(next);
+    };
+    const field = 'w-full rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground outline-none focus:ring-1 focus:ring-ring';
+    return (_jsxs("div", { ref: ref, className: `relative ${className}`, children: [_jsxs("button", { type: "button", "aria-haspopup": "menu", "aria-expanded": open, onClick: () => setOpen((v) => !v), className: "flex items-center gap-2 rounded-md border border-border bg-background px-2.5 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent hover:text-accent-foreground", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${ENV_DOT[network.env]}`, "aria-hidden": true }), _jsx("span", { className: "max-w-[9rem] truncate", children: network.label }), _jsx("svg", { className: `h-3 w-3 text-muted-foreground transition-transform ${open ? 'rotate-180' : ''}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })] }), open && (_jsxs("div", { role: "menu", className: "absolute right-0 z-50 mt-1.5 w-64 rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-md", children: [networks.map((n) => (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": network.env === n.env, onClick: () => pick(n.env), className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent hover:text-accent-foreground", children: [_jsx("span", { className: `h-2 w-2 shrink-0 rounded-full ${ENV_DOT[n.env]}`, "aria-hidden": true }), _jsxs("span", { className: "flex-1", children: [_jsx("span", { className: "block font-medium", children: n.label }), _jsxs("span", { className: "block text-[10px] text-muted-foreground", children: ["chain ", n.evmChainID, " \u00B7 ", n.rpcEndpoint.replace(/^https?:\/\//, '')] })] }), network.env === n.env && (_jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }))] }, n.env))), _jsx("div", { className: "my-1 h-px bg-border", role: "separator" }), !customOpen ? (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": network.env === 'custom', onClick: () => pick('custom'), className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent hover:text-accent-foreground", children: [_jsx("span", { className: `h-2 w-2 shrink-0 rounded-full ${ENV_DOT.custom}`, "aria-hidden": true }), _jsx("span", { className: "flex-1 font-medium", children: network.env === 'custom' ? network.label : 'Custom…' }), network.env === 'custom' && (_jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }))] })) : (_jsxs("form", { className: "space-y-1.5 p-2", onSubmit: (e) => {
+                            e.preventDefault();
+                            saveCustom();
+                        }, children: [_jsx("input", { className: field, placeholder: "Label (optional)", value: draft.label, onChange: (e) => setDraft({ ...draft, label: e.target.value }) }), _jsx("input", { className: field, placeholder: "Chain ID", inputMode: "numeric", value: draft.chainID, onChange: (e) => setDraft({ ...draft, chainID: e.target.value }) }), _jsx("input", { className: field, placeholder: "RPC endpoint (https://\u2026)", value: draft.rpcEndpoint, onChange: (e) => setDraft({ ...draft, rpcEndpoint: e.target.value }) }), _jsx("input", { className: field, placeholder: "API endpoint (https://\u2026)", value: draft.apiEndpoint, onChange: (e) => setDraft({ ...draft, apiEndpoint: e.target.value }) }), error && _jsx("p", { className: "text-[10px] text-destructive", children: error }), _jsxs("div", { className: "flex justify-end gap-1.5 pt-0.5", children: [_jsx("button", { type: "button", onClick: () => {
+                                            setCustomOpen(false);
+                                            setError(null);
+                                        }, className: "rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent hover:text-accent-foreground", children: "Cancel" }), _jsx("button", { type: "submit", className: "rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:opacity-90", children: "Connect" })] })] }))] }))] }));
+}

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

@@ -0,0 +1,4 @@
+export { HANZO_NETWORKS, chainIdHex, networkByEnv, validateCustomNetwork, type Network, type NetworkEnv, } from './networks';
+export { configureNetworks, getNetwork, getNetworks, selectCustomNetwork, selectNetwork, subscribeNetwork, useNetwork, } from './store';
+export { NetworkSwitcher, type NetworkSwitcherProps } from './NetworkSwitcher';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/network/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,KAAK,OAAO,EACZ,KAAK,UAAU,GAChB,MAAM,YAAY,CAAA;AACnB,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,UAAU,GACX,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/src/network/index.js

@@ -0,0 +1,3 @@
+export { HANZO_NETWORKS, chainIdHex, networkByEnv, validateCustomNetwork, } from './networks';
+export { configureNetworks, getNetwork, getNetworks, selectCustomNetwork, selectNetwork, subscribeNetwork, useNetwork, } from './store';
+export { NetworkSwitcher } from './NetworkSwitcher';

package/dist/src/network/networks.d.ts

@@ -0,0 +1,39 @@
+/**
+ * The ONE network model for every Hanzo surface — identical to the
+ * `hanzo` CLI (`hanzo network list|use`, cli/src/commands/network.rs)
+ * and the console selector. A network is a value:
+ *
+ *   (env, label, networkID, evmChainID, rpcEndpoint, apiEndpoint)
+ *
+ * Hanzo is a sovereign L1 — its primary networkID EQUALS its EVM chainID,
+ * one ID per environment. Public environments share the one cloud API
+ * (api.hanzo.ai); RPC + explorer are per-env fabrics (hanzo.network /
+ * hanzo-test.network / hanzo-dev.network). `local` is a self-hosted node;
+ * `custom` is user-supplied endpoints.
+ */
+export type NetworkEnv = 'mainnet' | 'testnet' | 'devnet' | 'local' | 'custom';
+export interface Network {
+    env: NetworkEnv;
+    label: string;
+    /** Sovereign L1 primary network ID (=== evmChainID per environment). */
+    networkID: number;
+    /** EVM chain ID (EIP-155). */
+    evmChainID: number;
+    /** JSON-RPC endpoint for the chain. */
+    rpcEndpoint: string;
+    /** Cloud control-plane / gateway API for this environment. */
+    apiEndpoint: string;
+    /** Block explorer, when the environment has one. */
+    explorerEndpoint?: string;
+    /** Native gas token symbol. */
+    currency: string;
+}
+/** Canonical hanzo.network environments (mirrors `hanzo network list`). */
+export declare const HANZO_NETWORKS: readonly Network[];
+/** EIP-3085/3326 hex chain id (e.g. 36963 → 0x9063). */
+export declare const chainIdHex: (n: Network) => string;
+/** Find a network by env in a list (undefined for 'custom' / unknown). */
+export declare const networkByEnv: (networks: readonly Network[], env: NetworkEnv) => Network | undefined;
+/** Validate a user-supplied custom network. Returns an error string or null. */
+export declare function validateCustomNetwork(n: Network): string | null;
+//# sourceMappingURL=networks.d.ts.map

package/dist/src/network/networks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networks.d.ts","sourceRoot":"","sources":["../../../src/network/networks.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9E,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,UAAU,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,SAAS,EAAE,MAAM,CAAA;IACjB,8BAA8B;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,SAAS,OAAO,EAwC5C,CAAA;AAED,wDAAwD;AACxD,eAAO,MAAM,UAAU,GAAI,GAAG,OAAO,KAAG,MAA0C,CAAA;AAElF,0EAA0E;AAC1E,eAAO,MAAM,YAAY,GACvB,UAAU,SAAS,OAAO,EAAE,EAC5B,KAAK,UAAU,KACd,OAAO,GAAG,SAAgD,CAAA;AAI7D,gFAAgF;AAChF,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAK/D"}

package/dist/src/network/networks.js

@@ -0,0 +1,70 @@
+/**
+ * The ONE network model for every Hanzo surface — identical to the
+ * `hanzo` CLI (`hanzo network list|use`, cli/src/commands/network.rs)
+ * and the console selector. A network is a value:
+ *
+ *   (env, label, networkID, evmChainID, rpcEndpoint, apiEndpoint)
+ *
+ * Hanzo is a sovereign L1 — its primary networkID EQUALS its EVM chainID,
+ * one ID per environment. Public environments share the one cloud API
+ * (api.hanzo.ai); RPC + explorer are per-env fabrics (hanzo.network /
+ * hanzo-test.network / hanzo-dev.network). `local` is a self-hosted node;
+ * `custom` is user-supplied endpoints.
+ */
+/** Canonical hanzo.network environments (mirrors `hanzo network list`). */
+export const HANZO_NETWORKS = [
+    {
+        env: 'mainnet',
+        label: 'Hanzo Mainnet',
+        networkID: 36963,
+        evmChainID: 36963,
+        rpcEndpoint: 'https://rpc.hanzo.network',
+        apiEndpoint: 'https://api.hanzo.ai',
+        explorerEndpoint: 'https://explorer.hanzo.network',
+        currency: 'AI',
+    },
+    {
+        env: 'testnet',
+        label: 'Hanzo Testnet',
+        networkID: 36964,
+        evmChainID: 36964,
+        rpcEndpoint: 'https://rpc.hanzo-test.network',
+        apiEndpoint: 'https://api.hanzo.ai',
+        explorerEndpoint: 'https://explorer.hanzo-test.network',
+        currency: 'AI',
+    },
+    {
+        env: 'devnet',
+        label: 'Hanzo Devnet',
+        networkID: 36965,
+        evmChainID: 36965,
+        rpcEndpoint: 'https://rpc.hanzo-dev.network',
+        apiEndpoint: 'https://api.hanzo.ai',
+        explorerEndpoint: 'https://explorer.hanzo-dev.network',
+        currency: 'AI',
+    },
+    {
+        env: 'local',
+        label: 'Local',
+        networkID: 31337,
+        evmChainID: 31337,
+        rpcEndpoint: 'http://localhost:9650/ext/bc/C/rpc',
+        apiEndpoint: 'http://localhost:3690',
+        currency: 'AI',
+    },
+];
+/** EIP-3085/3326 hex chain id (e.g. 36963 → 0x9063). */
+export const chainIdHex = (n) => '0x' + n.evmChainID.toString(16);
+/** Find a network by env in a list (undefined for 'custom' / unknown). */
+export const networkByEnv = (networks, env) => networks.find((n) => n.env === env);
+const URL_RE = /^https?:\/\/.+/;
+/** Validate a user-supplied custom network. Returns an error string or null. */
+export function validateCustomNetwork(n) {
+    if (!Number.isInteger(n.evmChainID) || n.evmChainID <= 0)
+        return 'Chain ID must be a positive integer.';
+    if (!URL_RE.test(n.rpcEndpoint))
+        return 'RPC endpoint must be an http(s) URL.';
+    if (!URL_RE.test(n.apiEndpoint))
+        return 'API endpoint must be an http(s) URL.';
+    return null;
+}

package/dist/src/network/store.d.ts

@@ -0,0 +1,24 @@
+import { type Network, type NetworkEnv } from './networks';
+/**
+ * Configure the network list for this surface (call once at bootstrap for
+ * non-Hanzo brands; Hanzo surfaces need not call it). Resets nothing the
+ * user chose — the persisted env is re-resolved against the new list.
+ */
+export declare function configureNetworks(list: readonly Network[]): void;
+export declare const getNetworks: () => readonly Network[];
+/** The currently selected network, resolved against the configured list. */
+export declare function getNetwork(): Network;
+/** Select a named environment from the configured list. */
+export declare function selectNetwork(env: Exclude<NetworkEnv, 'custom'>): Network;
+/** Select a user-supplied custom network. Throws on invalid endpoints. */
+export declare function selectCustomNetwork(custom: Omit<Network, 'env'>): Network;
+/** Subscribe to selection changes. Returns the unsubscriber. */
+export declare function subscribeNetwork(cb: () => void): () => void;
+/** React view of the selected network. */
+export declare function useNetwork(): {
+    network: Network;
+    networks: readonly Network[];
+    select: typeof selectNetwork;
+    selectCustom: typeof selectCustomNetwork;
+};
+//# sourceMappingURL=store.d.ts.map

package/dist/src/network/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/network/store.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,UAAU,EAChB,MAAM,YAAY,CAAA;AAenB;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAIhE;AAED,eAAO,MAAM,WAAW,QAAO,SAAS,OAAO,EAAc,CAAA;AAyC7D,4EAA4E;AAC5E,wBAAgB,UAAU,IAAI,OAAO,CAIpC;AAED,2DAA2D;AAC3D,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,OAAO,CAQzE;AAED,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,OAAO,CASzE;AAED,gEAAgE;AAChE,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAI3D;AAED,0CAA0C;AAC1C,wBAAgB,UAAU,IAAI;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,SAAS,OAAO,EAAE,CAAA;IAC5B,MAAM,EAAE,OAAO,aAAa,CAAA;IAC5B,YAAY,EAAE,OAAO,mBAAmB,CAAA;CACzC,CAGA"}

package/dist/src/network/store.js

@@ -0,0 +1,116 @@
+'use client';
+/**
+ * Selected-network store — ONE selection shared by every component and
+ * API client in a surface. Framework-light: a module store + a React hook
+ * (useSyncExternalStore); persisted to localStorage; cross-tab via the
+ * `storage` event. SSR-safe (defaults to the first configured network).
+ *
+ * Only the SELECTION is stored (env name, or the full custom network the
+ * user typed). Endpoints for the named envs always come from the
+ * configured network list, never from storage — so shipping new endpoints
+ * updates every client on next load.
+ */
+import * as React from 'react';
+import { HANZO_NETWORKS, networkByEnv, validateCustomNetwork, } from './networks';
+const STORAGE_KEY = 'hanzo.network';
+let networks = HANZO_NETWORKS;
+let selection = { env: 'mainnet' };
+let loaded = false;
+const listeners = new Set();
+/**
+ * Configure the network list for this surface (call once at bootstrap for
+ * non-Hanzo brands; Hanzo surfaces need not call it). Resets nothing the
+ * user chose — the persisted env is re-resolved against the new list.
+ */
+export function configureNetworks(list) {
+    if (list.length === 0)
+        throw new Error('configureNetworks: list must not be empty');
+    networks = list;
+    emit();
+}
+export const getNetworks = () => networks;
+function load() {
+    if (loaded || typeof window === 'undefined')
+        return;
+    loaded = true;
+    try {
+        const raw = window.localStorage.getItem(STORAGE_KEY);
+        if (raw) {
+            const parsed = JSON.parse(raw);
+            if (parsed && typeof parsed.env === 'string')
+                selection = parsed;
+        }
+    }
+    catch {
+        // Corrupt storage falls back to the default selection.
+    }
+    window.addEventListener('storage', (e) => {
+        if (e.key !== STORAGE_KEY)
+            return;
+        try {
+            const parsed = e.newValue ? JSON.parse(e.newValue) : null;
+            if (parsed && typeof parsed.env === 'string') {
+                selection = parsed;
+                emit();
+            }
+        }
+        catch {
+            // Ignore malformed cross-tab writes.
+        }
+    });
+}
+function persist() {
+    if (typeof window === 'undefined')
+        return;
+    try {
+        window.localStorage.setItem(STORAGE_KEY, JSON.stringify(selection));
+    }
+    catch {
+        // Private mode / quota — selection still works for this session.
+    }
+}
+function emit() {
+    for (const l of listeners)
+        l();
+}
+/** The currently selected network, resolved against the configured list. */
+export function getNetwork() {
+    load();
+    if (selection.env === 'custom' && selection.custom)
+        return selection.custom;
+    return networkByEnv(networks, selection.env) ?? networks[0];
+}
+/** Select a named environment from the configured list. */
+export function selectNetwork(env) {
+    load();
+    const found = networkByEnv(networks, env);
+    if (!found)
+        throw new Error(`selectNetwork: no '${env}' network configured`);
+    selection = { env };
+    persist();
+    emit();
+    return found;
+}
+/** Select a user-supplied custom network. Throws on invalid endpoints. */
+export function selectCustomNetwork(custom) {
+    load();
+    const network = { ...custom, env: 'custom' };
+    const invalid = validateCustomNetwork(network);
+    if (invalid)
+        throw new Error(invalid);
+    selection = { env: 'custom', custom: network };
+    persist();
+    emit();
+    return network;
+}
+/** Subscribe to selection changes. Returns the unsubscriber. */
+export function subscribeNetwork(cb) {
+    load();
+    listeners.add(cb);
+    return () => listeners.delete(cb);
+}
+/** React view of the selected network. */
+export function useNetwork() {
+    const network = React.useSyncExternalStore(subscribeNetwork, getNetwork, getNetwork);
+    return { network, networks, select: selectNetwork, selectCustom: selectCustomNetwork };
+}

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-shadcn/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