@aitronos/freddy-plugins 0.4.9 → 0.4.10

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
 import { DirectiveBinding } from 'vue';
 import { ExtractPropTypes } from 'vue';
+import { FlowplateEnvironmentConfig } from '../../config/environments';
 import { default as ModalBox } from './ModalBox.vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
@@ -216,6 +217,27 @@ export declare const AdvancedModal: __VLS_WithTemplateSlots<typeof __VLS_compone
 
 export declare const AnimeSpaceman: DefineComponent<SpacemanLogoProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SpacemanLogoProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
+export declare abstract class BaseFlowplateApiService {
+    protected baseUrl: string;
+    protected timeout: number;
+    protected retries: number;
+    protected defaultHeaders: Record<string, string>;
+    constructor(config?: IFlowplateApiConfig);
+    protected makeRequest<T>(endpoint: string, options?: RequestInit): Promise<IFlowplateApiResponse<T>>;
+    protected retryRequest<T>(endpoint: string, options?: RequestInit): Promise<IFlowplateApiResponse<T>>;
+    protected buildQueryParams(params: Record<string, any>): string;
+    setBaseUrl(url: string): void;
+    setTimeout(timeout: number): void;
+    setRetries(retries: number): void;
+    addDefaultHeader(key: string, value: string): void;
+    removeDefaultHeader(key: string): void;
+    batchRequest(requests: Array<{
+        endpoint: string;
+        method?: string;
+        body?: any;
+    }>): Promise<IFlowplateApiResponse[]>;
+}
+
 export declare const Button: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 /**
@@ -359,6 +381,10 @@ export declare function debounce<T extends (...args: any[]) => void>(fn: T, wait
  */
 export declare function deepEqual<T>(a: T, b: T): boolean;
 
+declare const _default: FlowplateApiService_2;
+export { _default as FlowplateApiService }
+export { _default as flowplateApiService }
+
 export declare const defaultImageSrc = "https://img.freepik.com/premium-vector/default-image-icon-vector-missing-picture-page-website-design-mobile-app-no-photo-available_87543-11093.jpg";
 
 export declare const DeleteConfirmationModal: DefineComponent<ExtractPropTypes<    {
@@ -432,6 +458,259 @@ export declare const fillMissingDays: (month: number, dayData: Array<{
     [k: string]: number;
 };
 
+declare class FlowplateApiService_2 extends BaseFlowplateApiService {
+    /**
+     * Login with email/password and optional MFA
+     */
+    login(request: ILoginRequest): Promise<IFlowplateApiResponse<ILoginResponse>>;
+    /**
+     * Verify login with email verification token
+     */
+    verifyLogin(request: IVerifyLoginRequest): Promise<IFlowplateApiResponse<ILoginResponse>>;
+    /**
+     * Send email verification code
+     */
+    sendEmailVerification(request: IEmailVerificationRequest): Promise<IFlowplateApiResponse<IEmailVerificationResponse>>;
+    /**
+     * Request a new verification email (for expired tokens)
+     */
+    requestNewVerification(request: INewVerificationRequest): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Register a new user account
+     */
+    register(request: IRegisterRequest): Promise<IFlowplateApiResponse<IRegisterResponse>>;
+    /**
+     * Generate QR code for 2FA setup
+     */
+    getMfaQr(): Promise<IFlowplateApiResponse<IMfaQrResponse>>;
+    /**
+     * Verify MFA code during setup
+     */
+    verifyMfa(request: IMfaVerifyRequest): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Enable 2FA for the user account
+     */
+    enableMfa(request: IMfaEnableRequest): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Disable 2FA for the user account
+     */
+    disableMfa(request: IMfaDisableRequest): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Enforce 2FA for all users (admin only)
+     */
+    enforceMfa(request: IMfaEnforceRequest): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Get current user profile
+     */
+    getCurrentUser(): Promise<IFlowplateApiResponse<IUser>>;
+    /**
+     * Update user profile
+     */
+    updateUserProfile(profile: Partial<IUser>): Promise<IFlowplateApiResponse<IUser>>;
+    /**
+     * Change user password
+     */
+    changePassword(currentPassword: string, newPassword: string): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Get user's organizations
+     */
+    getOrganizations(): Promise<IFlowplateApiResponse<unknown[]>>;
+    /**
+     * Get organization by ID
+     */
+    getOrganization(id: string): Promise<IFlowplateApiResponse<unknown>>;
+    /**
+     * Get workflows for organization
+     */
+    getWorkflows(organizationId: string): Promise<IFlowplateApiResponse<unknown[]>>;
+    /**
+     * Get workflow by ID
+     */
+    getWorkflow(organizationId: string, workflowId: string): Promise<IFlowplateApiResponse<unknown>>;
+    /**
+     * Create new workflow
+     */
+    createWorkflow(organizationId: string, workflow: unknown): Promise<IFlowplateApiResponse<unknown>>;
+    /**
+     * Update workflow
+     */
+    updateWorkflow(organizationId: string, workflowId: string, workflow: unknown): Promise<IFlowplateApiResponse<unknown>>;
+    /**
+     * Delete workflow
+     */
+    deleteWorkflow(organizationId: string, workflowId: string): Promise<IFlowplateApiResponse<void>>;
+    /**
+     * Get device information for authentication
+     */
+    getDeviceInformation(): IDeviceInformation;
+    /**
+     * Generate a unique device ID
+     */
+    private generateDeviceId;
+    /**
+     * Get device name from user agent
+     */
+    private getDeviceName;
+    /**
+     * Get device type from user agent
+     */
+    private getDeviceType;
+    /**
+     * Get operating system from user agent
+     */
+    private getOperatingSystem;
+    /**
+     * Health check endpoint
+     */
+    healthCheck(): Promise<IFlowplateApiResponse<unknown>>;
+}
+
+declare class FlowplateAuthService {
+    private flowplateToken;
+    private jwtToken;
+    private user;
+    private deviceId;
+    private apiService;
+    constructor();
+    private generateDeviceId;
+    /**
+     * Login with email and password
+     */
+    login(email: string, password: string, mfaCode?: string): Promise<boolean>;
+    /**
+     * Verify login with email verification token
+     */
+    verifyLogin(email: string, token: string, emailKey?: string): Promise<boolean>;
+    /**
+     * Send email verification code
+     */
+    sendEmailVerification(email: string): Promise<boolean>;
+    /**
+     * Register a new user account
+     */
+    register(email: string, firstName: string, lastName: string, password: string): Promise<boolean>;
+    /**
+     * Get MFA QR code for setup
+     */
+    getMfaQr(): Promise<IMfaQrResponse | null>;
+    /**
+     * Verify MFA code during setup
+     */
+    verifyMfa(mfaCode: string): Promise<boolean>;
+    /**
+     * Enable MFA for the user account
+     */
+    enableMfa(mfaCode: string): Promise<boolean>;
+    /**
+     * Disable MFA for the user account
+     */
+    disableMfa(mfaCode?: string, recoveryCode?: string): Promise<boolean>;
+    /**
+     * Get current user information
+     */
+    getCurrentUser(): Promise<IFlowplateUser | null>;
+    /**
+     * Set authentication tokens
+     */
+    setTokens(tokens: {
+        flowplateToken: string;
+        jwtToken: string;
+        expiresIn: number;
+    }): void;
+    /**
+     * Set user information
+     */
+    setUser(user: IFlowplateUser): void;
+    /**
+     * Get Flowplate token
+     */
+    getFlowplateToken(): string | null;
+    /**
+     * Get JWT token
+     */
+    getJwtToken(): string | null;
+    /**
+     * Get current user
+     */
+    getUser(): IFlowplateUser | null;
+    /**
+     * Check if user is authenticated
+     */
+    isAuthenticated(): boolean;
+    /**
+     * Get device ID
+     */
+    getDeviceId(): string;
+    /**
+     * Logout user
+     */
+    logout(): void;
+}
+
+export declare const flowplateAuthService: FlowplateAuthService;
+
+declare type FlowplateEnvironment = 'local' | 'development' | 'staging' | 'production';
+
+declare interface FlowplateEnvironmentInfo {
+    name: string;
+    baseEndpoint: string;
+    isCurrent: boolean;
+}
+
+declare class FlowplateEnvironmentManager {
+    private readonly STORAGE_KEY;
+    /**
+     * Get the current Flowplate environment
+     */
+    getCurrentEnvironment(): FlowplateEnvironment;
+    /**
+     * Set the Flowplate environment
+     */
+    setEnvironment(environment: FlowplateEnvironment): void;
+    /**
+     * Get all available environments with current status
+     */
+    getAvailableEnvironments(): FlowplateEnvironmentInfo[];
+    /**
+     * Get environment configuration
+     */
+    getEnvironmentConfig(): FlowplateEnvironmentConfig;
+    /**
+     * Check if current environment is local
+     */
+    isLocal(): boolean;
+    /**
+     * Check if current environment is development
+     */
+    isDevelopment(): boolean;
+    /**
+     * Check if current environment is staging
+     */
+    isStaging(): boolean;
+    /**
+     * Check if current environment is production
+     */
+    isProduction(): boolean;
+    /**
+     * Get environment display name
+     */
+    getEnvironmentName(): string;
+    /**
+     * Get base URL for current environment
+     */
+    getBaseUrl(): string;
+    /**
+     * Reset to default environment (production)
+     */
+    resetToDefault(): void;
+    /**
+     * Get environment info for debugging
+     */
+    getDebugInfo(): Record<string, any>;
+}
+
+export declare const flowplateEnvironmentManager: FlowplateEnvironmentManager;
+
 /**
  * Formats a date to a relative format (e.g., "Yesterday" or "DD MMM YYYY").
  * @param inputDate - The date string or Date object to format.
@@ -741,6 +1020,78 @@ export declare const IconWarningOctal: DefineComponent<    {}, {}, {}, {}, {}, C
 
 export declare const IconZip: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 
+export declare interface IDeviceInformation {
+    deviceId: string;
+    deviceName: string;
+    deviceType: 'desktop' | 'mobile' | 'tablet';
+    operatingSystem: string;
+    platform: 'web' | 'mobile';
+}
+
+export declare interface IEmailVerificationRequest {
+    email: string;
+}
+
+export declare interface IEmailVerificationResponse {
+    emailKey: string;
+    email: string;
+}
+
+declare interface IFlowplateApiConfig {
+    baseUrl?: string;
+    timeout?: number;
+    retries?: number;
+    headers?: Record<string, string>;
+}
+
+export declare interface IFlowplateApiResponse<T = unknown> {
+    success: boolean;
+    data?: T;
+    error?: string;
+    message?: string;
+    status?: number;
+    code?: number;
+}
+
+export declare interface IFlowplateAuthToken {
+    flowplateToken: string;
+    jwtToken: string;
+    expiresIn: number;
+}
+
+export declare interface IFlowplateUser {
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    role: string;
+    globalScopes: string[];
+    mfaEnabled: boolean;
+}
+
+export declare interface ILoginRequest {
+    emailOrLdapLoginId: string;
+    password: string;
+    mfaCode?: string;
+    mfaRecoveryCode?: string;
+    deviceInformation?: IDeviceInformation;
+}
+
+export declare interface ILoginResponse {
+    user: {
+        id: string;
+        email: string;
+        firstName: string;
+        lastName: string;
+        role: string;
+        globalScopes: string[];
+        mfaEnabled: boolean;
+    };
+    flowplateToken: string;
+    jwtToken: string;
+    expiresIn: number;
+}
+
 /**
  * Interfaces for TabList component
  */
@@ -749,6 +1100,33 @@ export declare interface IMenuListItem {
     title: string;
 }
 
+export declare interface IMfaDisableRequest {
+    mfaCode?: string;
+    mfaRecoveryCode?: string;
+}
+
+export declare interface IMfaEnableRequest {
+    mfaCode: string;
+}
+
+declare interface IMfaEnforceRequest {
+    enforce: boolean;
+}
+
+export declare interface IMfaQrResponse {
+    secret: string;
+    qrCode: string;
+    recoveryCodes: string[];
+}
+
+export declare interface IMfaVerifyRequest {
+    mfaCode: string;
+}
+
+declare interface INewVerificationRequest {
+    email: string;
+}
+
 export declare const InputField: DefineComponent<Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     input: (value: string) => any;
     blur: (event: FocusEvent) => any;
@@ -797,11 +1175,40 @@ export declare const InputField: DefineComponent<Props_4, {}, {}, {}, {}, Compon
  */
 export declare const interpolateColor: (start: string, end: string, steps: number) => string[];
 
+export declare interface IRegisterRequest {
+    email: string;
+    firstName: string;
+    lastName: string;
+    password: string;
+}
+
+export declare interface IRegisterResponse {
+    success: boolean;
+    message: string;
+    userId?: string;
+}
+
 export declare interface ITabList {
     tabList: IMenuListItem[];
     currentTab?: number;
 }
 
+export declare interface IUser {
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    role: string;
+    globalScopes: string[];
+    mfaEnabled: boolean;
+}
+
+export declare interface IVerifyLoginRequest {
+    email: string;
+    token: string;
+    emailKey?: string;
+}
+
 export { ModalBox }
 
 export declare const ModalOverlay: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
@@ -1183,6 +1590,531 @@ export declare const useSnackBar: () => {
     removeSnackBar: (snack: Snack) => void;
 };
 
+export declare const useThemeService: () => {
+    currentBrandId: Readonly<Ref<string, string>>;
+    currentModeId: Readonly<Ref<string, string>>;
+    currentProject: Readonly<Ref<    {
+        readonly name: string;
+        readonly id: string;
+        readonly version: number;
+        readonly colorModes: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly textColors: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly foregroundColors: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly backgroundColor: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly borderColor: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly utilityColors: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+        }[];
+        readonly fontThemes?: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly version: number;
+            readonly fonts: {
+                readonly [x: string]: {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly properties: {
+                        readonly [x: string]: string | number;
+                    };
+                };
+            };
+        }[] | undefined;
+        readonly cornerRadiusThemes?: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly version: number;
+            readonly cornerRadius: {
+                readonly [x: string]: string | number;
+            };
+        }[] | undefined;
+    } | null, {
+        readonly name: string;
+        readonly id: string;
+        readonly version: number;
+        readonly colorModes: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly textColors: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly foregroundColors: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly backgroundColor: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly borderColor: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+            readonly utilityColors: {
+                readonly id: string;
+                readonly name: string;
+                readonly colors: readonly {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly value: string;
+                }[];
+            };
+        }[];
+        readonly fontThemes?: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly version: number;
+            readonly fonts: {
+                readonly [x: string]: {
+                    readonly name: string;
+                    readonly id: string;
+                    readonly version: number;
+                    readonly properties: {
+                        readonly [x: string]: string | number;
+                    };
+                };
+            };
+        }[] | undefined;
+        readonly cornerRadiusThemes?: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly version: number;
+            readonly cornerRadius: {
+                readonly [x: string]: string | number;
+            };
+        }[] | undefined;
+    } | null>>;
+    currentColorMode: Readonly<Ref<    {
+        readonly name: string;
+        readonly id: string;
+        readonly textColors: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly foregroundColors: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly backgroundColor: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly borderColor: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly utilityColors: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+    } | null, {
+        readonly name: string;
+        readonly id: string;
+        readonly textColors: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly foregroundColors: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly backgroundColor: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly borderColor: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+        readonly utilityColors: {
+            readonly id: string;
+            readonly name: string;
+            readonly colors: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly value: string;
+            }[];
+        };
+    } | null>>;
+    currentFontTheme: Readonly<Ref<    {
+        readonly name: string;
+        readonly id: string;
+        readonly version: number;
+        readonly fonts: {
+            readonly [x: string]: {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly properties: {
+                    readonly [x: string]: string | number;
+                };
+            };
+        };
+    } | null, {
+        readonly name: string;
+        readonly id: string;
+        readonly version: number;
+        readonly fonts: {
+            readonly [x: string]: {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly properties: {
+                    readonly [x: string]: string | number;
+                };
+            };
+        };
+    } | null>>;
+    currentCornerRadiusTheme: Readonly<Ref<    {
+        readonly name: string;
+        readonly id: string;
+        readonly version: number;
+        readonly cornerRadius: {
+            readonly [x: string]: string | number;
+        };
+    } | null, {
+        readonly name: string;
+        readonly id: string;
+        readonly version: number;
+        readonly cornerRadius: {
+            readonly [x: string]: string | number;
+        };
+    } | null>>;
+    configuration: Readonly<Ref<    {
+        readonly metadata: {
+            readonly generatedAt: string;
+            readonly source: string;
+            readonly totalProjects: number;
+            readonly note: string;
+        };
+        readonly projects: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly version: number;
+            readonly colorModes: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly textColors: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly foregroundColors: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly backgroundColor: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly borderColor: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly utilityColors: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+            }[];
+            readonly fontThemes?: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly fonts: {
+                    readonly [x: string]: {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly properties: {
+                            readonly [x: string]: string | number;
+                        };
+                    };
+                };
+            }[] | undefined;
+            readonly cornerRadiusThemes?: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly cornerRadius: {
+                    readonly [x: string]: string | number;
+                };
+            }[] | undefined;
+        }[];
+    } | null, {
+        readonly metadata: {
+            readonly generatedAt: string;
+            readonly source: string;
+            readonly totalProjects: number;
+            readonly note: string;
+        };
+        readonly projects: readonly {
+            readonly name: string;
+            readonly id: string;
+            readonly version: number;
+            readonly colorModes: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly textColors: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly foregroundColors: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly backgroundColor: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly borderColor: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+                readonly utilityColors: {
+                    readonly id: string;
+                    readonly name: string;
+                    readonly colors: readonly {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly value: string;
+                    }[];
+                };
+            }[];
+            readonly fontThemes?: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly fonts: {
+                    readonly [x: string]: {
+                        readonly name: string;
+                        readonly id: string;
+                        readonly version: number;
+                        readonly properties: {
+                            readonly [x: string]: string | number;
+                        };
+                    };
+                };
+            }[] | undefined;
+            readonly cornerRadiusThemes?: readonly {
+                readonly name: string;
+                readonly id: string;
+                readonly version: number;
+                readonly cornerRadius: {
+                    readonly [x: string]: string | number;
+                };
+            }[] | undefined;
+        }[];
+    } | null>>;
+    isLoading: Readonly<Ref<boolean, boolean>>;
+    error: Readonly<Ref<string | null, string | null>>;
+    availableBrands: Readonly<Ref<readonly {
+        readonly id: string;
+        readonly name: string;
+        readonly version: number;
+    }[], readonly {
+        readonly id: string;
+        readonly name: string;
+        readonly version: number;
+    }[]>>;
+    availableModes: Readonly<Ref<readonly {
+        readonly id: string;
+        readonly name: string;
+    }[], readonly {
+        readonly id: string;
+        readonly name: string;
+    }[]>>;
+    setBrand: (brandId: string) => Promise<void>;
+    setMode: (modeId: string) => Promise<void>;
+    setTheme: (brandId: string, modeId: string) => Promise<void>;
+    initializeTheme: () => Promise<void>;
+    loadConfiguration: () => Promise<void>;
+    applyThemeToDocument: () => void;
+    getCSSVariableMapping: () => Record<string, string>;
+    saveThemeToStorage: () => void;
+    loadThemeFromStorage: () => boolean;
+};
+
 export declare const useToast: () => {
     toastQueue: Ref<    {
         message: string;