flowbite-svelte 0.46.19 → 0.46.21

package/dist/bottom-navigation/BottomNav.svelte.d.ts

@@ -1,6 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 export type BottomNavType = {
     activeClass: string;
+    btnClass?: string;
+    spanClass?: string;
 };
 import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {

package/dist/bottom-navigation/BottomNavItem.svelte

@@ -15,12 +15,12 @@ activeUrlStore.subscribe((value) => {
 });
 $: active = navUrl && exact ? href === navUrl : navUrl ? navUrl.startsWith(href) : false;
 const btnClasses = {
-  default: "inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group",
-  border: "inline-flex flex-col items-center justify-center px-5 border-gray-200 border-x hover:bg-gray-50 dark:hover:bg-gray-800 group dark:border-gray-600",
+  default: "inline-flex flex-col items-center justify-center px-5 text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 group",
+  border: "inline-flex flex-col items-center justify-center px-5 border-gray-200 border-x text-gray-500 dark:text-gray-400  hover:bg-gray-50 dark:hover:bg-gray-800 group dark:border-gray-600",
   application: "",
-  pagination: "inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group",
-  group: "inline-flex flex-col items-center justify-center p-4 hover:bg-gray-50 dark:hover:bg-gray-800 group",
-  card: "inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group",
+  pagination: "inline-flex flex-col items-center justify-center px-5 text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 group",
+  group: "inline-flex flex-col items-center justify-center p-4 text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 group",
+  card: "inline-flex flex-col items-center justify-center px-5 text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 group",
   meeting: "",
   video: ""
 };
@@ -57,7 +57,7 @@ $: spanCls = twMerge(spanClasses[navType], active && (activeClass ?? context.act
 @prop export let btnName: $$Props['btnName'] = '';
 @prop export let appBtnPosition: NonNullable<$$Props['appBtnPosition']> = 'middle';
 @prop export let activeClass: $$Props['activeClass'] = undefined;
-@prop export let href: NonNullable<$$Props['href']> = '';
+@prop export let href: string = '';
 @prop export let exact: $$Props['exact'] = true;
 @prop export let spanClass: $$Props['spanClass'] = '';
 -->

package/dist/bottom-navigation/BottomNavItem.svelte.d.ts

@@ -1,14 +1,23 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
+import type { HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    props: ({
         btnName?: string;
         appBtnPosition?: "left" | "middle" | "right";
         activeClass?: string;
-        href?: string;
         exact?: boolean;
         spanClass?: string;
-    };
+    } & Omit<HTMLAnchorAttributes, "type"> & {
+        href?: string | undefined;
+    }) | ({
+        btnName?: string;
+        appBtnPosition?: "left" | "middle" | "right";
+        activeClass?: string;
+        exact?: boolean;
+        spanClass?: string;
+    } & HTMLButtonAttributes & {
+        disabled?: HTMLButtonAttributes["disabled"];
+    });
     events: {
         click: MouseEvent;
         change: Event;
@@ -34,7 +43,7 @@ export type BottomNavItemSlots = typeof __propDef.slots;
  * @prop export let btnName: $$Props['btnName'] = '';
  * @prop export let appBtnPosition: NonNullable<$$Props['appBtnPosition']> = 'middle';
  * @prop export let activeClass: $$Props['activeClass'] = undefined;
- * @prop export let href: NonNullable<$$Props['href']> = '';
+ * @prop export let href: string = '';
  * @prop export let exact: $$Props['exact'] = true;
  * @prop export let spanClass: $$Props['spanClass'] = '';
  */

package/dist/buttons/Button.svelte

@@ -124,11 +124,11 @@ $: buttonClass = twMerge(
 @prop export let pill: $$Props['pill'] = false;
 @prop export let outline: $$Props['outline'] = false;
 @prop export let size: NonNullable<$$Props['size']> = group ? 'sm' : 'md';
-@prop export let href: $$Props['href'] = undefined;
-@prop export let type: $$Props['type'] = 'button';
+@prop export let href: string | undefined = undefined;
+@prop export let type: HTMLButtonAttributes['type'] = 'button';
 @prop export let color: NonNullable<$$Props['color']> = group ? (outline ? 'dark' : 'alternative') : 'primary';
 @prop export let shadow: $$Props['shadow'] = false;
 @prop export let tag: $$Props['tag'] = 'button';
 @prop export let checked: $$Props['checked'] = undefined;
-@prop export let disabled: $$Props['disabled'] = false;
+@prop export let disabled: HTMLButtonAttributes['disabled'] = false;
 -->

package/dist/buttons/Button.svelte.d.ts

@@ -1,21 +1,28 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLButtonAttributes, HTMLAttributes } from 'svelte/elements';
+import type { HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    props: ({
         pill?: boolean;
         outline?: boolean;
         size?: "xs" | "sm" | "md" | "lg" | "xl";
-        href?: string;
-        type?: HTMLButtonAttributes["type"];
         color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
         shadow?: boolean;
-        tag?: string;
+        tag?: "a" | "button";
         checked?: boolean;
-        disabled?: boolean;
-        target?: string;
-        rel?: string;
-        name?: string;
-    };
+    } & Omit<HTMLAnchorAttributes, "type"> & {
+        href?: string | undefined;
+    }) | ({
+        pill?: boolean;
+        outline?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
+        shadow?: boolean;
+        tag?: "a" | "button";
+        checked?: boolean;
+    } & HTMLButtonAttributes & {
+        disabled?: HTMLButtonAttributes["disabled"];
+        type?: HTMLButtonAttributes["type"];
+    });
     events: {
         click: MouseEvent;
         change: Event;
@@ -33,7 +40,8 @@ declare const __propDef: {
         default: {};
     };
 };
-export type ButtonProps = typeof __propDef.props;
+type ButtonProps_ = typeof __propDef.props;
+export { ButtonProps_ as ButtonProps };
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
 /**
@@ -42,14 +50,13 @@ export type ButtonSlots = typeof __propDef.slots;
  * @prop export let pill: $$Props['pill'] = false;
  * @prop export let outline: $$Props['outline'] = false;
  * @prop export let size: NonNullable<$$Props['size']> = group ? 'sm' : 'md';
- * @prop export let href: $$Props['href'] = undefined;
- * @prop export let type: $$Props['type'] = 'button';
+ * @prop export let href: string | undefined = undefined;
+ * @prop export let type: HTMLButtonAttributes['type'] = 'button';
  * @prop export let color: NonNullable<$$Props['color']> = group ? (outline ? 'dark' : 'alternative') : 'primary';
  * @prop export let shadow: $$Props['shadow'] = false;
  * @prop export let tag: $$Props['tag'] = 'button';
  * @prop export let checked: $$Props['checked'] = undefined;
- * @prop export let disabled: $$Props['disabled'] = false;
+ * @prop export let disabled: HTMLButtonAttributes['disabled'] = false;
  */
-export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
+export default class Button extends SvelteComponentTyped<ButtonProps_, ButtonEvents, ButtonSlots> {
 }
-export {};

package/dist/buttons/GradientButton.svelte

@@ -1,5 +1,6 @@
 <script>import { twMerge } from "tailwind-merge";
 import Button from "./Button.svelte";
+import ButtonProps from "./Button.svelte";
 import { getContext } from "svelte";
 const group = getContext("group");
 export let color = "blue";

package/dist/buttons/GradientButton.svelte.d.ts

@@ -1,20 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+import Button from './Button.svelte';
 declare const __propDef: {
-    props: Omit<import("svelte/elements").HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-        pill?: boolean;
-        outline?: boolean;
-        size?: "xs" | "sm" | "md" | "lg" | "xl";
-        href?: string;
-        type?: import("svelte/elements").HTMLButtonAttributes["type"];
-        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
-        shadow?: boolean;
-        tag?: string;
-        checked?: boolean;
-        disabled?: boolean;
-        target?: string;
-        rel?: string;
-        name?: string;
-    }, "color"> & {
+    props: Omit<Button, "color"> & {
         color?: "red" | "green" | "purple" | "pink" | "blue" | "teal" | "cyan" | "lime" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow";
         shadow?: boolean;
     };

package/dist/charts/Chart.svelte

@@ -1,23 +1,28 @@
-<script>export let options;
-export let chart;
+<script>import { onMount } from "svelte";
+export let options;
+let chart;
 function initChart(node, options2) {
   async function asyncInitChart() {
     const ApexChartsModule = await import("apexcharts");
-    const ApexCharts = (await import("apexcharts")).default;
+    const ApexCharts = ApexChartsModule.default;
     chart = new ApexCharts(node, options2);
-    chart.render();
     await chart.render();
   }
   asyncInitChart();
   return {
     update(options3) {
-      chart && chart.updateOptions(options3);
+      chart?.updateOptions(options3);
     },
     destroy() {
-      chart && chart.destroy();
+      chart?.destroy();
     }
   };
 }
+onMount(() => {
+  return () => {
+    chart?.destroy();
+  };
+});
 </script>
 
 <div use:initChart={options} class={$$props.class}></div>
@@ -27,5 +32,4 @@ function initChart(node, options2) {
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let options: ApexOptions;
-@prop export let chart: ApexCharts | undefined;
 -->

package/dist/charts/Chart.svelte.d.ts

@@ -2,9 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 import type { ApexOptions } from 'apexcharts';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         options: ApexOptions;
-        chart: ApexCharts | undefined;
+        class?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,7 +17,6 @@ export type ChartSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let options: ApexOptions;
- * @prop export let chart: ApexCharts | undefined;
  */
 export default class Chart extends SvelteComponentTyped<ChartProps, ChartEvents, ChartSlots> {
 }

package/dist/dropdown/Dropdown.svelte

@@ -4,8 +4,7 @@
 import Popper from "../utils/Popper.svelte";
 import { setContext } from "svelte";
 import { writable } from "svelte/store";
-const activeUrlStore = writable("");
-export let activeUrl = "";
+export let activeUrl = void 0;
 export let open = false;
 export let containerClass = "divide-y z-50";
 export let classContainer = void 0;
@@ -21,9 +20,10 @@ export let placement = "bottom";
 export let color = "dropdown";
 export let shadow = true;
 export let rounded = true;
+const activeUrlStore = writable("");
 let activeCls = twMerge(activeClass, classActive);
 setContext("DropdownType", { activeClass: activeCls });
-$: activeUrlStore.set(activeUrl);
+$: activeUrlStore.set(activeUrl ?? "");
 setContext("activeUrl", activeUrlStore);
 $: containerCls = twMerge(containerClass, classContainer);
 $: headerCls = twMerge(headerClass, classHeader);
@@ -51,20 +51,20 @@ $: footerCls = twMerge(footerClass, classFooter);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let activeUrl: string = '';
-@prop export let open: boolean = false;
-@prop export let containerClass: string = 'divide-y z-50';
-@prop export let classContainer: string | undefined = undefined;
-@prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
-@prop export let classHeader: string | undefined = undefined;
-@prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
-@prop export let classFooter: string | undefined = undefined;
-@prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
-@prop export let classActive: string | undefined = undefined;
-@prop export let arrow: boolean = false;
-@prop export let trigger: 'hover' | 'click' | 'focus' = 'click';
-@prop export let placement: Placement = 'bottom';
-@prop export let color: FrameColor = 'dropdown';
-@prop export let shadow: boolean = true;
-@prop export let rounded: boolean = true;
+@prop export let activeUrl: $$Props['activeUrl'] = undefined;
+@prop export let open: $$Props['open'] = false;
+@prop export let containerClass: $$Props['containerClass'] = 'divide-y z-50';
+@prop export let classContainer: $$Props['classContainer'] = undefined;
+@prop export let headerClass: $$Props['headerClass'] = 'py-1 overflow-hidden rounded-t-lg';
+@prop export let classHeader: $$Props['classHeader'] = undefined;
+@prop export let footerClass: $$Props['footerClass'] = 'py-1 overflow-hidden rounded-b-lg';
+@prop export let classFooter: $$Props['classFooter'] = undefined;
+@prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
+@prop export let classActive: $$Props['classActive'] = undefined;
+@prop export let arrow: $$Props['arrow'] = false;
+@prop export let trigger: $$Props['trigger'] = 'click';
+@prop export let placement: $$Props['placement'] = 'bottom';
+@prop export let color: $$Props['color'] = 'dropdown';
+@prop export let shadow: $$Props['shadow'] = true;
+@prop export let rounded: $$Props['rounded'] = true;
 -->

package/dist/dropdown/Dropdown.svelte.d.ts

@@ -5,24 +5,48 @@ export type DropdownType = {
 import type { Placement } from '@floating-ui/dom';
 import type { FrameColor } from '../utils/Frame.svelte';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        activeUrl?: string | undefined;
-        open?: boolean | undefined;
-        containerClass?: string | undefined;
-        classContainer?: string | undefined;
-        headerClass?: string | undefined;
-        classHeader?: string | undefined;
-        footerClass?: string | undefined;
-        classFooter?: string | undefined;
-        activeClass?: string | undefined;
-        classActive?: string | undefined;
-        arrow?: boolean | undefined;
-        trigger?: ("hover" | "click" | "focus") | undefined;
-        placement?: Placement | undefined;
-        color?: FrameColor | undefined;
-        shadow?: boolean | undefined;
-        rounded?: boolean | undefined;
+    props: import("svelte/elements").HTMLAnchorAttributes & {
+        tag?: string;
+        color?: FrameColor;
+        rounded?: boolean;
+        border?: boolean;
+        shadow?: boolean;
+        node?: HTMLElement | undefined;
+        use?: import("svelte/action").Action<HTMLElement, any>;
+        options?: object;
+        class?: string;
+        role?: string;
+        open?: boolean;
+        transition?: (node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig;
+        params?: any;
+    } & {
+        activeContent?: boolean;
+        arrow?: boolean;
+        offset?: number;
+        placement?: Placement;
+        trigger?: "hover" | "click" | "focus";
+        triggeredBy?: string;
+        reference?: string;
+        strategy?: "absolute" | "fixed";
+        open?: boolean;
+        yOnly?: boolean;
+    } & {
+        activeUrl?: string;
+        open?: boolean;
+        containerClass?: string;
+        classContainer?: string;
+        headerClass?: string;
+        classHeader?: string;
+        footerClass?: string;
+        classFooter?: string;
+        activeClass?: string;
+        classActive?: string;
+        arrow?: boolean;
+        trigger?: "hover" | "click" | "focus";
+        placement?: Placement;
+        color?: FrameColor;
+        shadow?: boolean;
+        rounded?: boolean;
     };
     events: {
         show: CustomEvent<any>;
@@ -41,22 +65,22 @@ export type DropdownSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let activeUrl: string = '';
- * @prop export let open: boolean = false;
- * @prop export let containerClass: string = 'divide-y z-50';
- * @prop export let classContainer: string | undefined = undefined;
- * @prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
- * @prop export let classHeader: string | undefined = undefined;
- * @prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
- * @prop export let classFooter: string | undefined = undefined;
- * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
- * @prop export let classActive: string | undefined = undefined;
- * @prop export let arrow: boolean = false;
- * @prop export let trigger: 'hover' | 'click' | 'focus' = 'click';
- * @prop export let placement: Placement = 'bottom';
- * @prop export let color: FrameColor = 'dropdown';
- * @prop export let shadow: boolean = true;
- * @prop export let rounded: boolean = true;
+ * @prop export let activeUrl: $$Props['activeUrl'] = undefined;
+ * @prop export let open: $$Props['open'] = false;
+ * @prop export let containerClass: $$Props['containerClass'] = 'divide-y z-50';
+ * @prop export let classContainer: $$Props['classContainer'] = undefined;
+ * @prop export let headerClass: $$Props['headerClass'] = 'py-1 overflow-hidden rounded-t-lg';
+ * @prop export let classHeader: $$Props['classHeader'] = undefined;
+ * @prop export let footerClass: $$Props['footerClass'] = 'py-1 overflow-hidden rounded-b-lg';
+ * @prop export let classFooter: $$Props['classFooter'] = undefined;
+ * @prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
+ * @prop export let classActive: $$Props['classActive'] = undefined;
+ * @prop export let arrow: $$Props['arrow'] = false;
+ * @prop export let trigger: $$Props['trigger'] = 'click';
+ * @prop export let placement: $$Props['placement'] = 'bottom';
+ * @prop export let color: $$Props['color'] = 'dropdown';
+ * @prop export let shadow: $$Props['shadow'] = true;
+ * @prop export let rounded: $$Props['rounded'] = true;
  */
 export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }

package/dist/dropdown/DropdownDivider.svelte

@@ -8,5 +8,5 @@ export let divClass = "my-1 h-px bg-gray-100 dark:bg-gray-600";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+@prop export let divClass: $$Props['divClass'] = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
 -->

package/dist/dropdown/DropdownDivider.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type DropdownDividerSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+ * @prop export let divClass: $$Props['divClass'] = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
  */
 export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
 }

package/dist/dropdown/DropdownHeader.svelte

@@ -15,6 +15,6 @@ export let divider = true;
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
-@prop export let divider: boolean = true;
+@prop export let divClass: $$Props['divClass'] = 'py-2 px-4 text-gray-700 dark:text-white';
+@prop export let divider: $$Props['divider'] = true;
 -->

package/dist/dropdown/DropdownHeader.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        divider?: boolean | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divClass?: string;
+        divider?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,8 +18,8 @@ export type DropdownHeaderSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
- * @prop export let divider: boolean = true;
+ * @prop export let divClass: $$Props['divClass'] = 'py-2 px-4 text-gray-700 dark:text-white';
+ * @prop export let divider: $$Props['divider'] = true;
  */
 export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
 }

package/dist/dropdown/DropdownItem.svelte

@@ -28,8 +28,8 @@ function init(node) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
-@prop export let href: string | undefined = undefined;
-@prop export let activeClass: string | undefined = undefined;
+@prop export let defaultClass: $$Props['defaultClass'] = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+@prop export let href: $$Props['href'] = undefined;
+@prop export let activeClass: $$Props['activeClass'] = undefined;
 @prop export let active: boolean = false;
 -->

package/dist/dropdown/DropdownItem.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        defaultClass?: string | undefined;
-        href?: string | undefined;
-        activeClass?: string | undefined;
+    props: HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+        defaultClass?: string;
+        href?: string;
+        activeClass?: string;
     };
     events: {
         click: MouseEvent;
@@ -28,9 +28,9 @@ export type DropdownItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
- * @prop export let href: string | undefined = undefined;
- * @prop export let activeClass: string | undefined = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+ * @prop export let href: $$Props['href'] = undefined;
+ * @prop export let activeClass: $$Props['activeClass'] = undefined;
  * @prop export let active: boolean = false;
  */
 export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {

package/dist/footer/Footer.svelte

@@ -11,5 +11,5 @@ let footerClass = twMerge(footerType === "sitemap" && "bg-gray-800", footerType
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined = undefined;
+@prop export let footerType: $$Props['footerType'] = undefined;
 -->

package/dist/footer/Footer.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        footerType?: "sitemap" | "default" | "logo" | "socialmedia" | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        footerType?: "sitemap" | "default" | "logo" | "socialmedia";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type FooterSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined = undefined;
+ * @prop export let footerType: $$Props['footerType'] = undefined;
  */
 export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
 }

package/dist/footer/FooterBrand.svelte

@@ -6,7 +6,7 @@ export let href = "";
 export let src = "";
 export let alt = "";
 export let name = "";
-export let target = void 0;
+export let target = "";
 let aCls = twMerge(aClass, $$props.classA);
 let spanCls = twMerge(spanClass, $$props.classSpan);
 let imgCls = twMerge(imgClass, $$props.classImg);
@@ -26,12 +26,12 @@ let imgCls = twMerge(imgClass, $$props.classImg);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let aClass: string = 'flex items-center';
-@prop export let spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
-@prop export let imgClass: string = 'me-3 h-8';
-@prop export let href: string = '';
-@prop export let src: string = '';
-@prop export let alt: string = '';
-@prop export let name: string = '';
-@prop export let target: string | undefined = undefined;
+@prop export let aClass: $$Props['aClass'] = 'flex items-center';
+@prop export let spanClass: $$Props['spanClass'] = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+@prop export let imgClass: $$Props['imgClass'] = 'me-3 h-8';
+@prop export let href: $$Props['href'] = '';
+@prop export let src: $$Props['src'] = '';
+@prop export let alt: $$Props['alt'] = '';
+@prop export let name: $$Props['name'] = '';
+@prop export let target: $$Props['target'] = '';
 -->

package/dist/footer/FooterBrand.svelte.d.ts

@@ -1,15 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        aClass?: string | undefined;
-        spanClass?: string | undefined;
-        imgClass?: string | undefined;
-        href?: string | undefined;
-        src?: string | undefined;
-        alt?: string | undefined;
-        name?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        aClass?: string;
+        spanClass?: string;
+        imgClass?: string;
+        href?: string;
+        src?: string;
+        alt?: string;
+        name?: string;
+        target?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -24,14 +24,14 @@ export type FooterBrandSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let aClass: string = 'flex items-center';
- * @prop export let spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
- * @prop export let imgClass: string = 'me-3 h-8';
- * @prop export let href: string = '';
- * @prop export let src: string = '';
- * @prop export let alt: string = '';
- * @prop export let name: string = '';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let aClass: $$Props['aClass'] = 'flex items-center';
+ * @prop export let spanClass: $$Props['spanClass'] = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+ * @prop export let imgClass: $$Props['imgClass'] = 'me-3 h-8';
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let src: $$Props['src'] = '';
+ * @prop export let alt: $$Props['alt'] = '';
+ * @prop export let name: $$Props['name'] = '';
+ * @prop export let target: $$Props['target'] = '';
  */
 export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
 }