flowbite-angular 1.3.0 → 20.0.2

package/sidebar/index.d.ts

@@ -1,24 +1,880 @@
-export { SidebarComponent, FLOWBITE_SIDEBAR_COLOR_DEFAULT_VALUE, FLOWBITE_SIDEBAR_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_DISPLAY_MODE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_IS_OPEN_DEFAULT_VALUE, FLOWBITE_SIDEBAR_IS_ROUNDED_DEFAULT_VALUE, sidebarDefaultValueProvider, } from './sidebar.component';
-export type { SidebarProperties, SidebarClass, SidebarTheme, SidebarColors, SidebarDisplayMode, } from './sidebar.theme';
-export { sidebarTheme } from './sidebar.theme';
-export { FLOWBITE_SIDEBAR_THEME_TOKEN, SidebarThemeService } from './sidebar.theme.service';
-export { SidebarItemComponent, FLOWBITE_SIDEBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_ITEM_ICON_DEFAULT_VALUE, FLOWBITE_SIDEBAR_ITEM_LABEL_DEFAULT_VALUE, sidebarItemDefaultValueProvider, } from './sidebar-item.component';
-export type { SidebarItemProperties, SidebarItemClass, SidebarItemTheme, } from './sidebar-item.theme';
-export { sidebarItemTheme } from './sidebar-item.theme';
-export { FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN, SidebarItemThemeService, } from './sidebar-item.theme.service';
-export { SidebarItemGroupComponent, FLOWBITE_SIDEBAR_ITEM_GROUP_CUSTOM_STYLE_DEFAULT_VALUE, sidebarItemGroupDefaultValueProvider, } from './sidebar-item-group.component';
-export type { SidebarItemGroupProperties, SidebarItemGroupClass, SidebarItemGroupTheme, } from './sidebar-item-group.theme';
-export { sidebarItemGroupTheme } from './sidebar-item-group.theme';
-export { FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN, SidebarItemGroupThemeService, } from './sidebar-item-group.theme.service';
-export { SidebarToggleComponent, FLOWBITE_SIDEBAR_TOGGLE_COLOR_DEFAULT_VALUE, FLOWBITE_SIDEBAR_TOGGLE_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_TOGGLE_SIZE_DEFAULT_VALUE, sidebarToggleDefaultValueProvider, } from './sidebar-toggle.component';
-export type { SidebarToggleTheme, SidebarToggleClass, SidebarToggleProperties, SidebarToggleSizes, } from './sidebar-toggle.theme';
-export { sidebarToggleTheme } from './sidebar-toggle.theme';
-export { FLOWBITE_SIDEBAR_TOGGLE_THEME_TOKEN, SidebarToggleThemeService, } from './sidebar-toggle.theme.service';
-export { SidebarPageContentComponent, FLOWBITE_SIDEBAR_PAGE_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE, sidebarPageContentDefaultValueProvider, } from './sidebar-page-content.component';
-export type { SidebarPageContentClass, SidebarPageContentProperties, SidebarPageContentTheme, } from './sidebar-page-content.theme';
-export { sidebarPageContentTheme } from './sidebar-page-content.theme';
-export { FLOWBITE_SIDEBAR_PAGE_CONTENT_THEME_TOKEN, SidebarPageContentThemeService, } from './sidebar-page-content.theme.service';
-export { SidebarMenuComponent, FLOWBITE_SIDEBAR_MENU_CUSTOM_STYLE_DEFAULT_VALUE, sidebarMenuDefaultValueProvider, } from './sidebar-menu.component';
-export type { SidebarMenuClass, SidebarMenuProperties, SidebarMenuTheme, } from './sidebar-menu.theme';
-export { sidebarMenuTheme } from './sidebar-menu.theme';
-export { FLOWBITE_SIDEBAR_MENU_THEME_TOKEN, SidebarMenuThemeService, } from './sidebar-menu.theme.service';
+import * as ng_primitives_state from 'ng-primitives/state';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
+import { FlowbiteBoolean, FlowbiteColors, ColorToTheme, DeepPartial } from 'flowbite-angular';
+import * as _angular_cdk_coercion from '@angular/cdk/coercion';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as flowbite_angular_sidebar from 'flowbite-angular/sidebar';
+import * as i1 from 'flowbite-angular/button';
+import { FlowbiteBaseButtonSizes, FlowbiteBaseButtonColors } from 'flowbite-angular/button';
+import * as i2 from 'ng-primitives/button';
+import * as i3 from 'ng-primitives/interactions';
+
+interface FlowbiteSidebarColors extends Pick<FlowbiteColors, 'default' | 'info' | 'failure' | 'success' | 'warning' | 'primary'> {
+    [key: string]: ColorToTheme;
+}
+interface FlowbiteSidebarTheme {
+    host: FlowbiteSidebarHostTheme;
+}
+interface FlowbiteSidebarHostTheme {
+    base: string;
+    transition: string;
+    open: FlowbiteBoolean;
+}
+declare const flowbiteSidebarTheme: FlowbiteSidebarTheme;
+
+interface FlowbiteSidebarConfig {
+    /**
+     * The default theme of sidebar
+     */
+    baseTheme: FlowbiteSidebarTheme;
+    /**
+     * Whether the sidebar is open
+     */
+    open: boolean;
+    /**
+     * The default color of sidebar
+     */
+    color: keyof FlowbiteSidebarColors;
+    /**
+     * The custom theme of sidebar
+     */
+    customTheme: DeepPartial<FlowbiteSidebarTheme>;
+}
+declare const defaultFlowbiteSidebarConfig: FlowbiteSidebarConfig;
+declare const FlowbiteSidebarConfigToken: InjectionToken<FlowbiteSidebarConfig>;
+/**
+ * Provide the default Sidebar configuration
+ * @param config The Sidebar configuration
+ * @returns The provider
+ */
+declare const provideFlowbiteSidebarConfig: (config: Partial<FlowbiteSidebarConfig>) => Provider[];
+/**
+ * Inject the Sidebar configuration
+ * @see {@link defaultFlowbiteSidebarConfig}
+ * @returns The configuration
+ */
+declare const injectFlowbiteSidebarConfig: () => FlowbiteSidebarConfig;
+
+declare class Sidebar {
+    protected readonly config: FlowbiteSidebarConfig;
+    /**
+     * @see {@link injectFlowbiteSidebarConfig}
+     */
+    readonly open: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * @see {@link injectFlowbiteSidebarConfig}
+     */
+    readonly color: _angular_core.InputSignal<keyof FlowbiteSidebarColors>;
+    /**
+     * @see {@link injectFlowbiteSidebarConfig}
+     */
+    readonly customTheme: _angular_core.InputSignal<{
+        host?: {
+            base?: string | undefined;
+            transition?: string | undefined;
+            open?: {
+                off?: string | undefined;
+                on?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    readonly theme: _angular_core.Signal<{
+        host: {
+            root: string;
+        };
+    }>;
+    /**
+     * @internal
+     */
+    readonly state: ng_primitives_state.CreatedState<Sidebar>;
+    /**
+     * @internal
+     */
+    onClick(): void;
+    /**
+     * @internal
+     */
+    toggle(newState?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Sidebar, "    aside[flowbiteSidebar]  ", ["flowbiteSidebar"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const FlowbiteSidebarStateToken: _angular_core.InjectionToken<Sidebar>;
+declare const provideFlowbiteSidebarState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
+declare const injectFlowbiteSidebarState: <U = {
+    readonly config: flowbite_angular_sidebar.FlowbiteSidebarConfig;
+    readonly open: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
+    readonly color: _angular_core.InputSignal<keyof flowbite_angular_sidebar.FlowbiteSidebarColors>;
+    readonly customTheme: _angular_core.InputSignal<{
+        host?: {
+            base?: string | undefined;
+            transition?: string | undefined;
+            open?: {
+                off?: string | undefined;
+                on?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    readonly theme: _angular_core.Signal<{
+        host: {
+            root: string;
+        };
+    }>;
+    readonly state: ng_primitives_state.CreatedState<Sidebar>;
+    onClick: () => void;
+    toggle: (newState?: boolean) => void;
+}>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
+declare const flowbiteSidebarState: <U>(state: U) => ng_primitives_state.CreatedState<U>;
+
+interface FlowbiteSidebarContentTheme {
+    host: FlowbiteSidebarContentHostTheme;
+    container: FlowbiteSidebarContentContainerTheme;
+}
+interface FlowbiteSidebarContentHostTheme {
+    base: string;
+    transition: string;
+    open: FlowbiteBoolean;
+    color: FlowbiteSidebarColors;
+}
+interface FlowbiteSidebarContentContainerTheme {
+    base: string;
+}
+declare const flowbiteSidebarContentTheme: FlowbiteSidebarContentTheme;
+
+interface FlowbiteSidebarContentConfig {
+    /**
+     * The default theme of sidebar-content
+     */
+    baseTheme: FlowbiteSidebarContentTheme;
+    /**
+     * The custom theme of sidebar-content
+     */
+    customTheme: DeepPartial<FlowbiteSidebarContentTheme>;
+}
+declare const defaultFlowbiteSidebarContentConfig: FlowbiteSidebarContentConfig;
+declare const FlowbiteSidebarContentConfigToken: InjectionToken<FlowbiteSidebarContentConfig>;
+/**
+ * Provide the default SidebarContent configuration
+ * @param config The SidebarContent configuration
+ * @returns The provider
+ */
+declare const provideFlowbiteSidebarContentConfig: (config: Partial<FlowbiteSidebarContentConfig>) => Provider[];
+/**
+ * Inject the SidebarContent configuration
+ * @see {@link defaultFlowbiteSidebarContentConfig}
+ * @returns The configuration
+ */
+declare const injectFlowbiteSidebarContentConfig: () => FlowbiteSidebarContentConfig;
+
+declare class SidebarContent {
+    readonly config: FlowbiteSidebarContentConfig;
+    readonly sidebarState: _angular_core.Signal<ng_primitives_state.State<{
+        readonly config: flowbite_angular_sidebar.FlowbiteSidebarConfig;
+        readonly open: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
+        readonly color: _angular_core.InputSignal<keyof flowbite_angular_sidebar.FlowbiteSidebarColors>;
+        readonly customTheme: _angular_core.InputSignal<{
+            host?: {
+                base?: string | undefined;
+                transition?: string | undefined;
+                open?: {
+                    off?: string | undefined;
+                    on?: string | undefined;
+                } | undefined;
+            } | undefined;
+        }>;
+        readonly theme: _angular_core.Signal<{
+            host: {
+                root: string;
+            };
+        }>;
+        readonly state: ng_primitives_state.CreatedState<flowbite_angular_sidebar.Sidebar>;
+        onClick: () => void;
+        toggle: (newState?: boolean) => void;
+    }>>;
+    /**
+     * @see {@link injectFlowbiteSidebarContentConfig}
+     */
+    readonly customTheme: _angular_core.InputSignal<{
+        host?: {
+            base?: string | undefined;
+            transition?: string | undefined;
+            open?: {
+                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;
+        } | undefined;
+        container?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    readonly theme: _angular_core.Signal<{
+        host: {
+            root: string;
+        };
+        container: {
+            root: string;
+        };
+    }>;
+    /**
+     * @internal
+     */
+    readonly state: ng_primitives_state.CreatedState<SidebarContent>;
+    /**
+     * @internal
+     */
+    onClick($event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarContent, "    div[flowbiteSidebarContent]  ", ["flowbiteSidebarContent"], { "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare const FlowbiteSidebarContentStateToken: _angular_core.InjectionToken<SidebarContent>;
+declare const provideFlowbiteSidebarContentState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
+declare const injectFlowbiteSidebarContentState: <U = {
+    readonly config: flowbite_angular_sidebar.FlowbiteSidebarContentConfig;
+    readonly sidebarState: _angular_core.Signal<ng_primitives_state.State<{
+        readonly config: /*elided*/ any;
+        readonly open: /*elided*/ any;
+        readonly color: /*elided*/ any;
+        readonly customTheme: /*elided*/ any;
+        readonly theme: /*elided*/ any;
+        readonly state: /*elided*/ any;
+        onClick: /*elided*/ any;
+        toggle: /*elided*/ any;
+    }>>;
+    readonly customTheme: _angular_core.InputSignal<{
+        host?: {
+            base?: string | undefined;
+            transition?: string | undefined;
+            open?: {
+                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;
+        } | undefined;
+        container?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    readonly theme: _angular_core.Signal<{
+        host: {
+            root: string;
+        };
+        container: {
+            root: string;
+        };
+    }>;
+    readonly state: ng_primitives_state.CreatedState<SidebarContent>;
+    onClick: ($event: MouseEvent) => void;
+}>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
+declare const flowbiteSidebarContentState: <U>(state: U) => ng_primitives_state.CreatedState<U>;
+
+interface FlowbiteSidebarToggleTheme {
+    host: FlowbiteSidebarToggleHostTheme;
+}
+interface FlowbiteSidebarToggleHostTheme {
+    base: string;
+    transition: string;
+    focus: string;
+    disabled: string;
+    size: FlowbiteBaseButtonSizes;
+    pill: FlowbiteBoolean;
+    color: FlowbiteBaseButtonColors;
+    colorOutline: FlowbiteBaseButtonColors;
+}
+declare const flowbiteSidebarToggleTheme: FlowbiteSidebarToggleTheme;
+
+interface FlowbiteSidebarToggleConfig {
+    /**
+     * The default theme of sidebar-toggle
+     */
+    baseTheme: FlowbiteSidebarToggleTheme;
+    /**
+     * The custom theme of sidebar-toggle
+     */
+    customTheme: DeepPartial<FlowbiteSidebarToggleTheme>;
+}
+declare const defaultFlowbiteSidebarToggleConfig: FlowbiteSidebarToggleConfig;
+declare const FlowbiteSidebarToggleConfigToken: InjectionToken<FlowbiteSidebarToggleConfig>;
+/**
+ * Provide the default SidebarToggle configuration
+ * @param config The SidebarToggle configuration
+ * @returns The provider
+ */
+declare const provideFlowbiteSidebarToggleConfig: (config: Partial<FlowbiteSidebarToggleConfig>) => Provider[];
+/**
+ * Inject the SidebarToggle configuration
+ * @see {@link defaultFlowbiteSidebarToggleConfig}
+ * @returns The configuration
+ */
+declare const injectFlowbiteSidebarToggleConfig: () => FlowbiteSidebarToggleConfig;
+
+declare class SidebarToggle {
+    protected readonly config: FlowbiteSidebarToggleConfig;
+    protected readonly sidebarState: _angular_core.Signal<ng_primitives_state.State<{
+        readonly config: flowbite_angular_sidebar.FlowbiteSidebarConfig;
+        readonly open: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
+        readonly color: _angular_core.InputSignal<keyof flowbite_angular_sidebar.FlowbiteSidebarColors>;
+        readonly customTheme: _angular_core.InputSignal<{
+            host?: {
+                base?: string | undefined;
+                transition?: string | undefined;
+                open?: {
+                    off?: string | undefined;
+                    on?: string | undefined;
+                } | undefined;
+            } | undefined;
+        }>;
+        readonly theme: _angular_core.Signal<{
+            host: {
+                root: string;
+            };
+        }>;
+        readonly state: ng_primitives_state.CreatedState<flowbite_angular_sidebar.Sidebar>;
+        onClick: () => void;
+        toggle: (newState?: boolean) => void;
+    }>>;
+    /**
+     * @see {@link injectFlowbiteSidebarToggleConfig}
+     */
+    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<SidebarToggle>;
+    /**
+     * @internal
+     */
+    onClick(): void;
+    /**
+     * @internal
+     */
+    toggleSidebar(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarToggle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SidebarToggle, "    button[flowbiteSidebarToggle]  ", ["flowbiteSidebarToggle"], { "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BaseButton; inputs: {}; outputs: {}; }]>;
+}
+
+declare const FlowbiteSidebarToggleStateToken: _angular_core.InjectionToken<SidebarToggle>;
+declare const provideFlowbiteSidebarToggleState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
+declare const injectFlowbiteSidebarToggleState: <U = {
+    readonly config: flowbite_angular_sidebar.FlowbiteSidebarToggleConfig;
+    readonly sidebarState: _angular_core.Signal<ng_primitives_state.State<{
+        readonly config: /*elided*/ any;
+        readonly open: /*elided*/ any;
+        readonly color: /*elided*/ any;
+        readonly customTheme: /*elided*/ any;
+        readonly theme: /*elided*/ any;
+        readonly state: /*elided*/ any;
+        onClick: /*elided*/ any;
+        toggle: /*elided*/ any;
+    }>>;
+    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<SidebarToggle>;
+    onClick: () => void;
+    toggleSidebar: () => void;
+}>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
+declare const flowbiteSidebarToggleState: <U>(state: U) => ng_primitives_state.CreatedState<U>;
+
+interface FlowbiteSidebarItemTheme {
+    host: FlowbiteSidebarItemHostTheme;
+}
+interface FlowbiteSidebarItemHostTheme {
+    base: string;
+    transition: string;
+    focus: string;
+    disabled: string;
+    size: FlowbiteBaseButtonSizes;
+    pill: FlowbiteBoolean;
+    color: FlowbiteBaseButtonColors;
+    colorOutline: FlowbiteBaseButtonColors;
+}
+declare const flowbiteSidebarItemTheme: FlowbiteSidebarItemTheme;
+
+interface FlowbiteSidebarItemConfig {
+    /**
+     * The default theme of sidebar-item
+     */
+    baseTheme: FlowbiteSidebarItemTheme;
+    /**
+     * The custom theme of sidebar-item
+     */
+    customTheme: DeepPartial<FlowbiteSidebarItemTheme>;
+}
+declare const defaultFlowbiteSidebarItemConfig: FlowbiteSidebarItemConfig;
+declare const FlowbiteSidebarItemConfigToken: InjectionToken<FlowbiteSidebarItemConfig>;
+/**
+ * Provide the default SidebarItem configuration
+ * @param config The SidebarItem configuration
+ * @returns The provider
+ */
+declare const provideFlowbiteSidebarItemConfig: (config: Partial<FlowbiteSidebarItemConfig>) => Provider[];
+/**
+ * Inject the SidebarItem configuration
+ * @see {@link defaultFlowbiteSidebarItemConfig}
+ * @returns The configuration
+ */
+declare const injectFlowbiteSidebarItemConfig: () => FlowbiteSidebarItemConfig;
+
+declare class SidebarItem {
+    readonly config: FlowbiteSidebarItemConfig;
+    readonly sidebarState: _angular_core.Signal<ng_primitives_state.State<{
+        readonly config: flowbite_angular_sidebar.FlowbiteSidebarConfig;
+        readonly open: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
+        readonly color: _angular_core.InputSignal<keyof flowbite_angular_sidebar.FlowbiteSidebarColors>;
+        readonly customTheme: _angular_core.InputSignal<{
+            host?: {
+                base?: string | undefined;
+                transition?: string | undefined;
+                open?: {
+                    off?: string | undefined;
+                    on?: string | undefined;
+                } | undefined;
+            } | undefined;
+        }>;
+        readonly theme: _angular_core.Signal<{
+            host: {
+                root: string;
+            };
+        }>;
+        readonly state: ng_primitives_state.CreatedState<flowbite_angular_sidebar.Sidebar>;
+        onClick: () => void;
+        toggle: (newState?: boolean) => void;
+    }>>;
+    /**
+     * @see {@link injectFlowbiteSidebarItemConfig}
+     */
+    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<SidebarItem>;
+    /**
+     * @internal
+     */
+    onClick(): void;
+    /**
+     * @internal
+     */
+    toggleSidebar(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SidebarItem, "    a[flowbiteSidebarItem],    button[flowbiteSidebarItem]  ", ["flowbiteSidebarItem"], { "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BaseButton; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpButton; inputs: { "disabled": "disabled"; }; outputs: {}; }, { directive: typeof i3.NgpFocus; inputs: { "ngpFocusDisabled": "focusDisabled"; }; outputs: { "ngpFocus": "ngpFocus"; }; }]>;
+}
+
+declare const FlowbiteSidebarItemStateToken: _angular_core.InjectionToken<SidebarItem>;
+declare const provideFlowbiteSidebarItemState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
+declare const injectFlowbiteSidebarItemState: <U = {
+    readonly config: flowbite_angular_sidebar.FlowbiteSidebarItemConfig;
+    readonly sidebarState: _angular_core.Signal<ng_primitives_state.State<{
+        readonly config: /*elided*/ any;
+        readonly open: /*elided*/ any;
+        readonly color: /*elided*/ any;
+        readonly customTheme: /*elided*/ any;
+        readonly theme: /*elided*/ any;
+        readonly state: /*elided*/ any;
+        onClick: /*elided*/ any;
+        toggle: /*elided*/ any;
+    }>>;
+    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<SidebarItem>;
+    onClick: () => void;
+    toggleSidebar: () => void;
+}>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
+declare const flowbiteSidebarItemState: <U>(state: U) => ng_primitives_state.CreatedState<U>;
+
+export { FlowbiteSidebarConfigToken, FlowbiteSidebarContentConfigToken, FlowbiteSidebarContentStateToken, FlowbiteSidebarItemConfigToken, FlowbiteSidebarItemStateToken, FlowbiteSidebarStateToken, FlowbiteSidebarToggleConfigToken, FlowbiteSidebarToggleStateToken, Sidebar, SidebarContent, SidebarItem, SidebarToggle, defaultFlowbiteSidebarConfig, defaultFlowbiteSidebarContentConfig, defaultFlowbiteSidebarItemConfig, defaultFlowbiteSidebarToggleConfig, flowbiteSidebarContentState, flowbiteSidebarContentTheme, flowbiteSidebarItemState, flowbiteSidebarItemTheme, flowbiteSidebarState, flowbiteSidebarTheme, flowbiteSidebarToggleState, flowbiteSidebarToggleTheme, injectFlowbiteSidebarConfig, injectFlowbiteSidebarContentConfig, injectFlowbiteSidebarContentState, injectFlowbiteSidebarItemConfig, injectFlowbiteSidebarItemState, injectFlowbiteSidebarState, injectFlowbiteSidebarToggleConfig, injectFlowbiteSidebarToggleState, provideFlowbiteSidebarConfig, provideFlowbiteSidebarContentConfig, provideFlowbiteSidebarContentState, provideFlowbiteSidebarItemConfig, provideFlowbiteSidebarItemState, provideFlowbiteSidebarState, provideFlowbiteSidebarToggleConfig, provideFlowbiteSidebarToggleState };
+export type { FlowbiteSidebarColors, FlowbiteSidebarConfig, FlowbiteSidebarContentConfig, FlowbiteSidebarContentContainerTheme, FlowbiteSidebarContentHostTheme, FlowbiteSidebarContentTheme, FlowbiteSidebarHostTheme, FlowbiteSidebarItemConfig, FlowbiteSidebarItemHostTheme, FlowbiteSidebarItemTheme, FlowbiteSidebarTheme, FlowbiteSidebarToggleConfig, FlowbiteSidebarToggleHostTheme, FlowbiteSidebarToggleTheme };