flowbite-svelte 0.44.2 → 0.44.4

package/dist/device-mockup/DeviceMockup.svelte.d.ts

@@ -57,97 +57,51 @@ export type DeviceMockupProps = typeof __propDef.props;
 export type DeviceMockupEvents = typeof __propDef.events;
 export type DeviceMockupSlots = typeof __propDef.slots;
 /**
- * [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop device: 'default' | 'ios' | 'android' | 'tablet' | 'laptop' | 'desktop' | 'smartwatch' =
- *   'default';
- * ### Android
- * @prop androidDiv: string =
- *   'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
- * @prop androidSlot: string =
- *   'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
- * @prop androidTop: string =
- *   'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
- * @prop androidLeftTop: string =
- *   'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
- * @prop androidLeftMid: string =
- *   'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop androidLeftBot: string =
- *   'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop androidRight: string =
- *   'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
- * ### Default
- * @prop defaultDiv: string =
- *   'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]';
- * @prop defaultSlot: string =
- *   'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
- * @prop defaultTop: string =
- *   'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
- * @prop defaultLeftTop: string =
- *   'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop defaultLeftBot: string =
- *   'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop defaultRight: string =
- *   'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
- * ### Desktop
- * @prop desktopInner: string = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
- * @prop desktopBot: string =
- *   'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]';
- * @prop desktopBotUnder: string =
- *   'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]';
- * @prop destopDiv: string =
- *   'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
- * @prop desktopSlot: string = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
- * ### ios
- * @prop iosDiv: string =
- *   'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl';
- * @prop iosSlot: string =
- *   'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
- * @prop iosTop: string =
- *   'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
- * @prop iosLeftTop: string =
- *   'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop iosLeftBot: string =
- *   'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop iosRight: string =
- *   'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
- * ### Laptop
- * @prop laptopDiv: string =
- *   'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
- * @prop laptopSlot: string =
- *   'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
- * @prop laptopInner: string =
- *   'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
- * @prop laptopBot: string =
- *   'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]';
- * @prop laptopBotCen: string =
- *   'absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800';
- * ### Smartwatch
- * @prop smartwatchDiv: string =
- *   'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]';
- * @prop smartwatchSlot: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
- * @prop smartRightTop: string =
- *   'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg';
- * @prop smartRightBot: string =
- *   'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
- * @prop smartTop: string =
- *   'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
- * @prop smartBot: string =
- *   'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
- * @prop smartwatchInner: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
- * ### Tablet
- * @prop tabletDiv: string =
- *   'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]';
- * @prop tabletSlot: string =
- *   'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800';
- * @prop tabletLeftTop: string =
- *   'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
- * @prop tabletLeftMid: string =
- *   'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop tabletLeftBot: string =
- *   'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop tabletRight: string =
- *   'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+ * @prop export let device: 'default' | 'ios' | 'android' | 'tablet' | 'laptop' | 'desktop' | 'smartwatch' = 'default';
+ * @prop export let androidDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
+ * @prop export let androidSlot: string = 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
+ * @prop export let androidTop: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
+ * @prop export let androidLeftTop: string = 'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
+ * @prop export let androidLeftMid: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+ * @prop export let androidLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+ * @prop export let androidRight: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+ * @prop export let defaultDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]';
+ * @prop export let defaultSlot: string = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
+ * @prop export let defaultTop: string = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
+ * @prop export let defaultLeftTop: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+ * @prop export let defaultLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+ * @prop export let defaultRight: string = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+ * @prop export let desktopInner: string = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
+ * @prop export let desktopBot: string = 'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]';
+ * @prop export let desktopBotUnder: string = 'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]';
+ * @prop export let destopDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
+ * @prop export let desktopSlot: string = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
+ * @prop export let iosDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl';
+ * @prop export let iosSlot: string = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
+ * @prop export let iosTop: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
+ * @prop export let iosLeftTop: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+ * @prop export let iosLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+ * @prop export let iosRight: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+ * @prop export let laptopDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
+ * @prop export let laptopSlot: string = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
+ * @prop export let laptopInner: string = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
+ * @prop export let laptopBot: string = 'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]';
+ * @prop export let laptopBotCen: string = 'absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800';
+ * @prop export let smartwatchDiv: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]';
+ * @prop export let smartwatchSlot: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
+ * @prop export let smartRightTop: string = 'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg';
+ * @prop export let smartRightBot: string = 'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
+ * @prop export let smartTop: string = 'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
+ * @prop export let smartBot: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
+ * @prop export let smartwatchInner: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
+ * @prop export let tabletDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]';
+ * @prop export let tabletSlot: string = 'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800';
+ * @prop export let tabletLeftTop: string = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
+ * @prop export let tabletLeftMid: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+ * @prop export let tabletLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+ * @prop export let tabletRight: string = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
  */
 export default class DeviceMockup extends SvelteComponentTyped<DeviceMockupProps, DeviceMockupEvents, DeviceMockupSlots> {
 }

package/dist/device-mockup/DeviceMockup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceMockup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/DeviceMockup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuMD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"DeviceMockup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/device-mockup/DeviceMockup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuMD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/device-mockup/Ios.svelte

@@ -10,12 +10,11 @@ export let iosRight;
 <div class={iosRight} />
 
 <!--
-  @component
-  [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
-  ## Props
-  @prop iosTop: string;
-  @prop iosLeftTop: string;
-  @prop iosLeftBot: string;
-  @prop iosRight: string;
- 
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let iosTop: string;
+@prop export let iosLeftTop: string;
+@prop export let iosLeftBot: string;
+@prop export let iosRight: string;
 -->

package/dist/device-mockup/Ios.svelte.d.ts

@@ -15,12 +15,12 @@ export type IosProps = typeof __propDef.props;
 export type IosEvents = typeof __propDef.events;
 export type IosSlots = typeof __propDef.slots;
 /**
- * [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop iosTop: string;
- * @prop iosLeftTop: string;
- * @prop iosLeftBot: string;
- * @prop iosRight: string;
+ * @prop export let iosTop: string;
+ * @prop export let iosLeftTop: string;
+ * @prop export let iosLeftBot: string;
+ * @prop export let iosRight: string;
  */
 export default class Ios extends SvelteComponentTyped<IosProps, IosEvents, IosSlots> {
 }

package/dist/device-mockup/Smartwatch.svelte

@@ -6,10 +6,9 @@ export let smartRightBot;
 <div class={smartRightBot} />
 
 <!--
-  @component
-  [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
-  ## Props
-  @prop smartRightTop: string;
-  @prop smartRightBot: string;
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let smartRightTop: string;
+@prop export let smartRightBot: string;
 -->

package/dist/device-mockup/Smartwatch.svelte.d.ts

@@ -13,10 +13,10 @@ export type SmartwatchProps = typeof __propDef.props;
 export type SmartwatchEvents = typeof __propDef.events;
 export type SmartwatchSlots = typeof __propDef.slots;
 /**
- * [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop smartRightTop: string;
- * @prop smartRightBot: string;
+ * @prop export let smartRightTop: string;
+ * @prop export let smartRightBot: string;
  */
 export default class Smartwatch extends SvelteComponentTyped<SmartwatchProps, SmartwatchEvents, SmartwatchSlots> {
 }

package/dist/device-mockup/Tablet.svelte

@@ -10,12 +10,11 @@ export let tabletRight;
 <div class={tabletRight} />
 
 <!--
-  @component
-  [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
-  ## Props
-  @prop tabletLeftTop: string;
-  @prop tabletLeftMid: string;
-  @prop tabletLeftBot: string;
-  @prop tabletRight: string;
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let tabletLeftTop: string;
+@prop export let tabletLeftMid: string;
+@prop export let tabletLeftBot: string;
+@prop export let tabletRight: string;
 -->

package/dist/device-mockup/Tablet.svelte.d.ts

@@ -15,12 +15,12 @@ export type TabletProps = typeof __propDef.props;
 export type TabletEvents = typeof __propDef.events;
 export type TabletSlots = typeof __propDef.slots;
 /**
- * [Go to Device Mockups](https://flowbite-svelte.com/docs/components/device-mockups)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop tabletLeftTop: string;
- * @prop tabletLeftMid: string;
- * @prop tabletLeftBot: string;
- * @prop tabletRight: string;
+ * @prop export let tabletLeftTop: string;
+ * @prop export let tabletLeftMid: string;
+ * @prop export let tabletLeftBot: string;
+ * @prop export let tabletRight: string;
  */
 export default class Tablet extends SvelteComponentTyped<TabletProps, TabletEvents, TabletSlots> {
 }

package/dist/drawer/Drawer.svelte

@@ -57,24 +57,23 @@ function clickOutsideWrapper(node, callback) {
 {/if}
 
 <!--
-  @component
-  [Go to Drawer](https://flowbite-svelte.com/docs/components/drawer)
-  ## Props
-  @prop activateClickOutside: boolean = true;
-  @prop hidden: boolean = true;
-  @prop position: 'fixed' | 'absolute' = 'fixed';
-  @prop leftOffset: string = 'inset-y-0 left-0';
-  @prop rightOffset: string = 'inset-y-0 right-0';
-  @prop topOffset: string = 'inset-x-0 top-0';
-  @prop bottomOffset: string = 'inset-x-0 bottom-0';
-  @prop width: string = 'w-80';
-  @prop backdrop: boolean = true;
-  @prop bgColor: string = 'bg-gray-900';
-  @prop bgOpacity: string = 'bg-opacity-75';
-  @prop placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
-  @prop id: string = 'drawer-example';
-  @prop divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
-  @prop transitionParams: drawerTransitionParamTypes = {};
-  @prop transitionType: drawerTransitionTypes = 'fly';
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let activateClickOutside: boolean = true;
+@prop export let hidden: boolean = true;
+@prop export let position: 'fixed' | 'absolute' = 'fixed';
+@prop export let leftOffset: string = 'inset-y-0 left-0';
+@prop export let rightOffset: string = 'inset-y-0 right-0';
+@prop export let topOffset: string = 'inset-x-0 top-0';
+@prop export let bottomOffset: string = 'inset-x-0 bottom-0';
+@prop export let width: string = 'w-80';
+@prop export let backdrop: boolean = true;
+@prop export let bgColor: string = 'bg-gray-900';
+@prop export let bgOpacity: string = 'bg-opacity-75';
+@prop export let placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
+@prop export let id: string = 'drawer-example';
+@prop export let divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
+@prop export let transitionParams: drawerTransitionParamTypes = {};
+@prop export let transitionType: drawerTransitionTypes = 'fly';
 -->

package/dist/drawer/Drawer.svelte.d.ts

@@ -33,24 +33,24 @@ export type DrawerProps = typeof __propDef.props;
 export type DrawerEvents = typeof __propDef.events;
 export type DrawerSlots = typeof __propDef.slots;
 /**
- * [Go to Drawer](https://flowbite-svelte.com/docs/components/drawer)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop activateClickOutside: boolean = true;
- * @prop hidden: boolean = true;
- * @prop position: 'fixed' | 'absolute' = 'fixed';
- * @prop leftOffset: string = 'inset-y-0 left-0';
- * @prop rightOffset: string = 'inset-y-0 right-0';
- * @prop topOffset: string = 'inset-x-0 top-0';
- * @prop bottomOffset: string = 'inset-x-0 bottom-0';
- * @prop width: string = 'w-80';
- * @prop backdrop: boolean = true;
- * @prop bgColor: string = 'bg-gray-900';
- * @prop bgOpacity: string = 'bg-opacity-75';
- * @prop placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
- * @prop id: string = 'drawer-example';
- * @prop divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
- * @prop transitionParams: drawerTransitionParamTypes = {};
- * @prop transitionType: drawerTransitionTypes = 'fly';
+ * @prop export let activateClickOutside: boolean = true;
+ * @prop export let hidden: boolean = true;
+ * @prop export let position: 'fixed' | 'absolute' = 'fixed';
+ * @prop export let leftOffset: string = 'inset-y-0 left-0';
+ * @prop export let rightOffset: string = 'inset-y-0 right-0';
+ * @prop export let topOffset: string = 'inset-x-0 top-0';
+ * @prop export let bottomOffset: string = 'inset-x-0 bottom-0';
+ * @prop export let width: string = 'w-80';
+ * @prop export let backdrop: boolean = true;
+ * @prop export let bgColor: string = 'bg-gray-900';
+ * @prop export let bgOpacity: string = 'bg-opacity-75';
+ * @prop export let placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
+ * @prop export let id: string = 'drawer-example';
+ * @prop export let divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
+ * @prop export let transitionParams: drawerTransitionParamTypes = {};
+ * @prop export let transitionType: drawerTransitionTypes = 'fly';
  */
 export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
 }

package/dist/dropdowns/Dropdown.svelte

@@ -50,13 +50,13 @@ $: {
 </Popper>
 
 <!--
-  @component
-  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
-  ## Props
-  @prop open: boolean = false;
-  @prop containerClass: string = 'divide-y z-50';
-  @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
-  @prop ulClass: string = 'py-1 w-44';
-  @prop footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
-
+@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 headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
+@prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
+@prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
 -->

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

@@ -262,13 +262,14 @@ export type DropdownProps = typeof __propDef.props;
 export type DropdownEvents = typeof __propDef.events;
 export type DropdownSlots = typeof __propDef.slots;
 /**
- * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop open: boolean = false;
- * @prop containerClass: string = 'divide-y z-50';
- * @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
- * @prop ulClass: string = 'py-1 w-44';
- * @prop footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
+ * @prop export let activeUrl: string = '';
+ * @prop export let open: boolean = false;
+ * @prop export let containerClass: string = 'divide-y z-50';
+ * @prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
+ * @prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
+ * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
  */
 export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }

package/dist/dropdowns/Dropdown.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAgFJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAgFJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/dropdowns/DropdownDivider.svelte

@@ -5,8 +5,8 @@ export let divClass = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
 <div {...$$restProps} class={twMerge(divClass, $$props.class)} />
 
 <!--
-  @component
-  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
-  ## Props
-  @prop  divClass: string = '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';
 -->

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

@@ -13,9 +13,9 @@ export type DropdownDividerProps = typeof __propDef.props;
 export type DropdownDividerEvents = typeof __propDef.events;
 export type DropdownDividerSlots = typeof __propDef.slots;
 /**
- * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop  divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+ * @prop export let divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
  */
 export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
 }

package/dist/dropdowns/DropdownHeader.svelte

@@ -12,9 +12,9 @@ export let divider = true;
 {/if}
 
 <!--
-  @component
-  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
-  ## Props
-  @prop divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
-  @prop divider: boolean = 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;
 -->

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

@@ -16,10 +16,10 @@ export type DropdownHeaderProps = typeof __propDef.props;
 export type DropdownHeaderEvents = typeof __propDef.events;
 export type DropdownHeaderSlots = typeof __propDef.slots;
 /**
- * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
- * @prop divider: boolean = true;
+ * @prop export let divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
+ * @prop export let divider: boolean = true;
  */
 export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
 }

package/dist/dropdowns/DropdownItem.svelte

@@ -30,18 +30,11 @@ function init(node) {
 </Wrapper>
 
 <!--
-  @component
-  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
-  ## Props
-  @prop defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
-  @prop href: string | undefined = undefined;
-  ## 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 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 active: boolean = false;
 -->

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

@@ -26,19 +26,12 @@ export type DropdownItemProps = typeof __propDef.props;
 export type DropdownItemEvents = typeof __propDef.events;
 export type DropdownItemSlots = typeof __propDef.slots;
 /**
- * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
- * @prop href: string | undefined = undefined;
- * ## Event
- * - on:click
- * - on:change
- * - on:keydown
- * - on:keyup
- * - on:focus
- * - on:blur
- * - on:mouseenter
- * - on:mouseleave
+ * @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 active: boolean = false;
  */
 export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {
 }

package/dist/dropdowns/DropdownItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;eADwG,MAAM,GAAG,SAAS;sBAAgB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;CAC7F,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;eADwG,MAAM,GAAG,SAAS;sBAAgB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;CAC7F,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/footer/Footer.svelte

@@ -8,10 +8,8 @@ let footerClass = twMerge(footerType === 'sitemap' && 'bg-gray-800', footerType
 </footer>
 
 <!--
-  @component
-  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
-  ## Props
-  @prop customClass: string = '';
-  @prop footerType: 'custom' | 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
 -->

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

@@ -15,10 +15,9 @@ export type FooterProps = typeof __propDef.props;
 export type FooterEvents = typeof __propDef.events;
 export type FooterSlots = typeof __propDef.slots;
 /**
- * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop customClass: string = '';
- * @prop footerType: 'custom' | 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
+ * @prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
  */
 export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/Footer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/Footer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/footer/FooterBrand.svelte

@@ -23,15 +23,15 @@ let imgCls = twMerge(imgClass, $$props.classImg);
 {/if}
 
 <!--
-  @component
-  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
-  ## Props
-  @prop aClass: string = 'flex items-center';
-  @prop spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
-  @prop imgClass: string = 'mr-3 h-8';
-  @prop href: string = '';
-  @prop src: string = '';
-  @prop alt: string = '';
-  @prop name: string = '';
-  @prop target: string | undefined = undefined;
+@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 = 'mr-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;
 -->