flowbite-svelte 0.44.1 → 0.44.4

package/dist/accordion/Accordion.svelte

@@ -25,39 +25,12 @@ $: frameClass = twMerge(defaultClass, $$props.class);
 </Frame>
 
 <!--
-  @component
-  ## Features
-  [Accordion](https://flowbite-svelte.com/docs/components/accordion)
-  - Default accordion
-  - Always open
-  - Color option
-  - Flush accordion
-  - Arrow style
-  - Icon Accordion
-  - Multiple mode
-  - Custom transitions
-  ## 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';
-  ## Example
-  ```
-  <script>
-    import { AccordionItem, Accordion } from 'flowbite-svelte'
-  </script>
-
-  <Accordion>
-    <AccordionItem>
-      <span slot="header">My Header 1</span>
-      <p class="mb-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo ab necessitatibus sint explicabo ...</p>
-    </AccordionItem>
-    <AccordionItem>
-      <span slot="header">My Header 2</span>
-      <p class="mb-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo ab necessitatibus sint explicabo ...</p>\
-    </AccordionItem>
-  </Accordion>
-  ```
-
+@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,39 +257,13 @@ export type AccordionProps = typeof __propDef.props;
 export type AccordionEvents = typeof __propDef.events;
 export type AccordionSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Accordion](https://flowbite-svelte.com/docs/components/accordion)
- * - Default accordion
- * - Always open
- * - Color option
- * - Flush accordion
- * - Arrow style
- * - Icon Accordion
- * - Multiple mode
- * - Custom transitions
+ * [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';
- * ## Example
- * ```
- * <script>
- *   import { AccordionItem, Accordion } from 'flowbite-svelte'
- * </script>
- *
- * <Accordion>
- *   <AccordionItem>
- *     <span slot="header">My Header 1</span>
- *     <p class="mb-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo ab necessitatibus sint explicabo ...</p>
- *   </AccordionItem>
- *   <AccordionItem>
- *     <span slot="header">My Header 2</span>
- *     <p class="mb-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo ab necessitatibus sint explicabo ...</p>\
- *   </AccordionItem>
- * </Accordion>
- * ```
+ * @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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;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,30 +84,23 @@ $: contentClass = twMerge([ctx.flush ? paddingFlush : paddingDefault, ctx.flush
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Accordion page](https://flowbite-svelte.com/docs/components/accordion)
-  - Default bottom navigation
-  - Menu items with border
-  - Application bar example
-  - Example with pagination
-  - Button group bottom bar
-  - Card with bottom bar
-
-  ## 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,30 +34,24 @@ export type AccordionItemProps = typeof __propDef.props;
 export type AccordionItemEvents = typeof __propDef.events;
 export type AccordionItemSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Accordion page](https://flowbite-svelte.com/docs/components/accordion)
- * - Default bottom navigation
- * - Menu items with border
- * - Application bar example
- * - Example with pagination
- * - Button group bottom bar
- * - Card with bottom bar
- *
+ * [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;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;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

@@ -43,41 +43,9 @@ $: {
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Alert](https://flowbite-svelte.com/docs/components/alert)
-  - Default alert
-  - Alerts with icon
-  - Bordered alerts
-  - Alerts with list
-  - Dismissable alerts
-  - Border accent
-  - Additional content
-  - Custom color
-  ## 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 
-
-  ## Example
-  ```
-  <script>
-  import {Alert} from "flowbite-svelte";
-  </script>
-
-  <Alert>
-    <span class="font-medium">Info alert!</span> Change a few things up and try submitting again.
-  </Alert>
-  <Alert color="red">
-    <span class="font-medium">Danger alert!</span> Change a few things up and try submitting again.
-  </Alert>
-  ```
+@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

@@ -256,42 +256,10 @@ export type AlertProps = typeof __propDef.props;
 export type AlertEvents = typeof __propDef.events;
 export type AlertSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Alert](https://flowbite-svelte.com/docs/components/alert)
- * - Default alert
- * - Alerts with icon
- * - Bordered alerts
- * - Alerts with list
- * - Dismissable alerts
- * - Border accent
- * - Additional content
- * - Custom color
+ * [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
- *
- * ## Example
- * ```
- * <script>
- * import {Alert} from "flowbite-svelte";
- * </script>
- *
- * <Alert>
- *   <span class="font-medium">Info alert!</span> Change a few things up and try submitting again.
- * </Alert>
- * <Alert color="red">
- *   <span class="font-medium">Danger alert!</span> Change a few things up and try submitting again.
- * </Alert>
- * ```
+ * @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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/avatar/Avatar.svelte

@@ -37,36 +37,15 @@ $: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ri
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
-  - Bordered
-  - Placeholder
-  - Placeholder initials
-  - Avatar tooltip
-  - Dot indicator
-  - Stacked
-  - Avatar text
-  - User dropdown
-  - Sizes
-  ## 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';
-  ## Example
-  ```
-  <script>
-    import { Avatar } from "flowbite-svelte"
-  </script>
-
-  <div class="flex space-x-4">
-    <Avatar src="/images/profile-picture-2.webp"/>
-    <Avatar src="/images/profile-picture-2.webp" rounded/>
-  </div>
-  ```
+@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,37 +22,16 @@ export type AvatarProps = typeof __propDef.props;
 export type AvatarEvents = typeof __propDef.events;
 export type AvatarSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
- * - Bordered
- * - Placeholder
- * - Placeholder initials
- * - Avatar tooltip
- * - Dot indicator
- * - Stacked
- * - Avatar text
- * - User dropdown
- * - Sizes
+ * [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';
- * ## Example
- * ```
- * <script>
- *   import { Avatar } from "flowbite-svelte"
- * </script>
- *
- * <div class="flex space-x-4">
- *   <Avatar src="/images/profile-picture-2.webp"/>
- *   <Avatar src="/images/profile-picture-2.webp" rounded/>
- * </div>
- * ```
+ * @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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;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
-  ## Features
-  [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
-  @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;
 /**
- * ## Features
- * [Go to Avatar](https://flowbite-svelte.com/docs/components/avatar)
- * @prop rounded: boolean = false;
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let rounded: boolean = false;
  */
 export default class Placeholder extends SvelteComponentTyped<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
 }

package/dist/badges/Badge.svelte

@@ -84,34 +84,10 @@ const close = (e) => {
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Badge](https://flowbite-svelte.com/docs/components/badge)
-  - Default badge
-  - Large badges
-  - Bordered badge
-  - Pills badge
-  - Badges as links
-  - Badges with icon
-  - Notification badge
-  - Button with badge
-  - Badge with icon only
-  - Dismissable badges
-  ## 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;
-  ## Example
-  ```
-  <script>
-    import { Badge } from 'flowbite-svelte';
-  </script>
-  
-  <Badge>Default</Badge>
-  <Badge color="dark">Dark</Badge>
-  ```
+@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

@@ -248,35 +248,11 @@ export type BadgeProps = typeof __propDef.props;
 export type BadgeEvents = typeof __propDef.events;
 export type BadgeSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Badge](https://flowbite-svelte.com/docs/components/badge)
- * - Default badge
- * - Large badges
- * - Bordered badge
- * - Pills badge
- * - Badges as links
- * - Badges with icon
- * - Notification badge
- * - Button with badge
- * - Badge with icon only
- * - Dismissable badges
+ * [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;
- * ## Example
- * ```
- * <script>
- *   import { Badge } from 'flowbite-svelte';
- * </script>
- *
- * <Badge>Default</Badge>
- * <Badge color="dark">Dark</Badge>
- * ```
+ * @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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/banner/Banner.svelte

@@ -43,47 +43,13 @@ $: handleHide = () => {
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Banner](https://flowbite-svelte.com/docs/components/banner)
-  - Setup
-  - Default sticky banner
-  - Bottom banner position
-  - Marketing CTA banner
-  - Newsletter sign-up banner
-  - Informational 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
-  ## Example
-  ```
-  <script>
-    import { Banner } from "flowbite-svelte"
-  </script>
-
-  <Banner id="default-banner" position="absolute">
-    <p class="flex items-center text-sm font-normal text-gray-500 dark:text-gray-400">
-      <span class="inline-flex p-1 mr-3 bg-gray-200 rounded-full dark:bg-gray-600">
-          <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-              <path d="M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z"></path>
-          </svg>
-          <span class="sr-only">Light bulb</span>
-      </span>
-      <span>New brand identity has been launched for the <a href="https://flowbite.com" class="inline font-medium text-blue-600 underline dark:text-blue-500 underline-offset-2 decoration-600 dark:decoration-500 decoration-solid hover:no-underline">Flowbite Library</a></span>
-    </p>
-  </Banner>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let id: string = 'sticky-banner';
+@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';
 -->