fix(type): Generate FlowbiteTheme.d.ts to builds (#182)

* fix(type): Add missing types to `FlowbiteTheme`

`BadgeColors`, `BadgeSizes`, `ButtonOutlineColors`
disappeared after all the PRs adding theme support
got merged.

* fix(type): Generate `FlowbiteTheme.d.ts` to builds

Files suffixed with `.d.ts` are not added to the
build files generated during `yarn build:lib`. But
that prevents users from being able to explore the
interface, or get autocomplete suggestions in their
editor.

src/lib/components/Badge/index.tsx

@@ -16,7 +16,7 @@ export interface BadgeColors
   [key: string]: string;
 }
 
-export interface BadgeSizes extends FlowbiteSizes {
+export interface BadgeSizes extends Pick<FlowbiteSizes, 'xs' | 'sm'> {
   [key: string]: string;
 }
 

src/lib/components/Button/index.tsx

@@ -35,6 +35,10 @@ export interface ButtonGradientDuoToneColors extends FlowbiteGradientDuoToneColo
   [key: string]: string;
 }
 
+export interface ButtonOutlineColors extends Pick<FlowbiteColors, 'gray'> {
+  [key: string]: string;
+}
+
 export interface ButtonSizes extends FlowbiteSizes {
   [key: string]: string;
 }

src/lib/components/Flowbite/FlowbiteTheme.d.ts → src/lib/components/Flowbite/FlowbiteTheme.ts

@@ -1,8 +1,11 @@
 import type { AlertColors } from '../Alert';
 import type { AvatarSizes } from '../Avatar';
+import type { BadgeColors, BadgeSizes } from '../Badge';
 import type { SpinnerColors, SpinnerSizes } from '../Spinner';
-import type { ButtonColors, ButtonOutlineColors, ButtonSizes, PositionInButtonGroup } from '../Button';
+import type { ButtonColors, ButtonOutlineColors, ButtonSizes } from '../Button';
 import type { ButtonGradientColors, ButtonGradientDuoToneColors } from '../Button';
+import type { DeepPartial } from '../../helpers/deep-partial';
+import type { PositionInButtonGroup } from '../Button/ButtonGroup';
 
 export type CustomFlowbiteTheme = DeepPartial<FlowbiteTheme>;
 
@@ -59,7 +62,7 @@ export interface FlowbiteTheme {
   };
   badge: {
     base: string;
-    color: Colors;
+    color: BadgeColors;
     href: string;
     icon: {
       off: string;