flowbite-svelte 0.46.19 → 0.46.20

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> {
 }

package/dist/footer/FooterCopyright.svelte

@@ -26,11 +26,11 @@ let aCls = twMerge(aClass, $$props.classA);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
-@prop export let aClass: string = 'hover:underline';
-@prop export let year: number = new Date().getFullYear();
-@prop export let href: string = '';
-@prop export let by: string = '';
-@prop export let target: string | undefined = undefined;
-@prop export let copyrightMessage: string = 'All Rights Reserved.';
+@prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+@prop export let aClass: $$Props['aClass'] = 'hover:underline';
+@prop export let year: $$Props['year'] = new Date().getFullYear();
+@prop export let href: $$Props['href'] = '';
+@prop export let by: $$Props['by'] = '';
+@prop export let target: $$Props['target'] = undefined;
+@prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
 -->

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

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        spanClass?: string | undefined;
-        aClass?: string | undefined;
-        year?: number | undefined;
-        href?: string | undefined;
-        by?: string | undefined;
-        target?: string | undefined;
-        copyrightMessage?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        classSpan?: string;
+        aClass?: string;
+        year?: number;
+        by?: string;
+        href?: string;
+        target?: string;
+        copyrightMessage?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -21,13 +21,13 @@ export type FooterCopyrightSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
- * @prop export let aClass: string = 'hover:underline';
- * @prop export let year: number = new Date().getFullYear();
- * @prop export let href: string = '';
- * @prop export let by: string = '';
- * @prop export let target: string | undefined = undefined;
- * @prop export let copyrightMessage: string = 'All Rights Reserved.';
+ * @prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+ * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
+ * @prop export let year: $$Props['year'] = new Date().getFullYear();
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let by: $$Props['by'] = '';
+ * @prop export let target: $$Props['target'] = undefined;
+ * @prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
  */
 export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
 }

package/dist/footer/FooterIcon.svelte

@@ -17,8 +17,8 @@ export let target = void 0;
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let href: string = '';
-@prop export let ariaLabel: string = '';
-@prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
-@prop export let target: string | undefined = undefined;
+@prop export let href: $$Props['href'] = '';
+@prop export let ariaLabel: $$Props['ariaLabel'] = '';
+@prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+@prop export let target: $$Props['target'] = undefined;
 -->

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

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
-        ariaLabel?: string | undefined;
-        aClass?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        href?: string;
+        ariaLabel?: string;
+        aClass?: string;
+        target?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,10 +20,10 @@ export type FooterIconSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let href: string = '';
- * @prop export let ariaLabel: string = '';
- * @prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = '';
+ * @prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+ * @prop export let target: $$Props['target'] = undefined;
  */
 export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
 }

package/dist/footer/FooterLink.svelte

@@ -17,8 +17,8 @@ let aCls = twMerge(aClass, $$props.classA);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let liClass: string = 'me-4 last:me-0 md:me-6';
-@prop export let aClass: string = 'hover:underline';
-@prop export let href: string = '';
-@prop export let target: string | undefined = undefined;
+@prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
+@prop export let aClass: $$Props['aClass'] = 'hover:underline';
+@prop export let href: $$Props['href'] = '';
+@prop export let target: $$Props['target'] = undefined;
 -->

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

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        liClass?: string | undefined;
-        aClass?: string | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        liClass?: string;
+        aClass?: string;
+        href?: string;
+        target?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,10 +20,10 @@ export type FooterLinkSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let liClass: string = 'me-4 last:me-0 md:me-6';
- * @prop export let aClass: string = 'hover:underline';
- * @prop export let href: string = '';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
+ * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let target: $$Props['target'] = undefined;
  */
 export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
 }

package/dist/footer/FooterLinkGroup.svelte

@@ -2,7 +2,7 @@
 export let ulClass = "text-gray-600 dark:text-gray-400";
 </script>
 
-<ul class={twMerge(ulClass, $$props.class)}>
+<ul class={twMerge(ulClass, $$props.class)} {...$$restProps}>
   <slot />
 </ul>
 
@@ -10,5 +10,5 @@ export let ulClass = "text-gray-600 dark:text-gray-400";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ulClass: string = 'text-gray-600 dark:text-gray-400';
+@prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
 -->