flowbite-svelte 0.44.2 → 0.44.5

package/dist/accordion/Accordion.svelte

@@ -25,13 +25,12 @@ $: frameClass = twMerge(defaultClass, $$props.class);
 </Frame>
 
 <!--
-  @component
-  [Accordion](https://flowbite-svelte.com/docs/components/accordion)
-  ## Props
-  @prop multiple: boolean = false;
-  @prop flush: boolean = false;
-  @prop activeClasses: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
-  @prop inactiveClasses: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
-  @prop defaultClass: string = 'text-gray-500 dark:text-gray-400';
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let multiple: boolean = false;
+@prop export let flush: boolean = false;
+@prop export let activeClass: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
+@prop export let inactiveClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
+@prop export let defaultClass: string = 'text-gray-500 dark:text-gray-400';
 -->

package/dist/accordion/Accordion.svelte.d.ts

@@ -257,13 +257,13 @@ export type AccordionProps = typeof __propDef.props;
 export type AccordionEvents = typeof __propDef.events;
 export type AccordionSlots = typeof __propDef.slots;
 /**
- * [Accordion](https://flowbite-svelte.com/docs/components/accordion)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop multiple: boolean = false;
- * @prop flush: boolean = false;
- * @prop activeClasses: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
- * @prop inactiveClasses: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
- * @prop defaultClass: string = 'text-gray-500 dark:text-gray-400';
+ * @prop export let multiple: boolean = false;
+ * @prop export let flush: boolean = false;
+ * @prop export let activeClass: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
+ * @prop export let inactiveClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
+ * @prop export let defaultClass: string = 'text-gray-500 dark:text-gray-400';
  */
 export default class Accordion extends SvelteComponentTyped<AccordionProps, AccordionEvents, AccordionSlots> {
 }

package/dist/accordion/Accordion.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/accordion/AccordionItem.svelte

@@ -84,22 +84,23 @@ $: contentClass = twMerge([ctx.flush ? paddingFlush : paddingDefault, ctx.flush
 {/if}
 
 <!--
-  @component
-  [Go to Accordion page](https://flowbite-svelte.com/docs/components/accordion)
-  ## Props
-  @prop open: boolean = false;
-  @prop activeClass: string | undefined = undefined;
-  @prop inactiveClass: string | undefined = undefined;
-  @prop defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
-  @prop transitionType: TransitionTypes = 'slide';
-  @prop transitionParams: TransitionParamTypes = {};
-  @prop paddingFlush: string = 'py-5';
-  @prop paddingDefault: string = 'p-5';
-  @prop textFlushOpen: string = 'text-gray-900 dark:text-white';
-  @prop textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
-  @prop borderClass: string = 'border-l border-r group-first:border-t';
-  @prop borderOpenClass: string = 'border-l border-r';
-  @prop borderBottomClass: string = 'border-b';
-  @prop borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let open: boolean = false;
+@prop export let activeClass: string | undefined = undefined;
+@prop export let inactiveClass: string | undefined = undefined;
+@prop export let defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
+@prop export let transitionType: TransitionTypes = 'slide';
+@prop export let transitionParams: TransitionParamTypes = {};
+@prop export let paddingFlush: string = 'py-5';
+@prop export let paddingDefault: string = 'p-5';
+@prop export let textFlushOpen: string = 'text-gray-900 dark:text-white';
+@prop export let textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
+@prop export let borderClass: string = 'border-l border-r group-first:border-t';
+@prop export let borderOpenClass: string = 'border-l border-r';
+@prop export let borderBottomClass: string = 'border-b';
+@prop export let borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
+@prop export let classActive: string | undefined = undefined;
+@prop export let classInactive: string | undefined = undefined;
 -->

package/dist/accordion/AccordionItem.svelte.d.ts

@@ -34,22 +34,24 @@ export type AccordionItemProps = typeof __propDef.props;
 export type AccordionItemEvents = typeof __propDef.events;
 export type AccordionItemSlots = typeof __propDef.slots;
 /**
- * [Go to Accordion page](https://flowbite-svelte.com/docs/components/accordion)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop open: boolean = false;
- * @prop activeClass: string | undefined = undefined;
- * @prop inactiveClass: string | undefined = undefined;
- * @prop defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
- * @prop transitionType: TransitionTypes = 'slide';
- * @prop transitionParams: TransitionParamTypes = {};
- * @prop paddingFlush: string = 'py-5';
- * @prop paddingDefault: string = 'p-5';
- * @prop textFlushOpen: string = 'text-gray-900 dark:text-white';
- * @prop textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
- * @prop borderClass: string = 'border-l border-r group-first:border-t';
- * @prop borderOpenClass: string = 'border-l border-r';
- * @prop borderBottomClass: string = 'border-b';
- * @prop borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
+ * @prop export let open: boolean = false;
+ * @prop export let activeClass: string | undefined = undefined;
+ * @prop export let inactiveClass: string | undefined = undefined;
+ * @prop export let defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
+ * @prop export let transitionType: TransitionTypes = 'slide';
+ * @prop export let transitionParams: TransitionParamTypes = {};
+ * @prop export let paddingFlush: string = 'py-5';
+ * @prop export let paddingDefault: string = 'p-5';
+ * @prop export let textFlushOpen: string = 'text-gray-900 dark:text-white';
+ * @prop export let textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
+ * @prop export let borderClass: string = 'border-l border-r group-first:border-t';
+ * @prop export let borderOpenClass: string = 'border-l border-r';
+ * @prop export let borderBottomClass: string = 'border-b';
+ * @prop export let borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
+ * @prop export let classActive: string | undefined = undefined;
+ * @prop export let classInactive: string | undefined = undefined;
  */
 export default class AccordionItem extends SvelteComponentTyped<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
 }

package/dist/accordion/AccordionItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/AccordionItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA0GtE,QAAA,MAAM,SAAS;;;;sBADqhB,MAAM,GAAG,SAAS;wBAAkB,MAAM,GAAG,SAAS;;;;;;;;;;;;sBAA6T,MAAM,GAAG,SAAS;wBAAkB,MAAM,GAAG,SAAS;;;;;;;;;;;CAC/3B,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
+{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/AccordionItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA0GtE,QAAA,MAAM,SAAS;;;;sBADqhB,MAAM,GAAG,SAAS;wBAAkB,MAAM,GAAG,SAAS;;;;;;;;;;;;sBAA6T,MAAM,GAAG,SAAS;wBAAkB,MAAM,GAAG,SAAS;;;;;;;;;;;CAC/3B,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

package/dist/alerts/Alert.svelte

@@ -5,12 +5,13 @@ import Frame from '../utils/Frame.svelte';
 import { fade } from 'svelte/transition';
 export let dismissable = false;
 export let defaultClass = 'p-4 gap-3 text-sm';
-const dispatch = createEventDispatcher();
 let open = true;
-const close = () => {
+const dispatch = createEventDispatcher();
+$: dispatch(open ? 'open' : 'close');
+function close(e) {
+    e.stopPropagation();
     open = false;
-    dispatch('close'); // preferred name
-};
+}
 let divClass;
 $: divClass = twMerge(defaultClass, ($$slots.icon || dismissable) && 'flex items-center', $$props.class);
 $: {
@@ -43,19 +44,9 @@ $: {
 {/if}
 
 <!--
-  @component
-  [Go to Alert](https://flowbite-svelte.com/docs/components/alert)
-  ## Props
-  @prop dismissable: boolean = false;
-  @prop accent: boolean = false;
-  ## Event
-  - on:click
-  - on:change
-  - on:keydown
-  - on:keyup
-  - on:focus
-  - on:blur
-  - on:mouseenter
-  - on:mouseleave 
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let dismissable: boolean = false;
+@prop export let defaultClass: string = 'p-4 gap-3 text-sm';
 -->

package/dist/alerts/Alert.svelte.d.ts

@@ -240,7 +240,6 @@ declare const __propDef: {
         blur: CustomEvent<any>;
         mouseenter: CustomEvent<any>;
         mouseleave: CustomEvent<any>;
-        close: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
@@ -248,7 +247,7 @@ declare const __propDef: {
         icon: {};
         default: {};
         'close-button': {
-            close: () => void;
+            close: (e: MouseEvent) => void;
         };
     };
 };
@@ -256,19 +255,10 @@ export type AlertProps = typeof __propDef.props;
 export type AlertEvents = typeof __propDef.events;
 export type AlertSlots = typeof __propDef.slots;
 /**
- * [Go to Alert](https://flowbite-svelte.com/docs/components/alert)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop dismissable: boolean = false;
- * @prop accent: boolean = false;
- * ## Event
- * - on:click
- * - on:change
- * - on:keydown
- * - on:keyup
- * - on:focus
- * - on:blur
- * - on:mouseenter
- * - on:mouseleave
+ * @prop export let dismissable: boolean = false;
+ * @prop export let defaultClass: string = 'p-4 gap-3 text-sm';
  */
 export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
 }

package/dist/alerts/Alert.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/alerts/Alert.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/alerts/Alert.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAxCK,UAAU;;;CAwCyB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/avatar/Avatar.svelte

@@ -37,16 +37,15 @@ $: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ri
 {/if}
 
 <!--
-  @component
-  [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
-  ## Props
-  @prop src: string = '';
-  @prop href: string | undefined = undefined;
-  @prop rounded: boolean = false;
-  @prop border: boolean = false;
-  @prop stacked: boolean = false;
-  @prop dot: object | undefined = undefined;
-  @prop alt: string = '';
-  @prop size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let src: string = '';
+@prop export let href: string | undefined = undefined;
+@prop export let rounded: boolean = false;
+@prop export let border: boolean = false;
+@prop export let stacked: boolean = false;
+@prop export let dot: object | undefined = undefined;
+@prop export let alt: string = '';
+@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
 -->

package/dist/avatar/Avatar.svelte.d.ts

@@ -22,16 +22,16 @@ export type AvatarProps = typeof __propDef.props;
 export type AvatarEvents = typeof __propDef.events;
 export type AvatarSlots = typeof __propDef.slots;
 /**
- * [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop src: string = '';
- * @prop href: string | undefined = undefined;
- * @prop rounded: boolean = false;
- * @prop border: boolean = false;
- * @prop stacked: boolean = false;
- * @prop dot: object | undefined = undefined;
- * @prop alt: string = '';
- * @prop size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
+ * @prop export let src: string = '';
+ * @prop export let href: string | undefined = undefined;
+ * @prop export let rounded: boolean = false;
+ * @prop export let border: boolean = false;
+ * @prop export let stacked: boolean = false;
+ * @prop export let dot: object | undefined = undefined;
+ * @prop export let alt: string = '';
+ * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
  */
 export default class Avatar extends SvelteComponentTyped<AvatarProps, AvatarEvents, AvatarSlots> {
 }

package/dist/avatar/Avatar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/avatar/Avatar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoDD,QAAA,MAAM,SAAS;;;;eAD4I,MAAM,GAAG,SAAS;;;;cAAgE,MAAM,GAAG,SAAS;;;;;;;;;;CACjL,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/avatar/Avatar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoDD,QAAA,MAAM,SAAS;;;;eAD4I,MAAM,GAAG,SAAS;;;;cAAgE,MAAM,GAAG,SAAS;;;;;;;;;;CACjL,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/avatar/Placeholder.svelte

@@ -8,8 +8,8 @@ let svgClass = twMerge('text-gray-400 bg-gray-100 dark:bg-gray-600', rounded ? '
 </svg>
 
 <!--
-  @component
-  [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
-  ## Props
-  @prop rounded: boolean = false;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let rounded: boolean = false;
 -->

package/dist/avatar/Placeholder.svelte.d.ts

@@ -13,9 +13,9 @@ export type PlaceholderProps = typeof __propDef.props;
 export type PlaceholderEvents = typeof __propDef.events;
 export type PlaceholderSlots = typeof __propDef.slots;
 /**
- * [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop rounded: boolean = false;
+ * @prop export let rounded: boolean = false;
  */
 export default class Placeholder extends SvelteComponentTyped<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
 }

package/dist/avatar/Placeholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/avatar/Placeholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"Placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/avatar/Placeholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/badges/Badge.svelte

@@ -65,10 +65,10 @@ $: {
 }
 let open = true;
 const dispatch = createEventDispatcher();
+$: dispatch(open ? 'open' : 'close');
 const close = (e) => {
     e.stopPropagation();
     open = false;
-    dispatch('dismiss');
 };
 </script>
 
@@ -84,15 +84,10 @@ const close = (e) => {
 {/if}
 
 <!--
-  @component
-  [Go to Badge](https://flowbite-svelte.com/docs/components/badge)
-  ## Props
-  @prop color: 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' = 'blue';
-  @prop large: boolean = false;
-  @prop border: boolean = false;
-  @prop href: string | undefined = undefined;
-  @prop rounded: boolean = false;
-  @prop index: boolean = false;
-  @prop dismissable: boolean = false;
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: 'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' = 'primary';
+@prop export let large: boolean = false;
+@prop export let dismissable: boolean = false;
 -->

package/dist/badges/Badge.svelte.d.ts

@@ -228,13 +228,11 @@ declare const __propDef: {
         node?: HTMLElement | undefined;
         use?: import("svelte/action").Action<HTMLElement, any, Record<never, any>> | undefined;
         options?: object | undefined;
+        dismissable?: boolean | undefined;
         color?: "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "primary" | "none" | undefined;
         large?: boolean | undefined;
-        dismissable?: boolean | undefined;
     };
     events: {
-        dismiss: CustomEvent<any>;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
@@ -248,15 +246,11 @@ export type BadgeProps = typeof __propDef.props;
 export type BadgeEvents = typeof __propDef.events;
 export type BadgeSlots = typeof __propDef.slots;
 /**
- * [Go to Badge](https://flowbite-svelte.com/docs/components/badge)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' = 'blue';
- * @prop large: boolean = false;
- * @prop border: boolean = false;
- * @prop href: string | undefined = undefined;
- * @prop rounded: boolean = false;
- * @prop index: boolean = false;
- * @prop dismissable: boolean = false;
+ * @prop export let color: 'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' = 'primary';
+ * @prop export let large: boolean = false;
+ * @prop export let dismissable: boolean = false;
  */
 export default class Badge extends SvelteComponentTyped<BadgeProps, BadgeEvents, BadgeSlots> {
 }

package/dist/badges/Badge.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/badges/Badge.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgHD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAtBK,UAAU;;;CAsByB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/badges/Badge.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgHD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBArBK,UAAU;;;CAqByB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/banner/Banner.svelte

@@ -1,11 +1,14 @@
 <script>import { twMerge } from 'tailwind-merge';
 import CloseButton from '../utils/CloseButton.svelte';
-export let id = 'sticky-banner';
+import { createEventDispatcher } from 'svelte';
 export let position = 'sticky';
 export let dismissable = true;
 export let bannerType = 'default';
 export let divClass = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
 export let innerClass = 'flex';
+let open = true;
+const dispatch = createEventDispatcher();
+$: dispatch(open ? 'open' : 'close');
 const divClasses = {
     default: 'top-0 left-0 w-full border-b border-gray-200 bg-gray-50',
     bottom: 'bottom-0 left-0 w-full border-t border-gray-200 bg-gray-50',
@@ -22,44 +25,33 @@ const insideDivClasses = {
 };
 $: divClass = twMerge(position, divClass, divClasses[bannerType], $$props.classDiv);
 $: div2Class = twMerge(innerClass, insideDivClasses[bannerType], $$props.classInner);
-let show = true;
-$: handleHide = () => {
-    show = !show;
-};
+function close(e) {
+    e.preventDefault();
+    open = false;
+}
 </script>
 
-{#if show}
-  <div {id} tabindex="-1" class={divClass} {...$$restProps}>
+{#if open}
+  <div tabindex="-1" class={divClass} {...$$restProps}>
     <slot name="header" />
     <div class={div2Class}>
       <slot />
     </div>
     {#if dismissable}
       <div class="flex items-center">
-        <CloseButton class="-mx-1.5 -my-1.5" color={$$restProps.color} on:click={handleHide} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave />
+        <CloseButton class="-mx-1.5 -my-1.5" color={$$restProps.color} on:click={close} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave />
       </div>
     {/if}
   </div>
 {/if}
 
 <!--
-  @component
-  [Go to Banner](https://flowbite-svelte.com/docs/components/banner)
-  ## Props
-  @prop id: string = 'sticky-banner';
-  @prop position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
-  @prop dismissable: boolean = true;
-  @prop bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
-  @prop divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
-  @prop insideDiv: string = 'flex';
-  ## Event
-  - on:click
-  - on:change
-  - on:keydown
-  - on:keyup
-  - on:focus
-  - on:blur
-  - on:mouseenter
-  - on:mouseleave
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
+@prop export let dismissable: boolean = true;
+@prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
+@prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
+@prop export let innerClass: string = 'flex';
 -->

package/dist/banner/Banner.svelte.d.ts

@@ -2,7 +2,6 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
         position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
         dismissable?: boolean | undefined;
         bannerType?: "default" | "bottom" | "cta" | "signup" | "info" | undefined;
@@ -30,23 +29,13 @@ export type BannerProps = typeof __propDef.props;
 export type BannerEvents = typeof __propDef.events;
 export type BannerSlots = typeof __propDef.slots;
 /**
- * [Go to Banner](https://flowbite-svelte.com/docs/components/banner)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop id: string = 'sticky-banner';
- * @prop position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
- * @prop dismissable: boolean = true;
- * @prop bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
- * @prop divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
- * @prop insideDiv: string = 'flex';
- * ## Event
- * - on:click
- * - on:change
- * - on:keydown
- * - on:keyup
- * - on:focus
- * - on:blur
- * - on:mouseenter
- * - on:mouseleave
+ * @prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
+ * @prop export let dismissable: boolean = true;
+ * @prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
+ * @prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
+ * @prop export let innerClass: string = 'flex';
  */
 export default class Banner extends SvelteComponentTyped<BannerProps, BannerEvents, BannerSlots> {
 }

package/dist/banner/Banner.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/banner/Banner.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Banner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/banner/Banner.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/bottom-nav/BottomNav.svelte

@@ -52,14 +52,14 @@ $: innerCls = twMerge(innerClass, innerDivClasses[navType], $$props.classInner);
 </div>
 
 <!--
-  @component
-  [Go to Bottom Navigation](https://flowbite-svelte.com/docs/components/bottom-navigation)
-  ## Props
-  @prop position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
-  @prop navType:| 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' | 'custom' = 'default';
-  @prop outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
-  @prop innerClass: string = 'grid h-full max-w-lg mx-auto';
-  @prop outerCustom: string = '';
-  @prop innerCustom: string = '';
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let activeUrl: string = '';
+@prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
+@prop export let navType: 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' = 'default';
+@prop export let outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
+@prop export let innerClass: string = 'grid h-full max-w-lg mx-auto';
+@prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
+@prop export let activeUrl: string = '';
 -->

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

@@ -24,14 +24,15 @@ export type BottomNavProps = typeof __propDef.props;
 export type BottomNavEvents = typeof __propDef.events;
 export type BottomNavSlots = typeof __propDef.slots;
 /**
- * [Go to Bottom Navigation](https://flowbite-svelte.com/docs/components/bottom-navigation)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
- * @prop navType:| 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' | 'custom' = 'default';
- * @prop outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
- * @prop innerClass: string = 'grid h-full max-w-lg mx-auto';
- * @prop outerCustom: string = '';
- * @prop innerCustom: string = '';
+ * @prop export let activeUrl: string = '';
+ * @prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
+ * @prop export let navType: 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' = 'default';
+ * @prop export let outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
+ * @prop export let innerClass: string = 'grid h-full max-w-lg mx-auto';
+ * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
+ * @prop export let activeUrl: string = '';
  */
 export default class BottomNav extends SvelteComponentTyped<BottomNavProps, BottomNavEvents, BottomNavSlots> {
 }

package/dist/bottom-nav/BottomNav.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNav.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNav.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuEJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"BottomNav.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/bottom-nav/BottomNav.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuEJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/bottom-nav/BottomNavHeader.svelte

@@ -10,10 +10,9 @@ export let innerClass = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gra
 </div>
 
 <!--
-  @component
-  [Go to Bottom Navigation](https://flowbite-svelte.com/docs/components/bottom-navigation)
-  ## Props
-  @prop outerClass: string = 'w-full';
-  @prop innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let outerClass: string = 'w-full';
+@prop export let innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
 -->

package/dist/bottom-nav/BottomNavHeader.svelte.d.ts

@@ -16,10 +16,10 @@ export type BottomNavHeaderProps = typeof __propDef.props;
 export type BottomNavHeaderEvents = typeof __propDef.events;
 export type BottomNavHeaderSlots = typeof __propDef.slots;
 /**
- * [Go to Bottom Navigation](https://flowbite-svelte.com/docs/components/bottom-navigation)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop outerClass: string = 'w-full';
- * @prop innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
+ * @prop export let outerClass: string = 'w-full';
+ * @prop export let innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
  */
 export default class BottomNavHeader extends SvelteComponentTyped<BottomNavHeaderProps, BottomNavHeaderEvents, BottomNavHeaderSlots> {
 }