flowbite-angular 1.0.0-alpha.3 → 1.0.0-alpha.5

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

@@ -1,8 +1,19 @@
 import type { AccordionTitleClass, AccordionTitleProperties, AccordionTitleTheme } from './accordion-title.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `AccordionTitleTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_ACCORDION_TITLE_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_ACCORDION_TITLE_THEME_TOKEN: InjectionToken<AccordionTitleTheme>;
 export declare class AccordionTitleThemeService implements FlowbiteThemeService<AccordionTitleProperties> {
     private readonly baseTheme;
     getClasses(properties: AccordionTitleProperties): AccordionTitleClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTitleThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AccordionTitleThemeService>;
 }

package/accordion/accordion.component.d.ts

@@ -3,12 +3,39 @@ import type { AccordionClass, AccordionColors } from './accordion.theme';
 import { AccordionThemeService } from './accordion.theme.service';
 import { BaseComponent } from 'flowbite-angular';
 import * as i0 from "@angular/core";
+/**
+ * @see https://flowbite.com/docs/components/accordion/
+ */
 export declare class AccordionComponent extends BaseComponent<AccordionClass> {
+    /**
+     * Service injected used to generated class
+     */
     readonly themeService: AccordionThemeService;
+    /**
+     * List of `AccordionPanelComponent`
+     */
     readonly accordionPanelChildren: import("@angular/core").Signal<readonly AccordionPanelComponent[]>;
+    /**
+     * Does the opened `AccordionPanelComponent` stay open if another one is opening
+     *
+     * @default false
+     */
     isAlwaysOpen: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the accordion color and every child default color
+     *
+     * @default primary
+     */
     color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    /**
+     * Set the accordion as flush or not
+     *
+     * @default false
+     */
     isFlush: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the custom style for this accordion
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;
@@ -29,6 +56,9 @@ export declare class AccordionComponent extends BaseComponent<AccordionClass> {
     }>;
     fetchClass(): AccordionClass;
     verify(): void;
+    /**
+     * Close every `AccordionPanelComponent`
+     */
     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/accordion/accordion.theme.d.ts

@@ -1,12 +1,21 @@
 import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
+/**
+ * Available colors for `AccordionComponent`
+ */
 export interface AccordionColors extends Pick<FlowbiteColors, 'primary' | 'light' | 'blue' | 'red' | 'green' | 'yellow'> {
     [key: string]: string;
 }
+/**
+ * Required properties for the class generation of `AccordionComponent`
+ */
 export interface AccordionProperties {
     color: keyof AccordionColors;
     isFlush: keyof FlowbiteBoolean;
     customStyle: DeepPartial<AccordionTheme>;
 }
+/**
+ * Theme definition for `AccordionComponent`
+ */
 export interface AccordionTheme {
     root: {
         base: string;
@@ -14,5 +23,11 @@ export interface AccordionTheme {
         isFlush: FlowbiteBoolean;
     };
 }
+/**
+ * Default theme for `AccordionComponent`
+ */
 export declare const accordionTheme: AccordionTheme;
+/**
+ * Generated class definition for `AccordionComponent`
+ */
 export type AccordionClass = FlowbiteClass;

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

@@ -1,8 +1,19 @@
 import type { AccordionClass, AccordionProperties, AccordionTheme } from './accordion.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `AccordionTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_ACCORDION_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_ACCORDION_THEME_TOKEN: InjectionToken<AccordionTheme>;
 export declare class AccordionThemeService implements FlowbiteThemeService<AccordionProperties> {
     private readonly baseTheme;
     getClasses(properties: AccordionProperties): AccordionClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AccordionThemeService>;
 }

package/alert/alert.component.d.ts

@@ -5,13 +5,43 @@ import { IconRegistry } from 'flowbite-angular/icon';
 import type { OnInit, TemplateRef } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
+/**
+ * @see https://flowbite.com/docs/components/alerts/
+ */
 export declare class AlertComponent extends BaseComponent<AlertClass> implements OnInit {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: AlertThemeService;
+    /**
+     * `IcoRegistry` service
+     */
     readonly iconRegistry: IconRegistry;
+    /**
+     * `DomSanitizer` service
+     */
     readonly domSanitizer: DomSanitizer;
+    /**
+     * Set the indicator color
+     *
+     * @default primary
+     */
     color: import("@angular/core").ModelSignal<"primary" | "dark" | "blue" | "red" | "green" | "yellow">;
+    /**
+     * Set if the alert has border
+     *
+     * @default false
+     */
     hasBorder: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set if the alert has border accent
+     *
+     * @default false
+     */
     hasBorderAccent: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the custom style for this alert
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;
@@ -44,12 +74,35 @@ export declare class AlertComponent extends BaseComponent<AlertClass> implements
             } | undefined;
         } | undefined;
     }>;
+    /**
+     * Set the custom icon
+     *
+     * @default null
+     */
     icon: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
+    /**
+     * Set the additional content
+     *
+     * @default null
+     */
     additionalContent: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
+    /**
+     * Set if the alert is dismissable
+     *
+     * @default false
+     */
     isDismissable: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the function called when the alert is dismissed
+     *
+     * @default undefined
+     */
     onDismiss: import("@angular/core").ModelSignal<(() => void | undefined) | undefined>;
     fetchClass(): AlertClass;
     init(): void;
+    /**
+     * Call the onDismiss function if it's not undefined
+     */
     onDismissClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, 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/alert/alert.theme.d.ts

@@ -1,11 +1,20 @@
 import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
+/**
+ * Available colors for `AlertComponent`
+ */
 export type AlertColors = Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'>;
+/**
+ * Required properties for the class generation of `AlertComponent`
+ */
 export interface AlertProperties {
     color: keyof AlertColors;
     hasBorder: keyof FlowbiteBoolean;
     hasBorderAccent: keyof FlowbiteBoolean;
     customStyle: DeepPartial<AlertTheme>;
 }
+/**
+ * Theme definition for `AlertComponent`
+ */
 export interface AlertTheme {
     root: {
         base: string;
@@ -18,7 +27,13 @@ export interface AlertTheme {
         color: AlertColors;
     };
 }
+/**
+ * Default theme for `AlertComponent`
+ */
 export declare const alertTheme: AlertTheme;
+/**
+ * Generated class definition for `AlertComponent`
+ */
 export interface AlertClass extends FlowbiteClass {
     closeButtonClass: string;
 }

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

@@ -1,8 +1,19 @@
 import type { AlertClass, AlertProperties, AlertTheme } from './alert.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `AlertTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_ALERT_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_ALERT_THEME_TOKEN: InjectionToken<AlertTheme>;
 export declare class AlertThemeService implements FlowbiteThemeService<AlertProperties> {
     private readonly baseTheme;
     getClasses(properties: AlertProperties): AlertClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlertThemeService>;
 }

package/badge/badge.component.d.ts

@@ -7,12 +7,41 @@ import * as i0 from "@angular/core";
  * @see https://flowbite.com/docs/components/badge/
  */
 export declare class BadgeComponent extends BaseComponent<BadgeClass> {
+    /**
+     * Optional `FlowbiteRouterLinkDirective` injected
+     */
     readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: BadgeThemeService;
+    /**
+     * Set the badge color
+     *
+     * @default primary
+     */
     color: import("@angular/core").ModelSignal<keyof BadgeColors>;
+    /**
+     * Set the badge size
+     *
+     * @default xs
+     */
     size: import("@angular/core").ModelSignal<keyof BadgeSizes>;
+    /**
+     * Set if the badge is icon only
+     *
+     * @default false
+     */
     isIconOnly: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set if the badge is pill
+     *
+     * @default false
+     */
     isPill: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the custom style for this badge
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;

package/badge/badge.theme.d.ts

@@ -1,10 +1,19 @@
 import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors, FlowbiteSizes, RouterLinkParameter } from 'flowbite-angular';
+/**
+ * Available colors for `BadgeComponent`
+ */
 export interface BadgeColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink'> {
     [key: string]: string;
 }
+/**
+ * Available sizes for `BadgeComponent`
+ */
 export interface BadgeSizes extends Pick<FlowbiteSizes, 'xs' | 'sm'> {
     [key: string]: string;
 }
+/**
+ * Required properties for the class generation of `BadgeComponent`
+ */
 export interface BadgeProperties {
     color: keyof BadgeColors;
     size: keyof BadgeSizes;
@@ -13,6 +22,9 @@ export interface BadgeProperties {
     link: RouterLinkParameter;
     customStyle: DeepPartial<BadgeTheme>;
 }
+/**
+ * Theme definition for `BadgeComponent`
+ */
 export interface BadgeTheme {
     root: {
         base: string;
@@ -23,5 +35,11 @@ export interface BadgeTheme {
         link: FlowbiteBoolean;
     };
 }
+/**
+ * Default theme for `BadgeComponent`
+ */
 export declare const badgeTheme: BadgeTheme;
+/**
+ * Generated class definition for `BadgeComponent`
+ */
 export type BadgeClass = FlowbiteClass;

package/badge/badge.theme.service.d.ts

@@ -1,8 +1,19 @@
 import type { BadgeClass, BadgeProperties, BadgeTheme } from './badge.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `BadgeTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_BADGE_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_BADGE_THEME_TOKEN: InjectionToken<BadgeTheme>;
 export declare class BadgeThemeService implements FlowbiteThemeService<BadgeProperties> {
     private readonly baseTheme;
     getClasses(properties: BadgeProperties): BadgeClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BadgeThemeService>;
 }

package/base-component.directive.d.ts

@@ -3,12 +3,48 @@ import { Guid } from 'flowbite-angular/utils';
 import type { OnInit } from '@angular/core';
 import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Base abstract component.
+ * Every flowbite-angular components has to extends on this one.
+ */
 export declare abstract class BaseComponent<TClass extends FlowbiteClass> implements OnInit {
+    /**
+     * `Injector` instance injected to be used as an injector context where there is no default one.
+     *
+     * @example
+     * ```
+     * public ngOnInit(): void {
+     *   afterNextRender(
+     *      () => {},
+     *      { injector: this.injector }
+     *   );
+     * }
+     * ```
+     */
     readonly injector: Injector;
+    /**
+     * Auto generated GUID for each flowbite-angular component
+     *
+     * Its default value is 00000000-0000-0000-0000-000000000000, and is set to a random GUID inside the `afterNextRender` hook
+     */
     readonly flowbiteId: import("@angular/core").WritableSignal<Guid>;
+    /**
+     * Computed signal storing the component classes used in its template
+     */
     contentClasses: import("@angular/core").Signal<TClass>;
+    /**
+     * Initialize component.
+     *
+     * A call to verify and init function is done. Then a new Guid is set in the `afterNextRender` hook.
+     */
     ngOnInit(): void;
+    /**
+     * Function loaded during `OnInit` lifecycle hook. It initialize requirments for the component.
+     */
     init(): void;
+    /**
+     * Function loaded during the `OnInit` lifecycle hook. It ensure that required initialization is done.
+     */
     verify(): void;
     /**
      * Function to load component's classes

package/breadcrumb/breadcrumb-item.component.d.ts

@@ -8,13 +8,39 @@ import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
 import type { OnInit } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
+/**
+ * @see https://flowbite.com/docs/components/breadcrumb/
+ */
 export declare class BreadcrumbItemComponent extends BaseComponent<BreadcrumbItemClass> implements OnInit {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: BreadcrumbItemThemeService;
+    /**
+     * The parent `BreadcrumbComponent`
+     */
     readonly breadcrumbComponent: BreadcrumbComponent;
+    /**
+     * Optional `FlowbiteRouterLinkDirective` injected
+     */
     readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
+    /**
+     * `IconRegistry` service
+     */
     readonly iconRegistry: IconRegistry;
+    /**
+     * `DomSanitizer` service
+     */
     readonly domSanitizer: DomSanitizer;
+    /**
+     * Set the breadcrumb item color
+     *
+     * @default `BreadcrumbComponent`'s color
+     */
     color: import("@angular/core").ModelSignal<keyof BreadcrumbColors>;
+    /**
+     * Set the custom style for this breadcrumb item
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;

package/breadcrumb/breadcrumb-item.theme.d.ts

@@ -1,11 +1,17 @@
 import type { BreadcrumbColors } from './breadcrumb.theme';
 import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
 import type { UrlTree } from '@angular/router';
+/**
+ * Required properties for the class generation of `BreadcrumbItemComponent`
+ */
 export interface BreadcrumbItemProperties {
     color: keyof BreadcrumbColors;
     link: UrlTree | null;
     customStyle: DeepPartial<BreadcrumbItemTheme>;
 }
+/**
+ * Theme definition for `BreadcrumbItemComponent`
+ */
 export interface BreadcrumbItemTheme {
     root: {
         base: string;
@@ -15,7 +21,13 @@ export interface BreadcrumbItemTheme {
         base: string;
     };
 }
+/**
+ * Default theme for `BreadcrumbItemComponent`
+ */
 export declare const breadcrumbItemTheme: BreadcrumbItemTheme;
+/**
+ * Generated class definition for `BreadcrumbItemComponent`
+ */
 export interface BreadcrumbItemClass extends FlowbiteClass {
     breadcrumbIconClass: string;
 }

package/breadcrumb/breadcrumb-item.theme.service.d.ts

@@ -1,8 +1,19 @@
 import type { BreadcrumbItemClass, BreadcrumbItemProperties, BreadcrumbItemTheme } from './breadcrumb-item.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `BreadcrumbItemTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN: InjectionToken<BreadcrumbItemTheme>;
 export declare class BreadcrumbItemThemeService implements FlowbiteThemeService<BreadcrumbItemProperties> {
     private readonly baseTheme;
     getClasses(properties: BreadcrumbItemProperties): BreadcrumbItemClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbItemThemeService>;
 }

package/breadcrumb/breadcrumb.component.d.ts

@@ -7,9 +7,23 @@ import * as i0 from "@angular/core";
  * @see https://flowbite.com/docs/components/breadcrumb/
  */
 export declare class BreadcrumbComponent extends BaseComponent<BreadcrumbClass> {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: BreadcrumbThemeService;
+    /**
+     * List of `BreadcrumbItemComponent`
+     */
     readonly breadcrumbItemChildren: import("@angular/core").Signal<readonly BreadcrumbItemComponent[]>;
+    /**
+     * Set the breacrumb color
+     *
+     * @default primary
+     */
     color: import("@angular/core").ModelSignal<keyof BreadcrumbColors>;
+    /**
+     * Set the custom style for this breadcrumb
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;

package/breadcrumb/breadcrumb.theme.d.ts

@@ -1,14 +1,29 @@
 import type { DeepPartial, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
+/**
+ * Available colors for `BreadcrumbComponent`
+ */
 export interface BreadcrumbColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'> {
     [key: string]: string;
 }
+/**
+ * Required properties for the class generation of `BreadcrumbComponent`
+ */
 export interface BreadcrumbProperties {
     customStyle: DeepPartial<BreadcrumbTheme>;
 }
+/**
+ * Theme definition for `BreadcrumbComponent`
+ */
 export interface BreadcrumbTheme {
     root: {
         base: string;
     };
 }
+/**
+ * Default theme for `BreadcrumbComponent`
+ */
 export declare const breadcrumbTheme: BreadcrumbTheme;
+/**
+ * Generated class definition for `BreadcrumbComponent`
+ */
 export type BreadcrumbClass = FlowbiteClass;

package/breadcrumb/breadcrumb.theme.service.d.ts

@@ -1,8 +1,19 @@
 import type { BreadcrumbClass, BreadcrumbProperties, BreadcrumbTheme } from './breadcrumb.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `BreadcrumbTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_BREADCRUMB_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_BREADCRUMB_THEME_TOKEN: InjectionToken<BreadcrumbTheme>;
 export declare class BreadcrumbThemeService implements FlowbiteThemeService<BreadcrumbProperties> {
     private readonly baseTheme;
     getClasses(properties: BreadcrumbProperties): BreadcrumbClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbThemeService>;
 }

package/button/button.component.d.ts

@@ -6,14 +6,55 @@ import * as i0 from "@angular/core";
  * @see https://flowbite.com/docs/components/buttons/
  */
 export declare class ButtonComponent extends BaseComponent<ButtonClass> {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: ButtonThemeService;
+    /**
+     * Set the button color
+     *
+     * @default primary
+     */
     color: import("@angular/core").ModelSignal<keyof ButtonColors>;
+    /**
+     * Set the button size
+     *
+     * @default md
+     */
     size: import("@angular/core").ModelSignal<keyof ButtonSizes>;
+    /**
+     * Set if the button is pill
+     *
+     * @default false
+     */
     isPill: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the button fill
+     *
+     * @default solid
+     */
     fill: import("@angular/core").ModelSignal<keyof ButtonFill>;
+    /**
+     * Set if the button is disabled
+     *
+     * @default false
+     */
     isDisabled: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the button gradient monochrome
+     *
+     * @default undefined
+     */
     gradientMonochrome: import("@angular/core").ModelSignal<keyof ButtonMonochromeColors | undefined>;
+    /**
+     * Set the button gradient duotone
+     *
+     * @default undefined
+     */
     gradientDuoTone: import("@angular/core").ModelSignal<"purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined>;
+    /**
+     * Set the custom style for this button
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: {