flowbite-angular 0.0.2 → 1.0.0-alpha.1

package/index.d.ts

@@ -1,4 +1,5 @@
-export * from './lib/components';
-export * from './lib/pipes';
-export * from './lib/services';
-export * from './lib/flowbite.module';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="flowbite-angular" />
+export * from './public-api';

package/lib/common/flowbite.theme.init.d.ts

@@ -0,0 +1,9 @@
+import type { EnvironmentProviders } from '@angular/core';
+/**
+ * This function define base implementation of injected services and value used all over flowbite-angular library.
+ *
+ * @returns Return the configuration for flowbite-angular ThemeServices, themeProviders and settingsProviders.
+ *
+ * @see `EnvironmentProviders`
+ */
+export declare function initFlowbite(): EnvironmentProviders;

package/lib/common/index.d.ts

@@ -0,0 +1,2 @@
+export { initFlowbite } from './flowbite.theme.init';
+export * from './type-definitions';

package/lib/common/type-definitions/colors/flowbite.colors.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Base definition of colors used in flowbite-angular.
+ */
+export interface FlowbiteColors {
+    primary: string;
+    light: string;
+    dark: string;
+    blue: string;
+    cyan: string;
+    gray: string;
+    green: string;
+    indigo: string;
+    lime: string;
+    pink: string;
+    purple: string;
+    red: string;
+    teal: string;
+    yellow: string;
+}

package/lib/common/type-definitions/colors/flowbite.gradient-colors.d.ts

@@ -0,0 +1,11 @@
+import type { FlowbiteColors } from './flowbite.colors';
+/**
+ * Base definition of gradient colors used in flowbite-angular.
+ */
+export interface FlowbiteGradientColors extends Omit<FlowbiteColors, 'warning'> {
+    cyan: string;
+    lime: string;
+    pink: string;
+    purple: string;
+    teal: string;
+}

package/lib/common/type-definitions/colors/flowbite.gradient-duo-tone-colors.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Base definition of gradient color with fade from one color to another used in flowbite-angular.
+ */
+export interface FlowbiteGradientDuoToneColors {
+    cyanToBlue: string;
+    greenToBlue: string;
+    pinkToOrange: string;
+    purpleToBlue: string;
+    purpleToPink: string;
+    redToYellow: string;
+    tealToLime: string;
+}

package/lib/common/type-definitions/colors/index.d.ts

@@ -0,0 +1,3 @@
+export type { FlowbiteColors } from './flowbite.colors';
+export type { FlowbiteGradientColors } from './flowbite.gradient-colors';
+export type { FlowbiteGradientDuoToneColors } from './flowbite.gradient-duo-tone-colors';

package/lib/common/type-definitions/flowbite.boolean.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Base definition of boolean used in flowbite-angular.
+ */
+export interface FlowbiteBoolean {
+    enabled: string;
+    disabled: string;
+}

package/lib/common/type-definitions/flowbite.class.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Base definition of classes used in flowbite-angular.
+ */
+export interface FlowbiteClass {
+    rootClass: string;
+}

package/lib/common/type-definitions/flowbite.combination.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Type describing all the combinations possible between two types.
+ */
+export type Combination<T extends string | number | symbol, U extends string | number | symbol, TOut> = {
+    [K1 in T]: {
+        [K2 in U]: TOut;
+    };
+};

package/lib/common/type-definitions/flowbite.content-positions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Base definition of content positions used in flowbite-angular.
+ */
+export interface FlowbiteContentPositions {
+    center: string;
+}

package/lib/common/type-definitions/flowbite.deep-partial.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Type describing partial object from another, by getting every sub-child of provided type in itself.
+ */
+export type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;

package/lib/common/type-definitions/flowbite.heading-levels.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Base definition of heading level used in flowbite-angular.
+ */
+export type FlowbiteHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/lib/common/type-definitions/flowbite.positions.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Base definition of positions used in flowbite-angular.
+ */
+export interface FlowbitePositions {
+    'bottom-left': string;
+    'bottom-right': string;
+    'bottom-center': string;
+    'top-left': string;
+    'top-center': string;
+    'top-right': string;
+    'center-left': string;
+    center: string;
+    'center-right': string;
+}

package/lib/common/type-definitions/flowbite.router-link-parameter.d.ts

@@ -0,0 +1,5 @@
+import type { UrlTree } from '@angular/router';
+/**
+ * Type describing RouterLink parameters.
+ */
+export type RouterLinkParameter = UrlTree | null;

package/lib/common/type-definitions/flowbite.sizes.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Base definition of sizes used in flowbite-angular.
+ */
+export interface FlowbiteSizes {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}

package/lib/common/type-definitions/flowbite.themes.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Base definition of theme used in flowbite-angular.
+ */
+export type FlowbiteTheme = 'dark' | 'light';

package/lib/common/type-definitions/index.d.ts

@@ -0,0 +1,11 @@
+export type { FlowbiteBoolean } from './flowbite.boolean';
+export type { FlowbiteClass } from './flowbite.class';
+export type { FlowbiteContentPositions } from './flowbite.content-positions';
+export type { FlowbiteHeadingLevel } from './flowbite.heading-levels';
+export type { FlowbitePositions } from './flowbite.positions';
+export type { FlowbiteSizes } from './flowbite.sizes';
+export type { FlowbiteTheme } from './flowbite.themes';
+export type { Combination } from './flowbite.combination';
+export type { DeepPartial } from './flowbite.deep-partial';
+export type { RouterLinkParameter } from './flowbite.router-link-parameter';
+export * from './colors';

package/lib/components/accordion/accordion-content.component.d.ts

@@ -0,0 +1,32 @@
+import { BaseComponent } from '../base-component.directive';
+import type { AccordionContentClass } from './accordion-content.theme';
+import { AccordionContentThemeService } from './accordion-content.theme.service';
+import { AccordionPanelComponent } from './accordion-panel.component';
+import type { AccordionColors } from './accordion.theme';
+import * as i0 from "@angular/core";
+export declare class AccordionContentComponent extends BaseComponent<AccordionContentClass> {
+    readonly themeService: AccordionContentThemeService;
+    readonly accordionPanelComponent: AccordionPanelComponent;
+    color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                light?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+            } | undefined;
+            isOpen?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): AccordionContentClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionContentComponent, "flowbite-accordion-content", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
+}

package/lib/components/accordion/accordion-content.theme.d.ts

@@ -0,0 +1,16 @@
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from '../../common';
+import type { AccordionColors } from './accordion.theme';
+export interface AccordionContentProperties {
+    color: keyof AccordionColors;
+    isOpen: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<AccordionContentTheme>;
+}
+export interface AccordionContentTheme {
+    root: {
+        base: string;
+        color: AccordionColors;
+        isOpen: FlowbiteBoolean;
+    };
+}
+export declare const accordionContentTheme: AccordionContentTheme;
+export type AccordionContentClass = FlowbiteClass;

package/lib/components/accordion/accordion-content.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { AccordionContentClass, AccordionContentProperties, AccordionContentTheme } from './accordion-content.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN: InjectionToken<AccordionContentTheme>;
+export declare class AccordionContentThemeService implements FlowbiteThemeService<AccordionContentProperties> {
+    private readonly baseTheme;
+    getClasses(properties: AccordionContentProperties): AccordionContentClass;
+}

package/lib/components/accordion/accordion-panel.component.d.ts

@@ -0,0 +1,27 @@
+import { BaseComponent } from '../base-component.directive';
+import { AccordionContentComponent } from './accordion-content.component';
+import type { AccordionPanelClass } from './accordion-panel.theme';
+import { AccordionPanelThemeService } from './accordion-panel.theme.service';
+import { AccordionTitleComponent } from './accordion-title.component';
+import { AccordionComponent } from './accordion.component';
+import type { AccordionColors } from './accordion.theme';
+import type { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AccordionPanelComponent extends BaseComponent<AccordionPanelClass> implements OnInit {
+    readonly themeService: AccordionPanelThemeService;
+    readonly accordionComponent: AccordionComponent;
+    readonly accordionTitleChild: import("@angular/core").Signal<AccordionTitleComponent | undefined>;
+    readonly accordionContentChild: import("@angular/core").Signal<AccordionContentComponent | undefined>;
+    color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    isOpen: import("@angular/core").ModelSignal<boolean>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): AccordionPanelClass;
+    verify(): void;
+    toggleVisibility(isOpen?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanelComponent, "flowbite-accordion-panel", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "customStyle": "customStyleChange"; }, ["accordionTitleChild", "accordionContentChild"], ["*"], true, never>;
+}

package/lib/components/accordion/accordion-panel.theme.d.ts

@@ -0,0 +1,11 @@
+import type { DeepPartial, FlowbiteClass } from '../../common';
+export interface AccordionPanelProperties {
+    customStyle: DeepPartial<AccordionPanelTheme>;
+}
+export interface AccordionPanelTheme {
+    root: {
+        base: string;
+    };
+}
+export declare const accordionPanelTheme: AccordionPanelTheme;
+export type AccordionPanelClass = FlowbiteClass;

package/lib/components/accordion/accordion-panel.theme.service.d.ts

@@ -0,0 +1,9 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { AccordionPanelProperties, AccordionPanelTheme } from './accordion-panel.theme';
+import type { AccordionClass } from './accordion.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_ACCORDION_PANEL_THEME_TOKEN: InjectionToken<AccordionPanelTheme>;
+export declare class AccordionPanelThemeService implements FlowbiteThemeService<AccordionPanelProperties> {
+    private readonly baseTheme;
+    getClasses(properties: AccordionPanelProperties): AccordionClass;
+}

package/lib/components/accordion/accordion-title.component.d.ts

@@ -0,0 +1,46 @@
+import { BaseComponent } from '../base-component.directive';
+import { IconRegistry } from '../icon';
+import { AccordionPanelComponent } from './accordion-panel.component';
+import type { AccordionTitleClass } from './accordion-title.theme';
+import { AccordionTitleThemeService } from './accordion-title.theme.service';
+import type { AccordionColors } from './accordion.theme';
+import type { OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class AccordionTitleComponent extends BaseComponent<AccordionTitleClass> implements OnInit {
+    readonly themeService: AccordionTitleThemeService;
+    readonly accordionPanelComponent: AccordionPanelComponent;
+    readonly iconRegistry: IconRegistry;
+    readonly domSanitizer: DomSanitizer;
+    color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                light?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+            } | undefined;
+            isFlush?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+            isOpen?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+        text?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): AccordionTitleClass;
+    init(): void;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTitleComponent, "flowbite-accordion-title", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
+}

package/lib/components/accordion/accordion-title.theme.d.ts

@@ -0,0 +1,24 @@
+import type { FlowbiteBoolean, FlowbiteClass } from '../../common';
+import type { DeepPartial } from '../../common/type-definitions/flowbite.deep-partial';
+import type { AccordionColors } from './accordion.theme';
+export interface AccordionTitleProperties {
+    color: keyof AccordionColors;
+    isOpen: keyof FlowbiteBoolean;
+    isFlush: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<AccordionTitleTheme>;
+}
+export interface AccordionTitleTheme {
+    root: {
+        base: string;
+        color: AccordionColors;
+        isFlush: FlowbiteBoolean;
+        isOpen: FlowbiteBoolean;
+    };
+    text: {
+        base: string;
+    };
+}
+export declare const accordionTitleTheme: AccordionTitleTheme;
+export interface AccordionTitleClass extends FlowbiteClass {
+    textClass: string;
+}

package/lib/components/accordion/accordion-title.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { AccordionTitleClass, AccordionTitleProperties, AccordionTitleTheme } from './accordion-title.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_ACCORDION_TITLE_THEME_TOKEN: InjectionToken<AccordionTitleTheme>;
+export declare class AccordionTitleThemeService implements FlowbiteThemeService<AccordionTitleProperties> {
+    private readonly baseTheme;
+    getClasses(properties: AccordionTitleProperties): AccordionTitleClass;
+}

package/lib/components/accordion/accordion.component.d.ts

@@ -0,0 +1,35 @@
+import { BaseComponent } from '../base-component.directive';
+import { AccordionPanelComponent } from './accordion-panel.component';
+import type { AccordionClass, AccordionColors } from './accordion.theme';
+import { AccordionThemeService } from './accordion.theme.service';
+import * as i0 from "@angular/core";
+export declare class AccordionComponent extends BaseComponent<AccordionClass> {
+    readonly themeService: AccordionThemeService;
+    readonly accordionPanelChildren: import("@angular/core").Signal<readonly AccordionPanelComponent[]>;
+    isAlwaysOpen: import("@angular/core").ModelSignal<boolean>;
+    color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    isFlush: import("@angular/core").ModelSignal<boolean>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                light?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+            } | undefined;
+            isFlush?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): AccordionClass;
+    verify(): void;
+    closeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "flowbite-accordion", never, { "isAlwaysOpen": { "alias": "isAlwaysOpen"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "isFlush": { "alias": "isFlush"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "isAlwaysOpen": "isAlwaysOpenChange"; "color": "colorChange"; "isFlush": "isFlushChange"; "customStyle": "customStyleChange"; }, ["accordionPanelChildren"], ["*"], true, never>;
+}

package/lib/components/accordion/accordion.theme.d.ts

@@ -0,0 +1,21 @@
+import type { DeepPartial } from '../../common';
+import type { FlowbiteColors } from '../../common/type-definitions/colors/flowbite.colors';
+import type { FlowbiteBoolean } from '../../common/type-definitions/flowbite.boolean';
+import type { FlowbiteClass } from '../../common/type-definitions/flowbite.class';
+export interface AccordionColors extends Pick<FlowbiteColors, 'primary' | 'light' | 'blue' | 'red' | 'green' | 'yellow'> {
+    [key: string]: string;
+}
+export interface AccordionProperties {
+    color: keyof AccordionColors;
+    isFlush: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<AccordionTheme>;
+}
+export interface AccordionTheme {
+    root: {
+        base: string;
+        color: AccordionColors;
+        isFlush: FlowbiteBoolean;
+    };
+}
+export declare const accordionTheme: AccordionTheme;
+export type AccordionClass = FlowbiteClass;

package/lib/components/accordion/accordion.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { AccordionClass, AccordionProperties, AccordionTheme } from './accordion.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_ACCORDION_THEME_TOKEN: InjectionToken<AccordionTheme>;
+export declare class AccordionThemeService implements FlowbiteThemeService<AccordionProperties> {
+    private readonly baseTheme;
+    getClasses(properties: AccordionProperties): AccordionClass;
+}

package/lib/components/accordion/index.d.ts

@@ -0,0 +1,16 @@
+export { AccordionComponent } from './accordion.component';
+export type { AccordionProperties, AccordionClass, AccordionTheme, AccordionColors } from './accordion.theme';
+export { accordionTheme } from './accordion.theme';
+export { AccordionThemeService, FLOWBITE_ACCORDION_THEME_TOKEN } from './accordion.theme.service';
+export { AccordionContentComponent } from './accordion-content.component';
+export type { AccordionContentProperties, AccordionContentClass, AccordionContentTheme, } from './accordion-content.theme';
+export { accordionContentTheme } from './accordion-content.theme';
+export { AccordionContentThemeService, FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN, } from './accordion-content.theme.service';
+export { AccordionPanelComponent } from './accordion-panel.component';
+export type { AccordionPanelProperties, AccordionPanelClass, AccordionPanelTheme } from './accordion-panel.theme';
+export { accordionPanelTheme } from './accordion-panel.theme';
+export { AccordionPanelThemeService, FLOWBITE_ACCORDION_PANEL_THEME_TOKEN } from './accordion-panel.theme.service';
+export { AccordionTitleComponent } from './accordion-title.component';
+export type { AccordionTitleProperties, AccordionTitleTheme, AccordionTitleClass } from './accordion-title.theme';
+export { accordionTitleTheme } from './accordion-title.theme';
+export { AccordionTitleThemeService, FLOWBITE_ACCORDION_TITLE_THEME_TOKEN } from './accordion-title.theme.service';

package/lib/components/alert/alert.component.d.ts

@@ -1,15 +1,56 @@
-import { TemplateRef } from '@angular/core';
+import { BaseComponent } from '../base-component.directive';
+import { IconRegistry } from '../icon';
+import type { AlertClass } from './alert.theme';
+import { AlertThemeService } from './alert.theme.service';
+import type { OnInit, TemplateRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare type AlertColor = 'blue' | 'red' | 'green' | 'yellow' | 'gray';
-export declare class AlertComponent {
-    color: AlertColor;
-    rounded: boolean;
-    withBorderAccent: boolean;
-    icon: TemplateRef<unknown> | null;
-    additionalContent: TemplateRef<unknown> | null;
-    dismiss?: () => void;
-    colorClasses: Record<AlertColor, string>;
-    buttonColorClasses: Record<AlertColor, string>;
+export declare class AlertComponent extends BaseComponent<AlertClass> implements OnInit {
+    readonly themeService: AlertThemeService;
+    readonly iconRegistry: IconRegistry;
+    readonly domSanitizer: DomSanitizer;
+    color: import("@angular/core").ModelSignal<"primary" | "blue" | "red" | "green" | "yellow" | "dark">;
+    hasBorder: import("@angular/core").ModelSignal<boolean>;
+    hasBorderAccent: import("@angular/core").ModelSignal<boolean>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+                dark?: string | undefined;
+            } | undefined;
+            hasBorder?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+            hasBorderAccent?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+        closeButton?: {
+            base?: string | undefined;
+            color?: {
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+                dark?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    icon: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
+    additionalContent: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
+    isDismissable: import("@angular/core").ModelSignal<boolean>;
+    onDismiss: import("@angular/core").ModelSignal<(() => void | undefined) | undefined>;
+    fetchClass(): AlertClass;
+    init(): void;
+    onDismissClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "flowbite-alert", never, { "color": "color"; "rounded": "rounded"; "withBorderAccent": "withBorderAccent"; "icon": "icon"; "additionalContent": "additionalContent"; "dismiss": "dismiss"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "flowbite-alert", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "hasBorderAccent": { "alias": "hasBorderAccent"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "additionalContent": { "alias": "additionalContent"; "required": false; "isSignal": true; }; "isDismissable": { "alias": "isDismissable"; "required": false; "isSignal": true; }; "onDismiss": { "alias": "onDismiss"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "hasBorder": "hasBorderChange"; "hasBorderAccent": "hasBorderAccentChange"; "customStyle": "customStyleChange"; "icon": "iconChange"; "additionalContent": "additionalContentChange"; "isDismissable": "isDismissableChange"; "onDismiss": "onDismissChange"; }, never, ["*"], true, never>;
 }

package/lib/components/alert/alert.theme.d.ts

@@ -0,0 +1,27 @@
+import type { FlowbiteColors } from '../../common/type-definitions/colors/flowbite.colors';
+import type { FlowbiteBoolean } from '../../common/type-definitions/flowbite.boolean';
+import type { FlowbiteClass } from '../../common/type-definitions/flowbite.class';
+import type { DeepPartial } from '../../common/type-definitions/flowbite.deep-partial';
+export type AlertColors = Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'>;
+export interface AlertProperties {
+    color: keyof AlertColors;
+    hasBorder: keyof FlowbiteBoolean;
+    hasBorderAccent: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<AlertTheme>;
+}
+export interface AlertTheme {
+    root: {
+        base: string;
+        color: AlertColors;
+        hasBorder: FlowbiteBoolean;
+        hasBorderAccent: FlowbiteBoolean;
+    };
+    closeButton: {
+        base: string;
+        color: AlertColors;
+    };
+}
+export declare const alertTheme: AlertTheme;
+export interface AlertClass extends FlowbiteClass {
+    closeButtonClass: string;
+}

package/lib/components/alert/alert.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services/flowbite.theme.service';
+import type { AlertClass, AlertProperties, AlertTheme } from './alert.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_ALERT_THEME_TOKEN: InjectionToken<AlertTheme>;
+export declare class AlertThemeService implements FlowbiteThemeService<AlertProperties> {
+    private readonly baseTheme;
+    getClasses(properties: AlertProperties): AlertClass;
+}

package/lib/components/alert/index.d.ts

@@ -1 +1,4 @@
-export * from './alert.component';
+export { AlertComponent } from './alert.component';
+export type { AlertProperties, AlertClass, AlertColors, AlertTheme } from './alert.theme';
+export { alertTheme } from './alert.theme';
+export { AlertThemeService, FLOWBITE_ALERT_THEME_TOKEN } from './alert.theme.service';