import * as flowbite_angular_theme_toggle from 'flowbite-angular/theme-toggle'; import * as ng_primitives_state from 'ng-primitives/state'; import * as _angular_core from '@angular/core'; import { InjectionToken, Provider } from '@angular/core'; import * as flowbite_angular_button from 'flowbite-angular/button'; import { BaseButton, FlowbiteBaseButtonSizes, FlowbiteBaseButtonColors } from 'flowbite-angular/button'; import * as flowbite_angular from 'flowbite-angular'; import { FlowbiteThemes, FlowbiteBoolean, DeepPartial } from 'flowbite-angular'; import * as i2 from 'ng-primitives/button'; import * as i3 from 'ng-primitives/interactions'; declare class Theme { protected readonly config: flowbite_angular_theme_toggle.FlowbiteThemeConfig; readonly localStorageKey: _angular_core.InputSignal; readonly currentTheme: _angular_core.InputSignal; readonly type: _angular_core.InputSignal<{ type: "class"; } | { type: "attr"; name: string; }>; constructor(); getLocalStorageTheme(): FlowbiteThemes | undefined; toggleTheme(theme?: FlowbiteThemes): void; setTheme(theme: FlowbiteThemes): void; /** * @internal */ readonly state: ng_primitives_state.CreatedState; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare class ThemeToggle { protected readonly baseButtonState: _angular_core.Signal; readonly size: _angular_core.InputSignal; readonly pill: _angular_core.InputSignalWithTransform; readonly outline: _angular_core.InputSignalWithTransform; readonly state: ng_primitives_state.CreatedState; }>>; protected readonly config: flowbite_angular_theme_toggle.FlowbiteThemeToggleConfig; protected readonly themeDirective: Theme; /** * @see {@link injectFlowbiteThemeToggleConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; focus?: string | undefined; disabled?: string | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; colorOutline?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; /** * @internal */ onClick(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare const FlowbiteThemeToggleStateToken: _angular_core.InjectionToken; declare const provideFlowbiteThemeToggleState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteThemeToggleState: ; readonly size: _angular_core.InputSignal; readonly pill: _angular_core.InputSignalWithTransform; readonly outline: _angular_core.InputSignalWithTransform; readonly state: ng_primitives_state.CreatedState; }>>; readonly config: flowbite_angular_theme_toggle.FlowbiteThemeToggleConfig; readonly themeDirective: flowbite_angular_theme_toggle.Theme; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; focus?: string | undefined; disabled?: string | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; colorOutline?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteThemeToggleState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteThemeToggleTheme { host: FlowbiteThemeToggleHostTheme; } interface FlowbiteThemeToggleHostTheme { base: string; transition: string; focus: string; disabled: string; size: FlowbiteBaseButtonSizes; pill: FlowbiteBoolean; color: FlowbiteBaseButtonColors; colorOutline: FlowbiteBaseButtonColors; } declare const flowbiteThemeToggleTheme: FlowbiteThemeToggleTheme; interface FlowbiteThemeToggleConfig { /** * The default theme of ThemeToggle */ baseTheme: FlowbiteThemeToggleTheme; /** * The custom theme of ThemeToggle */ customTheme: DeepPartial; } declare const defaultFlowbiteThemeToggleConfig: FlowbiteThemeToggleConfig; declare const FlowbiteThemeToggleConfigToken: InjectionToken; /** * Provide the default ThemeToggle configuration * @param config The ThemeToggle configuration * @returns The provider */ declare const provideFlowbiteThemeToggleConfig: (config: Partial) => Provider[]; /** * Inject the ThemeToggle configuration * @see {@link defaultFlowbiteThemeToggleConfig} * @returns The configuration */ declare const injectFlowbiteThemeToggleConfig: () => FlowbiteThemeToggleConfig; declare const FlowbiteThemeStateToken: _angular_core.InjectionToken; declare const provideFlowbiteThemeState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteThemeState: ; readonly currentTheme: _angular_core.InputSignal; readonly type: _angular_core.InputSignal<{ type: "class"; } | { type: "attr"; name: string; }>; getLocalStorageTheme: () => flowbite_angular.FlowbiteThemes | undefined; toggleTheme: (theme?: flowbite_angular.FlowbiteThemes) => void; setTheme: (theme: flowbite_angular.FlowbiteThemes) => void; readonly state: ng_primitives_state.CreatedState; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteThemeState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteThemeConfig { /** * The default theme of ThemeDirective */ theme: FlowbiteThemes; /** * The default local storage key of ThemeDirective */ localStorageKey: string; /** * The default type of ThemeDirective */ type: { type: 'class'; } | { type: 'attr'; name: string; }; } declare const defaultFlowbiteThemeConfig: FlowbiteThemeConfig; declare const FlowbiteThemeConfigToken: InjectionToken; /** * Provide the default Theme configuration * @param config The Theme configuration * @returns The provider */ declare const provideFlowbiteThemeConfig: (config: Partial) => Provider[]; /** * Inject the Theme configuration * @see {@link defaultFlowbiteThemeConfig} * @returns The configuration */ declare const injectFlowbiteThemeConfig: () => FlowbiteThemeConfig; export { FlowbiteThemeConfigToken, FlowbiteThemeStateToken, FlowbiteThemeToggleConfigToken, FlowbiteThemeToggleStateToken, Theme, ThemeToggle, defaultFlowbiteThemeConfig, defaultFlowbiteThemeToggleConfig, flowbiteThemeState, flowbiteThemeToggleState, flowbiteThemeToggleTheme, injectFlowbiteThemeConfig, injectFlowbiteThemeState, injectFlowbiteThemeToggleConfig, injectFlowbiteThemeToggleState, provideFlowbiteThemeConfig, provideFlowbiteThemeState, provideFlowbiteThemeToggleConfig, provideFlowbiteThemeToggleState }; export type { FlowbiteThemeConfig, FlowbiteThemeToggleConfig, FlowbiteThemeToggleHostTheme, FlowbiteThemeToggleTheme };