@appkits-ai/ui 0.1.0

package/dist/hooks/use-chain-settings.d.ts

@@ -0,0 +1,43 @@
+import { type StateStorage } from "zustand/middleware";
+export type ChainCategory = "evm" | "solana" | "sui" | "ton";
+export interface NetworkConfig {
+    id: string;
+    name: string;
+    chainId: number | string;
+    rpcUrl: string;
+    defaultRpcUrl: string;
+    enabled: boolean;
+    currency: string;
+    explorerUrl?: string;
+    category: ChainCategory;
+}
+interface ChainSettingsStore {
+    networks: NetworkConfig[];
+    updateNetwork: (id: string, updates: Partial<NetworkConfig>) => void;
+    resetNetwork: (id: string) => void;
+    resetAll: () => void;
+    getNetwork: (chainId: number | string) => NetworkConfig | undefined;
+}
+/**
+ * Creates the IndexedDB-backed storage used by Zustand persist.
+ */
+export declare function createChainSettingsIndexedDbStorage(): StateStorage;
+export declare const useChainSettingsStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ChainSettingsStore>, "setState" | "persist"> & {
+    setState(partial: ChainSettingsStore | Partial<ChainSettingsStore> | ((state: ChainSettingsStore) => ChainSettingsStore | Partial<ChainSettingsStore>), replace?: false | undefined): unknown;
+    setState(state: ChainSettingsStore | ((state: ChainSettingsStore) => ChainSettingsStore), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ChainSettingsStore, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ChainSettingsStore) => void) => () => void;
+        onFinishHydration: (fn: (state: ChainSettingsStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ChainSettingsStore, unknown, unknown>>;
+    };
+}>;
+/**
+ * Provides the useChainSettings hook behavior.
+ */
+export declare const useChainSettings: () => ChainSettingsStore;
+export {};
+//# sourceMappingURL=use-chain-settings.d.ts.map

package/dist/hooks/use-chain-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chain-settings.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chain-settings.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AA8B5B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAG1B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;CACrE;AAoJD;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,YAAY,CAkBlE;AAyGD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;EAiCjC,CAAC;AAUF;;GAEG;AACH,eAAO,MAAM,gBAAgB,0BAgC5B,CAAC"}

package/dist/hooks/use-chain-settings.js

@@ -0,0 +1,313 @@
+/**
+ * Defines the use-chain-settings React hook for shared UI behavior.
+ * @module ui-package
+ */
+import { create } from "zustand";
+import { persist, createJSONStorage, } from "zustand/middleware";
+import { mainnet, sepolia, arbitrum, optimism, polygon, bsc, base, linea, scroll, zksync, avalanche, arbitrumSepolia, baseSepolia, } from "viem/chains";
+// Define a safe fallback for unichain if not exported by default viem version in this workspace
+// ... (Lines 6-15 omitted for brevity, keeping as is in file)
+const unichain = {
+    id: 1301,
+    name: "Unichain",
+    network: "unichain",
+    nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
+    rpcUrls: {
+        default: { http: ["https://rpc.unichain.org"] },
+        public: { http: ["https://rpc.unichain.org"] },
+    },
+};
+const CHAIN_SETTINGS_DB_NAME = "appkits-chain-settings";
+const CHAIN_SETTINGS_DB_VERSION = 1;
+const CHAIN_SETTINGS_STORE = "settings";
+const CHAIN_SETTINGS_INDEXEDDB_TIMEOUT_MS = 1000;
+const CHAIN_SETTINGS_CACHE_KEY = "appkits-chain-settings";
+const memoryStateStorage = new Map();
+/**
+ * Returns the browser IndexedDB factory for chain settings cache.
+ */
+function chainSettingsIndexedDb() {
+    return typeof indexedDB === "undefined" ? null : indexedDB;
+}
+/**
+ * Opens the IndexedDB store for chain settings startup cache.
+ */
+async function openChainSettingsDb() {
+    const factory = chainSettingsIndexedDb();
+    if (!factory)
+        return null;
+    return new Promise((resolve, reject) => {
+        const request = factory.open(CHAIN_SETTINGS_DB_NAME, CHAIN_SETTINGS_DB_VERSION);
+        const timer = globalThis.setTimeout(() => reject(new Error("chain_settings_cache_open_timeout")), CHAIN_SETTINGS_INDEXEDDB_TIMEOUT_MS);
+        /**
+         * Clears the IndexedDB open timeout.
+         */
+        const finish = () => globalThis.clearTimeout(timer);
+        request.onupgradeneeded = () => {
+            const db = request.result;
+            if (!db.objectStoreNames.contains(CHAIN_SETTINGS_STORE)) {
+                db.createObjectStore(CHAIN_SETTINGS_STORE, { keyPath: "key" });
+            }
+        };
+        request.onsuccess = () => {
+            finish();
+            const db = request.result;
+            db.onversionchange = () => db.close();
+            resolve(db);
+        };
+        request.onblocked = () => {
+            finish();
+            reject(new Error("chain_settings_cache_open_blocked"));
+        };
+        request.onerror = () => {
+            finish();
+            reject(request.error || new Error("chain_settings_cache_open_failed"));
+        };
+    });
+}
+/**
+ * Resolves an IndexedDB request result.
+ */
+async function indexedDbRequestResult(request) {
+    return new Promise((resolve, reject) => {
+        request.onsuccess = () => resolve(request.result);
+        request.onerror = () => reject(request.error || new Error("indexeddb_request_failed"));
+    });
+}
+/**
+ * Waits for an IndexedDB transaction to commit.
+ */
+async function waitForIndexedDbTransaction(transaction) {
+    return new Promise((resolve, reject) => {
+        transaction.oncomplete = () => resolve();
+        transaction.onerror = () => reject(transaction.error || new Error("indexeddb_transaction_failed"));
+        transaction.onabort = () => reject(transaction.error || new Error("indexeddb_transaction_aborted"));
+    });
+}
+/**
+ * Loads one chain settings cache value from IndexedDB.
+ */
+async function loadChainSettingsCache(key) {
+    const db = await openChainSettingsDb();
+    if (!db)
+        return null;
+    try {
+        const transaction = db.transaction(CHAIN_SETTINGS_STORE, "readonly");
+        const record = await indexedDbRequestResult(transaction
+            .objectStore(CHAIN_SETTINGS_STORE)
+            .get(key));
+        return record?.value ?? null;
+    }
+    finally {
+        db.close();
+    }
+}
+/**
+ * Saves one chain settings cache value into IndexedDB.
+ */
+async function saveChainSettingsCache(key, value) {
+    const db = await openChainSettingsDb();
+    if (!db)
+        return;
+    try {
+        const transaction = db.transaction(CHAIN_SETTINGS_STORE, "readwrite");
+        transaction.objectStore(CHAIN_SETTINGS_STORE).put({
+            key,
+            value,
+            updatedAt: new Date().toISOString(),
+        });
+        await waitForIndexedDbTransaction(transaction);
+    }
+    finally {
+        db.close();
+    }
+}
+/**
+ * Deletes one chain settings cache value from IndexedDB.
+ */
+async function deleteChainSettingsCache(key) {
+    const db = await openChainSettingsDb();
+    if (!db)
+        return;
+    try {
+        const transaction = db.transaction(CHAIN_SETTINGS_STORE, "readwrite");
+        transaction.objectStore(CHAIN_SETTINGS_STORE).delete(key);
+        await waitForIndexedDbTransaction(transaction);
+    }
+    finally {
+        db.close();
+    }
+}
+/**
+ * Creates the IndexedDB-backed storage used by Zustand persist.
+ */
+export function createChainSettingsIndexedDbStorage() {
+    return {
+        getItem: async (name) => {
+            const key = name || CHAIN_SETTINGS_CACHE_KEY;
+            const cached = await loadChainSettingsCache(key);
+            return cached ?? memoryStateStorage.get(key) ?? null;
+        },
+        setItem: async (name, value) => {
+            const key = name || CHAIN_SETTINGS_CACHE_KEY;
+            memoryStateStorage.set(key, value);
+            await saveChainSettingsCache(key, value);
+        },
+        removeItem: async (name) => {
+            const key = name || CHAIN_SETTINGS_CACHE_KEY;
+            memoryStateStorage.delete(key);
+            await deleteChainSettingsCache(key);
+        },
+    };
+}
+// Better Public RPCs
+const PUBLIC_RPCS = {
+    "1": "https://ethereum-rpc.publicnode.com",
+    "56": "https://bsc-rpc.publicnode.com",
+    "8453": "https://base-rpc.publicnode.com",
+    "42161": "https://arbitrum-one-rpc.publicnode.com",
+    "10": "https://optimism-rpc.publicnode.com",
+    "137": "https://polygon-bor-rpc.publicnode.com",
+    "11155111": "https://ethereum-sepolia-rpc.publicnode.com",
+};
+// Initial Configuration
+const CHAINS_DATA = [
+    // EVM
+    { chain: mainnet, id: "mainnet", enabled: true, category: "evm" },
+    { chain: bsc, id: "bsc", enabled: true, category: "evm" },
+    { chain: base, id: "base", enabled: true, category: "evm" },
+    { chain: arbitrum, id: "arbitrum", enabled: true, category: "evm" },
+    { chain: optimism, id: "optimism", enabled: true, category: "evm" },
+    { chain: polygon, id: "polygon", enabled: true, category: "evm" },
+    {
+        chain: arbitrumSepolia,
+        id: "arbitrum-sepolia",
+        enabled: false,
+        category: "evm",
+    },
+    { chain: baseSepolia, id: "base-sepolia", enabled: false, category: "evm" },
+    { chain: linea, id: "linea", enabled: false, category: "evm" },
+    { chain: scroll, id: "scroll", enabled: false, category: "evm" },
+    { chain: zksync, id: "zksync", enabled: false, category: "evm" },
+    { chain: avalanche, id: "avalanche", enabled: false, category: "evm" },
+    { chain: unichain, id: "unichain", enabled: false, category: "evm" },
+    { chain: sepolia, id: "sepolia", enabled: true, category: "evm" },
+    // Non-EVM Placeholders
+    {
+        id: "solana-mainnet",
+        name: "Solana",
+        chainId: "solana-mainnet",
+        rpcUrl: "https://api.mainnet-beta.solana.com",
+        defaultRpcUrl: "https://api.mainnet-beta.solana.com",
+        enabled: true,
+        currency: "SOL",
+        category: "solana",
+        chain: null, // Special handling
+    },
+    {
+        id: "sui-mainnet",
+        name: "Sui",
+        chainId: "sui-mainnet",
+        rpcUrl: "https://fullnode.mainnet.sui.io:443",
+        defaultRpcUrl: "https://fullnode.mainnet.sui.io:443",
+        enabled: true,
+        currency: "SUI",
+        category: "sui",
+        chain: null,
+    },
+    {
+        id: "ton-mainnet",
+        name: "TON",
+        chainId: "ton-mainnet",
+        rpcUrl: "https://toncenter.com/api/v2/jsonRPC",
+        defaultRpcUrl: "https://toncenter.com/api/v2/jsonRPC",
+        enabled: true,
+        currency: "TON",
+        category: "ton",
+        chain: null,
+    },
+];
+const INITIAL_NETWORKS = CHAINS_DATA.map((item) => {
+    if (item.chain) {
+        // EVM
+        const rpc = PUBLIC_RPCS[String(item.chain.id)] || item.chain.rpcUrls.default.http[0];
+        return {
+            id: item.id,
+            name: item.chain.name,
+            chainId: item.chain.id,
+            rpcUrl: rpc,
+            defaultRpcUrl: rpc,
+            enabled: item.enabled,
+            currency: item.chain.nativeCurrency.symbol,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            explorerUrl: item.chain.blockExplorers?.default?.url,
+            category: "evm",
+        };
+    }
+    else {
+        // Non-EVM
+        return {
+            id: item.id,
+            name: item.name,
+            chainId: item.chainId,
+            rpcUrl: item.rpcUrl,
+            defaultRpcUrl: item.defaultRpcUrl,
+            enabled: item.enabled,
+            currency: item.currency,
+            category: item.category,
+        };
+    }
+});
+// Export the raw store for direct usage if needed (though the hook is preferred)
+export const useChainSettingsStore = create()(persist((set, get) => {
+    return {
+        networks: INITIAL_NETWORKS,
+        updateNetwork: (id, updates) => set((state) => ({
+            networks: state.networks.map((n) => n.id === id ? { ...n, ...updates } : n),
+        })),
+        resetNetwork: (id) => set((state) => ({
+            networks: state.networks.map((n) => n.id === id ? { ...n, rpcUrl: n.defaultRpcUrl } : n),
+        })),
+        resetAll: () => set({ networks: INITIAL_NETWORKS }),
+        getNetwork: (chainId) => get().networks.find((n) => n.chainId === chainId),
+    };
+}, {
+    name: "appkits-chain-settings",
+    storage: createJSONStorage(createChainSettingsIndexedDbStorage),
+    partialize: (state) => ({ networks: state.networks }),
+    skipHydration: true,
+}));
+// Auto-hydrate
+if (typeof window !== "undefined") {
+    void useChainSettingsStore.persist.rehydrate();
+}
+// Export a hook that manages sync
+import { useEffect } from "react";
+/**
+ * Provides the useChainSettings hook behavior.
+ */
+export const useChainSettings = () => {
+    const store = useChainSettingsStore();
+    useEffect(() => {
+        // Only run if we are in an iframe (child app)
+        if (typeof window !== "undefined" && window.parent !== window) {
+            // 1. Listen for updates from parent
+            /**
+             * Handles Message behavior.
+             */
+            const handleMessage = (event) => {
+                if (event.data?.type === "UPDATE_CHAIN_SETTINGS" &&
+                    Array.isArray(event.data.payload)) {
+                    // Update store directly without triggering a re-save loops if possible,
+                    // but here we just update the state.
+                    useChainSettingsStore.setState({ networks: event.data.payload });
+                }
+            };
+            window.addEventListener("message", handleMessage);
+            // 2. Request initial settings
+            window.parent.postMessage({ type: "REQUEST_CHAIN_SETTINGS" }, "*");
+            return () => window.removeEventListener("message", handleMessage);
+        }
+    }, []);
+    return store;
+};

package/dist/hooks/use-global-dialog.d.ts

@@ -0,0 +1,28 @@
+export interface DialogButton {
+    label: string;
+    action: string;
+    variant?: "default" | "secondary" | "destructive" | "outline";
+}
+export interface DialogStep {
+    id: string;
+    label: string;
+    status: "pending" | "loading" | "success" | "error";
+}
+export interface DialogParams {
+    type: "info" | "success" | "error" | "loading" | "signature";
+    title: string;
+    description?: string;
+    buttons?: DialogButton[];
+    steps?: DialogStep[];
+    appId?: string;
+}
+export interface UseGlobalDialogReturn {
+    openDialog: (params: Omit<DialogParams, "appId">) => Promise<string>;
+    updateDialog: (updates: Partial<DialogParams>) => void;
+    closeDialog: () => void;
+}
+/**
+ * Provides the useGlobalDialog hook behavior.
+ */
+export declare function useGlobalDialog(): UseGlobalDialogReturn;
+//# sourceMappingURL=use-global-dialog.d.ts.map

package/dist/hooks/use-global-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-global-dialog.d.ts","sourceRoot":"","sources":["../../src/hooks/use-global-dialog.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACrD;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACrE,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,qBAAqB,CA4FvD"}

package/dist/hooks/use-global-dialog.js

@@ -0,0 +1,80 @@
+/**
+ * Defines the use-global-dialog React hook for shared UI behavior.
+ * @module ui-package
+ */
+import { useEffect, useCallback, useRef } from "react";
+/**
+ * Provides the useGlobalDialog hook behavior.
+ */
+export function useGlobalDialog() {
+    const activeRequestId = useRef(null);
+    const pendingPromise = useRef(null);
+    const openDialog = useCallback((params) => {
+        const id = Math.random().toString(36).substr(2, 9);
+        activeRequestId.current = id;
+        // Infer appId from URL or context?
+        // We can pass appId from the consuming app if it knows it.
+        // Or Desktop infers it.
+        // For now, let's assume Desktop can infer focused window if we don't pass it,
+        // OR we pass `window.name` or similar if sub-apps are aware of their ID.
+        // Actually WindowFrame sets valid appId via query param or simple assumption?
+        // Let's pass a known appId if possible, e.g. "token-factory".
+        // Actually, the GlobalDialogManager logic:
+        // `if (newParams.appId) focusWindow(newParams.appId)`
+        // Sub-apps might not know their own ID easily without it being injected.
+        // We will try to pass `window.name` which might be set by `WindowFrame`??
+        // WindowFrame uses `src={window.contentUrl}`. It doesn't set `name`.
+        // Workaround: We'll rely on the consuming app to pass its ID if it wants focus.
+        // Or simply `TokenFactory` knows it's "token-factory".
+        return new Promise((resolve, reject) => {
+            pendingPromise.current = { resolve, reject };
+            window.parent.postMessage({
+                type: "GLOBAL_DIALOG_REQUEST",
+                params: {
+                    ...params,
+                    id,
+                    // appId will be merged in by the caller if they add it to params, or we can add it here if we knew it.
+                },
+            }, "*");
+        });
+    }, []);
+    const updateDialog = useCallback((updates) => {
+        if (!activeRequestId.current)
+            return;
+        window.parent.postMessage({
+            type: "GLOBAL_DIALOG_UPDATE",
+            updates: { ...updates, id: activeRequestId.current },
+        }, "*");
+    }, []);
+    const closeDialog = useCallback(() => {
+        window.parent.postMessage({
+            type: "GLOBAL_DIALOG_CLOSE",
+        }, "*");
+        if (pendingPromise.current) {
+            pendingPromise.current.resolve("close"); // or reject?
+            pendingPromise.current = null;
+        }
+        activeRequestId.current = null;
+    }, []);
+    useEffect(() => {
+        /**
+         * Handles Message behavior.
+         */
+        const handleMessage = (event) => {
+            if (event.data?.type === "GLOBAL_DIALOG_RESPONSE") {
+                if (event.data.id === activeRequestId.current) {
+                    if (pendingPromise.current) {
+                        pendingPromise.current.resolve(event.data.action);
+                        pendingPromise.current = null;
+                    }
+                    if (event.data.action === "close" || event.data.action === "cancel") {
+                        activeRequestId.current = null;
+                    }
+                }
+            }
+        };
+        window.addEventListener("message", handleMessage);
+        return () => window.removeEventListener("message", handleMessage);
+    }, []);
+    return { openDialog, updateDialog, closeDialog };
+}

package/dist/hooks/use-sub-app-context-menu.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Provides the useSubAppContextMenu hook behavior.
+ */
+export declare const useSubAppContextMenu: () => void;
+//# sourceMappingURL=use-sub-app-context-menu.d.ts.map

package/dist/hooks/use-sub-app-context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sub-app-context-menu.d.ts","sourceRoot":"","sources":["../../src/hooks/use-sub-app-context-menu.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,eAAO,MAAM,oBAAoB,YA2BhC,CAAC"}

package/dist/hooks/use-sub-app-context-menu.js

@@ -0,0 +1,37 @@
+/**
+ * Defines the use-sub-app-context-menu React hook for shared UI behavior.
+ * @module ui-package
+ */
+"use client";
+import { useEffect } from "react";
+import { contextMenu, isInsideAppKits } from "@appkits-ai/sdk/client";
+/**
+ * Provides the useSubAppContextMenu hook behavior.
+ */
+export const useSubAppContextMenu = () => {
+    useEffect(() => {
+        /**
+         * Handles ContextMenu behavior.
+         */
+        const handleContextMenu = (e) => {
+            e.preventDefault();
+            if (!isInsideAppKits())
+                return;
+            void contextMenu.open({ x: e.clientX, y: e.clientY });
+        };
+        /**
+         * Handles Click behavior.
+         */
+        const handleClick = () => {
+            if (!isInsideAppKits())
+                return;
+            void contextMenu.close();
+        };
+        window.addEventListener("contextmenu", handleContextMenu);
+        window.addEventListener("click", handleClick);
+        return () => {
+            window.removeEventListener("contextmenu", handleContextMenu);
+            window.removeEventListener("click", handleClick);
+        };
+    }, []);
+};

package/dist/hooks/use-theme-sync.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Provides the useThemeSync hook behavior.
+ */
+export declare function useThemeSync(): void;
+//# sourceMappingURL=use-theme-sync.d.ts.map

package/dist/hooks/use-theme-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-sync.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme-sync.ts"],"names":[],"mappings":"AAcA;;GAEG;AACH,wBAAgB,YAAY,SA4B3B"}

package/dist/hooks/use-theme-sync.js

@@ -0,0 +1,36 @@
+/**
+ * Defines the use-theme-sync React hook for shared UI behavior.
+ * @module ui-package
+ */
+"use client";
+import { useEffect } from "react";
+import { useTheme } from "next-themes";
+/**
+ * Provides the useThemeSync hook behavior.
+ */
+export function useThemeSync() {
+    const { setTheme } = useTheme();
+    useEffect(() => {
+        /**
+         * Handles Message behavior.
+         */
+        const handleMessage = (event) => {
+            if (event.data && event.data.type === "THEME_CHANGE") {
+                const message = event.data;
+                setTheme(message.theme);
+                // Fallback: Force class on HTML element strictly
+                const html = document.documentElement;
+                html.classList.remove("light", "dark");
+                html.classList.add(message.theme);
+            }
+        };
+        window.addEventListener("message", handleMessage);
+        // Tell parent we are ready (optional, good for initial sync)
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage({ type: "APP_READY" }, "*");
+        }
+        return () => {
+            window.removeEventListener("message", handleMessage);
+        };
+    }, [setTheme]);
+}

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export * from "./components/badge.js";
+export * from "./components/button.js";
+export * from "./components/card.js";
+export * from "./components/checkbox.js";
+export * from "./components/context-menu.js";
+export * from "./components/dialog.js";
+export * from "./components/input.js";
+export * from "./components/label.js";
+export * from "./components/notifications.js";
+export * from "./components/scroll-area.js";
+export * from "./components/select.js";
+export * from "./components/switch.js";
+export * from "./components/tabs.js";
+export * from "./components/theme-provider.js";
+export * from "./components/tooltip.js";
+export * from "./components/transfer-status-panel.js";
+export * from "./components/upload-conflict-dialog.js";
+export * from "./components/upload-drop-overlay.js";
+export * from "./hooks/index.js";
+export * from "./hooks/use-chain-settings.js";
+export * from "./hooks/use-global-dialog.js";
+export * from "./hooks/use-sub-app-context-menu.js";
+export * from "./hooks/use-theme-sync.js";
+export * from "./lib/notify.js";
+export * from "./lib/utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,25 @@
+export * from "./components/badge.js";
+export * from "./components/button.js";
+export * from "./components/card.js";
+export * from "./components/checkbox.js";
+export * from "./components/context-menu.js";
+export * from "./components/dialog.js";
+export * from "./components/input.js";
+export * from "./components/label.js";
+export * from "./components/notifications.js";
+export * from "./components/scroll-area.js";
+export * from "./components/select.js";
+export * from "./components/switch.js";
+export * from "./components/tabs.js";
+export * from "./components/theme-provider.js";
+export * from "./components/tooltip.js";
+export * from "./components/transfer-status-panel.js";
+export * from "./components/upload-conflict-dialog.js";
+export * from "./components/upload-drop-overlay.js";
+export * from "./hooks/index.js";
+export * from "./hooks/use-chain-settings.js";
+export * from "./hooks/use-global-dialog.js";
+export * from "./hooks/use-sub-app-context-menu.js";
+export * from "./hooks/use-theme-sync.js";
+export * from "./lib/notify.js";
+export * from "./lib/utils.js";

package/dist/lib/notify.d.ts

@@ -0,0 +1,21 @@
+export interface NotificationAction {
+    label: string;
+    url?: string;
+    onClick?: () => void;
+}
+export interface NotificationOptions {
+    action?: NotificationAction;
+    type?: "default" | "success" | "error" | "loading" | "info";
+    duration?: number;
+    icon?: React.ReactNode;
+    id?: string | number;
+}
+/**
+ * Implements notify behavior.
+ */
+export declare function notify(title: string, body?: string, optionsOrAction?: NotificationOptions | NotificationAction): string | number;
+/**
+ * Implements dismiss behavior.
+ */
+export declare function dismiss(id: string | number): void;
+//# sourceMappingURL=notify.d.ts.map

package/dist/lib/notify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify.d.ts","sourceRoot":"","sources":["../../src/lib/notify.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,mBAkE3D;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,QAQ1C"}