flowbite-svelte 0.44.2 → 0.44.4

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2ED,QAAA,MAAM,SAAS;;;;;sBAD+K,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;CAClI,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"}
+{"version":3,"file":"BottomNavItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2ED,QAAA,MAAM,SAAS;;;;;sBAD+K,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;CAClI,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

package/dist/breadcrumbs/Breadcrumb.svelte

@@ -13,12 +13,11 @@ let classNav = solid ? solidClass : navClass;
 </nav>
 
 <!--
-  @component
-  [Go to Breadcrumb](https://flowbite-svelte.com/docs/components/breadcrumb)
-  ## Props
-  @prop solid: boolean = false;
-  @prop navClass: string = 'flex';
-  @prop solidClass: string = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
-  @prop olClass: string = 'inline-flex items-center space-x-1 md:space-x-3'; 
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let solid: boolean = false;
+@prop export let navClass: string = 'flex';
+@prop export let solidClass: string = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
+@prop export let olClass: string = 'inline-flex items-center space-x-1 md:space-x-3';
 -->

package/dist/breadcrumbs/Breadcrumb.svelte.d.ts

@@ -18,12 +18,12 @@ export type BreadcrumbProps = typeof __propDef.props;
 export type BreadcrumbEvents = typeof __propDef.events;
 export type BreadcrumbSlots = typeof __propDef.slots;
 /**
- * [Go to Breadcrumb](https://flowbite-svelte.com/docs/components/breadcrumb)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop solid: boolean = false;
- * @prop navClass: string = 'flex';
- * @prop solidClass: string = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
- * @prop olClass: string = 'inline-flex items-center space-x-1 md:space-x-3';
+ * @prop export let solid: boolean = false;
+ * @prop export let navClass: string = 'flex';
+ * @prop export let solidClass: string = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
+ * @prop export let olClass: string = 'inline-flex items-center space-x-1 md:space-x-3';
  */
 export default class Breadcrumb extends SvelteComponentTyped<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
 }

package/dist/breadcrumbs/BreadcrumbItem.svelte

@@ -39,13 +39,12 @@ export let homeClass = 'inline-flex items-center text-sm font-medium text-gray-7
 </li>
 
 <!--
-  @component
-  [Go to Breadcrumb](https://flowbite-svelte.com/docs/components/breadcrumb)
-  ## Props
-  @prop home: boolean = false;
-  @prop href: string | undefined = undefined;
-  @prop linkClass: string = 'ml-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ml-2 dark:text-gray-400 dark:hover:text-white';
-  @prop spanClass: string = 'ml-1 text-sm font-medium text-gray-500 md:ml-2 dark:text-gray-400';
-  @prop homeClass: string = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let home: boolean = false;
+@prop export let href: string | undefined = undefined;
+@prop export let linkClass: string = 'ml-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ml-2 dark:text-gray-400 dark:hover:text-white';
+@prop export let spanClass: string = 'ml-1 text-sm font-medium text-gray-500 md:ml-2 dark:text-gray-400';
+@prop export let homeClass: string = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
 -->

package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts

@@ -20,13 +20,13 @@ export type BreadcrumbItemProps = typeof __propDef.props;
 export type BreadcrumbItemEvents = typeof __propDef.events;
 export type BreadcrumbItemSlots = typeof __propDef.slots;
 /**
- * [Go to Breadcrumb](https://flowbite-svelte.com/docs/components/breadcrumb)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop home: boolean = false;
- * @prop href: string | undefined = undefined;
- * @prop linkClass: string = 'ml-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ml-2 dark:text-gray-400 dark:hover:text-white';
- * @prop spanClass: string = 'ml-1 text-sm font-medium text-gray-500 md:ml-2 dark:text-gray-400';
- * @prop homeClass: string = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
+ * @prop export let home: boolean = false;
+ * @prop export let href: string | undefined = undefined;
+ * @prop export let linkClass: string = 'ml-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ml-2 dark:text-gray-400 dark:hover:text-white';
+ * @prop export let spanClass: string = 'ml-1 text-sm font-medium text-gray-500 md:ml-2 dark:text-gray-400';
+ * @prop export let homeClass: string = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
  */
 export default class BreadcrumbItem extends SvelteComponentTyped<BreadcrumbItemProps, BreadcrumbItemEvents, BreadcrumbItemSlots> {
 }

package/dist/buttongroups/ButtonGroup.svelte

@@ -10,9 +10,9 @@ setContext('group', { size });
 </div>
 
 <!--
-  @component
-  [Go to Button Group](https://flowbite-svelte.com/docs/components/button-group)
-  ## Props
-  @prop size: SizeType = 'md';
-  @prop divClass: string = 'inline-flex rounded-lg shadow-sm';  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let size: SizeType = 'md';
+@prop export let divClass: string = 'inline-flex rounded-lg shadow-sm';
 -->

package/dist/buttongroups/ButtonGroup.svelte.d.ts

@@ -17,10 +17,10 @@ export type ButtonGroupProps = typeof __propDef.props;
 export type ButtonGroupEvents = typeof __propDef.events;
 export type ButtonGroupSlots = typeof __propDef.slots;
 /**
- * [Go to Button Group](https://flowbite-svelte.com/docs/components/button-group)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop size: SizeType = 'md';
- * @prop divClass: string = 'inline-flex rounded-lg shadow-sm';
+ * @prop export let size: SizeType = 'md';
+ * @prop export let divClass: string = 'inline-flex rounded-lg shadow-sm';
  */
 export default class ButtonGroup extends SvelteComponentTyped<ButtonGroupProps, ButtonGroupEvents, ButtonGroupSlots> {
 }

package/dist/buttons/Button.svelte

@@ -73,26 +73,14 @@ $: buttonClass = twMerge('text-center font-medium', group ? 'focus:ring-2' : 'fo
 </svelte:element>
 
 <!--
-  @component
-  [Go to Button](https://flowbite-svelte.com/docs/components/button)
-  ## Props
-  @prop pill: boolean = false;
-  @prop outline: boolean = false;
-  @prop size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
-  @prop href: string | undefined = undefined;
-  @prop btnClass: string | undefined = undefined;
-  @prop type: ButtonType = 'button';
-  @prop color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
-  @prop shadow: boolean = false;
-  ## Event
-  - on:click
-  - on:change
-  - on:keydown
-  - on:keyup
-  - on:touchstart
-  - on:touchend
-  - on:touchcancel
-  - on:mouseenter
-  - on:mouseleave
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let pill: boolean = false;
+@prop export let outline: boolean = false;
+@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
+@prop export let href: string | undefined = undefined;
+@prop export let type: ButtonType = 'button';
+@prop export let color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
+@prop export let shadow: boolean = false;
 -->

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

@@ -32,26 +32,15 @@ export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
 /**
- * [Go to Button](https://flowbite-svelte.com/docs/components/button)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop pill: boolean = false;
- * @prop outline: boolean = false;
- * @prop size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
- * @prop href: string | undefined = undefined;
- * @prop btnClass: string | undefined = undefined;
- * @prop type: ButtonType = 'button';
- * @prop color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
- * @prop shadow: boolean = false;
- * ## Event
- * - on:click
- * - on:change
- * - on:keydown
- * - on:keyup
- * - on:touchstart
- * - on:touchend
- * - on:touchcancel
- * - on:mouseenter
- * - on:mouseleave
+ * @prop export let pill: boolean = false;
+ * @prop export let outline: boolean = false;
+ * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
+ * @prop export let href: string | undefined = undefined;
+ * @prop export let type: ButtonType = 'button';
+ * @prop export let color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
+ * @prop export let shadow: boolean = false;
  */
 export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/Button.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA+F3C,QAAA,MAAM,SAAS;;;;;;eAD+L,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAClJ,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;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/Button.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA+F3C,QAAA,MAAM,SAAS;;;;;;eAD+L,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAClJ,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/buttons/GradientButton.svelte

@@ -59,19 +59,9 @@ $: divClass = twMerge($$props.outline && 'p-0.5', gradientClasses[color], shadow
 {/if}
 
 <!--
-  @component
-  [Go to Button](https://flowbite-svelte.com/docs/components/button)
-  @prop color: keyof typeof gradientClasses = 'blue';
-  @prop shadow: boolean = false;
-  ## Event
-  - on:click
-  - on:change
-  - on:keydown
-  - on:keyup
-  - on:touchstart
-  - on:touchend
-  - on:touchcancel
-  - on:mouseenter
-  - on:mouseleave
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: keyof typeof gradientClasses = 'blue';
+@prop export let shadow: boolean = false;
 -->

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

@@ -26,19 +26,10 @@ export type GradientButtonProps = typeof __propDef.props;
 export type GradientButtonEvents = typeof __propDef.events;
 export type GradientButtonSlots = typeof __propDef.slots;
 /**
- * [Go to Button](https://flowbite-svelte.com/docs/components/button)
- * @prop color: keyof typeof gradientClasses = 'blue';
- * @prop shadow: boolean = false;
- * ## Event
- * - on:click
- * - on:change
- * - on:keydown
- * - on:keyup
- * - on:touchstart
- * - on:touchend
- * - on:touchcancel
- * - on:mouseenter
- * - on:mouseleave
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let color: keyof typeof gradientClasses = 'blue';
+ * @prop export let shadow: boolean = false;
  */
 export default class GradientButton extends SvelteComponentTyped<GradientButtonProps, GradientButtonEvents, GradientButtonSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"GradientButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/GradientButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+ED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"GradientButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/GradientButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+ED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/cards/Card.svelte

@@ -40,20 +40,13 @@ $: imgClass = twMerge(reverse ? 'rounded-b-lg' : 'rounded-t-lg', horizontal && '
 </Frame>
 
 <!--
-  @component
-  [Go to Card](https://flowbite-svelte.com/docs/components/card)
-  ## Props
-  @prop href: string | null | undefined = undefined;
-  @prop horizontal: boolean = false;
-  @prop reverse: boolean = false;
-  @prop img: string | undefined = undefined;
-  @prop padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'lg';
-  @prop size: SizeType = 'sm';
-  ## Event
-  - on:click
-  - on:focusin
-  - on:focusout
-  - on:mouseenter
-  - on:mouseleave
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let href: string | null | undefined = undefined;
+@prop export let horizontal: boolean = false;
+@prop export let reverse: boolean = false;
+@prop export let img: string | undefined = undefined;
+@prop export let padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'lg';
+@prop export let size: SizeType = 'sm';
 -->

package/dist/cards/Card.svelte.d.ts

@@ -253,20 +253,14 @@ export type CardProps = typeof __propDef.props;
 export type CardEvents = typeof __propDef.events;
 export type CardSlots = typeof __propDef.slots;
 /**
- * [Go to Card](https://flowbite-svelte.com/docs/components/card)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop href: string | null | undefined = undefined;
- * @prop horizontal: boolean = false;
- * @prop reverse: boolean = false;
- * @prop img: string | undefined = undefined;
- * @prop padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'lg';
- * @prop size: SizeType = 'sm';
- * ## Event
- * - on:click
- * - on:focusin
- * - on:focusout
- * - on:mouseenter
- * - on:mouseleave
+ * @prop export let href: string | null | undefined = undefined;
+ * @prop export let horizontal: boolean = false;
+ * @prop export let reverse: boolean = false;
+ * @prop export let img: string | undefined = undefined;
+ * @prop export let padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'lg';
+ * @prop export let size: SizeType = 'sm';
  */
 export default class Card extends SvelteComponentTyped<CardProps, CardEvents, CardSlots> {
 }

package/dist/cards/Card.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAoE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAoE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/carousels/Caption.svelte

@@ -8,10 +8,10 @@ export let pClass = 'text-gray-900 dark:text-white';
 </div>
 
 <!--
-  @component
-  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
-  ## Props
-  @prop caption: string = '';
-  @prop captionClass: string = '';
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let caption: string = '';
+@prop export let captionClass: string = '';
+@prop export let pClass: string = 'text-gray-900 dark:text-white';
 -->

package/dist/carousels/Caption.svelte.d.ts

@@ -14,10 +14,11 @@ export type CaptionProps = typeof __propDef.props;
 export type CaptionEvents = typeof __propDef.events;
 export type CaptionSlots = typeof __propDef.slots;
 /**
- * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop caption: string = '';
- * @prop captionClass: string = '';
+ * @prop export let caption: string = '';
+ * @prop export let captionClass: string = '';
+ * @prop export let pClass: string = 'text-gray-900 dark:text-white';
  */
 export default class Caption extends SvelteComponentTyped<CaptionProps, CaptionEvents, CaptionSlots> {
 }

package/dist/carousels/Caption.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Caption.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAeD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Caption.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Caption.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAeD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/carousels/Carousel.svelte

@@ -118,25 +118,25 @@ if (loop) {
 {/if}
 
 <!--
-  @component
-  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
-  ## Props
-  @prop showIndicators: boolean = true;
-  @prop showCaptions: boolean = true;
-  @prop showThumbs: boolean = true;
-  @prop images: any[];
-  @prop slideControls: boolean = true;
-  @prop loop: boolean = false;
-  @prop duration: number = 2000;
-  @prop thumbClass: string = 'opacity-40';
-  ### Carousel
-  @prop divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
-  @prop indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
-  ### Caption
-  @prop captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
-  ### Indicator
-  @prop indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
-  ### Slide
-  @prop slideClass: string = '';
- 
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let id: string = 'default-carousel';
+@prop export let showIndicators: boolean = true;
+@prop export let showCaptions: boolean = true;
+@prop export let showThumbs: boolean = true;
+@prop export let images: any[];
+@prop export let slideControls: boolean = true;
+@prop export let loop: boolean = false;
+@prop export let duration: number = 2000;
+@prop export let divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
+@prop export let indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
+@prop export let captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
+@prop export let indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
+@prop export let slideClass: string = 'flex items-center justify-center h-full w-full';
+@prop export let imgFit: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down' = 'cover';
+@prop export let imgClass: string = `object-${imgFit} ${imgFit === 'cover' && 'w-full'} h-full`;
+@prop export let thumbClass: string = 'opacity-40';
+@prop export let thumbDivClass: string = 'flex flex-row justify-center bg-gray-100 w-full';
+@prop export let thumbBtnClass: string = '';
 -->

package/dist/carousels/Carousel.svelte.d.ts

@@ -33,25 +33,26 @@ export type CarouselProps = typeof __propDef.props;
 export type CarouselEvents = typeof __propDef.events;
 export type CarouselSlots = typeof __propDef.slots;
 /**
- * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop showIndicators: boolean = true;
- * @prop showCaptions: boolean = true;
- * @prop showThumbs: boolean = true;
- * @prop images: any[];
- * @prop slideControls: boolean = true;
- * @prop loop: boolean = false;
- * @prop duration: number = 2000;
- * @prop thumbClass: string = 'opacity-40';
- * ### Carousel
- * @prop divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
- * @prop indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
- * ### Caption
- * @prop captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
- * ### Indicator
- * @prop indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
- * ### Slide
- * @prop slideClass: string = '';
+ * @prop export let id: string = 'default-carousel';
+ * @prop export let showIndicators: boolean = true;
+ * @prop export let showCaptions: boolean = true;
+ * @prop export let showThumbs: boolean = true;
+ * @prop export let images: any[];
+ * @prop export let slideControls: boolean = true;
+ * @prop export let loop: boolean = false;
+ * @prop export let duration: number = 2000;
+ * @prop export let divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
+ * @prop export let indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
+ * @prop export let captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
+ * @prop export let indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
+ * @prop export let slideClass: string = 'flex items-center justify-center h-full w-full';
+ * @prop export let imgFit: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down' = 'cover';
+ * @prop export let imgClass: string = `object-${imgFit} ${imgFit === 'cover' && 'w-full'} h-full`;
+ * @prop export let thumbClass: string = 'opacity-40';
+ * @prop export let thumbDivClass: string = 'flex flex-row justify-center bg-gray-100 w-full';
+ * @prop export let thumbBtnClass: string = '';
  */
 export default class Carousel extends SvelteComponentTyped<CarouselProps, CarouselEvents, CarouselSlots> {
 }

package/dist/carousels/Carousel.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Carousel.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+ID,QAAA,MAAM,SAAS;;;;;;;gBADoiB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;CAC1e,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Carousel.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+ID,QAAA,MAAM,SAAS;;;;;;;gBADoiB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;CAC1e,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/carousels/CarouselTransition.svelte

@@ -146,25 +146,29 @@ if (loop) {
 {/if}
 
 <!--
-  @component
-  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
-  ## Props
-  @prop showIndicators: boolean = true;
-  @prop showCaptions: boolean = true;
-  @prop showThumbs: boolean = true;
-  @prop images: any[];
-  @prop slideControls: boolean = true;
-  @prop transitionType: TransitionTypes = 'fade';
-  @prop transitionParams: TransitionParamTypes = {};
-  @prop loop: boolean = false;
-  @prop duration: number = 2000;
-  @prop thumbClass: string = 'opacity-40';
-  ### Carousel
-  @prop divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
-  @prop indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
-  ### Caption
-  @prop captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
-  ### Indicator
-  @prop indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let id: string = 'default-transition-carousel';
+@prop export let showIndicators: boolean = true;
+@prop export let showCaptions: boolean = true;
+@prop export let showThumbs: boolean = true;
+@prop export let images: any[];
+@prop export let slideControls: boolean = true;
+@prop export let transitionType: TransitionTypes = 'fade';
+@prop export let transitionParams: TransitionParamTypes = {};
+@prop export let loop: boolean = false;
+@prop export let duration: number = 2000;
+@prop export let divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
+@prop export let indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
+@prop export let captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
+@prop export let indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
+@prop export let slideClass: string = '';
+@prop export let transitionDivClass: string = 'h-full w-full';
+@prop export let imgFit: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down' = 'cover';
+@prop export let imgClass: string = `object-${imgFit} ${imgFit === 'cover' && 'w-full'} h-full`;
+@prop export let thumbClass: string = 'opacity-40';
+@prop export let thumbDivClass: string = 'flex flex-row justify-center bg-gray-100 w-full';
+@prop export let thumbBtnClass: string = '';
+@prop export let slideClass: string = 'hidden';
 -->

package/dist/carousels/CarouselTransition.svelte.d.ts

@@ -37,25 +37,30 @@ export type CarouselTransitionProps = typeof __propDef.props;
 export type CarouselTransitionEvents = typeof __propDef.events;
 export type CarouselTransitionSlots = typeof __propDef.slots;
 /**
- * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop showIndicators: boolean = true;
- * @prop showCaptions: boolean = true;
- * @prop showThumbs: boolean = true;
- * @prop images: any[];
- * @prop slideControls: boolean = true;
- * @prop transitionType: TransitionTypes = 'fade';
- * @prop transitionParams: TransitionParamTypes = {};
- * @prop loop: boolean = false;
- * @prop duration: number = 2000;
- * @prop thumbClass: string = 'opacity-40';
- * ### Carousel
- * @prop divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
- * @prop indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
- * ### Caption
- * @prop captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
- * ### Indicator
- * @prop indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
+ * @prop export let id: string = 'default-transition-carousel';
+ * @prop export let showIndicators: boolean = true;
+ * @prop export let showCaptions: boolean = true;
+ * @prop export let showThumbs: boolean = true;
+ * @prop export let images: any[];
+ * @prop export let slideControls: boolean = true;
+ * @prop export let transitionType: TransitionTypes = 'fade';
+ * @prop export let transitionParams: TransitionParamTypes = {};
+ * @prop export let loop: boolean = false;
+ * @prop export let duration: number = 2000;
+ * @prop export let divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';
+ * @prop export let indicatorDivClass: string = 'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2';
+ * @prop export let captionClass: string = 'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center';
+ * @prop export let indicatorClass: string = 'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60';
+ * @prop export let slideClass: string = '';
+ * @prop export let transitionDivClass: string = 'h-full w-full';
+ * @prop export let imgFit: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down' = 'cover';
+ * @prop export let imgClass: string = `object-${imgFit} ${imgFit === 'cover' && 'w-full'} h-full`;
+ * @prop export let thumbClass: string = 'opacity-40';
+ * @prop export let thumbDivClass: string = 'flex flex-row justify-center bg-gray-100 w-full';
+ * @prop export let thumbBtnClass: string = '';
+ * @prop export let slideClass: string = 'hidden';
  */
 export default class CarouselTransition extends SvelteComponentTyped<CarouselTransitionProps, CarouselTransitionEvents, CarouselTransitionSlots> {
 }

package/dist/carousels/CarouselTransition.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselTransition.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/CarouselTransition.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA6KtE,QAAA,MAAM,SAAS;;;;;;;gBADmpB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;CACzlB,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
+{"version":3,"file":"CarouselTransition.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/CarouselTransition.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA6KtE,QAAA,MAAM,SAAS;;;;;;;gBADmpB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;CACzlB,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

package/dist/carousels/Indicator.svelte

@@ -6,13 +6,12 @@ export let indicatorClass = '';
 <button type="button" class={indicatorClass} class:active={selected} aria-label={name} on:click />
 
 <!--
-  @component
-  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
-  ## Props
-  @prop name: string = '';
-  @prop selected: boolean = false;
-  @prop indicatorClass: string = '';
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let name: string = '';
+@prop export let selected: boolean = false;
+@prop export let indicatorClass: string = '';
 -->
 
 <style>