flowbite-angular 0.0.2 → 1.0.0-alpha.2

package/lib/components/sidebar/sidebar-menu.theme.d.ts

@@ -0,0 +1,18 @@
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from '../../common';
+import type { SidebarColors, SidebarDisplayMode } from './sidebar.theme';
+export interface SidebarMenuProperties {
+    isOpen: keyof FlowbiteBoolean;
+    color: keyof SidebarColors;
+    displayMode: keyof SidebarDisplayMode;
+    customStyle: DeepPartial<SidebarMenuTheme>;
+}
+export interface SidebarMenuTheme {
+    root: {
+        base: string;
+        displayMode: SidebarDisplayMode;
+        isOpen: FlowbiteBoolean;
+        color: SidebarColors;
+    };
+}
+export declare const sidebarMenuTheme: SidebarMenuTheme;
+export type SidebarMenuClass = FlowbiteClass;

package/lib/components/sidebar/sidebar-menu.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { SidebarMenuClass, SidebarMenuProperties, SidebarMenuTheme } from './sidebar-menu.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SIDEBAR_MENU_THEME_TOKEN: InjectionToken<SidebarMenuTheme>;
+export declare class SidebarMenuThemeService implements FlowbiteThemeService<SidebarMenuProperties> {
+    private readonly baseTheme;
+    getClasses(properties: SidebarMenuProperties): SidebarMenuClass;
+}

package/lib/components/sidebar/sidebar-page-content.component.d.ts

@@ -0,0 +1,22 @@
+import { BaseComponent } from '../base-component.directive';
+import type { SidebarPageContentClass } from './sidebar-page-content.theme';
+import { SidebarPageContentThemeService } from './sidebar-page-content.theme.service';
+import { SidebarComponent } from './sidebar.component';
+import * as i0 from "@angular/core";
+export declare class SidebarPageContentComponent extends BaseComponent<SidebarPageContentClass> {
+    readonly themeService: SidebarPageContentThemeService;
+    readonly sidebarComponent: SidebarComponent;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            displayMode?: {
+                push?: string | undefined;
+                over?: string | undefined;
+                backdrop?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): SidebarPageContentClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarPageContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarPageContentComponent, "flowbite-sidebar-page-content", never, { "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
+}

package/lib/components/sidebar/sidebar-page-content.theme.d.ts

@@ -0,0 +1,15 @@
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from '../../common';
+import type { SidebarDisplayMode } from './sidebar.theme';
+export interface SidebarPageContentProperties {
+    isOpen: keyof FlowbiteBoolean;
+    displayMode: keyof SidebarDisplayMode;
+    customStyle: DeepPartial<SidebarPageContentTheme>;
+}
+export interface SidebarPageContentTheme {
+    root: {
+        base: string;
+        displayMode: SidebarDisplayMode;
+    };
+}
+export declare const sidebarPageContentTheme: SidebarPageContentTheme;
+export type SidebarPageContentClass = FlowbiteClass;

package/lib/components/sidebar/sidebar-page-content.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { SidebarPageContentClass, SidebarPageContentProperties, SidebarPageContentTheme } from './sidebar-page-content.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SIDEBAR_PAGE_CONTENT_THEME_TOKEN: InjectionToken<SidebarPageContentTheme>;
+export declare class SidebarPageContentThemeService implements FlowbiteThemeService<SidebarPageContentProperties> {
+    private readonly baseTheme;
+    getClasses(properties: SidebarPageContentProperties): SidebarPageContentClass;
+}

package/lib/components/sidebar/sidebar-toggle.component.d.ts

@@ -0,0 +1,40 @@
+import { BaseComponent } from '../base-component.directive';
+import { IconRegistry } from '../icon';
+import type { SidebarToggleClass, SidebarToggleSizes } from './sidebar-toggle.theme';
+import { SidebarToggleThemeService } from './sidebar-toggle.theme.service';
+import { SidebarComponent } from './sidebar.component';
+import type { SidebarColors } from './sidebar.theme';
+import type { OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class SidebarToggleComponent extends BaseComponent<SidebarToggleClass> implements OnInit {
+    readonly themeService: SidebarToggleThemeService;
+    readonly iconRegistry: IconRegistry;
+    readonly domSanitizer: DomSanitizer;
+    readonly sidebarComponent: import("@angular/core").ModelSignal<SidebarComponent>;
+    color: import("@angular/core").ModelSignal<keyof SidebarColors>;
+    size: import("@angular/core").ModelSignal<keyof SidebarToggleSizes>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+                dark?: string | undefined;
+            } | undefined;
+            size?: {
+                [x: string]: string | undefined;
+                sm?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): SidebarToggleClass;
+    init(): void;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarToggleComponent, "flowbite-sidebar-toggle", never, { "sidebarComponent": { "alias": "sidebarComponent"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "sidebarComponent": "sidebarComponentChange"; "color": "colorChange"; "size": "sizeChange"; "customStyle": "customStyleChange"; }, never, never, true, never>;
+}

package/lib/components/sidebar/sidebar-toggle.theme.d.ts

@@ -0,0 +1,19 @@
+import type { DeepPartial, FlowbiteClass, FlowbiteSizes } from '../../common';
+import type { SidebarColors } from './sidebar.theme';
+export interface SidebarToggleSizes extends Pick<FlowbiteSizes, 'sm'> {
+    [key: string]: string;
+}
+export interface SidebarToggleProperties {
+    color: keyof SidebarColors;
+    size: keyof SidebarToggleSizes;
+    customStyle: DeepPartial<SidebarToggleTheme>;
+}
+export interface SidebarToggleTheme {
+    root: {
+        base: string;
+        color: SidebarColors;
+        size: SidebarToggleSizes;
+    };
+}
+export declare const sidebarToggleTheme: SidebarToggleTheme;
+export type SidebarToggleClass = FlowbiteClass;

package/lib/components/sidebar/sidebar-toggle.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { SidebarToggleClass, SidebarToggleProperties, SidebarToggleTheme } from './sidebar-toggle.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SIDEBAR_TOGGLE_THEME_TOKEN: InjectionToken<SidebarToggleTheme>;
+export declare class SidebarToggleThemeService implements FlowbiteThemeService<SidebarToggleProperties> {
+    private readonly baseTheme;
+    getClasses(properties: SidebarToggleProperties): SidebarToggleClass;
+}

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

@@ -1,10 +1,33 @@
-import { SidebarService } from '../../services';
+import { BaseComponent } from '../base-component.directive';
+import { SidebarMenuComponent } from './sidebar-menu.component';
+import { SidebarPageContentComponent } from './sidebar-page-content.component';
+import type { SidebarClass, SidebarColors, SidebarDisplayMode } from './sidebar.theme';
+import { SidebarThemeService } from './sidebar.theme.service';
+import type { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SidebarComponent {
-    readonly sidebarService: SidebarService;
-    extraClass: string;
-    rounded: boolean;
-    constructor(sidebarService: SidebarService);
+/**
+ * @see https://flowbite.com/docs/components/sidebar/
+ */
+export declare class SidebarComponent extends BaseComponent<SidebarClass> implements OnInit {
+    readonly themeService: SidebarThemeService;
+    readonly sidebarMenuChild: import("@angular/core").Signal<SidebarMenuComponent | undefined>;
+    readonly sidebarPageContentChild: import("@angular/core").Signal<SidebarPageContentComponent | undefined>;
+    color: import("@angular/core").ModelSignal<keyof SidebarColors>;
+    displayMode: import("@angular/core").ModelSignal<keyof SidebarDisplayMode>;
+    isOpen: import("@angular/core").ModelSignal<boolean>;
+    isRounded: import("@angular/core").ModelSignal<boolean>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            isRounded?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): SidebarClass;
+    verify(): void;
+    toggleVisibility(isOpen?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "flowbite-sidebar", never, { "extraClass": "extraClass"; "rounded": "rounded"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "flowbite-sidebar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "displayMode": "displayModeChange"; "isOpen": "isOpenChange"; "isRounded": "isRoundedChange"; "customStyle": "customStyleChange"; }, ["sidebarMenuChild", "sidebarPageContentChild"], ["*"], true, never>;
 }

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

@@ -0,0 +1,25 @@
+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 SidebarColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'> {
+    [key: string]: string;
+}
+export interface SidebarDisplayMode {
+    push: string;
+    over: string;
+    backdrop: string;
+}
+export interface SidebarProperties {
+    displayMode: keyof SidebarDisplayMode;
+    isRounded: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<SidebarTheme>;
+}
+export interface SidebarTheme {
+    root: {
+        base: string;
+        isRounded: FlowbiteBoolean;
+    };
+}
+export declare const sidebarTheme: SidebarTheme;
+export type SidebarClass = FlowbiteClass;

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

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { SidebarClass, SidebarProperties, SidebarTheme } from './sidebar.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SIDEBAR_THEME_TOKEN: InjectionToken<SidebarTheme>;
+export declare class SidebarThemeService implements FlowbiteThemeService<SidebarProperties> {
+    private readonly baseTheme;
+    getClasses(properties: SidebarProperties): SidebarClass;
+}

package/lib/directives/flowbite-router-link-active.directive.d.ts

@@ -0,0 +1,25 @@
+import type { Signal } from '@angular/core';
+import { RouterLinkActive } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * Wrapping directive over RouterLinkActive.
+ *
+ * @usageNotes
+ * It provides a clean way to have 'isActive' data with signal base value.
+ *
+ * @see `RouterLinkActive`
+ */
+export declare class FlowbiteRouterLinkActiveDirective {
+    private readonly ariaCurrentValue;
+    routerLinkActive: RouterLinkActive;
+    private _isActive;
+    get isActive(): Signal<boolean>;
+    /**
+     * Set the RouterLinkActive's ariaCurrentWhenActive to the value passed to the component (via this Directive).
+     */
+    constructor();
+    onIsActiveChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteRouterLinkActiveDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FlowbiteRouterLinkActiveDirective, "[flowbiteRouterLinkActive]", never, {}, {}, never, never, true, [{ directive: typeof i1.RouterLinkActive; inputs: { "routerLinkActiveOptions": "routerLinkActiveOptions"; "ariaCurrentWhenActive": "ariaCurrentWhenActive"; "routerLinkActive": "routerLinkActive"; }; outputs: { "isActiveChange": "isActiveChange"; }; }]>;
+}

package/lib/directives/flowbite-router-link.directive.d.ts

@@ -0,0 +1,16 @@
+import { Router, RouterLink } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * Wrapping directive over RouterLink.
+ *
+ * @see `RouterLink`
+ */
+export declare class FlowbiteRouterLinkDirective {
+    readonly router: Router;
+    readonly routerLink: RouterLink;
+    href: import("@angular/core").ModelSignal<string | undefined>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteRouterLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FlowbiteRouterLinkDirective, "[flowbiteRouterLink]", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "href": "hrefChange"; }, never, never, true, [{ directive: typeof i1.RouterLink; inputs: { "target": "target"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "routerLink": "routerLink"; }; outputs: {}; }]>;
+}

package/lib/directives/index.d.ts

@@ -0,0 +1,2 @@
+export { FlowbiteRouterLinkActiveDirective } from './flowbite-router-link-active.directive';
+export { FlowbiteRouterLinkDirective } from './flowbite-router-link.directive';

package/lib/pipes/index.d.ts

@@ -1 +1 @@
-export * from './sanitize-html';
+export { SanitizeHtmlPipe } from './sanitize-html';

package/lib/pipes/sanitize-html/sanitize-html.pipe.d.ts

@@ -1,10 +1,20 @@
-import { PipeTransform } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import type { PipeTransform } from '@angular/core';
+import type { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
+/**
+ * Sanitize a string as trusted HTML.
+ *
+ * @see `DomSanitizer`
+ */
 export declare class SanitizeHtmlPipe implements PipeTransform {
     private _sanitizer;
-    constructor(_sanitizer: DomSanitizer);
+    /**
+     * Return the result of 'bypassSecurityTrustHtml' function of DomSanitizer for the parameter.
+     *
+     * @param v The string to be transformed.
+     * @returns The SfeHtml from the DomSanitizer.
+     */
     transform(v: string): SafeHtml;
     static ɵfac: i0.ɵɵFactoryDeclaration<SanitizeHtmlPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SanitizeHtmlPipe, "sanitizeHtml">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SanitizeHtmlPipe, "sanitizeHtml", true>;
 }

package/lib/services/flowbite.theme.service.d.ts

@@ -0,0 +1,10 @@
+import type { FlowbiteClass } from '../common/type-definitions/flowbite.class';
+import * as i0 from "@angular/core";
+/**
+ * Provide an abstract class used in themeing system of flowbite-angular.
+ */
+export declare abstract class FlowbiteThemeService<TProperties> {
+    abstract getClasses(properties: TProperties): FlowbiteClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteThemeService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FlowbiteThemeService<any>>;
+}

package/lib/services/index.d.ts

@@ -1,2 +1 @@
-export * from './sidebar';
-export * from './theme';
+export { FlowbiteThemeService } from './flowbite.theme.service';

package/lib/utils/boolean.util.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteBoolean } from '../common/type-definitions/flowbite.boolean';
+/**
+ * This function cast a boolean to the internal flowbute-angular boolean type.
+ *
+ * @param value The input to be cast.
+ * @returns enabled if value is true ; disabled if value is false.
+ */
+export declare function booleanToFlowbiteBoolean(value: boolean): keyof FlowbiteBoolean;

package/lib/utils/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './inputs';
+export * from './outputs';

package/lib/utils/directives/inputs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './router-link.inputs';
+export * from './router-link-active.input';

package/lib/utils/directives/inputs/router-link-active.input.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Register every inputs of RouterLinkActive used in FlowbiteRouterLinkActiveDirective.
+ *
+ * @see `RouterLinkActive`
+ * @see `FlowbiteRouterLinkActiveDirective`
+ */
+declare const _default: string[];
+export default _default;

package/lib/utils/directives/inputs/router-link.inputs.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Register every inputs of RouterLink used in FlowbiteRouterLinkDirective.
+ *
+ * @see `RouterLink`
+ * @see `FlowbiteRouterLinkDirective`
+ */
+declare const _default: string[];
+export default _default;

package/lib/utils/directives/outputs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './router-link.output';
+export * from './router-link-active.output';

package/lib/utils/directives/outputs/router-link-active.output.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Register every outputs of RouterLinkActive used in FlowbiteRouterLinkActiveDirective.
+ *
+ * @see `RouterLinkActive`
+ * @see `FlowbiteRouterLinkActiveDirective`
+ */
+declare const _default: string[];
+export default _default;

package/lib/utils/directives/outputs/router-link.output.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Register every outputs of RouterLink used in FlowbiteRouterLinkDirective.
+ *
+ * @see `RouterLink`
+ * @see `FlowbiteRouterLinkDirective`
+ */
+declare const _default: string[];
+export default _default;

package/lib/utils/icon.list.d.ts

@@ -0,0 +1,7 @@
+export declare const CLOSE_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M6 18 17.94 6M18 18 6.06 6\" />\n</svg>\n";
+export declare const CHEVRON_UP_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 14-4-4-4 4\" />\n</svg>\n";
+export declare const CHEVRON_DOWN_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m8 10 4 4 4-4\" />\n</svg>\n";
+export declare const CHEVRON_RIGHT_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 16 4-4-4-4\" />\n</svg>\n";
+export declare const SUN_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M12 5V3m0 18v-2M7.05 7.05 5.636 5.636m12.728 12.728L16.95 16.95M5 12H3m18 0h-2M7.05 16.95l-1.414 1.414M18.364 5.636 16.95 7.05M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z\" />\n</svg>\n";
+export declare const MOON_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M12 21a9 9 0 0 1-.5-17.986V3c-.354.966-.5 1.911-.5 3a9 9 0 0 0 9 9c.239 0 .254.018.488 0A9.004 9.004 0 0 1 12 21Z\" />\n</svg>\n";
+export declare const BARS_SVG_ICON = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M5 7h14M5 12h14M5 17h14\" />\n</svg>\n";

package/lib/utils/id.generator.d.ts

@@ -0,0 +1,59 @@
+/**
+ * This class provide an implementation of Guid used as id for flowbite-angular components.
+ *
+ * @see https://gist.github.com/emptyother/1fd97db034ef848f38eca3354fa9ee90
+ */
+export declare class Guid {
+    private value;
+    /**
+     * If value is given and if the value is a valid Guid, then return a Guid from the string ; Otherwise or if no value is given, create a Guid class without value.
+     *
+     * @param value Guid as string if you want to get a Guid type from string
+     */
+    constructor(value?: string);
+    /**
+     * Function that generate new Guid.
+     *
+     * @returns New Guid.
+     */
+    static newGuid(): Guid;
+    /**
+     * Function that generate an empty Guid.
+     *
+     * @return "00000000-0000-0000-0000-000000000000".
+     */
+    static get empty(): string;
+    /**
+     * Function that generate an empty Guid.
+     *
+     * @return "00000000-0000-0000-0000-000000000000".
+     */
+    get empty(): string;
+    /**
+     * Check if the provided Guid is valid.
+     *
+     * @param str The Guid to check.
+     * @returns true if the Guid is valid ; false otherwise.
+     */
+    static isValid(str: string): boolean;
+    /**
+     * ToString base method.
+     *
+     * @returns Value as string.
+     */
+    toString(): string;
+    /**
+     * ToJson base method.
+     *
+     * @returns Value as Json compatible string.
+     */
+    toJSON(): string;
+}
+/**
+ * Function that return a new Guid.
+ *
+ * @returns New {@link Guid}.
+ *
+ * @see `Guid`
+ */
+export declare function generateId(): Guid;

package/lib/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from './directives';
+export { cloneDeep } from './theme/clone-deep';
+export { createClass } from './theme/create-class';
+export { createTheme } from './theme/create-theme';
+export { isObject } from './theme/is-object';
+export { mergeTheme } from './theme/merge-theme';
+export { themeToString } from './theme/to-string';
+export { Guid, generateId } from './id.generator';

package/lib/utils/theme/clone-deep.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Function that return the cloned type of the provided generic type.
+ *
+ * @param source Generic object to be cloned.
+ * @returns The clone type of th eprovided type.
+ */
+export declare function cloneDeep<T>(source: T): T;

package/lib/utils/theme/create-class.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This function is used to create classes for component's while keeping the intellisens up for TailwindCSS and other extensions.
+ *
+ * @param input Generic type to be created.
+ * @returns The generic type's definition.
+ */
+export declare function createClass<T>(input: T): T;

package/lib/utils/theme/create-theme.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This function is used to create themes for component's while keeping the intellisens up for TailwindCSS and other extensions.
+ *
+ * @param input Generic type to be created.
+ * @returns The generic type's definition.
+ */
+export declare function createTheme<T>(input: T): T;

package/lib/utils/theme/is-object.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Check if the provided parameter is an object or not.
+ *
+ * @param item The unknown type parameter.
+ * @returns true if it's an ibject ; false otherwise.
+ */
+export declare function isObject(item: unknown): item is Record<string, unknown>;

package/lib/utils/theme/merge-theme.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Merge two objects into one.
+ *
+ * @param target Object to be merged.
+ * @param source Object to be merged.
+ * @returns The merged object.
+ */
+export declare function mergeTheme<T extends object, S extends object>(target: T, source: S): T & S;

package/lib/utils/theme/to-string.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Return theme value to an indented string.
+ *
+ * @param value The theme to be stringify.
+ * @returns The theme as string.
+ */
+export declare function themeToString(value: unknown): string;

package/package.json

@@ -1,32 +1,7 @@
 {
   "name": "flowbite-angular",
-  "version": "0.0.2",
-  "license": "MIT",
+  "version": "1.0.0-alpha.2",
   "private": false,
-  "homepage": "https://flowbite-angular.com",
-  "author": {
-    "name": "Nasreddine Bac Ali",
-    "email": "nasreddine.bacali95@gmail.com",
-    "url": "https://github.com/bacali95"
-  },
-  "bugs": {
-    "url": "https://github.com/themesberg/flowbite-angular/issues"
-  },
-  "repository": {
-    "url": "https://github.com/themesberg/flowbite-angular",
-    "type": "git"
-  },
-  "peerDependencies": {
-    "@angular/common": "^13.3.0",
-    "@angular/core": "^13.3.0",
-    "flowbite": "^1.4.5",
-    "rxjs": "~7.4.0",
-    "@angular/router": "~13.3.0",
-    "@angular/platform-browser": "~13.3.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
   "keywords": [
     "angular",
     "design-system",
@@ -36,24 +11,35 @@
     "flowbite-angular",
     "flowbite-angular-components"
   ],
-  "module": "fesm2015/flowbite-angular.mjs",
-  "es2020": "fesm2020/flowbite-angular.mjs",
-  "esm2020": "esm2020/flowbite-angular.mjs",
-  "fesm2020": "fesm2020/flowbite-angular.mjs",
-  "fesm2015": "fesm2015/flowbite-angular.mjs",
-  "typings": "flowbite-angular.d.ts",
+  "homepage": "https://flowbite-angular.com",
+  "bugs": {
+    "url": "https://github.com/themesberg/flowbite-angular/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/themesberg/flowbite-angular"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Nasreddine Bac Ali",
+    "email": "nasreddine.bacali95@gmail.com",
+    "url": "https://github.com/bacali95"
+  },
+  "module": "fesm2022/flowbite-angular.mjs",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./flowbite-angular.d.ts",
-      "esm2020": "./esm2020/flowbite-angular.mjs",
-      "es2020": "./fesm2020/flowbite-angular.mjs",
-      "es2015": "./fesm2015/flowbite-angular.mjs",
-      "node": "./fesm2015/flowbite-angular.mjs",
-      "default": "./fesm2020/flowbite-angular.mjs"
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/flowbite-angular.mjs",
+      "esm": "./esm2022/flowbite-angular.mjs",
+      "default": "./fesm2022/flowbite-angular.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/common';
+export * from './lib/components';
+export * from './lib/pipes';
+export * from './lib/services';
+export * from './lib/utils';
+export * from './lib/directives';