flowbite-svelte 0.36.4 → 0.37.1

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

@@ -29,6 +29,52 @@ declare const __propDef: {
 export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Button](https://flowbite-svelte.com/docs/components/button)
+ * - Setup
+ * - Default button
+ * - Button with link
+ * - Button pills
+ * - Gradient monochrome
+ * - Gradient duotone
+ * - Gradient outline
+ * - Colored shadows
+ * - Outline buttons
+ * - Button sizes
+ * - Buttons with icon
+ * - Button with label
+ * - Icon buttons
+ * - Loader
+ * - Disabled
+ * ## 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:mouseenter
+ * - on:mouseleave
+ * ## Example
+ * ```
+ * <script>
+ *   import { Button } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Button>Default</Button>
+ * <Button color="alternative">Alternative</Button>
+ * <Button color="dark">Dark</Button>
+ * <Button color="light">Light</Button>
+ * ```
+ */
 export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

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;AA8H3C,QAAA,MAAM,SAAS;;;;;;eADoN,MAAM,GAAG,SAAS;mBAAa,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;CACtM,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,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+H3C,QAAA,MAAM,SAAS;;;;;;eADoN,MAAM,GAAG,SAAS;mBAAa,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;CACtM,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/buttons/GradientButton.svelte

@@ -56,15 +56,39 @@ $: divClass = classNames('p-0.5', gradientClasses[color], shadow && 'shadow-lg',
     <Button {...$$restProps} color="none" class={gradientOutlineClass}><slot /></Button>
   </div>
 {:else}
-  <Button 
-  {...$$restProps} 
-  color="none" 
-  class={divClass}
-  on:click
-  on:change
-  on:keydown
-  on:keyup
-  on:mouseenter
-  on:mouseleave
-  ><slot /></Button>
+  <Button
+    {...$$restProps}
+    color="none"
+    class={divClass}
+    on:click
+    on:change
+    on:keydown
+    on:keyup
+    on:mouseenter
+    on:mouseleave><slot /></Button>
 {/if}
+
+<!--
+  @component
+  ## Features
+  [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:mouseenter
+  - on:mouseleave
+  ## Example
+  ```
+  <script>
+    import { GradientButton } from 'flowbite-svelte';
+  </script>
+  
+  <GradientButton color="blue">Blue</GradientButton>
+  <GradientButton color="green">Green</GradientButton>
+  <GradientButton color="cyan">Cyan</GradientButton>
+  ```
+-->

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

@@ -22,6 +22,29 @@ declare const __propDef: {
 export type GradientButtonProps = typeof __propDef.props;
 export type GradientButtonEvents = typeof __propDef.events;
 export type GradientButtonSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [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:mouseenter
+ * - on:mouseleave
+ * ## Example
+ * ```
+ * <script>
+ *   import { GradientButton } from 'flowbite-svelte';
+ * </script>
+ *
+ * <GradientButton color="blue">Blue</GradientButton>
+ * <GradientButton color="green">Green</GradientButton>
+ * <GradientButton color="cyan">Cyan</GradientButton>
+ * ```
+ */
 export default class GradientButton extends SvelteComponentTyped<GradientButtonProps, GradientButtonEvents, GradientButtonSlots> {
 }
 export {};

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;AA8FD,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,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;AAgGD,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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/cards/Card.svelte

@@ -50,3 +50,48 @@ $: imgClass = classNames(reverse ? 'rounded-b-lg' : 'rounded-t-lg', horizontal &
     <slot />
   {/if}
 </Frame>
+
+<!--
+  @component
+  ## Features
+  [Go to Card](https://flowbite-svelte.com/docs/components/card)
+  - Set up
+  - Default card
+  - Card with action button
+  - Card with link
+  - Card with image
+  - Horizontal card
+  - User profile card
+  - Card with form inputs
+  - E-commerce card
+  - Call to action card
+  - Card with list
+  - Pricing card
+  - Testimonial 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
+  ## Example
+  ```
+  <script>
+    import { Card } from "flowbite-svelte";
+  </script>
+
+  <Card href="/cards">
+  <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2023</h5>
+  <p class="font-normal text-gray-700 dark:text-gray-400 leading-tight">
+    Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
+  </p>
+</Card>
+  ```
+-->

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

@@ -265,6 +265,49 @@ declare const __propDef: {
 export type CardProps = typeof __propDef.props;
 export type CardEvents = typeof __propDef.events;
 export type CardSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Card](https://flowbite-svelte.com/docs/components/card)
+ * - Set up
+ * - Default card
+ * - Card with action button
+ * - Card with link
+ * - Card with image
+ * - Horizontal card
+ * - User profile card
+ * - Card with form inputs
+ * - E-commerce card
+ * - Call to action card
+ * - Card with list
+ * - Pricing card
+ * - Testimonial 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
+ * ## Example
+ * ```
+ * <script>
+ *   import { Card } from "flowbite-svelte";
+ * </script>
+ *
+ * <Card href="/cards">
+ * <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2023</h5>
+ * <p class="font-normal text-gray-700 dark:text-gray-400 leading-tight">
+ *   Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
+ * </p>
+ * </Card>
+ * ```
+ */
 export default class Card extends SvelteComponentTyped<CardProps, CardEvents, CardSlots> {
 }
 export {};

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;AA8E3C,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,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;AAgF3C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/carousels/Caption.svelte

@@ -5,3 +5,14 @@ export let captionClass = '';
 <div class={captionClass}>
   <p id="caption" class="text-gray-900 dark:text-white">{caption}</p>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+
+  ## Props
+  @prop caption: string = '';
+  @prop captionClass: string = '';
+  
+-->

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

@@ -12,6 +12,14 @@ declare const __propDef: {
 export type CaptionProps = typeof __propDef.props;
 export type CaptionEvents = typeof __propDef.events;
 export type CaptionSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ *
+ * ## Props
+ * @prop caption: string = '';
+ * @prop captionClass: string = '';
+ */
 export default class Caption extends SvelteComponentTyped<CaptionProps, CaptionEvents, CaptionSlots> {
 }
 export {};

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;AAYD,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,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;AAcD,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/carousels/Carousel.svelte

@@ -132,3 +132,51 @@ if (loop) {
     {/each}
   </div>
 {/if}
+
+<!--
+  @component
+  ## Features
+  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+  - Setup
+  - Default Carousel
+  - Loop
+  - Without thumbnails
+  - Without caption
+  - Without indicators
+  - Without slide controllers
+  - Custom slide controllers
+  - Carousel transition
+  - Loop
+  - Fly example
+  - Slide example
+  ## 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;
+
+  ### 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 = '';
+  ## Example
+  ```
+  <script>
+    import { Carousel } from 'flowbite-svelte'
+    import { images } from './imageData/+server.js';
+  </script>
+
+  <div class="max-w-4xl">
+    <Carousel {images} />
+  </div>
+
+  ```
+-->

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

@@ -25,6 +25,52 @@ declare const __propDef: {
 export type CarouselProps = typeof __propDef.props;
 export type CarouselEvents = typeof __propDef.events;
 export type CarouselSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * - Setup
+ * - Default Carousel
+ * - Loop
+ * - Without thumbnails
+ * - Without caption
+ * - Without indicators
+ * - Without slide controllers
+ * - Custom slide controllers
+ * - Carousel transition
+ * - Loop
+ * - Fly example
+ * - Slide example
+ * ## 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;
+ *
+ * ### 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 = '';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Carousel } from 'flowbite-svelte'
+ *   import { images } from './imageData/+server.js';
+ * </script>
+ *
+ * <div class="max-w-4xl">
+ *   <Carousel {images} />
+ * </div>
+ *
+ * ```
+ */
 export default class Carousel extends SvelteComponentTyped<CarouselProps, CarouselEvents, CarouselSlots> {
 }
 export {};

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;AA8GD,QAAA,MAAM,SAAS;;;;;gBADiZ,GAAG,EAAE;;;;;;;;;;;;;;;;;CAC9W,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,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;AAgHD,QAAA,MAAM,SAAS;;;;;gBADiZ,GAAG,EAAE;;;;;;;;;;;;;;;;;CAC9W,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/carousels/CarouselTransition.svelte

@@ -155,3 +155,49 @@ if (loop) {
     {/each}
   </div>
 {/if}
+
+<!--
+  @component
+  ## Features
+  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+  - Setup
+  - Default Carousel
+  - Loop
+  - Without thumbnails
+  - Without caption
+  - Without indicators
+  - Without slide controllers
+  - Custom slide controllers
+  - Carousel transition
+  - Loop
+  - Fly example
+  - Slide example
+  ## 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;
+  ### 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';
+  ## Example
+  ```
+  <script>
+    import { CarouselTransition } from 'flowbite-svelte'
+    import { images } from './imageData/+server.js';
+  </script>
+
+  <div class="max-w-4xl">
+    <CarouselTransition {images} transitionType="fade" transitionParams="{{delay: 300, duration: 500}}"/>
+  </div>
+  ```
+-->

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

@@ -27,6 +27,50 @@ declare const __propDef: {
 export type CarouselTransitionProps = typeof __propDef.props;
 export type CarouselTransitionEvents = typeof __propDef.events;
 export type CarouselTransitionSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * - Setup
+ * - Default Carousel
+ * - Loop
+ * - Without thumbnails
+ * - Without caption
+ * - Without indicators
+ * - Without slide controllers
+ * - Custom slide controllers
+ * - Carousel transition
+ * - Loop
+ * - Fly example
+ * - Slide example
+ * ## 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;
+ * ### 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';
+ * ## Example
+ * ```
+ * <script>
+ *   import { CarouselTransition } from 'flowbite-svelte'
+ *   import { images } from './imageData/+server.js';
+ * </script>
+ *
+ * <div class="max-w-4xl">
+ *   <CarouselTransition {images} transitionType="fade" transitionParams="{{delay: 300, duration: 500}}"/>
+ * </div>
+ * ```
+ */
 export default class CarouselTransition extends SvelteComponentTyped<CarouselTransitionProps, CarouselTransitionEvents, CarouselTransitionSlots> {
 }
 export {};

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;AAED,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAyItE,QAAA,MAAM,SAAS;;;;;gBAD8b,GAAG,EAAE;;;;;;;;;;;;;;;;;;CAC3Z,CAAC;AACxD,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,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;AAED,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA2ItE,QAAA,MAAM,SAAS;;;;;gBAD8b,GAAG,EAAE;;;;;;;;;;;;;;;;;;CAC3Z,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

package/dist/carousels/Indicator.svelte

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

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

@@ -15,6 +15,14 @@ declare const __propDef: {
 export type IndicatorProps = typeof __propDef.props;
 export type IndicatorEvents = typeof __propDef.events;
 export type IndicatorSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * ## Props
+ * @prop name: string = '';
+ * @prop selected: boolean = false;
+ * @prop indicatorClass: string = '';
+ */
 export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Indicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Indicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAaD,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,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"Indicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Indicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAeD,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/carousels/Slide.svelte

@@ -7,3 +7,14 @@ export let slideClass = '';
 <div class={slideClass}>
   <img src={image} alt={altTag} title={attr} />
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+  ## Props
+  @prop image: string = '';
+  @prop altTag: string = '';
+  @prop attr: string = '';
+  @prop slideClass: string = '';
+-->

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

@@ -14,6 +14,15 @@ declare const __propDef: {
 export type SlideProps = typeof __propDef.props;
 export type SlideEvents = typeof __propDef.events;
 export type SlideSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * ## Props
+ * @prop image: string = '';
+ * @prop altTag: string = '';
+ * @prop attr: string = '';
+ * @prop slideClass: string = '';
+ */
 export default class Slide extends SvelteComponentTyped<SlideProps, SlideEvents, SlideSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Slide.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,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,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Slide.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Slide.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/carousels/Thumbnail.svelte

@@ -17,6 +17,20 @@ export let selected = false;
   on:click
   width="{thumbWidth}%" />
 
+<!--
+  @component
+  ## Features
+  [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+  ## Props
+  @prop thumbImg: string = '';
+  @prop altTag: string = '';
+  @prop titleLink: string = '';
+  @prop id: number;
+  @prop thumbWidth: number;
+  @prop selected: boolean = false;
+
+-->
+
 <style>
   .active {
     opacity: 1;

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

@@ -18,6 +18,17 @@ declare const __propDef: {
 export type ThumbnailProps = typeof __propDef.props;
 export type ThumbnailEvents = typeof __propDef.events;
 export type ThumbnailSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Carousel](https://flowbite-svelte.com/docs/components/carousel)
+ * ## Props
+ * @prop thumbImg: string = '';
+ * @prop altTag: string = '';
+ * @prop titleLink: string = '';
+ * @prop id: number;
+ * @prop thumbWidth: number;
+ * @prop selected: boolean = false;
+ */
 export default class Thumbnail extends SvelteComponentTyped<ThumbnailProps, ThumbnailEvents, ThumbnailSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Thumbnail.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;YADqL,MAAM;oBAAc,MAAM;;;;;;;;;CACvK,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,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"Thumbnail.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Thumbnail.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;YADqL,MAAM;oBAAc,MAAM;;;;;;;;;CACvK,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/darkmode/DarkMode.svelte

@@ -50,3 +50,14 @@ onMount(() => {
     </slot>
   </span>
 </button>
+
+<!--
+  @component
+  ## Features
+  [Go to Darkmode](https://flowbite-svelte.com/docs/components/darkmode)
+  ## Props
+  @prop initialTheme: string = 'light';
+  @prop btnClass: string =
+    'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5';
+  @prop size: 'sm' | 'md' | 'lg' = 'md';
+-->