import { ContentWidth } from './pure-settings';
export type ThemeColor = 'blue' | 'indigo' | 'red' | 'orange' | 'yellow' | 'teal' | 'green' | 'blue' | 'purple';
export type NavigationMode = 'sidebar' | 'topbar' | 'mixed';
export type SideMenuType = 'expanded' | 'collapsed' | 'perplexLayout';
export declare enum SearchBarBehavior {
    PERMANENT = "permanent",
    ON_SCROLL = "on-scroll"
}
export interface ComponentSettings {
    id: string;
    name: string;
    settings: Record<string, any>;
}
export interface SettingsContext {
    navTheme: 'light' | 'dark' | 'realDark';
    primaryColor: string;
    secondaryColor: string;
    theme?: string;
    logo: string;
    showSettingPanel: boolean;
    titleColor: string;
    language: string;
    fontFamily: string;
    titleFontWeight: string;
    titleHeight: string;
    titleFontSize: string;
    letterSpacings: string;
    siderBgColor: string;
    headerBgColor: string;
    textColor: string;
    themeType: string;
    loginThemeColor: string;
    loginFormPosition: string;
    loginSocials: string;
    loginBackgroundImage: string;
    verifyFormLayout: string;
    verifyFormImageUrl: string;
    verifyFormBackgroundStyle: string;
    verifyFormVisibleFields: string;
    verifyFormShowSkipButton: boolean;
    components: ComponentSettings[];
    activeComponent?: string;
    currentRoute?: string;
    sideMenuType: SideMenuType;
    routeSettings: Record<string, {
        layout?: {
            desktop: {
                navigationMode: NavigationMode;
                sideMenuType: SideMenuType;
                contentWidth: ContentWidth;
                fixedHeader: boolean;
                fixedSidebar: boolean;
                splitMenus: boolean;
                upperMenuDividerName?: string;
                middleMenuDividerName?: string;
                lowerMenuDividerName?: string;
            };
            mobile: {
                navigationMode: NavigationMode;
                sideMenuType: SideMenuType;
                contentWidth: ContentWidth;
                fixedHeader: boolean;
                fixedSidebar: boolean;
                splitMenus: boolean;
                upperMenuDividerName?: string;
                middleMenuDividerName?: string;
                lowerMenuDividerName?: string;
            };
        };
        regions?: {
            desktop?: {
                header?: {
                    showLogo?: boolean;
                    showSearchSlot?: boolean;
                    showRightContent?: boolean;
                    showMenuToggle?: boolean;
                    showBackButton?: boolean;
                    showPageTitle?: boolean;
                    showActionButtons?: boolean;
                    position?: 'fixed' | 'static';
                    height?: string;
                    backgroundColor?: string;
                    elevation?: number;
                    showHeader?: boolean;
                    showMenu?: boolean;
                    menuHeaderRender?: boolean;
                    searchBarRender?: boolean;
                    searchBarBehavior?: SearchBarBehavior;
                    searchBarOverlay?: boolean;
                    scrollThreshold?: number;
                };
                footer?: {
                    showFooter?: boolean;
                };
            };
            mobile?: {
                header?: {
                    showLogo?: boolean;
                    showSearchSlot?: boolean;
                    showRightContent?: boolean;
                    showMenuToggle?: boolean;
                    showBackButton?: boolean;
                    showPageTitle?: boolean;
                    showActionButtons?: boolean;
                    position?: 'fixed' | 'static';
                    height?: string;
                    backgroundColor?: string;
                    elevation?: number;
                    showHeader?: boolean;
                    showMenu?: boolean;
                    menuHeaderRender?: boolean;
                    searchBarRender?: boolean;
                    searchBarBehavior?: SearchBarBehavior;
                    searchBarOverlay?: boolean;
                    scrollThreshold?: number;
                };
                footer?: {
                    showFooter?: boolean;
                };
            };
        };
    }>;
}
export type UpdateEvent = {
    type: 'UISETTING_UPDATE';
    value?: Partial<SettingsContext>;
};
export type ComponentEvent = {
    type: 'REGISTER_COMPONENT';
    component: ComponentSettings;
} | {
    type: 'UPDATE_COMPONENT_SETTINGS';
    componentId: string;
    settings: Record<string, any>;
} | {
    type: 'SELECT_COMPONENT';
    componentId: string;
} | {
    type: 'CLEAR_COMPONENT_SELECTION';
};
export type MachineEvent = {
    type: 'UISETTING_UPDATE';
    value: Partial<SettingsContext>;
} | {
    type: 'REGISTER_COMPONENT';
    component: any;
} | {
    type: 'UPDATE_COMPONENT_SETTINGS';
    componentId: string;
    settings: any;
} | {
    type: 'SELECT_COMPONENT';
    componentId: string;
} | {
    type: 'CLEAR_COMPONENT_SELECTION';
} | {
    type: 'UISETTING_RESET';
} | {
    type: 'SAVE';
} | {
    type: 'UISETTING_ROUTE_CHANGE';
    pathname: string;
} | {
    type: 'UISETTING_UPDATE_ROUTE_SETTINGS';
    settings: Record<string, Partial<SettingsContext>>;
};
//# sourceMappingURL=settings.d.ts.map