flowbite-svelte 0.36.5 → 0.37.1

package/dist/buttons/GradientButton.svelte

@@ -67,3 +67,28 @@ $: divClass = classNames('p-0.5', gradientClasses[color], shadow && 'shadow-lg',
     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';
+-->

package/dist/darkmode/DarkMode.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type DarkModeProps = typeof __propDef.props;
 export type DarkModeEvents = typeof __propDef.events;
 export type DarkModeSlots = typeof __propDef.slots;
+/**
+ * ## 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';
+ */
 export default class DarkMode extends SvelteComponentTyped<DarkModeProps, DarkModeEvents, DarkModeSlots> {
 }
 export {};

package/dist/darkmode/DarkMode.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DarkMode.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/darkmode/DarkMode.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,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,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"DarkMode.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/darkmode/DarkMode.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/datepicker/Datepicker.svelte

@@ -66,3 +66,19 @@ $: setAttribute = (node, params) => {
     <slot />
   </div>
 {/if}
+
+<!--
+  @component
+  **EXPERIMENTAL**
+  ## Features
+  [Go to Datepicker](https://flowbite-svelte.com/docs/experimental/datepicker)
+  ## Props
+  @prop range: boolean = false;
+  @prop datepickerButtons: boolean = false;
+  @prop datepickerFormat: string = 'mm/dd/yyyy';
+  @prop datepickerOrientation: string = 'bottom';
+  @prop datepickerTitle: string = 'Flowbite datepicker';
+  @prop attribute: string = '';
+  @prop inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+
+-->

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -20,6 +20,19 @@ declare const __propDef: {
 export type DatepickerProps = typeof __propDef.props;
 export type DatepickerEvents = typeof __propDef.events;
 export type DatepickerSlots = typeof __propDef.slots;
+/**
+ * **EXPERIMENTAL**
+ * ## Features
+ * [Go to Datepicker](https://flowbite-svelte.com/docs/experimental/datepicker)
+ * ## Props
+ * @prop range: boolean = false;
+ * @prop datepickerButtons: boolean = false;
+ * @prop datepickerFormat: string = 'mm/dd/yyyy';
+ * @prop datepickerOrientation: string = 'bottom';
+ * @prop datepickerTitle: string = 'Flowbite datepicker';
+ * @prop attribute: string = '';
+ * @prop inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+ */
 export default class Datepicker extends SvelteComponentTyped<DatepickerProps, DatepickerEvents, DatepickerSlots> {
 }
 export {};

package/dist/datepicker/Datepicker.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/datepicker/Datepicker.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"Datepicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/datepicker/Datepicker.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}