flowbite-angular 1.0.0-alpha.2 → 1.0.0-alpha.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Themesberg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,376 @@
+<div align="center">
+  <h1>:construction: flowbite-angular (unreleased) :construction:</h1>
+  <p>
+    <a href="https://flowbite.com">
+      <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github.png">
+    </a>
+  </p>
+  <p>
+    Build websites even faster with components on top of Angular and Tailwind CSS
+  </p>
+  <p>
+    <a href="https://discord.com/invite/4eeurUVvTy">
+      <img src="https://img.shields.io/discord/902911619032576090?color=%237289da&label=Discord" alt="Discord">
+    </a>
+    <a href="https://www.npmjs.com/package/flowbite-angular">
+      <img src="https://img.shields.io/npm/dt/flowbite-angular.svg" alt="Total Downloads">
+    </a>
+    <a href="https://badge.fury.io/js/flowbite-angular">
+      <img alt="Latest release" src="https://badge.fury.io/js/flowbite-angular.svg">
+    </a>
+    <a href="https://flowbite.com/docs/getting-started/license/">
+      <img src="https://img.shields.io/badge/license-MIT-blue" alt="License">
+    </a>
+  </p>
+</div>
+
+---
+
+**`flowbite-angular` is an open source collection of UI components, built in Angular, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.**
+
+## Table of Contents
+
+- [Documentation](#documentation)
+- [Getting started](#getting-started)
+- [Components](#components)
+- [Community](#community)
+- [Contributing](#contributing)
+- [Figma](#figma)
+- [Copyright and license](#copyright-and-license)
+
+## Documentation
+
+Documentation for `flowbite-angular` is not yet finished.
+
+If you want to browse the components, visit [flowbite-angular.com](https://flowbite-angular.com/).
+
+If you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/docs/getting-started/introduction/).
+
+## Getting started
+
+To use `flowbite-angular`, you just need to setup `flowbite` normally and install `flowbite-angular` from `npm`.
+
+`flowbite` can be included as a plugin into an existing Tailwind CSS project.
+
+### Require via `npm`
+
+Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" >Node.js</a> and <a href="https://tailwindcss.com/" rel="nofollow" >Tailwind CSS</a> installed.
+
+1. Install `flowbite` as a dependency using `npm` by running the following command:
+
+```bash
+npm i flowbite flowbite-angular
+```
+
+2. Require `flowbite` as a plugin inside the `tailwind.config.js` file:
+
+```javascript
+module.exports = {
+  plugins: [require('flowbite/plugin')],
+};
+```
+
+## Components
+
+<table>
+  <tr>
+    <td width="33.3333%">Alerts</td>
+    <td width="33.3333%">Badges</td>
+    <td width="33.3333%">:construction: Breadcrumbs</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/alerts/">
+            <img alt="Tailwind CSS Alerts" src="https://flowbite.s3.amazonaws.com/github/alerts.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/badges/">
+            <img alt="Tailwind CSS Badge" src="https://flowbite.s3.amazonaws.com/github/badge.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/breadcrumb/">
+            <img alt="Tailwind CSS Breadcrumbs" src="https://flowbite.s3.amazonaws.com/github/breadcrumbs.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Buttons</td>
+    <td width="33.3333%">:construction: Button group</td>
+    <td width="33.3333%">:construction: Cards</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/buttons/">
+            <img alt="Tailwind CSS Buttons" src="https://flowbite.s3.amazonaws.com/github/buttons.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/button-group/">
+            <img alt="Tailwind CSS Button Group" src="https://flowbite.s3.amazonaws.com/github/button-group.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/card/">
+            <img alt="Tailwind CSS Cards" src="https://flowbite.s3.amazonaws.com/github/cards.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Dropdown</td>
+    <td width="33.3333%">:construction: Forms</td>
+    <td width="33.3333%">:construction: List group</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/dropdown/">
+            <img alt="Tailwind CSS Dropdown" src="https://flowbite.s3.amazonaws.com/github/dropdown.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/forms/">
+            <img alt="Tailwind CSS Forms" src="https://flowbite.s3.amazonaws.com/github/forms.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/list-group/">
+            <img alt="Tailwind CSS List group" src="https://flowbite.s3.amazonaws.com/github/list-group.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Typography</td>
+    <td width="33.3333%">:construction: Modal</td>
+    <td width="33.3333%">:construction: Tabs</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/typography/">
+            <img alt="Tailwind CSS Typography" src="https://flowbite.s3.amazonaws.com/github/typography.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/modal/">
+            <img alt="Tailwind CSS Modal" src="https://flowbite.s3.amazonaws.com/github/modal.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/tabs/">
+            <img alt="Tailwind CSS Tabs" src="https://flowbite.s3.amazonaws.com/github/tabs.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Navbar</td>
+    <td width="33.3333%">:construction: Pagination</td>
+    <td width="33.3333%">:construction: Timeline</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/navbars/">
+            <img alt="Tailwind CSS Navbar" src="https://flowbite.s3.amazonaws.com/github/navbar.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/pagination/">
+            <img alt="Tailwind CSS Pagination" src="https://flowbite.s3.amazonaws.com/github/pagination.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/timeline/">
+            <img alt="Tailwind CSS Timeline" src="https://flowbite.s3.amazonaws.com/github/timeline.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Progress bar</td>
+    <td width="33.3333%">:construction: Tables</td>
+    <td width="33.3333%">:construction: Toast</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/progress/">
+            <img alt="Tailwind CSS Progress Bar" src="https://flowbite.s3.amazonaws.com/github/progress.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/tables/">
+            <img alt="Tailwind CSS Tables" src="https://flowbite.s3.amazonaws.com/github/tables.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/toast/">
+            <img alt="Tailwind CSS Toast" src="https://flowbite.s3.amazonaws.com/github/toast.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Tooltips</td>
+    <td width="33.3333%">:construction: Datepicker</td>
+    <td width="33.3333%">:construction: Spinner</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/tooltips/">
+            <img alt="Tailwind CSS Tooltips" src="https://flowbite.s3.amazonaws.com/github/tooltips.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/plugins/datepicker/">
+            <img alt="Tailwind CSS Datepicker" src="https://flowbite.s3.amazonaws.com/github/datepicker.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/spinner/">
+            <img alt="Tailwind CSS Spinner" src="https://flowbite.s3.amazonaws.com/github/spinner.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Footer</td>
+    <td width="33.3333%">:construction: Accordion</td>
+    <td width="33.3333%">:construction: Sidebar</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/footer/">
+            <img alt="Tailwind CSS Footer" src="https://flowbite.s3.amazonaws.com/github/footer.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/accordion/">
+            <img alt="Tailwind CSS Accordion" src="https://flowbite.s3.amazonaws.com/github/accordion.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/sidebar/">
+            <img alt="Tailwind CSS Sidebar" src="https://flowbite.s3.amazonaws.com/github/sidebar.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Carousel</td>
+    <td width="33.3333%">:construction: Avatar</td>
+    <td width="33.3333%">:construction: Rating</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/carousel/">
+            <img alt="Tailwind CSS Carousel" src="https://flowbite.s3.amazonaws.com/github/carousel.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/avatar/">
+            <img alt="Tailwind CSS Avatar" src="https://flowbite.s3.amazonaws.com/github/avatar.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/rating/">
+            <img alt="Tailwind CSS Rating" src="https://flowbite.s3.amazonaws.com/github/rating.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Input Field</td>
+    <td width="33.3333%">:construction: File Input</td>
+    <td width="33.3333%">:construction: Search Input</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/input-field/">
+            <img alt="Tailwind CSS Input Field" src="https://flowbite.s3.amazonaws.com/github/input-field.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/file-input/">
+            <img alt="Tailwind CSS File Input" src="https://flowbite.s3.amazonaws.com/github/file-input.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/search-input/">
+            <img alt="Tailwind CSS Search Input" src="https://flowbite.s3.amazonaws.com/github/search-input.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Select</td>
+    <td width="33.3333%">:construction: Textarea</td>
+    <td width="33.3333%">:construction: Checkbox</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/select/">
+            <img alt="Tailwind CSS Select" src="https://flowbite.s3.amazonaws.com/github/select.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/textarea/">
+            <img alt="Tailwind CSS Textarea" src="https://flowbite.s3.amazonaws.com/github/textarea.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/checkbox/">
+            <img alt="Tailwind CSS Checkbox" src="https://flowbite.s3.amazonaws.com/github/checkbox.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Radio</td>
+    <td width="33.3333%">:construction: Toggle</td>
+    <td width="33.3333%">:construction: Range Slider</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/radio/">
+            <img alt="Tailwind CSS Radio" src="https://flowbite.s3.amazonaws.com/github/radio.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/toggle/">
+            <img alt="Tailwind CSS Toggle" src="https://flowbite.s3.amazonaws.com/github/toggle.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/range/">
+            <img alt="Tailwind CSS Range Slider" src="https://flowbite.s3.amazonaws.com/github/range-slider.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Floating Label</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/floating-label/">
+            <img alt="Tailwind CSS Floating Label" src="https://flowbite.s3.amazonaws.com/github/floating-label.jpg">
+        </a>
+    </td>
+  </tr>
+</table>
+
+## Community
+
+If you need help or just want to discuss the library join the community on GitHub:
+
+⌨️ [Discuss Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions)
+
+For casual chatting with others using the library:
+
+💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)
+
+## Contributing
+
+Thank you for your interest in helping! Visit our [guide on contributing](https://github.com/themesberg/flowbite-angular/blob/main/CONTRIBUTING.md) to get started.
+
+## Figma
+
+If you need the Figma files for the components you can check out our website for more information:
+
+🎨 [Get access to the Figma design files](https://flowbite.com/figma/)
+
+## Copyright and license
+
+The Flowbite name and logos are trademarks of Crafty Dwarf Inc.
+
+📝 [Read about the licensing terms](https://flowbite.com/docs/getting-started/license/)

package/accordion/README.md

@@ -0,0 +1,3 @@
+# flowbite-angular/accordion
+
+Secondary entry point of `flowbite-angular`. It can be used by importing from `flowbite-angular/accordion`.

package/{lib/components/accordion → accordion}/accordion-content.component.d.ts

@@ -1,8 +1,8 @@
-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 { BaseComponent } from 'flowbite-angular';
 import * as i0 from "@angular/core";
 export declare class AccordionContentComponent extends BaseComponent<AccordionContentClass> {
     readonly themeService: AccordionContentThemeService;

package/{lib/components/accordion → accordion}/accordion-content.theme.d.ts

@@ -1,5 +1,5 @@
-import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from '../../common';
 import type { AccordionColors } from './accordion.theme';
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
 export interface AccordionContentProperties {
     color: keyof AccordionColors;
     isOpen: keyof FlowbiteBoolean;

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

@@ -1,5 +1,5 @@
-import type { FlowbiteThemeService } from '../../services';
 import type { AccordionContentClass, AccordionContentProperties, AccordionContentTheme } from './accordion-content.theme';
+import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
 export declare const FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN: InjectionToken<AccordionContentTheme>;
 export declare class AccordionContentThemeService implements FlowbiteThemeService<AccordionContentProperties> {

package/{lib/components/accordion → accordion}/accordion-panel.component.d.ts

@@ -1,10 +1,10 @@
-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 { BaseComponent } from 'flowbite-angular';
 import type { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AccordionPanelComponent extends BaseComponent<AccordionPanelClass> implements OnInit {

package/{lib/components/accordion → accordion}/accordion-panel.theme.d.ts

@@ -1,4 +1,4 @@
-import type { DeepPartial, FlowbiteClass } from '../../common';
+import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
 export interface AccordionPanelProperties {
     customStyle: DeepPartial<AccordionPanelTheme>;
 }

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

@@ -1,6 +1,6 @@
-import type { FlowbiteThemeService } from '../../services';
 import type { AccordionPanelProperties, AccordionPanelTheme } from './accordion-panel.theme';
 import type { AccordionClass } from './accordion.theme';
+import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
 export declare const FLOWBITE_ACCORDION_PANEL_THEME_TOKEN: InjectionToken<AccordionPanelTheme>;
 export declare class AccordionPanelThemeService implements FlowbiteThemeService<AccordionPanelProperties> {

package/{lib/components/accordion → accordion}/accordion-title.component.d.ts

@@ -1,9 +1,9 @@
-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 { BaseComponent } from 'flowbite-angular';
+import { IconRegistry } from 'flowbite-angular/icon';
 import type { OnInit } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";

package/{lib/components/accordion → accordion}/accordion-title.theme.d.ts

@@ -1,6 +1,5 @@
-import type { FlowbiteBoolean, FlowbiteClass } from '../../common';
-import type { DeepPartial } from '../../common/type-definitions/flowbite.deep-partial';
 import type { AccordionColors } from './accordion.theme';
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
 export interface AccordionTitleProperties {
     color: keyof AccordionColors;
     isOpen: keyof FlowbiteBoolean;

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

@@ -1,5 +1,5 @@
-import type { FlowbiteThemeService } from '../../services';
 import type { AccordionTitleClass, AccordionTitleProperties, AccordionTitleTheme } from './accordion-title.theme';
+import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
 export declare const FLOWBITE_ACCORDION_TITLE_THEME_TOKEN: InjectionToken<AccordionTitleTheme>;
 export declare class AccordionTitleThemeService implements FlowbiteThemeService<AccordionTitleProperties> {

package/{lib/components/accordion → accordion}/accordion.component.d.ts

@@ -1,7 +1,7 @@
-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 { BaseComponent } from 'flowbite-angular';
 import * as i0 from "@angular/core";
 export declare class AccordionComponent extends BaseComponent<AccordionClass> {
     readonly themeService: AccordionThemeService;

package/{lib/components/accordion → accordion}/accordion.theme.d.ts

@@ -1,7 +1,4 @@
-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';
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
 export interface AccordionColors extends Pick<FlowbiteColors, 'primary' | 'light' | 'blue' | 'red' | 'green' | 'yellow'> {
     [key: string]: string;
 }

package/{lib/components/accordion → accordion}/accordion.theme.service.d.ts

@@ -1,5 +1,5 @@
-import type { FlowbiteThemeService } from '../../services';
 import type { AccordionClass, AccordionProperties, AccordionTheme } from './accordion.theme';
+import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
 export declare const FLOWBITE_ACCORDION_THEME_TOKEN: InjectionToken<AccordionTheme>;
 export declare class AccordionThemeService implements FlowbiteThemeService<AccordionProperties> {

package/alert/README.md

@@ -0,0 +1,3 @@
+# flowbite-angular/alert
+
+Secondary entry point of `flowbite-angular`. It can be used by importing from `flowbite-angular/alert`.

package/{lib/components/alert → alert}/alert.component.d.ts

@@ -1,7 +1,7 @@
-import { BaseComponent } from '../base-component.directive';
-import { IconRegistry } from '../icon';
 import type { AlertClass } from './alert.theme';
 import { AlertThemeService } from './alert.theme.service';
+import { BaseComponent } from 'flowbite-angular';
+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";
@@ -9,7 +9,7 @@ export declare class AlertComponent extends BaseComponent<AlertClass> implements
     readonly themeService: AlertThemeService;
     readonly iconRegistry: IconRegistry;
     readonly domSanitizer: DomSanitizer;
-    color: import("@angular/core").ModelSignal<"primary" | "blue" | "red" | "green" | "yellow" | "dark">;
+    color: import("@angular/core").ModelSignal<"primary" | "dark" | "blue" | "red" | "green" | "yellow">;
     hasBorder: import("@angular/core").ModelSignal<boolean>;
     hasBorderAccent: import("@angular/core").ModelSignal<boolean>;
     customStyle: import("@angular/core").ModelSignal<{
@@ -17,11 +17,11 @@ export declare class AlertComponent extends BaseComponent<AlertClass> implements
             base?: string | undefined;
             color?: {
                 primary?: string | undefined;
+                dark?: string | undefined;
                 blue?: string | undefined;
                 red?: string | undefined;
                 green?: string | undefined;
                 yellow?: string | undefined;
-                dark?: string | undefined;
             } | undefined;
             hasBorder?: {
                 enabled?: string | undefined;
@@ -36,11 +36,11 @@ export declare class AlertComponent extends BaseComponent<AlertClass> implements
             base?: string | undefined;
             color?: {
                 primary?: string | undefined;
+                dark?: string | undefined;
                 blue?: string | undefined;
                 red?: string | undefined;
                 green?: string | undefined;
                 yellow?: string | undefined;
-                dark?: string | undefined;
             } | undefined;
         } | undefined;
     }>;

package/{lib/components/alert → alert}/alert.theme.d.ts

@@ -1,7 +1,4 @@
-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';
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
 export type AlertColors = Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'>;
 export interface AlertProperties {
     color: keyof AlertColors;

package/{lib/components/alert → alert}/alert.theme.service.d.ts

@@ -1,5 +1,5 @@
-import type { FlowbiteThemeService } from '../../services/flowbite.theme.service';
 import type { AlertClass, AlertProperties, AlertTheme } from './alert.theme';
+import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
 export declare const FLOWBITE_ALERT_THEME_TOKEN: InjectionToken<AlertTheme>;
 export declare class AlertThemeService implements FlowbiteThemeService<AlertProperties> {

package/badge/README.md

@@ -0,0 +1,3 @@
+# flowbite-angular/badge
+
+Secondary entry point of `flowbite-angular`. It can be used by importing from `flowbite-angular/badge`.

package/{lib/components/badge → badge}/badge.component.d.ts

@@ -1,7 +1,7 @@
-import { FlowbiteRouterLinkDirective } from '../../directives/flowbite-router-link.directive';
-import { BaseComponent } from '../base-component.directive';
 import type { BadgeClass, BadgeColors, BadgeSizes } from './badge.theme';
 import { BadgeThemeService } from './badge.theme.service';
+import { BaseComponent } from 'flowbite-angular';
+import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
 import * as i0 from "@angular/core";
 /**
  * @see https://flowbite.com/docs/components/badge/
@@ -19,14 +19,14 @@ export declare class BadgeComponent extends BaseComponent<BadgeClass> {
             color?: {
                 [x: string]: string | undefined;
                 primary?: string | undefined;
+                dark?: string | undefined;
                 blue?: string | undefined;
                 red?: string | undefined;
                 green?: string | undefined;
                 yellow?: string | undefined;
-                dark?: string | undefined;
                 indigo?: string | undefined;
-                pink?: string | undefined;
                 purple?: string | undefined;
+                pink?: string | undefined;
             } | undefined;
             size?: {
                 [x: string]: string | undefined;

package/{lib/components/badge → badge}/badge.theme.d.ts

@@ -1,9 +1,4 @@
-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';
-import type { RouterLinkParameter } from '../../common/type-definitions/flowbite.router-link-parameter';
-import type { FlowbiteSizes } from '../../common/type-definitions/flowbite.sizes';
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors, FlowbiteSizes, RouterLinkParameter } from 'flowbite-angular';
 export interface BadgeColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink'> {
     [key: string]: string;
 }

package/{lib/components/badge → badge}/badge.theme.service.d.ts

@@ -1,5 +1,5 @@
-import type { FlowbiteThemeService } from '../../services';
 import type { BadgeClass, BadgeProperties, BadgeTheme } from './badge.theme';
+import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
 export declare const FLOWBITE_BADGE_THEME_TOKEN: InjectionToken<BadgeTheme>;
 export declare class BadgeThemeService implements FlowbiteThemeService<BadgeProperties> {